.popup {
            background-color: #ff8d00;
            width: 800px;
            padding: 10px 20px;
            position: fixed;
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%;
            border-radius: 8px;
            border-style: solid;
            border-color: black;
            display: none;
            font-family: "Poppins", sans-serif;
            text-align: center;
            z-index: 9;
        }

        @media only screen and (max-width: 760px) {
            .popup {
                background-color: #ff8d00;
                width: 350px;
                padding: 5px 10px;
                position: fixed;
                transform: translate(-50%, -50%);
                left: 50%;
                top: 50%;
                border-radius: 8px;
                border-style: solid;
                border-color: black;
                display: none;
                font-family: "Poppins", sans-serif;
                text-align: center;
                z-index: 9;
            }
        }

        .popup button {
            display: block;
            margin: 0 0 10px auto;
            background-color: transparent;
            font-size: 30px;
            color: #ffffff;
            background: #03549a;
            border-radius: 100%;
            width: 40px;
            height: 40px;
            border: none;
            outline: none;
            cursor: pointer;

            .popup h2 {
                margin-top: -20px;
            }

            .pop {
                display: block;
                width: 150px;
                position: relative;
                margin: 10px auto;
                text-align: center;
                background-color: #0f72e5;
                border-radius: 20px;
                color: #ffffff;
                text-decoration: none;
                padding: 8px 0;
            }