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

*{
	font-family: 'Arimo', sans-serif;
}
.font-inspiration{
	font-family: 'Inspiration', cursive !important;
}

.ls-1{
	letter-spacing: 1px;
}
.ls-2{
	letter-spacing: 2px;
}
.ls-3{
	letter-spacing: 3px;
}

.text-cream{
	color: #89a5b5;
}

.bg-lightblue{
	background-color: #edfaff;
}

.link-custom {
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.link-custom::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #000;
	transition: width .3s;
}
.link-custom:hover::after {
	width: 100%;
	transition: width .3s;
}

.link-custom-white {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.link-custom-white::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	transition: width .3s;
}
.link-custom-white:hover::after {
	width: 100%;
	transition: width .3s;
}

.ratio-21x6{
	aspect-ratio: 21/6;
}
@media only screen and (max-width : 600px){
	.ratio-21x6{
		aspect-ratio: unset;
	}
}

.line-right{
	border-right: 2px solid #999999;
}
@media (max-width: 600px) {
	.line-right{
		border-right: none;
	}
}

/*navbar css*/
.navbar-top {
	background-color: rgba(255,255,255,1);
	transition: 0.3s all;
}
@media only screen and (max-width : 600px){
	.navbar-top {
		background-color: rgba(255,255,255,1);
		transition: 0.3s all;
	}
}
.navbar-top:hover {
	background-color: rgba(255,255,255,1);
	transition: 0.3s all;
}
.navbar-scroll {
	background-color: rgba(255,255,255,1);
	transition: 0.3s all;
}
.navbar .nav-link{
	color: black!important;
}
/*end navbar*/

/*footer section*/
footer{
	background-color: #fff;
	color: black;
}
.footer .sosmed a:hover i.fa-whatsapp {
	color: #25D366;
}
.footer .sosmed a:hover i.fa-facebook-f {
	color: #4267B2;
}
.footer .sosmed a:hover i.fa-instagram {
	color: #E1306C;
}
.footer .sosmed a:hover i.fa-youtube {
	color: #FF0000;
}
.footer .sosmed a:hover i.fa-tripadvisor {
	color: #00AF87;
}
.footer .sosmed a:hover i.fa-linkedin {
	color: #0150A0;
}
.footer .sosmed a:hover i.fa-twitter {
	color: #00B5F0;
}
/*end section footer*/


/*home css*/
.hero .hero-content p:nth-child(1){
	font-size: 6rem;
	line-height: 5rem;
}
.hero .hero-content p:nth-child(2){
	font-size: 6rem;
	color: #1BBAFC;
	line-height: 5rem;
	margin-left: 15.3rem;
}
@media only screen and (max-width : 600px){
	.hero .hero-content p:nth-child(1){
		font-size: 3rem;
		line-height: 3rem;
	}
	.hero .hero-content p:nth-child(2){
		font-size: 3rem;
		color: #1BBAFC;
		line-height: 3rem;
		margin-left: unset;
	}
}

#section-2 .img-card{
	aspect-ratio: 21/6!important;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (max-width : 600px){
	#section-2 .img-card{
		aspect-ratio: unset!important;
		height: 25vh!important;
	}
}

#section-4 .img-card{
	aspect-ratio: 21/6!important;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (max-width : 600px){
	#section-4 .img-card{
		aspect-ratio: unset!important;
		height: 50vh!important;
	}
}