/* homepage css */

:root {
	--theme-normal-container-max-width: calc(1240px + 1.75vw)
}

.scale-img-on-hover:hover img {
	transform: scale(1.12);
	filter: contrast(1.15) brightness(0.88);
}

.scale-img-on-hover img {
	transition: all .55s cubic-bezier(.16,.68,.43,.99);
}

.paket-wisata-populer .scale-img-on-hover:hover img {
	transform: scale(1.05);
}

.entry-content a:hover {
	color: inherit
}

.site-title a {
	color: white;
	text-shadow: 0 0 2px rgb(0 0 0 / 45%);
}

:root :where(.is-layout-constrained) .has-section-margin,
:root :where(.is-layout-constrained) .has-section-margin,
.has-section-margin {
	margin-bottom: 10vh;
}

.hero .first-col {
	min-width: calc(35.25% - (85px / 2));
	filter: contrast(1.075) saturate(1.075);
}

.highlights:before,
.masonry-brick:after,
#paket-wisata .trip:before,
.hero .first-col:after,
.hero .first-col:before {
	content: '';
}

.highlights:before,
.masonry-brick:after,
#paket-wisata .trip:before,
.hero .first-col:after,
.hero .first-col:before {
	position: absolute;
	top: 0;
	left: 0;
    right: 0;
    bottom: 0;
}

.hero .second-col {
	/* row-gap: 20px; */
    row-gap: calc(10px + .65vw);
}

.hero h1 {
	font-size: clamp(17.975px, calc(17.975px + (20.65 - 17.975) * var(--fluid)), 20.65px);
	color: #525252;
	line-height: 1.25
}

.hero .headline {
	font-size: clamp(48px, calc(48px + (64 - 48) * var(--fluid)), 64px);
	margin-bottom: 0;
    line-height: .9em;
    max-width: 50vh;
	color: #121212;
}

.hero h1,
.hero .headline {
	max-width: calc(275px + 5vw);
}
    

.custom-search {
    position: relative;
    font-family: inherit;
    background-color: rgb(255 255 255 / 77%);
    border: 1px solid #eee;
    padding: max(8px, min(10px, (100vw - 100vmin))) max(12px, min(16px, (100vw - 100vmin)));
    border-radius: 28px;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    color: #333;
}

.custom-search>svg {
    fill: #333;
    right: 0;
    margin-left: auto;
}

.hero .second-col .with-icon span {
	display: inline-flex;
	padding-right: .4em;
}

.hero .second-col .with-icon svg {
    width: .925em;
    height: .925em;
}

.hero .second-col h2 {
	font-size: clamp(17.5px, calc(17.5px + (22.5 - 17.5) * var(--fluid)), 22.5px);
    line-height: 1em;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.home #header li.menu-item-87,
.home #header .ct-header-search.ct-toggle {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.second-col .trip {
	padding: 1.425em 1.155em;
}

.second-col .trip:before {
	 background: linear-gradient(rgb(0 0 0 / .2) 35%, rgb(0 0 0 / .5));
	z-index: 1
}

.second-col .trip h3 {
	font-size: clamp(18.65px, calc(18.65px + (21 - 18.65) * var(--fluid)), 21px);
	z-index: 2
}

.second-col .trip p {
	font-size: clamp(13.74px, calc(13.74px + (15.05 - 13.74) * var(--fluid)), 15.05px);
	line-height: 1.3
}

.paket-outing-jogja h2 {
	font-size: clamp(21.5px, calc(21.5px + (33.75 - 21.5) * var(--fluid)), 33.75px);
	max-width: calc(310px + .5vh);
	line-height: 1.15
}

.paket-wisata-populer h2 {
	font-size: clamp(27.5px, calc(27.5px + (527.5 - 27.5) * var(--fluid)), 52.75px);
}

.paket-wisata-populer h2 span {
	font-size: 70%
}

.mengapa-kami .second-col ol li p,
.paket-wisata-populer p,
.paket-outing-jogja p {
	font-size: clamp(16.15px, calc(16.15px + (18.25 - 16.15) * var(--fluid)), 18.25px);
	margin-bottom: .625rem;
	color: #434343;
    line-height: 1.585;
}

