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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tey.demourl.com.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--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: "Poppins", 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-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(74,164,89);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--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-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Toyota Type";
	font-weight: 400;
	font-style: normal;
}

/* all other */
main#main-content {
    padding-bottom: 0px !important;
}

/* all menu */
.whb-row.whb-general-header a.btn.btn-style-default.year-logo {
    background-color: transparent !important;
    padding: 0px !important;
    display: block !important;
}


.whb-column.whb-col-right .wd-button-wrapper {
    display: contents;
}

.whb-row.whb-general-header a.btn.btn-style-default.toyota-logo {
    width: 10% !important;
    border-radius: 50em !important;
    padding: 10px !important;
}
nav.wd-header-nav {
    text-align: right !important;
    padding-right: 20px !important;
}

/* all font */
span.greentx {
    color: #4aa459 !important;
}

/* all button  */
.hidebtn a.btn {
    display: none !important;
}
a.btn.btn-style-default {
    border-radius: 50em !important;
    padding: 10px 25px !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
		gap: 10px !importantl;
}

/* all pagination */
.wd-nav-pagin-wrap[class*="wd-style-shape"] span {
    background-color: #fff !important;
    border: none !important;
}

.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span,
.wd-nav-pagin-wrap[class*="wd-style-shape"] span:hover {
	    background-color: #b4d271 !important;

}


/* all home banner */
.home-banner .title-subtitle {
    border: 2px solid #fff !important;
    border-radius: 50em !important;
    padding: 10px 25px !important;
    font-family: ToyotaType !important;
    background-color: #ffffff80;
    backdrop-filter: blur(3px) !important;
}

.home-banner h2 {
    font-size: 50px;
    font-family: ToyotaType !important;
    font-weight: bold !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    text-shadow: 0px 0px 7px #00000040;
}

.bigtextbanner p {
    text-shadow: 0px 0px 15px #00000020;
}

/* all homepage 
.aborightbox .content-banner.text-left {
    height: 480px !important;
}*/
.aborightbox .banner-btn-wrapper {
    display: block !important;
    align-items: flex-end;
    align-content: flex-end;
    height: 387px !important;
		display: none !important;
}

.caronumber .wd-negative-gap {
    padding: 45px 35px;
		min-height: 295px !important;
}

.numbericon .wd-text-block {
    font-family: 'ToyotaType';
}




.promec .info-box-icon {
    color: #fff !important;
    background: #49a25a;
    border-radius: 50em !important;
    padding: 8px;
    width: 60px !important;
    height: 60px !important;
    font-size: 30px;
    z-index: 9 !important;
    font-family: 'ToyotaType';
    position: relative !important;
    border: 5px solid #e9f5e9;
}

.promec .info-box-content {
        background: linear-gradient(90deg, rgba(74, 162, 90, 1) 0%, rgba(0, 0, 0, 1) 100%);
    margin-left: -50px;
    padding: 15px 25px 15px 15px !important;
		border-radius: 10px !important;
}

.promec .info-box-inner.reset-last-child {
    margin: 0px !important;
    min-height: 70px !important;
    flex-direction: column;
    line-height: 16px !important;
    justify-content: center;
}


.promec li {
    margin-bottom: 8px !important;
}

.promec li:last-child {
    margin-bottom: 0px !important;
}

.ranking-box .elementor-widget-container .title-wrapper {
    position: relative;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    z-index: 1;
    overflow: hidden;
}

/* ===================== */
/* SILVER */
/* ===================== */
.second-rank .elementor-widget-container .title-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 4px; /* border thickness */
		background: linear-gradient(
        135deg,
        #ffffff 0%,
        #d9d9d9 20%,
        #bfbfbf 40%,
        #f5f5f5 60%,
        #a6a6a6 80%,
        #ffffff 100%
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    z-index: -1;
}

.second-rank .elementor-widget-container .title-wrapper::after,
.first-rank .elementor-widget-container .title-wrapper::after,
.third-rank .elementor-widget-container .title-wrapper::after{
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 20px;
    background: url("https://tey.demourl.com.my/wp-content/uploads/2026/04/bg-10.png") center bottom / cover no-repeat;
    z-index: -1;
}

/* ===================== */
/* GOLD BORDER ONLY */
/* ===================== */

.first-rank .elementor-widget-container .title-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 4px;

    background: linear-gradient(
        135deg,
        #fff8dc 0%,
        #ffd700 20%,
        #f4c430 40%,
        #ffec8b 60%,
        #d4af37 80%,
        #fff8dc 100%
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    z-index: -1;
}


