/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 08 2025 | 03:39:13 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/*sk addon*/
.a-1.sk-banner > .wpb_column > .vc_column-inner > .wpb_wrapper {
  aspect-ratio: 16/6;
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
}

.promo-label{
	font-size:20px;
}

.promo-heading h2{
	font-size:30px;
}

.promo-heading{
	font-size:30px;
}

.promo-heading .double-text{
	font-size:180%;
	color:#ffb946;
}

.promo-heading .eng{font-family: sans-serif !important;}

.whatsapp-btn.vc_btn3-container .vc_general.vc_btn3{
	background-color: #00c85a;
  	color: #fff;
  	border: 2px solid #00c85a;
	position:relative;
	font-family: sans-serif
}

.whatsapp-btn.vc_btn3-container .vc_general.vc_btn3:hover{
	background-color: #00c85a00;
  	border: 2px solid #00c85a;
  	color: #00c85a;
}


.whatsapp-btn.vc_btn3-container .vc_general.vc_btn3:before{
	content:'\f232';
	font-family:var(--fontAwesomeBrands);
	font-weight:400;
	margin-right:5px;
}

.package-list >div >div >div{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:35px 30px;
}

.package-list >div{
	width:100% !important;
}

.package-list .h-5-1{
	width:100%;
}

.package-list .yellow-label {
	color: #000;
	background: #FFB946;
	padding: 7px 20px;
	border-radius: 3px;
	width: fit-content;
	margin-inline: auto;
	font-size: 16px;
	font-weight: 700;
	margin-bottom:20px;
}

.package-list .h-5-1 > .wpb_column,
.package-list .h-5-1 > .wpb_column > .vc_column-inner,
.package-list .h-5-1 > .wpb_column > .vc_column-inner > .wpb_wrapper{
	height:100%
}

.package-list .h-5-1 > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image{margin-bottom:20px}

.package-list .h-5-1 > .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child{margin-bottom:20px}

@media only screen and (min-width: 767.98px) {
	.package-list .h-5-1{
		width:calc((100% - 30px*2)/3);
	}
}

.list-of-advantage{
	--icons:65px;
}

.list-of-advantage > div > div > div{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
}

.list-of-advantage .icons{
	width:var(--icons);
}

.list-of-advantage .icons >figure{
	border-radius:50%;
	border:1px solid #ffb946;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.list-of-advantage > div:hover .icons >figure{
	background: #ffb946;
}

.list-of-advantage .icons img{
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.list-of-advantage > div:hover .icons img{
	filter:invert(1) brightness(100);
}

.list-of-advantage .icons + div{
	width:calc(100% - var(--icons));
	padding-left:5px;
	margin-inline:0 !important;
}

.list-of-advantage .vc_custom_heading{
	text-wrap: balance;
}

@media only screen and (min-width: 767.98px) {
	.list-of-advantage{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:stretch;
	}
	
	.list-of-advantage{
		--icons:75px;
	}
}

@media only screen and (max-width: 1349.98px) {
	.list-of-advantage > div{
		flex-basis: 295px;
		width:295px;
	}
}

@media only screen and (max-width: 767.98px) {
	.list-of-advantage > div{
		flex-basis: 100%;
		width: 100%;
	}
}

.section-extend{
	margin-inline: calc(var(--row-side)*-1) !important;
  	padding-inline: calc(var(--row-side) + 15px);
}

.row-extend{
	margin-inline: calc(var(--row-side)*-1) !important;
	padding-inline: var(--row-side);
}

.evc-counter.counter-plus .evc-c-digit::after {
    content:'+';
}

.promo-counter-row .promo-count{text-align:center}

.promo-counter-row .promo-count.evc-counter .evc-c-digit{
	font-size: clamp(70px,13vw,200px);
	font-weight: 700;
	color: #EEEEEE00;
	line-height: 1;
	background-clip: text;
	background-image: url('https://nirvanatopgroup.my/wp-content/uploads/2025/07/counter-clip-bg-crop.webp');
	background-size: cover;
	background-position: center;
	overflow-wrap: normal;
	animation: moveBackground 7.5s linear infinite;
	font-family: var(--theme-font-family) !important;
}

@keyframes moveBackground {
    from {
        background-position: 100% 100%;
        
    }
    to {
        background-position: 0% 0%;
    }
}

.promo-counter-row .experience-title{
	font-size:30px !important
}

.promo-counter-row .counter-title{
	font-size:25px !important
}

.bordered-image figure{
	overflow:hidden;
	border-radius:20px;
}

@media only screen and (min-width: 767.98px) {
	.promo-24h > .wpb_column:nth-child(2){margin-top:calc(var(--gap)*-2 + 35px)}
}

@media only screen and (max-width: 679.98px) {
	.promo-counter-row .experience-title{
		font-size:27px !important;
		text-align:center !important;
	}
	
	.promo-counter-row .counter-title{
		font-size:23px !important
	}
}

.branch-section{
	position:relative;
	isolation:isolate;
}

.branch-section::before{
	content:'';
	position:absolute;
	width:100%;
	height:300px;
	top:0;
	left:0;
	background: #202020;
	display:block !important;
	z-index:-1;
}

.branch-row .branch-name{
	margin:0;
	padding-left:20px;
	border-left:1px solid #FFB946;
	font-size:20px;
	font-weight:700;
}

.branch-row .wpb_single_image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
}

