.modal
{
    background: #024338;
}
.modal-dialog
{
    max-width: 70% !important;
    margin: 50px auto;
}
.modal-content
{
    border-radius: 20px;
    box-shadow: 0 0 30px 0px;
}
.modal-body
{
    padding: 50px 0px;
}
#wheel-container {
            width: 500px;
            height: 500px;
            margin: 30px auto;
            position: relative;
        }

        #pointer {
            width: 200px;
            height: 200px;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            /*border-top: 40px solid red;*/
            position: absolute;
            top: -50px;
            left: 60%;
            transform: translateX(-50%);
            z-index: 10;
            background-image: url(../images/location.png);
            background-size: 59px 60px;
            background-repeat: no-repeat;
        }

        #wheel {
            transition: transform 5s ease-out;
            border-radius: 287px;
            border: 2px solid #59012f;
            box-shadow: 0 0 12px 0px;
        }

        [type="tel"] {
            padding: 10px;
            font-size: 18px;
            width: 100%;
        }

        button {
            padding: 12px 30px;
            font-size: 18px;
            background-color: #024338;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-left: 10px;
        }

        #result {
            font-size: 18px;
            margin-top: 30px;
           line-height: 40px;
           margin-bottom: 30px;
        }
        #offerbox
        {
                border: 2px dotted #000;
            padding: 15px 15px;
            text-align: center;
            color: #000;
            margin-bottom: 30px;
        }
.close_btn
{
    text-align: center;
    font-size: 18px;
    color: #6e6c6c;
    cursor: pointer;
    text-decoration: underline;
}