* {
                padding: 0;
                margin: 0;
            }
            
            body {
                width: 100%;
                height: 832px;
                box-sizing: border-box;
                background-image: url(Assets/background.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            @font-face {
                font-family: "great day";
                src: url(Fonts/GreatDayPersonalUse-14M2.ttf);
            }
            
            @font-face {
                font-family: "great vibes";
                src: url(Fonts/GreatVibes-Regular.ttf);
            }
            
            @font-face {
                font-family: "inter";
                src: url(Fonts/Inter-VariableFont_opsz\,wght.ttf);
            }
            
            h1 {
                color: #D72323;
                text-align: center;
                font-family: "great vibes";
                font-size: 150px;
                font-style: normal;
                font-weight: 400;
                line-height: normal
            }
            
            h2 {
                color: #D72323;
                text-align: center;
                font-family: "great day";
                font-size: 96px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            
            .h2 {
                color: #D72323;
                text-align: center;
                font-family: "great vibes";
                font-size: 96px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            
            h3 {
                color: #D72323;
                text-align: center;
                font-family: "great day";
                font-size: 90px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            
            h4 {
                color: #D72323;
                text-align: center;
                font-family: "great day";
                font-size: 84px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            
            h5 {
                color: #D72323;
                text-align: center;
                font-family: "great day";
                font-size: 64px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            
            h6 {
                color: #FFF;
                font-family: "inter";
                font-size: 32px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            
            .section1 {
                width: 1280px;
                height: 832px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .div {
                display: flex;
                align-items: center;
                gap: 88px;
                align-self: stretch;
                justify-content: center;
            }
            
            .div1 {
                width: 573px;
                height: 382px;
                flex-shrink: 0;
                background-image: url(Assets/closed.png);
                background-size: cover;
                transition: background-image 0.1s ease;
            }
            
            .text1 {
                width: 275px;
                height: 233px;
                flex-shrink: 0;
                line-height: 97px;
            }
            
            .text2 {
                width: 284px;
                height: 194px;
                flex-shrink: 0;
                line-height: 97px;
            }
            
            .div3 {
                display: flex;
                width: 1190px;
                flex-direction: column;
                align-items: center;
                gap: 39px;
            }
            
            .button1 {
                display: inline-flex;
                padding: 9px 44px;
                justify-content: center;
                align-items: center;
                border-radius: 12px;
                background: #D72323;
                color: #FFF;
                transition: all 0.3s ease;
                cursor: pointer;
            }
            
            .button1:hover {
                border: 2px solid #D72323;
                background: transparent;
                color: #D72323;
            }
            
            .button1:hover h6 {
                color: #D72323;
            }
            
            a {
                text-decoration: none;
            }
            
            .div3:hover .div1 {
                background-image: url(Assets/opened.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 573px;
                height: 582px;
            }