* {
    margin: 0;
    padding: 0;
}


#sectiontwo {
    width: 100%;
    height: 100%;
    position: relative;
}

.text1-space {
    margin-top: 20vh;
}

.screen p {
    color: #fff;
    font-family: var(--main-font);
    font-size: 1.7vw;
    /* text-align: center; */
    /* text-indent: 40px; */
    line-height: 4.6vh;
    letter-spacing: 0em;
}

.screen a {
    color: #fff;
    font-family: var(--main-font);
    font-size: 1.7vw;
    /* text-align: center; */
    /* text-indent: 40px; */
    line-height: 4.6vh;
    letter-spacing: 0em;
}

.screen b {
    color: #fff;
    font-family: var(--secondary-font);
    /* font-size: 1.7vw;
    text-align: center;
    text-indent: 40px;
    line-height: 50px;
    letter-spacing: 2px;  */
}

.contain1 div.text1-1 b{
    color: #ff7c7c;
    font-family: var(--secondary-font);
    /* font-size: 1.7vw;
    text-align: center;
    text-indent: 40px;
    line-height: 50px;
    letter-spacing: 2px;  */
}

.text1-2 {
    position: relative;
    -webkit-box-reflect: below -12px linear-gradient(transparent,rgba(0,0,0,0.2));
}

.text1-2 span{
    position: relative;
    display: inline-block;
    color: #ff2525;
    font-size: 1.75vw;
    font-family: var(--secondary-font);
    animation: animate 3s ease-in-out infinite;
    animation-delay: calc(.1s * var(--i));
}

@keyframes animate{
    0%{
        transform: translateY(0px);
    }
    20%{
        transform: translateY(-0.96vh);
    }
    40%,100%{
        transform: translateY(0px);
    }
}

#contain1 {
    display: grid;
    flex-wrap: wrap;
    margin-top: 20vh;
    grid-template-columns: 1fr 1fr;
}

.contain1 div.text1 {
    position: relative;
    margin-bottom: 12vh;
    margin-left: 10vw;
    width: 51vw;
}

.img1-1 img {
    position: absolute;
    width: 20vw;
    filter: blur(0px);
    margin-left: 0vw;
}

div.img1 {
    position: relative;
    width: 20vw;
    height: 20vw;
    filter: blur(0px);
    margin-left: 8vw;
    overflow: hidden;    
}

.div-title1 {
    margin-top: 15vh;
    width: 90vw;
    text-align: center;
    margin-left: 5vw;
}

.title1 {
    color: #ff7c7c;
    font-size: 2vw;
    font-family: var(--secondary-font);
    margin-top: 2vh;
}

.div-title2 {
    margin-top: 15vh;
    width: 90vw;
    text-align: center;
    margin-left: 5vw;
}

.title2 {
    color: #ff7c7c;
    font-size: 2vw;
    font-family: var(--secondary-font);
    margin-top: 2vh;
}

.div-title3 {
    margin-top: 18vh;
    width: 90vw;
    text-align: center;
    margin-left: 5vw;
    /* margin-bottom: 10vw; */
}

.title3 {
    color: #ff7c7c;
    font-size: 2vw;
    font-family: var(--secondary-font);
    margin-top: 2vh;
}

.img2 img {
    width: 35vw;
    margin-bottom: 10vh;
}

.contain2-1 {
    margin-left: 15vw;
    width: 70vw;
    margin-top: 10vh;
}

#contain2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 100px;
}

.contain2 div.text2 {
    /* margin-left: 5vw; */
    width: 35vw;
}


#contain3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.contain3 div.img3_1 {
    width: 35vw;
    text-align: center;
}

.img3_1 img {
    width: 35vw;
    margin-top: 100px;
}

.contain3 div.img3_2 {
    width: 45vw;
    text-align: center;
}

.img3_2 img {
    width: 45vw;
    margin-top: 100px;
}


#contain4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 10vh;
}

.contain4 div.text4 {
    margin-top: 2vh;
    margin-bottom: 10vh;
    margin-left: 5vh;
    width: 37vw;
}

.img4 img {
    width: 30vw;
    margin-top: 3vh;
}

.contain5 {
    margin-top: 10vh;
}

.contain5 div.text5 {
    margin-left: 10vw;
    width: 80vw;
    text-align: center;
}

.text5 li {
    color: #ff7c7c;
    font-size: 2vw;
    font-family: var(--secondary-font);
    margin-top: 30px;
}

#contain6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 10vh;
}

.contain6 div.text6 {
    margin-left: 2vw;
    width: 75vw;
}

#contain7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 10vh;
}

.contain7 div.text7{
    text-align: center;

}

.text7 li {
    color: #ff7c7c;
    font-size: 2vw;
    font-family: var(--secondary-font);
    margin-top: 30px;
}

.icon-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.contain-icon{
    width:15vw;
    text-align: center;
}

.contain-icon img{
    width: 15vw;
    filter: contrast(100%) brightness(110%);
}

