@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//jaecoopuncakalam.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(55,129,148);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(232,58,58);
	--btn-accented-bgcolor-hover: rgb(210,51,57);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://jaecoopuncakalam.com/wp-content/uploads/2021/08/bikes-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(232,58,58);
	background-image: none;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(32,32,32);
	background-image: url(https://jaecoopuncakalam.com/wp-content/uploads/2021/08/bikes-footer-bg.jpg);
	background-position: center center;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
	font-family: "Calibri-Bold";
	font-weight: 700;
	font-style: normal;
}

.promo-banner-wrapper .content-banner h3 {
	font-size:25px !important
}
.whb-sticky-shadow.whb-sticked .whb-main-header {
	z-index:999999999
}
.imagethree img.vc_single_image-img.attachment-full {
    width: 65% !important;
}
.single-post .entry-content p, .single-post .entry-content h2, .single-post .entry-content p a {
    color: #fff;
}
.imgsmalltwo img.vc_single_image-img.attachment-full {
    width: 60% !important;
}

.main-page-wrapper {
    padding-top: 0px !important;
}

.color-scheme-dark p {
    color: #000 !important;
}
.wd-nav-mobile li:is(.current-menu-item,.wd-active)>a {
    background-color: #feffff;
}
h3.wd-entities-title.title.post-title {
    text-align: left !important;
}
.footertitle .wpb_text_column.wpb_content_element {
	text-align:center
}
.wd-tltp {
    display: none !important;
}

a.btn-read-more.more-link {
    text-decoration: underline;
}

p.read-more-section {
    text-align: left !important;
}

.entry-content.wd-entry-content {
    text-align: left !important;
}

.article-body-container .wd-entities-title a {
    color: #000 !important;
}

span.wd-entities-title {
    color: #fff !important;
}

.wd-single-footer,
.tags-list {
    display: none !important;
}

div#comments {
    display: none;
}

.wd-prefooter {
    display: none !important;
}

ul.entry-meta-list {
    display: none;
}

.widget-area .wd-entities-title a {
    color: #fff !important;
}

.cat-item a {
    color: #fff !important;
}

h5.widget-title {
    color: #fff !important;
    font-family: calibri-bold !important;
    border-bottom: 1px solid;
    text-transform: capitalize;
}

h5.widget-title {
    color: #fff !important;
    font-family: calibri-bold !important;
    border-bottom: 1px solid;
}

a.recent-posts-comment,
time.recent-posts-time {
    display: none;
}

.archive .main-page-wrapper,
.single-post .main-page-wrapper {
    background-color: #191919;
}


.d-none {
    display: none;
}
.wpb_text_column.no-padb {
    margin-bottom: 15px;
}

.color-scheme-dark h1 {
    color: #222 !important;
}
.service-box .info-box-content {
    padding: 2em;
    padding-top: 1em;
	height:240px
}
.service-box .info-box-inner h4 {
    padding-bottom: 5px;
}
.service-box .info-box-inner span.vc_icon_element-icon {
    font-size: 15px;
    margin-right: 5px;
}
    .service-box .info-box-inner h4 {
        font-size: 24px !important;
        line-height: 30px !important;
        font-weight: 100;
    }
a.btn.btn-color-default.btn-style-default.btn-style-rectangle.btn-size-default.bluebtn {
    font-family: calibri !important;
    text-transform: capitalize;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    padding: 10px 40px 10px !important;
    background-color: #378092;
    border-color: #378092 !important;
    color: #fff !important;
}

.whybuyrow .promo-banner .wrapper-content-banner {
    padding: 15px !important;
}


div#popmake-10191 {
    padding-top: 35px !important;
    padding-bottom: 50px !important;
}

#popmake-10191 .wpb_text_column.wpb_content_element {
    margin-bottom: 15px !important;
}



#popmake-10191 .popmake-content .wpb_wrapper {
    text-align: center !important;
}


button.pum-close.popmake-close {
    background-color: #fff !important;
    color: #000 !important;
}

.pum-container {
    background-color: #287589 !important;
}

.wd-nav-arrows.wd-pos-sep {
    border: 1px solid;
}

.tocenter p {
    text-decoration: underline !important;
}

.picnomar .wpb_single_image {
    margin-bottom: 15px !important;
}

.vc_separator.wpb_content_element.vc_separator_align_center {
    margin-bottom: 15px !important;
}


.tocenter .info-box-wrapper {
    display: flex
;
    justify-content: center;
}

.wd-dropdown-menu .wd-info-box {
    display: flex;
    align-items: center;
}

.wd-dropdown-menu .box-icon-wrapper.box-with-icon.box-icon-simple {
    width: 21% !important;
}

.wd-dropdown-menu .info-box-content p {
    color: #000 !important;
}

.wpb_text_column > .wpb_wrapper > p > strong {
    font-size: 1.7rem;
    line-height: 1.3;
    margin-bottom: 10px;
    display: inline-block;
}
.wd-dropdown-menu .wpb_wrapper img {
  transform: scale(1); /* Default scale */
  transition: transform 0.3s ease-in-out; /* Smooth transition */
	width:95%
}
.wd-dropdown-menu .wpb_wrapper.vc_figure {
	text-align:center
}
/* On hover */
.wd-dropdown-menu .wpb_wrapper img:hover {
  transform: scale(1.1); /* Slightly larger scale */
}


.galerryrow .wd-carousel.wd-grid.wd-initialized.wd-horizontal.wd-watch-progress.wd-backface-hidden {
    padding-bottom: 0px !important;
}

.minimal-light .esg-navigationbutton {
    color: #000 !important;
}


.twoicon .vc_column-inner {
    padding-right: 0px !important;
}


.pum-content .gform_wrapper.gravity-theme .gfield input.large, .pum-content .gform_wrapper.gravity-theme .gfield select.large {
    width: 100% !important;
}

span.gfield_required.gfield_required_text {
    display: none !important;
}

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
    background-color: #378092 !important;
    color: #fff !important;
}


button.pum-close.popmake-close {
    background-color: #378092 !important;
}

.pum-theme-default-theme {
    background-color: #2a2a2ad4;
}

a.number {
    color: #ffff !important;
}

.wd-btn-arrow.wd-next.wd-disabled,
.wd-btn-arrow.wd-prev.wd-disabled {
    background-color: #fff !important;
}

.galerryrow .wd-nav-pagin-wrap.text-center.wd-style-shape.wd-hide-md-sm.wd-hide-sm {
    margin: 0px !important;
}

.galerryrow .wd-carousel-container {
    margin-bottom: 0px !important;
}

.esg-navigationbutton.esg-loadmore {
    font-family: calibri !important;
    text-transform: capitalize;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    background-color: transparent;
    border: 0px !important;
    text-decoration: underline !important;
}

.tooltipster-shadow {
    background-color: transparent !important;
    box-shadow: none !important;
}

.tooltipster-content h5{
color:#fff !important;
}


.bookform h4 {
    margin-bottom: 0px !important;
}

.fouricon .box-icon-align-left {
    margin-bottom: 0px !important;
}

.fouricon .box-icon-wrapper {
    width: 35% !important;
}

.fouricon .box-icon-align-left {
    align-items: center;
}

.info-box-inner h4 {
margin-bottom: 0px !important;
    color: #fff !important;
    font-family: calibri !important;
}

.bookform .gform_wrapper.gravity-theme .gfield input.large, .bookform.gform_wrapper.gravity-theme .gfield select.large {
    width: 100% !important;
 color: #494949 !important;
}

.bookform .wpb_text_column.wpb_content_element {
    margin-bottom: 10px !important;
}

.bookform h3 {
    margin-bottom: 0px !important;
}

.wpb_column.bookform.darkfont.vc_column_container.vc_col-sm-6 {
    background-color: #aeaeae;
}


.vc_do_toggle.vc_toggle.vc_toggle_default.vc_toggle_color_default.vc_toggle_size_md {
    margin-bottom: 10px !important;
}

.vc_toggle_default .vc_toggle_content {
    margin-bottom: 0px !important;
}

.vc_do_toggle.vc_toggle.vc_toggle_default.vc_toggle_color_default.vc_toggle_size_md {
    border: 1px solid #378194 !important;
    padding: 10px !important;
}

.vc_toggle_title>h4 {
    display: inline;
    font-family: calibri !important;
    color: #fff !important;
}

article.esg-filters.esg-singlefilters {
    margin-bottom: 30px !important;
}

.minimal-light .esg-filterbutton {
    background-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
    padding: 0px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 20px !important;
    line-height: 25px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 0px !important;
    min-height: 10px !important;
}

.minimal-light .esg-filterbutton.selected {
    border-bottom: 3px solid #378194 !important;
}

