:root {
	--base-color:#D90B06;
	--very-light-base-color:#fbeee1;
	--second-color:#FF6716;
	--third-color:#f8430a;
	--four-color:#3f78e0;
	--bs-primary-rgb:18,127,74;
	--bs-secondary-rgb:170,176,188;
	--primary-font:"Poppins",sans-serif;
	--alt-font:"Poppins",sans-serif;
	/* "Cairo",sans-serif;
	*/
}
body {
	font-family:var(--primary-font) !important;
	font-weight:400 !important;
}
.bg-utama-gradient {
    background: linear-gradient(45deg, var(--base-color), var(--second-color));
}
.bg-utama {
	background-color:var(--base-color) !important;
}
.bg-kedua {
	background-color:var(--second-color) !important;
}
.bg-base-color {
	background-color:var(--base-color);
}
.bg-very-light-base-color {
	background-color:var(--very-light-base-color);
}
.bg-second-color {
	background-color:var(--second-color);
	/* background-color:#11aed6;
	*/
}
.bg-putih {
    background-color: white !important;
}
.bg-hitam {
    background-color: black !important;
}
.text-utama {
	color:var(--base-color);
}
.text-kedua {
	color:var(--second-color);
}
.text-base-color {
	color:var(--base-color);
}
.text-second-color {
	color:var(--second-color);
}
.text-layanan {
	margin-top: -30px !important;
}
.text-putih {
    color: white !important;
}
.text-hitam {
    color: black !important;
}
.link-dark {
    color: black;
}

