.btn-options {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(135deg, #005085, #31b0f9, #2c0089, #00afaa);
    border: none;
    color: #fff;
    font-size: 15px;
    display: block;
    text-decoration: none;
    text-align: center;
}
.btn-blue-country {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(180deg, #0097fa, #0095eb, #007e8c, #0087af);
    border: none;
    color: #fff;
    font-size: 15px;
    display: block;
    text-decoration: none;
    text-align: center;
}
.btn-options3 {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(179deg, #00ddec, #00c6db, #01aeae, #006a5b);
    border: none;
    color: #fff;
    font-size: 18px;
    display: block;
    text-decoration: none;
    text-align: center;
}
.back-button {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(135deg, #ff002f, #ff3d00, #ff0000, #ff7600);
    border: none;
    color: #fff;
    font-size: 15px;
    display: block;
    text-decoration: none;
    text-align: center;
}
.btn-options2 {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(135deg, #cbcbcb, #00ff34, #00dede, #b6b6b6);
    border: none;
    color: #fff;
    font-size: 18px;
    display: block;
    text-decoration: none;
    text-align: center;
}
.main-btn {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(135deg, #9708cc, #43cbff, #9708cc, #43cbff);
    border: none;
    color: #fff;
    font-size: 15px;
    text-decoration:none;
    text-decoration-color:#fff;
}

    .main-btn:hover {
        background-image: linear-gradient(135deg,#43cbff,#9708cc,#9708cc,#43cbff);
        transition: all 0.4s ease;
        border-radius: 25px;
        text-decoration-color: #fff !important;
    }

.btn-new {
    position: relative;
    height: 3em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(196deg, #894cff, #bc00d3, #b700ed, #77008d);
    border: none;
    color: #fff;
    font-size: 18px;
    display: block;
    text-decoration: none;
    text-align: center;
}

.btn-create-new {
    position: relative;
    height: 4em;
    width: 100%;
    border-radius: 25px;
    margin-top: 1em;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-image: linear-gradient(180deg, #a600e4, #6a008e, #6c0094, #190026);
    border: none;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    text-decoration-color: #fff;
}
    
.footer-btn-add {
    position: relative;
    height: 0em;
    width: 100%;
    border-radius: 15px;
    /* margin-top: -2em; */
    overflow: hidden;
    padding: 16px 30px 30px 30px;
    background-image: linear-gradient(135deg, #7d0ba7, #54c9f7, #a413db, #68d5ff);
    border: none;
    /* color: #fff; */
}


.un-bottom-navigation
.em_body_navigation
.item_link
.btn_navLink
.btnCircle_default {
    border: none;
    color: #fff;
    width: 50px;
    height: 50px;
    margin-top: -11px;
}

sidebar {
    background-image: linear-gradient(135deg, #7d0ba7, #54c9f7, #a413db, #68d5ff);
}

.rule {
    background-color: #fff;
    width: 100%;
    border: 2px solid #f7acff;
    padding: 10px;
    text-align: justify;
    overflow: auto;
    line-height: 42px;
    height: 345px;
    border-radius: 20px;
    color: #000c7c;
}


.form-group .form-control
{
    height:50px !important;
}

/*drop down for country*/
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-button {
    background-color: #3498db;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 1;
    right: 0;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    color: black;
    padding: 10px 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #ddd;
}

    .dropdown-content a:last-child {
        border-bottom: none;
    }

    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }

.dropdown-content img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 4px;
}
/* end drop down for country*/

/* start buttons */
.btn-primary-pink {
    background: #7226FF;
    background: linear-gradient(90deg, rgba(114, 38, 255, 1) 0%, rgba(240, 66, 255, 1) 45%, rgba(255, 214, 236, 1) 94%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;
}
.btn-primary-pink-link {
    background: #7226FF;
    background: linear-gradient(90deg, rgba(114, 38, 255, 1) 0%, rgba(240, 66, 255, 1) 45%, rgba(255, 214, 236, 1) 94%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;

    padding: 12px;
    display: block;
    text-align: center;
    text-decoration:none;
}
.btn-payment-cart {
    background: #7226FF;
    background: linear-gradient(90deg, rgb(30 193 153) 0%, rgb(232 0 255) 45%, rgb(160 0 211) 94%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 12px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.test2 {
    background: #BC430D;
    background: linear-gradient(90deg, rgba(188, 67, 13, 1) 0%, rgba(240, 148, 16, 1) 45%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;
}

.test3 {
    background: #241705;
    background: linear-gradient(90deg, rgba(36, 23, 5, 1) 0%, rgba(188, 67, 13, 1) 45%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;
}
.prev-button {
    background: #f7e4e4;
    background: linear-gradient(90deg, rgba(247, 228, 228, 1) 0%, rgba(255, 158, 237, 1) 50%, rgba(255, 105, 255, 1) 100%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;
}
.ReSendSms {
    background: #8cff96;
    background: linear-gradient(90deg, rgba(140, 255, 150, 1) 0%, rgb(96 212 100) 50%, rgba(235, 255, 18, 1) 100%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 14px;
}
.btn-primary-send-ticket {
    background: #7226FF;
    background: linear-gradient(245deg, rgb(255 116 229) 0%, rgb(238 23 255) 45%, rgb(40 198 255) 94%);
    border: none;
    width: 100%;
    color: #fff;
    height: 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 12px;
    display: block;
    text-align: center;
    text-decoration : none;
}    
/* end buttons */