* {
    box-sizing: border-box;
}
html, body {
    padding: 0;
    margin : 0;
    height : 100dvh;
    overflow:hidden;
}

.nt-wrapper {

    width: 100dvw;
    height: 100dvh;
    background-color: #000000;

    display: flex;
    justify-content: center;
    align-items: center;
}

.nt-progress-bar-cont {
    width: 45%;
    max-width: 250px;
    height : 7px;
    /* border : 1px solid red; */
    position: relative;
}

.nt-progress-bar {

    width: 100%;
    height : 100%;
    border : 1px solid #333;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
}

.nt-progress {
    width : 1%;
    height : 100%;
    background-color: white;
    position: absolute;
}

.nt-ad-container {

    width: auto;
    height : auto;
    overflow: hidden;
    background-color: #ffffff;
    position: absolute;
    display: none;
}


.nt-ad-container * {
    width: 100%;
    height : 100%;
    position:absolute;
    pointer-events: none;
}

.border {
    border : 1px solid #000;
    z-index: 999;
    pointer-events: none;
}

.hs{
   /*background-color: #ff000090;*/
   pointer-events: all;
   width:100%;
   /* left:50%; */
   /* transform: translateX(-50%); */
}
.hs-bgclick{
   height: 100%;
 }

 .introcopy1 { 
    background: url('images/introcopy1.png') no-repeat center center;
    background-size: contain;
}
.introcopy2 { 
    background: url('images/introcopy2.png') no-repeat center center;
    background-size: contain;
}
.introcopy3 { 
    background: url('images/introcopy3.png') no-repeat center center;
    background-size: contain;
}
.introcopy4 { 
    background: url('images/introcopy4.png') no-repeat center center;
    background-size: contain;
}
.introcta { 
    background: url('images/introcta.png') no-repeat center center;
    background-size: contain;
}
.introimg { 
    background: url('images/introimg.png') no-repeat center center;
    background-size: contain;
}
.bg{
    clip-path: inset(15.2% 0% 32.6% 0%);
}
.logo {
    background: url('images/logo.png') no-repeat center center;
    background-size: contain;
}


.q1c { 
    background: url('images/q1c.png') no-repeat center center;
    background-size: contain;
}
.q1b { 
    background: url('images/q1b.png') no-repeat center center;
    background-size: contain;
}
.q1a { 
    background: url('images/q1a.png') no-repeat center center;
    background-size: contain;
}
.q1 { 
    background: url('images/q1.png') no-repeat center center;
    background-size: contain;
}

.a1 { 
    background: url('images/a1.png') no-repeat center center;
    background-size: contain;
}



.q2v3 { 
    background: url('images/q2v3.png') no-repeat center center;
    background-size: contain;
}
.q2v2 { 
    background: url('images/q2v2.png') no-repeat center center;
    background-size: contain;
}
.q2v1 { 
    background: url('images/q2v1.png') no-repeat center center;
    background-size: contain;
}
.q2bv3 { 
    background: url('images/q2bv3.png') no-repeat center center;
    background-size: contain;
}
.q2bv2 { 
    background: url('images/q2bv2.png') no-repeat center center;
    background-size: contain;
}
.q2bv1 { 
    background: url('images/q2bv1.png') no-repeat center center;
    background-size: contain;
}
.q2av3 { 
    background: url('images/q2av3.png') no-repeat center center;
    background-size: contain;
}
.q2av2 { 
    background: url('images/q2av2.png') no-repeat center center;
    background-size: contain;
}
.q2av1 { 
    background: url('images/q2av1.png') no-repeat center center;
    background-size: contain;
}
.a2 { 
    background: url('images/a2.png') no-repeat center center;
    background-size: contain;
}

.a3 { 
    background: url('images/a3.png') no-repeat center center;
    background-size: contain;
}
.q3av1 { 
    background: url('images/q3av1.png') no-repeat center center;
    background-size: contain;
}
.q3av2 { 
    background: url('images/q3av2.png') no-repeat center center;
    background-size: contain;
}
.q3bv1 { 
    background: url('images/q3bv1.png') no-repeat center center;
    background-size: contain;
}
.q3bv2 { 
    background: url('images/q3bv2.png') no-repeat center center;
    background-size: contain;
}

.q3v1 { 
    background: url('images/q3v1.png') no-repeat center center;
    background-size: contain;
}
.q3v2 { 
    background: url('images/q3v1.png') no-repeat center center;
    background-size: contain;
}
.q3v3 { 
    background: url('images/q3v1.png') no-repeat center center;
    background-size: contain;
}
.q3v4 { 
    background: url('images/q3v1.png') no-repeat center center;
    background-size: contain;
}
.q3v5 { 
    background: url('images/q3v2.png') no-repeat center center;
    background-size: contain;
}
.q3v6 { 
    background: url('images/q3v2.png') no-repeat center center;
    background-size: contain;
}





.q3av3 { 
    background: url('images/q3av3.png') no-repeat center center;
    background-size: contain;
}

.q3av4 { 
    background: url('images/q3av4.png') no-repeat center center;
    background-size: contain;
}
.q3av5 { 
    background: url('images/q3av5.png') no-repeat center center;
    background-size: contain;
}
.q3av6 { 
    background: url('images/q3av6.png') no-repeat center center;
    background-size: contain;
}
.q3bv3 { 
    background: url('images/q3bv3.png') no-repeat center center;
    background-size: contain;
}
.q3bv4 { 
    background: url('images/q3bv4.png') no-repeat center center;
    background-size: contain;
}
.q3bv5 { 
    background: url('images/q3bv5.png') no-repeat center center;
    background-size: contain;
}
.q3bv6 { 
    background: url('images/q3bv6.png') no-repeat center center;
    background-size: contain;
}


