/* Theme DHK Cyclothon 2025 */
@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;
	--h1-font-size: 78px;
	--h2-font-size: 60px;
	--h3-font-size: 44px;
	--h4-font-size: 30px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;

	/* Theme color start */
	/* # global */
	--title-font-color:#193a37;
	--main-font-color: #193a37;
	--link-color: #000;
	--link-color-hover: #cc0e07;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #193a37;
	--selection-font-color: #fff;
	--selection-bgcolor: #312b35;
	--scrollarea-scrollbar-color-thumb: #ff1600;
	--scrollarea-scrollbar-color-track: #ebe5e9;
	--scrollarea-scrollbar-width: 5px;
	--swiper-pagination-bullet-active-color: #007aff;
	--hashtag-bgcolor: #e2002c;
	--hashtag-font-color: #fff;

	/* # event inner page */
	--event-inner-font-color: #193a37;
	--event-inner-bgcolor:#f0fefe;
	--event-inner-line-table-font-color:var(--intro-line-table-font-color);
	--event-inner-line-table-border-color:var(--intro-line-table-border-color);

	/* # intro */
	--intro-font-color: #193a37;
	/* --intro-bgcolor: hsla(208, 77%, 31%, 1);
	--intro-bg-image:	radial-gradient(at 73% 100%, hsla(216, 81%, 22%, 1) 0px, transparent 50%), radial-gradient(at 97% 91%, hsla(212, 70%, 28%, 1) 0px, transparent 50%), radial-gradient(at 13% 17%, hsla(206, 89%, 35%, 1) 0px, transparent 50%); */
	--intro-bgcolor: hsla(180, 87%, 96%, 1);
	--intro-bg-image:
	radial-gradient(at 73% 100%, hsla(180, 73%, 76%, 1) 0px, transparent 50%),
	radial-gradient(at 97% 91%, hsla(180, 78%, 70%, 1) 0px, transparent 50%),
	radial-gradient(at 13% 17%, hsla(180, 95%, 74%, 1) 0px, transparent 50%);
	--intro-primary-button-font-color: #193a37;
	--intro-primary-button-bgcolor: #2eff00;
	--intro-primary-button-bg-image: linear-gradient(94deg, rgba(68, 212, 36, 1) 0%, rgba(45, 224, 4, 1) 9%, rgba(170, 255, 247, 1) 100%);
	--intro-video-icon: url(/content/dam/dhk/common/theme/2025/cyclothon/icon-video-play.svg);
	--intro-date-icon: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.69824' y='5.24237' width='26.303' height='23.7576' rx='2' fill='url(%23paint0_linear_261_714)'/%3E%3Cpath d='M9.08165 19.6675V21.9552H6.79395V19.6675H9.08165ZM14.8009 19.6675V21.9552H12.5132V19.6675H14.8009ZM20.5202 19.6675V21.9552H18.2325V19.6675H20.5202ZM9.08165 14.2075V16.4952H6.79395V14.2075H9.08165ZM14.8009 14.2075V16.4952H12.5132V14.2075H14.8009ZM20.5202 14.2075V16.4952H18.2325V14.2075H20.5202Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M7.70996 1V3.51648' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.9111 1V3.51648' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.7921 3.88257H2.52514C1.68283 3.88257 1 4.5654 1 5.40771V24.9295C1 25.7718 1.68283 26.4546 2.52514 26.4546H24.7921C25.6345 26.4546 26.3173 25.7718 26.3173 24.9295V5.40771C26.3173 4.5654 25.6345 3.88257 24.7921 3.88257Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.81561H26.2258' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_261_714' x1='7.95885' y1='6.56224' x2='7.95885' y2='21.7878' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23AD30D8'/%3E%3Cstop offset='0.88' stop-color='%23731C75'/%3E%3Cstop offset='1' stop-color='%23731C75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	--intro-line-table-font-color: #193a37;
	--intro-line-table-border-color: #dce6ed;	

	/* # anchors */
	--anchors-font-color: #fff;
	--anchors-border-color: #edd0b1;
	--anchors-bgcolor: rgb(218, 159, 75, 1);
	--anchors-sticky-bgcolor: rgb(218, 159, 75, .95);	
	--anchors-toggle-color-main: #3b2400;
	--anchors-toggle-color-secondary: #9D8095;
	--anchors-toggle-bgcolor-main: #fff;
	--anchors-toggle-bgcolor-secondary: #EBE5E9;

	/* # line box */
	--linebox-font-color: #193a37;
	--linebox-bgcolor: #f0fefe;
	--linebox-border-color: #8DBFD7;
	--linebox-swiper-button-arrow-color: #193a37;
	--linebox-swiper-button-bgcolor: #fff;

	/* # line table */
	--line-table-font-color: #193a37;
	--line-table-border-color: #dce6ed;

	/* # image text list */
	--imagetextlist-alignment: flex-start;
	--imagetextlist-seperate-border-color: #D8CCD5;
	--imagetextlist-circle-bgcolor: #333;
	--imagetextlist-circle-arrow-color: #fff;

	/* 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-cyc ::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-cyc{position:relative; font-weight:400; font-style:normal; background-color:#fff;}
#theme-cyc *: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-cyc, #theme-cyc :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-cyc .theme-dark, #theme-cyc .theme-dark :is(div, span, p, a, li, table th, table td){color:#fff;}
#theme-cyc .caption .cmp-text p{font-size:0.6875rem;}
#theme-cyc 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)));}
#theme-cyc a.underlined:hover{color:var(--link-color-hover);}
#theme-cyc b, #theme-cyc strong{font-weight:700;}
#theme-cyc b *, #theme-cyc strong *{font-weight:inherit !important;}
#theme-cyc img:not(.iconVideoPlay){max-width:100%;}
#theme-cyc small{display:inline-block;}
#theme-cyc :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-cyc .caption, #theme-cyc .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;}
#theme-cyc .sharing{display:flex; width:100%; justify-content:flex-start;}
#theme-cyc .sharing .sharing__container{padding:0 !important;}
#theme-cyc .sharing ul.sharing__list{margin-top:0 !important; margin-bottom:0 !important; flex-wrap:nowrap;}
#theme-cyc .sharing li.sharing__item:not(:last-child){margin-right:10px;}
#theme-cyc .sharing li.sharing__item > svg{background-color:transparent; overflow:hidden; border-radius:999px;}
#theme-cyc .sharing ul.sharing__list .icon-hover__showed path{fill:var(--intro-font-color);}
#theme-cyc .sharing ul.sharing__list .icon-hover__hidden path{fill:var(--intro-font-color);}
#theme-cyc :is(.font-hkremix-neon, .font-hkremix-neon *){font-family:var(--neon-font) !important;}

#theme-cyc :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-cyc :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(1360px + 20px + 20px) !important;}
#theme-cyc .container-cust{max-width:calc(1360px + 20px + 20px);}
#theme-cyc .container-cust.large, #theme-cyc .gohk2022-container{max-width:calc(1520px + 20px + 20px);}
#theme-cyc .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-cyc .container.dhk-container.max-width-1100 .cmp-container, #theme-cyc .gohk2022-full-width-container{max-width:none !important;}
#theme-cyc .freeformeditor-v2 .row, #theme-cyc .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-cyc :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-cyc .text.caption :is(p, a, *){font-size:16px !important;}
}
#theme-cyc .text.caption{position:relative; padding-left:44px; margin-top:15px; width:fit-content; margin:0 auto;}
#theme-cyc .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-cyc .breadcrumb{padding:20px 0;}
#theme-cyc .breadcrumb *{font-size:12px; font-weight:600; font-family:var(--main-font);}
#theme-cyc .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;}
#theme-cyc .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-cyc .breadcrumb svg .cls-100{stroke:#2D2D2D; stroke-width:1px;}
#theme-cyc .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;}
#theme-cyc .breadcrumb .cmp-breadcrumb__item:after{border-color:#2D2D2D;}
#theme-cyc .breadcrumb .breadcrumb__home-icon{display:none;}

#theme-cyc :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-cyc :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){line-height:1;} */
html[lang="en"] #theme-cyc :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){letter-spacing:0.01px;}
#theme-cyc :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px !important;}
#theme-cyc :is(h2, h2 *){font-size: var(--h2-font-size);}
#theme-cyc :is(h3, h3 *){font-size: var(--h3-font-size);}
#theme-cyc :is(h4, h4 *){font-size: var(--h4-font-size);}
#theme-cyc :is(h5, h5 *){font-size: var(--h5-font-size);}
#theme-cyc :is(h6, h6 *){font-size: var(--h6-font-size);}

