@font-face {
    font-family: 'ServiceNowSans-DisplayBold';
    src: url('https://s0.2mdn.net/creatives/assets/5120987/ServiceNowSans-DisplayBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
*{margin: 0;padding: 0; -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-smoothing: antialiased;}
#container{cursor:pointer;width: 300px; height: 600px;border:1px black solid;box-sizing: border-box;opacity:0;overflow:hidden;background-color:#000;}
#bg{width: 100%;height: 100%;background-color: #fff;}
img {
	image-rendering: optimize-contrast;
}
div, img, svg{
	position: absolute;
}
.o{
	opacity:0;
	visibility: hidden;
}
.f-wh{
	width: 300px;
	height: 600px;
}
.mask{
	overflow: hidden;
}

.c-h{
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left:50%
}	
.c-v{
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%
}
.c-hv{
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	top:50%;
	left:50%;
}

#clickthru{
	width: 100%;
	height: 100%;
	
}

.cta{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 94px;
	height: 28px;
	overflow: hidden;
	top: 118px;
	left: 11px;
}
.cta-bg{
	width: 100%;
	height: 100%;
	background-color: #62D84E;
	border-radius: 25px;
}
.cta-text{
	width: 100%;
	height: auto;
}

.texts{
	font-family: 'ServiceNowSans-DisplayBold';
	font-size: 42px;
	color:#fff;
}
.green{
	color:#63DF4E;
}
.text1{
	top: 68px;
	left: 12px;
}
.text2{
	top: 104px;
	left: 12px;
}
.text3{
	top: 139px;
	left: 12px;
}
.text4{
	top: 68px;
	left: 12px;
}
.text5{
	top: 104px;
	left: 12px;
}
.text6{
	top: 68px;
	left: 12px;
}
.text7{
	top: 104px;
	left: 12px;
}
.text8{
	top: 140px;
	left: 12px;
}
.seq { background: url('seq.jpg') no-repeat top left; background-size: 28800px 600px;  } 
.seq { background-position: 0 0; width: 300px; height: 600px; } 

.text8 > div:nth-child(2){
	margin-left:-6px;
}
.text8 > div:last-child{
	margin-left: -6px;
}