/* ===================== */
/* BRONZE BORDER ONLY */
/* ===================== */

.third-rank .elementor-widget-container .title-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 4px;

    background: linear-gradient(
        135deg,
        #fbe5d6 0%,
        #cd7f32 20%,
        #b87333 40%,
        #e6b17e 60%,
        #8c6239 80%,
        #fbe5d6 100%
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    z-index: -1;
}
/* ===================== */
/* ===================== */

.rank-badge .wd-image.text-left {
    width: 30% !important;
    margin: auto !important;
    z-index: 9;
    position: relative !important;
}
.first-rank .rank-badge .wd-image.text-left {
    width: 40% !important;
}

.ranking-box .title-wrapper {
    padding-top: 90px !important;
    margin-top: -90px;
    padding-bottom: 130px !important;
}
.ranking-box .first-rank .title-wrapper {
    padding-top: 120px !important;
    margin-top: -135px;
    padding-bottom: 170px !important;
}

.schedule-icon .wd-info-box {
    background-color: #0e210e !important;
    border-radius: 10px !important;
}

.schedule-icon .info-box-content {
    padding: 0px 35px 35px;
		min-height: 195px !important
}

.schedule-icon .info-box-icon {
    position: relative;
    width: 200px;
    height: 120px;
    background: #4aa25a;
    clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    margin: auto !important;
    margin-top: -10px !important;
    padding: 0px 50px !important;
}

/* inner white shape */
.schedule-icon .info-box-icon::before {
    content: "";
    position: absolute;
    inset: 3px; /* border thickness */
    background: #fff;
    clip-path: polygon(100% 0, 100% 79%, 50% 100%, 0 79%, 0 0);
    z-index: 0;
}

.schedule-icon .info-box-icon > * {
    position: relative;
    z-index: 1;
}

.schedule-icon h4.info-box-title {
    border-bottom: 1px solid !important;
    padding-bottom: 30px !important;
    margin-bottom: 20px;
}


/* all footer */
.wd-copyrights.copyrights-wrapper.wd-layout-centered {
    border: none !important;
    background-color: #2d473b !important;
    color: #fff !important;
    font-family: 'toyotatype' !important;
}@media (min-width: 1025px) {
	.whb-row.whb-general-header a.btn.btn-style-default.year-logo {
    width: 28% !important;
}

.toyotalogo {
    display: none;
}


.promec h4.info-box-title {
    width: 26% !important;
    float: left !important;
    height: 70px;
    align-items: center !important;
    display: flex;
    border-right: 1px solid !important;
    margin-left: 40px !important;
    justify-content: flex-start;
    text-align: left !important;
    margin-right: 55px !important;
}


.borderright .elementor-widget-container {
    border-right: 1px solid #000 !important;
    margin-right: 40px !important;
    padding-left: 30px !important;
}



.promec .info-box-inner.reset-last-child {
    display: flex;
}

/* all home banner */
.home-banner .title-subtitle {
    font-size: 20px !important;
}


/* 1. The Container */
.full-width-slider-downhill {
  width: 100vw;
  overflow: hidden;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 40px 0;
  background: transparent;
}

/* 2. The Track */
.slide-track-downhill {
  display: flex;
  flex-wrap: nowrap;
  
  /* The Downhill Tilt */
  /* transform: rotate(3deg) skewX(5deg); */
  transform-origin: center;
	transform: rotate(6deg);
  
  /* Link to reversed animation */
  animation: scroll-left-to-right 35s linear infinite;
}

/* 3. The Individual Slides */
.slide-downhill {
  width: 550px;
  flex-shrink: 0;
  padding: 0 10px;
}

.slide-downhill img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
  box-shadow: 10px 15px 30px rgba(0,0,0,0.1);
}

/* 4. REVERSED ANIMATION (Left to Right) */
@keyframes scroll-left-to-right {
  0% { 
    /* Start offset by 6 images */
    transform: rotate(3deg) translateX(calc(-470px * 6)); 
  }
  100% { 
    /* End at original position */
    transform: rotate(3deg) translateX(0); 
  }
}

/* 1. The Container (Edge-to-Edge) */
.full-width-slider-uphill {
  width: 100vw;
  overflow: hidden;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 40px 0; /* Padding so tilted corners aren't cut off */
  background: transparent;
}

/* 2. The Track (Forces images into one long line) */
.slide-track-uphill {
  display: flex;
  flex-wrap: nowrap;
  /* (Image width 450px + 20px padding) * 12 slides = 5640px */
  
  /* THE TILT: Negative values for uphill look
  transform: rotate(-3deg) skewX(-5deg);*/
  transform-origin: center;
	transform: rotate(-6deg);
  
  /* Link to uphill animation */
  animation: scroll-uphill 35s linear infinite;
}