.masonry {
    display: flex;
    width: 100%;
    gap: 6px;
    gap: calc(7.35px + (6 - 7.35) * ((100vw - 300px) / (1920 - 300)));
}
.masonry-brick {
    padding: 1.3em 1.35em;
    display: flex;
    background-position: 0 80%;
}
.masonry-brick--h {
    flex: auto;
    min-width: 150px;
}

.img-as-bg.top {
    object-position: 0 80%;
}

.paket-wisata-populer .cat {
    position: absolute;
    top: 1.65em;
    padding: 1px 10px;
    font-size: 80%;
    border-radius: 2px;
    z-index: 2;
}

.bg-purple {
    background-color: #9c27b0;
    background-color: #942a9d;
    background-color: #e65616;
}

.bg-magenta {
    background-color: #e71575;
    background-color: #cf156a;
}

.bg-orange {
    background-color: #ff9800;
    background-color: #e65616;
    background-color: #75a939;
}

.masonry-brick>*, .flex-scroll-container>.flex-scroll-inner>* {
    color: #fff;
}

.paket-wisata-populer h3 {
	font-size: clamp(19.25px, calc(19.25px + (21.75 - 19.25) * var(--fluid)), 21.75px);
	line-height: 1.175;
}
.masonry-brick:after {
	background: linear-gradient(rgb(0 0 0 / .2) 35%,rgb(0 0 0 / .5))
}

.mengapa-kami .first-col {
	
}

.mengapa-kami .first-col h3 {
	font-size: clamp(27.25px, calc(27.25px + (52.5 - 27.25) * var(--fluid)), 52.5px);
	line-height: 1.045;
    margin-bottom: calc(2.25px + .5vw);
}

.mengapa-kami .first-col p {
    color: #666;
    font-weight: 700;
	font-size: clamp(17.5px, calc(17.5px + (21.5 - 17.5) * var(--fluid)), 21.5px);
    line-height: 1.3;
}

.mengapa-kami .first-col p span {
	font-size: 75%
}

.mengapa-kami .second-col li {
	padding-inline-start: calc(24.5px + 1.55vw)
}

.mengapa-kami .second-col li::before {
	font-size: clamp(25.5px, calc(25.5px + (40.5 - 25.5) * var(--fluid)), 40.5px);
	font-weight: bold;
	position: absolute;
    left: 0;
	top: calc(-6px + (-11.75 - -6) * var(--fluid))
}

.mengapa-kami .second-col ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}

.mengapa-kami .second-col ol li {
  counter-increment: item;
}

.mengapa-kami .second-col ol li::before {
  content: counter(item, decimal-leading-zero);
}

.mengapa-kami .second-col ol li h3 {
	font-size: clamp(20.15px, calc(20.15px + (28.25 - 20.15) * var(--fluid)), 28.25px);
}

.mengapa-kami .second-col ol li > *:not(:last-child) {
  margin-bottom: calc(1.5px + .55vw);
}

.mengapa-kami .second-col ol li p {
	margin-block-end: 0
}

.mengapa-kami .second-col ol li a {
	margin-top: 1.85em
}

.highlights {
    min-height: calc(100vh - (65px + 15vh));
    padding: calc(30px + (50 - 30) * ((100vw - 300px) / (1600 - 300))) calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
	border-radius: 6px;
	border-radius:  clamp(6px, calc(6px + (7.95 - 6) * var(--fluid)), 7.95px);
}

