.header {
    width:140px;
    margin-left: 80px;
    height:61px;
    top:36px;
    
    
}
.header h2 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left; 
}

.menu{
    display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 46px;
position: absolute;
left: 750px;
top: 9px;
}

.menu h4{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
}

.leftbg{
    background-color: #BDCCFF;
    width:465px;
    height:645px;
    left:880px;
    top:0px;
    position:absolute;
    z-index:-1;
}

.headerimage{
    position: absolute;
    width: 0px;
    height: 573px;
    left: 640px;
    top: 100px;
    filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.03)) drop-shadow(0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0227778)) drop-shadow(0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0182222)) drop-shadow(0px 20px 13px rgba(0, 0, 0, 0.015)) drop-shadow(0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0117778)) drop-shadow(0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00722222));

}

.headerimage img {
    width:700px;
    height: 600px;
    margin-left:-73px;
}

.line1{
    background-color:#3454D1;
    opacity: 10%;
    height: 250px;
    top:0px;
    left:200px;
    width:1px;
    position:absolute;

}

.line2{
    background-color:#3454D1;
    opacity: 10%;
    height: 200px;
    top:0px;
    left:400px;
    width:1px;
    position:absolute;

}

.line3{
    background-color:#3454D1;
    opacity: 10%;
    height: 200px;
    top:0px;
    left:640px;
    width:1px;
    position:absolute;

}
.topic {
    width:240px;
    margin-left:80px;
}

.topic h5 {
    color:#FF9900;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.word {
    width: 450px;
    margin-left: 80px;
}

.word h2 {
    font-size: 50px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.word2 {
    width:410px;
    margin-left:80px;
}

.word2 h5 {
    font-family : 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.box {
    box-sizing: border-box;
    position: absolute;
    width: 600px;
    height: 56px;
    margin-left: 80px;
    top: 400px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0227778), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0182222), 0px 20px 13px rgba(0, 0, 0, 0.015), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0117778), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00722222);

    }

.box h4 {
    color: #31353B;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-left:40px;
    opacity:0.3;
    margin-top:15px;
}

.rect {
    box-sizing: border-box;
    position: absolute;
    width:188px;
    background-color: #F85A47;
    height: 56px;
    left:640px;
    top:400px;
}

.rect h4 {
    color:white;
    margin-top:15px;
    margin-left:50px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 550;
    
}

.partners {
    margin-left:80px;
    position:absolute;
    top:551px;

}

.partners h5{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color:#31353B;
}

.logo1 {
    margin-left:80px;
    position:absolute;
    top:625px;
}

.logo2 {
    margin-left:340px;
    position:absolute;
    top:630px;
}

.logo3 {
    margin-left:480px;
    position:absolute;
    top:628px;
}

.logo4 {
    margin-left:630px;
    position:absolute;
    top:625px;
}

.logo5 {
    margin-left:750px;
    position:absolute;
    top:630px;
}

.c{
    margin-left:190px;
    position:absolute;
    top:630px;
}

.h{
    margin-left:210px;
    position:absolute;
    top:630px;
}

.a{
    margin-left:230px;
    position:absolute;
    top:630px;
}

.s{
    margin-left:250px;
    position:absolute;
    top:630px;
}

.e{
    margin-left:270px;
    position:absolute;
    top:630px;
}

.fb {
    position: absolute;
    top:250px;
    margin-left:1300px;
}

.insta {
    position: absolute;
    top:300px;
    margin-left:1305px;
}

.instar {
    position: absolute;
    top:298px;
    margin-left:1300px;
}

.tweet {
    position: absolute;
    top:350px;
    margin-left:1300px;
}

.in {
    position: absolute;
    top:400px;
    margin-left:1300px;
}

.phase2 {
    margin-left:520px;
    position :absolute;
    top : 750px;
    width:300px;
}

.phase2 h3 {
    text-align: center;
    color:black;
    font-family: monospace;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 55px;
    
}

.box1 {
    position: absolute;
    width:90px;
    height:90px;
    background-color: #9672FF;
    box-shadow: 0px 100px 80px rgba(150, 114, 255, 0.07), 0px 64.8148px 46.8519px rgba(150, 114, 255, 0.0531481), 0px 38.5185px 25.4815px rgba(150, 114, 255, 0.0425185), 0px 20px 13px rgba(150, 114, 255, 0.035), 0px 8.14815px 6.51852px rgba(150, 114, 255, 0.0274815), 0px 1.85185px 3.14815px rgba(150, 114, 255, 0.0168519);
    border-radius: 20px;
    top: 900px;
    margin-left: 190px;
}

