@font-face {
    font-family: 'Roboto-Regular';
    src: url("./fonts/Roboto-Regular.ttf");
    }

    @font-face {
    font-family: 'Roboto-Bold';
    src: url("./fonts/Roboto-Bold.ttf");
    }

    @font-face {
    font-family: 'Roboto-Medium';
    src: url("./fonts/Roboto-Medium.ttf");
    }
@media (min-width:960px) {
    body,html,.wrap{
        width: 100%;
        height: 100%;
    }
    .wrap{
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .one-view{
        width: 100%;
        height: auto;
        overflow: visible;
        position: relative;
        
    }
    .one-view::after{
        content: "";
        position: absolute;
        width: 200%;
        height: 100%;
        top: 0;
        left: -50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        background: linear-gradient(360deg, #7C5AFF 0%, #6B80FF 100%);
        z-index: -2;
    }
    .one-view::before{
        content: "";
        position: absolute;

    }
    .one-view::before{
        content: " ";
        width: 1137px;
        height: 359px;
        position: absolute;
        top: 0;
        right: 321px;
        background: url(../images/header-banner-Texture.png);
        z-index: -1;
    }
    .one-view .contact-title{
        font-size: 60px;
        font-family: Roboto-Medium, Roboto;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 71px;
        text-align: center;
        margin-top: 99px;
        /* margin-bottom: 140px; */
    }
    .one-view .contact-info-box{
        width: 686px;
        height: 139px;
        background: #FFFFFF;
        box-shadow: 0px 18px 30px 0px rgba(115,107,255,0.13);
        border-radius: 12px;
        position: relative;
        top: 64px;
        margin: 0 auto;
        padding: 42px 32px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .one-view .contact-info-box span{
        font-size: 16px;
        font-family: Roboto-Regular, Roboto;
        font-weight: 400;
        color: #000000;
        line-height: 19px;
    }
    .one-view .contact-info-box a{
        font-size: 16px;
        font-family: Roboto-Regular, Roboto;
        font-weight: 400;
        color: #6B80FF;
        line-height: 19px;
        text-decoration: none; 
    }
    .footer-box{
        margin-top: auto;
    }
}

@media (max-width:960px) {
    body,html,.wrap{
        width: 100%;
        height: 100%;
    }
    .wrap{
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .one-view{
        width: 100%;
        height: auto;
        overflow: visible;
        position: relative;
        margin-bottom: 100px;
    }
    .one-view::after{
        content: "";
        position: absolute;
        width: 200%;
        height: 100%;
        top: 0;
        left: -50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        background: linear-gradient(360deg, #7C5AFF 0%, #6B80FF 100%);
        z-index: -2;
    }
    .one-view::before{
        content: "";
        position: absolute;

    }
    .one-view::before{
        content: " ";
        width: 1137px;
        height: 359px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/header-banner-Texture.png);
        z-index: -1;
    }
    .one-view .contact-title{
        font-size: 48px;
        font-family: Roboto-Medium, Roboto;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 57px;
        text-align: center;
        margin-top: .93rem;
    }
    .one-view .contact-info-box{
        width: 100%;
        height: 2.78rem;
        background: #FFFFFF;
        box-shadow: 0px .36rem .6rem 0px rgba(115,107,255,0.13);
        border-radius: .24rem;
        position: relative;
        top: .68rem;
        margin: 0 auto;
        padding: .84rem .4rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: left;
    }
    .one-view .contact-info-box span{
        font-size: .28rem;
        font-family: Roboto-Regular, Roboto;
        font-weight: 400;
        color: #000000;
        line-height: .38rem;
    }
    .one-view .contact-info-box a{
        font-size: .28rem;
        font-family: Roboto-Regular, Roboto;
        font-weight: 400;
        color: #6B80FF;
        line-height: .38rem;
        text-decoration: none; 
    }
    .footer-box{
        margin-top: auto;
    }
}