html{height:100%;background-color:#273136;background-image:linear-gradient(180deg,rgb(50 70 80 / .9) 0,#0d101b 100%)}
html::after{content:"";position:fixed;top:0;height:100%;left:0;right:0;z-index:-10;background-color:#273136;background-image:linear-gradient(180deg,rgb(50 70 80 / .9) 0,#0d101b 100%);background-image:url(../images/cover.jpg);background-repeat:no-repeat;background-position:center;background-attachment:initial;height:100%;transition:background .2s linear;background-size:cover}
html::before{content:"";position:fixed;top:0;left:0;right:0;height:100%;z-index:-5;background:linear-gradient(180deg,rgb(0 0 0 / .9) 0,#000 100%)}
body{background:#1e1e24 url(../images/body-bg.png); position:relative;min-height:100vh;z-index:9999; font-family: 'Open Sans'; font-family: 'Roboto', sans-serif !important;font-weight: normal; font-size: 15px; color: #fff;  margin: 0; padding: 0;  }
body::before{content:"";position:fixed;top:0;left:0;right:0;height:100%;background-attachment:initial;background-color:#fff0;background-image:url(../images/pattern.png);background-size:4.6875rem;background-repeat:repeat;background-attachment:initial;z-index:-5}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track {  background: #777; }
::-webkit-scrollbar-thumb { background: #fdc800; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {  background: #fdc800; }
.message:empty { display: none; }

.btnTheme { background: transparent; border: 1px solid #fdc800; border-radius: 2px; color: #000; font-size: 15px; line-height: 20px; font-weight: 600; padding: 14px 50px; text-decoration: none; 
transition: all 0.5s ease; text-transform: uppercase; position: relative; overflow:hidden; z-index: 1; }
.btnTheme:hover, .btnTheme:focus { background: rgba(0,0,0,0.50); box-shadow: none; border: 1px solid #fff; color: #fff; }
.btnTheme:before, .btnTheme:after {content: ""; background-color: #fdc800; position: absolute; z-index: -1; width: 100%; transform: rotate(10deg); height: 100px; 
transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; }
.btnTheme:before { bottom: 0; right: 0; }
.btnTheme:after { top: 0; left: 0; }
.btnTheme:hover:before, .btnTheme:hover:after { width: 0; }

.fullscreen {display: inline-block;position: relative;top: 8px;}
.fullscreen .requestfullscreen {color: #fdc800;}
.fullscreen .exitfullscreen {color: #f91a1a;}

#sidebarCollapse:focus {outline: none !important;border: none !important; }
@-webkit-keyframes slideOutRight2 {
	from { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
	to{ visibility:hidden;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}
}
@keyframes slideOutRight2{
	from { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
	to { visibility:hidden;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}
}
#starfield{opacity:.6;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.dashboard_header_top{background-color:rgb(0 0 0 / 57%);padding:9px 13px 10px; }
/** profile end***/


.dashblogo{color:#fdc800;display:inline-block;width:auto;margin:0 0 0 14px;vertical-align:middle;font-size:22px;font-weight:700}
.dashboardbar{background:none!important;color:#fff;border:none;padding:0;font-size:23px}
.dashboard_right{float:right;display:flex;align-content:center}

#sidebar.active .menu_dashboard b{display:none}
.dashboard_content{display:inline-block;width:100%;padding:3%}
.wrapper{display:flex;align-items:stretch;}
#sidebar{min-width:270px;max-width:270px;background-color:rgb(0 0 0 / 45%);color:#fff;transition:all 0.3s;position:relative;overflow:hidden}


#sidebar ul.components{padding:0}
#sidebar ul li a{ padding:6px 10px;font-size:14px;display:block; text-align:left}
#sidebar ul li a i{ margin-right:10px;font-style:normal;width:19px;display:inline-block;color:#cfc6a2;}
#sidebar ul li a b {color:#cfc6a2;}
#sidebar ul li.active>a, a[aria-expanded="true"] { color: #fff;background: #b5062d; }
#sidebar ul.components { padding: 12px 19px; }
a[data-toggle="collapse"] { position: relative; }
#sidebar ul li a:hover{color:#fdc800!important;text-decoration:none}
#sidebar.active ul li a i{margin-right:0;display:block;margin-bottom:5px}
.menu_dashboard .active a{color:#fdc800!important;background:none!important}
.menu_dashboard li {padding: 6px 0; -webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideOutRight2;animation-name:slideOutRight2;}
.menu_dashboard li small{font-size:12px;font-weight:600;color:#b8aa75;margin:20px 0 10px;display:inline-block;width:100%}
#sidebar.active{min-width:0;max-width:0;text-align:center;overflow:hidden}
#sidebar.active .CTAs{display:none}
#sidebar.active .sidebar-header strong{display:block}

#sidebar.active ul li a{padding:12px 10px;text-align:center}
#sidebar ul li a:hover b{color:#fdc800}
#sidebar ul li a:hover i{color:#fdc800}
.dashactive b {color: #fdc800 !important;}
.dashactive i {color: #fdc800!important;}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content { width:100%; padding:0; min-height: calc(100vh - 120px); transition: all 0.3s; }
.sidebar-header h3{ margin:0;padding:0; }
.menu_dashboard li a { color:#fff!important;}
.menu_dashboard>li:last-child { border:none;}
.sidebar-header h3 img { width:72px;}

/* START footer */
.footer { width:100%; background: #222; padding: 20px 0 10px; border-top: 1px solid rgba(0255, 255, 255, 0.10);}
.copyInner { width: 100%; text-align: center;}
.copyInner p { color: #fff; font-size: 14px; margin: 0 0 10px;}
.copyInner p a { color: #ecc200; font-weight: 700; text-decoration: underline; letter-spacing: 0.5px;}
.copyInner p a:hover, .copyInner p a:focus { color: #ffd511; }
/* END footer */

h2{margin:0 0 20px;font-size:36px;line-height:42px;color:#cfc6a2;text-transform:uppercase;font-weight:600}
h3{margin:0 0 10px;font-size:30px;line-height:40px;color:#cfc6a2;text-transform:capitalize;font-weight:600}
p{margin:0 0 10px;font-size:14px;color:#fff;font-weight:400}
a{text-decoration:none}

/* START welcomeMain */
.welcomeMain{color:#fff;padding:0;margin:0 0 30px}
.welcomeInner{text-align:center;margin: 30px 0 30px;border:1px solid #ffffff38; box-shadow: 0px 0px 60px 0px rgba(255, 2555, 255, 0.04); border-radius:12px;padding:50px}
.welcomeInner p{margin:0 0 30px}
.welcomeInner_2{margin:0 0 30px}
/* END welcomeMain */



/* START uploadInner */
.uploadInner{text-align:center;margin:30px 0 30px}
.drop-container{position:relative;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center;height:200px;padding:20px;border-radius:10px;border:2px dashed #555;color:#ddd;cursor:pointer;transition:background .2s ease-in-out,border .2s ease-in-out}
.drop-container:hover,.drop-container.drag-active{background:#eee;border-color:#111}
.drop-container:hover .drop-title,.drop-container.drag-active .drop-title{color:#222}
.drop-title{color:#cfc6a2;font-size:20px;font-weight:700;text-align:center;transition:color .2s ease-in-out}
.uploadInner input[type=file]{width:350px;max-width:100%;color:#444;padding:5px;background:#fff;border-radius:10px;border:1px solid #555}
.uploadInner input[type=file]::file-selector-button{margin-right:20px;border:none;background:#084cdf;padding:10px 20px;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}
.uploadInner input[type=file]::file-selector-button:hover{background:#0d45a5}
/* END uploadInner */

/* START contact-form */
.contact-form { margin:0 0 30px; }
.contact-form form { box-shadow: 0px 0px 60px 0px rgba(255, 2555, 255, 0.04); margin: 0 0 30px; border: 1px solid #ffffff38; 
border-radius: 12px; padding: 50px; }
.contact-form  .control-label { font-weight: 700; color: #cfc6a2; font-size: 15px; line-height: 20px; margin: 0 0 5px; }
.contact-form .form-group { margin: 0 0 25px; position: relative; }
.contact-form .form-control { background: rgb(0 0 0 / 45%); border: 1px solid rgb(255 255 255 / 25%); border-radius: 3px; 
box-shadow: none; color: #fff; font-size: 15px; height: 50px; }
.contact-form textarea { min-height: 110px; }
.contact-form .btn { font-size: 18px; }
.message{ padding: 15px;border: 1px solid transparent;border-radius: 4px;width: 500px;max-width: 100%;margin: 40px auto 20px; }
.error { color: #a94442;background-color: #f2dede; border-color: #ebccd1; }
.success{ color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6}
div#links{ width: 500px; max-width: 100%; margin: 30px auto 0;}
div#links div { background: rgb(0 0 0 / 45%);border: 1px solid rgb(255 255 255 / 25%); border-radius: 3px;box-shadow: none;
color: #fff; font-size: 15px; padding: 0 0 0 20px; width: 100%; max-width: 100%; display: flex; align-items: center;
justify-content: space-between; margin: 0 0 15px; }
#links a { background: #fdc800;border: 1px solid #fdc800;border-radius: 2px;color: #000;font-size: 15px;line-height: 20px;
font-weight: 600;padding: 14px 20px;text-decoration: none;transition: all 0.5s ease;text-transform: capitalize; }
/* END contact-form */


/* START terms */
.terms { margin: 0; }
.terms h2 { margin: 0 0 20px; }
.terms p { margin: 0 0 20px; font-size: 15px; line-height: 25px; color: #fff; }
/* START terms */