/* Theme DHK Stop Over */
@import url('/content/dam/dhk/common/font/manrope/v15/font-manrope.css');
@import url('/content/dam/dhk/common/font/hkremix/font-hkremix.css');
@import url('/content/dam/dhk/common/font/notosanstc/v35/font-notosanstc.css');
@import url('/content/dam/dhk/common/font/notosanssc/v36/font-notosanssc.css');

:root {
	--main-font: 'Manrope', arial, system-ui, sans-serif;
	--title-font: 'HKRemix', 'Noto Sans TC', arial, system-ui, sans-serif;
	--main-font-size: 16px;
	--main-font-size-lg: calc(var(--main-font-size) * 1.125);
	--main-font-size-xl: calc(var(--main-font-size) * 1.25);
	--h1-font-size: 78px;
	--h2-font-size: 60px;
	--h3-font-size: 48px;
	--h4-font-size: 30px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;

	/* Theme color start */
	--title-font-color: #363636;
	--main-font-color: #363636;
	--link-color: #bb1717;
	--link-color-hover: #da0808;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #e2002c;
	--selection-font-color: #fff;
	--selection-bgcolor: #c20e0e;
	--scrollarea-scrollbar-color-thumb: #bb1717;
	--scrollarea-scrollbar-color-track: #ebe5e9;
	--scrollarea-scrollbar-width: 5px;
	--swiper-pagination-color: #EE1C25;
	--swiper-pagination-bullet-inactive-color: #F0F0F0;
	/* Theme color end */
}
@-moz-document url-prefix() {
	:root {
		--main-font: 'Manrope', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, system-ui, sans-serif;
	}
}
html[lang="zh-CN"]{
	--title-font: 'HKRemix', 'Noto Sans SC', arial, system-ui, sans-serif;
	--main-font: 'Manrope', 'Noto Sans SC', arial, system-ui, sans-serif;
}
@media (min-width: 1399.98px) {
	html[lang="en"] {
		--h1-font-size: 88px;
		--h2-font-size: 70px;
	}
}

/* DHK style reset */
.navbar-container{height:auto !important;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0, 0, 0);}
.webchat-mobile{display:none !important;}
.remarks, .remarks p{display:inline-block; color:inherit; width:100%;}