#theme-cyc .theme-dark{
	--title-font-color:#fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#theme-cyc .theme-dark :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){color:var(--title-font-color);}

.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-cyc .section-head{margin-bottom:40px;}
#theme-cyc .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.7;}

:is(#theme-cyc, .popup-wrapper) .btn-primary{position:relative; display:inline-block; 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-cyc, .popup-wrapper) .btn-primary, :is(#theme-cyc, .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-cyc, .popup-wrapper) .btn-primary:not(:last-child), .popup-content .btn-primary:not(:last-child){margin-right:8px;}
:is(#theme-cyc, .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-cyc, .popup-wrapper) .btn-primary:hover:after, .popup-content .btn-primary:hover:after{transform:translateX(3px) scale(.85);}
.btn-primary.disabled{padding:12px 20px !important; filter:contrast(0.5) brightness(1.5); 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;}

.btn-capsule{position:relative; display:inline-flex; justify-content:center; align-items:center; text-align:center; padding:0 60px 0 25px; height:48px; border-radius:999px; background-color:#333 !important; background-image:none !important;}
.btn-capsule, .btn-capsule *{font-size:16px !important; font-weight:700 !important; color:#fff !important;}
.btn-capsule:after{display:block; content:''; position:absolute; top:calc(50% - 6px); right:22px; width:16px; height:13px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/imagetext-list-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/imagetext-list-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:#fff;}

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);}

#theme-cyc a.btn-cyc{
	position:relative; display:inline-flex; justify-content:center; margin:0 56px 10px 0; padding:0 50px 6px 25px; width:393px; height:69px; background-position:left center; background-repeat:no-repeat; background-size:auto 100%; font-weight:800 !important; line-height:1.2; align-items:center; background-size:auto 100% !important; background-position:0 0 !important;
	/* --main-font-color: #fff; */
	--main-font-size: var(--h5-font-size);
}
#theme-cyc a.btn-cyc:not(:first-child){margin-left:4px;}
#theme-cyc a.btn-cyc:after{display:block; content:''; position:absolute; left:calc(100% - 40px); top:0; width:128px; height:69px; background-repeat:no-repeat; background-position:0 0; background-size:auto 100%;}
#theme-cyc a.btn-cyc.large{width:100%; max-width:400px; font-size:21px !important;}
#theme-cyc a.btn-cyc.t-center{text-align:center;}
#theme-cyc a.btn-cyc.greenblue{background-image:url(/content/dam/dhk/common/theme/2025/cyclothon/button-greenblue-left.png) !important;}
#theme-cyc a.btn-cyc.greenblue:after{background-image:url(/content/dam/dhk/common/theme/2025/cyclothon/button-greenblue-right.png);}

.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);}
}

mark.blue{padding: 0.1em 0.4em !important; border-radius: 0.8em 0.3em; background: transparent; background-image: linear-gradient(to right, rgba(13, 174, 220, 0.1), rgba(13, 174, 220, 0.7) 4%, rgba(13, 174, 220, 0.3) ); -webkit-box-decoration-break: clone; box-decoration-break: clone;}
span.icon-lightblub{display:inline-block; min-height:33px; padding-left:calc(28px + 10px); padding-top:4px; background-image:url(/content/dam/dhk/common/icon/default/icon-light-bulb.svg); background-repeat:no-repeat; background-size:28px auto; vertical-align:text-bottom;}
.pin-title{padding-left:calc(20px + 15px); margin-bottom:20px; min-height:27px; background-image:url(/content/dam/dhk/common/icon/icon-pin-red.svg); background-repeat:no-repeat; background-position:left top; background-size:20px auto;}
.pin-title, .pin-title *{font-size:var(--h5-font-size) !important; font-weight:800 !important;}



/* Custom component {Line table} */
@media (min-width: 1399.98px){
	.line-table-row{margin-left:-45px !important; margin-right:-45px !important;}
	.line-table-col{padding-left:45px !important; padding-right:45px !important;}
	.line-table-col .line-table .table-cell{padding:45px 18px;}
	.line-table-col .line-table .table-row:first-child > .table-cell{padding-top:0;}
	.line-table-col .line-table .table-row:last-child > .table-cell{padding-bottom:0;}
	.line-table-col .line-table .table-cell:first-child{padding-left:0;}
	.line-table-col .line-table .data-head, .line-table-col .line-table .spotlight .sl-head{margin-bottom:15px;}
	.line-table-col .line-table .spotlight{margin-top:45px;}
}
.line-table-col:not(:first-child){border-left:1px solid var(--line-table-border-color);}
.line-table:not(:last-child){margin-bottom:35px;}
.line-table .table-row{display:flex; flex-direction:row; flex-wrap:nowrap; border-bottom:1px solid var(--line-table-border-color);}
.line-table .table-row:last-child{border-bottom:0;}
.line-table .table-footer{padding:10px 0; border-top:1px solid var(--line-table-border-color);}
.line-table .table-cell{position:relative; padding:20px 18px; flex:1;}
.line-table .table-row:first-child > .table-cell{padding-top:0;}
.line-table .table-cell:first-child{padding-left:0;}
.line-table .table-cell:not(:first-child):before{display:block; content:''; position:absolute; width:1px; height:74%; top:13%; left:-1px; background-color:var(--line-table-border-color);}
.line-table .table-cell.fluid{padding-left:0; flex:0 0 100%;}
.line-table .table-cell.fluid:before{display:none;}
.line-table .data-head{margin-bottom:10px;}
.line-table .data-head, .line-table .data-head *{color:var(--line-table-font-color) !important; font-weight:800 !important; font-size:1.111em;}
.line-table .data-content{line-height:1.4 !important;}
.line-table .data-content, .line-table .data-content *{color:var(--line-table-font-color);}
.line-table .data-content > ul, .line-table .data-content > ol{padding-left:27px;} 
.line-table .copy.copy--small p:not(.dynamic-page-details__list--data):not(:last-child), .line-table p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
#theme-cyc span.icon{display:inline-block; position:relative; padding-left:38px;}
#theme-cyc :is(span.icon, span.icon *){color:#7f919d;}
#theme-cyc span.icon:before{display:block; content:''; position:absolute; left:-2px; top:0; background-repeat:no-repeat; background-position:left center; background-color:#7f919d; -webkit-mask-size:cover; mask-size:cover; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;}
#theme-cyc span.icon-date{min-height:22px;}
#theme-cyc span.icon-date:before{width:22px; height:22px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-date.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-date.svg);}
#theme-cyc span.icon-time{min-height:22px;}
#theme-cyc span.icon-time:before{width:22px; height:22px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-time.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-time.svg);}
#theme-cyc span.icon-datetime{min-height:27px;}
#theme-cyc span.icon-datetime:before{width:26px; height:27px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-datetime.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-datetime.svg);}
#theme-cyc span.icon-htgt{min-height:29px;}
#theme-cyc span.icon-htgt:before{width:29px; height:29px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-htgt.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-htgt.svg);}
#theme-cyc span.icon-note{min-height:23px;}
#theme-cyc span.icon-note:before{width:23px; height:23px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-note.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-note.svg);}
#theme-cyc span.icon-location{min-height:28px;}
#theme-cyc span.icon-location:before{width:22px; height:28px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-location.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-location.svg);}
#theme-cyc span.icon-vantagepoint{min-height:calc(19px + 3px);}
#theme-cyc span.icon-vantagepoint:before{top:3px; width:25px; height:19px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-vantagepoint.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-vantagepoint.svg);}
#theme-cyc span.icon-admission{min-height:calc(21px + 3px);}
#theme-cyc span.icon-admission:before{top:3px; width:26px; height:21px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-admission.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-admission.svg);}
#theme-cyc span.icon-pin{min-height:28px;}
#theme-cyc span.icon-pin:before{left:1px; width:22px; height:28px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-pin.svg); mask-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-pin.svg);}
.line-table .spotlight{padding:24px 30px; margin-top:30px; border-radius:16px; border:1px solid var(--line-table-border-color); background-color:rgba(0,0,0,.1);}
.line-table .spotlight .sl-head, .line-table .spotlight .sl-head *{color:var(--line-table-font-color) !important; font-weight:700 !important;}