/* 3. The Individual Slides */
.slide-uphill {
  width: 550px;
  flex-shrink: 0; /* Important: prevents images from squishing */
  padding: 0 10px;
}

.slide-uphill img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
  /* box-shadow: 10px 15px 30px rgba(0,0,0,0.1); */
}

/* 4. The Targeted Uphill Animation */
@keyframes scroll-uphill {
  0% { 
    /* Maintain uphill tilt throughout */
    transform: rotate(-3deg) translateX(0); 
  }
  100% { 
    /* Move by exactly 6 images (450px width + 20px gap) for a seamless reset */
    transform: rotate(-3deg) translateX(calc(-470px * 6)); 
  }
}
}

@media (max-width: 576px) {
	.txcenter .wd-image.text-left {
    text-align: center;
}

li.toyotalogo.menu-item.menu-item-type-custom.menu-item-object-custom {
    background-image: url(https://tey.demourl.com.my/wp-content/uploads/2026/04/TEY-logo-3.png) !important;
    background-color: #000 !important;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px !important;
    background-position: 20px !important;
}

.toyotalogo span.nav-link-text {
    color: transparent !important;
}


.menu-item-29019 a.woodmart-nav-link {
    border: 0px !important;
    color: transparent !important;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-29019 {
    background-image: url(https://tey.demourl.com.my/wp-content/uploads/2026/04/TEY-logo-1.png) !important;
    background-position: left center !important;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px !important;
    margin: 20px;
}

.whb-row.whb-general-header a.btn.btn-style-default.year-logo {
    max-width: 80px !important;
    min-width: 80px !important;
}

#slider-74 .wd-slide {
    min-height: unset !important;
}

.schedule-icon .info-box-icon {
    width: 150px;
    height: 70px;
}

.borderright .title-wrapper.wd-set-mb.reset-last-child {
    border-bottom: 1px solid;
    padding-bottom: 20px !important;
}

.txleft .liner-continer {
    text-align: left !important;
}

.ranking-box .title-wrapper {
    padding-bottom: 50px !important;
}


.ranking-box .first-rank .title-wrapper {
    padding-bottom: 50px !important;
margin-top:-110px !important;
}

.promec h4.info-box-title {
    margin-bottom: 10px !important;
}

.promec .info-box-content {
    padding-left: 65px !important;
}


.promec ul {
    padding-left: 0px !important;
}

.txcenter h4.woodmart-title-container.title.wd-fontsize-l {
    text-align: center;
}

/* Mobile-friendly additions for full-width-slider-downhill */

.full-width-slider-downhill {
  width: 100%;
  overflow: hidden;
}

.slide-track-downhill {
  display: flex;
  animation: scrollDownhill 20s linear infinite;
  width: max-content;
}

.slide-downhill {
  flex-shrink: 0;
  width: 320px; /* desktop */
  padding: 0 8px;
  box-sizing: border-box;
}

.slide-downhill img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

@keyframes scrollDownhill {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* Tablet */
@media (max-width: 768px) {
  .slide-downhill {
    width: 260px;
  }
  .slide-downhill img {
    height: 180px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .slide-downhill {
    width: 200px;
    padding: 0 5px;
  }
  .slide-downhill img {
    height: 140px;
  }
}

/* Small mobile */
@media (max-width: 360px) {
  .slide-downhill {
    width: 160px;
    padding: 0 4px;
  }
  .slide-downhill img {
    height: 120px;
  }
}



/* Mobile-friendly additions for full-width-slider-uphill */

.full-width-slider-uphill {
  width: 100%;
  overflow: hidden;
}

.slide-track-uphill {
  display: flex;
  animation: scrollUphill 20s linear infinite;
  width: max-content;
}

.slide-uphill {
  flex-shrink: 0;
  width: 320px; /* desktop */
  padding: 0 8px;
  box-sizing: border-box;
}

.slide-uphill img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

@keyframes scrollUphill {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Tablet */
@media (max-width: 768px) {
  .slide-uphill {
    width: 260px;
  }
  .slide-uphill img {
    height: 180px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .slide-uphill {
    width: 200px;
    padding: 0 5px;
  }
  .slide-uphill img {
    height: 140px;
  }
}

/* Small mobile */
@media (max-width: 360px) {
  .slide-uphill {
    width: 160px;
    padding: 0 4px;
  }
  .slide-uphill img {
    height: 120px;
  }
}
}