.branch-row .wpb_single_image *{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.branch-row .wpb_column > .vc_column-inner > .wpb_wrapper{
	position:relative;
	isolation:isolate;
	min-height:400px;
	border-radius:20px;
	overflow:hidden;
	margin-bottom:35px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:stretch;
	padding:35px 30px;
}

.branch-row .wpb_column > .vc_column-inner > .wpb_wrapper::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
	display:block !important;
	z-index:-1;
}

.branch-row .wpb_column .wpb_single_image figure {
    overflow: hidden;
}

.branch-row .wpb_column .wpb_single_image img {
    transform: scale(1);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.branch-row .wpb_column:hover .wpb_single_image img {
    transform: scale(1.05);
}

.branch-row{
	margin-bottom:35px;
/*     --slick-border-color:;
    --slick-arrow-color:;
    --slick-arrow-bg-color:;
    --slick-border-hover-color:;
    --slick-arrow-hover-color:;
    --slick-arrow-bg-hover-color:;
    --slick-arrow-radius:50%; */
    --slick-dot-color:rgba(217,217,217,0.5);
    --slick-dot-hover-color:#FFB946;
    --slick-border-dot-color:rgba(217,217,217,0.5);
    --slick-border-dot-hover-color:#FFB946;
}

/*slick slider*/
/*arrow*/
.slick-arrow {
    font-size: 0;
    z-index: 9;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--slick-border-color, #333);
    border-radius: var(--slick-arrow-radius, 0);
    background-color: var(--slick-arrow-bg-color, transparent);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--allTransition);
    cursor: pointer;
}

.slick-arrow.slick-prev {left: 15px;}
.slick-arrow.slick-next {right: 15px;}

.slick-arrow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: var(--slick-arrow-color, #333);
    font-family: var(--fontAwesome);
    font-weight: 900;
    transition: var(--allTransition);
}

.slick-arrow.slick-prev:before {
    content: '\f060';
}

.slick-arrow.slick-next:before {
    content: '\f061';
}