.eg-grant-element-25-a {
    margin-top: 20px !important;
}

.minimal-light .esg-filterbutton {
    background-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
    padding: 0px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    font-size: 20px !important;
    line-height: 25px !important;
}

.esg-entry-content.eg-grant-content.esg-notalone {
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-width: 0 0 0 0;
    border-radius: 0 0 0 0;
    border-color: transparent;
    border-style: double;
    text-align: left;
    height: 265px !important;
}

span.vc_tta-title-text {
    color: #ffffff !important;
    font-family: 'calibri' !important;
}

.eg-grant-element-25 {
    font-size: 14px !important;
    line-height: 30px !important;
    color: #378092 !important;
    font-weight: 400 !important;
    z-index: 2 !important;
    display: block !important;
    font-family: calibri !important;
    text-decoration: underline !important;
	  background: #ffffff !important;
	  padding: 0px !important;
	  margin: 0px !important;
}

.eg-grant-element-29 {
    font-size: 18px !important;
    line-height: 20px !important;
    color: #333333 !important;
    font-weight: 400 !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    z-index: 2 !important;
    font-family: 'calibri' !important;
    text-transform: capitalize !important;
	  padding: 0px !important;
	  margin: 0px !important;
}

.eg-grant-element-0 {
    line-height: 30px;
    color: #333333;
    font-weight: 600;
    display: block;
    text-align: left;
    clear: both;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    position: relative;
    z-index: 2 !important;
    text-transform: capitalize;
    font-family: calibri-bold !important;
    font-size: 23px !important;
    line-height: 28px !important;
}

.gform_wrapper.gravity-theme .gfield textarea.medium,
input#input_1_2 {
    color: #494949;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.testicon {
    position: relative !important;
    z-index: 10 !important;
}

.testimonial-rating {
    font-size: 25px !important;
}

.testimon-align-center .testimonial {
    text-align: center;
    background-color: #ffffff !important;
    height: 280px !important;
    padding: 45px 30px 50px !important;
    margin: 5px !important;
}

a.btn.btn-scheme-light.testdrivebtn {
    font-family: calibri !important;
    text-transform: capitalize;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    padding: 10px 30px 10px !important;
}

.icons-design-colored .wd-social-icon {
    background-color: #378092 !important;
    color: #fff !important;
}

.footerlinks p {
    letter-spacing: 2px !important;
    font-weight: 300 !important;
}

.footernum a {
    font-size: 32px !important;
    color: #ffff !important;
    font-weight: 300 !important;
    font-family: 'calibri';
}

li#menu-item-9623 {
    background-color: #378092 !important;
}

.number a {
    color: #ffff !important;
    font-size: 24px !important;
    text-decoration: underline;
}

.star-rating {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: 5px;
    font-weight: 400;
    color: #378092;
    font-family: "woodmart-font";
}

.promo-banner .wrapper-content-banner {
    z-index: 2;
    display: flex;
    overflow: hidden;
    padding: 20px;
    border-radius: var(--wd-brd-radius);
}

span.nav-link-text {
    font-family: calibri !important;
    text-transform: capitalize !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}

.ginput_container.ginput_container_text {
    color: #494949 !important;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 20px 0 0;
    padding: 16px 0;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    width: 90%;
    border: 0px;
    border-bottom: 1px solid #1D1D1B !important;
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
    max-height: 120px !important;
    min-height: 120px !important;
    border: 0px;
    border-bottom: 1px solid #000 !important;
    width: 95% !important;
}

.charleft.ginput_counter.gfield_description {
    display: none !important;
}

input#gform_submit_button_2,
input#gform_submit_button_1 {
    font-family: calibri !important;
    text-transform: capitalize;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
	  padding: 10px 40px 10px !important;
	  background-color: #378092;
	  color: #fff;
}

.darkfont p {
    color: #08080A !important;
}

.darkfont h3 {
    color: #333333 !important;
}

p.pbig\; {
    font-family: calibri !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
	  margin: 0px !important;
}

p.pdeco\; {
    font-family: calibri !important;
    font-size: 12px !important;
    margin: 0px !important;
}

.imgsmall img.vc_single_image-img.attachment-full {
    width: 80% !important;
}

a.btn.btn-scheme-light.bluebtn {
    font-family: calibri !important;
    text-transform: capitalize;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
	  padding: 10px 40px 10px !important;
}

ul.wd-nav-pagin.wd-clickable.wd-type-bullets.wd-horizontal {
    display: none !important;
}

h3 {
    font-family: calibri-bold !important;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}

h1 {
    font-family: calibri-bold !important;
    color: #fff !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}

h6 {
    font-family: calibri !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 200;
    letter-spacing: 2px !important;
}

p {
    font-family: calibri !important;
    color: #fff !important;
    font-size: 1.2rem !important;
	line-height:1.3
}

/* ABSOLUTE FIX: Forces the WordPress Admin Bar to display and stay on top */
#wpadminbar {
    /* Overrides the theme's internal 'display: none' */
    display: block !important; 
    visibility: visible !important; 
    
    /* Ensures it is always layered on top of your high z-index sticky header */
    z-index: 99999999999 !important; 
    position: fixed !important;
    top: 0 !important;
    height: 32px !important;
}

/* Re-adding your functional Hotspot Flip CSS */
@media (max-width: 1200px) {
    .flip-box-narrow .hotspot-content {
        right: 100% !important; 
        left: auto !important; 
        transform: none !important; 
    }
}

/* --- 2. BUTTON ANIMATION: FILL & CHEVRON (Class: button-fill-sweep) --- */

.button-fill-sweep {
    /* Base styles */
    position: relative;
    z-index: 1; 
    overflow: hidden; 
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out; /* ADD color transition */
    border: 1px solid white !important; /* Always White */
    /* Forces starting text color to WHITE */
    color: white !important; 
    font-size: 1.1rem !important;
    /* Crucial: Padding for the chevron to fit */
    padding-right: 30px !important; 
}

/* Fixes the theme's instant gray background on hover */
.button-fill-sweep:hover {
    background-color: transparent !important; 
    border-color: white !important; /* Ensures the border stays the outline color */
    transform: scale(1.02); /* Subtle pulse effect */
    
    /* CRITICAL FIX: Changes text color to dark teal on hover (Now that the background flash is gone) */
    color: #004d4d !important; 
}

/* Additional specificity to ensure the background flash is suppressed */
.vc_btn3.button-fill-sweep:hover,
a.button-fill-sweep:hover {
    background-color: transparent !important;
}

/* 1. Background Fill Sweep Animation (:before) */
.button-fill-sweep:before {
    content: '';
    background-color: white; /* The color that will fill the button */
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* Starts at zero width (invisible) */
    height: 100%;
    transition: width 0.3s ease-in-out; 
    z-index: -1; 
}

.button-fill-sweep:hover:before {
    width: 100%; /* Expands the width to fill the button completely */
}


/* 2. Chevron (>) Reveal Animation (:after) */
.button-fill-sweep:after {
    content: '>'; 
    font-size: 1.2em;
    font-weight: bold;
    color: #004d4d; /* The final color of the chevron */
    
    opacity: 0; /* Starts completely invisible */
    position: absolute;
    top: 50%;
    right: 10px; 
    
    transform: translateY(-50%) translateX(-5px); /* Centers vertically, shifts left */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth animation */
}

.button-fill-sweep:hover:after {
    opacity: 1; /* Fade in the chevron */
    transform: translateY(-50%) translateX(0); /* Slide the chevron 5px to the right */
}

/* FIX: Makes the Popup CLOSE button a clean, square 'X' icon */
button.pum-close.popmake-close {
    /* 1. Reset the button shape and size */
    font-size: 0 !important; 
    line-height: 1 !important;
    padding: 8px !important; /* Smaller size */
    width: 28px !important; 
    height: 28px !important;
    
    /* REMOVES the circle outline */
    border-radius: 0 !important; 
    
    /* Set color for the button background (dark teal from your theme) */
    background-color: #378092 !important; 
    border: none !important;
    
    /* Ensures the X can be centered */
    position: absolute !important;
    right: 0;
    top: 0;
    cursor: pointer;
}

/* 2. Inserts the 'X' icon using a pseudo-element */
button.pum-close.popmake-close:after {
    content: '\2715'; /* Unicode for a simple X/cross icon */
    font-size: 14px !important; /* Size of the X */
    color: white !important; /* Color of the X */
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    /* Centers the X perfectly inside the square button */
    transform: translate(-50%, -50%); 
}

/* --- J8 SLIDER BUTTON: FIXED WHITE BORDER (Class: j8-slider-btn) --- */

