
.hs_hotspot .hotspot {
	--accordion-spacing-top: 0;
	--accordion-body-margin-inline-start: calc(5.1rem + 15px);
	--accordion-body-margin-inline-end: 0;
	--hotspot-marker-size: 5.1rem;
	grid-gap: 30px;
	display: grid
} 
.hs_hotspot #details {
	border-top: 180px solid transparent;
	margin-top: -180px;
}

.hs_hotspot .videos_wrap.video-img {
	margin-top: 20px;
}

@media(min-width: 768px) {
	.hs_hotspot .hotspot {
		grid-template-columns:repeat(2,1fr)
	}
}

.hs_hotspot .hotspot .hotspot__container {
	align-self: start;
	aspect-ratio: 555/675;
	display: grid;
	position: relative;
}

.hs_hotspot .hotspot .hotspot__container .hotspot__image {
	grid-column: 1;
	grid-row: 1;
	width: 100%
}

.hs_hotspot .hotspot .hotspot__container .hotspot__image img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

.hs_hotspot .hotspot .hotspot__container .hotspot__hotspots-wrapper {
	grid-column: 1;
	grid-row: 1;
	padding: 1rem
}

.hs_hotspot .hotspot .hotspot__item {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-weight: 600;

	letter-spacing: .125em;
	position: absolute;

}

.hs_hotspot .hotspot .hotspot__item.active,.hotspot .hotspot__item:hover {
	z-index: 2
}

.hs_hotspot .hotspot .hotspot__item.active .hotspot__item-title,
.hs_hotspot .hotspot .hotspot__item:hover .hotspot__item-title {
	opacity: 1;
	pointer-events: auto
}

.hs_hotspot .hotspot .hotspot__item .hotspot__item-marker:before {
	animation-duration: 1.25s;
	animation-iteration-count: infinite;
	animation-name: pulse-ring;
	animation-timing-function: cubic-bezier(.215,.61,.355,1);
	background-color: rgba(254,253,78,.25);
	border-radius: 50%;
	content: "";
	height: calc(var(--hotspot-marker-size)*1.75);
	position: absolute;
	width: calc(var(--hotspot-marker-size)*1.75);
	z-index: -1
}

.hs_hotspot .hotspot .hotspot__item .hotspot__item-marker:after {
	animation-duration: 1.25s;
	animation-iteration-count: infinite;
	animation-name: pulse;
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}

@keyframes pulse {
	0% {
		transform: scale(.925)
	}

	50% {
		transform: scale(1)
	}

	to {
		transform: scale(.925)
	}
}

@keyframes pulse-ring {
	0% {
		transform: scale(.4)
	}

	80%,to {
		opacity: 0
	}
}

.hs_hotspot .hotspot .hotspot__item .hotspot__item-title {
	background-color: rgba(0,0,0,.5);
	color: #fefd4e;
	font-size: 1em;
	margin-inline-start:calc(var(--hotspot-marker-size)*-.5);opacity: 0;
	padding-block-end:.5em;padding-block-start:.5em;padding-inline-end:.5em;padding-inline-start:calc(var(--hotspot-marker-size)*.75);pointer-events: none;
	transition: opacity .3s ease-in-out
}

@media(min-width: 768px) {
	.hs_hotspot .hotspot .hotspot__item .hotspot__item-title {
		font-size:1.2em;
		padding-inline-start:var(--hotspot-marker-size)}
}

.hs_hotspot .hotspot .hotspot__item.hotspot__item--open-left {
	flex-direction: row-reverse
}

.hs_hotspot .hotspot .hotspot__item.hotspot__item--open-left .hotspot__item-title {
	margin-inline-end:calc(var(--hotspot-marker-size)*-.5);margin-inline-start: 0;
	padding-inline-end:var(--hotspot-marker-size);padding-inline-start: .5em;
	text-align: right
}

.hs_hotspot .hotspot .hotspot__item-marker {
	display: grid;
	flex-shrink: 0;
	height: var(--hotspot-marker-size);
	place-items: center;
	position: relative;
	width: var(--hotspot-marker-size);
	z-index: 1
}

