h1 {
	font-size:50px !important;
}
h2 {
	font-size:36px !important;
}
h3 {
	font-size:30px !important;
}
h4 {
	font-size:24px !important;
}
h5 {
	font-size:20px !important;
}
@media screen and (max-width:767px){
	h1 {
		font-size:34px !important;
	}
	h2 {
		font-size:28px !important;
	}
	h3 {
		font-size:24px !important;
	}
	h4 {
		font-size:20px !important;
	}
	h5 {
		font-size:18px !important;
	}
}
@media screen and (max-width:400px){
	h1 {
		font-size:32px !important;
	}
	h2 {
		font-size:24px !important;
	}
	h3 {
		font-size:22px !important;
	}
}


.blue {
	color:#7b8fc2;
}
.tel {
	font-size:42px;
	font-weight:600;
	line-height:1.2em !important;
}
.text-drag{
	font-size:12px;
	text-align:center;
	padding-bottom:15px !important;
	font-weight:500;
	color:#fff;
	display:none;
}
#shops-tabs{
	display:none;
}
@media screen and (max-width:767px){
	.text-drag{
		display:block;
	}
}



.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
    color: #000 !important;
  }



/*Button*/
.et_pb_button_module_wrapper, .et_pb_button_wrapper{
  background-image: linear-gradient(120deg,#4d6671 0%,#779ba8 45%,#4c646f 100%);
  border-radius:50px;
  padding:5px 6px !important;
}
.et_pb_button{
  border-radius:50px !important;
  background:transparent !important;
	display:block !important;
	width:300px;
	text-align:center;
	transition:all 0.5s;
}
.et_button_no_icon .et_pb_button{
	padding: .1em 1em !important;
	transition:all 0.5s;
}
.et_button_no_icon .et_pb_button:hover{
	padding: .1em 1em !important;
	background-color:rgba(26,36,27,0.15) !important;
}
.et_pb_button_wrapper .et_pb_button{
	width:200px;
}
@media screen and (max-width:767px){
	.et_pb_button{
		width:250px;
	}
}


/*Button Submit*/
.ff_submit_btn_wrapper{
	background-image: linear-gradient(120deg,#4d6671 0%,#779ba8 45%,#4c646f 100%);
  	border-radius:50px;
  	padding:6px !important;
	display:inline-block;
}
.btn-submit{
	font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif !important;
	font-size:20px !important;
	font-weight:600 !important;
	border:rgba(26,36,27,0.15) 2px solid !important;
	background:transparent !important;
	border-radius:50px !important;
	display:block !important;
	width:150px;
	text-align:center;
	padding: .15em 1em !important;
	transition:all 0.5s;
}
.btn-submit:hover{
	background-color:rgba(26,36,27,0.15) !important;
}

.et_pb_scroll_top.et-pb-icon {
	bottom: 50px !important;
}

/*Form*/
.ff-el-form-check{
	line-height:1.1em !important;
	text-align: left;
}
.ff-el-form-check-label span{
	font-size:13px !important;
}
.fluentform .ff-el-group {
  margin-bottom: 10px !important;
}
.ff-el-form-check-label{
	display: flex;
  	align-items: flex-start;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input{
	top: 2px !important;
	margin-right: 5px !important;
}
.fluentform .ff-el-form-control {
	font-family: 'Libre Baskerville',Georgia,"Times New Roman",serif !important;
}
.fluentform .ff-el-is-error .text-danger {
  text-align: left !important;
	color:#ff0000 !important;
}
.fluentform .ff-el-is-error .ff-el-form-check-label{
	color:#000 !important;
}
.ff-message-success {
  background: rgba(255,255,255,0.5) !important;
}




/*Zoom*/
/* these styles are for the demo, but are not required for the plugin */
.zoom {
	display:inline-block;
	position: relative;
}
/* magnifying glass icon */
/*.zoom:after {
	content:'Drag image to zoom in.';
	display:none; 
	width:100%; 
	height:50px; 
	position:absolute; 
	top:0;
	left:0;
	font-size:12px;
	text-align:center;
}*/
.zoom img {
	display: block;
}
.zoom img::selection { background-color: transparent; }
@media screen and (max-width:767px){
	.zoom:after {
		display:block;
	}
}


.footer-link img {
	max-width:35px;
	vertical-align:middle;
	margin-right:10px;
}

.virtual-tour{
	text-align:center;
}

#location{
	z-index:0 !important;
}

.virtual-tour-bg{
	background-position:50% 20%;
}

.virtual-tour h1{
	color:#fff;
}

.virtual-tour .text-center{
	display:flex;
	justify-content:center
}

.virtual-tour img{
	max-width:250px;
}

.vr-icon:hover{
	transform:scale(1.1);
}

.vr-icon{
	transition:all 0.5s;
	position:relative;
}

.vr-icon svg{
	transition:all 0.5s;
}

.vr-icon svg{
	background-image:linear-gradient(120deg,#4d6671 0%,#779ba8 45%,#4c646f 100%);
    border-radius: 99rem;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    padding: 20px;
    color: #3A9391;
    font-size: 50px;
	  position:absolute;
	  top:35%;
    left: 0;
    right: 0;
    margin: auto;
}

#our-concept .dcm-carousel-item img{
	object-fit:contain;
}

/* Cameron Centrum */

.d-flex{
	display:flex;
	gap:15px;
}

.global header{
	position:fixed;
	z-index:2;
}

.justify-center{
	justify-content:center;
}

.align-start{
	align-items:start;
}

.align-center{
	align-items:center;
}

.small,
.small a{
	font-size:14px;
}

.text-white{
	color:#fff;
}

.global h1,
.global h2,
.global h3,
.global h4,
.global h5,
.global h6{
	font-family:'Bitter';
}

.global p,
.global li,
.global a,
.global strong,
.global b{
	font-family: 'Proza Libre';
}

.global-header{
	width:100%;
	padding:0% !important;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 9999;
}

.global-header .menu-logo a:after{
	content:"";
	display: inline-block; 
  width: 180px;
  height: 86px;
  background-image: url("https://staging2026.cameroncentrum.com.my/wp-content/uploads/centrum-logo-black.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.global-header.scrolled {
  background-color: #032838;
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
}

.global-header.scrolled .menu-logo a:after{
	background-image: url("https://staging2026.cameroncentrum.com.my/wp-content/uploads/centrum-logo-white.png");
}

.global-header .et_pb_menu{
	background-color:transparent !important;
	margin-bottom:0 !important;
}

.global-header #menu-global-menu{
	display: flex;
  align-items: center;
  justify-content: center; 
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
	font-weight:600;
	text-transform:uppercase;
}

.global-header #menu-global-menu .menu-logo {
  flex: 0 0 auto;
  margin: 0 20px;
  position: relative;
}

.global-header #menu-global-menu li:nth-child(-n+2) {
  margin-right: auto;
}

