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

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", 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: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(0,151,160);
	--wd-alternative-color: rgb(0,151,160);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(220,172,127);
	--btn-accented-bgcolor-hover: rgb(200,157,116);
	--btn-transform: capitalize;
	--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(245,245,245);
	background-image: url(https://vccg.sitedemo.com.my/wp-content/uploads/2023/03/p-bg-3-1.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(233,235,239);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.page .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.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);
}
}


.whitefont h1,
.whitefont p {
    color: #fff !important;
}

a.linktext {
    background-image: linear-gradient(to right, #006699, #0097a0);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    border-bottom: 1px solid #006699 !important;
}

.whitebg .wpb_text_column.wpb_content_element {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
}

.whitebg .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 15px !important;
    padding: 15px !important;
    padding-bottom: 0px !important;
}


.whitebg .wpb_wrapper {
    background-color: #f4f4f7 !important;
}

.offerrow h4 {
    color: #fff !important;
    margin-top: -95px !important;
    padding-left: 20px !important;
    font-weight: 500 !important;
    padding-right: 20px !important;
}

span.specialfont {
    font-weight: 600 !important;
}

.whitefont span.bluefont {
    color: #fff !important;
}

span.bluefont {
    color: #2c6695 !important;
    font-weight: 600 !important;
}

h1 {
    font-weight: 400;
}

p.comname {
    margin-bottom: 5px;
}



.smalwd .wd-carousel.wd-grid.info-box-carousel {
    width: 80% !important;
    margin: auto;
}


h1 {
    line-height: 1.2 !important;
}

.whitefont h4.info-box-title {
    color: #fff !important;
}

 h4.info-box-title {
    font-family: satoshi !important;
}

.steprow .box-icon-wrapper.box-with-icon.box-icon-simple {
    width: 20% !important;
    margin: auto;
}

.smalwd .wd-carousel.wd-grid.info-box-carousel.wd-initialized {
    background-image: url(https://vccg.sitedemo.com.my/wp-content/uploads/2025/06/020202.png) !important;
    background-repeat: no-repeat;
    background-position: 135px 40px !important;
    background-size: 685px !important;
}

.lefticon p {
    margin-bottom: 10px !important;
}

.promo-banner .banner-title {
    font-family: satoshi !important;
    line-height: 1.2 !important;
}

.contenbtm {
    margin-top: 30px !important;
}

.lefticon img.aligncenter {
    margin-left: 0px !important;
}

.whitefont .wd-button-wrapper {
    background-color: #fff;
    width: fit-content;
    margin: auto;
    border-radius: 5px !important;
}

.contentleft div {
    text-align: left;
    padding-left: 10px !important;
}

.contentleft div {
    padding-left: 0px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
}

.testimonial-content {
    line-height: 1.3 !important;
    font-family: satoshi !important;
}

.testimonial-content {
    background: linear-gradient(to right, #0097a0, #006699);
    color: #fff !important;
    border-radius: 5px !important;
    padding: 25px !important;
    padding-bottom: 0px !important;
}

.whitefont a.btn.btn-style-default.btn-shape-rectangle.btn-size-default.btn-icon-pos-right {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}


.fa-long-arrow-right:before {
    background: linear-gradient(to right, #006699, #0097a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

main#main-content {
    padding-bottom: 0px !important;
}

span.wd-icon.fa.fa-solid.fa-arrow-right-long {
    margin-left: 20px !important;
}

a.btn.btn-style-default {
    background: linear-gradient(to right, #0097a0, #006699);
    color: #fff !important;
    border-radius: 5px !important;
    padding: 20px !important;
}


.promo-banner {
    border-radius: 5px !important;
}

.wpb_text_column li {
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
}

h3 {
    font-family: satoshi !important;
    line-height: 1.2 !important;
}

p {
    font-family: satoshi !important;
    line-height: 1.3 !important;
}

.wpb_column.borlr.vc_column_container {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.menubtn a.woodmart-nav-link {
    background: linear-gradient(to right, #0097a0, #006699);
}

.counterfont h1 {
    color: #fff !important;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
}

.counterfont p {
    line-height: 1.2 !important;
    color: #fff !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.counterfont {
    background: linear-gradient(to bottom, #006699, #0097a0);
    padding: 60px 50px 50px 50px !important;
}

.fa-long-arrow-right:before {
    background: linear-gradient(to right, #006699, #0097a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-left: 10px !important;
}@media (min-width: 1025px) {
	.vc_row.wpb_row.vc_inner.vc_row-fluid.counterfont {
    width: 85% !important;
    margin: auto;
}

.wpb_column.whitebg.vc_column_container.vc_col-sm-3 {
    width: 29% !important;
}

.recimg figure.wpb_wrapper.vc_figure {
    height: 140px !important;
    overflow: hidden;
}

.offerrow h4 {

    font-size: 18px !important;
    line-height: 1.3 !important;
}

.footer-container ul#menu-home-1 {
    column-count: 6;
}

.footer-container li.menu-item {
    text-align: right;
}




h1 {
    line-height: 1.2 !important;
}

.midfont p {
    width: 65% !important;
    margin: auto;
}

.promo-banner-wrapper {
    margin-bottom: 25px !important;
}


.promo-banner .banner-title {
    font-size: 18px !important;
}

.adjustimg img.vc_single_image-img.attachment-full {
    min-width: 540px !important;
}


.testimonial-content {
    font-size: 14px !important;
}

h1 {
    margin-bottom: 10px !important;
}

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

.wpb_text_column li {
    font-size: 14px !important;
}

p {
    font-size: 16px !important;
}

.greybg h3 {
    margin-bottom: 10px !important;
}



h3 {
    font-size: 18px !important;
}

.wpb_text_column.wpb_content_element.greybg {
    background-color: #f4f4f7 !important;
    border-radius: 5px !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
width:75% !important;
}



.wd-nav.wd-style-default {
    --nav-gap: 30px !important;
}

.menubtn a.woodmart-nav-link {
    color: #fff !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-radius: 5px !important;
}

a.woodmart-nav-link {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.counterfont h1 {
    font-size: 45px !important;
}

.counterfont p {
    font-size: 20px !important;
}

}