@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
	font-family: poppins, sans-serif;
}

html, body {
	height: 100%;
}

.h-100 {
	height: 100%;
}

.h-75 {
	height: 75%;
}

.vmware-size {
	width: 40%;
}

.logo {
	display: inline-block;
	width: 200px;
}

.h-50 {
	height: 50%;
}

.title-small {
	font-size: 10pt;
	font-weight: 500;
}

.image-service {
	width: 30%;
}

.title-banner {
	font-size: 28pt;
	font-weight: 500;
}

.bg-plus-side {
	background: #f6f9fe;
}

.schedule-title{
	line-height: 50px;
}

.brand {
	color: #106eea;
}

.active{
	color: #106eea !important;
}

.line-of-service-1 {
	width: 100px;
	height: 100px;
}

.line-of-service-2 {
	width: 100px;
	height: 90px;
}

.line-of-service-3 {
	width: 100px;
	height: 90px;
}

.card-why {
	height: 200px;
}

.h-25 {
	height: 25%;
}

.card-certification {
	height: 80px;
}

.border-bottom {
	border-bottom: 1px solid #d1d1d1;
}

.height-item {
	height: 100px;
}

.card-solusi {
	height: 100px;
}

.btn-cust {
	color: #fff !important;
    background-color: #106eea !important;
    border-color: #106eea !important;
    border-radius: 10px !important;
    width: fit-content;
}

.text-justify{
	text-align: justify;
}

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

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

.card-maps {
	height: 50vh;
}

.flex-end-horizontal{
	justify-content: end;
}

.border-radius {
	border-radius: 10px;
}

.btn-cust-2 {
	color: #106eea !important;
	border: 2px solid #106eea !important;
    border-radius: 10px !important;
    width: 10%;
}

.btn-off {
	color: #106eea !important;
	border: 2px solid #106eea !important;
    border-radius: 10px !important;
    width: fit-content;
}

.btn-on {
	color: #fff !important;
    background-color: #106eea !important;
    border-color: #106eea !important;
    border-radius: 10px !important;
    width: fit-content;
}

.btn-cust-3 {
	color: #fff !important;
    background-color: #106eea !important;
    border-color: #106eea !important;
    border-radius: 10px !important;
    width: 10%;
}

.bg-footer {
	background: #106eea;
	width: 100%;
}

.desc-prod {
	font-size: 10pt;
}

.line{
	width: 100%;
	height: 1px;
	background: #d1d1d1;
}

.no-decor {
	text-decoration: none;
}

.card-excel {
	height: 340px;
}

#navbar {
	position: fixed !important;
	background: white;
	box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
	display: none;
	z-index: 99999;
	top: 0;
}

.img-certification {
	width: 85%;
}

.card-cust {
	color: #212529;
	width: 100%;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
	transition: 0.5s;
}

.card-cust-4 {
	color: #212529;
	width: 100%;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
	transition: 0.5s;
}

.card-cust-3 {
	color: #212529;
	width: 100%;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgb(68 88 144 / 12%);
	transition: 0.5s;
}

.card-cust-2 {
	width: 85%;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
	transition: 0.5s;
}

.card-cust:hover {
	background: #106eea;
	color: #fff !important;
}

.retract-text {
	margin-top: -10px;
}

.highlight-title {
	color: #106eea;
}

.flex {
	display: flex;
}

.title-card {
	font-size: 10pt;
	font-weight: 500;
}

.flex-vertical {
	flex-direction: column;
}

.flex-gap-large {
	grid-gap: 30px;
}

.flex-gap-extra-large {
	grid-gap: 37.5px;
}

.flex-gap-extra-large-double {
	grid-gap: 45px;
}

.flex-gap-regular {
	grid-gap: 15px;
}

.flex-gap-semi-large{
	grid-gap: 22.5px;
}

.flex-gap-small {
	grid-gap: 7.5px;
}

.flex-gap-semi-small {
	grid-gap: 11.25px;
}

.navbar-cust {
	background: none;
}

.navbar-post-1{
	position: absolute !important;
	z-index: 999;
}

.navbar-post-2{
	position: unset !important;
	z-index: 999;
}

.navbar-brand {
	display: inline-block;
}

.bg-landing {
	background: url("bg-landing.png");
	background-size: cover !important;
    background-attachment: fixed;
	width: 100%;
	height: 100%;
}

.contain-landing {
	height: 100%;
	display: flex;
	align-items: center;
}
.btn-contact-us {
	width: 25%;
}

.mobile-w-img {
		width: 25% !important;
}

.image-los {
	width: 100%;
}

.path-img {
	width: 75% !important;
}

.card-spec {
	width: 25%;
}

.infra-img {
	width: 100%;
}

.infra-img-2 {
	width: 100%;
}
.img-solution {
		width: 75%;
	}

@media screen and (min-width: 0px) and (max-width: 768px){
	.title-banner {
		font-size: 21pt;
		margin-bottom: 10px;
	}
	.card-cust {
		margin-bottom: 25px;
	}
	.go-up-mobile {
		margin-top: -50px;
	}
	.mobile-w-img {
		width: 15% !important;
	}
	.card-excel {
		height: unset !important;
	}
	.btn-cust-3 {
		width: fit-content;
	}
	.btn-cust-2 {
		width: fit-content;
	}
	.space-top-mobile {
		margin-top: 35px !important;
	}
	.btn-contact-us {
		width: fit-content !important;
	}
	.contact-img{
		margin-top: 50px;
	}
	.schedule-title {
		line-height: 40px;
	}
	.dropdown-item{
		font-size: 10pt;
	}
	#navbar-1 {
		background: white;
	}
	.card-mobile-gap {
		margin-top: 20px;
	}
	.image-los {
		width: 50%;
	}
	.text-mobile {
		text-align: center;
	}
	.path-img {
		width: 100% !important;
	}
	.card-spec {
		width: 100%;
	}
	.infra-img {
		width: 50%;
	}
	.infra-img-2 {
		width: 25%;
	}
	.title-mobile {
		font-size: 23pt;
	}
	.img-solution {
		width: 100%;
	}
}