.global-header #menu-global-menu li:nth-child(n+4) {
  margin-left: auto;
}

.global-header .et-menu a:hover{
	opacity:1 !important;
}

.global-header .et-menu a{
	transition:none !important;
	padding-bottom:0 !important;
}

.global-header .et_pb_row--with-menu{
	padding: 1% 0 !important;
}

.social-icons{
	display:flex;
	gap:50px;
  list-style:none !important;
}

.info-block{
	display:flex;
	gap:15px;
	color:#fff;
	font-size:19px;
	line-height:27px;
	max-width:385px;
	margin-bottom:30px;
}

.info-block h2{
	font-family: 'Bitter';
	color:#74d8c2;
  	font-weight: 600;
}

.info-block h3{
	font-family: 'Proza Libre';
	color:#74d8c2;
	font-size: 20px !important;
  	font-weight: 600;
	margin-bottom:30px;
	padding-bottom:0;
}

.info-block p{
	font-family: 'Proza Libre';
}

.info-block .form-wrapper{
	margin-top:30px;
}

.info-block .form-wrapper .form{
	margin-top:15px;
}

.info-block .form-wrapper .form{
	font-family: 'Proza Libre';
}

.info-block .form-wrapper .form label{
	font-size:16px;
}

.info-block .form-wrapper .form p{
	font-size:16px;
}

