#contract{padding-top:40px}.contract{background-color:#464745;height:calc(100vh - 60px);overflow:hidden;padding-top:20px}@media screen and (max-height:750px){.contract{height:auto}}@media screen and (max-width:1400px){.contract{height:auto}}.contract h1{z-index:1;position:relative;text-align:right;font-size:60px;color:#e1cd5f;margin-bottom:30px}@media screen and (max-width:800px){.contract h1{font-size:32px;text-align:center}}.contract .line-1{position:absolute;height:130%;width:200px;top:-50px;left:100px;background-color:#282828;transform:rotate(-20deg)}.contract .line-2{width:150px;left:350px}.contract .line-2,.contract .line-3{position:absolute;height:130%;top:-100px;background-color:#282828;transform:rotate(-20deg)}.contract .line-3{width:100px;left:550px}.contract .line-4{position:absolute;height:130%;width:50px;top:-100px;left:700px;background-color:#282828;transform:rotate(-20deg);z-index:0}.contract .line-5{left:800px;border-right:12px solid #282828}.contract .line-5,.contract .line-6{position:absolute;height:130%;width:10px;top:-100px;transform:rotate(-20deg);z-index:0}.contract .line-6{left:850px;border-right:8px dashed #282828}.contract .video-in-laptop{position:relative;top:-20px;z-index:1;width:50%}@media screen and (max-width:800px){.contract .video-in-laptop{display:none}}@media screen and (max-width:1400px){.contract .video-in-laptop{width:80%;margin:0 auto}}@media screen and (max-width:800px){.contract .video-in-laptop{width:100%}}.contract .video-in-laptop img{display:none;width:100%;overflow:hidden;z-index:2;position:relative}@media screen and (min-width:801px){.contract .video-in-laptop img{display:block}}.contract .video-in-laptop .video-wrapper{position:absolute;top:8%;left:12%;width:76%;height:70%;z-index:1;background-color:#000}.contract .video-in-laptop .video-wrapper video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.contract .wrapper-info{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.contract .muted{background-color:#e1cd5f;width:50px;height:50px;border:0;border-radius:50%;cursor:pointer;margin:20px auto;display:block}.contract .muted:hover{background-color:#c5b44f}.contract .info{background-color:#151515;padding:30px;z-index:2;position:relative;width:40%;border-top-left-radius:30px;border-bottom-right-radius:30px;max-width:600px}.contract .info h3{font-size:28px;text-align:center}@media screen and (max-width:1400px){.contract .info{width:80%;margin:0 auto}}@media screen and (max-width:800px){.contract .info{width:100%}}.contract .benefits{z-index:1;max-width:600px;margin:20px auto 0}.contract .benefits li{margin-bottom:10px;display:flex}.contract .benefits li.column .item{display:flex}.contract .benefits li.column{flex-direction:column}.contract .benefits li b{color:#e1cd5f}.contract .benefits li i{margin-right:10px}.contract .benefits .tip{font-size:10px;margin-top:3px;margin-left:30px}.contract .apply{margin:40px auto 0}