.box2 {
    position: absolute;
    width:90px;
    height:90px;
    background-color: #4DDFFD;
    box-shadow: 0px 100px 80px rgba(77, 223, 253, 0.07), 0px 64.8148px 46.8519px rgba(77, 223, 253, 0.0531481), 0px 38.5185px 25.4815px rgba(77, 223, 253, 0.0425185), 0px 20px 13px rgba(77, 223, 253, 0.035), 0px 8.14815px 6.51852px rgba(77, 223, 253, 0.0274815), 0px 1.85185px 3.14815px rgba(77, 223, 253, 0.0168519);
    border-radius: 20px;
    top: 900px;
    margin-left: 620px;
}

.box3 {
    position: absolute;
    width:90px;
    height:90px;
    background: #F2B8EC;
    box-shadow: 0px 100px 80px rgba(242, 184, 236, 0.07), 0px 64.8148px 46.8519px rgba(242, 184, 236, 0.0531481), 0px 38.5185px 25.4815px rgba(242, 184, 236, 0.0425185), 0px 20px 13px rgba(242, 184, 236, 0.035), 0px 8.14815px 6.51852px rgba(242, 184, 236, 0.0274815), 0px 1.85185px 3.14815px rgba(242, 184, 236, 0.0168519);
    border-radius: 20px;
    top: 900px;
    margin-left: 1010px;
}

.line {
    position:absolute;
    margin-left:330px;
    width:300px;
    top:940px;
}

.lineb {
    position:absolute;
    margin-left:750px;
    width:300px;
    top:940px;
}


.box1 img{
    align-items: center;
    position: absolute;
    margin-left:30px;
    top:35px;
}

.box2 img{
    align-items: center;
    position: absolute;
    margin-left:30px;
    top:35px;
}

.box3 img{
    align-items: center;
    position: absolute;
    margin-left:30px;
    top:35px;
}

.underword {
    position: absolute;
    top: 1020px;
    margin-left:130px;
    width:200px;
}

.underword h4 {
    text-align: center;
    font-family: serif;
    font-weight: 300;
}

.underword h2 {
    text-align: center;
    font-family: serif;
    font-weight: 300;
    font-style: bold;
    width:300px;
    margin-left:-40px;
}

.underword1 {
    position: absolute;
    top: 1020px;
    margin-left:550px;
    width:230px;
}

.underword1 h4 {
    text-align: center;
    font-family: serif;
    font-weight: 300;
}

.underword1 h2 {
    text-align: center;
    font-family: serif;
    font-weight: 300;
    font-style: bold;
}

.underword2 {
    position: absolute;
    top: 1020px;
    margin-left:940px;
    width:240px;
}

.underword2 h4 {
    text-align: center;
    font-family: serif;
    font-weight: 300;
}

.underword2 h2 {
    text-align: center;
    font-family: serif;
    font-weight: 300;
    font-style: bold;
}

.phase3 {
    margin-left: 80px;
    top:1300px;
    position: absolute;
}

