.elementor-2313 .elementor-element.elementor-element-14bf489:not(.elementor-motion-effects-element-type-background), .elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carcomfortshop.com.my/wp-content/uploads/Articles.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-background-overlay{background-color:var( --e-global-color-e2ce946 );background-image:url("https://carcomfortshop.com.my/wp-content/uploads/shape-hero.png");background-position:bottom right;background-repeat:no-repeat;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-container{min-height:450px;}.elementor-2313 .elementor-element.elementor-element-14bf489{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-150px;margin-bottom:0px;z-index:0;overflow:visible;}.elementor-2313 .elementor-element.elementor-element-14bf489.elementor-section{padding:0px 0px 0px 0px;}.elementor-2313 .elementor-element.elementor-element-bbc0c4d{margin-top:150px;margin-bottom:0px;overflow:visible;}.elementor-2313 .elementor-element.elementor-element-482e638 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:84px;font-weight:700;line-height:0.9em;}.elementor-2313 .elementor-element.elementor-element-482e638.elementor-widget-heading .elementor-heading-title, .elementor-2313 .elementor-element.elementor-element-482e638.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:var( --e-global-color-965a3a8 );}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-icon i{color:var( --e-global-color-965a3a8 );transition:color 0.3s;}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-icon svg{fill:var( --e-global-color-965a3a8 );transition:fill 0.3s;}.elementor-2313 .elementor-element.elementor-element-be2c758{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-text{color:var( --e-global-color-965a3a8 );transition:color 0.3s;}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#F92909;}.elementor-2313 .elementor-element.elementor-element-a670c94{--display:flex;overflow:visible;}body:not(.rtl) .elementor-2313 .elementor-element.elementor-element-c6a5e68{right:30px;}body.rtl .elementor-2313 .elementor-element.elementor-element-c6a5e68{left:30px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68{bottom:30px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .ekit-wid-con .elementskit-whatsapp__content{bottom:44px;left:-240px;right:auto;width:290px;--ekit-whatsapp-width:290px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__popup--btn{background-color:#25D366;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .whatsapp-rotate-icon path{stroke:#FFFFFF;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__popup--btn i{color:#FFFFFF;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp .elementskit-whatsapp__popup--btn svg{width:30px;height:30px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp .elementskit-whatsapp__popup--btn i{font-size:30px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__header--name{font-family:"Roboto", Sans-serif;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__header--text{font-family:"Roboto", Sans-serif;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__header--close:hover{color:#000;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__chat--title{font-family:"Roboto", Sans-serif;font-size:13px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__input--button svg path{stroke:#FFFFFF;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__input--button i{color:#FFFFFF;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp .elementskit-whatsapp__input--button svg{width:18px;height:18px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp .elementskit-whatsapp__input--button i{font-size:18px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__input--button-text{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;text-transform:uppercase;margin-left:8px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .ekit-wid-con .elementskit-whatsapp__input--button{background:#008069;border-radius:30px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68 .elementskit-whatsapp__input.inner-input .elementskit-whatsapp__input--wrapper{border-radius:30px;}.elementor-2313 .elementor-element.elementor-element-38b55fc{margin-top:100px;margin-bottom:100px;overflow:visible;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-2313 .elementor-element.elementor-element-9ef0d7f:after{content:"1";}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__thumbnail__link{width:50%;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post{border-radius:5px;box-shadow:0px 10px 50px 0px rgba(0, 0, 0, 0.07);background-color:var( --e-global-color-965a3a8 );}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__text{padding:20px 30px 20px 30px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title, .elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title a{color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:25px;font-weight:700;text-transform:none;line-height:1.2em;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title{margin-bottom:20px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__meta-data{color:var( --e-global-color-4c4fe6e );font-family:var( --e-global-typography-3f99602-font-family ), Sans-serif;font-size:var( --e-global-typography-3f99602-font-size );font-weight:var( --e-global-typography-3f99602-font-weight );line-height:var( --e-global-typography-3f99602-line-height );}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__meta-data span:before{color:var( --e-global-color-4c4fe6e );}body.elementor-page-2313{--ang-classes-border:rgba(79, 122, 233, 0.58);--ang-classes-label:#406DE1;--ang-css-border:rgba(211, 0, 0, 0.35);}@media(max-width:1024px) and (min-width:768px){.elementor-2313 .elementor-element.elementor-element-33c3649{width:100%;}}@media(min-width:1025px){.elementor-2313 .elementor-element.elementor-element-14bf489:not(.elementor-motion-effects-element-type-background), .elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-container{min-height:50px;}.elementor-2313 .elementor-element.elementor-element-14bf489.elementor-section{padding:0px 0px 0px 0px;}.elementor-2313 .elementor-element.elementor-element-bbc0c4d.elementor-section{padding:70px 30px 100px 30px;}.elementor-2313 .elementor-element.elementor-element-482e638 .elementor-heading-title{font-size:72px;}.elementor-2313 .elementor-element.elementor-element-38b55fc{margin-top:50px;margin-bottom:50px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.85 * 100% );}.elementor-2313 .elementor-element.elementor-element-9ef0d7f:after{content:"1.85";}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__text{padding:15px 15px 15px 15px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title, .elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title a{font-size:20px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__meta-data{font-size:var( --e-global-typography-3f99602-font-size );line-height:var( --e-global-typography-3f99602-line-height );}}@media(max-width:767px){.elementor-2313 .elementor-element.elementor-element-14bf489:not(.elementor-motion-effects-element-type-background), .elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:530px auto;}.elementor-2313 .elementor-element.elementor-element-14bf489 > .elementor-background-overlay{background-size:200px auto;}.elementor-2313 .elementor-element.elementor-element-14bf489{margin-top:-141px;margin-bottom:0px;}.elementor-2313 .elementor-element.elementor-element-bbc0c4d.elementor-section{padding:80px 20px 50px 20px;}.elementor-2313 .elementor-element.elementor-element-482e638 .elementor-heading-title{font-size:30px;}.elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2313 .elementor-element.elementor-element-be2c758 .elementor-icon-list-item > a{font-size:13px;}body:not(.rtl) .elementor-2313 .elementor-element.elementor-element-c6a5e68{right:10px;}body.rtl .elementor-2313 .elementor-element.elementor-element-c6a5e68{left:10px;}.elementor-2313 .elementor-element.elementor-element-c6a5e68{bottom:15px;}.elementor-2313 .elementor-element.elementor-element-38b55fc{margin-top:30px;margin-bottom:50px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f > .elementor-widget-container{padding:0px 25px 0px 25px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.25 * 100% );}.elementor-2313 .elementor-element.elementor-element-9ef0d7f:after{content:"1.25";}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__thumbnail__link{width:50%;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title, .elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__title a{font-size:18px;}.elementor-2313 .elementor-element.elementor-element-9ef0d7f .elementor-post__meta-data{font-size:var( --e-global-typography-3f99602-font-size );line-height:var( --e-global-typography-3f99602-line-height );}}/* Start custom CSS *//* edit the hamburger and close icon colors here */

.lytbox-button {
	--hamburger-color: #F92909;
	--close-x-color: #F92909;
	display: block;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 101;
}


/* must add in elementor template ID number to make the menu full width */
.elementor-5047 {
	width: 100%;
}




/* end editing */

.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.lytbox-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}




/* toggle hamburger*/

.lytbox-button .hamburguer {
	position: relative;
}

.lytbox-button .hamburguer span{
	display: block;
	height: 2px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}





/* closed X */

.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}

.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}/* End custom CSS */