.endcopy1v1 { 
    background: url('images/endcopy1v1.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v1 { 
    background: url('images/endcopy2v1.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v1 { 
    background: url('images/endcopy3v1.png') no-repeat center center;
    background-size: contain;
}

.endctav1 { 
    background: url('images/endctav1.png') no-repeat center center;
    background-size: contain;
}

.endimgv1 { 
    background: url('images/endimgv1.png') no-repeat center center;
    background-size: contain;
}


.endcopy1v2 { 
    background: url('images/endcopy1v1.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v2 { 
    background: url('images/endcopy2v2.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v2 { 
    background: url('images/endcopy3v2.png') no-repeat center center;
    background-size: contain;
}

.endctav2 { 
    background: url('images/endctav2.png') no-repeat center center;
    background-size: contain;
}

.endimgv2 { 
    background: url('images/endimgv2.png') no-repeat center center;
    background-size: contain;
}


.endcopy1v3{ 
    background: url('images/endcopy1v3.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v3 { 
    background: url('images/endcopy2v3.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v3 { 
    background: url('images/endcopy3v3.png') no-repeat center center;
    background-size: contain;
}

.endctav3 { 
    background: url('images/endctav3.png') no-repeat center center;
    background-size: contain;
}

.endimgv3 { 
    background: url('images/endimgv3.png') no-repeat center center;
    background-size: contain;
}


.endcopy1v4{ 
    background: url('images/endcopy1v3.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v4 { 
    background: url('images/endcopy2v4.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v4 { 
    background: url('images/endcopy3v4.png') no-repeat center center;
    background-size: contain;
}

.endctav4 { 
    background: url('images/endctav4.png') no-repeat center center;
    background-size: contain;
}

.endimgv4 { 
    background: url('images/endimgv4.png') no-repeat center center;
    background-size: contain;
}

.endcopy1v5{ 
    background: url('images/endcopy1v5.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v5 { 
    background: url('images/endcopy2v5.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v5 { 
    background: url('images/endcopy3v5.png') no-repeat center center;
    background-size: contain;
}

.endctav5 { 
    background: url('images/endctav5.png') no-repeat center center;
    background-size: contain;
}

.endimgv5 { 
    background: url('images/endimgv5.png') no-repeat center center;
    background-size: contain;
}


.endcopy1v6{ 
    background: url('images/endcopy1v5.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v6 { 
    background: url('images/endcopy2v6.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v6 { 
    background: url('images/endcopy3v6.png') no-repeat center center;
    background-size: contain;
}

.endctav6 { 
    background: url('images/endctav6.png') no-repeat center center;
    background-size: contain;
}

.endimgv6 { 
    background: url('images/endimgv6.png') no-repeat center center;
    background-size: contain;
}

.endcopy1v7{ 
    background: url('images/endcopy1v7.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v7 { 
    background: url('images/endcopy2v7.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v7 { 
    background: url('images/endcopy3v7.png') no-repeat center center;
    background-size: contain;
}

.endctav7 { 
    background: url('images/endctav7.png') no-repeat center center;
    background-size: contain;
}

.endimgv7 { 
    background: url('images/endimgv7.png') no-repeat center center;
    background-size: contain;
}

.endcopy1v8{ 
    background: url('images/endcopy1v7.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v8 { 
    background: url('images/endcopy2v8.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v8 { 
    background: url('images/endcopy3v8.png') no-repeat center center;
    background-size: contain;
}

.endctav8 { 
    background: url('images/endctav8.png') no-repeat center center;
    background-size: contain;
}

.endimgv8 { 
    background: url('images/endimgv8.png') no-repeat center center;
    background-size: contain;
}


.endcopy1v9{ 
    background: url('images/endcopy1v9.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v9 { 
    background: url('images/endcopy2v9.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v9 { 
    background: url('images/endcopy3v9.png') no-repeat center center;
    background-size: contain;
}

.endctav9 { 
    background: url('images/endctav9.png') no-repeat center center;
    background-size: contain;
}

.endimgv9 { 
    background: url('images/endimgv9.png') no-repeat center center;
    background-size: contain;
}

.endcopy1v10{ 
    background: url('images/endcopy1v9.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v10 { 
    background: url('images/endcopy2v10.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v10 { 
    background: url('images/endcopy3v10.png') no-repeat center center;
    background-size: contain;
}

.endctav10 { 
    background: url('images/endctav10.png') no-repeat center center;
    background-size: contain;
}

.endimgv10 { 
    background: url('images/endimgv10.png') no-repeat center center;
    background-size: contain;
}

.endcopy1v11{ 
    background: url('images/endcopy1v9.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v11 { 
    background: url('images/endcopy2v11.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v11 { 
    background: url('images/endcopy3v11.png') no-repeat center center;
    background-size: contain;
}

.endctav11 { 
    background: url('images/endctav11.png') no-repeat center center;
    background-size: contain;
}

.endimgv11 { 
    background: url('images/endimgv11.png') no-repeat center center;
    background-size: contain;
}

.endcopy1v12{ 
    background: url('images/endcopy1v9.png') no-repeat center center;
    background-size: contain;
}
.endcopy2v12 { 
    background: url('images/endcopy2v12.png') no-repeat center center;
    background-size: contain;
}

.endcopy3v12 { 
    background: url('images/endcopy3v12.png') no-repeat center center;
    background-size: contain;
}

.endctav12 { 
    background: url('images/endctav12.png') no-repeat center center;
    background-size: contain;
}

.endimgv12 { 
    background: url('images/endimgv12.png') no-repeat center center;
    background-size: contain;
}
.endend{
    /* background-color: #ff000050; */
    clip-path: inset(12.2% 0% 26% 0%);
}