@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*html {    

    background: linear-gradient(45deg, #065DB1, #57A643) !important;  
    background-repeat:no-repeat;
}*/
/*body {
    font-family: 'Poppins', sans-serif;  
    background: linear-gradient(45deg, #065DB1, #57A643) !important;
 
}*/
html, body {
    height: auto !important;
    background: linear-gradient(45deg, #065DB1, #57A643) !important;
}
.main-full {
    margin-top: 0px !important;
}


.brdr {
    border: 1px solid #0E467E !important;
    padding: 0px;
}
}
.font_12 {
    font-family: 'Inter',sans-serif;
    font-size: 12px !important;
    
}
a.font_12 {
    font-size: 12px;
    font-weight: 500;
}
.tbrdr {
    border: 2px solid var(--theme-btn-bg) !important;
}

.listcst {
    overflow: auto;
    overflow-x: hidden;
    height: 375px;
}

img.d-block.hg.w-100 {
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 5px;
}

a {
    color: #333;
}

.textwht {
    background: var(--theme-wht-bg);
}

.textclr {
    color: var(--theme-wht-txt) !important;
}

.textblk {
    color: var(--theme-blck-txt) !important;
}

.txtthclr {
    color: var(--theme-btn-bg) !important;
}

.wrapper {
    display: flex;
    width: 100%;
}

.mwbg {
    color: var(--theme-or-bg) !important;
}

.dtxt {
    visibility: hidden;
}

.fnt14px {
    font-size: 14px;
    font-weight: 400;
}

.fnt10px {
    font-size: 13px;
    font-weight: 600;
}

.font_10 {
    font-size: 10px;
    font-weight: 600;
}

.br20 {
    border-radius: 20px !important;
}

.topnav {
    background: #fff !important;
    padding: 5px 13px !important;
}
.lghover {
    width: 210px;
}
.mlit:hover .mlist {
    display: block !important;
    position: relative;
    border-radius: 10px !important;
    z-index: 99 !important;
}
.mlist {
    position: absolute !important;
    left: 0% !important;
    top: 95%;
    z-index: 9;
    text-align: left;
}

.infam {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #222 !important;
}
.bgnot {
    background: #3a3a3a4a !important;
}
.notfic {
    background: linear-gradient(45deg, #038BC2, #55FE30);
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    padding: 12px;
    width: 100%;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}
.notbtm {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    height: 150px;
    overflow-y: scroll;
    scrollbar-width: thin;
}
   
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0% !important;
}

.fnt12x {
    font-size: 12px !important;
    font-weight: 400;
}

.fnt12prf {
    font-size: 12px !important;
    font-weight: 400;
    color: #222;
}

.fnt14x {
    font-size: 14px !important;
    font-weight: 500;
}

.fnt14 {
    font-size: 14px !important;
    font-weight: 400;
}

.fnt16x {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.profna {
    color: #333 !important;
}

.profilbox {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: radial-gradient(#ffffff, #d0e1e9) ;*/ /*linear-gradient(2deg, #bce1ff9e, #bde7ff);*/
    /*background: #d9e7ed;*/
    /*background: linear-gradient(45deg, #0551b4, #3fa63b);*/
    border-radius: 5px;
}

.walletpad {
    padding: 6px;
}

.bahg {
    height: 293px !important;
    object-fit: cover;
    border-radius: 15px;
}


input.form-control.serinp {
    display: none;
    border: none;
    border-bottom: 2px solid #ececec;
    padding: 10px;
    border-radius: 25px !important;
}

a.nav-link.search:hover .serinp {
    display: block;
    transition: .2s ease;
    padding: 18px;
}

.dropdown-toggle::after icons {
    display: none;
}

.dropdown-menu.dropdown-menu-right.widht {
    width: 240px;
}

.iconsearch {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nmtp {
    margin-top: 70px !important;
}

.centercom {
    display: grid;
    align-content: center;
}

.acfnt14x {
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-btn-bg);
}

.acpad {
    padding: 19px 27px 19px 27px !important;
    border-radius: 15px;
}

.acpadp {
    padding: 17px 27px 17px 27px !important;
    border-radius: 25px;
}

.acpadsfr {
    padding: 15px 20px !important;
    border-radius: 15px;
}

.acpadlk {
    padding: 4px 10px !important;
    background: #e7effc;
}

.acpadlks {
    padding: 8px !important;
    background: #e7effc;
}

li.acpbgh {
    /*background: linear-gradient(2deg, #c9e7ff, transparent);*/
    /*background: radial-gradient(#ffffff, #d0e1e9);*/ /*linear-gradient(2deg, #bce1ff9e, #bde7ff);*/
    background: radial-gradient(#ffffff, #ffffff);
    /*box-shadow: 0px 4px 4px #00000073;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 6px !important;
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
}

.fnt16px {
    color: #22A636 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.logtop {
    color: #F21313 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.cnt16 {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.cntfnt {
    color: #888888;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.acbxft {
    font-size: 12px;
    line-height: 14.52px;
    font-weight: 500;
    color: #6D6D6D;
}

.acshdow {
    box-shadow: 0px 4px 20px 0px #00000040;
}


.footer-text-style {
    color: #fff;
}

.menhid {
    display: none;
}

.menhid1 {
    display: block;
}

.zidex {
    position: fixed !important;
    top: 36px;
    z-index: 999;
}

.zidexs {
    position: fixed !important;
    top: 0px;
    z-index: 999;
}

.tpfix {
    position: sticky !important;
    top: 0px;
    z-index: 999;
}

.brbtmblue1 {
    border-bottom: 1px solid #E7E7E7;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
    border-radius: 15px;
}

.scrlhgt {
    overflow-y: scroll;
    height: 160px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.ticker-control {
    ss float: right !important;
}


.arrowss {
    display: inline-block;
    transition: transform 0.3s ease;
    position: absolute;
    right: 20px;
}

    .arrowss.rotate {
        transform: rotate(180deg);
    }






.ss {
    background: #08e72317 !important;
}

.fd {
    background: #ed040459 !important;
}

.rf {
    background: #ffa5004f !important;
}


.footer-static {
    background: #1267a8 !important;
    position: fixed;
    bottom: 0;
    z-index: 99;
    margin: auto;
    left: 240px;
    right: 22px;
    border-radius: 3px;
    width: calc(100% - 240px);
}

.mCSB_inside > .mCSB_container {
    margin-right: 10px !important;
}

.overallwidth-style {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


nav ul .billshow.show {
    display: block;
}

nav ul .paymentsshow.show {
    display: block;
}

.myprofshow.show {
    display: block;
}

.reachargeshow.show {
    display: block;
}

.walletshow.show {
    display: block;
}

.travelshow.show {
    display: block;
}

.accshow.show {
    display: block;
}

.profilbox:hover .profinfo {
    display: block !important;
}

.mainbox:hover .maininfo {
    display: block !important;
}

.combox:hover .cominfo {
    display: block !important;
}

.profinfo {
    position: absolute !important;
    right: 0% !important;
    top: 95%;
    width: 250px;
    text-align: left;
    z-index: 1;
    border-radius: 15px;
}

.maininfo {
    position: absolute !important;
    right: -35% !important;
    top: 95%;
    text-align: center;
    z-index: 1;
}

.fintechbox:hover .fininfo {
    display: block !important;
}

.fininfo {
    position: absolute !important;
    right: -40% !important;
    top: 95%;
    text-align: center;
    z-index: 1;
}

.cominfo {
    position: absolute !important;
    right: -55% !important;
    top: 95%;
    text-align: center;
    z-index: 1;
}

.themebox:hover .themech {
    display: block !important;
}

.themech {
    position: relative !important;
    right: 0 !important;
    top: 95%;
    width: 250px;
    text-align: center;
    z-index: 1
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}



.logtop {
    margin-top: 50px !important;
    margin-bottom: 20px;
}

.br15 {
    border-radius: 20px !important;
    
}

a[aria-expanded="true"] {
    color: #333;
    background: none;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.dropdown-toggle.icons::after {
    display: inline-block;
    margin-left: .255em;
    position: unset !important;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: transparent /*var(--theme-btn-bg)*/;
}

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

ul.list-unstyled.CTAs {
    position: sticky;
    bottom: 40px !important;
    margin-bottom: 90px !important;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

.bottom_content {
    position: fixed;
    bottom: 60px;
    left: 0;
    width: 250px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.bottom {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    justify-content: space-around;
    padding: 18px 0;
    text-align: center;
    width: 250px;
    color: #fff;
    border-top: 1px solid #ececec;
    background-color: var(--theme-btn-bg);
}

/* CONTENT STYLE*/
#content {
    width: 100%;
    padding: 0px;
    min-height: 100vh;
    transition: all .3s ease;
    background: linear-gradient(45deg, #065DB1, #57A643) !important;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0px;
    transition: all .3s ease;
}

   

.acpads {
    padding: 0px 3px !important;
    background:#fff;
    /*background: linear-gradient(45deg, #d8f7fb, #ffdaa200);*/
    /*background: linear-gradient(45deg, #caeeeb47, #bdece66e) !important;*/
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #6666661a;
    /*background:#fff;*/
    /*background: linear-gradient(to right, #20B2FF, #C729B8);*/
    /*background: linear-gradient(45deg, #31a4f78a, #a544c63d, #ffffff);*/
    /*background: linear-gradient(159deg, #31a4f7db 20%, #a544c678 50%, #ffffff 70%);*/
}

.boxicon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.boxicons {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}


.ovallbg {
    background: var(--theme-btn-bg) !important;
}

.ovfont12 {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.txtovfl {
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.ovfont12 {
    color: #fff !important;
}

    a.ovfont12.active {
        background: var(--theme-or-bg) !important;
        border-radius: 6px !important;
    }

.ovpad {
    padding: 14px 22px 14px 22px !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.ovpadc {
    padding: 14px 0px 14px 0px !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.ovsd {
    padding: 14px 12px 14px 12px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

.scrlhgt {
    overflow-y: scroll;
    height: 160px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

#scrlhgt {
    overflow-y: scroll;
    height: 150px;
    -webkit-overflow-scrolling: touch;
}

#scrlhg {
    overflow-y: scroll;
    height: 100px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.noticon {
    background: var(--theme-btn-bg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.notibrd {
    border-radius: 15px !important;
}

.noti {
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.hdi {
    visibility: hidden;
}

.pmove {
    animation: skew-y-shake 1s;
}

.pmove1 {
    animation: skew-y-shake 1s;
    animation-delay: 1s;
}

@keyframes rotate1 {
    0% {
        transform: translate(5px);
        opacity: 0; /* Start and end hidden */
    }

    30% {
        transform: translate(5px);
        opacity: 1; /* Start and end hidden */
    }

    60% {
        transform: translate(5px);
        opacity: 1; /* Start and end hidden */
    }

    90% {
        transform: translate(5px);
        opacity: 1; /* Start and end hidden */
    }
}

/*.move {
    animation: tilt-n-move-shaking .5s infinite;
}*/

@keyframes tilt-n-move-shaking {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(5px, 5px) rotate(5deg);
    }

    50% {
        transform: translate(0, 0) rotate(0eg);
    }

    75% {
        transform: translate(-5px, 5px) rotate(-5deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

.small-alert {
    position: fixed;
    top: 15%;
    right: 5%;
    border: 1px solid #999;
    border: none;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-color: #fff;
    z-index: 99999 !important;
}


.small-alert-icon {
    position: absolute;
    background-color: #FDBC2C;
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    top: 0px;
}

.small-alert-message {
    float: left;
    margin: 10px 10px 10px 50px;
    width: auto;
}

.small-alert-control i {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.gradient-45deg-deep-purple-blue {
    background: -webkit-linear-gradient(45deg,#ed1c24,#faa819) !important;
    background: linear-gradient(45deg,#ed1c24,#faa819) !important
}

.gradient-45deg-deep-orange-orange {
    background: -webkit-linear-gradient(45deg,#bf360c,#f57c00) !important;
    background: linear-gradient(45deg,#bf360c,#f57c00) !important
}

.gradient-45deg-green-teal {
    background: -webkit-linear-gradient(45deg,#43a047,#1de9b6) !important;
    background: linear-gradient(45deg,#43a047,#1de9b6) !important
}

.gradient-45deg-purple-deep-purple {
    background: -webkit-linear-gradient(45deg,#7b1fa2,#7c4dff) !important;
    background: linear-gradient(45deg,#7b1fa2,#7c4dff) !important
}

.valign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*----------------------------------------
  Material
------------------------------------------*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v130/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

    /* Rules for sizing the icon. */
    .material-icons.md-18 {
        font-size: 18px;
    }

    .material-icons.md-14 {
        font-size: 14px;
    }

    .material-icons.md-24 {
        font-size: 24px;
    }

    .material-icons.md-36 {
        font-size: 36px;
    }

    .material-icons.md-48 {
        font-size: 48px;
    }

    /* Rules for using icons as black on a light background. */
    .material-icons.md-dark {
        color: rgba(0, 0, 0, .54);
    }

        .material-icons.md-dark.md-inactive {
            color: rgba(0, 0, 0, .26);
        }

    /* Rules for using icons as white on a dark background. */
    .material-icons.md-light {
        color: white;
    }

        .material-icons.md-light.md-inactive {
            color: rgba(255, 255, 255, .3);
        }

/*----------------------------------------
	Avatar
------------------------------------------*/
.avatar-status {
    /*line-height: 50px;*/
    position: relative;
    display: inline-block;
    width: 28px;
    vertical-align: bottom;
    white-space: nowrap;
    border-radius: 50px;
}

    .avatar-status i {
        position: absolute;
        right: -2px;
        bottom: 18px;
        width: 9px !important;
        height: 9px !important;
        border: 1px solid #fff;
        border-radius: 100%;
    }

    .avatar-status span.text-circle {
        font-size: 1.2rem;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        background: #fafafa;
    }

    .avatar-status img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border: 0 none;
        border-radius: 1000px;
        background: #e6e6e6;
    }

.input--ind {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    margin: .5em auto !important;
    /*margin: .5em !important;*/
    width: 100% !important;
    /*width: calc(100% - 2em) !important;*/
    vertical-align: top !important;
    background: #fff !important;
    overflow: hidden !important;
    padding: 0em 0.25em !important;
    border-top: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-left: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 0 2px 1px 0 #cbcbcb !important;
    box-shadow: 0 2px 1px 0 #cbcbcb !important;
}

    .input--ind select {
        height: 45px !important;
    }

    .input--ind::after {
        content: '' !important;
        position: absolute !important;
        top: 0.5em !important;
        bottom: 0.5em !important;
        left: 2.5em !important;
        background: #f0f0f0 !important;
        z-index: 100 !important;
    }

.input__field--ind {
    background: transparent !important;
    padding: 15px 0px 0px 0px !important;
    width: 100% !important;
    color: #1a1a1a !important;
    /*font-size: 16px !important;*/
    font-size: 14px !important;
    position: relative !important;
    display: block !important;
    float: right !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    height: 2rem !important;
    -webkit-appearance: none !important; /* for box shadows to show on iOS */
}

    .input__field--ind:focus {
        outline: none !important;
    }

.input__label--ind {
    display: inline-block !important;
    float: right !important;
    /*color: #696969 !important;*/
    /*font-size: 14px !important;*/
    font-size: 15px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    position: absolute !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 0em !important;
    pointer-events: none !important;
    font-weight: 600;
}

.icon--ind {
    font-size: 20px !important !important;
    left: 15px !important;
    position: absolute !important;
    top: 10px !important;
}

.input__label__date {
    top: 0px !important !important;
}

.input__label-content--ind {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    top: 0px !important;
    padding: 0 0 !important;
    display: inline-block !important;
    -webkit-transform-origin: 0 0 !important;
    transform-origin: 0 0 !important;
}

    .input__label-content--ind span {
        display: inline-block !important;
    }

.input__field--ind:focus + .input__label--ind .input__label-content--ind,
.input--filled .input__label-content--ind {
    -webkit-animation: anim-ind-1 0.3s forwards !important;
    animation: anim-ind-1 0.3s forwards !important;
    top: 0px !important;
}

.input__field--ind:focus + .input__label--ind .icon--ind,
.input--filled .icon--ind {
    -webkit-animation: anim-ind-2 0.3s forwards !important;
    animation: anim-ind-2 0.3s forwards !important;
}

.neftselect {
    background-color: #28a745 !important;
    color: #000000 !important;
    border-right: 5px solid #ffffff !important;
    outline: 3px solid #28a745 !important;
}

.hd-info {
    background: var(--theme-btn-bg);
}

.impsselect {
    background-color: #faa819 !important;
    color: #000000 !important;
    border-left: 5px solid #ffffff !important;
    border-right: none !important;
    outline: 3px solid #faa819 !important;
}


.input--ind input:not([type]), input[type=text]:not(.browser-default), textarea[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    margin: 5px 0 0px 0 !important;
}

.cicon {
    /*margin-left: 10px !important;
    margin-top: 20px;*/
    /*margin:30px !important;*/
    background: linear-gradient(318deg, #45AF2E, #014BBD);
    padding: 18px;
}



.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0% !important;
}
.bghd {
    background: #E6F1FF !important;
}
/*
/* MEDIAQUERIES */

@media (max-width: 768px) {

    .maininfo, .fininfo {
        position: absolute !important;
        right: 40% !important;
        top: 95%;
        text-align: center;
        z-index: 1;
    }

    .cominfo {
        position: absolute !important;
        right: 30% !important;
        top: 95%;
        text-align: center;
        z-index: 1;
    }

  
    


    .zidex {
        position: fixed !important;
        top: 66px;
        z-index: 999;
    }

    #content {
        width: 100% !important;
        transition: all .3s ease;
    }

        #content.active {
            /*left: 190px;*/
            width: calc(100% - 0px) !important;
            margin-top: 90px;
        }

    .menhid {
        display: block !important;
    }

    .menhid1 {
        display: none !important;
    }

  
    .profinfo {
        position: absolute !important;
        right: 0% !important;
        top: 96%;
        width: 100%;
        text-align: center;
    }

    .hdmbl {
        display: block !important;
    }

    .footer-static {
        background: linear-gradient(to right, #20B2FF, #C729B8) !important;
        position: fixed;
        bottom: 0;
        z-index: 1;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 3px;
        width: 100%;
    }
}