/*
	Webspert Web Design E-commerce System
	http://www.webspert.com.my
	Copyright (c) Webspert Web Design
*/

body{
	color: var(--main-color);
	margin: 0px;
	font-family: var(--main-font) !important;

	font-weight: var(--body-font-weight);
	font-size: var(--body-font-size);
	background: var(--body-bg-color) !important;
	letter-spacing: var(--body-letter-spacing);
	/* line-height: 1.5; */
	overflow-y: scroll;
	overflow-x: hidden;
}

a{
	color: var(--main-color);
}

section{
	margin: 70px 0;
	/* margin: 0; */
}

section.full_banner_slider_section:first-of-type{
	margin: 0px 0 70px;
}

.container{
	/*max-width: 1240px; 
	padding: 0 60px !important;*/
	/* max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important; */
	max-width: 100%;
	padding: 0 24px;
}

.swiper, .swiper-wrapper{
	height: fit-content !important;
}

section .pageHeading_main{
	font-family: var(--accent-font) !important;
	font-weight: 400 !important;
}

.title_panel .pageHeading_submain {
	font-size: 16px;
}

.title_panel .pageHeading_main {
	padding-bottom: 0;

    color: var(--main-color);
    font-size: 38px;
	line-height: 40px;
    /* line-height: 1.1; */
    /* font-weight: bold !important; */

}

.title_panel .pageHeading_descp {
	font-size: 16px;
	/* line-height: 19px; */

	font-weight: var(--body-font-weight);
}

.sub_banner_img {
	overflow: hidden;
	border-radius: 0;
}

.sub_banner_img img{
    transition: all .3s linear;
}

.sub_banner_btn {
	margin: 0;
	color: var(--white-color);
	background-color: var(--main-color);
	padding: 12px 70px;
	font-size: 17px;
	transition: all .3s linear;
}

.sub_banner_btn:hover {
	color: var(--white-color);
	background-color: var(--light-orange-color);
}

section .title_panel {
	margin-bottom: 30px;
}

/* section .sub_banner_odd_link {
	padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: var(--white-color);
    letter-spacing: 0px;
    transition: all .3s linear;
    border-radius: 0px;
    display: inline-block;
    margin-top: 5px;
    border: 0px solid var(--white-color);
    border-bottom: 2px solid var(--white-color);
} */

section .banner_btn_txt,
section .pageHeading_btn_txt{
	display: inline-block;
    background-color: var(--black-color);
    color: var(--white-color);
    padding: 10px 30px;
    border-radius: var(--border-radius-1);
    transition: all .3s linear;
    letter-spacing: 0.1rem;
    max-width: 45rem;
    border: 0px solid var(--black-color);
	/* font-size: 10px; */
	font-size: 12px;
}

section:first-of-type .homebanner_image_box {
    height: 100vh;
    overflow: hidden;
}

.btn_txt {
    display: inline-block;
    border: 1px solid var(--black-color);
    border-radius: var(--default-border-radius);
    background-color: transparent;
    color: var(--black-color);
    transition: all .3s linear;
    padding: 10px 30px;
    border-radius: var(--default-border-radius);
    transition: all .3s linear;
    letter-spacing: 0.1rem;
    max-width: 45rem;
    font-size: 10px;
}

.banner_content_top_left {
	top: 5%; left: 0; transform: unset;
}

.banner_content_top_center {
	top: 5%; left: 50%; transform: translateX(-50%);
}

.banner_content_top_right {
	top: 5%; right: 8%; left: unset; transform: unset;
}

.banner_content_center_left {
	top: 50%; left: 0%; transform: translate(35%, -50%);
}

.banner_content_center {
	top: 50%; left: 50%; right: 0; transform: translate(-50%, -50%);
}

.banner_content_center_right {
	top: 50%; right: 8%; transform: translate(-35%, -50%);
}

.banner_content_bottom_left {
	bottom: 8%; left: 0; top: unset; transform: unset;
}

.banner_content_bottom_center {
	bottom: 8%; left: 50%; transform: translateX(-50%); top: unset;
}

.banner_content_bottom_right {
	bottom: 8%; right: 8%; left: unset; top: unset;
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

@media only screen and (max-width: 1050px){
	.sub_slider .swiper {
		padding: 0 !important;
	}

	.container {
		padding: 0 43px !important;
		/* max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important; */
	}

	/* .home_banner_caption_box {
		top: 0;
		transform: translateY(50%);
	} */ 

	.pageHeading_banner h2 {
		font-size: 35pt !important;
	}

	.pageDescription_banner {
		font-size: 18pt;
	}

}

@media only screen and (max-width: 851px){
	.sub_slider .swiper-slide .slide-img {
		height: 300px !important;
	}

	.container {
		padding: 0 33px !important;
		/* max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important; */
	}
}

@media only screen and (max-width: 610px){
	section {
		margin: 20px 0 50px;
		/* margin: 0; */
	}

	section.full_banner_slider_section:first-of-type{
		margin: 0px 0 20px;
	}

	/* .pageHeading_banner h2 {
		font-size: 46px !important;
	} */

	.title_panel .pageHeading_main {
		font-size: 25px;
	}

	.title_panel .pageHeading_descp {
		font-size: 13px;
	}

	.title_panel .pageHeading_submain {
		font-size: 13px;
	}

	/* .home_banner_caption_box {
		padding: 0 20px !important;
	} */

	.sub_banner_odd_link {
		font-size: 13px;
	}

	section .mobile_container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media only screen and (max-width: 480px){
	.container {
		padding: 0 15px !important;
		/* max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important; */
	}
}