/** Common **/
html[dir] body{background-color:#fff !important;}
html[dir] .footer{border-top:0 !important;}
#theme-stopover ::selection, .popup-content ::selection{background-color:var(--selection-bgcolor); color:var(--selection-font-color);}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}

#theme-stopover{position:relative; font-weight:400; font-style:normal; background-color:#fff;}
#theme-stopover *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title), .popup-wrapper *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title){font-family:var(--main-font);}
#theme-stopover, #theme-stopover :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:var(--main-font-size); font-weight:500; line-height:1.5; color:var(--main-font-color);}
#theme-stopover .caption .cmp-text p{font-size:0.6875rem;}
#theme-stopover a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(var(--link-color-hover)), to(var(--link-color-hover))),-webkit-gradient(linear, left top, left bottom, from(var(--link-color)), to(var(--link-color))); --main-font-color:var(--link-color);}
#theme-stopover a.underlined:hover{--main-font-color:var(--link-color-hover);}
#theme-stopover b, #theme-stopover strong{font-weight:700;}
#theme-stopover b *, #theme-stopover strong *{font-weight:inherit !important;}
#theme-stopover img:not(.iconVideoPlay){max-width:100%;}
#theme-stopover small{display:inline-block;}
#theme-stopover :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-stopover .caption, #theme-stopover .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;}
#theme-stopover .sharing{display:flex; width:100%; justify-content:flex-start;}
#theme-stopover .sharing .sharing__container{padding:0 !important;}
#theme-stopover .sharing ul.sharing__list{margin-top:0 !important; margin-bottom:0 !important; flex-wrap:nowrap;}
#theme-stopover .sharing li.sharing__item:not(:last-child){margin-right:10px;}
#theme-stopover .sharing li.sharing__item > svg{background-color:transparent; overflow:hidden; border-radius:999px;}
#theme-stopover .sharing ul.sharing__list .icon-hover__showed path{fill:var(--poster-font-color);}
#theme-stopover .sharing ul.sharing__list .icon-hover__hidden path{fill:var(--poster-font-color);}
#theme-stopover :is(.font-hkremix-neon, .font-hkremix-neon *){font-family:var(--neon-font) !important;}

#theme-stopover :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){float:none !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 20px !important; clear:both !important;}
#theme-stopover :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .non-featured-offers-container, .es-btn-group-container):not(.gohk2022-container, .gohk2022-full-width-container){max-width:calc(1530px + 20px + 20px) !important;}
#theme-stopover .container-cust{max-width:calc(1360px + 20px + 20px);}
#theme-stopover .container-cust.large, #theme-stopover .gohk2022-container{max-width:calc(1530px + 20px + 20px);}
#theme-stopover .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-stopover .container.dhk-container.max-width-1100 .cmp-container, #theme-stopover .gohk2022-full-width-container{max-width:none !important;}
#theme-stopover .freeformeditor-v2 .row{margin-left:-15px; margin-right:-15px;}
#theme-stopover .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-stopover :is(.cta.padding-horizontal .multiple-links, .cta.padding-horizontal .cta-link, .text.padding-horizontal .cmp-text, .image.padding-horizontal .cmp-image, .title.padding-horizontal .cmp-title){padding-left:0 !important; padding-right:0 !important;}
@media (min-width: 991.98px){
	#theme-stopover .text.caption :is(p, a, *){font-size:16px !important;}
}
#theme-stopover .text.caption{position:relative; padding-left:44px; margin-top:15px; width:fit-content; margin:0 auto;}
#theme-stopover .text.caption:before{display:block; content:''; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:999px; background-image:url("data:image/svg+xml,%3Csvg width='7' height='17' viewBox='0 0 7 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.9584 0.44239C4.5267 0.15395 4.0192 0 3.5 0C2.8038 0 2.1361 0.27656 1.6439 0.76884C1.1516 1.26113 0.875 1.92881 0.875 2.625C0.875 3.1442 1.029 3.6517 1.3174 4.0834C1.6058 4.5151 2.0158 4.8515 2.4955 5.0502C2.9751 5.2489 3.5029 5.3008 4.0121 5.1996C4.5213 5.0983 4.9891 4.8483 5.3562 4.4812C5.7233 4.114 5.9733 3.6463 6.0746 3.1371C6.1759 2.62791 6.1239 2.10011 5.9252 1.62046C5.7265 1.1408 5.3901 0.73083 4.9584 0.44239ZM6.7803 16.4053C6.921 16.2647 7 16.0739 7 15.875V14.375C7 14.1761 6.921 13.9853 6.7803 13.8447C6.6397 13.704 6.4489 13.625 6.25 13.625H5.5V7.375C5.5 7.1761 5.421 6.9853 5.2803 6.8447C5.1397 6.704 4.9489 6.625 4.75 6.625H0.75C0.5511 6.625 0.3603 6.704 0.2197 6.8447C0.0789995 6.9853 0 7.1761 0 7.375V8.875C0 9.0739 0.0789995 9.2647 0.2197 9.4053C0.3603 9.546 0.5511 9.625 0.75 9.625H1.5V13.625H0.75C0.5511 13.625 0.3603 13.704 0.2197 13.8447C0.0789995 13.9853 0 14.1761 0 14.375V15.875C0 16.0739 0.0789995 16.2647 0.2197 16.4053C0.3603 16.546 0.5511 16.625 0.75 16.625H6.25C6.4489 16.625 6.6397 16.546 6.7803 16.4053Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:center; background-color:var(--primary-button-bgcolor);}

#theme-stopover .breadcrumb{position:relative; padding:15px 0; margin-bottom:0;}
#theme-stopover .breadcrumb:after{display:block; content:''; position:absolute; left:-20px; bottom:0; width:100vw; height:1px; background-color:#ebe5ea;}
#theme-stopover .breadcrumb *{font-size:12px; font-weight:600; font-family:var(--main-font);}
#theme-stopover .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;}
#theme-stopover .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-stopover .breadcrumb svg .cls-100{stroke:#2D2D2D; stroke-width:1px;}
#theme-stopover .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;}
#theme-stopover .breadcrumb .cmp-breadcrumb__item:after{border-color:#2D2D2D;}
#theme-stopover .breadcrumb .breadcrumb__home-icon{display:none;}

#theme-stopover :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:800; font-family:var(--title-font); color:var(--title-font-color); line-height:1.2;}
html[lang="en"] #theme-stopover :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){letter-spacing:0.01px;}
#theme-stopover :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px !important;}
#theme-stopover :is(h2, h2 *){font-size: var(--h2-font-size);}
#theme-stopover :is(h3, h3 *){font-size: var(--h3-font-size);}
#theme-stopover :is(h4, h4 *){font-size: var(--h4-font-size);}
#theme-stopover :is(h5, h5 *){font-size: var(--h5-font-size);}
#theme-stopover :is(h6, h6 *){font-size: var(--h6-font-size);}

#theme-stopover .theme-dark{
	--title-font-color:#fff;
	--main-font-color: #fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .has-iframe .fancybox__content{width:80% !important; height:auto !important;}
.has-iframe .fancybox__content{width:80% !important; height:auto !important; padding:0 !important; aspect-ratio:1.77778 / 1; background-color:transparent !important;}
#theme-stopover .section-head{margin-bottom:40px;}
#theme-stopover .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.7;}
#theme-stopover .line-clamp-more > a, #theme-stopover .line-clamp-more > a *{--main-font-size:0.875em;}

:is(#theme-stopover, .popup-wrapper) .btn-primary{position:relative; display:inline-block; width:fit-content; border-radius:16px; padding:12px 38px 12px 20px; margin-bottom:4px; border:0; background-color:var(--primary-button-bgcolor); outline:none; line-height:1.15;}
:is(#theme-stopover, .popup-wrapper) .btn-primary, :is(#theme-stopover, .popup-wrapper) .btn-primary *, .popup-content .btn-primary, .popup-content .btn-primary *{color:var(--primary-button-font-color) !important; font-weight:600 !important;}
:is(#theme-stopover, .popup-wrapper) .btn-primary:not(:last-child), .popup-content .btn-primary:not(:last-child){margin-right:8px;}
:is(#theme-stopover, .popup-wrapper) .btn-primary:after, .popup-content .btn-primary:after{display:block; content:''; position:absolute; right:20px; top:calc(50% - 8px); width:9px; height:16px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--primary-button-font-color); transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);}
:is(#theme-stopover, .popup-wrapper) .btn-primary:hover:after, .popup-content .btn-primary:hover:after{transform:translateX(3px) scale(.85);}
:is(#theme-stopover, .popup-wrapper) .btn-primary.fluid{display:block; width:100%; text-align:center;}
.btn-primary.disabled{--primary-button-bgcolor:#383838; padding-left:20px !important; padding-right:20px !important; opacity:.7; pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.btn-primary.disabled:after{display:none !important;}

#theme-stopover .btn-primary.border-style{padding-top:10px; padding-bottom:10px; --primary-button-bgcolor:#fff; border:1px solid #000; --primary-button-font-color:#363636; font-weight:800 !important; --main-font-size:var(--main-font-size-lg);}

a.btn-arrow-down{display:inline-block; position:relative;}
a.btn-arrow-down:after{display:inline-block; content:''; margin-left:8px; width:16px; height:9px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00203 6.78584L14.0497 0.828583C14.4966 0.389691 15.2204 0.39059 15.6662 0.830582C16.1121 1.27057 16.1111 1.98303 15.6642 2.42192L8.81183 9.17234C8.37991 9.59613 7.68573 9.61062 7.23592 9.20534L0.335822 2.42692C-0.111145 1.98803 -0.112059 1.27558 0.333791 0.835587C0.77964 0.395595 1.50338 0.394696 1.95035 0.833588L8.00203 6.78584Z' fill='%233B002B'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size: 100% auto; background-position:center; transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1);}
a.btn-arrow-down:hover:after{transform:translateY(2px);}

a.btn-arrow-right{display:inline-block; position:relative;}
a.btn-arrow-right:after{display:inline-block; content:''; margin-left:8px; width:9px; height:16px; background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78584 7.99797L0.828583 1.95035C0.389691 1.50338 0.39059 0.77964 0.830582 0.333791C1.27057 -0.112058 1.98303 -0.111144 2.42192 0.335823L9.17234 7.18817C9.59613 7.62009 9.61063 8.31427 9.20534 8.76408L2.42693 15.6642C1.98803 16.1111 1.27558 16.1121 0.835588 15.6662C0.395596 15.2204 0.394697 14.4966 0.833589 14.0497L6.78584 7.99797Z' fill='%233B002B'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size: 100% auto; background-position:center; transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); vertical-align:middle;}
a.btn-arrow-right:hover:after{transform:translateX(2px);}

.scroll-area{padding-right:10px; overflow:auto;}
@-moz-document url-prefix() {
	.scroll-area{scrollbar-color:var(--scrollarea-scrollbar-color-thumb) var(--scrollarea-scrollbar-color-track); scrollbar-width:thin; scrollbar-gutter:auto;}
}
@supports selector(::-webkit-scrollbar) {
	.scroll-area::-webkit-scrollbar-thumb{border-radius:999px; border:3px solid transparent; background-clip:content-box; background:var(--scrollarea-scrollbar-color-thumb); cursor:pointer;}
	.scroll-area::-webkit-scrollbar-track{border-radius:999px; background:var(--scrollarea-scrollbar-color-track);}
	.scroll-area::-webkit-scrollbar{width:var(--scrollarea-scrollbar-width);}
}

@-webkit-keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}
@keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}

.os-theme-dark{--os-size:12px;}
.cust-scrollarea{padding-bottom:17px;}



/* ------------------------------------ ##1 Custom Component ------------------------------------ */
/* Custom component {Anchors} */
:root{
	--anchors-font-color: #7d0000;
	--anchors-bgcolor: #E8D9D9;
	--anchors-border-color: #CDAEAE;
}
.anchors-wrapper{position:relative; z-index:99;}
.anchors-wrapper.border-bottom{padding-bottom:10px; border-bottom:1px solid var(--anchors-border-color);}
.anchors-wrapper.border-bottom.is-sticky{border-bottom:0 !important;}
.anchors-wrapper.border-bottom.is-sticky ul.anchors{background-color:var(--popup-fetch-bgcolor);}
ul.anchors{list-style:none; display:flex; flex-direction:row; flex-wrap:nowrap; padding-left:0 !important; z-index:999;}
ul.anchors > li{flex:1;}
@media (min-width: 991.98px) {ul.anchors > li:not(:first-child){margin-left:-1px;}}
ul.anchors > li > a{
	display:flex; padding:0 30px; height:54px; border-radius:16px; border:1px solid var(--anchors-border-color); background-color:var(--anchors-bgcolor); justify-content:center; align-items:center; text-align:center; line-height:1.2 !important;
	transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
}
ul.anchors > li > a, ul.anchors > li > a *{color:var(--anchors-font-color) !important; font-weight:700 !important; font-size:19px !important;}
ul.anchors > li > a:hover, ul.anchors > li > a.active{background-color:var(--anchors-font-color);}
ul.anchors > li > a:hover, ul.anchors > li > a:hover *, ul.anchors > li > a.active, ul.anchors > li > a.active *{color:var(--anchors-bgcolor) !important;}

/* Custom component {Image with Text listing} */
:root{
	--imagetextlist-alignment: flex-start;
	--imagetextlist-seperate-border-color: #D8CCD5;
	--imagetextlist-circle-bgcolor: #333;
	--imagetextlist-circle-arrow-color: #fff;
}
.imagetext-listing ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; gap:20px;}
.imagetext-listing ul > li{flex:0 0 calc(50% - 10px);}
.imagetext-listing ul.show-partial > li:nth-child(n + 7){display:none;}
.imagetext-listing .list-item{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:var(--imagetextlist-alignment); gap:1.4583vw;}
.imagetext-listing .list-item .list-item-cover{flex:0 0 183px; border-radius:12px; overflow:hidden;}
.imagetext-listing .list-item .list-item-heading{margin-bottom:6px; font-size:22px !important; font-weight:800 !important;}
.imagetext-listing .list-item .list-item-annotation{margin:6px 0 10px;}
.imagetext-listing .list-item :is(.list-item-desc, .list-item-desc *){line-height:1.35 !important;}
.imagetext-listing a > .list-item .list-item-heading:after{
	display:inline-block; content:''; width:10px; height:16px; margin-left:8px; background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78584 7.99797L0.828583 1.95035C0.389691 1.50338 0.39059 0.77964 0.830582 0.333791C1.27057 -0.112058 1.98303 -0.111144 2.42192 0.335823L9.17234 7.18817C9.59613 7.62009 9.61063 8.31427 9.20534 8.76408L2.42693 15.6642C1.98803 16.1111 1.27558 16.1121 0.835588 15.6662C0.395596 15.2204 0.394697 14.4966 0.833589 14.0497L6.78584 7.99797Z' fill='%233B002B'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:auto 100%; background-position:center;
	transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
}
.imagetext-listing a:hover > .list-item .list-item-heading:after{transform:translateX(3px);}
.imagetext-listing a.btn-capsule{background-color:var(--imagetextlist-circle-bgcolor) !important;}
.imagetext-listing a.btn-capsule:after{background-color:var(--imagetextlist-circle-arrow-color) !important;}
#theme-stopover .imagetext-listing span.icon-pin{min-height:14px; padding-left:18px;}
#theme-stopover .imagetext-listing span.icon-pin:before{top:5px; width:12px; height:14px;}
#btn-imagetext-listing-more{margin-top:10px;}

.imagetext-listing.sticky-style{display:flex; flex-direction:row; gap:32px;}
.imagetext-listing.sticky-style .col-left{flex:0 0 calc(42% - (32px / 2)); width:calc(42% - (32px / 2));}
.imagetext-listing.sticky-style .col-right{flex:0 0 calc(58% - (32px / 2)); width:calc(58% - (32px / 2));}
.imagetext-listing.sticky-style ul > li{flex:auto;}
.imagetext-listing.sticky-style .col-left .list-item{flex-direction:column;}
.imagetext-listing.sticky-style .col-left .list-item .list-item-cover{position:relative; flex:auto;}

/* Custom component {Experience listing} */
.exp-list ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; column-gap:40px; row-gap:30px;}
.exp-list ul > li{flex:0 0 calc(50% - 24px);}
@media (min-width: 767.98px) {
	.exp-list ul > li{flex:0 0 calc(50% - 24px); margin-right:0 !important;}
}
.exp-list .list-item{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:var(--imagetextlist-alignment); gap:1.875vw;}
.exp-list .list-item .list-item-cover{flex:0 0 41.6%; border-radius:12px; overflow:hidden;}
.exp-list .list-item .list-item-heading{margin-bottom:10px; font-size:26px !important; font-weight:800 !important; line-height:1.2 !important;}
.exp-list .list-item .list-item-annotation{margin:6px 0 10px;}
.exp-list .list-item :is(.list-item-desc, .list-item-desc *){line-height:1.35 !important;}
.exp-list .list-item .list-item-action{margin-top:10px;}

/* Custom component {Line Box} */
:root{
	--linebox-border-radius: 16px;
	--linebox-padding: 20px;
	--linebox-column-gap: 30px;
	--linebox-row-gap: 25px;
	--linebox-title-color: var(--title-font-color);
	--linebox-font-color: var(--main-font-color);
	--linebox-bgcolor: #FFEFF1;
	--linebox-border-color: #c7b4b4;
	--linebox-swiper-button-arrow-color: #fff;
	--linebox-swiper-button-bgcolor: var(--color-primary);
}
.linebox{
	flex:1; padding:var(--linebox-padding); max-width:100%; border-radius:var(--linebox-border-radius); border:1px solid var(--linebox-border-color); background-color:var(--linebox-bgcolor); display:flex; flex-direction:column; align-items:flex-start; row-gap:var(--linebox-row-gap); column-gap:var(--linebox-column-gap); overflow:hidden;
	--title-font-color: var(--linebox-title-color);
	--main-font-color: var(--linebox-font-color);
}
.linebox.stretch{align-items:stretch;}
.linebox.no-padding{--linebox-padding:0;}
.linebox.no-border{--linebox-border-color:transparent;}
.linebox.no-bgcolor{--linebox-bgcolor:transparent;}

.linebox .item-cover{position:relative; max-width:100%; border-radius:12px; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden;}
.linebox .item-cover > .caption{display:inline-block; width:auto; max-width:calc(100% - 8px - 8px); position:absolute; left:8px; bottom:8px; border-radius:4px; padding:3px; background-color:rgba(0, 54, 59,.7); pointer-events:none;}
#theme-stopover .linebox .item-cover > .caption{--main-font-color:#fff;}
#theme-stopover .linebox .item-cover > :is(.caption, .caption *){font-size:.75em !important;}
#theme-stopover .linebox .item-cover-swiper{position:relative;}
#theme-stopover .linebox .item-cover-swiper .swiper-pagination{bottom:6px;}
#theme-stopover .linebox .item-cover-swiper .swiper-pagination-bullet{
	margin:0 3px; border-radius:99px; background-color:#fff; opacity:1;
	transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
}
#theme-stopover .linebox .item-cover-swiper .swiper-pagination-bullet-active{width:20px; background-color:var(--linebox-border-color);}

.linebox .item-heading{margin-bottom:16px !important;}
.linebox .item-heading.large h5, .linebox .item-heading.large h5 *{font-size:var(--h3-font-size) !important; font-family:var(--title-font) !important;}
.linebox .item-logo-heading{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px; margin-bottom:15px;}
.linebox .item-logo-heading .item-logo{flex:0 0 45px; border-radius:4px; overflow:hidden;}
.linebox .item-logo-heading .item-logo > img{width:100%;}
.linebox .item-logo-heading .item-name{flex:1;}
.linebox .item-logo-heading .item-name *{margin-bottom:0 !important;}
.linebox :is(ul, ol){padding-left:22px;}
.linebox.left-right{flex-direction:row;}
.linebox.left-right .item-cover{flex:0 0 35%; max-width:35%;}
.linebox.left-right .item-content{flex:1;}
.linebox .icon-group > span.icon:not(:last-child){margin-bottom:6px;}

/* Custom component {Line grid} */
:root{
	--line-grid-border-color: #C3A3C3;
	--line-grid-padding-x: 25px;
	--line-grid-padding-y: 15px;
}
.line-grid{display:flex; flex-direction:column;}
.line-grid .grid-row{display:flex; flex-direction:row; flex-wrap:nowrap;}
.line-grid .grid-col{display:flex; flex-direction:column; height:100%;}
.line-grid .grid-row:not(:first-child), .line-grid .grid-col > .grid-sector:not(:first-child), .line-grid > .grid-sector:not(:first-child){border-top:1px solid var(--line-grid-border-color);}
.line-grid .grid-sector{flex: 1 1 0; padding:var(--line-grid-padding-x);}
.line-grid .grid-sector *{line-height:1.25 !important;}
.line-grid .grid-row > .grid-sector:not(:first-child){border-left:1px solid var(--line-grid-border-color); max-width: calc(50% - 1px);}
.line-grid .grid-row > .grid-sector{padding:var(--line-grid-padding-x) var(--line-grid-padding-y);}
.line-grid .grid-row > .grid-sector:first-child{padding-left:var(--line-grid-padding-x);}
.line-grid .grid-row > .grid-sector:last-child{padding-right:var(--line-grid-padding-x);}

/* Custom Component {Timetable} */
:root{
	--timetable-border-color: #D7D7D7;
	--timetable-head-bgcolor: #E2002C;
	--timetable-bgcolor: #FFFFFF;
	--timetable-font-color: var(--main-font-color);
	--timetable-col-width-1: calc(100% - 239px);
	--timetable-col-width-2: 239px;
	--timetable-padding-x: 30px; 
	--timetable-padding-y: 20px; 
}
.timetable-wrapper{display:flex; flex-direction:column; row-gap:45px;}
.timetable-wrapper:not(:last-child){margin-bottom:30px;}
.timetable-wrapper .tt-group .group-header *{font-family:var(--main-font) !important;}
.timetable{display:flex; flex-direction: column; row-gap:6px;}
.timetable .tt-head, .timetable .tt-subhead, .timetable .tt-row{display:flex; flex-direction:row; flex-wrap:nowrap;}

.timetable :is(.tt-head, .tt-head *){line-height:1.3 !important;}
.timetable .tt-head > div{flex:0 0 100%; padding:8px var(--timetable-padding-x); border-radius:12px; background-color:var(--timetable-head-bgcolor); --main-font-color:#fff; font-weight:700 !important; text-align:center; display:flex; flex-direction: column; justify-content: center;}
.timetable .tt-head > div:nth-child(1){flex:0 0 var(--timetable-col-width-1);}
.timetable .tt-head > div:nth-child(2){flex:1 0 var(--timetable-col-width-2);}
.timetable .tt-head > div:nth-child(3){flex:0 0 var(--timetable-col-width-3);}
.timetable .tt-head > div.fluid{flex:0 0 100%;}

.timetable :is(.tt-subhead, .tt-subhead *){line-height:1.3 !important;}
.timetable .tt-subhead > div{flex:0 0 100%; padding:8px var(--timetable-padding-x); border-radius:12px; background-color:var(--timetable-subhead-bgcolor, #3d1212); --main-font-color:#fff; font-weight:700 !important; text-align:center; display:flex; flex-direction: column; justify-content: center; align-items:center;}

.timetable .tt-row{border:0; border-radius:16px; background-color:var(--timetable-bgcolor); --main-font-color: var(--timetable-font-color);}
.timetable .tt-row > div{padding:var(--timetable-padding-y) var(--timetable-padding-x);}
.timetable .tt-row > div:not(:first-child){border-left:1px solid var(--timetable-border-color);}
.timetable .tt-row > div:nth-child(1){flex:0 0 var(--timetable-col-width-1);}
.timetable .tt-row > div:nth-child(2){flex:1 0 var(--timetable-col-width-2);}
.timetable .tt-row > div:nth-child(3){flex:0 0 var(--timetable-col-width-3);}
.timetable .tt-row > div.fluid{flex:0 0 100%;}

.timetable .tt-imagetext{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:1.82vw;}
.timetable .tt-imagetext .tt-imagetext-cover{flex:0 0 160px; border-radius:12px; overflow:hidden;}
.timetable .tt-imagetext .tt-imagetext-text{flex:1;}
.timetable .tt-supplementary{margin-top:var(--timetable-padding-y); padding-top:calc(var(--timetable-padding-y) / 2); border-top:1px solid #ddd2d2; --main-font-size:15px;}
.timetable .text-del{margin-top:0;}
.timetable :is(ul, ol){padding-left:26px;}

/* Custom Component {Cards Swiper} */
.card-box{position:relative; border-radius:16px; overflow:hidden;}
.card-box[data-type="video"]:after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:64px; height:64px; background-image:url(/etc.clientlibs/dhk/clientlibs/clientlib-site/resources/images/common/video-play-button.svg); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.card-box .card-image:after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:45%; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .85) 90%); z-index:1; pointer-events:none;}
.card-box .card-content{position:absolute; left:0; bottom:0; padding:0 25px 25px; z-index:2; --main-font-color:#fff; --link-color:#fff; --link-color-hover:#fff;}
.card-box :is(.card-heading, .card-heading *){--main-font-size:20px; font-weight:800 !important; line-height:1.25 !important;}
.card-box .card-heading:not(:last-child){margin-bottom:12px;}
.card-box .card-heading:after{
	display:inline-block; content:''; width:7px; height:11px; margin-left:8px; background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78584 7.99797L0.828583 1.95035C0.389691 1.50338 0.39059 0.77964 0.830582 0.333791C1.27057 -0.112058 1.98303 -0.111144 2.42192 0.335823L9.17234 7.18817C9.59613 7.62009 9.61063 8.31427 9.20534 8.76408L2.42693 15.6642C1.98803 16.1111 1.27558 16.1121 0.835588 15.6662C0.395596 15.2204 0.394697 14.4966 0.833589 14.0497L6.78584 7.99797Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:auto 100%; background-position:center;
	transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
}
.cards-swiper .swiper-slide > a{outline:none;}
.cards-swiper .swiper-slide > a:hover .card-box .card-heading:after{transform:translateX(3px);}
.card-box ul.card-tags{list-style:none; padding-left:0; margin-left:0; margin-top:18px; display:flex; flex-direction:row; flex-wrap:wrap; column-gap:8px; row-gap:5px;}
.card-box ul.card-tags > li{display:inline-flex; height:25px; padding:6px 12px; flex-direction:row; flex-wrap:nowrap; align-items:center; text-align:center; border-radius:8px; background-color:#EE1C25;}
.card-box ul.card-tags > li, .card-box ul.card-tags > li *{--main-font-size:12px; font-weight:600 !important;}
.cards-swiper .swiper-pagination{position:relative; left:auto; right:auto; top:auto; bottom:auto; }

/* Custom Component {Expand Collapse List} */
ul.expand-collapse-list{list-style:none; padding-left:0; margin-left:0;}
ul.expand-collapse-list > li{border-bottom:1px solid #363636;}
ul.expand-collapse-list > li:first-child{border-top: 1px solid #363636;}
ul.expand-collapse-list > li > .list-topic a{display:block; position:relative; padding:18px 36px 22px 0;}
ul.expand-collapse-list > li > .list-topic :is(a, a *){--main-font-size:var(--main-font-size-lg); font-weight:700 !important;}
ul.expand-collapse-list > li > .list-topic a:after{display:block; content:''; width:14px; height:14px; position:absolute; right:11px; top:calc(50% - 7px - 4px); background-size: 100% auto; background-repeat:no-repeat; background-position:right center; background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.08661 13.0866V7.91339H0.913388C0.409157 7.91339 0 7.50423 0 7C0 6.49577 0.409157 6.08661 0.913388 6.08661H6.08661V0.913388C6.08661 0.409157 6.49577 0 7 0C7.50423 0 7.91339 0.409157 7.91339 0.913388V6.08661H13.0866C13.5908 6.08661 14 6.49577 14 7C14 7.50423 13.5908 7.91339 13.0866 7.91339H7.91339V13.0866C7.91339 13.5908 7.50423 14 7 14C6.49577 14 6.08661 13.5908 6.08661 13.0866Z' fill='%23363636'/%3E%3C/svg%3E%0A");}
ul.expand-collapse-list > li.expanded > .list-topic a:after{background-repeat:no-repeat; background-position:right center; background-image: url("data:image/svg+xml,%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.913388 1.82678H6.08661H7.91339H13.0866C13.5908 1.82678 14 1.41762 14 0.913388C14 0.409157 13.5908 0 13.0866 0H7.91339H6.08661H0.913388C0.409157 0 0 0.409157 0 0.913388C0 1.41762 0.409157 1.82678 0.913388 1.82678Z' fill='%23363636'/%3E%3C/svg%3E%0A");}
ul.expand-collapse-list > li > .list-content{display:none;}
ul.expand-collapse-list > li.expanded > .list-content{display:block; padding-bottom:30px;}
ul.expand-collapse-list > li > .list-content > ul{list-style:disc;}



/* ------------------------------------ ##2 DHK Component ------------------------------------ */
/* Component {Tip with Icon Text} */
#theme-stopover .icontexttip:not(:last-child){margin-bottom:15px;}
#theme-stopover .icontexttip .tip__container{margin:0 auto; padding-top:0; padding-bottom:0;}
@media (min-width: 991.98px) { #theme-stopover .icontexttip .tip__container{width:87%;} }
#theme-stopover .icontexttip .tip__body{display:flex !important; padding-top:0; padding-bottom:0; border-radius:16px; background-color:#fffef9; background-color:#fcfbf1; border:1px solid #eee; box-shadow:0px 8px 20px 0px #ddd; overflow:hidden;}
#theme-stopover .icontexttip .tip__visual{display:flex; flex:1 0 auto; justify-content:center; align-items:center; margin-right:30px; padding-left:25px; padding-right:25px; border-top-right-radius:16px; /* border-bottom-right-radius:12px; */ background-color:var(--poster-bgcolor);}
#theme-stopover .icontexttip .tip__visual .tip__icon{width:28px;}
#theme-stopover .icontexttip :is(.tip__content, .tip__content *){color:var(--main-font-color);}
#theme-stopover .icontexttip .tip__content{padding-top:15px; padding-bottom:15px;}
#theme-stopover .icontexttip .tip__content .title{text-transform:none;}
#theme-stopover .icontexttip .cmp-title__text h5, #theme-stopover .icontexttip .cmp-title__text h5 *{color:var(--poster-bgcolor);}

/* Component {DHK WinterFest 2021 Container} — Rounded corner background container */
:root{
	/* --wf2021container-font-color: #3b002b; */
	--wf2021container-bgcolor:#F7F7F7;
	--wf2021container-border-color:#F7F7F7;
	--wf2021container-line-table-font-color:var(--poster-line-table-font-color);
	--wf2021container-line-table-border-color:var(--poster-line-table-border-color);
}
#theme-stopover .winterfest2021_container{
	padding:12px; padding-top:0; /* opacity:0; */
	--line-table-font-color: var(--wf2021container-line-table-font-color);
	--line-table-border-color: var(--wf2021container-line-table-border-color);
}
#theme-stopover .winterfest2021_container .heading h1{--title-font: 'Libel Suit Regular', 'Noto Sans', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif; letter-spacing:0;}
@media (min-width: 991.98px) {
	#theme-stopover .winterfest2021_container .heading h1{--h1-font-size:75px;}
}
html[lang="en"] #theme-stopover .winterfest2021_container .heading h1{font-weight:500;}
html[lang="zh-CN"] #theme-stopover .winterfest2021_container .heading h1{--title-font: 'Libel Suit Regular', 'Noto Sans', 'Noto Sans SC', 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif}
#theme-stopover .winterfest2021_container > .sectionBox{position:relative; padding:75px 0; background-color:var(--wf2021container-bgcolor); border:1px solid var(--wf2021container-border-color); border-radius:16px; overflow:hidden;}
#theme-stopover .winterfest2021_container .article-detail__heading{padding-left:0; padding-right:0; padding-top:0;}
#theme-stopover .winterfest2021_container .article-detail__heading .rainbow-bar--vertical{padding-left:0;}
#theme-stopover .winterfest2021_container .article-detail__heading .rainbow-bar--vertical .cmp-title__text>*:before{display:none; top:25px; left:-20px; bottom:15px; background-image:none; background-color:var(--wf2021container-font-color); border-radius:99px;}
#theme-stopover .winterfest2021_container .image > .cmp-image > .cmp-image__image,
#theme-stopover .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
	border-radius:12px;
}
#theme-stopover .winterfest2021_container .colorTable-container{max-width:1060px; margin:0 auto;}
#theme-stopover .winterfest2021_container .colorTable th, #theme-stopover .winterfest2021_container .colorTable td{padding:15px 12px; border-radius:4px;}
#theme-stopover .winterfest2021_container .colorTable.cellwithcolor th, #theme-stopover .winterfest2021_container .colorTable.cellwithcolor td{background-color:rgba(0,0,0,.15);}
#theme-stopover .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:10px;}
#theme-stopover .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;}
#theme-stopover .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:10px;}
#theme-stopover .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:10px;}
#theme-stopover .winterfest2021_container .carousel{margin-top:30px;}
#theme-stopover .winterfest2021_container .carousel-container{padding-left:0 !important; padding-right:0 !important;}
#theme-stopover .winterfest2021_container .carousel-container .slick-dots li button:before{border:1px solid #fff;}
#theme-stopover .winterfest2021_container .carousel-container .slick-dots li.slick-active button:before{background:#fff; border:1px solid #fff;}

/* Component {Image With text} */
#theme-stopover .imagewithtext .half-section-component{padding-left:0 !important; padding-right:0 !important;}
#theme-stopover .imagewithtext .half-section-component > .container.cmp-container{padding:0 !important;}
#theme-stopover .imagewithtext .half-section__image-wrap .cmp-image__image{border-radius:10px;}

/* Component {DHK e-Solution Offer Cross-Sell Banner} */
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-item{border-radius:16px; overflow:hidden;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-item .item-details .see-more-btn{border-radius:8px;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo-inner-wrapper{height:100%; padding-bottom:0;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; width:auto; height:auto; min-height:0; top:auto; object-fit:cover;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; top:auto; height:auto; min-height:0;}
#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .see-more-btn{height:45px;}
@media (min-width: 1500.98px) {
	#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:40px 85px;}
}
#theme-stopover .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}
#theme-stopover .offer-cross-sell-cmp-container .item-details .offer-name{line-height:1.2; font-size:var(--h4-font-size); font-family:var(--main-font) !important; font-weight:700 !important;}
#theme-stopover .offer-cross-sell-cmp-container .item-details .offer-name > :is(.desc, .desc *, p, p *){font-size:16px !important; color:inherit !important; line-height:1.4;}
#theme-stopover .offer-cross-sell-cmp-container .item-details .offer-name > .desc:first-child, #theme-stopover .offer-cross-sell-cmp-container .item-details .offer-name > p:first-child{margin-top:12px;}
#theme-stopover .offer-cross-sell-banner .swiper-pagination-bullet{border-radius:99px;}
#theme-stopover .offer-cross-sell-banner .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);}
#theme-stopover .offer-cross-sell-banner .swiper-slide{margin-right:0 !important;}

/* Component {Tabs} */
#theme-stopover .tabs{margin:0 20px; width:calc(100% - 20px - 20px);}
#theme-stopover .cmp-tabs__tablist{display:flex; flex-direction:row; flex-wrap:nowrap; gap:0; margin-bottom:0 !important; border-bottom:0;}
#theme-stopover .cmp-tabs__tablist li{
	flex:1 1 auto; height:57px; background-color:#FFF; border:1px solid #E1E1E1; outline:0; line-height:1 !important; border-radius:16px; display:flex; justify-content:center; align-items:center; text-align:center;
	transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1);
}
#theme-stopover .cmp-tabs__tablist li.cmp-tabs__tab--active{background-color:#E2002C; cursor:default; --main-font-color:#fff;}
#theme-stopover .cmp-tabs__tablist li:not(.cmp-tabs__tab--active):hover{background-color:#f5dfdc;}
#theme-stopover .cmp-tabs__tablist li:after{display:none;}
#theme-stopover .cmp-tabs__tablist :is(li, li *){font-weight:700; --main-font-size: var(--main-font-size-xl);}
#theme-stopover .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container{padding:0 !important;}
#theme-stopover .cmp-tabs__tabpanel .container > .dhk-content > .cmp-container{padding-top:0 !important;}
#theme-stopover .tabs .winterfest2021_container{padding:0 !important; margin-bottom:12px;}

/* Component {e-Solution Announcement Box} */
#theme-stopover .announce-box .gkActivity-tip-container{border-radius:16px;}
#theme-stopover .announce-box .gkActivity-tip-body{padding:calc(20px + 1.04vw);}
#theme-stopover .announce-box .gkActivity-tip-body *{letter-spacing:0 !important;}
#theme-stopover .announce-box .gkActivity-tip-content{padding-left:0;}
#theme-stopover .announce-box a{position:relative; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--link-color-hover)), to(var(--link-color-hover))),-webkit-gradient(linear, left top, left bottom, from(var(--link-color)), to(var(--link-color))); background-repeat:no-repeat; background-position: 0% 95%; background-size:0% 1px, 100% 1px; --main-font-color:var(--link-color);}
#theme-stopover .announce-box a:hover{--main-font-color:var(--link-color-hover); background-position: 0% 95%; background-size: 100% 1px, 100% 1px;}



/* ------------------------------------ ##3 Page content ------------------------------------ */
/* Welcome */
#welcome{position:relative;}
#welcome .white-label{display:inline-flex; flex-direction:row; align-items:flex-end; flex-wrap:nowrap; position:absolute; left:50%; bottom:0; transform:translateX(-50%); /* height:72px; */ height:calc(50px + 1.145vw); padding:0 4.27vw 2px; padding-bottom:2px; border-top-left-radius:1.5625vw; border-top-right-radius:1.5625vw; background-color:#fff;}
#welcome .white-label-content{display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap;}
#welcome .figure{display:inline-flex; flex-direction:row; align-items:center; flex-wrap:nowrap; white-space:nowrap; --main-font-color:#000; --main-font-size:calc(18px + 0.3125vw); font-weight:800 !important; background-repeat:no-repeat; background-position:left center; line-height:1.05 !important;}
#welcome .figure.figure-layover-visit{padding-left:calc(40px + 1.04vw); min-height:54px; background-image:url(/content/dam/dhk/common/theme/2025/stopover/figure-layover-visit.svg); background-size:calc(29px + 1.04vw) auto;}
#welcome .figure.figure-express-visit{padding-left:calc(28px + 1.04vw); min-height:38px; background-image:url(/content/dam/dhk/common/theme/2025/stopover/figure-express-visit.svg); background-size:calc(20px + 1.04vw) auto;}
#welcome .plus-sign{min-width:80px; min-height:28px; width:6.25vw; background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23363636'/%3E%3Cpath d='M22.4 15.4626H15.44V22.4226H12.56V15.4626H5.59998V12.5826H12.56V5.62262H15.44V12.5826H22.4V15.4626Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:28px auto; background-position:center;}






/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1679.98px) {
	
}


/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	:root {
		--h1-font-size: 60px;
		--h2-font-size: 50px;
		--h3-font-size: 42px;
		--h4-font-size: 26px;
		--h5-font-size: 21px;
		--h6-font-size: 19px;
	}

	/* Custom Component {Cards Swiper} */
	.cards-swiper .swiper{overflow:visible;}
	.cards-swiper .swiper-slide{width:330px;}
}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}


@media screen and (max-width: 1023px) {
	.navbar-wrapper{height:88px;}
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root {
		--main-font-size: 15px;
		--h1-font-size: 48px;
		--h2-font-size: 38px;
		--h3-font-size: 32px;
		--h4-font-size: 24px;
		--h5-font-size: 20px;
		--h6-font-size: 17px;
	}

	/* common */
	html.with-fancybox{overflow-x:hidden;}
	
	#theme-stopover .breadcrumb{padding:10px 0;}
	#theme-stopover .breadcrumb *{font-size:13px;}
	#theme-stopover .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;}

	#theme-stopover :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) br{display:none;}
	.fancybox__container{max-width:100vw; max-height:100vh;}
	.fancybox-slide{padding:0;}
	#theme-stopover .section-head{margin-bottom:35px;}
	#theme-stopover .btn-primary, .popup-content .btn-primary{border-radius:12px;}

	.os-theme-dark{--os-size:8px;}
	.cust-scrollarea{padding-bottom:13px;}

	/* Custom component {Anchors} */
	ul.anchors > li{min-width:182px;}
	ul.anchors > li > a, ul.anchors > li > a *{font-size:17px !important;}

	/* Custom component {Image with Text listing} */
	.imagetext-listing{padding:0;}
	.imagetext-listing .list-item{gap:16px;}
	.imagetext-listing .list-item .list-item-cover{flex:0 0 115px;}
	.imagetext-listing .list-item .list-item-heading{font-size:18px !important;}
	.imagetext-listing.sticky-style{gap:20px;}
	.imagetext-listing.sticky-style .col-left{flex:0 0 calc(42% - (20px / 2)); width:calc(42% - (20px / 2));}
	.imagetext-listing.sticky-style .col-right{flex:0 0 calc(58% - (20px / 2)); width:calc(58% - (20px / 2));}

	/* Custom component {Experience listing} */
	.exp-list ul{column-gap:16px; row-gap:15px;}
	.exp-list ul > li{flex:0 0 calc(50% - 8px);}
	.exp-list .list-item .list-item-heading{margin-bottom:6px; font-size:20px !important;}
	.exp-list .list-item{flex-direction:column;}
	.exp-list .list-item .list-item-cover{flex:0 0 auto;}

	/* Custom component {Line Box} */
	:root{
		--linebox-padding: 15px;
		--linebox-column-gap: 20px;
		--linebox-row-gap: 15px;
	}
	.linebox.left-right .item-cover{flex:0 0 38%; max-width:38%;}

	/* Custom Component {Cards Swiper} */
	.cards-swiper .swiper-slide{width:310px;}

	/* Component {Tip with Icon Text} */
	#theme-stopover .icontexttip .tip__visual{margin-right:24px; padding-left:18px; padding-right:18px;}

	/* Component {DHK WinterFest 2021 Container} — Rounded corner background container */
	#theme-stopover .winterfest2021_container > .sectionBox{padding:45px 0;}

	/* Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:2.4% 6%;}
	#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:auto !important;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	:root {
		--main-font-size: 14px;
		--h1-font-size: 38px;
		--h2-font-size: 32px;
		--h3-font-size: 25px;
		--h4-font-size: 21px;
		--h5-font-size: 17px;
		--h6-font-size: 16px;
	}

	/* Common */
	#theme-stopover .copy.copy--small p:not(.dynamic-page-details__list--data):not(:last-child), #theme-stopover p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
	#theme-stopover :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){padding:0 15px !important;}
	.aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--offset--extrasmall--1) > .dhk-content{padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}
	#theme-stopover .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}
	#theme-stopover .section-head{margin-bottom:30px;}
	#theme-stopover .btn-primary{padding:8px 28px 8px 16px;}
	#theme-stopover .btn-primary, .popup-content .btn-primary{border-radius:10px;}
	#theme-stopover .btn-primary:after, .popup-content .btn-primary:after{right:13px; top:calc(50% - 6px); width:7px; height:12px;}
	.btn-capsule{padding:0 45px 0 20px; height:42px;}
	.btn-capsule, .btn-capsule *{font-size:14px !important;}
	.btn-capsule:after{top:calc(50% - 5px); right:18px; width:12px; height:10px;}
	a.btn-arrow-down:after{margin-left:6px; width:16px; height:9px;}
	#theme-stopover span.icon{padding-left:32px;}
	#theme-stopover span.icon-datetime{min-height:24px;}
	#theme-stopover span.icon-datetime:before{width:23px; height:24px;}
	#theme-stopover span.icon-pin{min-height:26px;}
	#theme-stopover span.icon-pin:before{width:20px; height:26px;}	
	.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .has-iframe .fancybox__content{width:100% !important;}

	/* Custom component {Anchors} */
	ul.anchors > li{min-width:160px;}
	ul.anchors > li > a, ul.anchors > li > a *{font-size:16px !important;}

	/* Custom component {Image with Text listing} */
	.imagetext-listing ul{flex-direction:column; margin-left:0; margin-right:0; margin-top:0 !important; margin-bottom:10px !important; gap:16px;}
	.imagetext-listing ul > li{flex:0 0 100%; max-width:100%; margin:0;}
	.imagetext-listing ul > li:nth-child(odd), html[lang="ar"] .imagetext-listing ul > li:nth-child(even){padding-left:0; padding-right:0;}
	.imagetext-listing ul > li:nth-child(even), html[lang="ar"] .imagetext-listing ul > li:nth-child(odd){padding-left:0; padding-right:0; border-left:0;}
	.imagetext-listing .list-item .list-item-cover{flex:0 0 100px;}
	.imagetext-listing .list-item .list-item-heading{margin-bottom:3px; font-size:15px !important;}
	.imagetext-listing a > .list-item .list-item-heading:after{width:8px; height:12px; margin-left:6px;}
	.imagetext-listing.sticky-style{flex-direction:column;}
	.imagetext-listing.sticky-style .col-left{flex:auto; width:auto;}
	.imagetext-listing.sticky-style .col-right{flex:auto; width:auto;}

	/* Custom component {Experience listing} */
	.exp-list ul{gap:0; margin-bottom:0 !important;}
	.exp-list ul{flex-direction:row; flex-wrap:nowrap;}
	.exp-list ul li{flex:0 0 80%; width:80%;}
	.exp-list .list-item .list-item-heading{margin-bottom:6px; font-size:16px !important;}
	.exp-list .list-item .list-item-desc{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

	/* Custom component {Line Box} */
	:root{
		--linebox-border-radius: 12px;
	}
	.linebox .item-heading{margin-bottom:12px !important;}
	.linebox.left-right{flex-direction:column !important; align-items:stretch !important;}
	.linebox.left-right .item-cover{flex:auto; max-width:100%;}

	/* Custom Component {Timetable} */
	:root{
		--timetable-col-width-1: calc(100% - 92px);
		--timetable-col-width-2: 92px;
		--timetable-padding-x: 15px; 
		--timetable-padding-y: 15px; 
	}
	.timetable .tt-imagetext{flex-direction:column; gap:12px;}
	.timetable .tt-imagetext .tt-imagetext-cover{flex:0 0 auto;}
	.timetable .tt-imagetext .tt-imagetext-text{flex:0 0 auto;}
	.timetable .tt-supplementary{--main-font-size:13px;}

	/* Custom Component {Expand Collapse List} */
	ul.expand-collapse-list{margin-top:25px !important;}
	ul.expand-collapse-list > li > .list-topic a{padding:10px 28px 12px 0;}
	ul.expand-collapse-list > li > .list-topic a:after{width:12px; height:12px; right:8px; top:calc(50% - 5px - 2px);}

	/* Component {Tabs} */
	#theme-stopover .tabs{margin:0; width:100%;}
	#theme-stopover .cmp-tabs__tablist li{height:45px; padding:8px 12px; --main-font-size:var(--main-font-size);}
	#theme-stopover .cmp-tabs__tablist li:first-child{border-top-left-radius:0; border-bottom-left-radius:0; border-left:0;}
	#theme-stopover .cmp-tabs__tablist li:last-child{border-top-right-radius:0; border-bottom-right-radius:0; border-right:0;}

	/* Component {Tip with Icon Text} */
	#theme-stopover .icontexttip .tip__visual{position:relative; margin-right:18px; padding-left:12px; padding-right:12px; width:auto; height:auto; right:auto; top:auto; border-top-right-radius:12px;}
	#theme-stopover .icontexttip .tip__body{border-radius:12px;}
	#theme-stopover .icontexttip .tip__body .tip__visual .tip__icon{width:22px;}
	#theme-stopover .icontexttip .tip__body .tip__content{padding-left:0;}

	/* Component {DHK WinterFest 2021 Container} — Rounded corner background container */
	#theme-stopover .winterfest2021_container{padding:6px; padding-top:0;}
	#theme-stopover .winterfest2021_container > .sectionBox{padding:35px 0 50px; border-radius:12px;}
	#theme-stopover .winterfest2021_container .image > .cmp-image > .cmp-image__image,
	#theme-stopover .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
		border-radius:12px;
	}
	#theme-stopover .winterfest2021_container .colorTable th, #theme-stopover .winterfest2021_container .colorTable td{padding:10px 8px; border-radius:3px;}
	#theme-stopover .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:6px;}
	#theme-stopover .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;}
	#theme-stopover .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:6px;}
	#theme-stopover .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:6px;}

	/* Component {Image With text} */
	#theme-stopover .imagewithtext .half-section-component > .container.cmp-container{padding:0 !important;}
	#theme-stopover .imagewithtext .half-section-component > .container.cmp-container .row > .col-md-6{padding-left:20px !important; padding-right:20px !important;}
	#theme-stopover .imagewithtext .half-section__image-wrap .cmp-image__image{border-radius:6px;}

	/* Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;}
	#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{object-fit:cover !important;}
	#theme-stopover .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .see-more-btn .btn-text{font-size:16px;}
	#theme-stopover .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;}
	
	/* Welcome */
	#welcome .white-label{position:relative; bottom:auto; max-width:calc(100% - 10px - 10px); margin-top:-30px; height:auto; padding:15px 20px 0; border-radius:12px;}
	#welcome .figure{background-position:top center; white-space:unset; text-align:center; --main-font-size:16px;}
	#welcome .figure.figure-layover-visit{padding-left:0; padding-top:48px; min-height:42px; background-size:49px 42px;;}
	#welcome .figure.figure-express-visit{padding-left:0; padding-top:46px; min-height:40px; background-size:40px 40px;}
	#welcome .plus-sign{min-width:0; min-height:0; width:60px; height:24px; background-size:contain;}

	/* 
	#welcome .figure{display:inline-flex; flex-direction:row; align-items:center; flex-wrap:nowrap; white-space:nowrap; --main-font-color:#000;  font-weight:800 !important; background-repeat:no-repeat; background-position:left center; line-height:1.05 !important;}
	
	 */
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}