html,
body {
  background-color: #000000;
  font-family: sans-serif;
}

body {
  max-width: 414px;
  margin: 0 auto;
}

.custom-bg {
    background-image: url('./images/form-bg.png');
    /* Replace with the path to your background image */
    background-size: cover;
    background-position: center;
    /* Add more styles as needed */
}

.btn-step-1 {
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0px 4px 36px #20AEEC;
    border-radius: 39px
}

.btn-step-1a {
    color: #0070CC;
}

.tnc {
    padding-left: 15%;
    padding-right: 15%;
}

.tnc-title {
    font-size: 20px;
    font-weight: bold;
}

.tnc-header {
    font-size: 14px;
    font-weight: bold;
}

.tnc-content {
    font-size: 12px;
    text-align: justify;
    /* font-weight: bold; */
}

.btn-glowing {
    background-color: #000000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #fff018;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.btn-glowing:hover {
    background-color: #004A7F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    text-decoration: underline;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.modal-header {
    border-bottom: none;
}

.modal-content {
    background-color: transparent;
    border: transparent;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #0070CC;
        -webkit-box-shadow: 0 0 3px #0070CC;
    }

    50% {
        background-color: #1d99ff;
        -webkit-box-shadow: 0 0 40px #1d99ff;
    }

    100% {
        background-color: #0070CC;
        -webkit-box-shadow: 0 0 3px #0070CC;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #0070CC;
        -moz-box-shadow: 0 0 3px #0070CC;
    }

    50% {
        background-color: #1d99ff;
        -moz-box-shadow: 0 0 40px #1d99ff;
    }

    100% {
        background-color: #0070CC;
        -moz-box-shadow: 0 0 3px #0070CC;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #0070CC;
        box-shadow: 0 0 3px #0070CC;
    }

    50% {
        background-color: #1d99ff;
        box-shadow: 0 0 40px #1d99ff;
    }

    100% {
        background-color: #0070CC;
        box-shadow: 0 0 3px #0070CC;
    }
}

@keyframes glowing {
    0% {
        background-color: #0070CC;
        box-shadow: 0 0 3px #0070CC;
    }

    50% {
        background-color: #1d99ff;
        box-shadow: 0 0 40px #1d99ff;
    }

    100% {
        background-color: #0070CC;
        box-shadow: 0 0 3px #0070CC;
    }
}

.sampleButtonGlow {
    position: relative;

    /* margin-left: 10rem;
    margin-top: 5rem; */

    .glow {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0.7);

        width: calc(100% - 10px);
        height: calc(100% - 10px);

        border-radius: 25px;
        box-shadow: rgba(72, 135, 202, 0.8) 0 0 50px 15px;

        animation-name: scale;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    a {
        position: relative;
        display: block;

        img {
            width: 100%;
        }
    }
}

@keyframes scale {
    0% {
        transform: translate(-50%, -50%) scale(0.7);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.0);
    }

    100% {
        transform: translate(-50%, -50%) scale(0.7);
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 10px 5px rgba(72, 135, 202, 0.8);
    }

    50% {
        box-shadow: 0 0 20px 10px rgba(72, 135, 202, 0.8);
    }

    100% {
        box-shadow: 0 0 10px 5px rgba(72, 135, 202, 0.8);
    }
}

.glowing-image {
    animation: glow 2s infinite;
    border-radius: 24px;
}