.highlights:before {
	background: linear-gradient(#fff0 35%,rgb(0 0 0 / .77))
}

.highlights h2 {
	font-size: clamp(34.25px, calc(34.25px + (58.5 - 34.25) * var(--fluid)), 58.5px);
	line-height: .975;
	max-width: calc(310px + .5vh);
	 max-width: calc(180px + 10.5vw);
}

.brand-highlights {
	color: #f5f5f5;
	margin-top: calc(22px + 6.5vw)
}

.brand-highlights > .is-flex {
	gap: calc(6px + .25vw)
}

.brand-highlights .with-icon svg {
	width: 1.62em;
    height: auto;
}

.brand-highlights .with-icon > span {
	display: flex
}

.brand-highlights p {
	font-size: clamp(16px, calc(16px + (17.95 - 16) * var(--fluid)), 17.95px);
	line-height: 1.135
}

.brand-highlights p span {
	font-size: 82.5%
}

.highlights .second-col svg.trip-advisor {
	width: calc(33px + (50 - 33) * ((100vw - 300px) / (1600 - 300)));
	width: clamp(33px, calc(33px + (54 - 33) * var(--fluid)), 54px);
}

.highlights .second-col svg.google {
	width: calc(56px + (88 - 56) * ((100vw - 300px) / (1600 - 300)));
	width: clamp(56px, calc(56px + (90 - 56) * var(--fluid)), 90px);
}

.highlights .second-col svg {
	height: 3em
}


@media (min-width: 768px) {
	#header .ct-container {
        max-width: calc(100vw - var(--vh-offset, 3.3vw));
    }
	.hero {
		gap: 85px
	}
	.hero .first-col:before {
		background-image: linear-gradient(220deg, #fff0 60%, rgb(0 0 0 / .20));
	}
	.hero .first-col:after {
		background-image: linear-gradient(360deg,rgb(0 0 0 / .01) 55%,rgb(0 0 0 / .47));
	}
	.hero .first-col {
        min-height: 100.5vh; /* Ensures consistent height in modern browsers */
        height: 100.5vh; /* Modern dynamic viewport height */
        height: calc(100.5vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); /* Fallback for older browsers */
        box-shadow: 14px 14px 60px -30px rgb(0 0 0 / .4);
		border-top-right-radius: 100px;
    }
	.hero .second-col {
        min-width: calc(64.75% - (85px / 2));
        margin-top: 40px;
    }
	.hero .second-col h2 {
	    margin-top: 1.5em;
	}
	.custom-search {
		width: 50%;
	}
	#paket-wisata {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
	.second-col .trip {
		min-height: calc(30.65vh - var(--vh-offset, 0px));
        width: calc(30.65vh - var(--vh-offset, 0px));
        min-width: calc(30.65vh - var(--vh-offset, 0px));
        height: calc(30.65vh - var(--vh-offset, 0px));
        max-height: calc(30.65vh - var(--vh-offset, 0px));
        margin-right: .25em;
	}
	.paket-outing-jogja {
		gap: 90px;
		column-gap: calc(60px + 1vw);
	}
	.paket-outing-jogja .second-col {
		min-height: 60vh;
        min-width: 50vw;
	}
	.paket-wisata-populer .first-col {
        min-width: 8%;
        align-self: flex-end;
        padding-bottom: 10px;
    }
	.paket-wisata-populer .second-col {
        padding: 14px 0;
        min-width: 92%;
    }
	.masonry--h {
        flex-flow: row wrap;
    }
	.masonry-brick--h {
        height: 270px;
        max-width: 50%;
    }
	.masonry-brick--h:nth-child(5n+1) {
        width: calc(20% + (40% / 8));
    }
	.masonry-brick--h:nth-child(5n+2) {
        width: calc(20% + (40% / 6));
    }
	.masonry-brick--h:nth-child(5n+3) {
        width: calc(20% + (40% / 4));
    }
	.masonry-brick--h:nth-child(5n+4) {
        width: calc(20% + (40% / 2));
    }
	.mengapa-kami {
		gap: calc(90px + (150 - 90) * ((100vw - 768px) / (1920 - 768)))
	}
	.mengapa-kami .first-col {
		min-width: 25.5%;
        align-self: center;
	}
	.mengapa-kami .second-col ol {
		gap: 3.25vw 3.5em;
        flex-wrap: wrap;
	}
	.mengapa-kami .second-col li {
        width: calc(50.25% - 2em);
    }
	#why-us {
        padding: 2.55em 0 2.725em;
    }
}

@media (min-width: 3540px) {
	
	
}