.info-block .form .ff-btn-submit{
	font-family: 'Proza Libre';
	background-color:#b9361b !important;
}

.info-block .form .ff_submit_btn_wrapper{
	width:100%;
	background-image:none;
}

.info-block .form input{
	border-radius:0;
}

.et_pb_code_3_tb_footer .info-block{
	margin-bottom:0;
}

.hero-banner{
	display: flex;
  align-items: stretch;
  height: 70vh;
	position:relative;
	background-position:50% 4%;
}

.hero-banner .banner-text{
	flex: 1;
  height: 100%;
  display: flex;
	z-index:2;
	border:2px solid #fff;
	margin-top:20px;
}

.hero-banner:after{
	content:"";
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4)
}

.hero-banner .banner-text .highlight{
	width:fit-content;
	padding:15px 20px 12px 20px;
	background:linear-gradient(90deg,rgba(0,0,0,1) 40%,rgba(0,0,0,0.7) 100%);
}

.hero-banner .banner-text h1{
	font-size:60px !important;
}

.hero-banner .et_pb_button_0_wrapper{
	display:inline-block;
	padding:0;
	background-image:none;
	background-color:#005c83 !important;
}


.global .hero-banner .et_pb_button_0_wrapper #banner-btn{
	padding-top: 7px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 7px !important;
	max-width: 200px;
	border:0 !important;
	background-color:#005c83 !important;
}


.global .hero-banner .et_pb_button_0_wrapper #banner-btn:after{
	  line-height: inherit;
    font-size: inherit !important;
    margin-left: .3em;
    left: auto;
    display: inline-block;
    opacity: 1;
    content: attr(data-icon);
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

#menu-global-menu .sub-menu a{
	color:#000 !important;
}

#map h3{
	font-size:36px !important;
}

#map.et_pb_section_1{
	background-position:50% 100% !important;
}

#virtual{
	position:relative;
	z-index:2;
}

#virtual h3{
	font-size: 50px !important;
}

.vr-wrapper{
	position: absolute;
  z-index: 2;
  margin: auto;
  left: 0;
  right: 0;
	margin-top:-30px;
	width: fit-content;
}

#virtual .vr-wrapper .et_pb_image img,
#virtual .vr-wrapper .vr-icon svg {
  transition: transform 0.4s ease;
  transform-origin: center center;
}

#virtual .vr-wrapper:hover .et_pb_image img,
#virtual .vr-wrapper:hover .vr-icon svg {
  transform: scale(1.1);
}

#virtual .vr-icon:hover{
	transform:initial;
}

#virtual .vr-wrapper .et_pb_module.et_pb_image{
	transition: all 0.5s;
  margin-bottom: -130px !important;
}

#virtual .vr-icon{
	display: flex;
  align-items: center;
  justify-content: center;
	position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin: auto;
}

#virtual .vr-icon svg{
	position:initial;
	background-color: #8D1259;
	background-image:none;
  border-radius: 99rem;
  height: 100px;
  width: 100px;
  padding: 20px;
  color: #3A9391;
  font-size: 50px;
}

#virtual .vr-icon svg:hover{
	transform:initial;
}

#deals h3{
	font-size:50px !important;
}

#deals .et_pb_image_wrap {
	width:100%;
}

#deals .et_pb_image_wrap img {
	width:100%;
}

#deals .et_pb_row.et_pb_row_5 .et_pb_column_2_3{
	margin-right:0;
}

#deals .et_pb_row.et_pb_row_5 .et_pb_column_1_3{
  background-color:#6e726a;
  position: relative;
  padding-top: 80px;
  padding-right: 40px;
  padding-bottom: 80px;
  padding-left: 40px;
  justify-content: center;
	min-height:438px;
	max-height:438px;
}

