img {
	height: auto;
}
.loadmore-item {
	display: none;
}
.cky-btn-accept {
	border: 0 !important;
}

/*==========UPDATE BY Som 2023/11/17==========*/
.section-highlight {
	padding-top: 160px;
}
.section-highlight .grid-ourwork {
	grid-gap: 60px 15px;
}
.section-highlight .grid-ourwork .card-stack.item-ourwork .card-img {
	position: relative;
	overflow: hidden;
}
.section-highlight .grid-ourwork .card-stack.item-ourwork .card-img *:is(img,video) {
	display: block;
	aspect-ratio: 3/4;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

@media (min-width:992px) {
	
	.section-highlight .grid-ourwork {
		grid-template-columns: repeat(12,1fr);
	}
	.section-highlight .grid-ourwork > * {
		grid-column: span 3;
	}
	.section-highlight .grid-ourwork > *:nth-child(-n+3) {
		grid-column: span 4;
	}

}

.card-team .box-caption * {
	color: inherit !important;
}

/* 2024/01/30 */

.overflow-hidden { overflow: hidden !important;}

.swiper-clients-item .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-highlight-billboard {
	position: relative;
	overflow: hidden;
}

.highlight-billboard {
    position: relative;
    display: flex;
    flex-direction: column;
	justify-content: center;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
	background: var(--color-theme);
	color: var(--color-theme-couple);
}
.highlight-billboard > * {
    width: 100%;
}
.highlight-billboard--cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
}
.highlight-billboard--cover .object-fit {
    display: block;
    overflow: hidden;
    position: relative;
    opacity: 1;
}
.highlight-billboard--cover .object-fit > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
}
.highlight-billboard--cover .object-fit :before {
    content: "";
    display: block;
    width: 100%;
}
.highlight-billboard--cover,
.highlight-billboard--cover .object-fit,
.highlight-billboard--cover .object-fit:before,
.highlight-billboard--cover *:is(.swiper-container, .swiper-wrapper, .swiper-slide) {
    height: 100%;
}
.highlight-billboard--inner {
	padding: 100px 18px;
    width: 100%;
    position: relative;
    z-index: 2;
    pointer-events: none;
}
.highlight-billboard--heading {
	text-align: center;
    font-family: 'bebas_neueregular';
    font-size: 18vw;
    color: #FFF;
    letter-spacing: 2.1px;
    font-weight: normal;
    line-height: 80%;
    background: -webkit-linear-gradient(left, var(--color-theme-couple), var(--color-theme-light), var(--color-theme-couple));
    background-size: 1600px 200px;
    -webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-name: animationgradienttitle;
    animation-name: animationgradienttitle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section-ourwork {
	padding: 100px 0;
}
.section-ourwork + .section-marquee {
	padding-top: 0;
}

.item-ourwork-grids {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 18px;
}
.item-ourwork-grids + .item-ourwork-grids {
	margin-top: 18px;
}
.item-ourwork-grids .item-ourwork {
	transition-delay: .2s !important;
}
.item-ourwork-grids .item-ourwork .card-img {
	position: relative;
	overflow: hidden;
}
.item-ourwork-grids .item-ourwork .card-img *:is(img,video) {
	display: block;
	aspect-ratio: 3/4;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.card-team-grids {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 18px;
}
.card-team-grids .card-team {
	--mask-size: 30px;
    --image-width: 39.09090909091%;
    -webkit-mask-image: radial-gradient(circle var(--mask-size) at calc(100% - var(--image-width)) 0px, transparent 90%, #000 0);
            mask-image: radial-gradient(circle var(--mask-size) at calc(100% - var(--image-width)) 0px, transparent 90%, #000 0);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
.card-team-grids .card-team:before {
	display: none !important;
}
.card-team-grids .card-team a {
    display: grid;
    grid-template-columns: 1fr var(--image-width);
	background-color: var(--color-theme) !important;
	color: var(--color-theme-couple) !important;
    -webkit-mask-image: radial-gradient(circle var(--mask-size) at calc(100% - var(--image-width)) calc(100% - 0px), transparent 90%, #000 0);
	mask-image: radial-gradient(circle var(--mask-size) at calc(100% - var(--image-width)) calc(100% - 0px), transparent 90%, #000 0);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.card-team-grids .card-team .box-caption {
	padding: 25px;
}
.card-team-grids .card-team .box-caption h3 {
	margin-bottom: 18px;
	padding-bottom: 50px;
	border-bottom: 2px dashed;
}
.card-team-grids .card-team .box-caption p {
	font-size: 72px;
	line-height: 1;
}

@media (min-width:992px) {

	.item-ourwork-grids {
		grid-template-columns: repeat(12,1fr);
		grid-gap: 40px;
	}
	.item-ourwork-grids + .item-ourwork-grids {
		margin-top: 40px;
	}
	.item-ourwork-grids > * {
		grid-column: span 3;
	}
	.item-ourwork-grids > *:nth-child(-n+3) {
		grid-column: span 4;
	}


	.item-ourwork-grids[data-grid="3"] > * {
		grid-column: span 4 !important;
	}
	.item-ourwork-grids[data-grid="4"] > * {
		grid-column: span 3 !important;
	}

	.card-team-grids {
		grid-template-columns: repeat(2,1fr);
	}

}

@media (min-width:1200px) {

	.card-team-grids {
		grid-gap: 40px;
	}

}

@media (min-width:1400px) {

	.highlight-billboard--heading {
		font-size: 320px;
    	letter-spacing: -1.6px;
	}

}

@media (max-width:767px) {

	.card-team-grids .card-team {
		--mask-size: 3.8461538462vw;
	}
	.card-team-grids .card-team .box-caption {
		padding: 4.347826087vw;
	}
	.card-team-grids .card-team .box-caption h3 {
		font-size: 4.347826087vw;
		padding-bottom: 4.347826087vw;
		margin-bottom: 4.347826087vw;
	}
	.card-team-grids .card-team .box-caption p {
		font-size: 8.6956521739vw;
	}

}

@media (min-width:992px) and (max-width:1440px) {

	.card-team-grids .card-team {
		--mask-size: 2.08333333333vw;
	}
	.card-team-grids .card-team .box-caption h3 {
		padding-bottom: 3.4722222222vw;
	}
	.card-team-grids .card-team .box-caption p {
		font-size: 5vw;
	}

}