/* Custom component {Image with Text listing} */
.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-cyc .imagetext-listing span.icon-pin{min-height:14px; padding-left:18px;}
#theme-cyc .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 {Anchors} */
.anchors-wrapper{transform:translateY(-27px); margin-bottom:-27px; z-index:99;}
ul.anchors{list-style:none; display:flex; flex-direction:row; flex-wrap:nowrap; padding-left:0; 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; font-family:var(--main-font) !important;}
ul.anchors > li > a:after{display:inline-block; content:''; width:7px; height:12px; margin-left:10px; -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(--anchors-font-color); transform:rotate(90deg);}
ul.anchors > li > a:hover:after, ul.anchors > li > a:active:after {
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: arrow-down-float-ani;
	-webkit-animation-timing-function: ease-in-out;
	animation-direction: alternate;
	animation-duration: .8s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: arrow-down-float-ani;
	animation-timing-function: ease-in-out;
}
ul.anchors > li > a.active{background-color:var(--anchors-font-color);}
ul.anchors > li > a.active:after{background-color:var(--anchors-bgcolor);}
ul.anchors > li > a.active, ul.anchors > li > a.active *{color:var(--anchors-bgcolor) !important;}
.anchors-toggle{position:relative; padding:12px 54px 12px 18px; width:100%; border-radius:12px !important; border:1px solid var(--anchors-toggle-color-main); outline:0 !important; background:#fff; text-align:left;}
.anchors-toggle, .anchors-toggle *{line-height:1.2 !important;}
.anchors-toggle .toggle-label{display:block; font-size:12px !important; font-weight:600 !important; color:var(--anchors-toggle-color-secondary) !important; margin-bottom:6px;}
.anchors-toggle .toggle-value{font-size:16px !important; font-weight:800 !important; color:var(--anchors-toggle-color-main) !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.anchors-toggle .toggle-arrow{display:block; position:absolute; right:-1px; top:-1px; width:calc(36px + 2px); height:calc(100% + 2px); border-radius:12px; border:1px solid var(--anchors-toggle-color-main); background-color:var(--anchors-bgcolor);}
.anchors-toggle .toggle-arrow:after{display:inline-block; content:''; position:absolute; left:calc(50% - 3.5px); top:calc(50% - 6px); width:7px; height:12px; -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:#fff; transform:rotate(90deg);}
.anchors-toggle.show .toggle-arrow:after{transform:rotate(-90deg);}
@media (min-width: 991.98px) {
	ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:16px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a, ul.anchors > li > a *{font-size:15px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:14px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a.active, ul.anchors > li > a.active *{--anchors-bgcolor: #3d2503;}
}
@media (min-width: 1199.98px) {
	ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:17px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a{height:40px; border-radius:12px; --anchors-bgcolor: var(--anchors-sticky-bgcolor);}
	.anchors-wrapper.sticky ul.anchors > li > a.active{box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);}
	.anchors-wrapper.sticky ul.anchors > li > a, ul.anchors > li > a *{font-size:16px !important;}
	/* .anchors-wrapper.sticky ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:15px !important;} */
}
@-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);}
}

/* Custom component {Line Box} */
.linebox-wrapper{--linebox-row-gap:16px;}
.linebox-row{display:flex; flex-direction:row; flex-wrap:nowrap; gap:var(--linebox-row-gap);}
.linebox-row:not(:last-child){margin-bottom:20px;}
.linebox{
	flex:1; padding:20px; border-radius:16px; border:1px solid var(--linebox-border-color); background-color:var(--linebox-bgcolor); display:flex; flex-direction:column; overflow:hidden;
	--title-font-color: var(--linebox-font-color);
	--main-font-color: var(--linebox-font-color);
}
.linebox:not(.large){gap:25px;}
.linebox.has-popover{overflow:visible;}
.linebox.animate {
	animation-name: bg-alert;
	animation-duration: .5s;
	animation-timing-function: ease;
	animation-iteration-count: 2;
	animation-play-state: running;
}
@keyframes bg-alert {
    0%     {background-color:var(--linebox-bgcolor);}
    50.0%  {background-color:#d9f1f8;}
    100.0%  {background-color:var(--linebox-bgcolor);}
}
.linebox-row:last-child .linebox:last-child:not(.large){max-width:calc(50% - (var(--linebox-row-gap) / 2));}
.linebox.w33p{flex:0 0 calc(33.3% - (var(--linebox-row-gap) * 2 / 3)) !important; max-width:calc(33.3% - (var(--linebox-row-gap) * 2 / 3)) !important;}
.linebox, .linebox *{color:var(--linebox-font-color);}
.linebox .item-cover{position:relative; border-radius:12px; 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-cyc .linebox .item-cover > .caption{--linebox-font-color:#fff;}
#theme-cyc .linebox .item-cover > :is(.caption, .caption *){font-size:12px !important; color:#fff !important;}
.linebox .item-heading{margin-bottom:16px !important;}
.linebox .item-heading h5{margin-bottom:10px !important;}
.linebox .item-heading h5.with-icon{display:flex; align-items:center;}
.linebox .item-heading-icon{display:inline-block; margin-right:8px;}
.linebox :is(ul, ol){padding-left:26px;}

.linebox.large{flex-direction:row; align-items:center;}
.linebox.large :is(.item-cover, .item-content){flex:1;}
.linebox.large .item-content{padding:0 35px;}

.linebox-swiper-wrapper{position:relative; opacity:0; transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1);}
.linebox-swiper-wrapper.swiper-initialized{opacity:1;}
.linebox-swiper{overflow-x:hidden; overflow-y:visible;}
.linebox-swiper .swiper-slide{height:auto;}
.linebox-swiper .swiper-slide .linebox{height:100%;}

.linebox-wrapper.show-partial{position:relative; height:150vh; overflow:hidden;}
.linebox-wrapper.show-partial:after{display:block; content:''; height:10vh; width:100%; position:absolute; left:0; bottom:0; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 1) 100%);}
.linebox-wrapper .swiper-button-arrow{position:absolute; top:50%; width:48px; height:48px; border-radius:16px; background-color:var(--linebox-swiper-button-bgcolor); background-image:none !important; box-shadow:0px 0px 20px 0px rgba(0,0,0,.1); z-index:10; cursor:pointer;}
.linebox-wrapper .swiper-button-arrow:before{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:10px; height:17px;}
.linebox-wrapper .swiper-button-arrow:after{display:none !important;}
.linebox-wrapper .swiper-button-arrow.swiper-button-disabled{display:none;}
.linebox-wrapper .linebox-swiper-button-prev{left:-8px; transform:translate(-50%, -50%);}
.linebox-wrapper .linebox-swiper-button-next{right:-8px; transform:translate(50%, -50%);}
.linebox-wrapper .linebox-swiper-button-prev:before{-webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-prev.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-prev.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--linebox-swiper-button-arrow-color);}
.linebox-wrapper .linebox-swiper-button-next:before{-webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-next.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-next.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--linebox-swiper-button-arrow-color);}
.linebox-swiper-pagination{position:relative !important; left:auto !important; bottom:auto !important;}
.linebox-swiper-pagination .swiper-pagination-bullet{border-radius:99px;}
.linebox-swiper-pagination .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);}
#theme-cyc .linebox-wrapper span.icon{padding-left:26px;}
#theme-cyc .linebox-wrapper span.icon:before{transform:scale(.79);}
#theme-cyc .linebox-cover-swiper{position:relative;}
#theme-cyc .linebox-cover-swiper .linebox-cover-swiper-pagination{bottom:6px;}
#theme-cyc .linebox-cover-swiper .swiper-pagination-bullet{margin:0 3px; border-radius:99px; background-color:#fff;}
#theme-cyc .linebox-cover-swiper .swiper-pagination-bullet-active{width:16px; background-color:var(--swiper-pagination-bullet-active-color);}



