header{
    background-color: black;
    position: sticky;
    display: flex;
    width: 100%;
    height: 130px;
    justify-content: center;
    align-items: center;
}
body{
    position: relative;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}
.header_nav{
    width: 90%;
    height: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.div{
    gap:41px;
    display: flex;
    align-items: center;
}
.header_a{
    color: #fff;
    text-shadow: 0px 4px 7.5px #fff;
    list-style: none;
    text-decoration: none;
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: center;
    width: 133px;
    height: 29px;
    top: 80px;
    left: 689px;
    gap: 0px;
    opacity: 0px;
}
.logo{
    width: 81px;
    height: 78px;
}
.position{
    background-image: url(./css.png);
    width: 100%;
    height: 80vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.relative_div{
    display: flex;
    gap: 271px;
}

.relative{
    width: 237px;
    height: 209px;
    gap: 0px;
    opacity: 0px;
    background: #32FB00;
    position: relative;
    box-shadow: 0px 22px 27.8px 0px #FFF9F940;
}
.relative>p{
    color: #FF0606;
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: center;
    text-shadow: 0px 4px 7.5px #fff;
    width: 132px;
    height: 29px;
    gap: 0px;
    opacity: 0px;
    position: absolute;
    top: 160;
    left: 50;
}
h2{
    font-family: Inter;
    font-size: 64px;
    font-weight: 700;
    line-height: 77.45px;
    text-align: center;
    width: 602px;
    height: 75px;
    top: 206px;
    left: 455px;
    gap: 0px;
    border-radius: 30px;
    opacity: 0px;
    background-color: white;
    
}
.absolute{
    width: 237px;
    height: 209px;
    top: 362px;
    left: 206px;
    gap: 0px;
    opacity: 0px;
    background: #F70101;
    position: absolute;
    top: 420;
    left: 320;
    display:flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 18px 26.5px 0px #FB000040;

}
.absolute2{
    width: 411px;
    height: 209px;
    gap: 0px;
    border-radius: 100px;
    opacity: 0px;
    background: #F70101;
    position: absolute;
    top: 400;
    left: 640;
    display:flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 18px 26.5px 0px #FB000040;

}
.absolute3{
    width: 237px;
    height: 209px;
    gap: 0px;
    opacity: 0px;
    background: #F70101;
    position: absolute;
    top: 430;
    left:1130;
    display:flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 18px 26.5px 0px #FB000040;
}
.absolute>p{
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 4px 7.5px #fff;
}
.absolute2>p{
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 4px 7.5px #fff;

}
.absolute3>p{
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 4px 7.5px #fff;  
}
.info_box{
    background: #7B2525;
}
.info_box>p{
    color: #fff;
}
.info_box.info_box:nth-first-child{
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.73px;
    text-align: center;
    box-shadow: 0px 4px 7.4px 0px #FFFFFF;
}
.info{
    background-color: #000;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.info_child{
    background: #7B2525;
    width: 368px;
    height: 332px;
    top: 1044px;
    left: 87px;
    gap: 0px;
    opacity: 0px; 
    display: flex;
    flex-direction: column;
    justify-content: space-around;   
}
.info_div{
    display: flex;
    gap: 88px;
}
.info_child>p{
    color: #fff;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: center;
}
h4{
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.73px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 4px 7.5px #fff;
}
.info_1{
    width: 336px;
    height: 106px;
    top: 1210px;
    left: 559px;
    gap: 0px;
    opacity: 0px;
    margin: 0 auto;
}
.info_2{
    width: 312px;
    height: 193px;
    top: 1161px;
    left: 999px;
    gap: 0px;
    opacity: 0px;
    margin: 0 auto;
}
footer{
    background-color: #000;
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.footer_nav{
    display: flex;
    width: 80%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.footer-div{
    display: flex;
    gap: 41px;
}