@media (min-width: 1025px) and (max-width: 1366px) {
	
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
    .home .entry-content {
		display: flex;
		flex-direction: column
	}
	:root :where(.is-layout-constrained) .has-smaller-section-margin-mobile,
	:root :where(.is-layout-constrained) .has-smaller-section-margin-mobile,
	.has-smaller-section-margin-mobile {
		margin-bottom: 6vh;
	}
	#header [data-items],
	[data-header*="type-1"] [data-id="cart"] .ct-cart-item {
		--theme-link-initial-color: #fff;
		--theme-icon-color: #fff
	}
	.hero .first-col {
		min-height: 183.99vw;
	}
	.hero .first-col:before {
		background-image: linear-gradient(202deg,#fff0 70%,rgb(0 0 0 / .6));
	}
	.hero .first-col:after {
		background-image: linear-gradient(360deg,rgb(0 0 0 / .01) 40%,rgb(0 0 0 / .36));
	}
	.hero .second-col {
		position: absolute;
		top: 12.75vw;
		width: 94.5%;
       min-height: 99.99vh;
        row-gap: calc(20px + .75vw);
	}
	.text-white-mobile {
        color: #fff!important;
    }
	.dark-text-shadow-mobile {
        text-shadow: 1px 1px 4px #363636;
    }
	.hero h1
	.hero .headline {
		max-width: 41.65vh
	}
	.custom-search {
		width: 47%
	}
	.hero .second-col h2 {
		 margin-top: 16px
	}
	#paket-wisata {
		margin-top: -7px
	}
	.second-col .trip {
        min-height: calc(212px - var(--vh-offset, 0px));
        width: calc(212px - var(--vh-offset, 0px));
        min-width: calc(212px - var(--vh-offset, 0px));
        height: calc(212px - var(--vh-offset, 0px));
        max-height: calc(212px - var(--vh-offset, 0px));
    }
	.second-col .trip {
		box-shadow: 0 0 65px -15px rgb(20 20 20 / 80%);
        margin-right: .5em
	}
	.second-col .trip:last-child {
		margin-right: 1.25em;
	}
	.second-col .has-background-image > figure {
		z-index: 0
	}
	.hero .first-col img {
		filter: saturate(1.25)  contrast(0.965);
	}
	.mobile-order-1 { order:1 }
	.mobile-order-2 { order:2 }
	.mobile-order-3 { order:3 }
	.mobile-order-4 { order:4 }
	.mobile-order-5 { order:5 }
	.mobile-order-6 { order:6 }
	.mobile-order-7 { order:7 }
	.mobile-order-8 { order:8 }
	.mobile-order-9 { order:9 }
	.mobile-order-10 { order:10 }
	#paket-wisata-populer {
		gap: 1.5em;
        margin-left: 14px!important;
	}
	.paket-wisata-populer {
		margin-right: calc(50% - 50vw) !important;
        max-width: 100vw !important;
        width: auto;
	}
	.paket-wisata-populer .first-col {
        min-width: 6.45%;
        align-self: flex-end;
    }
	.masonry-brick--h {
        height: unset;
        min-height: calc(34.85vh - var(--vh-offset, 0px));
        min-width: calc(34.85vh - var(--vh-offset, 0px));
        min-height: calc(264px - var(--vh-offset, 0px));
        width: calc(264px - var(--vh-offset, 0px));
        min-width: calc(264px - var(--vh-offset, 0px));
        height: calc(264px - var(--vh-offset, 0px));
        max-height: calc(264px - var(--vh-offset, 0px));
    }
	 .paket-wisata-populer .masonry {
        padding-right: 22px;
    }
	.paket-wisata-jogja .first-col,
	.paket-outing-jogja .second-col {
		min-height: 57.5vw;
	}
	.paket-wisata-jogja .second-col,
	.paket-outing-jogja .first-col {
        padding: 26px 30px 30px;
        padding: 1.4em 1.6em 1.6em;
        border: 1px solid #ccc;
        border-top: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
	.shadow-card-mobile {
        background-color: #fff;
    }
	.shadow-card-mobile:before {
		background-color: #e0e0e0;
        margin: 0 auto;
        transform: translate(-50%, .375rem);
        width: calc(100% - 1.625rem);
	}
	.shadow-card-mobile:after {
        background-color: #f5f5f5;
        transform: translate(-50%, .1875rem);
        width: calc(100% - 1rem);
    }
	.shadow-card-mobile:after,
	.shadow-card-mobile:before {
        border-radius: .1875rem;
        bottom: 0;
        content: " ";
        display: block;
        height: .625rem;
        left: 50%;
        position: absolute;
        z-index: -1;
    }
	.mengapa-kami {
		gap: calc(20.5px + 2.55vw)
	}
	.mengapa-kami .first-col h3 {
		letter-spacing: -.285px;
	}
	.mengapa-kami .second-col ol {
		gap: 1.515em
	}
	
	.highlights {
		justify-content: flex-end;
	}
	.highlights .is-background-image {
		object-position: 75% bottom;
	}
	.highlights .second-col {
		position: absolute;
		top: 8px;
		right: 13px
	}
	.brand-highlights {
		min-width: 100%;
    	gap: 1em 0;
    	display: grid;
    	grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 499px) {
	
	
	
}