/* Component {Tip with Icon Text} */
#theme-cyc .icontexttip:not(:last-child){margin-bottom:15px;}
#theme-cyc .icontexttip .tip__container{margin:0 auto; padding-top:0; padding-bottom:0;}
@media (min-width: 991.98px) { #theme-cyc .icontexttip .tip__container{width:87%;} }
#theme-cyc .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-cyc .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(--intro-bgcolor);}
#theme-cyc .icontexttip .tip__visual .tip__icon{width:28px;}
#theme-cyc .icontexttip :is(.tip__content, .tip__content *){color:var(--main-font-color);}
#theme-cyc .icontexttip .tip__content{padding-top:15px; padding-bottom:15px;}
#theme-cyc .icontexttip .tip__content .title{text-transform:none;}
#theme-cyc .icontexttip .cmp-title__text h5, #theme-cyc .icontexttip .cmp-title__text h5 *{color:var(--intro-bgcolor);}

/* Component {DHK WinterFest 2021 Container} — Event inner page container */
#theme-cyc .winterfest2021_container{
	padding:12px; padding-top:0;
	--line-table-font-color: var(--event-inner-line-table-font-color);
	--line-table-border-color: var(--event-inner-line-table-border-color);
}
#theme-cyc .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-cyc .winterfest2021_container .heading h1{--h1-font-size:75px;}
}
html[lang="en"] #theme-cyc .winterfest2021_container .heading h1{font-weight:500;}
html[lang="zh-CN"] #theme-cyc .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-cyc .winterfest2021_container > .sectionBox{position:relative; padding:75px 0; background-color:var(--event-inner-bgcolor); border-radius:16px; overflow:hidden;}
#theme-cyc .winterfest2021_container > .sectionBox, #theme-cyc .winterfest2021_container > .sectionBox * {--main-font-color: var(--event-inner-font-color); color:var(--event-inner-font-color);}
#theme-cyc .winterfest2021_container .article-detail__heading{padding-left:0; padding-right:0; padding-top:0;}
#theme-cyc .winterfest2021_container .article-detail__heading .rainbow-bar--vertical{padding-left:0;}
#theme-cyc .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(--event-inner-font-color); border-radius:99px;}
#theme-cyc .winterfest2021_container .image > .cmp-image > .cmp-image__image,
#theme-cyc .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
	border-radius:12px;
}
#theme-cyc .winterfest2021_container .colorTable-container{max-width:1060px; margin:0 auto;}
#theme-cyc .winterfest2021_container .colorTable th, #theme-cyc .winterfest2021_container .colorTable td{padding:15px 12px; border-radius:4px;}
#theme-cyc .winterfest2021_container .colorTable.cellwithcolor th, #theme-cyc .winterfest2021_container .colorTable.cellwithcolor td{background-color:rgba(0,0,0,.15);}
#theme-cyc .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:10px;}
#theme-cyc .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;}
#theme-cyc .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:10px;}
#theme-cyc .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:10px;}
#theme-cyc .winterfest2021_container .carousel{margin-top:30px;}
#theme-cyc .winterfest2021_container .carousel-container{padding-left:0 !important; padding-right:0 !important;}
#theme-cyc .winterfest2021_container .carousel-container .slick-dots li button:before{border:1px solid #fff;}
#theme-cyc .winterfest2021_container .carousel-container .slick-dots li.slick-active button:before{background:#fff; border:1px solid #fff;}

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

/* Component {Tabs} */
#theme-cyc .tabs .cmp-tabs{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:8px; border-radius:20px; background-color:#f6fdff; border:1px solid #e6e8ed;}
#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist{flex:0 0 240px; display:flex; flex-direction:column; padding:15px 10px !important; margin-bottom:0; border-bottom:0; overflow-x:visible;}
#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li{position:relative; height:60px; border-radius:7px; padding:0 16px !important; line-height:1.3 !important; display:flex; align-items:center; white-space:unset; font-weight:800;}
#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li:after{background:none;}
#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li:not(.cmp-tabs__tab--active):hover{background-color: #fff;}
#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li.cmp-tabs__tab--active{background-color:#AAFFF7; border-bottom:0;}
#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li.cmp-tabs__tab--active:after{display:block; content:''; position:absolute; top:50%; left:auto; right:-3%; margin-left:0; margin-top:-12px; width:24px; height:24px; background-color:#AAFFF7; border-radius:3px; transform:rotate(45deg); opacity:1;}
#theme-cyc .tabs .cmp-tabs .cmp-tabs__tabpanel{flex:1; padding:30px 45px; border-radius:20px; background-color:#AAFFF7; box-shadow:-3px 1px 14px 1px rgba(0,0,0,0.14); -webkit-box-shadow: -3px 1px 14px 1px rgba(0,0,0,0.14); -moz-box-shadow: -3px 1px 14px 1px rgba(0,0,0,0.14);}
#theme-cyc .tabs .cmp-tabs .cmp-tabs__tabpanel :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-family:var(--main-font) !important;}