.phase3 h3{
    font-size: 35px;
    font-weight: 200;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.rbtn {
    position: absolute;
    width: 200px;
    height: 65px;
    left: 1000px;
    top: 1350px;

    background: #F85A47;
    box-shadow: 0px 100px 80px rgba(248, 90, 71, 0.07), 0px 64.8148px 46.8519px rgba(248, 90, 71, 0.0531481), 0px 38.5185px 25.4815px rgba(248, 90, 71, 0.0425185), 0px 20px 13px rgba(248, 90, 71, 0.035), 0px 8.14815px 6.51852px rgba(248, 90, 71, 0.0274815), 0px 1.85185px 3.14815px rgba(248, 90, 71, 0.0168519);
    border-radius: 5px;
}

.rbtn h4 {
    color:white;
    margin-top:20px;
    margin-left:35px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 550;
    font-weight: 300;
}

.pword {
    position: absolute;
    top:1370px;
    margin-left: 80px;
    width: 370px;
}

.pword h5 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.downmenu{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 46px;
    position: absolute;
    margin-left: 80px;
    top: 1450px;
    width:800px;
}

.downmenu h4{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
}

.h4c {
    color : #F85A47;
    border-bottom :2px solid #F85A47;
    
}

.imgroll {
    position:absolute;
    top:1550px;
    margin-left:80px;
}

.imgroll img {
    position:absolute;
    width:350px;
}

.roll3 {
    margin-left:750px ;
}

.roll2 {
    margin-left:375px;
}

.phase4 {
    margin-left:300px;
    position :absolute;
    top : 1950px;
    width:700px;
}

.phase4 h3 {
    text-align: center;
    color:black;
    font-family: monospace;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 55px;
    
}

.bigbox {
    position: absolute;
    width: 1170px;
    height: 650px;
    margin-left: 80px;
    top: 2100px;
    background-color: #F1FFFF;
}

.bigbox1 {
    margin-left:50px;
    top:50px;
    position: absolute;
}

.bigbox2 {
    position: absolute;
    left: 17px;
    top: 300px;
    filter: drop-shadow(0px 163px 80px rgba(0, 0, 0, 0.04)) drop-shadow(0px 105.648px 46.8519px rgba(0, 0, 0, 0.0303704)) drop-shadow(0px 62.7852px 25.4815px rgba(0, 0, 0, 0.0242963)) drop-shadow(0px 32.6px 13px rgba(0, 0, 0, 0.02)) drop-shadow(0px 13.2815px 6.51852px rgba(0, 0, 0, 0.0157037)) drop-shadow(0px 3.01852px 3.14815px rgba(0, 0, 0, 0.00962963)) drop-shadow(48px 58px 44px rgba(0, 0, 0, 0.09));
}

.h31 {
    position: absolute;
    color:black;
    top:60px;
    margin-left:595px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 30px;
    width:400px;
}

.h51 {
    position: absolute;
    color:black;
    top:180px;
    margin-left:595px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    width:300px;
}

.h32 {
    position: absolute;
    color:black;
    top:290px;
    margin-left:595px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    
}


.h33 {
    position: absolute;
    color:black;
    top:390px;
    margin-left:595px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;   
}

.h34 {
    position: absolute;
    color:black;
    top:290px;
    margin-left:760px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;   
}

.h35 {
    position: absolute;
    color:black;
    top:390px;
    margin-left:760px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;   
}

.h36 {
    position: absolute;
    color:black;
    top:290px;
    margin-left:910px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;   
}

.h37 {
    position: absolute;
    color:black;
    top:390px;
    margin-left:910px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;   
}

.h52 {
    position: absolute;
    color:black;
    top:330px;
    margin-left:595px;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.h54 {
    position: absolute;
    color:black;
    top:330px;
    margin-left:760px;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.h56 {
    position: absolute;
    color:black;
    top:330px;
    margin-left:910px;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.h53 {
    position: absolute;
    color:black;
    top:430px;
    margin-left:595px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.h55 {
    position: absolute;
    color:black;
    top:430px;
    margin-left:760px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.h57 {
    position: absolute;
    color:black;
    top:430px;
    margin-left:910px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.hhh {position: absolute;
    width: 360px;
    height: 53px;
    margin-left: 595px;
    top: 500px;
    background-color: #F85A47;
    box-shadow: 0px 100px 80px rgba(248, 90, 71, 0.07), 0px 64.8148px 46.8519px rgba(248, 90, 71, 0.0531481), 0px 38.5185px 25.4815px rgba(248, 90, 71, 0.0425185), 0px 20px 13px rgba(248, 90, 71, 0.035), 0px 8.14815px 6.51852px rgba(248, 90, 71, 0.0274815), 0px 1.85185px 3.14815px rgba(248, 90, 71, 0.0168519);
    border-radius: 5px;
}

.hhh h4 {
    color:white;
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-top:15px;
    font-weight: 300;
}

.bword {
    position:absolute;
    width:500px;
    margin-left: 80px;
    top:2850px;
}

.bword h2 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: xx-large;
}

.rev {
    position:absolute;
    top:3000px;
    margin-left:80px;
}

.rev1{
    box-sizing: border-box;
    position: absolute;
    width: 380px;
    height: 367px;
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
}

.rev2 {
    box-sizing: border-box;
    position: absolute;
    width: 380px;
    height: 367px;
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    margin-left:400px;
}

.rev3 {
    
    position: absolute;
    width: 380px;
    height: 367px;
    margin-left: 800px;
    background-color: #FFFFFF;
    opacity: 1;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0227778), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0182222), 0px 20px 13px rgba(0, 0, 0, 0.015), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0117778), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00722222), 3px 44px 54px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}

.stara {
    position: absolute;
    margin-left:50px;
    top:50px;
}

.starb {
    position: absolute;
    margin-left:50px;
    top:50px;
}

.starc {
    position: absolute;
    margin-left:50px;
    top:50px;
}

.rev1 h5 {
    position: absolute;
    color:black;
    top:100px;
    width:235px;
    margin-left:50px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev2 h5 {
    position: absolute;
    color:black;
    top:100px;
    width:240px;
    margin-left:50px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev3 h5 {
    position: absolute;
    color:black;
    top:100px;
    width:240px;
    margin-left:50px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev1img {
    position: absolute;
    margin-left:50px;
    top:250px;
}

.rev2img {
    position: absolute;
    margin-left:50px;
    top:250px;
}

.rev3img {
    position: absolute;
    margin-left:50px;
    top:250px;
}

.rev1 h4 {
    position: absolute;
    color:black;
    top:235px;
    margin-left:120px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev1 h6 {
    position: absolute;
    color:black;
    top:255px;
    margin-left:120px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev2 h4 {
    position: absolute;
    color:black;
    top:235px;
    margin-left:120px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev2 h6 {
    position: absolute;
    color:black;
    top:255px;
    margin-left:120px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev3 h4 {
    position: absolute;
    color:black;
    top:235px;
    margin-left:120px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.rev3 h6 {
    position: absolute;
    color:black;
    top:255px;
    margin-left:120px;
    font-weight: 100;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.partner2 {
    margin-left:120px;
    position:absolute;
    top:3450px;

}

.logo12 {
    
    position:absolute;
    
}

.logo22 {
    margin-left:160px;
    position:absolute;
    
}

.logo32 {
    margin-left:265px;
    position:absolute;
    
}

.logo42 {
    margin-left:380px;
    position:absolute;
    
}

.logo52 {
    margin-left:520px;
    position:absolute;
    
}

.partword {
    margin-left:900px;
    position:absolute;
    top:3415px;
    width:270px;
}

.partword h5 {
    position: absolute;
    color:black; 
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

footer {
    position: absolute;
width: 1348px;
height: 750px;
left: 0px;
top: 3650px;
background-color: #FBFCFC;
}

.foot {
    margin-left:550px;
    margin-top:100px;
}

.foot h1 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.foot h3 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 16px;
    margin-top:-15px;
    margin-left:20px;
    position:absolute;
}

.footbox {
    position: absolute;
width: 686px;
height: 124px;
left: 376px;
top: 200px;
background-color: #FFFFFF;
box-shadow: 0px 163px 80px rgba(0, 0, 0, 0.04), 0px 105.648px 46.8519px rgba(0, 0, 0, 0.0303704), 0px 62.7852px 25.4815px rgba(0, 0, 0, 0.0242963), 0px 32.6px 13px rgba(0, 0, 0, 0.02), 0px 13.2815px 6.51852px rgba(0, 0, 0, 0.0157037), 0px 3.01852px 3.14815px rgba(0, 0, 0, 0.00962963);
}

.footbox h4 {
    line-height: 144.2%;
    letter-spacing: 0.02em;
    color: #31353B;
    opacity: 0.2;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 300;
    margin-left:50px;
    margin-top:30px;
}

.footbox h3 {
    line-height: 144.2%;
    letter-spacing: 0.02em;
    color: #31353B;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-left:50px;
   
}

.footbtn {
    position: absolute;
width: 167px;
height: 72px;
margin-left: 480px;
margin-top: -90px;
background-color: #F85A47;
box-shadow: 0px 100px 80px rgba(248, 90, 71, 0.07), 0px 64.8148px 46.8519px rgba(248, 90, 71, 0.0531481), 0px 38.5185px 25.4815px rgba(248, 90, 71, 0.0425185), 0px 20px 13px rgba(248, 90, 71, 0.035), 0px 8.14815px 6.51852px rgba(248, 90, 71, 0.0274815), 0px 1.85185px 3.14815px rgba(248, 90, 71, 0.0168519);
}

.footbtn h3 {
    line-height: 144.2%;
    letter-spacing: 0.02em;
    color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-left:50px;
    margin-top:25px;
    font-size: medium;
}

.footline {
    position: absolute;
    width: 880px;
    height: 0px;
    left: 278px;
    top: 500px;
    border: 1px solid #DEDFE1;
}

.headerfoot {
    width:140px;
    margin-left: 270px;
    height:61px;
    top:545px;
    position:absolute;
    
    
}
.headerfoot h2 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left; 
}

.menufoot{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 46px;
    position: absolute;
    left: 650px;
    top: 550px;
}

.menufoot h5{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
}

.copy {
    position:absolute;
    top:670px;
    left:550px;
}

.copy h5{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
#mobile-message p{
    font-size:100px ;
    text-align: center;

}

#mobile-message {
    max-width :800px;
    border: 2px solid black;
    border-radius: 40px 50px;
    margin-left:200px;
    display:none;
}