.link-dark:hover {
    color: var(--base-color);
}
/*--------------------------------------------------------------# Font--------------------------------------------------------------*/
.primary-font {
	font-family:var(--primary-font)
}
.alt-font {
	font-family:var(--primary-font)
}
.br-0 {
	border-radius: none !important;
}
/* Font weight */
.fw-100 {
	font-weight:100 !important;
}
.fw-200 {
	font-weight:200 !important;
}
.fw-300 {
	font-weight:300 !important;
}
.fw-400 {
	font-weight:400 !important;
}
.fw-500 {
	font-weight:500 !important;
}
.fw-600 {
	font-weight:600 !important;
}
.fw-700 {
	font-weight:700 !important;
}
.fw-800 {
	font-weight:800 !important;
}
.fw-900 {
	font-weight:900 !important;
}
p {
	margin-top:0;
	margin-bottom:1rem;
	font-family: var(--primary-font);
}
/*==========================================================================* Button CSS==========================================================================*/
.btn-primary.btn-expand {
	color:var(--base-color) !important;
	width:100% !important;
}
.btn-primary.btn-expand:before {
	background-color:var(--base-color);
}
.btn.btn-expand:hover {
	color:white !important;
}
.btn-base-color {
	--bs-btn-color:#fff;
	--bs-btn-bg:var(--base-color);
	--bs-btn-border-color:var(--base-color);
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:var(--base-color);
	--bs-btn-hover-border-color:var(--base-color);
	--bs-btn-focus-shadow-rgb:92,140,229;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:var(--base-color);
	--bs-btn-active-border-color:var(--base-color);
	--bs-btn-active-shadow:0rem 0.25rem 0.75rem rgba(30,34,40,0.15);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:var(--base-color);
	--bs-btn-disabled-border-color:var(--base-color);
}
.btn-primary {
	--bs-btn-color:#fff;
	--bs-btn-bg:var(--base-color);
	--bs-btn-border-color:var(--base-color);
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:var(--base-color);
	--bs-btn-hover-border-color:var(--base-color);
	--bs-btn-focus-shadow-rgb:92,140,229;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:var(--base-color);
	--bs-btn-active-border-color:var(--base-color);
	--bs-btn-active-shadow:0rem 0.25rem 0.75rem rgba(30,34,40,0.15);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:var(--base-color);
	--bs-btn-disabled-border-color:var(--base-color);
}
.build_button {
	display:inline-flex;
	align-items:center;
	position:relative;
	z-index:3;
	justify-content:center;
	text-align:center;
	overflow:hidden;
	transition:0.4s;
	font-family:var(--primary-font);
	font-size:16px;
	font-weight:600;
	line-height:26px;
	text-transform:uppercase;
	color:white;
	background:var(--base-color);
	border-radius:50px 50px 50px 50px;
	padding:8px 8px 8px 30px;
	gap:20px;
	&::before {
		content:"";
		z-index:-1;
		position:absolute;
		top:50%;
		left:100%;
		width:30px;
		height:30px;
		border-radius:50%;
		background:var(--second-color);
		transform-origin:100% 50%;
		transform:scale3d(1,2,1);
		transition:transform 0.4s,opacity 0.4s;
		transition-timing-function:cubic-bezier(0.7,0,0.9,1);
	}
	i {
		position:relative;
		z-index:2;
		transition:0.4s;
		color:white;
		background:#017eb9;
		font-size:26px;
		width:44px;
		height:44px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		border-radius:50px 50px 50px 50px;
	}
	&:hover {
		color:white;
		i {
			color:var(--second-color);
			background:white;
			transform:rotate(45deg);
		}
		&::before {
			transform:scale3d(10,9,1);
			transform-origin:110% 55%;
		}
	}
}
.build_button-wa {
	display:inline-flex;
	align-items:center;
	position:relative;
	z-index:3;
	justify-content:center;
	text-align:center;
	overflow:hidden;
	transition:0.4s;
	font-family:var(--primary-font);
	font-size:16px;
	font-weight:600;
	line-height:26px;
	text-transform:uppercase;
	color:var(--base-color);
	background:var(--bs-white);
	border-radius:50px 50px 50px 50px;
	padding:8px 8px 8px 30px;
	gap:20px;
	&::before {
		content:"";
		z-index:-1;
		position:absolute;
		top:50%;
		left:100%;
		width:30px;
		height:30px;
		border-radius:50%;
		background:var(--base-color);
		transform-origin:100% 50%;
		transform:scale3d(1,2,1);
		transition:transform 0.4s,opacity 0.4s;
		transition-timing-function:cubic-bezier(0.7,0,0.9,1);
	}
	i {
		position:relative;
		z-index:2;
		transition:0.4s;
		color:white;
		background:#017eb9;
		font-size:26px;
		width:44px;
		height:44px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		border-radius:50px 50px 50px 50px;
	}
	&:hover {
		color:white;
		i {
			color:var(--second-color);
			background:white;
			transform:rotate(45deg);
		}
		&::before {
			transform:scale3d(10,9,1);
			transform-origin:110% 55%;
		}
	}
}
.build_button-detail {
	display:inline-flex;
	align-items:center;
	position:relative;
	z-index:3;
	justify-content:center;
	text-align:center;
	overflow:hidden;
	transition:0.4s;
	font-family:var(--primary-font);
	font-size:14px;
	font-weight:600;
	line-height:26px;
	text-transform:uppercase;
	color:white;
	background:var(--base-color);
	border-radius:50px 50px 50px 50px;
	padding:8px 8px 8px 30px;
	gap:20px;
	&::before {
		content:"";
		z-index:-1;
		position:absolute;
		top:50%;
		left:100%;
		width:30px;
		height:30px;
		border-radius:50%;
		background:var(--second-color);
		transform-origin:100% 50%;
		transform:scale3d(1,2,1);
		transition:transform 0.4s,opacity 0.4s;
		transition-timing-function:cubic-bezier(0.7,0,0.9,1);
	}
	i {
		position:relative;
		z-index:2;
		transition:0.4s;
		color:white;
		background:#017eb9;
		font-size:17px;
		width:27px;
		height:27px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		border-radius:50px 50px 50px 50px;
	}
	&:hover {
		color:white;
		i {
			color:var(--second-color);
			background:white;
			transform:rotate(45deg);
		}
		&::before {
			transform:scale3d(10,9,1);
			transform-origin: 110% 55%;
		}
	}
}
/*==========================================================================* START WA/ APPO BTN / SCROLL TOP==========================================================================*/
.showhide {
	visibility:hidden;
	opacity:0;
}
.showhide.show {
	opacity:1;
	visibility:visible;
}
.flt-btn {
	border-radius:30px;
	display:flex;
	height:45px;
	min-width:45px;
	position:fixed;
	cursor:pointer;
	text-align:center;
	z-index:100;
	align-items:center;
	justify-content:center;
	transition:all 0.8s;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
}
.appo-btn {
	position:fixed;
	left:20px;
	bottom:100px;
	line-height:40px;
	color:#fff;
	background:var(--base-color);
}
.appo-btn a {
	color:#fff !important;
	display:block;
}
.wa-btn {
	position:fixed;
	left:20px;
	bottom:40px;
	line-height:48px;
	color:#fff;
	background:linear-gradient(to right,#61dc6a 0,#2bc911 100%,#61dc6a 200%);
}
.wa-btn a {
	color:#fff !important;
	height:100%;
}
.flt-btn span {
	vertical-align:middle;
	font-size:14px;
	letter-spacing:-15px;
	opacity:0;
	line-height:45px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.flt-btn:hover {
	color:#fff;
	padding:0 20px;
}
.flt-btn:hover span {
	opacity:1;
	letter-spacing:0;
	padding-left:5px;
}
.wa-btn::after {
	z-index:-1;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:45px;
	animation:ripple 1.6s ease-out infinite;
	opacity:1;
	background:#4bc75a;
	border-radius:30px;
	-webkit-animation:ripple 1.6s ease-out infinite;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
}
.appo-btn::after {
	z-index:-1;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:45px;
	animation:ripple 1.7s ease-out infinite;
	opacity:1;
	background:var(--base-color);
	border-radius:30px;
	-webkit-animation:ripple 1.7s ease-out infinite;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
}
button.scroll-top:focus {
	outline:none;
}
.scroll-top.open {
	bottom:40px;
}
.scroll-top {
	width:45px;
	height:45px;
	line-height:45px;
	position:fixed;
	bottom:105%;
	right:25px;
	font-size:16px;
	border-radius:50%;
	z-index:99;
	color:#fff;
	text-align:center;
	cursor:pointer;
	background:var(--base-color);
	transition:1s ease;
	border:none;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
.scroll-top span {
	color:#fff;
}
.scroll-top:after {
	position:absolute;
	z-index:-1;
	content:"";
	top:100%;
	left:5%;
	height:10px;
	width:90%;
	opacity:1;
	background:radial-gradient( ellipse at center,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80% );
	animation:ripple 1.7s ease-out infinite;
	-webkit-animation:ripple 1.7s ease-out infinite;
}
.wa-btn::after {
	z-index:-1;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:45px;
	animation:ripple 1.6s ease-out infinite;
	opacity:1;
	background:#4bc75a;
	border-radius:50%;
	-webkit-animation:ripple 1.6s ease-out infinite;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
@keyframes ripple {
	0% {
		transform:scale(0);
		opacity:1;
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		-o-transform:scale(0);
	}
	100% {
		transform:scale(1.5);
		opacity:0;
		-webkit-transform:scale(1.5);
		-moz-transform:scale(1.5);
		-ms-transform:scale(1.5);
		-o-transform: scale(1.5);
	}
}
/* END WA/ APPO BTN / SCROLL TOP */
.btn-group-very-sm>.btn,.btn-very-sm {
	--bs-btn-padding-y:0.4rem;
	--bs-btn-padding-x:1rem;
	--bs-btn-font-size:0.7rem;
	--bs-btn-border-radius:0.4rem;
}
.btn-group-very-sm>.btn-icon.btn,.btn-icon.btn-very-sm {
	padding-top:5px;
	padding-bottom:5px;
}
.btn-group-very-sm>.btn-icon.btn i,.btn-icon.btn-very-sm i {
	font-size: 0.8rem;
}
/*==========================================================================* Background Section==========================================================================*/
.background-1 {
	position:relative;
	z-index:1;
	overflow: hidden;
}
.background-1::before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	/* background:url('../../../images/lain-lain/bg-1.jpg');
	*/
	background:linear-gradient(to bottom,rgb(255 255 255),rgb(0 0 0 / 0%)),url("../Aset Desain/pakai/bg/3.webp");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	z-index:-1;
	opacity:0.1;
}
.bg-gradient {
	background:linear-gradient(to right,#ffffff,#f953531c);
}
.bg-gradient-layanan {
	background:linear-gradient(to bottom,#ffffff,#e0f0ff47);
}
.bg-gradient-artikel {
	background:linear-gradient(to top,#ffffff,#e0f0ff47);
}
.background-2 {
	position:relative;
	z-index:1;
	overflow:hidden;
}
.background-2::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../Aset Desain/pakai/bg/1.webp");
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:-1;
	opacity:0.09;
}
.background-3 {
	position:relative;
	z-index:1;
	overflow:visible;
}
.background-3::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../Aset Desain/pakai/bg/7.webp");
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	z-index:-1;
	opacity:0.08;
}
.background-4 {
	position:relative;
	z-index:1;
	overflow:hidden;
}
.background-4::before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:10%;
	height:100%;
	background:url("../Aset Desain/pakai/11.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top;
	z-index:-1;
	opacity:0.05;
}
.background-5 {
	position:relative;
	z-index:1;
	overflow:hidden;
}
.background-5::before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:url("../Aset Desain/pakai/5.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	z-index:-1;
	opacity:0.05;
}
.bg-artikel {
	position:absolute;
	width:100%;
	height:300px;
	background-color:#e5e5e5;
	opacity:0.5;
	z-index:-1;
}
.background-6 {
	position:relative;
	z-index:1;
	overflow:hidden;
}
.background-6::before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:linear-gradient(to top,rgb(255 255 255),rgb(0 0 0 / 0%)),url("../Aset Desain/pakai/grafis/2.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	z-index:-1;
	opacity: 0.03;
}
/*==========================================================================* Navbar==========================================================================*/
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
	color:var(--base-color);
}
.nav-link:focus,.nav-link:hover {
	color:var(--base-color);
}
.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
	color:var(--base-color);
}
@media (max-width:991.98px) {
	.navbar-expand-lg .navbar-brand {
		padding-top:10px;
		padding-bottom: 10px;
	}
}
/* Welcome Text */
.bg-dot.primary {
	background-image: radial-gradient(var(--base-color) 2px,transparent 2.5px);
}
/* Floating WA */
.btn-artikel {
	background:var(--second-color);
	border:2px solid var(--second-color);
}
btn-artikel:hover {
	background: var(-second-color);
}
/* Navbar */
/* .nav-link {
	color: var(--bs-blue);
}
*/
/* CKE Editor*/
.description-list a {
	color:var(--main-color);
}
.description-list ul li {
	list-style:initial;
}
.description-list p strong {
	color:var(--black);
}
.description-list hr {
	margin-top:0.25rem !important;
	margin-bottom: 0.25rem !important;
}
.header-title p strong {
	/* font-style:italic;
	*/
	text-decoration:underline;
}
.desc-cta p {
	margin-bottom: 0px;
}
/* Artikel */
article .artikel:hover .card-body a.btn-outline-primary {
	background-color:var(--bs-primary) !important;
	color:#ffffff !important;
}
.truncate-text {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
}
.truncate-text p {
	line-height: 1.6;
}
/* header page */
.image-wrapper-header.bg-overlay:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	/* z-index:1;
	*/
	/* border-radius:20px;
	*/
	width:100%;
	height:100%;
	background:linear-gradient(to right,rgb(16 26 37),rgb(0 0 0 / 32%));
}
.mt-n50p {
	transform:translateY(-70%);
}
.image-wrapper.bg-overlay:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	border-radius:50px 0px 50px 0px;
	width:100%;
	height:100%;
	background: linear-gradient(to right,#D90B06,rgb(0 0 0 / 32%));
}
/* Rental mobil */
.rental-mobil:hover {
	--bs-bg-opacity:1;
	background-color:rgba(var(--bs-blue-rgb),var(--bs-bg-opacity)) !important;
}
.rental-mobil:hover .card-body a.btn-blue {
	background-color:#fff !important;
	border-color:#fff !important;
	color:var(--bs-navy) !important;
}
.rental-mobil:hover .card-body h2 a,.rental-mobil:hover .card-body h3,.rental-mobil:hover .card-body h3 span {
	color: #fff !important;
}
/* Paket Wisata */
.paket-wisata:hover {
	--bs-bg-opacity:1;
	background-color:rgba(var(--bs-blue-rgb),var(--bs-bg-opacity)) !important;
}
.paket-wisata:hover .card-body .destination {
	background-color:#558df3 !important;
	color:#fff !important;
}
.paket-wisata:hover .card-body a.btn-blue {
	background-color:#fff !important;
	border-color:#fff !important;
	color:var(--bs-navy) !important;
}
.paket-wisata:hover .card-body h2 a {
	color:#fff !important;
}
.paket-wisata:hover .card-body h3 span {
	color:#fff !important;
}
.paket-wisata:hover .card-body h3 {
	color:#fff !important;
}
/*-------------------------------------------------------------- 02. Colors & Variables----------------------------------------------------------------*/:root {
	--themecolor:#ff7b29;
	--themecolor_secondary:#f16319;
	--theme_black:#06082d;
	--theme_white:#ffffff;
	--themecolor_bg:#f16319;
	--third_bg:#ff4a37;
	--theme_bg_primary:#f8f8f8;
	--theme_bg_secondary:#101010;
	--theme_bg_dark:#06082d;
	--main-header-border-color:#ececec;
	--theme_dark_border:#373747;
	--theme_light_border:#ececec;
	--theme_light_heading_text:#101010;
	--theme_dark_heading_text:#101010;
	--theme_light_body_text:#373747;
	--theme_dark_body_text:#c1c1c1;
	--theme-light-heading-1-font-color:#06082d;
	--theme-light-heading-2-font-color:#06082d;
	--theme-light-heading-3-font-color:#06082d;
	--theme-light-heading-4-font-color:#06082d;
	--theme-light-heading-5-font-color:#06082d;
	--theme-light-heading-6-font-color:#06082d;
	--theme-light-paragraph-font-color:#373747;
	--theme-light-main-nav-font-color:#373747;
	--theme-light-span-font-color:#373747;
	--theme-light-i-font-color:#373747;
	--theme-light-body-font-color:#373747;
	--theme-light-link-text-font-color:#373747;
	--theme-light-button-font-color:#373747;
	--theme-light-blockquote-font-color:#373747;
	--theme-light-li-font-color:#373747;
	--theme-dark-heading-1-font-color:#ffffff;
	--theme-dark-heading-2-font-color:#ffffff;
	--theme-dark-heading-3-font-color:#ffffff;
	--theme-dark-heading-4-font-color:#ffffff;
	--theme-dark-heading-5-font-color:#ffffff;
	--theme-dark-heading-6-font-color:#ffffff;
	--theme-dark-paragraph-font-color:#ffffff;
	--theme-dark-main-nav-font-color:#ffffff;
	--theme-dark-span-font-color:#ffffff;
	--theme-dark-i-font-color:#ffffff;
	--theme-dark-body-font-color:#ffffff;
	--theme-dark-link-text-font-color:#ffffff;
	--theme-dark-button-font-color:#ffffff;
	--theme-dark-blockquote-font-color:#ffffff;
	--theme-dark-li-font-color:#ffffff;
}
/*-------------------------------------------------------------- 03. Common Settings----------------------------------------------------------------*/:root {
	--theme-transition:all 0.4s ease;
	--header-height:100px;
	--offcanvas-toggle-bg:#f8f8f8;
	--offcanvas-toggle-Padding:30px;
	--offcanvas-toggle-color:#010101;
	--button-background-color:#ff4a37;
	--button-text-color:#ffffff;
	--button-padding:16px 32px;
	--button-gap:10px;
	--button-border-radious:0px;
	--button-border:0px;
	--social-icon-gap:5px;
	--social-icon-padding:12px 15px 10px 15px;
	--social-icon-color:#010101;
	--social-icon-bg-color:#f8f8f8;
	--social-icon-bg-hover-color:#ff4a37;
	--social-icon-color:#010101;
	--social-icon-hover-color:#ffffff;
	--social-darktheme-icon-bg-color: #373747;
}
/* Text Underline Animation */
.cs-text_b_line {
	display:inline-flex;
	align-items:center;
	gap:5px;
}
.cs-text_b_line i {
	color:var(--base-color);
	line-height:0px;
}
.cs-text_b_line span {
	display:inline-block;
	position:relative;
	color:#808896;
}
.cs-text_b_line.cs_white_color span {
	color:var(--theme_white);
}
.cs-text_b_line.cs_white_color i {
	color:var(--theme_white);
}
.cs-text_b_line span:before {
	content:"";
	position:absolute;
	height:1px;
	width:100%;
	bottom:0;
	left:0;
	background-color:currentColor;
	transform:scaleX(0);
	transform-origin:0 50%;
	transition:transform 0.6s ease-out;
}
.cs-text_b_line:hover span::before {
	transform:scaleX(1);
	transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
}
/*-------------------------------------------------------------- 22. Project Case study----------------------------------------------------------------*/
.project-masonry {
	width:100vw;
	display:flex;
	align-items:center;
	justify-content:center;
}
.project-masonry .cs-project-item {
	overflow:hidden;
	transition:transform 0.3s;
}
.project-masonry .cs-project-item .cs-project-item-content-in {
	position:relative;
}
.project-masonry.cs-project-item.cs-project-item-content-in.project-meta-data {
	position:absolute;
	width:90%;
	height:90%;
	padding:40px;
	bottom:5%;
	top:5%;
	right:5%;
	left:5%;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
	transition:all 0.4s ease-in-out;
	color:var(--theme_white);
}
.project-masonry.cs-project-item.cs-project-item-content-in.project-meta-data.tag-item {
	margin-bottom:15px;
}
.project-masonry.cs-project-item.cs-project-item-content-in.project-meta-datah4,.project-masonry.cs-project-item.cs-project-item-content-in.project-meta-datah5 {
	color:var(--theme_white);
	margin-bottom:10px;
	transition:var(--theme-transition);
	transform-origin:left;
}
.project-masonry.cs-project-item.cs-project-item-content-in.project-meta-datah4:hover,.project-masonry.cs-project-item.cs-project-item-content-in.project-meta-datah5:hover {
	transition:var(--theme-transition);
	transform:scaleX(0.95);
	font-weight:400;
}
.project-masonry.cs-project-item.cs-project-item-content-in:hover.project-meta-data {
	opacity:1;
}
.project-masonry .cs-project-item img {
	width:100%;
	height:auto;
	display:block;
}
@media screen and (max-width:1400px) {
	.project-masonry .tag-item {
		display:none;
	}
	.project-masonry .cs-project-item .cs-project-item-content-in:hover .project-meta-data {
		width:100%;
		height:100%;
		padding:30px;
		bottom:50px;
		top:0;
		right:0;
		left:0;
		display:flex;
		align-items:center;
		justify-content:center;
		background-color:var(--theme_black);
	}
}
@media screen and (max-width:1199px) {
	.projects-list .project-item .project-item-in img {
		width:100vw;
	}
	.project-masonry {
		display:flex;
		flex-wrap:wrap;
		max-width:960px;
		margin:auto;
	}
	.project-masonry .cs-project-item.first {
		width:50%;
	}
	.project-masonry .cs-project-item.first .cs-project-item-content-in img {
		height:450px;
		-o-object-fit:cover;
		object-fit:cover;
	}
	.project-masonry .cs-project-item.second {
		width:50%;
	}
	.project-masonry .cs-project-item.second .cs-project-item-content-in img {
		height:450px;
		-o-object-fit:cover;
		object-fit:cover;
	}
	.project-masonry .cs-project-item.third {
		display:flex;
		width:100%;
	}
	.project-masonry .cs-project-item.third .cs-project-item-content-in img {
		height:400px;
		-o-object-fit:cover;
		object-fit:cover;
	}
}
@media screen and (max-width:700px) {
	.project-masonry .cs-project-item.first {
		width:100%;
	}
	.project-masonry .cs-project-item.first .cs-project-item-content-in img {
		max-height:350px;
	}
	.project-masonry .cs-project-item.second {
		width:100%;
	}
	.project-masonry .cs-project-item.second .cs-project-item-content-in img {
		max-height:350px;
	}
	.project-masonry .cs-project-item.third {
		width:100%;
	}
	.project-masonry .cs-project-item.third .cs-project-item-content-in img {
		max-height:350px;
	}
}
.cs-border-pr {
	height:100%;
	width:1px;
	background-color:var(--base-color);
	margin:auto;
}
.process-item {
	padding:40px;
	background:var(--theme_bg_primary);
	border-left:3px solid var(--base-color);
}
.p-info-item {
	margin-bottom:15px;
}
.p-info-item p {
	margin:0px;
}
.p-info-item h6 {
	font-size:18px;
}
.project-info {
	border-left:1px solid var(--theme_white);
	padding-left:20px;
}
.wcu-item {
	padding:50px;
}
.project-item {
	position:relative;
	display:flex;
	align-items:center;
	overflow:hidden;
	cursor:pointer;
}
.project-item .project-item-in {
	position:relative;
	overflow:hidden;
}
.project-item .project-item-in img {
	width:100%;
	height:auto;
	transition:transform 0.3s ease-in-out;
}
.project-item .tag-item {
	margin-bottom:15px;
	opacity:0.8;
}
.project-item .tag-item:hover {
	opacity:1;
}
.project-item h5,.project-item h4 {
	transition:var(--theme-transition);
	margin-bottom:10px;
}
.project-item h5:hover,.project-item h4:hover {
	color:var(--base-color);
	transition:var(--theme-transition);
}
.project-item .project-item-text {
	position:absolute;
	bottom:0%;
	left:30%;
	transform:translate(0%,0%) scale(0.9);
	padding:40px;
	opacity:0;
	visibility:hidden;
	transition:var(--theme-transition);
	width:90%;
	background:var(--theme_white);
}
.project-item:hover .project-item-in img {
	transform:scale(1.1);
}
.project-item:hover .project-item-text {
	transform:translate(-10%,-20%) scale(1);
	opacity:1;
	visibility:visible;
}
.project-item:hover .project-item-text .cs-text_b_line i {
	transform:translateX(5px);
}
@media screen and (max-width:500px) {
	.project-item:hover .project-item-text {
		transform:translate(0%,-5%) scale(1);
	}
}
@media screen and (max-width:991px) {
	.project-item .project-item-text {
		width:100%;
		padding:25px;
		left:0px !important;
		bottom:0px;
	}
	.project-item:hover .project-item-text {
		transform:translate(0%,-5%) scale(1);
		bottom: 0px;
	}
}
/*-------------------------------------------------------------- 22. Service / Keunggulan----------------------------------------------------------------*/
.single-service-one {
	background:#1e1e20;
	padding:40px;
	border-radius:10px;
	position:relative;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.single-service-one {
		padding:20px;
	}
}
@media only screen and (max-width:575px) {
	.single-service-one {
		padding:15px;
	}
}
.single-service-one .water-mark {
	color:#28282e;
	position:absolute;
	right:40px;
	top:75px;
	font-size:40px;
	text-transform:uppercase;
	font-weight:700;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.single-service-one .water-mark {
		font-size:24px;
	}
}
@media only screen and (max-width:479px) {
	.single-service-one .water-mark {
		display:none;
	}
}
.single-service-one .icon {
	height:99px;
	width:99px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#141416;
	margin-bottom:40px;
	border-radius:10px;
	transition:0.3s;
}
.single-service-one .inner {
	background:#141416;
	padding:30px;
	border-radius:10px;
}
.single-service-one .inner .title {
	margin-bottom:16px;
	font-size:22px;
}
.single-service-one .inner p {
	color:#7c7c84;
	margin-bottom:16px;
	font-size:15px;
}
.single-service-one .inner a.read-more-narrow {
	color:#f84e1d;
}
.single-service-one:hover .icon {
	background:#f84e1d;
}
.swiper-area-wrapper {
	position:relative;
}
.swiper-area-wrapper .swiper-button-next,.swiper-area-wrapper .swiper-button-prev {
	height:50px;
	width:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#1e1e20;
	border:1px solid #34343a;
	border-radius:10px;
	transition:0.3s;
}
.swiper-area-wrapper .swiper-button-next::after,.swiper-area-wrapper .swiper-button-prev::after {
	display:none;
}
.swiper-area-wrapper .swiper-button-next i,.swiper-area-wrapper .swiper-button-prev i {
	color:#fff;
}
.swiper-area-wrapper .swiper-button-next:hover,.swiper-area-wrapper .swiper-button-prev:hover {
	background:var(--color-primary);
	border-color:var(--color-primary);
}
.swiper-area-wrapper .swiper-button-next {
	right:-100px;
	left:auto;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.swiper-area-wrapper .swiper-button-next {
		right:-27px;
	}
}
.swiper-area-wrapper .swiper-button-prev {
	left:-100px;
	right:auto;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.swiper-area-wrapper .swiper-button-prev {
		left:-27px;
	}
}
.mySwiper-service-one {
	position:relative;
}
.marque-area-wrapper {
	width:130%;
}
.marque-area-wrapper span {
	font-size:180px;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
	color:#1b1b1e;
}
.title-wrapper-left span.pre {
	color:var(--color-primary);
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
}
.title-wrapper-left .title {
	color:#141416;
	font-size:44px;
	margin-top:15px;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.title-wrapper-left .title {
		font-size:32px;
	}
}
@media only screen and (max-width:767px) {
	.title-wrapper-left .title {
		font-size:28px;
	}
}
@media only screen and (max-width:575px) {
	.title-wrapper-left .title {
		font-size:26px;
	}
	.title-wrapper-left .title br {
		display:none;
	}
}
.single-choose-us-one {
	display:flex;
	align-items:center;
	gap:30px;
	margin-bottom:40px;
}
@media only screen and (max-width:575px) {
	.single-choose-us-one {
		flex-direction:column;
		align-items:flex-start;
	}
}
.single-choose-us-one:last-child {
	margin-bottom:0;
}
.single-choose-us-one .icon {
	height:90px;
	min-width:90px;
	border-radius:50%;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.single-choose-us-one .icon span {
	position:absolute;
	height:30px;
	width:30px;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#ffffff;
	border:1px solid #e4ded8;
	box-shadow:0px 4px 29px rgba(57,46,35,0.18);
	color:#f84e1d;
	font-weight:600;
}
.single-choose-us-one .title {
	color:#141416;
	font-size:22px;
	margin-bottom:10px;
}
.single-choose-us-one p.disc {
	color:#7c7c84;
}
.service-single-wrapper {
	padding:50px;
	background:#fff;
	border-radius:10px;
}
@media only screen and (max-width:991px) {
	.service-single-wrapper {
		padding:25px;
	}
}
.service-single-wrapper .icon {
	height:90px;
	background:#efebe7;
	width:90px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:100%;
}
.service-single-wrapper .title {
	color:#141416;
	font-size:22px;
	margin-top:33px;
	margin-bottom:15px;
}
.service-single-wrapper p.disc {
	margin-bottom:30px;
}
.tab-area-service-button {
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-radius:10px 10px 0 0;
	overflow:hidden;
}
@media only screen and (max-width:991px) {
	.tab-area-service-button {
		justify-content:flex-start;
		gap:10px;
	}
}
.tab-area-service-button li.nav-item {
	width:max-content;
	flex-basis:24.5%;
	margin:0;
}
@media only screen and (max-width:991px) {
	.tab-area-service-button li.nav-item {
		flex-basis:21.5%;
	}
}
.tab-area-service-button li.nav-item button.nav-link {
	background:#ffffff;
	height:80px;
	display:block;
	width:100%;
	font-weight:600;
	color:#141416;
	border:none;
	box-shadow:none;
	font-size:20px;
}
@media only screen and (max-width:991px) {
	.tab-area-service-button li.nav-item button.nav-link {
		font-size:18px;
	}
}
@media only screen and (max-width:767px) {
	.tab-area-service-button li.nav-item button.nav-link {
		height:64px;
		font-size:16px;
	}
}
.tab-area-service-button li.nav-item button.nav-link:hover {
	border:none;
	box-shadow:none;
}
.tab-area-service-button li.nav-item button.nav-link.active {
	background:#f84e1d;
	color:#fff;
}
.service-content-inner-wrapper {
	background-image:url(../images/service/02.webp);
	padding:80px;
	border-radius:0 0 10px 10px;
}
@media only screen and (max-width:575px) {
	.service-content-inner-wrapper {
		padding:30px;
	}
}
.service-content-inner-wrapper .inner {
	max-width:63%;
}
@media only screen and (max-width:991px) {
	.service-content-inner-wrapper .inner {
		max-width:100%;
	}
}
.service-content-inner-wrapper .inner .title {
	font-size:30px;
}
@media only screen and (max-width:575px) {
	.service-content-inner-wrapper .inner .title {
		font-size:22px;
	}
}
.service-content-inner-wrapper .inner p.disc {
	color:#7c7c84;
	margin-bottom:28px;
}
.service-content-inner-wrapper .inner .wrapper-check-area-start {
	max-width:400px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	column-gap:45px;
	row-gap:15px;
}
.service-content-inner-wrapper .inner .wrapper-check-area-start .single {
	display:flex;
	align-items:center;
	gap:15px;
}
.service-content-inner-wrapper .inner .wrapper-check-area-start .single p {
	color:#ffffff;
	margin:0;
	font-size:16px;
}
.service-content-inner-wrapper .inner .wrapper-check-area-start .single i {
	font-size:18px;
	color:var(--color-primary);
}
.service-content-inner-wrapper .inner .rts-btn {
	margin-top:35px;
}
.service-content-inner-wrapper .inner .rts-btn::after {
	background:#fff;
}
.service-content-inner-wrapper .inner .rts-btn:hover {
	color:var(--color-primary);
}
.cta-wrapper-inner .rts-btn::after {
	background:#141416;
}
.container-1730 {
	max-width:1730px;
	margin: auto;
}
.service-bg_image-3 {
	border-radius:10px;
	height:300px;
	/* background-image:url(../../../images/lain-lain/bg-keunggulan.webp);
	*/
	background:linear-gradient( to bottom,rgb(47 57 90 / 88%),rgb(46 55 89 / 88%) ),url("../../../images/lain-lain/bg-keunggulan.webp");
}
.mt-dec--130 {
	margin-top:-130px;
}
.single-service-area-3 {
	padding:30px;
	position:relative;
	background:#fff;
	overflow:hidden;
	display:block;
	border-radius:10px;
	height:100%;
}
.single-service-area-3 .icon {
	position:absolute;
	left:0;
	top:0;
	border-radius:0 0 10px 0;
	height:105px;
	width:105px;
	background:var(--base-color);
	display:flex;
	align-items:center;
	justify-content:center;
}
.single-service-area-3 .icon img {
	width:60% !important;
}
.single-service-area-3 span.number {
	position:absolute;
	color:#efebe7;
	right:20px;
	top:0px;
	font-size:70px;
	font-weight:700;
	font-family:var(--font-secondary);
}
.single-service-area-3 .title {
	margin-top:100px;
	color:#141416;
	font-size:22px;
	margin-bottom:10px;
	transition:0.3s;
}
.single-service-area-3 .title:hover {
	color:var(--base-color);
}
.single-service-area-3 p.disc {
	margin-bottom:10px;
	font-size:15px;
	color:#7c7c84;
}
.single-service-area-3 .read-more-btn {
	color:var(--color-primary);
	font-weight:600;
	max-width:max-content;
}
.single-service-area-3 .read-more-btn i {
	transition:0.3s;
}
.single-service-area-3 .read-more-btn:hover i {
	margin-left:5px;
}
.title-center-wrapper-4 {
	text-align:center;
}
.title-center-wrapper-4 .title {
	font-size:44px;
	line-height:1.2;
}
@media only screen and (max-width:992px) {
	.service-bg_image-3 {
		height:400px;
	}
}
@media only screen and (max-width:767px) {
	.title-center-wrapper-4 .title {
		font-size:32px;
	}
	.single-service-area-3 .icon {
		height:86px;
		width:86px;
	}
	.single-service-area-3 .title {
		margin-top:75px;
	}
}
@media only screen and (max-width:479px) {
	.title-center-wrapper-4 .title {
		font-size:26px;
	}
}
.single-service-style-4 {
	background:#141416;
	border-radius:10px;
	overflow:hidden;
}
.single-service-style-4 .top {
	padding:40px;
}
@media only screen and (max-width:479px) {
	.single-service-style-4 .top {
		padding:25px;
	}
}
.single-service-style-4 .top .icon {
	height:80px;
	width:80px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#1e1e20;
	border:1px solid #2e2e31;
	border-radius:5px;
	margin-bottom:26px;
}
.single-service-style-4 .top .title {
	margin-bottom:7px;
}
.single-service-style-4 .top p.disc {
	color:#7c7c84;
	margin-bottom:0;
}
.single-service-style-4 .thumbnail {
	position:relative;
	display:block;
	overflow:hidden;
	z-index:1;
	border-radius:10px;
}
.single-service-style-4 .thumbnail::after {
	position:absolute;
	content:"";
	left:0;
	top:0;
	width:100%;
	height:0%;
	bottom:0;
	background:var(--color-primary);
	z-index:0;
	transition:0.3s;
}
.single-service-style-4 .thumbnail .hidden-content {
	position:absolute;
	left:50%;
	top:50%;
	min-width:max-content;
	transform:translate(-50%,-50%) scale(0);
	z-index:1;
	transition:0.3s;
}
.single-service-style-4 .thumbnail .hidden-content .rts-btn {
	height:45px;
}
.single-service-style-4 .thumbnail .hidden-content .rts-btn::after {
	background:#141416;
}
.single-service-style-4:hover .thumbnail::after {
	height:100%;
}
.single-service-style-4:hover .hidden-content {
	transform:translate(-50%,-50%) scale(1);
}
.rts-service-area-five {
	background:#1b1b1e;
}
.wrapper-column-service-area {
	height:100%;
}
.service-main-wrapper-5 {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
@media only screen and (max-width:1199px) {
	.service-main-wrapper-5 {
		flex-wrap:wrap;
		justify-content:center;
	}
	.service-main-wrapper-5>div {
		flex-basis:50%;
	}
}
@media only screen and (max-width:767px) {
	.service-main-wrapper-5 {
		flex-wrap:wrap;
		justify-content:center;
	}
	.service-main-wrapper-5>div {
		flex-basis:100%;
	}
}
.single-service-area-five {
	padding:60px;
	width:540px;
	border:1px solid #2e2e31;
	height:50%;
	height:354px;
	position:relative;
	z-index:1;
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
	.single-service-area-five {
		width:440px;
	}
}
@media only screen and (max-width:1199px) {
	.single-service-area-five {
		flex-basis:100%;
		width:100%;
	}
}
@media only screen and (max-width:767px) {
	.single-service-area-five {
		padding:40px;
	}
}
.single-service-area-five:hover::after {
	opacity:0.2;
}
.single-service-area-five:hover .icon-area::after {
	background:rgb(248,78,29);
}
.single-service-area-five::after {
	content:"";
	position:absolute;
	width:87px;
	height:87px;
	left:70px;
	top:70px;
	background:#f84e1d;
	mix-blend-mode:normal;
	opacity:0.2;
	filter:blur(30px);
	z-index:-1;
	transition:0.3s;
	opacity:0;
}
.single-service-area-five.bottom-border-none {
	border-bottom:none;
}
.single-service-area-five .icon-area {
	display:flex;
	align-items:center;
	gap:15px;
	margin-bottom:25px;
	position:relative;
	z-index:1;
}
.single-service-area-five .icon-area::after {
	content:"";
	position:absolute;
	width:50px;
	height:50px;
	left:-15px;
	top:-22px;
	background:rgba(248,78,29,0.1);
	border-radius:5px;
	z-index:-1;
	transition:0.3s;
}
.single-service-area-five .icon-area .icon {
	width:87px;
	height:87px;
	background:#141416;
	border:1px solid #2e2e31;
	border-radius:5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.single-service-area-five .icon-area p {
	font-weight:700;
	font-size:40px;
	line-height:48px;
	display:flex;
	align-items:center;
	text-transform:uppercase;
	color:#28282e;
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
	.single-service-area-five .icon-area p {
		font-size:36px;
	}
}
@media only screen and (max-width:575px) {
	.single-service-area-five .icon-area p {
		font-size:22px;
	}
}
.single-service-area-five a .title {
	color:#fff;
	font-size:22px;
	margin-bottom:12px;
	transition:0.3s;
}
.single-service-area-five a:hover .title {
	color:var(--color-primary);
}
.single-service-area-five p.disc {
	color:#7c7c84;
	margin-bottom:25px;
}
.single-service-area-five a.read-more {
	color:var(--color-primary);
	font-weight:600;
}
.service-wrapper-bg-mid-5 {
	background-image:url(../images/service/07.webp);
	width:100%;
	height:709px;
	display:flex;
	align-items:center;
}
@media only screen and (max-width:575px) {
	.service-wrapper-bg-mid-5 {
		height:500px;
	}
}
.service-inner-title-wrapper-five {
	text-align:center;
	max-width:529px;
	margin:auto;
}
.service-inner-title-wrapper-five span.pre {
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
	color:var(--color-primary);
}
.service-inner-title-wrapper-five .title {
	text-transform:uppercase;
	font-size:44px;
	margin-top:10px;
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
	.service-inner-title-wrapper-five .title {
		font-size:24px;
	}
}
@media only screen and (max-width:1199px) {
	.service-inner-title-wrapper-five .title {
		text-transform:uppercase;
		font-size:28px;
		margin-top:10px;
		line-height:1.4;
	}
}
.service-inner-title-wrapper-five .rts-btn {
	margin:auto;
}
.service-inner-title-wrapper-five p.disc {
	font-size:18px;
	color:#7c7c84;
	line-height:1.6;
}
.single-service-area-inner {
	overflow:hidden;
	border-radius:10px;
	display:block;
}
.single-service-area-inner .thumbnail {
	display:block;
	overflow:hidden;
}
.single-service-area-inner .thumbnail img {
	transition:0.3s;
}
.single-service-area-inner .innr {
	padding:30px;
	background:#fff;
}
.single-service-area-inner .innr .title {
	color:var(--color-title);
	transition:0.3s;
	margin-bottom:14px;
}
.single-service-area-inner .innr .title:hover {
	color:var(--color-primary);
}
.single-service-area-inner .innr p.disc {
	font-size:16px;
	margin-bottom:20px;
}
.single-service-area-inner .innr .check-wrapper .single {
	display:flex;
	align-items:center;
	gap:13px;
}
.single-service-area-inner .innr .check-wrapper .single i {
	color:var(--color-title);
}
.single-service-area-inner .innr .check-wrapper .single p {
	margin-bottom:0;
	color:var(--color-title);
	font-weight:500;
}
.single-service-area-inner .innr a.btn {
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--color-title);
	transition:0.3s;
	font-size:18px;
	max-width:max-content;
	padding:0;
	margin:0;
	margin-top:25px;
}
.single-service-area-inner .innr a.btn:hover {
	color:var(--color-primary);
	gap:15px;
}
.single-service-area-inner:hover .thumbnail img {
	transform:scale(1.05);
}
.service-main-wrapper-tabs {
	border-radius:15px;
	overflow:hidden;
	display:block;
	background:#fff;
}
.service-main-wrapper-tabs .nav {
	display:flex;
	align-items:center;
	background:#fff;
	margin:0;
	padding:0;
	border-bottom:1px solid #d9d9d9;
}
.service-main-wrapper-tabs .nav li {
	margin:0;
	padding:0;
	border:none !important;
}
.service-main-wrapper-tabs .nav li button {
	padding:21px 25px;
	border-color:transparent !important;
	text-transform:uppercase;
	font-weight:500;
	color:#141416;
	font-size:18px;
}
@media only screen and (max-width:575px) {
	.service-main-wrapper-tabs .nav li button {
		padding:10px;
	}
}
.service-main-wrapper-tabs .nav li button.active {
	background-color:transparent;
	color:var(--color-primary);
}
.service-main-wrapper-tabs .tab-content .inner-wrapper-tab-service-wrapper {
	padding:40px;
}
@media only screen and (max-width:575px) {
	.service-main-wrapper-tabs .tab-content .inner-wrapper-tab-service-wrapper {
		padding:20px;
	}
}
.service-main-wrapper-tabs.tab-content.inner-wrapper-tab-service-wrapper.single {
	display:flex;
	align-items:center;
	gap:25px;
	margin-bottom:35px;
}
@media only screen and (max-width:575px) {
	.service-main-wrapper-tabs .tab-content .inner-wrapper-tab-service-wrapper .single {
		flex-direction:column;
		align-items:flex-start;
		gap:25px;
	}
}
.service-main-wrapper-tabs.tab-content.inner-wrapper-tab-service-wrapper.single:last-child {
	margin-bottom:0;
}
.service-main-wrapper-tabs.tab-content.inner-wrapper-tab-service-wrapper.single.icon {
	height:50px;
	min-width:50px;
	background:#f6f2f0;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.service-main-wrapper-tabs.tab-content.inner-wrapper-tab-service-wrapper.single.iconi {
	color:var(--color-primary);
}
.service-main-wrapper-tabs.tab-content.inner-wrapper-tab-service-wrapper.single.inner-content {
	font-size:18px;
}
@media only screen and (max-width:575px) {
	.service-main-wrapper-tabs .tab-content .inner-wrapper-tab-service-wrapper .single .inner-content {
		font-size:16px;
	}
}
.service-main-wrapper-tabs.tab-content.inner-wrapper-tab-service-wrapper.single.inner-contentb {
	color:#141416;
}
.service-details-inner-area-wrapper {
	margin-top:30px;
}
.service-details-inner-area-wrapper .title {
	color:var(--color-title);
	font-size:40px;
}
.call-to-action-area-service {
	height:393px;
	background-image:url(../images/cta/03.webp);
	border-radius:15px;
	display:flex;
	align-items:center;
	padding-left:100px;
}
@media only screen and (max-width:767px) {
	.call-to-action-area-service {
		height:auto;
		padding:40px;
	}
}
@media only screen and (max-width:575px) {
	.call-to-action-area-service {
		padding:25px;
	}
}
.call-to-action-area-service .inner {
	max-width:60%;
}
@media only screen and (max-width:767px) {
	.call-to-action-area-service .inner {
		max-width:100%;
	}
}
.call-to-action-area-service .inner .title {
	font-size:40px;
}
@media only screen and (max-width:767px) {
	.call-to-action-area-service .inner .title {
		font-size:32px;
	}
}
.call-to-action-area-service .inner p.disc {
	color: #ffffff;
}
/*-------------------------------------------------------------- 16. Services Style----------------------------------------------------------------*/
.services-wrapper .service-item {
	position:relative;
	cursor:pointer;
}
.services-wrapper .service-item .services-content {
	padding-top:15px;
	padding-bottom:15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid var(--theme_light_border);
	position:relative;
}
.services-wrapper .service-item .services-content .the-plus {
	color:var(--base-color);
	cursor:pointer;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	transition:var(--theme-transition);
}
.services-wrapper .service-item .services-content .the-srv-title {
	padding-left:15px;
}
.services-wrapper .service-item .services-content::after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	height:1px;
	background-color:var(--base-color);
	transition:width 0.5s ease;
	opacity:0.5;
}
.services-wrapper .service-item:hover .services-content::after {
	width:100%;
}
.services-wrapper .service-item:hover .the-plus {
	background-color:var(--base-color);
	color:var(--theme_white);
	filter:drop-shadow(4px 4px 4px rgba(20,118,216,0.25));
}
.services-wrapper .service-item:hover .srv-the-hover {
	opacity:1;
	transform:translateY(0);
}
.services-wrapper .service-item:hover .srv-img img {
	transform:scale(1.1) rotate(3deg);
	filter:brightness(0.8) saturate(1.2);
}
.services-wrapper .service-item .srv-img {
	position:relative;
	width:100%;
	overflow:hidden;
}
.services-wrapper .service-item .srv-img img {
	display:block;
	width:100%;
	height:auto;
	transition: transform 0.6s ease,filter 0.6s ease;
}
.services-wrapper .service-item .srv-the-hover {
	text-align:right;
	/* max-width:285px;
	*/
	position:absolute;
	right:20px;
	left:20px;
	bottom:90px;
	opacity:0;
	transform:translateY(20px);
	transition:opacity 0.4s ease,transform 0.4s ease;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
.services-wrapper .service-item .srv-the-hover p {
	background-color:var(--theme_white);
	padding:20px;
	border-right:3px solid var(--base-color);
}
@media screen and (max-width:1199px) {
	.widget-sidebar {
		margin-top:50px;
	}
}
@media screen and (max-width:767px) {
	.service-item {
		max-width:26.875rem;
		margin:auto;
	}
}
.cs-border-icon {
	background:var(--base-color);
	border-radius:150px;
	display:inline-block;
	height:70px;
	width:70px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:15px;
}
.cs-border-icon img {
	position:absolute;
}
.process-item p {
	margin:0px;
}
.srv-pagination {
	text-align:center;
}
.srv-pagination .swiper-pagination-bullet {
	background:var(--base-color);
	opacity:0.2;
}
.srv-pagination .swiper-pagination-bullet-active {
	background:var(--base-color);
	opacity:1;
}
.service-slider {
	overflow:hidden;
}
.service-slider .swiper-slide {
	width: auto;
}
/*-------------------------------------------------------------- 09. General----------------------------------------------------------------*/
.background-parallax {
	position:relative;
	overflow:hidden;
}
.background-parallax .parallax-image {
	top:0;
	left:0;
}
.background-parallax .parallax-image img {
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.background-parallax .content-for-parallax {
	position:relative;
	z-index:2;
}
.max-height-750 {
	max-height:750px;
}
.cs-hover-card-anim {
	position:relative;
	overflow:hidden;
	transition:background-image var(--theme-transition);
}
.cs-hover-card-anim:hover {
	background-color:var(--theme_bg_primary);
	transition:background-image var(--theme-transition);
}
.cs-hover-card-anim .content-for-top {
	position:relative;
	z-index:10;
	transition:var(--theme-transition);
}
.magic {
	position:absolute;
	z-index:0;
	transition:var(--theme-transition);
	opacity:1;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
}
.cs-hover-card-anim[data-ser="hover-reveal"]:hover .magic {
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	width:50px;
	height:50px;
	border-radius:50%;
}
.animate-img-wrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
.animate-img-wrap .reveal {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--theme_bg_primary);
	z-index:9;
}
.animate-img-wrap .the-animated-image {
	-o-object-fit:cover;
	object-fit:cover;
	transform:scale(1.1);
}
.opacity05 {
	opacity:0.5;
}
.opacity02 {
	opacity:0.2;
}
.opacity01 {
	opacity:0.1;
}
.cs-animated-text {
	position:relative;
	text-transform:uppercase;
	overflow:hidden;
	background:linear-gradient(90deg,#000,#fff,#000);
	background-repeat:no-repeat;
	background-size:80%;
	animation:animate 3s linear infinite;
	-webkit-background-clip:text;
	-webkit-text-fill-color:rgba(255,255,255,0);
}
.swiper-button-next::after {
	display:none !important;
}
@keyframes animate {
	0% {
		background-position:-500%;
	}
	100% {
		background-position:500%;
	}
}
.theme-border-wrap {
	position:relative;
}
.theme-border-wrap .b-top-left {
	position:absolute;
	top:0;
	left:0;
	transition:var(--theme-transition);
	z-index:20;
}
.theme-border-wrap .b-top-right {
	position:absolute;
	top:0;
	right:0;
	transition:var(--theme-transition);
	z-index:20;
}
.theme-border-wrap .b-bottom-right {
	position:absolute;
	bottom:0;
	right:0;
	transition:var(--theme-transition);
	z-index:20;
}
.theme-border-wrap .b-bottom-left {
	position:absolute;
	bottom:0;
	left:0;
	transition:var(--theme-transition);
	z-index:20;
}
.theme-border-wrap:hover .b-top-left {
	top:20px;
	left:20px;
	transition:var(--theme-transition);
	opacity:0.3;
}
.theme-border-wrap:hover .b-top-right {
	top:20px;
	right:20px;
	transition:var(--theme-transition);
	opacity:0.3;
}
.theme-border-wrap:hover .b-bottom-right {
	bottom:20px;
	right:20px;
	transition:var(--theme-transition);
	opacity:0.3;
}
.theme-border-wrap:hover .b-bottom-left {
	bottom:20px;
	left:20px;
	transition:var(--theme-transition);
	opacity:0.3;
}
.theme-dark.theme-border-wrap .horizontal,.theme-dark.theme-border-wrap .verticle {
	background:var(--themecolor_secondary);
}
@keyframes horizontal-grow {
	0% {
		width:0;
	}
	100% {
		width:50px;
	}
}
@keyframes vertical-grow {
	0% {
		height:0;
	}
	100% {
		height:50px;
	}
}
.horizontal {
	width:50px;
	height:1px;
	background:var(--base-color);
	animation:horizontal-grow 0.5s ease-out forwards;
}
.verticle {
	width:1px;
	height:50px;
	background:var(--base-color);
	animation:vertical-grow 0.5s ease-out forwards;
}
.lg-gutter-control {
	margin-bottom:-30px;
}
.flex-end {
	align-items:flex-end;
}
.flex-start {
	align-items:flex-start;
}
blockquote {
	padding:50px;
	font-size:26px;
	line-height:140%;
	background:var(--theme_bg_primary);
}
@media screen and (min-width:1400px) {
	.stickysec-wrap {
		position:relative;
	}
	.stickysec-wrap .sticky-box {
		float:right;
		width:415px;
	}
	.stickysec-wrap .sticky-box .sticky-box-child {
		display:block;
		width:415px;
	}
	.stickysec-wrap .fixed-position {
		position:fixed;
		top:30px;
		width:415px;
	}
	.stickysec-wrap .absolute-position {
		position:absolute;
		bottom:25px;
		width:415px;
	}
}
.cs-heading-with-animation {
	position:relative;
}
.cs-heading-with-animation .cs-heading {
	z-index:2;
}
.cs-heading-with-animation.text-center {
	text-align:center !important;
	display:flex;
	justify-content:center;
}
.cs-animated-text {
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	opacity:0.08;
}
.cs-w-full {
	width:100%;
}
.cs-constr-arrow-wrap .constr-arrow-in {
	display:flex;
	gap:15px;
}
.cs-constr-arrow-wrap .constr-arrow-in i {
	font-size:20px;
	line-height:0px;
}
.cs-constr-arrow-wrap .constr-arrow-in .constr-nvigate {
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:50%;
	cursor:pointer;
}
.cs-constr-arrow-wrap .constr-arrow-in .cs-arrow-left {
	transform:rotate(-180deg);
}
.cs-max-width-200 {
	max-width:200px;
}
.max-width-800 {
	max-width:800px;
}
.max-width-700 {
	max-width:700px;
}
.max-width-600 {
	max-width:600px;
}
.max-width-1120 {
	max-width:1120px;
}
.max-width-740 {
	max-width:740px;
}
hr {
	margin:0;
	padding:0;
	border:none;
	/*border-top:1px solid #f2f1ff;
	*/
}
.jcb {
	justify-content:space-between;
}
.mp-0 {
	margin:0px;
	padding:0px;
}
.cs_bg {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.cs_vertical_middle {
	display:flex;
	align-items:center;
	min-height:100%;
}
.cs_vertical_middle_in {
	flex:none;
	width:100%;
}
.cs-flex {
	display:flex;
}
.cs_center {
	display:flex;
	align-items:center;
	justify-content:center;
}
label {
	margin-bottom:12px;
}
@media screen and (max-width:991px) {
	.cs_column_reverse_lg {
		flex-direction:column-reverse;
	}
	.cs_row_gap_150>div {
		margin-bottom:-30px;
	}
}
.cs_toggle {
	position:relative;
	font-size:18px;
	cursor:pointer;
	z-index:10000;
}
.cs_toggle .setting_mode {
	position:fixed;
	right:0;
	top:40%;
	-webkit-transition:all 0.2s;
	transform:translateY(-50%);
	transition:all 0.2s;
}
.cs_toggle .setting_mode button {
	border:none;
	background-color:#2b2b2f;
	padding:10px;
}
.cs_toggle .setting_mode button img {
	width:100%;
	height:30px;
}
.cs_toggle .setting_mode #clecel {
	display:none;
}
.cs_toggle .cs_mode_btn {
	position:fixed;
	right:-120px;
	top:40%;
	transform:translateY(-50%);
	transition:all 0.3s;
	mix-blend-mode:exclusion;
}
.cs_toggle .cs_mode_btn button {
	border:none;
	background-color:#2b2b2f;
	color:rgba(143,143,143,0.9333333333);
	padding:10px;
}
.cs_toggle .cs_mode_btn .active {
	color:#fff;
}
.cs-container-border {
	margin:auto;
	height:1px;
	background:var(--theme_light_border);
}
/* Scroll */::-webkit-scrollbar {
	width:5px;
	background:var(--theme_black);
	opacity:0.2;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
::-webkit-scrollbar-track {
	box-shadow:none;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
::-webkit-scrollbar-thumb {
	background:var(--base-color);
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
	background:var(--base-color);
	-webkit-transition:all 0.4s ease-in-out !important;
	transition:all 0.4s ease-in-out !important;
}
.cs-icon20-0 {
	font-size:20px;
	line-height: 0px;
}
/*--------------------------------------------------------------# Footer Section--------------------------------------------------------------*/
.cs_footer_widget_seperator {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:5px;
	margin-bottom:15px;
}
.cs_footer_widget_seperator span {
	height:5px;
	width:80px;
	border-radius:5px;
}
.cs_footer_widget_seperator span:nth-child(2) {
	width:15px;
}
.cs_footer_widget_seperator span:nth-child(3) {
	width: 6px;
}
/* Sosmed */
.cs_footer_widget .cs_social_btns.cs_style_1 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:10px;
}
.cs_social_btns.cs_style_1 a {
	width:26px;
	height:26px;
	font-size:11px;
	border:1px solid;
	border-color:var(--medium-gray);
}
.cs_footer_widget .cs_social_btns.cs_style_1 a {
	height:45px;
	width:45px;
	border-radius:6px;
	background-color:rgba(105,105,105,0.3);
	color:#fff;
	font-size:16px;
}
.cs_footer_widget .cs_social_btns.cs_style_1 a:hover {
	background-color:var(--base-color);
}
.cs_center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content: center;
}
/*--------------------------------------------------------------# Services Four--------------------------------------------------------------*/
.services-four {
	position:relative;
	display:block;
	padding:120px 0 90px;
	z-index:1;
}
.services-four__single {
	position:relative;
	display:block;
	margin-bottom:30px;
}
.services-four__img {
	position:relative;
	display:block;
	overflow:hidden;
	z-index:1;
	min-width:200px;
	max-width:100%;
	max-height:100%;
	min-height:100%;
}
.services-four__img::after {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(var(--elitecons-black-rgb),0.3);
	position:absolute;
	bottom:0;
	left:0;
	visibility:hidden;
	opacity:0;
	transition:all 0.4s ease-in-out;
	z-index:1;
}
.services-four__single:hover .services-four__img::after {
	visibility:visible;
	opacity:1;
}
.services-four__img img {
	width:100%;
	transform:scale(1);
	transition:all 0.4s ease-in-out;
	object-fit:cover;
}
.services-four__single:hover .services-four__img img {
	transform: scale(1.1);
}
.services-four__content {
	position:relative;
	display:block;
	background-color:var(--bs-white);
	border-bottom:2px solid var(--base-color);
	box-shadow:0px 0px 60px rgba(0,0,0,0.05);
	/* margin:-60px 20px 0;
	*/
	padding:17px 15px 15px;
	z-index:3;
}
.services-four__title {
	font-size:26px;
	font-weight:700;
	line-height:26px;
}
.services-four__title a {
	color:var(--elitecons-black);
}
.services-four__title a:hover {
	color:var(--elitecons-base);
}
.services-four__text {
	margin-top:6px;
	margin-bottom:33px;
}
.services-four__btn-box {
	position:relative;
	display:block;
}
.services-four__btn {
	position:relative;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
}
.services-four__btn span {
	font-size:14px;
}
.services-four__btn:hover {
	color: var(--elitecons-black);
}
/*--------------------------------------------------------------# Share Button--------------------------------------------------------------*/
.fabs {
	bottom:160px;
	position:fixed;
	/* margin:1em;
	*/
	z-index:100;
	left:20px;
}
.fab {
	display:block;
	width:45px;
	height:45px;
	border-radius:50%;
	text-align:center;
	color:white;
	margin:20px auto 0;
	/* box-shadow:0px 5px 11px -2px rgba(0,0,0,0.18),0px 4px 12px -7px rgba(0,0,0,0.15);
	*/
	cursor:pointer;
	-webkit-transition:all 0.1s ease-out;
	transition:all 0.1s ease-out;
	position:relative;
}
.fab>i {
	font-size:28px;
	line-height:60px;
	transition:all 0.2s ease-in-out;
	transition-delay:2s;
}
.fab.red {
	background:#f44336;
}
.fab.pink {
	background:#e91e63;
}
.fab.purple {
	background:#9c27b0;
}
.fab.deep-purple {
	background:#673ab7;
}
.fab.indigo {
	background:#3f51b5;
}
.fab.blue {
	background:#2196f3;
}
.fab.light-blue {
	background:#03a9f4;
}
.fab.cyan {
	background:#00bcd4;
}
.fab.teal {
	background:#009688;
}
.fab.green {
	background:#4caf50;
}
.fab.light-green {
	background:#8bc34a;
}
.fab.lime {
	background:#cddc39;
}
.fab.yellow {
	background:#ffeb3b;
}
.fab.amber {
	background:#ffc107;
}
.fab.orange {
	background:#ff9800;
}
.fab.deep-orange {
	background:#ff5722;
}
.fab.brown {
	background:#795548;
}
.fab.grey {
	background:#9e9e9e;
}
.fab.blue-grey {
	background:#607d8b;
}
.fab:active,.fab:focus,.fab:hover {
	/* box-shadow:0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
	*/
}
.fab:not(:last-child) {
	width:36px;
	height:36px;
	margin:20px auto 0;
	opacity:0;
}
.fab:not(:last-child)>i {
	font-size:18px;
	line-height:40px;
	transition:all 0.3s ease-in-out;
}
.fabs:hover .fab:not(:last-child) {
	opacity:1;
	width:40px;
	height:40px;
	margin:15px auto 0;
}
.fab:nth-last-child(1) {
	-webkit-transition-delay:25ms;
	transition-delay:25ms;
}
.fab:not(:last-child):nth-last-child(2) {
	-webkit-transition-delay:20ms;
	transition-delay:20ms;
}
.fab:not(:last-child):nth-last-child(3) {
	-webkit-transition-delay:40ms;
	transition-delay:40ms;
}
.fab:not(:last-child):nth-last-child(4) {
	-webkit-transition-delay:60ms;
	transition-delay:60ms;
}
.fab:not(:last-child):nth-last-child(5) {
	-webkit-transition-delay:80ms;
	transition-delay:80ms;
}
[tooltip]:before {
	font-family:"Manrope",sans-serif;
	font-weight:600;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-color:#585858;
	color:#fff;
	content:attr(tooltip);
	font-size:12px;
	visibility:hidden;
	opacity:0;
	padding:5px 7px;
	margin-right:10px;
	position:absolute;
	left:120%;
	bottom:5%;
	white-space:nowrap;
}
[tooltip]:hover:before,[tooltip]:hover:after {
	visibility:visible;
	opacity: 1;
}
/*==================================*/
.navbar .navbar-nav .nav-link::before {
	/* content:'• • •';
	*/
	/* content:'______';
	*/
	position:absolute;
	bottom:15px;
	left:50%;
	font-size:14px;
	color:var(--second-color);
	opacity:0;
	transition:opacity 0.3s ease;
	transform:translateX(-50%);
	white-space:nowrap;
}
.navbar .navbar-nav .nav-link:hover::before {
	opacity:1;
}
a.nav-link {
	position:relative;
	font-family:"Poppins",sans-serif;
	font-weight:400;
}
.brk-btn {
	position:relative;
	background:none;
	color:#062b91;
	text-transform:uppercase;
	text-decoration:none;
	border:0.2em solid #062b91;
	padding:0.5em 1em;
	width:75%;
	background-color:#062b91;
	border-radius:15px;
	&::before {
		content:"";
		display:block;
		position:absolute;
		width:10%;
		background:#fe6601;
		height:0.3em;
		right:20%;
		top:-0.21em;
		transform:skewX(-45deg);
		-webkit-transition:all 0.45s cubic-bezier(0.86,0,0.07,1);
		transition:all 0.45s cubic-bezier(0.86,0,0.07,1);
	}
	&::after {
		content:"";
		display:block;
		position:absolute;
		width:10%;
		background:#fe6601;
		height:0.3em;
		left:20%;
		bottom:-0.25em;
		transform:skewX(45deg);
		-webkit-transition:all 0.45 cubic-bezier(0.86,0,0.07,1);
		transition:all 0.45s cubic-bezier(0.86,0,0.07,1);
	}
	&:hover {
		&::before {
			right:80%;
		}
		&::after {
			left: 80%;
		}
	}
}
a.button-arrow {
	border:1px solid white;
	color:#3F3F3F;
	display:inline-block;
	font-size:14px;
	/* font-weight:bold;
	*/
	line-height:24px;
	margin:auto;
	padding:12px 32px 12px 82px;
	position:relative;
	text-decoration:none;
	background-color:#062b91;
	border-radius:25px;
}
a .label,a .icon-arrow {
	backface-visibility:hidden;
	transform:translateZ(0);
	perspective: 1000;
}
a .label {
	display:inline-block;
	transition:transform .5s cubic-bezier(0.86,0,0.07,1);
	/* color:#fe6601;
	*/
	color:white;
}
a .icon-arrow {
	fill:#fe6601;
	height:45px;
	top:-1px;
	transition:transform .5s cubic-bezier(0.86,0,0.07,1),opacity .4s cubic-bezier(0.86,0,0.07,1);
	width:30px;
}
a .icon-arrow.before {
	left:32px;
	margin-right:15px;
	position:absolute;
	transform-origin:left center;
}
a .icon-arrow.after {
	margin-left:15px;
	opacity:0;
	position:absolute;
	right:32px;
	transform:translateX(75%) scaleX(0.1);
	transform-origin:right center;
}
a:hover .label {
	transform:translateX(-52px);
}
a:hover .icon-arrow.before {
	opacity:0;
	transform:translateX(-75%) scaleX(0.1);
}
a:hover .icon-arrow.after {
	opacity:1;
	transform:translateX(0) scaleX(1);
}
a:active {
	border-color:#FD6154;
	color:#FD6154;
}
a:active .icon-arrow {
	fill: #FD6154;
}
/*---------*/
a.button-arrow {
	border:1px solid white;
	color:#3F3F3F;
	display:inline-block;
	font-size:14px;
	/* font-weight:bold;
	*/
	line-height:24px;
	margin:auto;
	padding:12px 32px 12px 82px;
	position:relative;
	text-decoration:none;
	background-color:#062b91;
	border-radius:25px;
}
a .label,a .icon-wa {
	backface-visibility:hidden;
	transform:translateZ(0);
	perspective: 1000;
}
a .label {
	display:inline-block;
	transition:transform .5s cubic-bezier(0.86,0,0.07,1);
	/* color:#fe6601;
	*/
	color:white;
}
a .icon-wa {
	fill:#fe6601;
	/* height:10px;
	*/
	top:-50px;
	transition:transform .5s cubic-bezier(0.86,0,0.07,1),opacity .4s cubic-bezier(0.86,0,0.07,1);
	width:30px;
}
a .icon-wa.before {
	left:32px;
	margin-right:15px;
	position:absolute;
	transform-origin:left center;
}
a .icon-wa.after {
	margin-left:15px;
	opacity:0;
	position:absolute;
	right:32px;
	transform:translateX(75%) scaleX(0.1);
	transform-origin:right center;
}
a:hover .label {
	transform:translateX(-52px);
}
a:hover .icon-wa.before {
	opacity:0;
	transform:translateX(-75%) scaleX(0.1);
}
a:hover .icon-wa.after {
	opacity:1;
	transform:translateX(0) scaleX(1);
}
a:active {
	border-color:#FD6154;
	color:#FD6154;
}
a:active .icon-wa {
	fill: #FD6154;
}
/*Kontak Kami*/
.contact-container {
	display:flex;
	flex-direction:column;
	gap:24px;
	padding:15px 15px;
	border-radius:10px;
	color:white;
	font-family:Arial,sans-serif;
	box-shadow:0 6px 12px rgba(0,0,0,0.1);
	/* SHADOW UNTUK CARD */
}
.contact-item {
	display:flex;
	align-items:flex-start;
	gap:16px;
}
.icon1 {
	width:60px;
	height:60px;
	background-color:white;
	border-radius:50%;
	align-items:center;
	justify-content:center;
	display:flex;
	box-shadow:0 4px 8px rgba(0,0,0,0.15);
	/* BOX SHADOW */
}
.icon1 img {
	width:70%;
}
.icon2 {
	width:60px;
	height:60px;
	background-color:white;
	border-radius:50%;
	align-items:center;
	justify-content:center;
	display:flex;
	box-shadow:0 4px 8px rgba(0,0,0,0.15);
}
.icon2 img {
	width:70%;
}
.text h4 {
	margin:0;
	color:#062b91;
	font-size:17px;
	font-weight:500;
}
.text p {
	margin:4px 0 0;
	font-size:14px;
	line-height: 1.4;
}
/*Portofolio*/
.img-urun-container {
	margin:5px;
	color:white;
	display:flex;
	flex-wrap:wrap;
}
.img-urun-container div {
	flex-grow:1;
	height:200px;
	margin:5px;
	padding:0px;
	border-radius:5px;
	overflow:hidden;
}
.img-urun-container img {
	border-radius:5px;
	object-fit:cover;
	object-position:center;
	width:100%;
	margin:0px;
	height:200px;
	filter:brightness(40%);
	transition:0.5s;
}
.img-urun-container div:hover img {
	transition:0.5s 0.4s;
	filter:brightness(100%);
	transform:scale(1.5);
}
.img-urun-container h2,.img-urun-container p,.img-urun-container a {
	z-index:10;
}
.img-urun-container h2 {
	position:absolute;
	margin-top:65px;
	margin-left:20px;
	color:white;
	font-size:20px;
}
.img-urun-container p {
	position:absolute;
	margin-top:120px;
	margin-left:20px;
	font-size:15px;
}
.img-urun-container a {
	font-size:16px;
	position:absolute;
	margin-top:150px;
	margin-left:20px;
	text-decoration:none;
	padding:7px;
	border-radius:5px;
	color:white;
	border:2px solid white;
	transition:0.3s;
}
.img-urun-container a:hover {
	background:#fff;
	color: #000;
}
.orang-2-pakai-kontak {
	position:absolute;
	width:20%;
	/* right:10px;
	*/
	left:0;
	bottom:-170px;
	opacity:0.2;
	animation:gerak 2s infinite alternate ease-in-out;
}
.orang-1-pakai {
	position:absolute;
	width:20%;
	right:10px;
	opacity:0.2;
	animation:gerak 2s infinite alternate ease-in-out;
}
.orang-2-pakai {
	position:absolute;
	width:20%;
	right:10px;
	left:0;
	opacity:0.2;
	animation:gerak 2s infinite alternate ease-in-out;
}
ul.layanan {
	padding-left:0;
	margin-bottom:0;
}
ul.kontak {
	padding-left:0;
	margin-bottom:0;
}
.link-column ul li {
	font-size:12px !important;
}
.logo-blur-pakai {
	position:absolute;
	width:30%;
	top:-70px;
	right:0;
	z-index:-1;
	opacity:0.09;
	animation:gerak 2s infinite alternate ease-in-out;
}
.line-circle {
	position:absolute;
	width:50%;
	top:40;
	left:0px;
	transform:scaleX(-1);
	z-index:0;
	opacity:0.3;
	animation: gerak 2s infinite alternate ease-in-out;
}
.corner-circle {
	position:absolute;
	width:30%;
	top:0;
	left:0px;
	/* transform:scaleX(-1);
	*/
	z-index:0;
	opacity:0.05;
	/* animation:gerak 2s infinite alternate ease-in-out;
	*/
}
.line-cross {
	position:absolute;
	width:30%;
	top:0;
	left:-50px;
	transform:scaleX(-1);
	z-index:-1;
	opacity:0.07;
	animation: gerak 2s infinite alternate ease-in-out;
}
.cable-atas-cross {
	position:absolute;
	width:30%;
	bottom:0px;
	right:0;
	transform:scaleX(1);
	z-index:-1;
	opacity:0.07;
	/* filter:brightness(1.2) sepia(1) saturate(5000%) hue-rotate(180deg);
	*/
	animation:gerak 2s infinite alternate ease-in-out;
}
.cable-bawah-cross {
	position:absolute;
	width:30%;
	/* top:0;
	*/
	bottom:-80px;
	/* left:-50px;
	*/
	z-index:-1;
	opacity:0.5;
	animation:gerak 2s infinite alternate ease-in-out;
}
.line-frame {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0px;
	left:0;
	right:0;
	z-index:-1;
	opacity:0.5;
	animation:zoomInOut 2s ease-in-out infinite;
	text-align:center;
}
@keyframes gerak {
	from {
		transform:translateX(0);
	}
	to {
		transform:translateX(30px);
	}
}
@keyframes zoomInOut {
	0%,100% {
		transform:scale(1);
	}
	50% {
		transform:scale(1.1);
	}
}
.visi-box {
	box-shadow:0 2px 10px rgba(0,0,0,0.08);
	transition:all 0.3s ease;
}
.visi-box:hover {
	box-shadow:0 8px 20px rgba(0,0,0,0.15);
	transform:translateY(-4px);
}
.misi-box {
	box-shadow:0 2px 10px rgba(0,0,0,0.08);
	transition:all 0.3s ease;
}
.misi-box:hover {
	box-shadow:0 8px 20px rgba(0,0,0,0.15);
	transform: translateY(-4px);
}
/*Portofolio foto*/
.container {
	.main_header {
		padding-top:10%;
	}
	.main_header__title {
		position:relative;
		height:50px;
		vertical-align:baseline;
		color:#369593;
		text-transform:uppercase;
		font-size:1.5em;
		margin-left:1%;
	}
	.container__title {
		position:relative;
		height:30px;
		vertical-align:baseline;
		font-size:0.9em;
		font-weight:400;
		color:#f6f6f6;
		text-transform:uppercase;
		border-bottom: 1px solid #f9f9f9;
	}
	/* //gallery boxs*/
	.box:hover {
		transform:translateY(-5px);
		box-shadow:0 12px 20px rgba(0,0,0,0.25);
		cursor:pointer;
	}
	.box {
		position:relative;
		height:200px;
		border-radius:8px;
		margin-bottom:7%;
		overflow:hidden;
		transition:all 0.3s ease;
		box-shadow:0 2px 8px rgba(0,0,0,0.1);
		a:hover .box__title {
			height:35%;
			transition:1s;
			p {
				opacity:1;
			}
		}
		img {
			width:100%;
			height:100%;
			object-fit:cover;
			border-radius:8px;
		}
		.box__title {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:25%;
			background-color:#F6F6F6;
			border-radius:0 0 8px 8px;
			vertical-align:middle;
			transition:.5s;
			transition-timing-function:ease-out;
			p {
				opacity:0;
				text-align:center;
				color:#062b91;
				font-size:.8em;
				margin:0;
				transition-delay:.2s;
				transition:.2s;
				transition-timing-function:ease-out;
			}
			h6 {
				text-align:center;
				color:black;
				text-transform:uppercase;
				margin:7% 0 0 0;
				font-size: .9em;
			}
		}
	}
	/* //add new box*/
	.add_box {
		@extend.box;
		background-color:#f9f9f9;
		a {
			position:absolute;
			width:100%;
			height:100%;
		}
		svg {
			display:block;
			margin:auto;
			margin-top:23.5%;
			transition:.3s;
			transition-timing-function:ease-out;
		}
		.add_box__title {
			position:absolute;
			width:100%;
			text-align:center;
			color:#bababa;
			top:60%;
			h6 {
				text-transform:uppercase;
			}
		}
		a:hover svg {
			margin-top: 21.5%;
		}
	}
}
/*Lightbox foto preview layanan*/
.lightboxpreview {
	transition:all .3s linear;
	padding-top:60%;
	cursor:pointer;
	background-size:cover;
}
.lightbox-content {
	max-height:75vh;
	height:75vh;
	width:100%;
	max-width:1000px;
}
.lightbox-close {
	cursor:pointer;
	margin-left:auto;
	position:absolute;
	right:-30px;
	top:-30px;
	color:white;
	font-size:2rem;
	font-weight:700;
	line-height:1;
}
.modal_inner_image {
	min-height:400px;
	z-index:1000;
}
.modal-content {
	width:100%;
}
.modalscale {
	transform:scale(0);
	opacity:0;
}
.lightbox-container,.lightbox-btn,.lightbox-image-wrapper,.lightbox-enabled {
	transition:all .4s ease-in-out;
}
.lightbox_img_wrap {
	padding-top:65%;
	position:relative;
	overflow:hidden;
}
.lightbox-enabled:hover {
	transform:scale(1.1)
}
.lightbox-enabled {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	object-fit:cover;
	cursor:pointer;
}
.lightbox-container {
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(0,0,0,.6);
	z-index:9999;
	opacity:0;
	pointer-events:none;
}
.lightbox-container.active {
	opacity:1;
	pointer-events:all;
}
.lightbox-image-wrapper {
	display:flex;
	transform:scale(0);
	align-items:center;
	justify-content:center;
	max-width:90vw;
	max-height:90vh;
	position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {
	transform:scale(1);
}
.lightbox-btn,#close {
	color:white;
	z-index:9999999;
	cursor:pointer;
	position:absolute;
	font-size:50px;
}
.lightbox-btn:focus {
	outline:none;
}
.left {
	left:50px;
}
.right {
	right:50px;
}
#close {
	top:50px;
	right:50px;
}
.lightbox-image {
	width:100%;
	-webkit-box-shadow:5px 5px 20px 2px rgba(0,0,0,0.19);
	box-shadow:5px 5px 20px 2px rgba(0,0,0,0.19);
	max-height:95vh;
	object-fit:cover;
}
@keyframes slideleft {
	33% {
		transform:translateX(-300px);
		opacity:0;
	}
	66% {
		transform:translateX(300px);
		opacity:0;
	}
}
.slideleft {
	animation-name:slideleft;
	animation-duration:.5s;
	animation-timing-function:ease;
}
@keyframes slideright {
	33% {
		transform:translateX(300px);
		opacity:0;
	}
	66% {
		transform:translateX(-300px);
		opacity:0;
	}
}
.slideright {
	animation-name:slideright;
	animation-duration:.5s;
	animation-timing-function: ease;
}
/*icon share button*/
.thing2 {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:relative;
	float:left;
	height:48px;
	line-height:48px;
	border-radius:3px;
	margin-top:10px;
	clear:both;
	float:right;
}
.thing2:after {
	cursor:pointer;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	content:"";
}
.thing2:active:after {
	height:0;
	z-index:-1;
	opacity:0;
}
.thing2__text {
	position:absolute;
	text-align:center;
	width:100%;
	height:100%;
	z-index:99;
	top:0;
	left:0;
	background-color:#4a524c;
	border-radius:3px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.thing2__content {
	position:relative;
	height:inherit;
}
.thing2__content:after,.thing2__content:before {
	content:"";
	display:none;
	height:100%;
	position:absolute;
	width:6px;
	z-index:-1;
}
.thing2__content:after {
	left:-6px;
}
.thing2__content:before {
	right:-6px;
}
.thing2__content:hover {
	z-index:1000;
}
.thing2__content:hover:after,.thing2__content:hover:before {
	display:block;
}
.thing2__content:hover .thing2__text {
	transition:0s all ease-out;
	transition-delay:0s;
	opacity:0;
	z-index:-1;
}
.thing2__content:hover .thing2__social {
	width:48px;
	border-radius:3px;
	margin-left:6px;
}
.thing2__content:hover .thing2__social--first {
	margin-left:0;
}
.thing2__content:hover .thing2__social:after {
	opacity:1;
}
.thing2__content:hover .thing2__social--facebook {
	background-color:#496094;
}
.thing2__content:hover .thing2__social--twitter {
	background-color:#4ac4f3;
}
.thing2__content:hover .thing2__social--linkedin {
	background-color:#2388d6;
}
.thing2__content:hover .thing2__social--google {
	background-color:#da4835;
}
.thing2__social {
	position:relative;
	display:block;
	height:48px;
	width:26.6666666667px;
	float:left;
	color:white;
	background-color:#4a524c;
	transition:all 0.15s ease-out;
}
.thing2__social--first {
	border-radius:3px 0 0 3px;
}
.thing2__social--last {
	border-radius:0 3px 3px 0;
}
.thing2__social:after {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family:FontAwesome;
	text-align:center;
	font-size:20px;
	line-height:48px;
	content:"";
	opacity:0;
	transition:0.15s all ease-out;
}
.thing2__social--facebook:after {
	content:"";
}
.thing2__social--twitter:after {
	content:"";
}
.thing2__social--linkedin:after {
	content:"";
}
.thing2__social--google:after {
	content:"";
}
.thing2__text {
	color:white;
	font-weight:bold;
	font-size:18px;
}
.swiper-hero,.swiper-hero .swiper-slide {
	height:auto !important;
}
.jdl-layanan {
	font-size:14px;
}
.card-icon {
	width:50% !important;
}
.logo-layanan {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.judul-kontak::before {
	content:'';
	position:absolute;
	width:40px;
	height:2px;
	margin-top:20px;
	background-color:#fe6601;
}
.video-icon i {
	margin:0;
}
.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
	display:none;
}
.dropdown-menu {
	width:200%;
}
.layanan-mobile {
	display:none;
}
.desc-keunggulan-mobile {
	display:none;
}
footer {
	margin-top: 150px;
}
/*MOBILE HP*/
@media only screen and (max-width:600px) {
	.ornamen-1 {
		width:30% !important;
		top:60px;
	}
	.cta-mobile {
		padding:0;
	}
	.ornamen-2 {
		right:0 !important;
	}
	footer {
		margin-top:200px !important;
	}
	.flex-artikel {
		flex-direction:column;
	}
	.services-four__img {
		min-width:100%;
		min-height: 100%;
	}
	/*.badge-title {
		*/
		/* transform:translateX(15px) !important;
		*/
		/* top:48% !important;
		*/
		/*
	}
	*/
	/*.badge-title2 {
		*/
		/* transform:translateX(15px) !important;
		*/
		/* top:48% !important;
		*/
		/*
	}
	*/
	.image-wrapper {
		height:250px !important;
		margin-bottom:-90px;
	}
	.flex-mobile {
		flex-direction:column !important;
	}
	.desc-keunggulan-desktop {
		display:none;
	}
	.desc-keunggulan-mobile {
		display:block;
	}
	.layanan-desktop {
		display:none;
	}
	.layanan-mobile {
		display:block;
	}
	.icon1 {
		width: 20%;
	}
	.icon2 {
		/* width:20%;
		*/
		width:110px;
		height:60px;
		background-color:white;
		border-radius:50%;
		align-items:center;
		justify-content:center;
		display:flex;
		box-shadow:0 4px 8px rgba(0,0,0,0.15);
		/* BOX SHADOW */
	}
	img.icon2 {
		/* width:100%;
		*/
	}
	.orang-2-pakai-kontak {
		display:none;
	}
	.card {
		background:white;
		border-radius:12px;
		box-shadow:0 4px 12px rgba(0,0,0,0.1);
		/*text-align:center;*/
		width:100%;
		/*padding:20px;*/
		transition:transform 0.3s ease;
	}
	.pricing .plan {
		width:100% !important;
		margin-top:60px !important;
	}
	.card-icon {
		width:50%;
	}
	.swiper-slide {
		background-size:contain;
		width:350px;
	}
	.card-icon {
		width:50% !important;
	}
	.jdl-layanan {
		font-size:14px;
	}
	.logo-mobile {
		left:160px !important;
	}
	.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
		display:flex;
	}
	.submenu-icon-content {
		width:100%;
		color:white;
	}
	.navbar .navbar-nav .nav-link::before {
		display:none;
	}
	.dropdown-menu {
		width:100%;
	}
}
.icon-highlight {
	position:absolute;
	width:10%;
	left:0;
	opacity:0.5;
	animation:moveLeftRight 2s infinite ease-in-out;
}
.icon-highlight-mirror {
	position:absolute;
	width:10%;
	right:0;
	opacity:0.5;
	transform:scaleX(-1);
	animation:moveRightLeft 2s infinite ease-in-out;
}
@keyframes moveLeftRight {
	0% {
		transform:translateX(0);
	}
	50% {
		transform:translateX(20px);
	}
	100% {
		transform:translateX(0);
	}
}
@keyframes moveRightLeft {
	0% {
		transform:translateX(0);
	}
	50% {
		transform:translateX(-20px);
	}
	100% {
		transform: translateX(0);
	}
}
/*footer*/
footer {
	/* background:linear-gradient(to right,#4b01b0,#6a00ff);
	*/
	background:#4382aa;
	color:#fff;
	/* padding:2rem 1rem 1rem;
	*/
	position:relative;
	/* border-radius:50px 50px 0px 0px;
	*/
}
.footer-container {
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:2rem;
}
.footer-about {
	flex:1 1 250px;
}
.footer-about h3 {
	margin-bottom:1rem;
	color:#00ffc3;
}
.footer-about p {
	font-size:0.9rem;
	line-height:1.5;
	margin-bottom:0.5rem;
}
.footer-links {
	display:flex;
	flex:2 1 600px;
	justify-content:space-between;
	flex-wrap:wrap;
}
.link-column {
	min-width:120px;
}
.link-column h4 {
	color:white;
	font-weight:600;
	margin-bottom:0.75rem;
}
.link-column ul {
	list-style:none;
}
.link-column ul li {
	margin-bottom:0.5rem;
	font-size: 0.9rem;
}
.footer-bottom {
	border-top:1px solid rgba(255,255,255,0.2);
	/* margin-top:2rem;
	*/
	padding-top:1rem;
	padding-bottom:2px;
	/* display:flex;
	*/
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.social-icons a {
	color:white;
	text-decoration:none;
	margin-right:1rem;
	font-size: 1.2rem;
}
/* Simple social icons using Unicode */
.social-icons a::before {
	margin-right:0.5rem;
}
.social-icons a[href*="twitter"]::before {
	content:"🐦";
}
.social-icons a[href*="instagram"]::before {
	content:"📸";
}
.social-icons a[href*="facebook"]::before {
	content:"📘";
}
@media (max-width:768px) {
	.footer-links {
		flex-direction:column;
		gap:1rem;
	}
}
#type1 {
	/*background-color:#42a5f5;
	padding-bottom:50px;
	*/
}
.btn-1 {
	text-align:center;
	display:inline-block;
	padding:10px 20px;
	border:1px solid #33bbfb0f;
	cursor:pointer;
	background-color:#0039a2;
	letter-spacing:2px;
	position:relative;
	overflow:hidden;
	color:white;
	margin:0 20px;
	border-radius:30px;
}
.btn-1:before {
	content:"";
	position:absolute;
	height:150px;
	width:50px;
	background:#009bff;
	left:-55px;
	top:-40px;
	transform:rotate(37deg);
	transition:all .3s;
	opacity:0.5;
}
.btn-1:hover:before {
	left: 95%;
}
/*kontak kami*/
.background {
	height:100%;
	width:100%;
	position:relative;
	color: white;
}

.form-container {
	max-width:1100px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
	justify-content:space-between;
}
.info-boxes {
	flex:1 1 45%;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:1rem;
}
.info-box {
	background-color:rgba(0,0,0,0.6);
	padding:1rem;
	border-radius:8px;
	transition:box-shadow 0.3s ease;
	position:relative;
}
.info-box:hover {
	box-shadow:0 4px 15px rgba(255,255,255,0.1);
}
.info-box::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	height:4px;
	background:white;
	transition:width 0.3s ease;
}
.info-box:hover::after {
	width:100%;
}
.info-box h4 {
	margin-bottom:0.5rem;
	color:#ff5722;
	font-size:18px;
	font-weight:400;
}
.info-box p,.info-box a {
	font-size:14px;
	color:#ddd;
	text-decoration:none;
	font-weight:400;
}
@media (max-width:768px) {
	.form-container {
		flex-direction:column;
	}
	.info-boxes {
		grid-template-columns: 1fr;
	}
}
/*home*/
/* Paket Harga*/
.pricing {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	.plan {
		background-color:#fff;
		margin:12px;
		border-radius:5px;
		text-align:center;
		transition:0.3s;
		cursor:pointer;
		width:30%;
		box-shadow:10px 10px 50px -28px rgba(0,0,0,0.37);
		padding-top:10px;
		padding-bottom:10px;
		h2 {
			font-size:22px;
			margin-bottom:12px;
		}
		.price {
			margin-bottom:1rem;
			font-size:17px;
		}
		ul.features {
			list-style-type:none;
			text-align:left;
			font-size:14px;
			padding:0;
			li {
				margin:8px;
				display:flex;
				align-items:baseline;
				.fas {
					margin-right:4px;
				}
				.fa-check-circle {
					color:#6ab04c;
				}
				.fa-times-circle {
					color:#eb4d4b;
				}
			}
		}
		&.popular {
			border:2px solid #fe6601;
			position:relative;
			transform:scale(1.08);
			span.most {
				position:absolute;
				top:-20px;
				left:50%;
				transform:translateX(-50%);
				background-color:#fe6601;
				color:#fff;
				padding:4px 20px;
				font-size:14px;
				border-radius:5px;
			}
		}
		&:hover {
			box-shadow:5px 7px 67px -28px rgba(0,0,0,0.37);
		}
	}
}
.paket-lain {
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
	text-align:center;
	transition:all 0.3s ease;
	background:linear-gradient(143deg,rgba(6,43,145,0.34) 25%,rgba(251,100,4,0.46) 83%);
	border-radius:15px;
}
.paket-lain:hover {
	box-shadow:0 10px 20px rgba(0,0,0,0.15);
	transform:translateY(-5px);
	/* border-bottom:3px solid #002f87;
	/* biru navy */
}
li .breadcrumb-item {
	font-family:var(--primary-font);
}
.btn-cta {
	background:transparent;
	border-radius:35px;
	width:20%;
	border:1px solid white;
	color:white;
	padding:10px;
}
.btn-cta:hover {
	background:black;
	color: white;
}
.product-card {
	/* width:300px;
	*/
	background-color:#fff;
	border-radius:15px;
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	padding:20px;
	text-align:left;
	transition:transform 0.6s ease;
	box-shadow:0.3s ease;
}
.product-card:hover {
	transform:translateY(-10px);
	/* box-shadow:0 8px 20px rgba(0,0,0,0.2);
	*/
}
.image-container {
	position:relative;
}
.image-container img {
	width:100%;
	border-radius:15px;
	aspect-ratio:1/1;
	object-fit:cover;
}
.favorite-star {
	position:absolute;
	top:10px;
	right:10px;
	font-size:20px;
	color:#000;
}
.product-info h2 {
	margin:15px 0 10px;
	font-size:24px;
}
.product-info p {
	font-size:14px;
	color:#555;
}
.tags {
	margin:10px 0;
}
.tag {
	cursor:pointer;
	display:inline-block;
	background-color:orange;
	border-radius:10px;
	padding:5px 10px;
	font-size:12px;
	margin-right:5px;
}
.tag:hover {
	background-color: greenyellow;
}
.price-order {
	display:flex;
	/* justify-content:space-between;
	*/
	align-items:center;
	margin-top:15px;
	justify-content:center;
}
.price {
	font-size:24px;
	font-weight:bold;
}
.order-button {
	background-color:#000;
	color:#fff;
	border:none;
	border-radius:20px;
	padding:10px 15px;
	cursor:pointer;
	font-size:14px;
}
.order-button:hover {
	background-color:#444;
	color:greenyellow;
}
.favorite-star {
	cursor:pointer;
}
.favorite-star.active {
	color:gold;
}
.product-section {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	padding:20px;
}
.custom-btn {
	padding:10px 10px;
	color:#fff;
	border-radius:15px;
	font-weight:400;
	background:transparent;
	cursor:pointer;
	transition:all 0.3s ease;
	position:relative;
	display:inline-block;
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),7px 7px 20px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(0,0,0,.1);
	outline:none;
	font-size:16px;
	font-weight:400;
	letter-spacing: 1px;
}
/* 14 */
.btn-14 {
	background:#0039a2;
	border:none;
	z-index:1;
}
.btn-14:after {
	position:absolute;
	content:"";
	width:100%;
	height:0;
	top:0;
	left:0;
	z-index:-1;
	border-radius:15px;
	background-color:#0039a2;
	background-image:linear-gradient(315deg,#0039a2 0%,#009bff 74%);
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5) 7px 7px 20px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(0,0,0,.1);
	transition:all 0.3s ease;
}
.btn-14:hover {
	color:white;
}
.btn-14:hover:after {
	top:auto;
	bottom:0;
	height:100%;
}
.btn-14:active {
	top: 2px;
}
.btn-3 {
	/* letter-spacing:0.05rem;
	*/
	position:relative;
	background:#0039a2;
	padding:10px 10px;
	color:#401aff;
	width:30%;
	overflow:hidden;
	transition:0.3s ease-in-out;
	border-radius:0.3rem;
	border:none;
	z-index:1;
	color:white;
	box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);
}
.btn-3:hover {
	box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
	transform: scale(0.95);
}
/*Keunggulan*/
.service-section .icon-box {
	margin-bottom:20px;
	padding:30px;
	border-radius:6px;
	background-color:#f8f9fa;
	flex-wrap:wrap;
	position:relative;
}
.icon-box::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	background-color:transparent;
	clip-path:polygon(0 0,100% 0,0 100%);
	transition:background-color 0.3s ease;
	z-index:1;
}
.icon-box:hover::before {
	background-color:#009bff;
}
.service-section .icon-box:hover .service-title a {
	color:#41A1FD;
}
.service-section .icon-box .service-icon {
	float:left;
	color:#41A1FD;
	font-size: 40px;
}
.service-section .icon-box .service-title {
	/* margin-left:20px;
	*/
	font-weight:700;
	margin-bottom:15px;
	font-size:18px;
	line-height:1.2;
}
.service-section .icon-box .service-title a {
	color:#556270;
	transition:0.3s;
	text-decoration: none;
}
.service-section .icon-box .service-para {
	/* margin-left:70px;
	*/
	line-height:24px;
	font-size:14px;
}
.service-section .service-main-heading {
	color:#556270;
	padding:0;
	margin-bottom:20px;
	line-height:1;
	font-size:60px;
	font-weight: 600;
}
/*Keunggulan*/
/* sosmed footer */
textarea {
	resize:none;
}
.text {
	color:white;
	font-size:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	white-space:nowrap;
}
@charset "UTF-8";
.svg-inline--fa {
	vertical-align:-0.200em;
}
.rounded-social-buttons {
	/* text-align: center;
	*/
}
.rounded-social-buttons .social-button {
	display:inline-block;
	position:relative;
	cursor:pointer;
	width:40px;
	height:40px;
	border:0.125rem solid transparent;
	padding:0;
	text-decoration:none;
	text-align:center;
	color:#fefefe;
	font-size:1.5625rem;
	font-weight:normal;
	/* line-height:2em;
	*/
	border-radius:1.6875rem;
	transition:all 0.5s ease;
	margin-right:0.25rem;
	margin-bottom:0.25rem;
	font-size:20px;
}
.rounded-social-buttons .social-button:hover,.rounded-social-buttons .social-button:focus {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.rounded-social-buttons .fa-twitter,.fa-facebook-f,.fa-linkedin,.fa-tiktok,.fa-youtube,.fa-instagram {
	font-size:25px;
}
.rounded-social-buttons .social-button.facebook {
	background:#3b5998;
}
.rounded-social-buttons .social-button.facebook:hover,.rounded-social-buttons .social-button.facebook:focus {
	color:#3b5998;
	background:#fefefe;
	border-color:#3b5998;
}
.rounded-social-buttons .social-button.twitter {
	background:#55acee;
}
.rounded-social-buttons .social-button.twitter:hover,.rounded-social-buttons .social-button.twitter:focus {
	color:#55acee;
	background:#fefefe;
	border-color:#55acee;
}
.rounded-social-buttons .social-button.linkedin {
	background:#007bb5;
}
.rounded-social-buttons .social-button.linkedin:hover,.rounded-social-buttons .social-button.linkedin:focus {
	color:#007bb5;
	background:#fefefe;
	border-color:#007bb5;
}
.rounded-social-buttons .social-button.tiktok {
	background:#000000;
}
.rounded-social-buttons .social-button.tiktok:hover,.rounded-social-buttons .social-button.tiktok:focus {
	color:#000000;
	background:#fefefe;
	border-color:#000000;
}
.rounded-social-buttons .social-button.youtube {
	background:#bb0000;
}
.rounded-social-buttons .social-button.youtube:hover,.rounded-social-buttons .social-button.youtube:focus {
	color:#bb0000;
	background:#fefefe;
	border-color:#bb0000;
}
.rounded-social-buttons .social-button.instagram {
	background:#125688;
}
.rounded-social-buttons .social-button.instagram:hover,.rounded-social-buttons .social-button.instagram:focus {
	color:#125688;
	background:#fefefe;
	border-color: #125688;
}
/* sosmed footer */
.rounded-title {
	background-color:#9eebff;
	color:white;
	font-weight:bold;
	background:radial-gradient(circle at 10% 50%,#00c6ff,#0072ff);
	padding:10px 20px;
	border-radius:30px;
	border:none;
	display:inline-flex;
	align-items:center;
	font-size:14px;
	box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.dots {
	margin-right:8px;
	color:#16161675;
	font-size:18px;
	line-height: 0;
}
.header-corner {
	position:absolute !important;
	right:0px;
	left:auto;
	bottom:0;
	/* height:300px;
	*/
	width:auto !important;
	z-index:10;
}
.image-wrapper {
	margin-bottom:-90px;
	height: 200px;
}
/* Galeri */
.single_portfolio_work {
	position:relative;
	overflow:hidden;
}
.portfolio_work_box {
	position:relative;
	z-index:2;
	overflow:hidden;
	border-radius:0px;
	transition:transform 0.65s cubic-bezier(0.05,0.2,0.1,1),box-shadow 0.65s cubic-bezier(0.05,0.2,0.1,1);
}
.portfolio_work_box::before {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:85%;
	display:block;
	z-index:1;
	content:'';
	background:linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,0.75) 100%);
	transition:opacity 0.65s cubic-bezier(0.05,0.2,0.1,1);
	cursor:pointer;
}
.portfolio_work_box::after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1;
	content:'';
	background:linear-gradient(to bottom,rgb(0 0 0 / 40%),#11aed6 100%);
	transition:opacity 0.65s cubic-bezier(0.05,0.2,0.1,1);
	cursor:pointer;
	opacity:0;
}
.box_thumbnail_inner {
	position:relative;
}
.portfolio_work_box .box_thumbnail_inner .thumbnail {
	display:block;
	position:relative;
}
.img_hover_link {
	opacity:0;
	position:absolute;
	top:0px;
	left:0;
	height:100%;
	width:100%;
	line-height:60px;
	transform:translateY(-20px);
	transition:opacity 0.18s cubic-bezier(0.05,0.2,0.1,1),transform 0.18s cubic-bezier(0.05,0.2,0.1,1);
	text-overflow:ellipsis;
	overflow:hidden;
	z-index:99;
}
.img_hover_link a {
	position:relative;
	display:block;
	top:45px;
	color:white;
	height:50px;
	font-size:20px;
	width:50px;
	line-height:50px;
	margin-left:30px;
	text-align:center;
	border-radius:10px;
	background:#11aed6;
	transform:translateX(0px);
	transition:all 0.35s ease-in-out;
	z-index:3;
}
.single_portfolio_work:hover .img_hover_link {
	opacity:1;
	transform:translateY(0px);
	transition:opacity 0.18s cubic-bezier(0.05,0.2,0.1,1),transform 0.18s cubic-bezier(0.05,0.2,0.1,1);
}
.portfolio_work_box .box_thumbnail_inner .thumbnail img {
	transition:transform 1s ease,opacity 0.5s ease 0.25s;
	border-radius:0px;
	width:100%;
}
.portfolio_work_content {
	position:relative;
}
.portfolio_work_content .portfolio_work_inner {
	position:absolute;
	bottom:0;
	left:50%;
	padding:30px 30px 20px;
	z-index:999;
	width:100%;
	transform:translateX(-50%);
}
.portfolio_work_content .portfolio_work_inner .portfolio_work_heading {
	transition:cubic-bezier(0.05,0.2,0.1,1),transform 0.65s cubic-bezier(0.05,0.2,0.1,1);
}
.portfolio_work_content .portfolio_work_inner .portfolio_work_heading span {
	margin:-5px;
	margin-bottom:5px;
}
.portfolio_work_content .portfolio_work_inner .portfolio_work_heading span a {
	color:#ffffff;
	display:inline-block;
	margin:5px;
	font-size:16px;
	font-weight:300;
	text-decoration:none;
	letter-spacing:0.5px;
}
.portfolio_work_content .portfolio_work_inner .portfolio_work_heading h4 {
	color:#ffffff;
	font-size:30px;
}
.portfolio_work_content .portfolio_work_inner .portfolio_work_heading h4 a {
	color:#ffffff;
	/* text-decoration:none;
	*/
}
.portfolio_work_content .portfolio_work_inner .paragraph {
	opacity:0;
	position:absolute;
	bottom:10px;
	transform:translateY(20px);
	line-height:1.5em;
	max-width:80%;
	transition:cubic-bezier(0.05,0.2,0.1,1),transform 0.18s cubic-bezier(0.05,0.2,0.1,1);
	height:62px;
	text-overflow:ellipsis;
	overflow:hidden;
}
.portfolio_work_content .portfolio_work_inner .paragraph p {
	color:#fff;
	opacity:0.9;
	margin-bottom:0;
	font-size:16px;
}
.single_portfolio_work .portfolio_work_box:hover {
	box-shadow:0 25px 55px rgb(253 71 102 / 22%);
}
.single_portfolio_work .portfolio_work_box:hover::before {
	opacity:0;
}
.single_portfolio_work .portfolio_work_box:hover::after {
	opacity:1;
}
.single_portfolio_work:hover .box_thumbnail_inner img {
	transform:scale(1.1);
	transition:all 9s cubic-bezier(0.1,0.2,7,1);
}
.single_portfolio_work:hover .portfolio_work_inner .portfolio_work_heading {
	transform:translateY(-60px);
	transition:cubic-bezier(0.05,0.2,0.1,1),transform 0.65s cubic-bezier(0.05,0.2,0.1,1);
}
.single_portfolio_work:hover .portfolio_work_inner .paragraph {
	transform:translateY(0);
	opacity:1;
	transition:cubic-bezier(0.05,0.2,0.1,1) 0.15s,transform 0.65s cubic-bezier(0.05,0.2,0.1,1) 0.15s;
}
.single_portfolio_work:hover .portfolio_work_inner .portfolio_work_heading h4 a {
}
.single_portfolio_work:hover .portfolio_work_inner .portfolio_work_heading span a {
	opacity: 1;
}
/* Kontak */
.contact-card {
	background-color:white;
	border-radius:10px;
	padding:15px 20px;
	margin-bottom:15px;
	box-shadow:0 1px 4px rgba(0,0,0,0.1);
	display:flex;
	align-items:center;
	gap:15px;
}
.contact-icon {
	font-size:24px;
	color:#00bcd4;
	/* soft blue */
}
.contact-info {
	display:flex;
	flex-direction:column;
}
.label {
	font-size:13px;
	color:#555;
}
.value {
	font-size:15px;
	font-weight:400;
	color:#11aed6;
}
.kontak {
	border-radius:30px;
}
.alt-font ol li {
	font-size: 14px;
}
/* tentang kami */
.service-card {
	position:relative;
	background-color:white;
	border-radius:10px;
	padding:20px 20px 10px 80px;
	max-width:500px;
	box-shadow:0 4px 8px rgba(0,0,0,0.2);
	/* bayangan bawah */
	transition:transform 0.2s ease,box-shadow 0.2s ease;
}
.service-card:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 12px rgba(0,0,0,0.25);
	/* bayangan saat hover */
}
.icon-circle {
	position:absolute;
	top:-20px;
	left:-20px;
	width:60px;
	height:60px;
	background-color:#d9f0f5;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	border:4px solid white;
	box-shadow:0 2px 4px rgba(0,0,0,0.1);
}
.icon-circle img {
	width:30px;
	height:30px;
}
.title {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
.description {
	font-size:14px;
	color:#333;
	line-height: 1.5;
}
/* effect-1 styles */
.effect.effect-1 {
	box-shadow:0 4px 8px rgba(0,0,0,0.2);
	/* bayangan bawah */
	transition:transform 0.2s ease,box-shadow 0.2s ease;
}
.effect.effect-1:before {
	content:"➔";
	font-family:FontAwesome;
	font-size:15px;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	right:0;
	top:0;
	opacity:0;
	height:100%;
	width:40px;
	transition:all 0.2s linear 0s;
}
.effect.effect-1:hover {
	text-indent:-20px;
	transform:translateY(-2px);
	box-shadow:0 6px 12px rgba(0,0,0,0.25);
	/* bayangan saat hover */
}
.effect.effect-1:hover:before {
	opacity:1;
	text-indent: 0px;
}
.effect.effect-2 {
	box-shadow:0 4px 8px rgba(0,0,0,0.2);
	/* bayangan bawah */
	transition:transform 0.2s ease,box-shadow 0.2s ease;
}
.effect.effect-2:before {
	content:"\f232";
	font-family:FontAwesome;
	font-size:15px;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	right:0;
	top:0;
	opacity:0;
	height:100%;
	width:40px;
	transition:all 0.2s linear 0s;
}
.effect.effect-2:hover {
	text-indent:-20px;
}
.effect.effect-2:hover:before {
	opacity:1;
	text-indent:0px;
	transform:translateY(-2px);
	box-shadow: 0 6px 12px rgba(0,0,0,0.25);
	/* bayangan saat hover */
}
.effect {
	text-align:center;
	display:inline-block;
	position:relative;
	text-decoration:none;
	color:#fff;
	text-transform:capitalize;
	background-color:#11aed6;
	font-family:"Roboto",sans-serif;
	/* put your font-family */
	font-size:14px;
	padding:10px 0px;
	width:150px;
	border-radius:6px;
	overflow:hidden;
}
mark {
	background-color:#11aed6 !important;
	color:white;
}
.card-smooth {
	transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.line-card {
	position:relative;
	display:inline-block;
	cursor:pointer;
}
.line-card::after {
	content:'';
	position:absolute;
	left:0;
	bottom:20;
	width:0%;
	height:3px;
	background-color:#11aed6;
	transition:width 0.5s ease;
}
.line-card:hover::after {
	width:100%;
}
.btn-close:before {
	display:none;
}
.stats-section {
	background:#0e67d208;
	padding:60px 20px;
	text-align:center;
	font-family:'Poppins',sans-serif;
}
/* .card-layanan {
	background:#fff;
	border-radius:12px;
	padding:20px;
	box-shadow:0 5px 15px rgba(0,0,0,0.05);
	font-size:14px;
	color:#444;
	transition:transform 0.3s ease;
	border-bottom:4px solid #ff0000;
}
.card-layanan:hover {
	transform:translateY(-2px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
*/
.judul-artikel {
	position:relative;
	display:inline-block;
	font-size:20px;
	font-weight:600;
	color:#1c1c1c;
	margin-bottom: 1rem;
}
.judul-artikel::after {
	content:"";
	position:absolute;
	left:0;
	bottom:-5px;
	/* jarak antara teks dan garis */
	width:100%;
	height:2px;
	background-color:#007bff;
	/* biru */
	border-radius:2px;
}
.service-section {
	display:flex;
	gap:24px;
	justify-content:center;
	padding:40px;
	background-color: #f9f9f9;
}
.card-lay {
	background:#fff;
	border-radius:6px;
	overflow:hidden;
	/* Penting agar gambar tidak overflow */
	height:100%;
	box-shadow:0 4px 10px rgba(0,0,0,0.2);
	transition:transform 0.3s ease;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.card-lay:hover {
	transform:translateY(-5px);
	/* Mengangkat kartu */
	box-shadow:0 8px 20px rgba(0,0,0,0.3);
	/* Menambah bayangan */
}
.card-lay .img-wrapper {
	overflow:hidden;
	/* Tambahkan ini untuk mencegah gambar overflow */
}
.card-lay img {
	width:100%;
	height:auto;
	object-fit:contain;
	transition:transform 0.3s ease;
	/* Animasi zoom */
}
.card-lay:hover img {
	transform:scale(1.1);
	/* Zoom 10% saat hover */
}
.card-content {
	padding:20px;
	text-align:center;
}
.card-content h3 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.1rem;
}
.card-content p {
	color:#666;
	font-size:0.95rem;
}
.card-footer {
	border-top:1px solid #eee;
	text-align:center;
	padding:16px;
	font-size:0.9rem;
	font-weight:500;
	color:#cc8800;
	cursor: pointer;
}
/* Card tengah dengan latar khusus */
.card-lay.highlighted {
	background-color:#bb8645;
	color:white;
}
.card-lay:hover .card-footer {
	background-color:var(--base-color);
	color:white;
}
.card-lay:hover .link-layanan {
	color:white;
}
.card-lay.highlighted .card-lay-content p,.card-lay.highlighted .card-lay-content h3,.card-lay.highlighted .card-lay-footer {
	color:white;
}
.card-lay.highlighted .card-lay-footer {
	border-top:1px solid rgba(255,255,255,0.3);
}
.judul-layanan {
	color:#000;
	background:var(--base-color);
	padding:10px !important;
	margin:20px !important;
	text-align:center;
}
.card-lay:hover .judul-layanan {
	color:lightgrey !important;
}
.icon {
	background:var(--base-color);
	border-radius:20px 0px 20px 0px;
}
.card-keunggulan {
	background-color:#fff;
	box-shadow:0 4px 12px rgba(0,0,0,0.1);
	transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
	cursor:pointer;
	overflow:visible;
	border-radius:20px 0px 20px 0px;
}
.card-keunggulan:hover {
	border-bottom:2px solid var(--base-color);
	transform:translateY(-8px) scale(1.02);
	box-shadow:0 12px 24px rgba(0,0,0,0.2);
	/* bayangan lebih besar = timbul */
}
.card-keunggulan:hover .icon img {
	animation:pulse 1s infinite ease-in-out;
}
@keyframes pulse {
	0% {
		transform:scale(1);
	}
	50% {
		transform:scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
/*.badge-title {
	*/
	/* background:var(--base-color);
	*/
	/* width:90%;
	*/
	/* display:flex;
	*/
	/* justify-content:center;
	*/
	/*transform:translateY(-50%);
	*/
	/* border-radius:8px;
	*/
	/*margin:0 auto;
	*/
	/*
}
*/
/*.badge-title2 {
	*/
	/* background:var(--base-color);
	*/
	/* width:90%;
	*/
	/* display:flex;
	*/
	/* justify-content:center;
	*/
	/* transform:translateY(-50%);
	*/
	/* border-radius:8px;
	*/
	/* margin:0 auto;
	*/
	/*
}
*/
.isotope-filter {
	text-align:left;
	background:white;
	padding:15px;
	width:39%;
	border-radius:15px;
}
/* .card-keunggulan:hover .card {
	transform:translateY(-6px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
*/
.divider-title {
	content:"";
	height:30px;
	width:2px;
	background-color:grey;
	/* padding: 10px;
	*/
}
.contact-label {
	text-decoration:underline;
	text-decoration-color:var(--base-color);
	/* Warna garis merah */
	text-decoration-thickness:2px;
	/* Ketebalan garis,bisa disesuaikan */
	text-underline-offset:5px;
	/* Jarak antara teks dan garis */
}
.contact-card {
	width:100%;
	background-color:#ffffff;
	/* Latar belakang putih untuk kartu */
	border-radius:12px;
	/* Sudut membulat */
	box-shadow:0 4px 10px rgba(0,0,0,0.08);
	/* Efek bayangan */
	padding:20px;
	display:flex;
	/* Menggunakan flexbox untuk ikon dan teks */
	align-items:center;
	/* Mensejajarkan ikon dan teks secara vertikal */
	gap:15px;
	/* Jarak antara ikon dan teks */
	transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
	/* Efek transisi saat hover */
	/* cursor:pointer;
	Menunjukkan bahwa kartu bisa diinteraksi */
}
.contact-card:hover {
	transform:translateY(-3px);
	/* Sedikit naik saat hover */
	box-shadow:0 6px 15px rgba(0,0,0,0.12);
	/* Bayangan lebih intens saat hover */
}
.icon-kontak {
	min-width: 50px;
}
.highlight-text {
	position:relative;
	/* Penting untuk pseudo-elemen::after */
	display:inline-block;
	/* Agar lebar garis sesuai teks */
}
/* Garis bergerak */
.highlight-text::after {
	content:'';
	position:absolute;
	left:0;
	/* text-align:center;*/
	bottom:20px;
	/* Posisi di bawah teks */
	width:450px;
	/* Lebar garis yang bergerak,sesuaikan jika perlu */
	height:2px;
	/* Tinggi garis */
	background:linear-gradient(to right, var(--base-color), var(--second-color));
	/* Gradien warna garis */
}
.bg-navbar {
	/* background-color: #3f78e012;
	*/
}
.navbar-stick:not(.navbar-dark) {
	/* background-color:#0e66d20a;
	*/
	background-color:white;
	backdrop-filter:blur(200px);
	-webkit-backdrop-filter:blur(100px);
}
.btn-close-canvas {
	position:absolute;
	/* top:1rem;
	*/
	right:1rem;
	background:#b3b2b2;
	border:none;
	padding:0px 10px;
	/*margin:10px;
	*/
	margin-bottom:70px;
}
.ornamen-1 {
	position:absolute;
	width:20%;
	right:0px;
	bottom:0px;
	opacity:0.03;
}
.ornamen-2 {
	position:absolute;
	width:25%;
	right:-80px;
	top:-20px;
	filter:grayscale(100%);
	opacity:0.08;
	z-index:1;
}
.ornamen-3 {
	position:absolute;
	width:10%;
	left:8%;
	top:0px;
	opacity:0.2;
	animation:floatUpDown 3s ease-in-out infinite;
}
@keyframes floatUpDown {
	0% {
		top:0px;
	}
	50% {
		top:-10px;
	}
	100% {
		top: 0px;
	}
}
.img-ornamen-wrapper {
	position:relative;
	display:inline-block;
	/* atau block sesuai konteks */
	/* border-radius:12px;
	agar mengikuti radius gambar jika ada */
	overflow:visible;
}
.img-ornamen-wrapper::before,.img-ornamen-wrapper::after {
	content:'';
	position:absolute;
	width:80px;
	height:40px;
	border:5px solid var(--base-color);
	/* Warna ornamen */
}
.img-ornamen-wrapper::before {
	top:-10px;
	left:-10px;
	border-right:none;
	border-bottom:none;
	border-top-left-radius:8px;
}
.img-ornamen-wrapper::after {
	bottom:-10px;
	right:-10px;
	border-left:none;
	border-top:none;
	border-bottom-right-radius: 8px;
}