/* Component {DHK e-Solution Offer Cross-Sell Banner} */
#theme-cyc .offer-cross-sell-cmp-container .offer-cross-sell-item{border-radius:16px; overflow:hidden;}
#theme-cyc .offer-cross-sell-cmp-container .offer-cross-sell-item .item-details .see-more-btn{border-radius:8px;}
#theme-cyc .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#theme-cyc .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-cyc .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-cyc .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#theme-cyc .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-cyc .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-cyc .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:40px 85px;}
}
#theme-cyc .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}
#theme-cyc .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-cyc .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-cyc .offer-cross-sell-cmp-container .item-details .offer-name > .desc:first-child, #theme-cyc .offer-cross-sell-cmp-container .item-details .offer-name > p:first-child{margin-top:12px;}
#theme-cyc .offer-cross-sell-banner .swiper-pagination-bullet{border-radius:99px;}
#theme-cyc .offer-cross-sell-banner .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);}
#theme-cyc .offer-cross-sell-banner .swiper-slide{margin-right:0 !important;}



/* Section | Intro */
#intro{
	--primary-button-font-color: var(--intro-primary-button-font-color);
	--primary-button-bgcolor: var(--intro-primary-button-bgcolor);
	--line-table-font-color: var(--intro-line-table-font-color);
	--line-table-border-color: var(--intro-line-table-border-color);
	position:relative; margin:0 12px;
}
.intro-pane{border-radius:16px; background-color:var(--intro-bgcolor); background-image:var(--intro-bg-image); overflow:hidden;}
.intro-pane.has-anchor{padding-bottom:27px;}
.intro-gallery{position:relative; display:grid; grid-template-rows:repeat(2, auto [col-start]); /* grid-template-columns: repeat(4, 25% [col-start]); */ grid-template-columns:repeat(4, minmax(0, 1fr)); gap:4px 5px; z-index:1;}
.intro-gallery.fluid{grid-template-rows:auto; grid-template-columns:auto;}
.intro-gallery .intro-gallery-item{position:relative; border-radius:10px; overflow:hidden;}
.intro-gallery .intro-gallery-item > a{display:block; width:100%; height:100%; cursor:pointer;}
.intro-gallery .intro-gallery-item img{width:100%;}
.intro-gallery .intro-gallery-item.item-large{grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:3;}
.intro-gallery .intro-gallery-item[data-type="video"] > a:after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:4.2vw; height:4.2vw; min-width:45px; min-height:45px; background-image:var(--intro-video-icon); background-size:100% auto; background-position:center; background-repeat:no-repeat;}
.intro-gallery .intro-gallery-item.item-large[data-type="video"] > a:after{width:6.5vw; height:6.5vw;}
.intro-gallery .intro-gallery-item[data-type="inline-video"]{padding-top:56.25%;}
.intro-gallery .intro-gallery-item[data-type="inline-video"] > video{position:absolute; left:0; top:0; object-fit:cover;}
.intro-gallery.fluid .intro-gallery-item{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.intro-gallery .intro-gallery-button{position:absolute; right:15px; bottom:15px;}
.intro-gallery a.btn-view-all{display:inline-flex; align-items:center; padding:8px 18px; border-radius:10px; background-color:rgba(255,255,255,.9); color:#000 !important; font-family:var(--title-font) !important; font-weight:600 !important; font-size:16px !important; cursor:pointer; letter-spacing:-.5px;}
.intro-gallery a.btn-view-all:before{display:inline-block; content:''; width:27px; height:20px; margin-right:8px; background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.731 1H2.18655C1.53124 1 1 1.53124 1 2.18655V17.8134C1 18.4688 1.53124 19 2.18655 19H24.731C25.3864 19 25.9176 18.4688 25.9176 17.8134V2.18655C25.9176 1.53124 25.3864 1 24.731 1Z' fill='white' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M5.98703 17H23.9966C24.5428 17 25 16.556 25 15.9979C25 15.7696 24.9238 15.5412 24.7714 15.351L19.7673 9.35095C19.5895 9.13531 19.3228 9.00846 19.0434 8.99577C18.7639 8.98309 18.4845 9.08457 18.2813 9.28753L17.151 10.4292L13.8234 5.43129C13.6329 5.16491 13.328 5 12.9978 5C12.6676 5 12.3628 5.16491 12.1723 5.43129L5.17418 15.4271C4.97097 15.7188 4.94557 16.0994 5.09798 16.4292C5.26309 16.7717 5.61871 17 5.99973 17H5.98703Z' fill='url(%23paint0_linear_3_364)'/%3E%3Cpath d='M5.12915 15.8199H21.9545C22.4647 15.8199 22.8918 15.4046 22.8918 14.8825C22.8918 14.6689 22.8206 14.4553 22.6783 14.2774L18.0032 8.66497C17.8371 8.46325 17.588 8.3446 17.3269 8.33273C17.0659 8.32087 16.8048 8.41579 16.615 8.60564L15.5589 9.67354L12.4502 4.99852C12.2722 4.74934 11.9874 4.59509 11.6789 4.59509C11.3704 4.59509 11.0856 4.74934 10.9077 4.99852L4.36976 14.3486C4.17991 14.6215 4.15618 14.9774 4.29857 15.2859C4.45282 15.6063 4.78505 15.8199 5.14102 15.8199H5.12915Z' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M19.605 5.54431H22.4171' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M21.0112 4.13831L21.0112 6.95043' stroke='black' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3_364' x1='15' y1='5' x2='15' y2='14.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF1700'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto;}

.intro-content{position:relative; display:flex; margin:0 -15px; flex-direction:row;}
.intro-content.fluid{padding:50px 15px calc(70px + 1.3157vw); flex-direction:column; gap:45px;}
.intro-content, .intro-content * {
	--title-font-color: var(--intro-font-color);
	--main-font-color: var(--intro-font-color);
	--link-color: var(--intro-font-color);
	/* --link-color-hover: var(--intro-font-color); */
}
.intro-content .intro-content-left{flex:0 0 50%; /* padding:calc(50px + 1.3157vw) 15px 50px; */ padding:50px 15px calc(70px + 1.3157vw); display:flex; flex-direction:column; justify-content:center;}
.intro-content .intro-content-right{flex:0 0 50%; padding:0 15px;}
.intro-content .bio-date{display:inline-block; padding-left:calc(24px + 15px) !important; margin-bottom:20px; font-size:28px !important; font-weight:800 !important; line-height:.95 !important; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.45483' y='4.63638' width='22.5454' height='20.3636' rx='2' fill='white'/%3E%3Cpath d='M7.92793 17.0007V18.9616H5.96704V17.0007H7.92793ZM12.8302 17.0007V18.9616H10.8693V17.0007H12.8302ZM17.7324 17.0007V18.9616H15.7715V17.0007H17.7324ZM7.92793 12.3207V14.2816H5.96704V12.3207H7.92793ZM12.8302 12.3207V14.2816H10.8693V12.3207H12.8302ZM17.7324 12.3207V14.2816H15.7715V12.3207H17.7324Z' fill='%233B002B' stroke='%233B002B' stroke-width='0.2'/%3E%3Cpath d='M6.7522 1V3.15698' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2087 1V3.15698' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3933 3.47076H2.30726C1.58528 3.47076 1 4.05604 1 4.77802V21.511C1 22.2329 1.58528 22.8182 2.30726 22.8182H21.3933C22.1152 22.8182 22.7005 22.2329 22.7005 21.511V4.77802C22.7005 4.05604 22.1152 3.47076 21.3933 3.47076Z' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 8.5563H22.6221' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:24px auto; background-position:left center !important;}
.intro-content .bio-title{margin-bottom:20px !important;}
.intro-content .bio-title h1{margin-bottom:0 !important;}
.intro-content .bio-title h1{display:inline-block; position:relative; font-style:italic;}
.intro-content .bio-title h1:after{display:block; content:''; position:absolute; right:-2.55vw; top:calc(100% - 10px); aspect-ratio:112 / 19; /* width:7.63vw; */ width:112px; background-image:url(/content/dam/dhk/common/theme/2025/cyclothon/speedy.svg); background-repeat:no-repeat; background-size:cover;}
html[lang="en"] .intro-content .bio-title h1:after{top:calc(50%);}
.intro-content .bio-title :is(h1, h1 *){text-transform:uppercase;}
html[lang="en"] .intro-content .bio-title :is(h1, h1 *){line-height:.92 !important;}
.photo-wall{position:relative; max-width:670px; max-height:530px; margin:-25px auto 25px; aspect-ratio:67 / 53; /* background-color:palegreen; */}
.photo-wall .item-photo{position:absolute; border-radius:16px; overflow:hidden;}
.photo-wall .item-photo:nth-child(1){position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:70%; aspect-ratio:16 / 9; z-index:3;}
.photo-wall .item-photo:nth-child(2){position:absolute; left:0; top:0; width:48.1%; aspect-ratio:4 / 3; z-index:2;}
.photo-wall .item-photo:nth-child(3){position:absolute; right:0; top:2.5vw; width:48.1%; aspect-ratio:4 / 3; z-index:1;}
.photo-wall .item-photo > .caption{display:inline-block; width:auto; max-width:calc(100% - 10px - 10px); position:absolute; left:10px; bottom:8px; border-radius:4px; padding:3px; background-color:rgba(0, 54, 59,.7); pointer-events:none;}
.photo-wall .item-photo:nth-child(3) > .caption{top:8px; bottom:auto;}
#theme-cyc .photo-wall .item-photo > :is(.caption, .caption *){font-size:12px !important; color:#fff !important;}

.photo-swiper{
	margin-bottom:25px; opacity:0.001;
	transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.photo-swiper.swiper-container-initialized, .photo-swiper.swiper-container-horizontal{opacity:1;}
.photo-swiper .swiper-slide{width:75%; border-radius:12px; overflow:hidden;}
.photo-swiper .swiper-slide span.caption{display:inline-block; width:auto; max-width:calc(100% - 10px - 10px); position:absolute; left:10px; bottom:8px; border-radius:4px; padding:3px; background-color:rgba(59,0,43,.7); pointer-events:none;}
#theme-cyc .photo-swiper .swiper-slide :is(span.caption, span.caption *){font-size:12px !important; color:#fff !important;}

.photo-wall .item-photo[data-type="video"] > a:after,
.photo-swiper .swiper-slide[data-type="video"] > a:after{
	display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:4.2vw; height:4.2vw; min-width:45px; min-height:45px; background-image:var(--intro-video-icon); background-size:100% auto; background-position:center; background-repeat:no-repeat;
}

#theme-cyc .btn-primary.btn-register{--main-font-size:var(--h5-font-size); font-weight:800 !important; background:var(--intro-primary-button-bg-image);}

/* Section | Cyclothon Info */
.scheduleTableContainer{border-radius:8px; overflow:hidden;}
.scheduleTable{margin-bottom:0;}
.scheduleTable thead th{--colorTable-thead-cell-bgcolor:#57e6da;}
.scheduleTable tbody tr:not(:first-child) th{border-top:1px solid #57e6da;}
.scheduleTable tbody tr:not(:first-child) td{border-top:1px solid #57e6da;}
.scheduleTable tbody th{background-color:#f0fefe; border-right:1px solid #57e6da;}
.scheduleTable tbody th[rowspan]{background-color:#f0fefe;}
.scheduleTable tbody td{background-color:#f0fefe;}
@media (min-width: 1399.98px) { .scheduleTable th, .scheduleTable td{padding:16px 20px;} }

.accordion-cust .accordion--row{
	background-color:#57e6da; border-radius:8px; overflow:hidden;
	transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.accordion-cust .accordion--row:not(:last-child){margin-bottom:8px;}
/* .accordion-cust .accordion--row.active{background-color:#1e87b1;} */
.accordion-cust .item--head{position:relative; padding:24px 80px 26px 40px; cursor:pointer; font-weight:800 !important; line-height:1.2 !important; font-size:var(--h5-font-size) !important;}
.accordion-cust .item--head:before{display:inline-block; content:''; position:absolute; width:8px; height:54px; top:50%; left:16px; transform:translateY(-50%); /* background-image:url(/content/dam/dhk/common/theme/2024/cyclothon/title-start-left.svg); */ background-size:auto 100%; background-repeat:no-repeat; background-position:right center; background-color:#1181d3; width:5px;}
.accordion-cust .item--head:after{display:block; content:''; position:absolute; right:25px; top:calc(50% - 11px); width:21px; height:21px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Icon_feather-plus' data-name='Icon feather-plus' transform='translate(-6 -6)'%3E%3Cpath id='Path_2514' data-name='Path 2514' d='M18,29a1.5,1.5,0,0,1-1.5-1.5V7.5a1.5,1.5,0,0,1,3,0v20A1.5,1.5,0,0,1,18,29Z' transform='translate(-0.5)' fill='%23fff'/%3E%3Cpath id='Path_2515' data-name='Path 2515' d='M27.5,19.5H7.5a1.5,1.5,0,0,1,0-3h20a1.5,1.5,0,0,1,0,3Z' transform='translate(0 -0.5)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position:center; background-size:100% auto; background-repeat:no-repeat; background-color:transparent;
	transition: transform .3s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: transform .3s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: transform .3s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: transform .3s cubic-bezier(0.25, 1, 0.5, 1);
}
.accordion-cust .accordion--row.active .item--head:after{transform:rotate(45deg);}
.accordion-cust .item--collapse{display:none; width:100% !important;}
.accordion-cust .item--content{padding:0 40px 40px !important;}
.accordion-cust .colorTable{margin-bottom:26px; /* margin-top:-18px; */}
.accordion-cust .colorTable :is(th, td){padding:4px 10px;}
.accordion-cust .colorTable.cellwithcolor :is(th, td){background-color:rgba(0,0,0,.15);}

/* Section | Cyclothon Carnival */
#section-carnival{
	--event-inner-font-color:#fff;
	--event-inner-bgcolor:#e9f9f8;
	color:rgb(222, 55, 85);
}
#section-carnival .winterfest2021_container > .sectionBox{
	background-image:linear-gradient(285deg,rgb(134, 209, 238) 0%, rgb(211, 229, 245) 60%, rgb(145, 227, 242) 100%);
	background-image:linear-gradient(285deg,rgb(17, 103, 201) 0%, rgb(222, 55, 55) 60%, rgb(222, 55, 85) 100%);
	background-image:linear-gradient(285deg,rgb(22, 133, 170) 0%, rgb(22, 133, 170) 15%, rgb(222, 55, 55) 65%, rgb(222, 55, 85) 100%)
}
#section-carnival .linebox{--event-inner-font-color: #193a37}

/* Section | Acknowledgement */
.ack-v2{display:grid; grid-template-columns:repeat(22, 1fr); gap:20px; width:100%;}
.ack-v2 .ack-col.col-left{grid-column:span 5;}
.ack-v2 .ack-col.col-right{grid-column:7 / span 16;}
.ack-v2 .ack-col.col-divider{position:relative;}
.ack-v2 .ack-col.col-divider:before{display:block; content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background-color:rgba(0,0,0,.15);}
.ack-v2 .ack-col.col-right .ack-row{display:grid; grid-template-columns:repeat(16, 1fr); column-gap:35px; row-gap:20px; width:100%;}
.ack-v2 .ack-col.col-right .ack-item{grid-column:span 4; display:flex; flex-direction:column;}
.ack-v2 .ack-row:not(:last-child){padding-bottom:40px;}
.ack-v2 .ack-row:not(:first-child){padding-top:25px; border-top:1px solid rgba(0,0,0,.15);}
.ack-v2 .item-label{margin-bottom:22px;}
.ack-v2 :is(.item-label, .item-label *){font-size:15px !important; font-weight:700 !important; line-height:1.3 !important; color:var(--title-font-color) !important;}
.ack-v2 .item-logo{flex:1; display:flex; align-items:center;}
.ack-v2 .item-logo > img{width:100%;}



/* `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: 55px;
		--h2-font-size: 44px;
		--h3-font-size: 38px;
		--h4-font-size: 26px;
		--h5-font-size: 21px;
		--h6-font-size: 19px;
	}

	/* Custom component {Line table} */
	.line-table .data-head{margin-bottom:5px;}
}


/* `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: 36px;
		--h3-font-size: 32px;
		--h4-font-size: 24px;
		--h5-font-size: 20px;
		--h6-font-size: 17px;
	}

	/* common */
	#theme-cyc .breadcrumb{padding:10px 0;}
	#theme-cyc .breadcrumb *{font-size:13px;}
	#theme-cyc .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;}

	#theme-cyc :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-cyc .section-head{margin-bottom:35px;}
	#theme-cyc .btn-primary, .popup-content .btn-primary{border-radius:12px;}

	/* Custom component {Line table} */
	.line-table-col{margin-bottom:0 !important;}
	.line-table-col:not(:first-child){border-left:0;}
	.line-table-col .table-row{border-bottom:1px solid var(--line-table-border-color) !important;}
	.line-table-col .table-cell{padding:25px 0 !important;}
	.line-table-col:first-child .table-row:first-child .table-cell{padding-top:0 !important;}
	.line-table-col:last-child .table-row:last-child{border-bottom:0 !important;}
	.line-table-col:last-child .table-row:last-child .table-cell{padding-bottom:0 !important;}
	.line-table .table-row{flex-wrap:wrap;}
	.line-table .table-cell{flex:0 0 100%; padding:13px 20px !important; padding-left:0 !important;}
	.line-table .table-cell:not(:first-child):before{width:100%; height:1px; left:0; top:-1px;}
	.line-table .data-head{margin-bottom:4px;}
	.line-table .spotlight{padding:20px; margin-top:20px; border-radius:12px;}

	/* 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 {Page Tabs} */
	.page-tabs-wrapper{margin-bottom:20px;}
	.page-tabs-wrapper > .container-cust{max-width:calc(700px + 20px + 20px) !important;}
	ul.page-tabs > li > a{padding:0 20px; height:55px; border-radius:16px;}
	ul.page-tabs > li > a, ul.page-tabs > li > a *{font-size:16px !important;}

	/* Custom component {Anchors} */
	.anchors-wrapper{margin-bottom:0;}
	ul.anchors{display:none; position:absolute; top:calc(100% + 3px); flex-direction:column; width:100%; border-radius:8px; border:1px solid var(--anchors-toggle-color-main); background-color:var(--anchors-toggle-bgcolor-main); overflow:hidden; box-shadow:0px 8px 20px 0px var(--anchors-toggle-bgcolor-secondary);}
	ul.anchors > li{flex:auto;}
	ul.anchors > li:not(:last-child){border-bottom:1px solid var(--anchors-toggle-color-main);}
	ul.anchors > li > a{padding:0 20px; height:48px; border-radius:0; border:0; background-color:transparent; text-align:left; justify-content:flex-start;}	
	ul.anchors > li > a.active{background-color:var(--anchors-bgcolor);}
	ul.anchors > li > a, ul.anchors > li > a *{color:var(--anchors-toggle-color-main) !important; font-size:15px !important;}
	ul.anchors > li > a.active, ul.anchors > li > a.active *{color:#fff !important;}
	ul.anchors > li > a:after{display:none;}

	/* Custom component {Line Box} */
	.linebox-wrapper{--linebox-row-gap:8px;}
	.linebox-row:not(:last-child){margin-bottom:12px;}
	.linebox{padding:15px 15px 20px; border-radius:8px;}
	.linebox-row:last-child .linebox:last-child:not(.large){max-width:calc(50% - (var(--linebox-row-gap) / 2));}
	.linebox:not(.large){gap:10px;}
	.linebox .item-cover{border-radius:8px;}
	.linebox h5{margin-bottom:10px !important;}	
	.linebox.large{align-items:flex-start;}
	.linebox.large .item-content{padding:0 25px;}
	.linebox-wrapper .swiper-button-arrow{display:none;}
	.custom-popover .row{gap:15px;}

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

	/* Component {DHK WinterFest 2021 Container} — Event inner page container */
	#theme-cyc .winterfest2021_container > .sectionBox{padding:45px 0;}

	/* Component {Tabs} */
	#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist{flex:0 0 180px; padding:12px 8px !important;}
	#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li{padding:0 12px !important;}
	#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li.cmp-tabs__tab--active:after{margin-top:-10px; width:20px; height:20px;}
	#theme-cyc .tabs .cmp-tabs .cmp-tabs__tabpanel{padding:30px;}

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

	/* Section | Intro */
	#intro{margin:0;}
	.intro-pane{border-radius:8px; border-top-left-radius:0; border-top-right-radius:0;}
	.intro-gallery{gap:2px 3px;}
	.intro-gallery .intro-gallery-item{border-radius:4px;}
	.intro-content{flex-direction:column; margin:0; padding:0 0 25px;}
	.intro-content.fluid{padding:25px 0; gap:30px;}
	.intro-content .intro-content-left{flex:auto; padding:0; order:1;}
	.intro-content .intro-content-right{flex:auto; padding:0; order:0; margin-top:-25vw;}
	.intro-content .row > .col:not(:last-child){margin-bottom:35px;}
	.intro-content .bio-date{padding-left:calc(22px + 10px) !important; margin-bottom:15px; font-size:22px !important; background-size:22px auto;}

	/* Section | Cyclothon Info */
	.accordion-cust .item--head{padding:20px 60px 20px 35px;}
	.accordion-cust .item--head:before{width:6px; height:48px; left:12px;}
	.accordion-cust .item--head:after{right:20px; top:calc(50% - 9px); width:18px; height:18px;}

	/* Section | Acknowledgement */
	.ack-v2{gap:15px;}
	.ack-v2 .ack-col.col-right .ack-row{gap:15px;}
	.ack-v2 .item-label{margin-bottom:18px;}
	.ack-v2 :is(.item-label, .item-label *){font-size:13px !important;}
}


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

	/* Common */
	#theme-cyc .copy.copy--small p:not(.dynamic-page-details__list--data):not(:last-child), #theme-cyc p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
	#theme-cyc :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-cyc .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}
	#theme-cyc .section-head{margin-bottom:30px;}
	#theme-cyc .btn-primary{padding:8px 28px 8px 16px;}
	#theme-cyc .btn-primary, .popup-content .btn-primary{border-radius:8px;}
	#theme-cyc .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-cyc a.btn-cyc{
		margin:0 56px 10px 0; padding:0 50px 6px 25px; width:260px; height:46px;
		--main-font-size: var(--h5-font-size);
	}
	#theme-cyc a.btn-cyc:after{left:calc(100% - 35px); width:85px; height:46px;}

	/* Custom component {Line table} */
	.line-table{--main-font-size:14px;}
	.line-table .table-cell{padding:10px 0 !important;}
	.line-table .data-head{font-size:15px;}
	
	/* 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} */
	.linebox-wrapper{--linebox-row-gap:12px;}
	.linebox-row{flex-direction:column;}
	.linebox-row:last-child .linebox:last-child:not(.large), .linebox.w33p{flex:auto !important; max-width:none !important;}
	.linebox:not(.large), .linebox.large{gap:15px;}
	.linebox.large{flex-direction:column; align-items:flex-start;}
	.linebox.large .item-content{padding:0;}

	/* Component {Tip with Icon Text} */
	#theme-cyc .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-cyc .icontexttip .tip__body{border-radius:12px;}
	#theme-cyc .icontexttip .tip__body .tip__visual .tip__icon{width:22px;}
	#theme-cyc .icontexttip .tip__body .tip__content{padding-left:0;}

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

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

	/* Component {Tabs} */
	#theme-cyc .tabs .cmp-tabs{flex-direction:column; align-items:flex-start; gap:0; border-radius:16px;}
	#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist{flex:auto; flex-direction:row; flex-wrap:nowrap; /* padding:15px 10px !important; */ overflow-x:auto;}
	#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li{flex:1; justify-content:center; height:auto; min-height:60px; padding:12px 8px 16px !important; text-align:center;}
	#theme-cyc .tabs .cmp-tabs ol.cmp-tabs__tablist > li.cmp-tabs__tab--active:after{top:auto; bottom:-7px; left:50%; right:auto; margin-left:-8px; width:16px; height:16px; margin-top:0;}
	#theme-cyc .tabs .cmp-tabs .cmp-tabs__tabpanel{flex:auto; max-width:100%; padding:30px 12px; border-radius:16px; box-shadow:1px -3px 14px 1px rgba(0,0,0,0.14); -webkit-box-shadow: 1px -3px 14px 1px rgba(0,0,0,0.14); -moz-box-shadow: 1px -3px 14px 1px rgba(0,0,0,0.14);}

	/* Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-cyc .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;}
	#theme-cyc .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-cyc .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-cyc .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;}
	
	/* Section | Intro */
	.intro-pane{border-radius:0; overflow:visible;}
	.intro-gallery{padding-left:6px; padding-right:6px; grid-template-rows:repeat(4, minmax(0, 1fr)); grid-template-columns:repeat(2, minmax(0, 1fr)); gap:5px 5px;}
	.intro-gallery:before{height:71.875%;}
	.intro-gallery .intro-gallery-button{right:10px; bottom:5px;}
	.intro-gallery a.btn-view-all{padding:6px 8px; border-radius:8px; font-size:12px !important;}
	.intro-gallery a.btn-view-all:before{display:inline-block; content:''; width:20px; height:15px; margin-right:5px;}
	.intro-content .row > .col:not(:last-child){margin-bottom:25px;}
	.intro-content .bio-date{padding:3px 10px 3px 45px; margin-bottom:15px; font-size:19px !important; background-size:auto 18px;}

	.bio-title-wrapper{flex-direction:column; margin-bottom:10px;}
	.bio-title-wrapper .bio-title{flex:0 0 auto; padding-right:0;}
	.bio-title-wrapper .social-placement{padding-top:0;}

	.photo-swiper{margin-bottom:15px;}
	.photo-swiper .swiper-slide{width:80%;}
	#theme-cyc .photo-swiper .swiper-slide :is(span.caption, span.caption *){font-size:11px !important;}

	/* Section | Cyclothon Info */
	.scheduleTable{min-width:0 !important; max-width:none !important;}
	.scheduleTable .w20{width:30% !important;}
	.scheduleTable .w80{width:70% !important;}
	.accordion-cust .accordion--row:not(:last-child){margin-bottom:5px;}
	.accordion-cust .item--content{padding:0 12px 30px !important;}
	.accordion-cust .item--head{padding-right:40px;}
	.accordion-cust .item--head:after{right:14px; top:calc(50% - 8px); width:16px; height:16px;}

	/* Section | Acknowledgement */
	.ack-v2{display:block;}
	.ack-v2 .ack-col.col-divider{height:40px;}
	.ack-v2 .ack-col.col-divider:before{left:0; top:50%; width:100%; height:1px;}
	.ack-col.col-left .ack-row{max-width:70%;}
	.ack-v2 .ack-row:not(:last-child){padding-bottom:30px;}
	.ack-v2 .ack-row:not(:first-child){padding-top:0; border-top:0;}
	.ack-v2 .ack-col.col-right .ack-row{grid-template-columns:repeat(8, 1fr); column-gap:30px; row-gap:30px;}
	/* .ack-v2{display:grid; grid-template-columns:repeat(22, 1fr); gap:20px; width:100%;}
	.ack-v2 .ack-col.col-left{grid-column:span 5;}
	.ack-v2 .ack-col.col-right{grid-column:7 / span 16;}
	.ack-v2 .ack-col.col-divider{position:relative;}
	.ack-v2 .ack-col.col-divider:before{display:block; content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background-color:rgba(0,0,0,.15);}
	.ack-v2 .ack-col.col-right .ack-row{display:grid; grid-template-columns:repeat(16, 1fr); gap:20px; width:100%;}
	.ack-v2 .ack-col.col-right .ack-item{grid-column:span 4; display:flex; flex-direction:column;}
	.ack-v2 .ack-row:not(:last-child){padding-bottom:25px;}
	.ack-v2 .ack-row:not(:first-child){padding-top:25px; border-top:1px solid rgba(0,0,0,.15);}
	.ack-v2 .item-label{margin-bottom:22px;}
	.ack-v2 :is(.item-label, .item-label *){font-size:15px !important; font-weight:700 !important; line-height:1.3 !important; color:var(--title-font-color) !important;}
	.ack-v2 .item-logo{flex:1; display:flex; align-items:center;}
	.ack-v2 .item-logo > img{width:100%;} */

}


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