.slick-arrow:hover {
    background-color: var(--slick-arrow-bg-hover-color, #333);
    border: 1px solid var(--slick-border-hover-color, #333);
}

.slick-arrow:hover:before {
    color: var(--slick-arrow-hover-color, #fff);
}

/*disable arrow control on first and last slide*/
.slick-disabled {
    opacity: 0; 
    pointer-events:none;
    transition: var(--allTransition);
  }

/*slick slider dots*/
.slick-dots {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
	margin-inline: auto;
}

.slick-dots button {
  border: 1px solid var(--slick-border-dot-color, #333);
  background: var(--slick-dot-color, #333);
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: var(--allTransition);
  cursor: pointer;
}

.slick-dots .slick-active button {
  background: var(--slick-dot-hover-color, #000);
  border: 1px solid var(--slick-border-dot-hover-color, #000);
}

.promo-contact-section{
	border-image:0 fill linear-gradient(180deg, rgba(245, 245, 245, 0.90) 65.62%, rgba(245, 245, 245, 0.72) 83.85%, rgba(245, 245, 245, 0.40) 100%);
}

.promo-contact-info{
	display:grid !important;
	grid-template-columns:1fr;
	grid-gap:0 30px;
}

.promo-contact-info >div{width:100%}

@media only screen and (min-width: 767.98px) {
	.promo-contact-info{
		grid-template-columns:repeat(2,1fr);
		grid-gap:0 30px;
	}
}

@media only screen and (min-width: 999.98px) {
	.promo-contact-info{
		grid-gap:0 50px;
	}
}

.promo-contact-info > .wpb_column > .vc_column-inner > .wpb_wrapper{
	height:100%;
	background:#fff;
	overflow:hidden;
	margin-bottom:35px;
	border-radius:20px;
	padding:35px 30px 35px 50px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
	position:relative;
	isolation:isolate;
}

.promo-contact-info > .wpb_column > .vc_column-inner > .wpb_wrapper::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:100%;
	background:#202020;
	display:block !important;
	z-index:-1
}

.promo-contact-info > .wpb_column > .vc_column-inner > .wpb_wrapper >:last-child{
	margin-bottom: 0 !important;
}

.promo-contact-info{
	--icon-size: 65px;
}

@media only screen and (max-width: 767.98px) {
	.promo-contact-info{
		--icon-size: 60px;
	}
}

.promo-contact-info .icons{
	margin-bottom:20px;
}

.promo-contact-info [class*="icons"] img{
    width: auto;
    max-height: var(--icon-size);
	background:#202020;
	border-radius:50%;
}

.promo-contact-form > .wpb_column > .vc_column-inner > .wpb_wrapper{
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.09);
	height:100%;
	background:#fff;
	overflow:hidden;
	margin-bottom:35px;
	border-radius:20px;
	padding:35px 30px;
}

.promo-contact-form .inquiry-form label :is(input, textarea) {
	border-radius: 5px;
	border: 1px solid #CCC;
	background-color: #fff;
	font-weight: 400;
	--place-font-size:16px;
    --place-font-weight:400;
	--placeholder: #ACACAC;
}

.promo-contact-form input::placeholder,
.promo-contact-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--placeholder) !important;
  font-size:var(--place-font-size);
  font-weight:var(--place-font-weight);
  opacity: 1 !important; /* Firefox */
}

.promo-contact-form input:-ms-input-placeholder,
.promo-contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--placeholder) !important;
  font-size:var(--place-font-size);
  font-weight:var(--place-font-weight);
}

.promo-contact-form input::-ms-input-placeholder,
.promo-contact-form textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--placeholder) !important;
  font-size:var(--place-font-size);
  font-weight:var(--place-font-weight);
}

.promo-contact-form .inquiry-form label:nth-child(1),
.promo-contact-form .inquiry-form label:nth-child(2),
.promo-contact-form .inquiry-form label:nth-child(3),
.promo-contact-form .inquiry-form label:nth-child(4){
  width: calc((100% - 16px) / 2);
}

.page-id-352 #footer [data-row="top"]{display:none}
.page-id-466 #footer [data-row="top"]{display:none}

/* mobile */
@media only screen and (max-width: 999.98px) {
	.a-1.sk-banner > .wpb_column > .vc_column-inner > .wpb_wrapper {
		aspect-ratio: 16/8;
	}
}

@media only screen and (max-width: 767.98px) {
	
	.a-1 {
		background-size: 215% !important;
	}
	
	.a-1.sk-banner > .wpb_column > .vc_column-inner > .wpb_wrapper {
		aspect-ratio: 16/14;
	}
	
	.promo-label{
		font-size:18px;
	}

	.promo-heading h2{
		font-size:27px;
	}

	.promo-heading{
		font-size:27px;
	}

	.promo-heading .double-text{
		font-size:clamp(100%, 11vw, 150%);
	}
	
	.promo-24h .wpb_text_column {
		text-align:center;
	}
	
	.promo-24h .whatsapp-btn{
		text-align:center !important;
	}
	
	.branch-row .wpb_column > .vc_column-inner > .wpb_wrapper{
		padding:35px 15px;
	}
	
	.promo-contact-info > .wpb_column > .vc_column-inner > .wpb_wrapper {
		padding: 35px 15px 35px 35px;
	}
	
	.promo-contact-form > .wpb_column > .vc_column-inner > .wpb_wrapper {
		padding: 35px 15px;
	}
	
	
.list-of-advantage .icons >figure{
	border:1px solid #ffb946;
}
	
}