.j8-slider-btn {
    position: relative !important;
    z-index: 1 !important; 
    overflow: hidden !important; 
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out !important; 
    
    /* Text & Border Styles - Keeping Border WHITE */
    color: white !important; 
    font-size: 1.1rem !important; 
    padding-right: 35px !important; 
    border: 1px solid white !important; /* Always White */
    background-color: transparent !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Hover state: Keeps border white and triggers text color change */
.j8-slider-btn:hover {
    background-color: transparent !important; 
    border-color: white !important; /* Fixed: Stays white to prevent glitching */
    transform: scale(1.05) !important; 
    color: black !important; 
}

/* 1. The White Sweep Layer */
.j8-slider-btn:before {
    content: '' !important;
    background-color: white !important; 
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0; 
    height: 100% !important;
    transition: width 0.3s ease-in-out !important; 
    z-index: -1 !important; 
}

.j8-slider-btn:hover:before {
    width: 100% !important; 
}

/* 2. The Sliding Chevron (>) */
.j8-slider-btn:after {
    content: '>' !important; 
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #004d4d !important; 
    opacity: 0 !important; 
    position: absolute !important;
    top: 50% !important;
    right: 12px !important; 
    transform: translateY(-50%) translateX(-10px) !important; 
    transition: opacity 0.3s ease, transform 0.3s ease !important; 
}

.j8-slider-btn:hover:after {
    opacity: 1 !important; 
    transform: translateY(-50%) translateX(0) !important; 
}

/* Simple Solid Black Header Fix */
.whb-main-header {
    background-color: #121212 !important;
}

/* Ensure the 'sticky' version and 'clone' also stay black */
.whb-sticked .whb-main-header,
.whb-clone .whb-main-header,
.whb-sticky-prepared {
    background-color: #121212 !important;
}

/* Optional: Keep height consistent to prevent the jump */
.whb-main-header {
    min-height: 90px !important; /* Adjust to fit your logo height */
}

/* 1. Force the Tab Titles to be Black even in 'Line' design */
.nav-link-text.wd-tabs-title {
    color: #000000 !important; /* Force Black */
    opacity: 1 !important;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Set the JAECOO Teal color for Hover and Active states */
.wd-nav-tabs.wd-design-line .nav-link:hover .nav-link-text.wd-tabs-title,
.wd-nav-tabs.wd-design-line .active .nav-link-text.wd-tabs-title {
    color: #008B8B !important; /* JAECOO Teal */
}

/* 3. Style the Underline to match the Teal exactly */
.wd-nav-tabs.wd-design-line .nav-link::after {
    background-color: #008B8B !important;
    height: 3px !important;
}

/* 1. Make the individual sticky rows transparent so they don't overlap colors */
.whb-sticked .whb-main-header,
.whb-sticked .whb-header-bottom,
.whb-sticked .whb-row,
.whb-sticked .container
.whb-sticked .whb-general-header{
    background-color: transparent !important;
}

/* 2. Apply the blur to the container that holds BOTH sticky rows */
body .whb-sticked .whb-general-header{
    background-color: rgba(0, 0, 0, 0.4) !important; /* Semi-transparent black */
    backdrop-filter: blur(15px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(160%) !important;
    display: flex;
    flex-direction: column;
}

body .whb-sticked .whb-header-bottom{
    background-color: rgba(0, 0, 0, 0.4) !important; /* Semi-transparent black */
    backdrop-filter: blur(15px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(160%) !important;
    display: flex;
    flex-direction: column;
}

/* 1. OUTSIDE GRID: TEAL BEFORE HOVER (#006D5B) */
/* We target every single layer of the skin to force the Teal */
.esg-grid .eg-readmore,
.esg-grid a,
.esg-grid a:link,
.esg-grid a:visited,
.esg-grid .esg-title a,
[class*="eg-"] a,
[class*="eg-"] span,
.esg-entry-content a {
    color: #006D5B !important; /* TEAL DEFAULT */
    text-decoration: underline !important;
}

/* OUTSIDE GRID: BLACK ON HOVER (#000000) */
/* We must target :hover, :active, and the Skin's internal link class */
.esg-grid a:hover,
.esg-grid a:active,
.esg-grid .eg-readmore:hover,
[class*="eg-"] a:hover,
.esg-entry-content a:hover {
    color: #000000 !important; /* BLACK HOVER */
    text-decoration: none !important;
}

/* ----------------------------------------------------------- */

/* 2. INSIDE ARTICLE: SILVER BEFORE HOVER (#E0E0E0) */
.single-post .entry-content a,
.single-post .entry-content a:link,
.single-post .entry-content a:visited {
    color: #E0E0E0 !important; /* SILVER DEFAULT */
    text-decoration: underline !important;
}

/* INSIDE ARTICLE: WHITE ON HOVER (#FFFFFF) */
.single-post .entry-content a:hover {
    color: #FFFFFF !important; /* WHITE HOVER */
}

.jaecoo-gallery-text h1 {
    font-family: 'Times-New-Roman' !important;
}
.jaecoo-gallery-text p {
    font-family: 'Times-New-Roman' !important;
}

/* --- 1. THE CARD ANCHOR --- */
.blog-post-loop .article-inner,
.blog-design-mask {
    position: relative !important;
    background-color: #ffffff !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    cursor: pointer;
    overflow: hidden;
}

/* --- 2. THE GIANT BUTTON (Now at the Front) --- */
.blog-post-loop .entry-title a:before,
.article-inner .entry-title a:before,
.article-inner h3 a:before {
    content: "" !important;
    position: absolute !important;
    /* Forces the link to cover the ENTIRE card height and width */
    top: -200px !important; /* Reaches up to the top of the image */
    left: -50px !important;  /* Reaches to the left edge */
    right: -50px !important; /* Reaches to the right edge */
    bottom: -100px !important; /* Reaches to the bottom edge */
    z-index: 999 !important;   /* Put it on top of EVERYTHING */
}

/* --- 3. REPOSITION THE BADGE (Moved Down & Safe) --- */
.meta-post-categories, 
.wd-post-cat,
.meta-categories-wrapp {
    display: block !important;
    position: relative !important; 
    top: auto !important;
    left: auto !important;
    margin-bottom: 12px !important;
    text-align: left !important;
    /* This sits UNDER the giant link so it doesn't block the click */
    z-index: 1 !important; 
}

/* --- 4. ARTICLE RESET (Fixes the Inside Post) --- */
.single-post .article-inner,
.single-post .blog-post-loop {
    cursor: default !important;
    transform: none !important;
    box-shadow: none !important;
}

.single-post a:before {
    display: none !important;
    content: none !important;
}

/* --- 5. EFFECTS (Main Page Only) --- */
.blog-post-loop:hover .article-inner {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
}

.blog-post-loop:active .article-inner {
    transform: scale(0.97) !important;
    transition: transform 0.1s ease !important;
}

/* 1. Inactive Numbers (Make them light grey so they are visible) */
.wd-pagination .page-numbers, 
.wd-pagination li a {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.3s ease;
}

/* 2. Hover State (Turn them Teal when the mouse touches them) */
.wd-pagination .page-numbers:hover, 
.wd-pagination li a:hover {
    color: #ffffff !important;
    background-color: #378092 !important; /* Jaecoo Teal */
    border-color: #378092 !important;
}

/* 3. Active Number (The page you are currently on) */
.wd-pagination .current,
.wd-pagination li .current {
    color: #ffffff !important;
    background-color: #378092 !important; /* Jaecoo Teal */
    border-color: #378092 !important;
}

/* 1. Limit Title to 2 Rows */
/* Tighten the Title and Force Ellipsis (...) Visibility */
.wd-entities-title, 
.post-title, 
.entry-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Limits text to 2 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Explicitly tell browser to use dots */
    
    /* 1. Tighten the space between lines */
    line-height: 1.2 !important; 
    
    /* 2. Adjusted height: Give it a tiny bit of extra room for the dots to render */
    max-height: 2.5em !important; 
    min-height: 2.4em !important; 
    
    /* 3. Remove bottom margin */
    margin-bottom: 5px !important; 
}

/* 4. Remove top margin from the excerpt/description */
.entry-content p {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* 2. Force Card Alignment */
.blog-post-loop {
    display: flex !important;
    flex-wrap: wrap !important;
}

.blog-post-loop article {
    display: flex !important;
    flex-direction: column !important;
}

.blog-post-loop .article-inner {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* --- UPDATED STEP 3: RESTORES DESCRIPTION & ALIGNS BUTTON --- */

/* 1. Ensure the container can actually show the text */
.entry-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100px !important; /* Forces room for the description */
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Force the description paragraph to be visible and white */
.blog-post-loop .entry-content p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Limits description to 3 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #444444 !important; /* Dark grey for readability on white card */
    margin-bottom: 15px !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
}

/* 3. Push the link to the bottom without squashing the p tag */
.blog-post-loop .entry-content .btn-read-more,
.blog-post-loop .entry-content .read-more-section {
    margin-top: auto !important;
    padding-top: 10px !important;
    display: block !important;
}

/* 1. Official JAECOO Brand Background (Deep Teal) */
.main-page-wrapper, 
.page-title-default {
    background-color: #1f6779 !important; /* Official JAECOO Standard Dark Teal */
}

/* 2. Content Container (Premium Black Box) */
/* Keeping this black is better for the calculator's teal highlights */
.single-post .site-content,
.page-content {
    background-color: #000000 !important; 
    padding: 60px !important;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    border: 1px solid rgba(255, 255, 255, 0.05); /* Subtle border for depth */
}

/* 3. Typography & Brand Font */
/* JAECOO uses Calibri for its digital presence */
.entry-title, 
.entry-content, 
.entry-content p,
.widget-title,
.wd-entities-title,
.breadcrumb {
    color: #ffffff !important;
    font-family: 'Calibri', 'Segoe UI', sans-serif !important;
}

/* 4. Official Highlight Color (Teal Glow) */
/* Using the brighter contrast teal for links and borders */
.read-more-link,
.entry-content a:hover {
    color: #40B3C4 !important; /* JAECOO Contrast Teal */
}

/* 5. Subtle Sidebar Styling */
.widget-title {
    border-bottom: 2px solid #40B3C4 !important; /* Brighter teal line for brand feel */
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* FORCE TEXT VISIBILITY ON WHITE NEWS CARDS */
.blog-post-loop .article-inner p,
.blog-post-loop .article-inner .entry-content,
.blog-post-loop .article-inner .wd-entities-title a {
    color: #222222 !important; /* Deep Charcoal/Black */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix the 'Continue Reading' link color for these cards */
.blog-post-loop .article-inner a.btn-read-more,
.blog-post-loop .article-inner a.more-link {
    color: #378092 !important; /* Jaecoo Teal */
    font-weight: bold !important;
}

/* Tightens the gap for the Insurance Partners section */
.vc_row.vc_custom_1739160289815 {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    margin-top: -20px !important; /* Pulls it up closer to the section above */
}

/* Reduces the gap specifically for the 'Our Insurance Partners' title */
.vc_custom_1739160289815 h2, 
.vc_custom_1739160289815 h3 {
    margin-top: 0px !important;
    padding-top: 0px !important;
}


/* --- JAECOO OMEGA FORCE MOBILE FIX --- */

/* 1. GLOBAL TEAL & WHITE OVERRIDE */
div.mobile-nav, 
.mobile-nav, 
.mobile-nav .wd-nav-mobile,
.mobile-nav .wd-nav-mobile-header,
.mobile-nav .menu-mobile-menu-container {
    background-color: #1f6779 !important;
    background: #1f6779 !important;
}

/* 2. FORCE MODELS & ALL TEXT TO WHITE */
.mobile-nav .wd-nav-mobile li a, 
.mobile-nav .wd-nav-mobile li a .nav-link-text,
.mobile-nav .wd-nav-mobile .wd-nav-opener,
.mobile-nav .wd-nav-mobile li.menu-item-has-children > a {
    color: #ffffff !important;
}

/* 3. INJECT WHITE LOGO INTO THE EXACT HOME ID */
/* This kills the word 'Home' and replaces it with the 2025 white logo */
li#menu-item-10214 a {
    background-image: url('https://jaecoopuncakalam.com/wp-content/uploads/2025/06/omodo-jaecoo-logo-white.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 180px auto !important;
    min-height: 90px !important;
    display: flex !important;
    background-color: transparent !important; /* Prevents black background */
}

/* Hide the actual text "Home" span so it doesn't overlap your logo */
li#menu-item-10214 a .nav-link-text {
    display: none !important;
}

/* 4. HIDE THE BROKEN HEADER AREA COMPLETELY */
.mobile-nav .wd-nav-mobile-header {
    display: none !important;
}

/* 5. DYNAMIC BLACKOUT: ACTIVE PAGE ONLY (EXCLUDING LOGO) */
.mobile-nav .wd-nav-mobile li.current-menu-item:not(#menu-item-10214) > a {
    background-color: #000000 !important;
}

/* --- FIX TESTIMONIAL TEXT VISIBILITY --- */

/* 1. Force the testimonial paragraph text to black */
.testimonial-content p,
.testimonial-content .wd-testi-text {
    color: #333333 !important; /* Dark grey/black for readability */
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Force the author name/footer to black */
.testimonial-inner footer,
.testimonial-inner .wd-testi-name {
    color: #000000 !important;
    font-weight: bold !important;
}

/* 3. Ensure the star ratings remain visible */
.testimonial-inner .wd-testi-rating,
.testimonial-inner .rating-stars {
    color: #f39c12 !important; /* Classic gold color for stars */
}

/* --- OVERRIDE ALL WHITE TEXT IN SEARCH RESULTS --- */
.wd-dropdown-results, 
.wd-search-results, 
.autocomplete-suggestions {
    background-color: #ffffff !important;
}

/* Force titles and links to be dark and visible */
.wd-dropdown-results .wd-entities-title, 
.wd-dropdown-results .wd-entities-title a,
.wd-search-results .wd-entities-title,
.wd-entities-title {
    color: #1a1a1a !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Force category tags and descriptions to be visible */
.wd-dropdown-results .wd-entities-cat,
.wd-dropdown-results .wd-entities-desc {
    color: #1f6779 !important; /* Your brand teal */
    opacity: 1 !important;
}

/* --- CLEAN UP THE SEARCH BAR INPUT --- */

/* 1. Fix the typing text color so you can actually see what you type */
.wd-search-form input[type="text"] {
    color: #ffffff !important; /* Makes typed text white */
    font-size: 16px !important;
    padding-left: 15px !important;
}

/* 2. Fix the Placeholder text color (the "Search for posts" hint) */
.wd-search-form input::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

/* 3. Make the Search Glass Icon White and Bold */
.wd-search-form .wd-search-in-button:after,
.wd-search-form button[type="submit"] {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* 4. Remove that ugly default bottom border/outline */
.wd-search-form {
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 5px !important;
    background: rgba(0,0,0,0.1) !important; /* Slight dark tint for depth */
}

/* --- FINAL SEARCH BAR & ROW RECOVERY --- */

/* 1. Force the row and ALL potential containers to your grey */
.vc_row.news-search-row, 
.news-search-row .container,
.news-search-row .vc_column-inner,
.news-search-row .wpb_wrapper {
    background-color: #333333 !important;
    background: #333333!important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Kill the teal bleed-through from the wrapper */
/* We target only the News page specifically so it doesn't break other pages */
.page-id-10810 .main-page-wrapper {
    background-color: #333333 !important;
}

/* 3. Force the Search Bar to stretch and remain dark */
.news-search-row .wd-search-form {
    background-color: #333333 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 4. Text Visibility: Input text MUST be white */
.news-search-row .wd-search-form input[type="text"] {
    color: #ffffff !important;
    padding-left: 20px !important;
}

/* 5. Force the search icon to be visible white */
.news-search-row .wd-search-form button {
    color: #ffffff !important;
}

/* --- SCALE & CENTER SEARCH RESULTS --- */

/* 1. Center the entire dropdown under the search bar */
.wd-dropdown-results {
    width: 100% !important;
    max-width: 100% !important; /* Forces it to match the search bar width */
    left: 0 !important;
    right: 0 !important;
    margin-top: 5px !important;
    padding: 20px !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;
}

/* 2. SCALE UP THE CAR IMAGES (No more tiny boxes) */
.wd-search-results .wd-entities-img img {
    width: 200px !important; /* Significant size increase */
    height: auto !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
}

/* 3. SCALE UP THE TITLES */
.wd-search-results .wd-entities-title,
.wd-search-results .wd-entities-title a {
    font-size: 22px !important; /* Massive readability boost */
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding-left: 20px !important;
    line-height: 1.2 !important;
}

/* 4. CLEAN HORIZONTAL LAYOUT */
.wd-search-results .wd-entities-item {
    display: flex !important;
    align-items: center !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 5. FIX THE "VIEW ALL RESULTS" BAR */
.wd-view-all-results {
    font-size: 16px !important;
    font-weight: 900 !important;
    background-color: #f9f9f9 !important;
    color: #1f6779 !important; /* Your brand teal */
    padding: 15px !important;
    text-align: center !important;
}

/* --- SHOPEE-STYLE SUGGESTIONS BAR --- */

/* 1. Align the text block right under the search bar */
.search-suggestions-bar {
    margin-top: -10px !important; /* Pulls it closer to the bar */
    padding-left: 15px !important;
}

/* 2. Style the text and links */
.search-suggestions-bar p {
    font-size: 13px !important;
    color: rgba(255,255,255,0.5) !important; /* Faded white text */
}

.search-suggestions-bar a {
    color: #ffffff !important;
    text-decoration: none !important;
    margin-right: 12px !important;
    transition: color 0.2s ease !important;
}

/* 3. Hover effect - your brand teal */
.search-suggestions-bar a:hover {
    color: #1f6779 !important;
    text-decoration: underline !important;
}

/* --- SERVICES ROW: MATCHING MODELS ANIMATION & COLOR (LOCKED) --- */

/* 1. Kills the white flash by forcing the active state to stay transparent */
.mobile-nav .wd-nav-mobile li#menu-item-10917:is(.wd-active, .wd-opened) > span.wd-nav-opener,
.mobile-nav .wd-nav-mobile li#menu-item-10917.wd-active > a {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
}

/* 2. Apply the exact flex layout from your 'Models' screenshot */
.mobile-nav li#menu-item-10917 span.wd-nav-opener {
    padding-top: 20px !important;    
    padding-bottom: 20px !important; 
    padding-left: 20px !important;   
    padding-right: 20px !important; 
    
    width: 100% !important;
    justify-content: start !important; 
    display: flex !important;
    align-items: center !important;
    color: #ffffff !important;
    
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. SIMPLE TEXT INJECTION: The final fix for the missing label */
.mobile-nav li#menu-item-10917 span.wd-nav-opener::before {
    content: "Services" !important; /* Forces the text to exist */
    font-family: calibri, sans-serif !important;
    font-size: 19px !important;
    color: #ffffff !important;
    margin-right: 10px !important; /* Tight gap right before the arrow */
    display: inline-block !important;
    opacity: 1 !important;
}

/* 4. Forces the 'Ghost' link to stay out of the way so it doesn't turn white */
.mobile-nav li#menu-item-10917 > a {
    display: none !important;
}

/* --- JUMBO SUB-MENU SCALE: SERVICE & CALCULATOR --- */

/* 1. INCREASE ROW HEIGHT TO 90PX (Bigger than the main buttons) */
.mobile-nav .wd-nav-mobile li#menu-item-10917 .wd-sub-menu li,
.mobile-nav .wd-nav-mobile li#menu-item-10917 .wd-sub-menu li a {
    min-height: 90px !important; 
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 2. INCREASE IMAGE BOX TO 110PX WIDTH */
.mobile-nav li#menu-item-10917 .wd-sub-menu .box-icon-wrapper,
.mobile-nav li#menu-item-10917 .wd-sub-menu .wd-info-box .box-icon-wrapper {
    width: 110px !important; 
    min-width: 110px !important;
    margin-right: 20px !important;
    flex-shrink: 0 !important; /* Prevents the image from squishing */
}

.mobile-nav li#menu-item-10917 .wd-sub-menu img {
    width: 100% !important; 
    height: auto !important;
    max-height: 70px !important; /* Larger vertical limit for the image */
    object-fit: cover !important; /* Fills the box better */
    border-radius: 6px !important;
}

/* 3. INCREASE TEXT SIZE TO 20PX */
.mobile-nav li#menu-item-10917 .wd-sub-menu .info-box-content .wd-entitiesF-title,
.mobile-nav li#menu-item-10917 .wd-sub-menu .info-box-content p,
.mobile-nav li#menu-item-10917 .wd-sub-menu .nav-link-text {
    font-size: 20px !important; 
    font-family: calibri !important;
    font-weight: 600 !important; /* Makes it bolder and more "jumbo" */
    color: #ffffff !important;
    line-height: 1.2 !important;
}

/* 4. CLEANER SEPARATOR */
.mobile-nav li#menu-item-10917 .wd-sub-menu li:not(:last-child) {
    border-bottom: 2px solid rgba(255,255,255,0.15) !important;
}

/* --- THE WORKING GIGA SCALE: LOCKED TO DESKTOP BLOCK --- */

/* 1. SCALE THE IMAGE BOX: The 240px width that actually works */
.desktop-jumbo .info-box-wrapper .box-icon-wrapper {
    width: 240px !important; 
    min-width: 240px !important;
    margin-bottom: 20px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

.desktop-jumbo .info-box-wrapper img {
    width: 100% !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    transition: transform 0.4s ease !important;
}

/* 2. GIGA TEXT: Massive titles */
.desktop-jumbo .info-box-wrapper .info-box-content .wd-entities-title,
.desktop-jumbo .info-box-wrapper .info-box-content a {
    font-size: 26px !important;
    font-family: calibri, sans-serif !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: block !important;
    margin-top: 15px !important;
    letter-spacing: 0.5px !important;
}

/* 3. CENTER & PADDING */
.desktop-jumbo.wd-info-box {
    text-align: center !important;
    padding: 30px !important;
}

/* 4. PREMIUM HOVER */
.desktop-jumbo.wd-info-box:hover img {
    transform: scale(1.08) !important;
}

/* --- 1. ARTICLE TITLES: LOCKED TO WHITE --- */
/* Forces every blog post title (like the J8) to stay WHITE */
.single-post h1.entry-title,
.single-post .entry-title,
.single-post h1.wd-entities-title,
.single-post .color-scheme-dark h1 {
    color: #ffffff !important;
}

/* --- 2. DESKTOP JUMBO (SERVICES): WHITE BG & BLACK TEXT --- */
/* Forces the 'Services' row to be White with Black text */
.desktop-jumbo, 
.desktop-jumbo .vc_column-inner,
.desktop-jumbo .wd-info-box {
    background-color: #ffffff !important;
}

.desktop-jumbo .wd-entities-title,
.desktop-jumbo .wd-entities-title a {
    color: #000000 !important; /* Services text stays BLACK */
    font-size: 26px !important;
    font-weight: 800 !important;
}

.desktop-jumbo .info-box-wrapper .box-icon-wrapper {
    width: 240px !important; 
    min-width: 240px !important;
}

/* --- 3. NEWS ARCHIVE: RESTORED GREY BACKGROUND --- */
.page-id-10810 .main-page-wrapper,
.archive .main-page-wrapper {
    background-color: #333333 !important; 
}

/* --- 4. SEARCH & MOBILE RECOVERY --- */
.news-search-row .wd-search-form,
.news-search-row .wd-search-form input[type="text"] {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.mobile-nav li#menu-item-10917 .wd-sub-menu .info-box-content .wd-entities-title {
    font-size: 20px !important;
    color: #ffffff !important;
}

/* --- MANUAL NEWS TOGGLE: JUMBO STYLE --- */

.news-lang-toggle {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 40px;
}

.toggle-btn {
    padding: 15px 40px !important;
    background-color: #1a1a1a !important; /* Dark base */
    color: #666 !important;
    font-family: calibri, sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border: 1px solid #333 !important;
    text-decoration: none !important;
    transition: 0.3s ease;
}

/* HOVER & ACTIVE LOGIC */
.toggle-btn:hover {
    color: #ffffff !important;
}

/* This is the part that will require a tiny bit of JS or Manual Linking to highlight */
.news-lang-toggle a:active,
.news-lang-toggle a:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* --- THE SNUG CINEMATIC HERO: NO BLACK BARS --- */

/* --- FIXED CINEMATIC HERO: NO DISAPPEARING --- */

/* 1. THE CONTAINER: Match the layout of hero1 and hero2 */
.jaecoo-video-hero {
    position: relative;
    width: 100vw !important; 
    height: auto !important; /* Changed from 85vh to match hero1/2 */
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    overflow: hidden;
    background: #000;
}

/* 2. THE VIDEO: Removed absolute positioning so it 'pushes' the container open */
.jaecoo-video-hero video {
    display: block !important; /* Forces it to occupy space */
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important; /* Shows the FULL width like hero1/2 */
    pointer-events: none;
}

/* --- FULL FRAME VIDEO: NO CROPPING --- */

.jaecoo-video-hero1 {
    position: relative;
    width: 100vw !important; /* Full screen width */
    height: auto !important; /* Let the video dictate the height */
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    background: #000; /* Safety black background */
    overflow: hidden;
}

.jaecoo-video-hero1 video {
    display: block;
    width: 100% !important; /* Forces width to match screen */
    height: auto !important; /* Maintains natural aspect ratio */
    object-fit: contain !important; /* Shows the FULL video frame */
    pointer-events: none;
}

/* Optional: Removes any default theme padding from the row */
.vc_row.jaecoo-video-hero1,
.jaecoo-video-hero1 .vc_column-inner {
    padding: 0 !important;
    margin-top: 0 !important;
}

/* --- THE STACKING CONTAINER --- */
.jaecoo-video-hero2 {
    position: relative;
    width: 100vw !important;
    height: auto !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    overflow: hidden;
}

.jaecoo-video-hero2 video {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    pointer-events: none; /* Let clicks pass through if needed */
}

/* --- THE HIGHLIGHTABLE OVERLAY --- */
.video-text-content {
    position: absolute;
    top: 50%; /* Adjust this to move text up or down */
    left: 50%;
    transform: translate(-50%, -50%); /* Keeps it perfectly centered */
    text-align: center;
    width: 100%;
    z-index: 5;
}

/* --- THE POSITIONING: MOVED UP --- */
.video-text-content {
    position: absolute;
    top: 40%; /* CHANGED from 50% to 40% to lift it up */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 5;
}

/* --- THE FONT: PREMIUM AUTOMOTIVE STYLE --- */
.jaecoo-overlay-title {
    color: #ffffff !important;
    /* SWAPPED Calibri for Montserrat (standard premium font) */
    font-family: 'Montserrat', sans-serif !important; 
    font-weight: 900 !important; /* Thicker for more 'Boss' energy */
    font-size: clamp(35px, 7vw, 85px) !important;
    text-transform: uppercase; /* Modern simplistic vibe */
    letter-spacing: 8px; /* Increased for that wide 'luxury' look */
    margin: 0;
}

.jaecoo-overlay-desc {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(14px, 1.5vw, 20px) !important;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* --- THE HEAVY INITIAL STATE --- */
.video-text-content {
    position: absolute;
    top: 40% !important;
    left: 50% !important;
    
    /* START MUCH LOWER: Changed from -40% to 20% for a long-travel glide */
    transform: translate(-50%, 20%); 
    
    opacity: 0;
    filter: blur(10px); /* Added a blur that clears up for a 'cinematic focus' effect */
    
    /* THE HEAVY TIMING: Fast start with a smooth, heavy settle */
    transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1), 
                opacity 1.5s ease-out, 
                filter 1.2s ease-out;
    
    text-align: center;
    width: 100%;
    z-index: 99;
}

/* --- THE HEAVY ACTIVE STATE --- */
.video-text-content.jaecoo-active {
    opacity: 1;
    transform: translate(-50%, -50%); /* Ends snugly at your 40% top mark */
    filter: blur(0px);
}

/* --- THE CLEAN HIGH-CONTRAST BUTTON --- */
.btn.btn-color-default.btn-style-default {
    background-color: #ffffff !important; /* Pure white base */
    color: #000000 !important; /* Pure black text */
    
    font-family: Arial, sans-serif !important; 
    font-weight: 700 !important; /* DROPPED from 900 to 700 for a cleaner look */
    font-size: 15px !important; /* Slightly smaller for elegance */
    text-transform: uppercase;
    letter-spacing: 3px; /* INCREASED to make it look expensive */
    
    padding: 16px 45px !important; /* Tightened up the padding */
    border: none !important; 
    border-radius: 2px !important; /* Just a tiny hint of a curve to look finished */
    
    transition: all 0.2s ease-in-out; /* Faster snap animation */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
}

/* --- THE BLACK-OUT HOVER --- */
.btn.btn-color-default.btn-style-default:hover {
    background-color: #000000 !important; /* Flips to black */
    color: #ffffff !important; /* Text to white */
    
    transform: translateY(-4px) scale(1.02); /* Subtle lift, not a giant jump */
    
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); 
    letter-spacing: 5px; /* Spreads the letters on hover for a 'reveal' feel */
}

.wd-post-cat { display: none !important; }

/* --- JAECOO PREMIUM GLASS DESIGN --- */

/* 1. Reset Global Text to Crisp White */
.premium-form-style, 
.premium-form-style h4, 
.premium-form-style label, 
.premium-form-style .wpcf7-list-item-label {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
}

/* 2. Headline Styling */
.premium-form-style h4 {
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 16px;
    margin-bottom: 25px;
    border-left: 4px solid #ffffff;
    padding-left: 20px;
}

/* 3. THE FIX: Transparent "Glass" Input Boxes */
.premium-form-style input[type="text"],
.premium-form-style input[type="email"],
.premium-form-style input[type="tel"],
.premium-form-style select {
    /* 15% white background makes it look 'Glassy' */
    background-color: rgba(255, 255, 255, 0.1) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    padding: 18px !important;
    margin-bottom: 20px !important;
    border-radius: 0px !important;
    width: 100% !important;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

/* Focus Effect: Brightens when clicked */
.premium-form-style input:focus,
.premium-form-style select:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: #ffffff !important;
    outline: none;
}

/* 4. Dropdown List Fix */
.car-selector option {
    background-color: #1a2a2a !important; /* Matches your teal row color */
    color: #ffffff !important;
}

/* 5. The "Power" Submit Button */
.premium-form-style input[type="submit"] {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 900 !important;
    letter-spacing: 5px;
    height: 65px;
    border: none !important;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.3s ease;
}

.premium-form-style input[type="submit"]:hover {
    background-color: #be9b69 !important; /* Gold Hover */
    color: #ffffff !important;
}

/* 6. Clean Error Clutter */
.wpcf7-response-output, .screen-reader-response { display: none !important; }

/* --- FIX INVISIBLE SELECTED TEXT --- */
.premium-form-style select.car-selector {
    color: #ffffff !important; /* Forces the text you pick to be white */
    background-color: rgba(255, 255, 255, 0.1) !important;
    height: 60px !important;
}

/* Fixes the dropdown list options */
.car-selector option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Kills the grey placeholder background */
.car-display-img .vc_message_box, 
.car-display-img .vc_single_image-wrapper {
    background-image: none !important;
}

/* --- BALANCED GLASS BOX --- */
.test-drive-text {
    display: table !important;
    /* Reduced from -80px to -40px to stop it from going too high */
    margin: -40px auto 30px auto !important; 
    background: rgba(0, 0, 0, 0.4); 
    padding: 15px 40px;
    backdrop-filter: blur(8px);
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 900;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Lower z-index so it doesn't fight the form elements */
    position: relative !important;
    z-index: 5 !important;
}

/* --- PREMIUM SLIDE-IN ANIMATION --- */
.car-display-img img {
    opacity: 0 !important; 
    visibility: hidden;
    /* Starts 30px to the right */
    transform: translateX(30px) !important; 
    /* Transitions both opacity and movement */
    transition: opacity 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.car-display-img img.fade-in-ready {
    opacity: 1 !important; 
    visibility: visible;
    /* Slides back to the original center position */
    transform: translateX(0) !important; 
}
/* --- ENHANCED BULLET POINT STYLING --- */

/* 1. Increase overall text size and spacing */
.vc_column-inner ul li, 
.wpb_text_column ul li {
    font-size: 16px !important; /* Bumps size up from the likely 14px default */
    line-height: 1.8 !important; /* Adds air between lines for better reading */
    margin-bottom: 15px !important; /* Adds space between each bullet point */
    color: rgba(255, 255, 255, 0.9) !important; /* Soft white for premium look */
}

/* 2. Make the bold headers within bullets pop */
.vc_column-inner ul li strong, 
.wpb_text_column ul li strong {
    font-size: 17px !important; /* Slightly larger than the body text */
    color: #ffffff !important; /* Pure white for maximum contrast */
    letter-spacing: 0.5px;
}

/* 3. Custom Bullet Icon Color (Optional) */
.vc_column-inner ul li::marker {
    color: #be9b69 !important; /* Changes the 'dot' to JAECOO Gold */
}

/* --- KILL ALL ROW PADDING GAPS --- */
.vc_row.vc_row-fluid.vc_row-o-content-middle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Specific target for the WoodMart column padding */
.vc_row.vc_row-fluid .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Ensure the HTML container fills the vertical space */
.jaecoo-split-container {
    margin: 0 !important;
}

.jaecoo-overlay-title, 
.jaecoo-overlay-desc {
    text-align: center !important; /* Forces the centering */
}

/* --- RESTORE STAGGERED ZIGZAG --- */
.service-box {
    height: auto !important; /* Removes the fixed height */
    margin-bottom: 30px;
    display: inline-block !important; /* Allows them to float naturally */
    vertical-align: top;
}

/* Adds a slight offset to every second box to create the zigzag */
.vc_col-sm-6:nth-child(even) .service-box {
    margin-top: 50px; 
}@media (min-width: 1025px) {
	.whybuyrow .promo-banner {
    height: 450px !important;
}
.tooltipster-base.tooltipster-shadow.tooltipster-grow.tooltipster-grow-show.has-natural {
    transform: translateX(-200px);
}


.archive .main-page-wrapper {
    padding-bottom: 55px !important;
}

a.btn-read-more.more-link {
    font-size: 14px !important;
}

.entry-meta.wd-entry-meta {
    display: none;
}

.entry-content.wd-entry-content {
    line-height: 1.5 !important;
}


.article-body-container .wd-entities-title a {
    font-size: 23px !important;
    line-height: 1.2 !important;
}

h5.widget-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
}

.esg-entry-content.eg-grant-content.esg-notalone {
    height: 240px !important;
}

.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-light {
    background-color: #fff !important;
}


.imgsmall img.vc_single_image-img.attachment-full {
    width: 30% !important;
}

.sameheight .content-banner.text-left {
    height: 165px !important;
}


li.menu-item {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

li#menu-item-9623 {
    padding: 0px 20px !important;
}

h3 {
    line-height: 31px !important;
}

.popmake-content a.btn.btn-color-default.btn-style-default {
    font-size: 17px !important;
    padding: 15px !important;
}

.home .esg-navigationbutton.esg-fgc-1 {
    display: none !important;
}

.whb-flex-flex-middle .whb-col-center {
	justify-content:center
}

ul#menu-home-desktop {
text-align:center !important;
}

.footertitle h3 {
    font-size: 20px !important;
    line-height: 25px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.footertitle {
    margin-bottom: 20px !important;
}

.footertitle .wpb_text_column.wpb_content_element {
    margin-bottom: 10px !important;
}

.wpb_column.colwitdh.vc_column_container.vc_col-sm-3 {
    width: 30% !important;
}

.wd-dropdown .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 5px !important;
}

    .wd-dropdown-menu h3 {
        color: #000 !important;
        font-family: 'Mazzard' !important;
        font-weight: 500 !important;
font-size:21px !important;
line-height:27px !important; 
    }

.wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-light {
    background-color: #fff !important;
}
.wpb_text_column.wpb_content_element.nomarbtm {
    margin-bottom: 15px !important;
}

.footericon img.alignnone {
    margin-left: 7px !important;
    margin-right: 7px !important;
	width:50px
}

.footericon p {
    text-align: center;
}


.vc_row.wpb_row.vc_row-fluid.padtopmob {
    padding-top: 130px !important;
}

a.btn.btn-color-default.btn-style-default.btn-style-rectangle.btn-size-default.bluebtn {
    font-size: 16px !important;;
}


a.number {
    font-size: 24px !important;
}


div#mobilevers {
    display: none;
}

.smallpad .wpb_text_column.wpb_content_element {
    padding: 45px !important;
    padding-left: 20px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.needpad {
    padding: 100px 0px !important;
  padding-left: 50px !important;
}

.tooltipster-content h5 {
    font-size: 20px !important;
    line-height: 25px !important;
}

.tooltipster-content {
    background-color: transparent !important;;
    min-width: 560px !important;
}

.bookform h4 {
    font-size: 22px !important;
    line-height: 27px !important;
}

.fouricon p {
    font-size: 14px !important;
    line-height: 19px !important;
}

.info-box-inner h4 {
    font-size: 25px !important;
    line-height: 30px !important;
}

.site-content.col-lg-12.col-12.col-md-12 {
    margin-bottom: 0px !important;
}

.formrow .vc_column-inner {
    padding: 50px !important;
}

.whybuyrow img {
    height: 450px !important;
}
}

@media (max-width: 576px) {
	.modelso a.woodmart-nav-link, #destopvers {
    display: none !important;
}
.home .wpb_wrapper p strong {
    display: block;
    width: 100%;
}
.tooltipster-content h5 {
    font-size: 13px !important;
}

.tooltipster-content p {
    font-size: 12px !important;
}
.ctooltip .vc_col-sm-8 .vc_column-inner .wpb_text_column {
    margin-bottom: 15px;
}
.ctooltip .vc_col-sm-8 .vc_column-inner {
    padding-top: 10px;
}
.ctooltip .vc_col-sm-4 .vc_column-inner {
    height: 120px;
}
.wd-nav-mobile li:is(.current-menu-item,.wd-active)>a {
    background-color: unset !important;
}


.pum-container a.btn.btn-color-default.btn-style-default.btn-style-rectangle {
    width: 200px !important;
}

ul#menu-mobile-menu {
    background-color: #1f6779 !important;
}

    .tooltipster-base.tooltipster-shadow.tooltipster-grow.tooltipster-grow-show {
        width: 52% !important;
    }

.vc_row.wpb_row.vc_inner.vc_row-fluid.smallimagecolleft.bakcgroundpostwo.vc_row-has-fill {
    background-position: -230px 80px !important;
}

.page-id-10379 .vc_row.wpb_row.vc_row-fluid.tooltipsrow.vc_custom_1740544010587.vc_row-has-fill {
    padding-bottom: 0px !important;
}

.wd-side-hidden.wd-opened {
	width:92%
}
.modelso span.wd-nav-opener {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    justify-content: start;
    padding-left: 20px;
}
.modelso span.wd-nav-opener:before{
	content:'Models';
font-family: calibri !important;
    text-transform: capitalize !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
	margin-right:10px
}

.mobwhalf .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 45%;
        float: left;
}

    .popmake-content .price-list .wd-button-wrapper {
        margin-bottom: 8px;
    }

.tooltipster-base.tooltipster-shadow.tooltipster-grow.tooltipster-grow-show {
    width: 44% !important;
}

.wpb_text_column.wpb_content_element.footericon {
    margin-bottom: 10px !important;
}

.wd-nav-arrows.wd-pos-sep .wd-prev {
    inset-inline-end: calc(95% + var(--wd-arrow-offset-h, 0px)) !important;
}

.wd-nav-arrows.wd-pos-sep .wd-next {
    inset-inline-start: calc(95% + var(--wd-arrow-offset-h, 0px)) !important;
}

.needpadleftright h1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.footer-container img.vc_single_image-img.attachment-full {
    width: 70% !important;
    margin-bottom: 10px !important;
}


.vc_column-inner.vc_custom_1730706834194 {
    padding-left: 15px !important;
}

.vc_column-inner.vc_custom_1730706829280 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

button.pum-close.popmake-close {
    color: #fff !important;
}

.pum-container h1 {
    text-align: center !important;
}

p {
    font-size: 1rem !important;
}

.popmake-content .wd-button-wrapper {
    margin-right: 0px !important;
}

.mobsmallicon .info-box-content p {
    text-decoration: underline;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.mobsmallicon {
    padding-top: 20px !important;
}

.mobsmallicon .wd-info-box {
        display: flex;
        align-items: center;
        margin-bottom: 15px !important;
        --ib-icon-sp: 10px !important;
        padding-left: 20px;
    }

.mobsmallicon .box-icon-wrapper.box-with-icon.box-icon-simple {
    width: 10% !important;
}


.vc_row.wpb_row.vc_inner.vc_row-fluid.picnomar.mobwhalf {
    padding-left: 5px !important;
}

.nopadleft h3 {
    text-align: left !important;
    padding-left: 10px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.mobwhalf {
    align-items: center !important;
    display: flex !important;
}

.wd-mob-nav-html-block {
    max-width: 100% !important;
}

.wd-side-hidden {
width: 100%;
}

.wd-nav-mobile>li>a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.whb-col-1 :is(.whb-flex-row,.whb-column) {
    justify-content: right;
}

.vc_row.wpb_row.vc_row-fluid.ctarow {
    padding-right: 0px !important;
}

.logobtn span.nav-link-text {
    opacity: 0;
}

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.color-scheme-light.wd-opened {
    background-color: #1f6779;
}

.wd-nav-arrows:where(.wd-pos-sep) {
        --wd-arrow-offset-h: -26px;
    }

.wd-arrow-inner {
    border: 1px solid #e5e5e5;
    background-color: #fff !important;
border-radius:5px !important;
}

.homesecondrow {
    padding-top: 20% !important;
}

.vc_row.wpb_row.vc_row-fluid.mormarnonege{
margin-bottom:0px !important;
}

.footertitle h3 {
    text-align: left !important;
}

.twoicon .wpb_column.vc_column_container.vc_col-sm-2 {
    width: 26% !important;
    float: left !important;
}

li.logobtn {
    background-image: url(https://jaecoopuncakalam.com/wp-content/uploads/2024/10/Jaecoo-Logo-footer-16.png) !important;
    background-size: 105px !important;
    background-repeat: no-repeat;
    background-position: 20px center !important;
}

article.esg-filters.esg-singlefilters.esg-navbutton-solo-right {
    margin-right: -15px !important;
}

article.esg-filters.esg-singlefilters.esg-navbutton-solo-left {
    margin-left: -15px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730429503051.vc_row-has-fill.wd-rs-67244231ca1eb {
    padding-bottom: 35px !important;
}

.twoicon img.vc_single_image-img.attachment-thumbnail {
    min-width: 55px !important;
}


.formpad .twoicon .vc_column-inner {
    padding-left: 15px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.footericon img.alignnone {
    width: 13% !important;
    margin-right: 10px !important;
    margin-top: -15px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.smallimagecol {
    background-position: -180px 30px !important;
    padding-bottom: 200px !important;
}

.tooltipster-base .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 0px !important;
}

.mobpromocar .wrapper-content-banner.wd-fill.wd-items-bottom.wd-justify-left {
    padding: 15px !important;
}

    .vc_row.wpb_row.vc_inner.vc_row-fluid.smallimagecolleft {
        background-position: -340px 60px !important;
        padding-bottom: 330px !important;
        background-size: 220% !important;
    }

.mobpromocar .vc_column-inner {
    padding-top: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.tooltipsrow {
    padding-bottom: 35px !important;
}

.mobpromocar img.attachment-full.size-full {
    min-width: 460px !important;
}

.vc_row.wpb_row.vc_row-fluid.mobpromocar {
    padding-bottom: 35px !important;
}

.fouricon .box-icon-align-left {
    height: 170px !important;
}

.needpadrightcol .wpb_text_column.wpb_content_element {
        padding-left: 0px !important;
        margin-bottom: 30px !important;
        padding-right: 260px !important;
 }

.vc_row.wpb_row.vc_row-fluid.mobdarkfont {
    background-color: #323333 !important;
}

.fouricon .box-icon-wrapper {
    width: 35% !important;
}


.vc_column-inner.vc_custom_1730712486859 {
    border: 0px !important;
}

.vc_empty_space {
    display: none !important;
}


.fouricon .box-icon-align-left {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}

.fouricon .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 50% !important;
    float: left !important;
}

.minimal-light .esg-filterbutton {
    margin-left: 0px !important;
    margin-right: 30px !important;
}

.esg-navigationbutton.esg-loadmore {
    background-color: #378092;
    border-color: #378092 !important;
    font-family: mazzard !important;
    text-transform: capitalize;
    font-size: 16px !important;
border-radius:0px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    text-decoration: unset !important;
    padding: 10px 40px 10px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730707335531.vc_row-has-fill {
    padding-bottom: 35px !important;
}

article.esg-filters.esg-singlefilters {
    text-align: left !important;
    margin-top: 20px !important;
}

.faqrow .vc_column-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.vc_toggle_title {
    font-size: 16px !important;
    line-height: 21px !important;
}

.site-content.col-lg-12.col-12.col-md-12 {
    margin-bottom: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730707335531 {
    padding-top: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730707276067 {
    padding-bottom: 0px !important;
}

.marginfont .wpb_text_column.wpb_content_element {
    margin-bottom: 0px !important;
}

.wpb_column.needmartop.vc_column_container.vc_col-sm-5.vc_col-has-fill.wd-enabled-flex {
    margin-top: 35px !important;
}

.nopadleft .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730707276067.vc_row-has-fill.wd-bg-center-top {
    padding-bottom: 0px !important;
}

.wpb_column.formrow.vc_column_container.vc_col-sm-7.vc_col-has-fill {
    width: 95% !important;
    margin: auto !important;
}

.vc_row.wpb_row.vc_row-fluid.mobfourservice {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mobhalfcolsmall .wpb_column.vc_column_container.vc_col-sm-4{
width: 40% !important;
    float: left !important;
}

.vc_row.wpb_row.vc_row-fluid.locateusrow {
    padding-top: 0px !important;
    padding-bottom: 35px !important;
}

.locacontact .mobhalfcolsmall .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.locacontact .vc_column-inner {
    padding: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.vc_row.wpb_row.vc_row-fluid.mobfourservice {
    padding-bottom: 35px !important;
}

.mobremovepadtop .vc_column-inner {
    padding-top: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.marginfont {
    background-color: #323333 !important;
    margin-top: 50px !important;
}

.marginfont .wpb_text_column.wpb_content_element {
    padding: 0px !important;
}

    .vc_row.wpb_row.vc_row-fluid.banner {
        padding: 140px !important;
        margin-bottom: -70px !important;
    }
.whb-column.whb-mobile-left.whb-hidden-lg {
    justify-content: left;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.testicon {
    padding: 0px !important;
    width: 30% !important;
    margin: auto;
    margin-top: -40px !important;
}

.main-footer .wpb_single_image.wpb_content_element.vc_align_center {
    text-align: left !important;
    width: 60% !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.footerlinks {
    padding: 0px !important;
}

.main-footer .wd-button-wrapper {
    text-align: left !important;
    margin-bottom: 35px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 20px !important;
}

.wd-social-icons.icons-design-colored.icons-size-default.color-scheme-dark.social-follow.social-form-circle.text-right {
    text-align: left !important;
    margin-bottom: 35px !important;
}

.footerlinks .wpb_text_column.wpb_content_element {
    margin-bottom: 10px !important;
}

.footernum a {
    font-size: 25px !important;
    line-height: 30px !important;
}

.wpb_text_column.wpb_content_element.vc_custom_1730283380573 {
    padding: 0px !important;
}

    .vc_row.wpb_row.vc_row-fluid.ctarow {
        padding-bottom: 35px !important;
        padding-top: 20px !important;
        margin-bottom: 0px !important;
    }

.esg-content.eg-grant-element-25-a {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730429503051.vc_row-has-fill.wd-rs-67244231ca1eb {
    padding-bottom: 0px !important;
}

.esg-content.eg-grant-element-0 {
    font-size: 20px !important;
    line-height: 25px !important;
}

.esg-entry-content.eg-grant-content.esg-notalone {
    height: auto !important;
}

.esg-entry-content.eg-grant-content.esg-notalone {
    padding: 15px !important;
}

p {
    text-align: left !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1730429503051.vc_row-has-fill.wd-rs-67244231ca1eb {
    padding-top: 0px !important;
}

.formpad .vc_column-inner {
    padding: 15px !important;
    padding-top: 35px !important;
}

.mobnopadnew .wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
    width: 95% !important;
    margin: auto;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.whybuyrow.vc_column-gap-10.vc_row-o-equal-height {
    margin-bottom: 35px !important;
}

.vc_row.wpb_row.vc_row-fluid.mobnopadnew {
    padding: 0px !important;
}

.bannimagepos img.attachment-800x600 {
    margin-top: -50px !important;
}

img.attachm


.promo-banner-wrapper {
    overflow: hidden;
    height: 348px !important;
}

.whybuyrow .banner-image.wd-bg-position-center {
    height: 348px !important;
    overflow: hidden;
}

.whybuyrow .wrapper-content-banner.wd-fill.wd-items-bottom.wd-justify-left {
    height: 348px !important;
    overflow: hidden;
}

h3 {
    font-size: 20px !important;
    line-height: 20px !important;
}

.vc_row.wpb_row.vc_row-fluid.mobnopadtop {
    padding-top: 0px !important;
}


h1 {
    text-align: left !important;
    font-size: 25px !important;
    line-height: 30px !important;
}

a.btn.btn-scheme-light.btn-scheme-hover-light.btnmar {
    margin-bottom: 45px !important;
    margin-top: -20px !important;
}

a.btn.btn-scheme-light.btn-scheme-hover-light.whitebtn {
    color: #378092;
    background-color: #fff !important;
}

div#mobilevers {
    margin-bottom: 0px !important;
}

.mobhalfcol .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 50% !important;
    float: left !important;
}

br {
    display: none;
}

.mobhalfcol.smallicon .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 10px !important;
}

.homesecondrow .smallicon .vc_single_image-wrapper.vc_box_border_grey {
    width: 45% !important;
}

.homesecondrow .vc_row.wpb_row.vc_inner.vc_row-fluid.mobpadtop {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.smallpad {
    padding-top: 20px !important;
}

.wpb_single_image.wpb_content_element.vc_align_center.imgsmall {
    width: 60% !important;
    margin: auto;
}


.homesecondrow .vc_single_image-wrapper.vc_box_border_grey {
    text-align: left !important;
}

.homesecondrow h6 {
    text-align: center !important;
}

h6 {
    text-align: left !important;
}

div#destopvers {
    display: none !important;
}
}