.contain-icon p{
    width: 15vw;
    color: #fff;
    font-family: var(--main-font);
}

#contain_ref {
    margin-left: 10vw;
    margin-top: 100px;
    margin-bottom: 100px;
}

#contain_ref hr {
    width: 20%;
    margin-bottom: 20px;
}

#contain_ref p {
    font-family: var(--main-font);
    font-size: 2vw;
    margin-bottom: 4px;
}

#reference-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 10px;
}

.contain_ref div.reference-list {
    width: 80vw;
}

.reference-list div.reference-index {
    width: 2vw;
    color: #fff;
    font-family: var(--main-font);
    font-size: 0.8vw;
    line-height: 30px;
    letter-spacing: 2px;
}

.reference-list div.reference-text {
    width: 78vw;
    color: #fff;
    font-family: var(--main-font);
    font-size: 0.8vw;
    line-height: 30px;
    letter-spacing: 2px;
}


@media (max-width: 768px) {
    .screen p {
        color: #fff;
        font-family: var(--main-font);
        font-size: 3.5vw;
        /* text-align: center; */
        /* text-indent: 40px; */
        line-height: 3.8vh;
        letter-spacing: 0em;
    }

    #contain1 {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5vh;
        grid-template-columns: 1fr 1fr;
    }

    div.img1 {
        position: relative;
        width: 25vw;
        height: 25vw;
        filter: blur(0px);
        margin-left: 8vw;
        overflow: hidden;
    }

    .img1-1 img {
        position: absolute;
        width: 25vw;
        filter: blur(0px) !important;
        margin-left: 0vw;
    }

    .div-title1 {
        margin-top: 8vh;
        width: 90vw;
        text-align: center;
        margin-left: 5vw;
    }

    .title1 {
        color: #ff7c7c;
        font-size: 5vw;
        font-family: var(--secondary-font);
        margin-top: 2vh;
    }

    .title2 {
        color: #ff7c7c;
        font-size: 5vw;
        font-family: var(--secondary-font);
        margin-top: 2vh;
    }

    #contain2 {
        display: block;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-top: 50px;
    }

    .contain2 div.text2 {
        margin-left: 15vw;
        width: 70vw;
    }

    .img2 img {
        width: 60vw;
        margin-left: 20vw;
        margin-bottom: 10vh;
    }

    #contain3 {
        display: block;
        flex-wrap: wrap;
        justify-content: space-evenly;
        justify-items: center;
    }

    .contain3 div.img3_1 {
        width: 80vw;
        text-align: center;
    }

    .img3_1 p {
        margin-top: 10px;
        margin-left: 10vw;
    }

    .img3_1 img {
        width: 80vw;
        margin-top: 50px;
        margin-left: 10vw;
    }

    .contain3 div.img3_2 {
        width: 80vw;
        text-align: center;
    }

    .img3_2 img {
        width: 80vw;
        margin-top: 50px;
        margin-left: 10vw;

    }

    .img3_2 p {
        margin-top: 10px;
        margin-left: 10vw;
    }

    #contain4 {
        display: block;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-top: 6vh;
    }

    .contain4 div.text4 {
        margin-top: 2vh;
        margin-bottom: 5vh;
        margin-left: 10vw;
        width: 80vw;
    }

    .img4 img {
        width: 70vw;
        margin-top: 3vh;
        margin-left: 15vw;
    }

    .title3 {
        color: #ff7c7c;
        font-size: 5vw;
        font-family: var(--secondary-font);
        margin-top: 2vh;
    }

    .text5 li {
        color: #ff7c7c;
        font-size: 5vw;
        font-family: var(--secondary-font);
        margin-top: 10px;
    }

    .text7 li {
        color: #ff7c7c;
        font-size: 5vw;
        font-family: var(--secondary-font);
        margin-top: 10px;
    }


    #contain_ref {
        margin-left: 8vw;
        margin-top: 50px;
        margin-bottom: 50px;
    }


    .contain_ref div.reference-list {
        width: 83vw;
    }

    .reference-list div.reference-index {
        width: 2vw;
        color: #fff;
        font-family: var(--main-font);
        font-size: 3vw;
        line-height: 30px;
        letter-spacing: 2px;
        margin-right: 5px;
    }

    .reference-list div.reference-text {
        width: 76vw;
        color: #fff;
        font-family: var(--main-font);
        font-size: 2.5vw;
        line-height: 30px;
        letter-spacing: 2px;
    }
    .text1-2 span{
        position: relative;
        display: inline-block;
        color: #ff2525;
        font-size: 3.5vw;
        font-family: var(--secondary-font);
        animation: animate 3s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i));
        overflow: visible;
    }
    
}

.contain-vedio{
  margin-left: 18vw;
}

#Promotion{
  width: 64vw;
  height: 36vw;
}


@media (max-width: 768px) {
  .contain-vedio{
    margin-left: 10vw;
  }
  
  #Promotion{
    width: 80vw;
    height: 45vw;
  }
}