.hs_hotspot .hotspot .hotspot__item-marker:after {
	background-color: #fefd4e;
	border-radius: 50%;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1
}

.hs_hotspot .hotspot p {
	margin-block:1.5em}

.hs_hotspot .hotspot.hotspot--initialized .hotspot__item {
	max-width: 80%
}

.hs_hotspot .hotspot.hotspot--initialized .hotspot__item-title {
	hyphens: auto;
	word-break: break-word
}



.hs_hotspot .accordion {
	margin-inline:auto;max-width: 94rem;
	padding-block-start:var(--accordion-spacing-top,2rem)}

.hs_hotspot .accordion .accordion__item {
	border-block-end: 1px solid var(--accordion-border-color,#00112b);
	/* 	contain: content; */
	position: relative
}

.hs_hotspot .accordion .accordion__item:first-child { 
	border-top: 1px solid var(--accordion-border-color,#00112b)
}

.hs_hotspot .accordion .accordion__collapse { 
	visibility: hidden;
	max-height: 0px; 
	overflow: hidden;
	transition: all 0.8s ease-in-out;
	visibility: hidden;

} 
.hs_hotspot .accordion__item.active .accordion__collapse {
	max-height: 2000px;
	transition: all 0.8s ease-in-out; 
	visibility: visible;
}

.hs_hotspot .accordion .accordion__trigger {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 4rem;
	justify-content: center;
	margin-inline-start:auto;
	padding: 0;
	pointer-events: none;
	position: relative;
	width: 4rem
}

.hs_hotspot .accordion .accordion__trigger .accordion__trigger-icon {
	transition: transform .3s ease-in-out;
	width: 1.5em
}

.hs_hotspot .accordion .accordion__trigger .accordion__trigger-icon:after {
	border-color: var(--chevron-border,#002a88);
	border-style: solid;
	border-width: .15em .15em 0 0;
	bottom: .15em;
	content: "";
	display: inline-block;
	height: .85em;
	left: .3em;
	position: relative;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out,background-color .3s ease-in-out;
	width: .85em
}

.hs_hotspot .accordion .accordion__title {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin: 0;
	transition: color .3s ease-in-out;
	font-size: 16px;
}

.hs_hotspot .accordion .accordion__title .accordion__title-text-wrapper {
	align-items: center;
	display: flex;
	gap: 15px
}

@supports(-webkit-touch-callout:none) and (not (translate: none)) {
	.hs_hotspot .accordion .accordion__title .accordion__title-text-wrapper .accordion__title-text:not(:first-child) {
		margin-inline-start:15px
	}
}

.hs_hotspot .accordion .accordion__title .accordion__title-text {
	border-block-end:1px solid transparent;margin-block-end:0;transition: border-color .3s ease-in-out
}

.hs_hotspot .accordion .accordion__title:hover {
	--chevron-border: #002a88;
	color: #002a88
}

.hs_hotspot .accordion .accordion__toggle:focus+.accordion__header .accordion__title {
	outline: var(--outline-size) var(--outline-style) var(--outline-color);
	outline: max(1px,.08em) solid #00112b;
	outline-offset: var(--outline-offset,var(--outline-size));
	outline-offset: 3px
}

.hs_hotspot .accordion .accordion__toggle:focus:not(:focus-visible)+.accordion__header .accordion__title {
	outline: transparent
}

.hs_hotspot .accordion .accordion__body,.accordion .accordion__header {
	padding-inline-end:6px}

.hs_hotspot .accordion .accordion__header {
	font-weight: 600;
	padding-block-end:1.25em;
	padding-block-start:1.55em
}

.hs_hotspot .accordion .accordion__body {
	grid-gap: 30px;
	display: grid;
	padding-block-end:1.5em;
	padding-block-start:.25em
}

.hs_hotspot .accordion .accordion__title .accordion__title-text h4 {
	margin-bottom: 0;
}

@media(min-width: 576px) {
	.hs_hotspot .accordion .accordion__body {
		margin-inline-end:var(--accordion-body-margin-inline-end,9rem);
		margin-inline-start:var(--accordion-body-margin-inline-start,0)}
}

@media(min-width: 768px) {
	.hs_hotspot .accordion .accordion__body {
		grid-gap:60px;
		grid-template-columns: repeat(2,1fr)
	}
}

.hs_hotspot .accordion .accordion__body .accordion__media {
	max-width: 100%
}

.hs_hotspot .accordion .accordion__body .accordion__media img {
	width: 100%
}

.hs_hotspot .accordion .accordion__body p {
	hyphens: none
}

.hs_hotspot .accordion .accordion__body .accordion__content {
	grid-gap: 2.5em;
	display: grid;
}

.hs_hotspot .accordion .accordion__body .accordion__content:only-child {
	grid-column-end: span 2;
}

.hs_hotspot .accordion .video-title {
	font-size: 16px;
	hyphens: auto;
	word-break: break-word;
}

.hs_hotspot .accordion .accordion__body .accordion__content-link {
	font-weight: 600;
	margin-right: 4rem;
	position: relative
}

.hs_hotspot .accordion .accordion__body .accordion__content-link .link__icon {
	height: 18px;
	margin-right: -4rem;
	padding-right: 4rem;
	position: relative
}

.hs_hotspot .accordion .accordion__body .accordion__content-link .link__icon:after,
.hs_hotspot .accordion .accordion__body .accordion__content-link .link__icon:before {
	content: "";
	position: absolute
}

.hs_hotspot .accordion .accordion__body .accordion__content-link .link__icon:before {
	background-color: currentColor;
	bottom: 50%;
	height: 1px;
	left: calc(100% - 3rem);
	transform: translateY(50%);
	transition: width .5s cubic-bezier(.15,.99,.18,.99);
	width: 2rem;
	will-change: width
}

.hs_hotspot .accordion .accordion__body .accordion__content-link .link__icon:after {
	border-right: 1px solid;
	border-top: 1px solid;
	bottom: 50%;
	height: 7px;
	right: 1rem;
	transform: translateY(50%) rotate(45deg);
	transition: right .5s cubic-bezier(.15,.99,.18,.99);
	width: 7px;
	will-change: right
}

.hs_hotspot .accordion .accordion__body .accordion__content-link:hover .link__icon:before {
	width: 3rem
}

.hs_hotspot .accordion .accordion__body .accordion__content-link:hover .link__icon:after {
	right: 1px
}

.hs_hotspot .accordion .accordion__body .accordion__image-container {
	grid-gap: 15px;
	display: grid;
	grid-template-columns: repeat(2,1fr)
}

.hs_hotspot .accordion .accordion__body .accordion__image-container .accordion__image {
	aspect-ratio: 53/28
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .video-img {
	grid-gap: 15px;
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(20rem,1fr))
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-link {
	--icon-color: #fefd4e;
	--icon-size: 40%;
	grid-gap: .5em;
	align-items: center;
	display: grid;
	font-weight: 600;
	grid-template-columns: 8rem auto 1fr
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-link:hover {
	--icon-color: #00112b;
	--play-button-bg: #fefd4e
}
.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-link:hover {
	text-decoration: none;
}
.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-image {
	aspect-ratio: 80/45;
	width: 100%
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-icon {
	align-items: center;
	background-color: var(--play-button-bg,#00112b);
	border-radius: 100%;
	display: flex;
	height: var(--play-button-size,2rem);
	justify-content: center;
	transition: background-color .3s ease-in-out;
	width: var(--play-button-size,2rem)
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-icon .svg-icon {
	margin-inline-start:.1em}



.hs_hotspot .accordion .accordion__item.active .accordion__header .accordion__trigger-icon {
	transform: rotate(-180deg)
} 


/* Modal styles */
.hs_hotspot .modal {
	display: none; 
	position: fixed; 
	z-index:2323; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgba(0,0,0,.5);
}

/* Modal content styles */
.hs_hotspot .modal-content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

/* Close button styles */
.hs_hotspot .close {
	color: #000;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 54px;
	cursor: pointer;
	z-index: 9999;
}

.hs_hotspot .modal-content {
	background-color: #fff;
	height: 100%;
	max-height: 95vh;
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 3rem;
	position: relative;
}
.hs_hotspot .modal-content-inner {
	display: table;
	vertical-align: middle;
	height: 100%;
	max-width: 1140px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.hs_hotspot .modal-content-inner2 {
	display: table-cell;
	vertical-align: middle;
}
.hs_hotspot .modal-content-inner video {
	width: 100%;
	max-height: 100%;
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-link:hover #icon-play {
	fill: #00112b;
}
.hs_hotspot .modal-content img {
	max-height: 100%;
	max-width: 100%;
}
.hs_hotspot .accordion .accordion__body .accordion__video-container .accordion__video-link #icon-play {
	fill: #fefd4e;
	width: 8px;
	height: 8px;
}
.hs_hotspot .accordion__video-container {
	display: flex;
	flex-wrap: wrap;
	row-gap: 2.5em;
}

.hs_hotspot .popup-item img {
	cursor: pointer;
}

.hs_hotspot .accordion .accordion__body .accordion__video-container .video-img {
	grid-gap: 15px;
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.hs_hotspot .accordion .accordion__body .accordion__video-container .video-img .accordion__video-items {
	width: calc(50% - 15px);
}

.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text a {
	font-weight: 600;
	padding-right: 4rem;
	position: relative;
	font-size: 16px;
	margin-bottom: 0;
	display: inline-block;
}
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text a:before {
	background-color: currentColor;
	bottom: 50%;
	height: 1px;
	left: calc(100% - 3rem);
	transform: translateY(50%);
	transition: width .5s cubic-bezier(.15,.99,.18,.99);
	width: 2rem;
	will-change: width;
	content: "";
	position: absolute;
}
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text a:after {
	border-right: 1px solid;
	border-top: 1px solid;
	bottom: 50%;
	height: 7px;
	right: 1rem;
	transform: translateY(50%) rotate(45deg);
	transition: right .5s cubic-bezier(.15,.99,.18,.99);
	width: 7px;
	will-change: right;
	content: "";
	position: absolute;
}
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text a:hover:before {
	width: 3rem;
}
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text a:hover:after {
	right: 1px;
}

.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text p a {
	font-weight: 300;
	font-size: inherit;
	padding: 0;
	margin: 0;
	display: inline;
	text-decoration: underline;
}
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text p a:after,
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text p a:before {
	display: none;
}
.hs_hotspot .accordion .accordion__body .accordion__content .accordion__content-text p a:hover {
	text-decoration: none;
}

.hs_hotspot .accordion .accordion__item:last-child {
	margin-bottom: 50px;
}
.hs_hotspot .accordion .accordion__body p:last-child {
	margin-bottom: 0;
}

@media(max-width:767px){
	.hs_hotspot h2 {
		font-size: 24px;
	}
	.hs_hotspot .hotspot .hotspot__item .hotspot__item-title {
		font-size: 12px;
	}
	.hs_hotspot .hotspot .hotspot__container .hotspot__hotspots-wrapper {
		padding: 1rem 0;
	}
	.hs_hotspot .hotspot .hotspot__container .hotspot__hotspots-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.hs_hotspot .hotspot {
		grid-gap: 0;
		display: block;
	}
	.hs_hotspot .accordion .accordion__title .accordion__title-text h4 {
		margin-bottom: 0;
		white-space: normal;
		hyphens: auto;
		word-break: break-word;
		font-size: clamp(2.4rem,.15vw + 2.316rem,2.5rem);
		line-height: 1.1875;
	}
	.hs_hotspot .accordion .accordion__body .accordion__video-container .video-img{
		display: flex;
		flex-wrap: wrap;
	}
	.hs_hotspot .accordion__video-items {
		width: calc(50% - 15px);
	}
	.hs_hotspot {
		margin-bottom: 80px;
	}
	.hs_hotspot{
		padding-top:40px;
		padding-top:40px;
	}
}


@media(max-width:500px){
	.hs_hotspot .accordion .accordion__body .accordion__video-container .video-img .accordion__video-items {
		width: 100%;
	}
	.hs_hotspot .hotspot .hotspot__item .hotspot__item-title {
		hyphens: auto;
		word-break: break-word;
		line-height: 1.2;
	}
}


@media(max-width:479px){
	.hs_hotspot .accordion .accordion__title .accordion__title-text h4 {
		font-size: 18px;
	}
}