.footer {
   
    position: relative;
    padding-top: 0px;
    text-align: center;
    min-width: 0;
    width: 100%;
    min-height: 470px;
    margin: 170px 0 0;
    z-index: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

body{
   overflow:hidden;
   overflow-y:scroll;
}
.wrapper {
    max-width: 100%;
    margin: auto;
    padding: 0 50px;
}

.subscription__bg {
    background-color: white;
    z-index: 9;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin: 100px auto 0px;
    display: block;
    height: 100%;
    min-height: 330px;
    position: relative;
    bottom: 55px;
    text-align:left;
}

.subscription__max {
    max-width: 597px;
}



.above-title {
    padding: 0 0 0 30px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font: 500 12px / 170% Roboto, sans-serif;
    color: #ff6231;
    letter-spacing: .1em;
}

.subscription__title {
    padding: 0 0 5px;
    display: block;
    position: relative;
    bottom: 1px;
    font: 600 36px / 1 'Darker Grotesque', sans-serif;
    text-transform: capitalize;
    color: #000;
}
.pb-2{padding-bottom:10px}
.mt-1
{
    margin-top:10px;
}
.subscribe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.subscribe__left {
    width: 100%;
    min-width: 0;
}
.subscribe__right {
    padding: 0 0 0 20px;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-shrink: 0;
}

.footer-top {
    position: relative;
    z-index: 1;
    text-align: center;
}
.footer-logo {
    display: inline-block;
    vertical-align: top;
    font: 40px / 170% Codystar, cursive;
    color: rgba(255, 255, 255, .2) !important;
}

.main-nav {
    margin: 0 -32px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-nav__item {
    padding: 0 64px 0 0;
    position: relative;
}
.main-nav__link {
    display: block;
    font: 16px / 35px Roboto, sans-serif;
    white-space: nowrap;
    color: #fff;
}

.main-nav__item:after {
    content: "";
    width: 4px;
    height: 4px;
    margin: -2px 0 0;
    position: absolute;
    top: 50%;
    right: 30px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
}

.footer-bottom {
    margin-top: 0px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(-20deg, #0080c5 0%, #df44ff 100%);
    color: #B3B1B7;
    font-size: 14px;
    z-index: 99999;
    position: relative;
    text-align: center;
}



.footer__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.logoMain {
    text-align: center;
    margin-top: -120px;
}

    .logoMain img {
        height: 100%;
        outline: 6px solid #ffffff;
        outline-offset: 0px;
        border-radius: 50% 50% 0px 0px;
        width: 150px;
        padding: 10px;
    }

.jicaTitle {
    font-size: 2.5rem;
    font-weight: 700;
    color: #022e46;
    margin-bottom: 0;
}

.text-white
{
    color:white;
}
.circleDesing {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background-image: linear-gradient(to bottom, #0080c5, #1f80e4, #5f79fa, #a068ff, #df44ff);
    box-shadow: rgb(0 0 0) 0px 30px 60px -12px inset, rgb(0 0 0) 3px -10px 20px -18px inset;
    background-repeat: no-repeat;
    opacity: 0.2;
}
    .circleDesing img {
        position: relative;
        background-position: top;
        background-size: 100%;
        display: block;
        left: 0;
        right: 0;
        padding-top: 57px;
        height: 216%;
        margin: auto;
        text-align: center;
    }

.bg-flower {
    position: absolute;
    left: 0;
    right: 0;
    height: 848px;
    margin: auto;
    top: -330px;
    opacity: 0.2;
}
.py-2 {
    padding: 10px 10px;
}

.headerTop {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-color: white;
    z-index: 999;
    position: relative;
}
.form-control {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    height: 35px;
    padding: 0px 10px;
}
.form-group
{
    position:relative;
}

.form-group span {
    margin-bottom: 8px;
    display: block;
    color: #181a3d;
    letter-spacing: 0.5px;
    text-transform: math-auto;
}
.w-100
{
    width:100%
}

.btn-primary {
    background-image: linear-gradient(-20deg, #0080c5 0%, #af44ff 100%);
    border: 1px solid #1770ba;
    color: white;
    transition: 0.2s;
}
    .btn-primary:hover {
        background-image: linear-gradient(-2deg, #0080c5 0%, #af44ff 100%);
        transition: 0.2s;
    }

.btn-success {
    background-image: linear-gradient(-20deg, #00c542 0%, #b5ff44 100%);
    border: 1px solid #00de00;
    transition: 0.2s;
}

    .btn-success:hover {
        background-image: linear-gradient(6deg, #00c542 0%, #b5ff44 100%);
        transition:0.2s;
    }
.mt-6
{
    margin-top:20px;
}

.fa.fa-eye,.fa.fa-eye-slash {
    position: absolute;
    top: 40px;
    right: 8px;
    cursor:pointer;
}

.btnReload {
    font-size: 21px;
    border-radius: 5px;
    padding: 3px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    border: 1px solid #dedede;
    transition: all 0.6s ease;
    position: absolute;
    right: 0;
    top: 4px;
}
    .btnReload:hover i {
        transition: all 0.6s ease;
        transform: rotate(360deg);
    }
.desktopMenu
{
    display:block;
}
.mobilemenu
{
    display:none;
}

#progressContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px; /* Adjust thickness */
    background: rgba(0, 0, 0, 0.1); /* Light background */
    z-index: 9999;
}

#progressBar {
    height: 5px;
    width: 0%;
    background: linear-gradient(to right, #7d5fff, #feb47b); /* Gradient effect */
    transition: width 0.2s ease-in-out;
}

.erreMSG {
    position: absolute;
    color: red !important;
    display: inline-block !important;
    font-size: 20px;
}

.warningMSG {
    width: 100%;
    border: 1px solid #ffffff;
    border-left: 5px solid #ffde1d;
    margin: 0px;
    padding: 0;
    background-color: #fff8e3;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    border-radius: 4px;
    text-align:center;
}

.forwordMSG {
    float: left;
    background-color: #0ee9bd;
    color: white;
    border: 1px solid #4daffb;
    border-radius: 5px;
    font-size: 20px;
    width: 20%;
    float: left;
    padding: 5px;
}
.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #e7e7e7 !important;
    min-height: 14px;
    background-color: #fff;
    border-radius: 4px !important;
    margin: 0px;
    width: 100% !important ;
}

#listbox {
    width: 80%;
    float: left;
}

.SumoSelect {
    width: 98%;
}

.fileUpload {
    background-color: white;
    padding: 6px;
    border: 1px solid #dedede;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    width: 100%;
    color: #292960;
}

.chkBlock {
    font-size: 11px;
    font-weight: normal;
    height: 100px;
    overflow: auto;
    padding: 6px 10px;
}


@media screen and (max-width: 767px) {
    .mobilemenu
    {
        display:block;
    }
    .desktopMenu {
        display: none;
    }
    .bg-flower {
        width: 100%;
        height: 712px;
        top: 8px;
    }

    #ctl00_MainContent_btnVendorReg
    {
        margin-top:10px;
    }

    .wrapper {
        max-width: 100% !important;
    }
    #ctl00_MainContent_UpdatePanel1{
        width:100%;
    }

    .bord
    {
        border-bottom:none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
   .row .button
    {
        margin-left:0px !important;
        margin-bottom:10px !important;
    }
    #ctl00_MainContent_UpdatePanel1
    {
        width:100%;
    }
}