* {
                    padding: 0;
                    margin: 0;
                }
                
                body {
                    width: 1280px;
                    height: 2783px;
                    margin: 0 auto;
                    background-color: #000000;
                }
                
                @font-face {
                    font-family: 'milker';
                    src: url(Fonts/Milker.otf);
                }
                
                @font-face {
                    font-family: 'montserrart';
                    src: url(Fonts/Montserrat-VariableFont_wght.ttf);
                }
                
                h1 {
                    font-family: 'milker';
                    font-size: 64px;
                    color: #E3E3E3;
                    text-align: center;
                    margin-top: 108px;
                    font-weight: 400;
                    margin-bottom: 308px;
                }
                
                h2 {
                    font-family: 'milker';
                    font-size: 48px;
                    color: #E3E3E3;
                    font-weight: 400;
                    text-align: center;
                }
                
                h3 {
                    font-family: 'milker';
                    font-size: 24px;
                    color: #E3E3E3;
                    font-weight: 400;
                }
                
                h4 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    font-size: 20px;
                    font-weight: 200;
                }
                
                .h4-1 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    font-size: 20px;
                    font-weight: 200;
                    text-align: center;
                }
                
                .h4 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    font-size: 20px;
                    font-weight: 200;
                }
                
                h5 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 300;
                }
                
                .h5 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 300;
                }
                
                h6 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    text-align: center;
                    font-size: 12.609px;
                    font-weight: 400;
                    line-height: 19.814px;
                }
                
                .h6 {
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    text-align: center;
                    font-size: 12.609px;
                    font-weight: 400;
                    line-height: 19.814px;
                }
                
                header {
                    width: 100%;
                    height: 63px;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: rgba(227, 227, 227, 0.07);
                }
                
                nav {
                    display: inline-flex;
                    padding: 22px 408px 21px 407px;
                    justify-content: center;
                    align-items: flex-start;
                    align-items: center;
                    font-family: 'montserrart';
                    color: #E3E3E3;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 600;
                }
                
                ul {
                    display: flex;
                    gap: 86px;
                    list-style-type: none;
                    padding-left: 0%;
                }
                
                li {
                    list-style-type: none;
                    overflow: hidden;
                }
                
                a {
                    text-decoration: none;
                    color: #E3E3E3;
                    padding: 0;
                    margin: 0;
                }
                
                a:hover {
                    opacity: 50%;
                }
                /* body */
                
                .hero {
                    width: 100%;
                    height: 794px;
                    padding-left: 296px;
                    padding-right: 296px;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: url(Assets/hero.jpg);
                    background-size: cover;
                    background-position: center;
                    flex-direction: column;
                }
                
                .div1 {
                    display: flex;
                    width: 553px;
                    flex-direction: column;
                    align-items: center;
                    gap: 27px;
                    margin-bottom: 64px;
                }
                
                .button1 {
                    display: flex;
                    padding: 9px 31px 9px 33px;
                    justify-content: center;
                    align-items: center;
                    border-radius: 12px;
                    border: 1px solid #E3E3E3;
                    transition: all 0.3s ease;
                }
                
                .button1:hover {
                    background-color: #E3E3E3;
                    color: #000000;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }
                
                .button1:hover h5 {
                    color: #000000;
                }
                
                .section1 {
                    display: inline-flex;
                    padding: 102px 123px 111px 122px;
                    justify-content: center;
                    align-items: center;
                    flex-direction: row;
                    gap: 25px;
                }
                
                .div2 {
                    display: flex;
                    width: 656px;
                    padding: 64px 33px;
                    justify-content: center;
                    align-items: center;
                    border-radius: 15px;
                    background: rgba(227, 227, 227, 0.07);
                }
                
                .textbox1 {
                    display: flex;
                    width: 590px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 31px;
                }
                
                .button2 {
                    display: flex;
                    padding: 9px 16px;
                    justify-content: center;
                    align-items: center;
                    border-radius: 12px;
                    border: 1px solid #E3E3E3;
                    transition: all 0.3s ease
                }
                
                .button2:hover {
                    background-color: #E3E3E3;
                    color: #000000;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }
                
                .button2:hover h5 {
                    color: #000000;
                }
                
                .section2 {
                    display: flex;
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    padding-top: 122px;
                    padding-bottom: 122px;
                }
                
                .div3 {
                    display: flex;
                    width: 839px;
                    flex-direction: column;
                    align-items: center;
                    gap: 27px;
                    margin-bottom: 94px;
                }
                
                .div4 {
                    width: 968px;
                    display: flex;
                    align-items: center;
                    gap: 31px;
                    align-self: start;
                    flex-direction: row;
                    padding-left: 156px;
                }
                
                .card {
                    display: flex;
                    width: 231px;
                    height: 285px;
                    padding: 35px 36px 36px 35px;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    gap: 35px;
                    border-radius: 15px;
                    background: rgba(227, 227, 227, 0.07);
                }
                
                footer {
                    display: flex;
                    width: 1280px;
                    height: 399px;
                    justify-content: center;
                    align-items: center;
                    box-sizing: border-box;
                    background: rgba(227, 227, 227, 0.07);
                }
                
                .div5 {
                    display: flex;
                    width: 968.055px;
                    flex-direction: column;
                    align-items: center;
                    gap: 31px;
                }
                
                .div6 {
                    display: flex;
                    width: 593.513px;
                    flex-direction: column;
                    align-items: center;
                    gap: 15px;
                }
                
                .div7 {
                    display: flex;
                    width: 217.952px;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .button3 {
                    width: 98.168px;
                    height: 30.621px;
                    border-radius: 18.013px;
                    border: 1px solid #E3E3E3;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all 0.3s ease
                }
                
                .line {
                    width: 100%;
                    height: 2px;
                    align-self: stretch;
                    opacity: 0.25;
                    background: var(--White, #FFF);
                }
                
                .div8 {
                    display: flex;
                    gap: 564px;
                    align-items: center;
                }
                
                .div9 {
                    width: 131.373px;
                    height: 35.124px;
                    display: flex;
                    justify-content: space-evenly;
                }
                
                .circle {
                    width: 35.124px;
                    height: 35.124px;
                    flex-shrink: 0;
                    border-radius: 17.562px;
                    border: 1.351px solid var(--White, #FFF);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all 0.3s ease;
                }
                
                .circle:hover {
                    border: 1.351px solid var(--White, #E3E3E3);
                    background-color: #E3E3E3;
                    opacity: 1;
                    cursor: pointer;
                }
                
                .circle:hover img {
                    filter: invert(1);
                }
                
                .button3:hover {
                    background-color: #E3E3E3;
                    color: #000000;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }
                
                .button3:hover h6 {
                    color: #000000;
                }