.home.global #deals .et_pb_button {
	padding-top: 12px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 12px !important;
	max-width: 200px;
	background-color:transparent !important;
}

.home.global #deals .et_pb_button:hover{
	border-color:#fff !important;
}

#deals .et_pb_button_1_wrapper{
	display: flex;
  justify-content: center;
	background:none;
}

#deals h2{
	font-size:50px !important;
}

@media screen and (min-width:981px){
#deals .et_pb_row.et_pb_row_5 .et_pb_column_2_3{
	width:61.833%;
}

#deals .et_pb_row.et_pb_row_5 .et_pb_column_1_3{
	width:37.6667%;
}
}

ul.contact-list{
	padding-left:0;
}

ul.contact-list li{
	align-items:center;
	margin-bottom:25px;
	gap:30px;
}

ul.contact-list li img{
	max-width:43px;
}

a.btn-primary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-family: 'Proza Libre';
	width:100%;
	max-width:225px;
	border-radius:30px;
	padding-top: 10px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 10px !important;
  border: 1px solid #546ba0  !important;
  background-color: #546ba0 !important;
	color:#fff;
	transition:all 0.3s;
}

a.btn-primary:hover{
	background-color:#fff !important;
	color: #546ba0;
}

a.btn-primary:hover svg path{
	color: #546ba0;
	fill: #546ba0;
}

.mobile-logo{
	display:none;
}


/* Responsive */
@media screen and (max-width:1440px){
	.hero-banner .banner-text{
		height:90% !important;
		margin-top:90px;
	}
}

@media screen and (max-width:1199px){
	.hero-banner{
		height:auto !important;
		min-height:480px !important;
	}
	
	.hero-banner .banner-text{
		margin-left:3% !important;
		margin-right:3% !important;
	}
	
	.global-header #menu-global-menu{
		gap:0px !important;
	}
}

@media screen and (max-width:980px){
	.global-header{
		padding:1% 0 !important	
	}
	
	.hero-banner .banner-text{
		margin-top:70px !important;
	}
	
	.global-header{
		width:100%;
		background-color: #032838;
	}
	
	.global-header .et_pb_menu__wrap{
		justify-content:start !important;
	}
	
	.mobile_menu_bar:before{
		color:#fff !important;
	}
	
	.mobile-logo{
		display:block;
	}
	
	.mobile-logo img{
		max-width:110px;
	}
	
	.menu-logo{
		display:none !important;
	}
	
	.global-header .et_pb_column_0_tb_header{
		display:flex;
		align-items:center;
		width:100%;
		justify-content:space-between;
	}
	
	.global-header .et_pb_menu_0_tb_header{
		width:100%;
		margin-bottom:0;
	}
	
	.global-header .et_pb_menu_0_tb_header.et_pb_menu ul li a,
	.global-header .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a{
		color:#000 !important;
	}
	
	#map .d-flex{
		flex-wrap:wrap;
	}
	
	#deals .et_pb_column_2_3{
		margin-bottom:0;
	}
	
	#deals .et_pb_row.et_pb_row_5 .et_pb_column_1_3{
		padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    min-height:initial;
		max-height:initial;
	}
	
	.social-icons{
		justify-content:center;
	}
	
	.et_pb_text_2_tb_footer .d-flex{
		justify-content:center;
	}
	
	#deals .et_pb_image_3 .et_pb_image_wrap img{
		max-height:380px;
		min-height:380px;
	}
	
	.info-block{
		max-width:initial;
		justify-content:center;
	}
	
	.et_pb_column_2_tb_footer{
		display:flex;
		flex-wrap:wrap;
	}
}

@media screen and (max-width:767px){
	#deals .et_pb_image_3 .et_pb_image_wrap img{
		max-height:185px;
		min-height:185px;
	}
	
	.et_pb_column_2_tb_footer,
	.et_pb_column_3_tb_footer{
		z-index:1;
	}
}