@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body{background-color:#eee!important; font-family:"Noto Sans", sans-serif!important; margin:0rem; padding:0rem;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
.row{--bs-gutter-x:1.875rem;--bs-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));}
.triangle-up{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid #40a944;position:relative;float:right;margin:-9px 15px 0px 0px;}
.navbar-brand{padding-top:0px;padding-bottom:0px;}.dropdown .dropdown-toggle:after{content:"";font-family:"Font Awesome 5 Pro";font-weight:900;vertical-align:middle;border:0;display:none;}.h1>a:hover, .h2>a:hover, .h3>a:hover, .h4>a:hover, .h5>a:hover, .h6>a:hover, h1>a:hover, h2>a:hover, h3>a:hover, h4>a:hover, h5>a:hover, h6>a:hover{color:#0dba4b;}.navbar-expand-xl .dropdown-submenu.dropend .dropdown-toggle:after{content:"";font-family:"Font Awesome 5 Pro";right:1rem }
.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu .shadow{box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)!important; -webkit-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)!important;}
.navbar-dark .navbar-expand-xl .navbar-nav .nav-link{padding-top:0!important; padding-right:.4rem!important; padding-left:1rem!important; white-space:nowrap;}
.nav-link, .navbar-light .navbar-nav .nav-link{color:#262626; cursor:pointer;}
.login-wrap-hide-pwd{position:absolute; margin:10px 0px 0px -30px; z-index:1; cursor:pointer;}

.tab-content>.tab-pane{display:none;}
.tab-content>.active{display:block;}
.dropdown{position:relative;}
.navbar-expand-xl .navbar-nav .dropdown:hover>.dropdown-menu{display:block; top:100%; visibility:visible; opacity:1; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

.sort-box { position: relative; display: inline-block; } 
.sort-toggle {font-size: 14px; padding: 7px 10px; border: 1px solid #ccc; display: flex; gap: .5rem; align-items: center; background: #fafafa; border-radius: 5px; cursor: pointer; text-decoration: none; color: #333; } 
.sort-toggle i { margin-right: 5px; } 
.sort-options { display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; min-width: 150px; z-index: 10; } 
.sort-options a {font-size: 16px; display: block; padding: 8px 12px; text-decoration: none; color: #333; transition: background 0.3s; } 
.sort-options a:hover { background: #f0f0f0; }

/* wrap loader */
.wrap_loader{background:snow url(../images/loader.gif)no-repeat; background-attachment:fixed; background-position:center center; width:100%; min-height:1024px; margin:0 auto; padding:0 0 0 0; vertical-align:center; text-align:center; position:fixed; top:0; left:0; z-index:9999; opacity:.8; display:none;}
.wrap_loader img{text-align:center; border:0; display:none;}
.wrap_loader_new{background:snow url(../images/loader.gif)no-repeat; background-attachment:fixed; background-position:center center; width:100%; min-height:1024px; margin:0 auto; padding:0 0 0 0; vertical-align:center; text-align:center; position:fixed; top:0; z-index:9999; opacity:.8; display:none}
.wrap_loader_new .loader-message{font-size:18px; color:#000; font-weight:700; margin-top:5%; position:relative; z-index:9999}
.wrap-view{text-align:center; margin:0 auto}
/* end of wrap loader */

/* sidebar */
.sidenav{height:100%; width:0; position:fixed; z-index:9999; top:0; right:0; background-color:#fff; overflow-x:hidden; transition:0.5s; padding-top:0px;}
.sidenav a{padding:8px 8px 8px 32px; text-decoration:none; font-size:25px; color:#818181; display:block; transition:0.3s;}
.sidenav a:hover{color:#f1f1f1;}
.sidenav .closebtn{font-size:24px; margin:-17px 0px 0px 0px; float:right;}
#main{transition:margin-left .5s; padding:16px;}
@media screen and (max-height:450px){ .sidenav{padding-top:15px;} .sidenav a{font-size:18px;} }
.sidedetails h3{font-size:16px; font-weight:bold; text-align:left; margin:20px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px dashed #ccc;}
/* end of sidebar */

/* afterlogin css of dropdown */
.menu-right-head{display:flex; align-items:center; gap:1rem;}
.menu-right-head .cart-icon{font-size:1.5em; color:#333; margin:-4px 15px 0px 5px; position:relative;}
.d-cart .cart-icon{font-size:1.5em; color:#333; margin:0px 15px 0px 5px; position:relative; top:8px;}
.caret-down{position:relative;}
.div_after_login .cart-icon{position:relative; margin-right:25px!important; top:12px;}
.shadow{-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15)!important; box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15)!important;}
span.header_cart_count{position:absolute; background-color:#40a944; font-size:12px; text-align:center; padding-left:3px; padding-bottom:2px; padding-right:5px; padding-top:1px; right:-9pt; margin:6px 2px 5px 0px; color:#fff; top:-13px; width:22px; line-height:18px;}
.profile-icon .fa-caret-down{vertical-align:middle;}
img.header-user-profile{width:28px; height:28px; padding:1px; position:relative; margin:0px 0px 0px 0px; border:1px solid #ccc; cursor:pointer;}
.dropdown-menu .dropdown-user-details img{width:26px; height:26px; position:relative; margin-left:5px; vertical-align:middle; top:4px;}
.dropdown-user-details{background:#f4fff5; width:-webkit-fill-available; width:-moz-available; color:#fff; text-decoration: none; padding:10px 10px 10px 15px; display:inline-flex; border-top-left-radius:4px; border-top-right-radius:4px; -webkit-border-top-left-radius:.35rem; -webkit-border-top-right-radius:.35rem; display:flex; justify-content:flex-start; align-items:center;}
.dropdown-user-details a{display:inline-flex!important;}
.arrow-up{width:0; height:0; margin:-12px 0px 0px 185px; position:relative; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #40a944;}
.profile_photo_drop{position:relative; top:-3px; margin-right:2px; margin-left:-7px;}
.profile_photo_drop .fa-caret-down{display:none;}
.dropdown-user-name h5.name{font-size:14px; color:#343a40; font-weight:bold; margin:0px; padding:0px;}
.dropdown-user-name .type{font-size:13px; font-weight:bold; margin:0px; padding:0px;}
.dropdown-user-name{margin:0px; padding:0px 5px;}
.menu-divider{border-bottom:1px solid #eee;}
header.navbar-sticky-on{border-bottom:0px solid rgba(0, 0, 0, .1) !important; box-shadow:rgb(50 50 93 / 4%) 0px 6px 12px -2px, rgb(0 0 0 / 5%) 0px 3px 7px -3px; -webkit-box-shadow:rgb(50 50 93 / 4%) 0px 6px 12px -2px, rgb(0 0 0 / 5%) 0px 3px 7px -3px;}
.navbar-expand-xl{padding-top:0px;}
@media (max-width:1199.98px){
	.navbar-expand-xl .navbar-brand .navbar-brand-item{height:40px; width:auto;}
}
@media (min-width:1200px){
	img.navbar-brand-item{width:80%!important; margin:-5px auto 5px auto; text-align:center; padding:0;}
	.navbar-expand-xl .navbar-brand .navbar-brand-item{height:100%; display:block;}
	header.navbar-sticky-on .navbar-brand .navbar-brand-item{height:100%; width:auto;}
	header.navbar-sticky-on .navbar-brand{padding-top:0px; padding-bottom:0px;}
}

/* css for side drawer */
.canvas-overlay{height:2000px; position:absolute; top:0; bottom:0; left:-16.25rem!important; right:0; background:rgba(0, 0, 0, 0.3); transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; z-index:9999999; display:none; width:100%;}
.canvas-overlay>.page-content{margin-left:0rem!important;}
.canvas-sidewrap{width:32rem; background:#fff; height:100%; padding:2%; position:fixed; right:0px; top:0px; z-index:999; display:block!important; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out; overflow-y:auto;}
.canvas-sidewrap .canvas-close{color:#ccc; font-size:18px; text-align:right; background:transparent; position:absolute; border:none; float:right; cursor:pointer; top: 9vh; right: 2vw;}
.search-close-btn{color:#ccc; font-size:20px; text-align:right; background:transparent; position:absolute; border:none; float:right; cursor:pointer; top: 10.5%; right: 5%;}
.canvas-sidewrap .animate{transition:left 0.3s ease-out;}
.canvas-sidewrap h3{font-size:15px; font-weight:bold; text-align:left; margin: 15px 2px 0px 0px; padding:0px 0px 5px 0px;}
/* css for side wrapper */

/* css for side drawer */
/* .canvas-overlay-left { position: fixed; top: 55px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out; } 
.canvas-overlay-left.active { opacity: 1; visibility: visible; } */
.canvas-overlay-left { position: fixed; top: 55px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; }
.canvas-overlay-left.active { opacity: 1; visibility: visible; }
.canvas-overlay-left>.page-content{margin-left:0rem!important;}
.canvas-sidewrap-left{background:#161616; height:100%; padding:0px; position:fixed; left:0px; top:55px; z-index:999; transform: translateX(-100%); transition:transform 0.4s ease-in-out; overflow:hidden;}
.canvas-sidewrap-left.active {transform: translateX(0);}
.canvas-sidewrap-left .canvas-close{background:transparent; border:none; position:absolute; right:2px; top:6px; cursor:pointer;}
.canvas-sidewrap-left .canvas-close svg{color:#f00; font-size:16px; text-align:right; position:relative; border:none;}
.canvas-sidewrap-left .animate{transition:left 0.3s ease-out;}
.canvas-sidewrap-left h3{font-size:15px; font-weight:bold; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 5px 0px; border-bottom:1px dashed #ccc;}
/* css for side wrapper */

.table{width:100%; border-spacing:0; border-collapse:collapse;}
.table.align-items-center td, .table.align-items-center th{vertical-align:middle;}
.table thead th{vertical-align:bottom; border-bottom:0;}
.table th, .table td{font-size:15px; padding:0.25rem 0.75rem; border:1px solid #d6d6d6;}
.table tr:nth-child(odd){background-color:#fbfbfb;}
.table th{background:#f4f4f4; font-size:15px; text-align:left; white-space:nowrap;}	

@media (min-width:576px){ .container-sm, .container{max-width:98%;} }
@media (min-width:768px){ .container-md, .container-sm, .container{max-width:100%;} }
@media (min-width:992px){ .container-lg, .container-md, .container-sm, .container{max-width:98%;} }
@media (min-width:1200px){ .container-xl, .container-lg, .container-md, .container-sm, .container{max-width:1140px; margin:0 auto;} }
@media (min-width:1400px){ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{max-width:1300px;} }

@media (prefers-reduced-motion:reduce){.form-select{-webkit-transition:none;transition:none;}}.dropdown-menu{--bs-dropdown-min-width:15rem;--bs-dropdown-padding-x:0.8rem;--bs-dropdown-padding-y:1rem;--bs-dropdown-spacer:0;--bs-dropdown-font-size:0.9375rem;--bs-dropdown-color:#747579;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color);--bs-dropdown-border-width:0;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:#dde0e3;--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);--bs-dropdown-link-color:#747579;--bs-dropdown-link-hover-color:#fafafa;--bs-dropdown-link-hover-bg:rgba(6, 106, 201, 0.1);--bs-dropdown-link-active-color:#fafafa;--bs-dropdown-link-active-bg:rgba(6, 106, 201, 0.1);--bs-dropdown-link-disabled-color:#747579;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.4rem;--bs-dropdown-header-color:#24292d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:1000;display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer);}.dropdown-menu-start{--bs-position:start;}.dropdown-menu-start[data-bs-popper]{right:auto;left:0;}.dropdown-menu-end{--bs-position:end;}.dropdown-menu-end[data-bs-popper]{right:5px;left:auto;padding:0;margin:0;}
.dropdown-toggle{white-space:nowrap;}.dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent;}.dropdown-toggle:empty::after{margin-left:0;}.dropdown-menu{--bs-dropdown-min-width:15rem;--bs-dropdown-padding-x:0.8rem;--bs-dropdown-padding-y:1rem;--bs-dropdown-spacer:0;--bs-dropdown-font-size:0.9375rem;--bs-dropdown-color:#747579;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color);--bs-dropdown-border-radius:0rem;--bs-dropdown-border-width:0;--bs-dropdown-inner-border-radius:calc(0rem - 0px);--bs-dropdown-divider-bg:#dde0e3;--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);--bs-dropdown-link-color:#747579;--bs-dropdown-link-hover-color:#fafafa;--bs-dropdown-link-hover-bg:rgba(6, 106, 201, 0.1);--bs-dropdown-link-active-color:#fafafa;--bs-dropdown-link-active-bg:rgba(6, 106, 201, 0.1);--bs-dropdown-link-disabled-color:#747579;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.4rem;--bs-dropdown-header-color:#24292d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:1000;display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer);}.dropdown-menu-start{--bs-position:start;}.dropdown-menu-start[data-bs-popper]{right:auto;left:0;}.dropdown-menu-end{--bs-position:end;}.dropdown-menu-end[data-bs-popper]{top:46px; right:0px;left:auto;padding:0;margin:0;}

.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer);}.dropup .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0;border-right:0.3em solid transparent;border-bottom:0.3em solid;border-left:0.3em solid transparent;}.dropup .dropdown-toggle:empty::after{margin-left:0;}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer);}.dropend .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid transparent;border-right:0;border-bottom:0.3em solid transparent;border-left:0.3em solid;}.dropend .dropdown-toggle:empty::after{margin-left:0;}.dropend .dropdown-toggle::after{vertical-align:0;}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer);}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";}.dropstart .dropdown-toggle::after{display:none;}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid transparent;border-right:0.3em solid;border-bottom:0.3em solid transparent;}.dropstart .dropdown-toggle:empty::after{margin-left:0;}.dropstart .dropdown-toggle::before{vertical-align:0;}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1;}.dropdown-item{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:500;color:var(--bs-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}.dropdown-item:hover, .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg);}.dropdown-item.active, .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg);}.dropdown-item.disabled, .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent;}.dropdown-menu.show{display:block!important;}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:0.8203125rem;color:var(--bs-dropdown-header-color);white-space:nowrap;}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color);}.nav-tabs .nav-link{margin-bottom:calc(var(--bs-nav-tabs-border-width) * -1);background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius);}.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color);}.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent;}.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color);}.nav-tabs .dropdown-menu{margin-top:calc(var(--bs-nav-tabs-border-width) * -1);border-top-left-radius:0;border-top-right-radius:0;}.nav-pills{--bs-nav-pills-border-radius:0.325rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#fafafa;}.nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius);}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent;}.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg);}.nav-fill > .nav-link, .nav-fill .nav-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;}.nav-justified > .nav-link, .nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;}.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{width:100%;}.tab-content > .tab-pane{display:none;}.tab-content > .active{display:block;}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0;--bs-navbar-color:#747579;--bs-navbar-hover-color:#fafafa;--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:#fafafa;--bs-navbar-brand-padding-y:30px;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:1rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0rem;--bs-navbar-toggler-focus-width:0;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);}.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl{width:100%; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);white-space:nowrap;}.navbar-brand:hover, .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color);}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.25rem;--bs-nav-link-font-weight:;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active{color:var(--bs-navbar-active-color);}.navbar-nav .dropdown-menu{position:static;}.navbar-text{padding-top:0.25rem;padding-bottom:0.25rem;color:var(--bs-navbar-color);}.navbar-text a, .navbar-text a:hover, .navbar-text a:focus{color:var(--bs-navbar-active-color);}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);-webkit-transition:var(--bs-navbar-toggler-transition);transition:var(--bs-navbar-toggler-transition);}@media (prefers-reduced-motion:reduce){.navbar-toggler{-webkit-transition:none;transition:none;}}.navbar-toggler:hover{text-decoration:none;}.navbar-toggler:focus{text-decoration:none;outline:0;-webkit-box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%;}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto;}@media (min-width:576px){.navbar-expand-sm{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute;}.navbar-expand-sm .navbar-nav-scroll{overflow:visible;}.navbar-expand-sm .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;}.navbar-expand-sm .navbar-toggler{display:none;}.navbar-expand-sm .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none;transition:none;}.navbar-expand-sm .offcanvas .offcanvas-header{display:none;}.navbar-expand-sm .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;}}@media (min-width:768px){.navbar-expand-md{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute;}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x);}.navbar-expand-md .navbar-nav-scroll{overflow:visible;}.navbar-expand-md .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;}.navbar-expand-md .navbar-toggler{display:none;}.navbar-expand-md .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none;transition:none;}.navbar-expand-md .offcanvas .offcanvas-header{display:none;}.navbar-expand-md .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute;}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x);}.navbar-expand-lg .navbar-nav-scroll{overflow:visible;}.navbar-expand-lg .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;}.navbar-expand-lg .navbar-toggler{display:none;}.navbar-expand-lg .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none;transition:none;}.navbar-expand-lg .offcanvas .offcanvas-header{display:none;}.navbar-expand-lg .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}/*.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}*/.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute;}.navbar-expand-xl .navbar-nav-scroll{overflow:visible;}.navbar-expand-xl .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;}.navbar-expand-xl .navbar-toggler{display:none;}.navbar-expand-xl .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none;transition:none;}.navbar-expand-xl .offcanvas .offcanvas-header{display:none;}.navbar-expand-xl .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;}}@media (min-width:1400px){.navbar-expand-xxl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.navbar-expand-xxl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute;}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x);}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible;}.navbar-expand-xxl .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;}.navbar-expand-xxl .navbar-toggler{display:none;}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none;transition:none;}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none;}.navbar-expand-xxl .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;}}.navbar-expand{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.navbar-expand .navbar-nav .dropdown-menu{position:absolute;}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x);}.navbar-expand .navbar-nav-scroll{overflow:visible;}.navbar-expand .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;}.navbar-expand .navbar-toggler{display:none;}.navbar-expand .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none;transition:none;}.navbar-expand .offcanvas .offcanvas-header{display:none;}.navbar-expand .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;}.navbar-dark{--bs-navbar-color:#fff;--bs-navbar-hover-color:#fafafa !important;--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fafafa !important;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm{--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1.875rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:1045;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{-webkit-transition:none;transition:none;}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%);}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%);}}@media (max-width:575.98px){.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding){-webkit-transform:none;transform:none;}}@media (max-width:575.98px){.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show{visibility:visible;}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent !important;}.offcanvas-sm .offcanvas-header{display:none;}.offcanvas-sm .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent !important;}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:1045;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{-webkit-transition:none;transition:none;}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%);}}@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%);}}@media (max-width:767.98px){.offcanvas-md.showing, .offcanvas-md.show:not(.hiding){-webkit-transform:none;transform:none;}}@media (max-width:767.98px){.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show{visibility:visible;}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent !important;}.offcanvas-md .offcanvas-header{display:none;}.offcanvas-md .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent !important;}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:1045;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{-webkit-transition:none;transition:none;}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%);}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%);}}@media (max-width:991.98px){.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding){-webkit-transform:none;transform:none;}}@media (max-width:991.98px){.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show{visibility:visible;}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent !important;}.offcanvas-lg .offcanvas-header{display:none;}.offcanvas-lg .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent !important;}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:1045;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{-webkit-transition:none;transition:none;}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%);}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%);}}@media (max-width:1199.98px){.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding){-webkit-transform:none;transform:none;}}@media (max-width:1199.98px){.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show{visibility:visible;}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent !important;}.offcanvas-xl .offcanvas-header{display:none;}.offcanvas-xl .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent !important;}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:1045;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{-webkit-transition:none;transition:none;}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%);}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%);}}@media (max-width:1399.98px){.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding){-webkit-transform:none;transform:none;}}@media (max-width:1399.98px){.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show{visibility:visible;}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent !important;}.offcanvas-xxl .offcanvas-header{display:none;}.offcanvas-xxl .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent !important;}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:#161616;background-clip:padding-box;outline:0;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}@media (prefers-reduced-motion:reduce){.offcanvas{-webkit-transition:none;transition:none;}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%);}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%);}.offcanvas.showing, .offcanvas.show:not(.hiding){-webkit-transform:none;transform:none;}.offcanvas.showing, .offcanvas.hiding, .offcanvas.show{visibility:visible;}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;}.offcanvas-backdrop.fade{opacity:0;}
.navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu li{position:relative;}}@media (max-width:767.98px){.navbar-expand-md .navbar-brand .navbar-brand-item{height:24px;}.navbar-expand-md .navbar-brand{padding:20px 0;}.navbar-expand-md .navbar-nav-scroll{max-height:var(--bs-scroll-height, 65vh);}.navbar-expand-md .navbar-collapse{-webkit-box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-md .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #dde0e3;padding:8px 30px;}.navbar-expand-md .navbar-nav .nav-item > .dropdown-menu{background:rgba(64, 68, 72, 0.04);}.navbar-expand-md .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06);}.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after{position:absolute;right:25px;}.navbar-expand-md .navbar-toggler{border-color:transparent !important;}.navbar-expand-md .offcanvas-body{padding:1rem 0.875rem;}.navbar-expand-md .offcanvas-body .navbar-nav .nav-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:8px 0;}.navbar-expand-md .offcanvas-body .navbar-nav .dropdown-toggle::after{position:absolute;}.navbar-expand-md .dropdown-clickable .nav-item{position:static;}.navbar-expand-md .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper]{position:absolute !important;top:100% !important;left:0;right:0;width:100%;background:#fff !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);padding:0;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] ````````````.dropdown-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:12px 30px;}.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06) !important;margin-left:0.5rem;}.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after{position:absolute;}.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item{border-bottom:0;padding:8px 40px;}.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper]{top:100%;padding-bottom:15px;}}.navbar-expand-lg .dropdown-toggle:after{content:"\f107";font-family:"Font Awesome 6 Pro";margin-left:0.35rem;font-weight:900;vertical-align:middle;border:none;}.navbar-expand-lg .dropdown-submenu.dropend .dropdown-toggle:after{content:"\f141";font-family:"Font Awesome 6 Pro";right:1rem;}.navbar-expand-lg .dropdown-submenu.dropstart .dropdown-toggle:before{content:"\f141";margin-right:0;font-family:"Font Awesome 6 Pro";right:1rem;position:absolute;}.navbar-expand-lg .dropdown-fullwidth .dropdown-menu{padding:0 !important;}@media (min-width:992px){.navbar-expand-lg .navbar-top{z-index:1100 !important;}.navbar-expand-lg .navbar-brand .navbar-brand-item{height:36px;display:block;width:auto;}.navbar-expand-lg .navbar-nav .dropdown > .dropdown-menu{top:120%;visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu{display:block;top:100%;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.navbar-expand-lg .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu{visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand-lg .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu{display:block;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);margin-left:0.5rem;}.navbar-expand-lg .navbar-nav .dropdown > .dropdown-toggle:active{pointer-events:none;}.navbar-expand-lg .navbar-nav .nav-link{line-height:40px;font-weight:500;}.navbar-expand-lg .dropdown-menu .dropdown-toggle:after{position:absolute;}.navbar-expand-lg .dropdown-menu-shadow-stacked{z-index:5;}.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-submenu{z-index:unset !important;}.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu{z-index:-1;-webkit-box-shadow:none !important;box-shadow:none !important;}.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu > *{z-index:1;position:relative;}.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:#fff;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);border-radius:inherit;}.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu li{position:relative;}}@media (max-width:991.98px){.navbar-expand-lg .navbar-brand .navbar-brand-item{height:24px;}.navbar-expand-lg .navbar-brand{padding:20px 0;}.navbar-expand-lg .navbar-nav-scroll{max-height:var(--bs-scroll-height, 65vh);}.navbar-expand-lg .navbar-collapse{-webkit-box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #dde0e3;padding:8px 30px;}.navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu{background:rgba(64, 68, 72, 0.04);}.navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06);}.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after{position:absolute;right:25px;}.navbar-expand-lg .navbar-toggler{border-color:transparent !important;}.navbar-expand-lg .offcanvas-body{padding:1rem 0.875rem;}.navbar-expand-lg .offcanvas-body .navbar-nav .nav-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:8px 0;}.navbar-expand-lg .offcanvas-body .navbar-nav .dropdown-toggle::after{position:absolute;}.navbar-expand-lg .dropdown-clickable .nav-item{position:static;}.navbar-expand-lg .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper]{position:absolute !important;top:100% !important;left:0;right:0;width:100%;background:#fff !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);padding:0;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:12px 30px;}.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06) !important;margin-left:0.5rem;}.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after{position:absolute;}.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item{border-bottom:0;padding:8px 40px;}.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper]{top:100%;padding-bottom:15px;}}.navbar-expand-xl .dropdown-toggle:after{content:"\f107";font-family:"Font Awesome 6 Pro";margin-left:0.35rem;font-weight:900;vertical-align:middle;border:none;}.navbar-expand-xl .dropdown-submenu.dropend .dropdown-toggle:after{content:"\f141";font-family:"Font Awesome 6 Pro";right:1rem;}.navbar-expand-xl .dropdown-submenu.dropstart .dropdown-toggle:before{content:"\f141";margin-right:0;font-family:"Font Awesome 6 Pro";right:1rem;position:absolute;}.navbar-expand-xl .dropdown-fullwidth .dropdown-menu{padding:0 !important;}@media (min-width:1200px){.navbar-expand-xl .navbar-top{z-index:1100 !important;}.navbar-expand-xl .navbar-brand .navbar-brand-item{background:#4caf50;width:242px!important;height:100%!important;display:block;width:auto;}.navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu{top:120%;visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu{display:block;top:100%;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.navbar-expand-xl .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu{visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand-xl .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu{display:block;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);margin-left:0.5rem;}.navbar-expand-xl .navbar-nav .dropdown > .dropdown-toggle:active{pointer-events:none;}.navbar-expand-xl .dropdown-menu .dropdown-toggle:after{position:absolute;}.navbar-expand-xl .dropdown-menu-shadow-stacked{z-index:5;}.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-submenu{z-index:unset !important;}.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu{z-index:-1;-webkit-box-shadow:none !important;box-shadow:none !important;}.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu > *{z-index:1;position:relative;}.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:#fff;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);border-radius:inherit;}.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu li{position:relative;}}@media (max-width:1199.98px){.navbar-expand-xl .navbar-brand .navbar-brand-item{height:24px;}.navbar-expand-xl .navbar-brand{padding:20px 0;}.navbar-expand-xl .navbar-nav-scroll{max-height:var(--bs-scroll-height, 65vh);}.navbar-expand-xl .navbar-collapse{-webkit-box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-xl .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #dde0e3;padding:8px 30px;}.navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu{background:rgba(64, 68, 72, 0.04);}.navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06);}.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after{position:absolute;right:25px;}.navbar-expand-xl .navbar-toggler{border-color:transparent !important;cursor:pointer;}.navbar-expand-xl .offcanvas-body{padding:1rem 0.875rem;}.navbar-expand-xl .offcanvas-body .navbar-nav .nav-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:8px 0;}.navbar-expand-xl .offcanvas-body .navbar-nav .dropdown-toggle::after{position:absolute;}.navbar-expand-xl .dropdown-clickable .nav-item{position:static;}.navbar-expand-xl .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper]{position:absolute !important;top:100% !important;left:0;right:0;width:100%;background:#fff !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);padding:0;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:12px 30px;}.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06) !important;margin-left:0.5rem;}.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after{position:absolute;}.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item{border-bottom:0;padding:8px 40px;}.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper]{top:100%;padding-bottom:15px;}}.navbar-expand-xxl .dropdown-toggle:after{content:"\f107";font-family:"Font Awesome 6 Pro";margin-left:0.35rem;font-weight:900;vertical-align:middle;border:none;}.navbar-expand-xxl .dropdown-submenu.dropend .dropdown-toggle:after{content:"\f141";font-family:"Font Awesome 6 Pro";right:1rem;}.navbar-expand-xxl .dropdown-submenu.dropstart .dropdown-toggle:before{content:"\f141";margin-right:0;font-family:"Font Awesome 6 Pro";right:1rem;position:absolute;}.navbar-expand-xxl .dropdown-fullwidth .dropdown-menu{padding:0 !important;}@media (min-width:1400px){.navbar-expand-xxl .navbar-top{z-index:1100 !important;}.navbar-expand-xxl .navbar-brand .navbar-brand-item{height:36px;display:block;width:auto;}.navbar-expand-xxl .navbar-nav .dropdown > .dropdown-menu{top:120%;visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand-xxl .navbar-nav .dropdown:hover > .dropdown-menu{display:block;top:100%;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.navbar-expand-xxl .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu{visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand-xxl .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu{display:block;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);margin-left:0.5rem;}.navbar-expand-xxl .navbar-nav .dropdown > .dropdown-toggle:active{pointer-events:none;}.navbar-expand-xxl .navbar-nav .nav-link{line-height:40px;font-weight:500;}.navbar-expand-xxl .dropdown-menu .dropdown-toggle:after{position:absolute;}.navbar-expand-xxl .dropdown-menu-shadow-stacked{z-index:5;}.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-submenu{z-index:unset !important;}.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu{z-index:-1;-webkit-box-shadow:none !important;box-shadow:none !important;}.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu > *{z-index:1;position:relative;}.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:#fff;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);border-radius:inherit;}.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu li{position:relative;}}@media (max-width:1399.98px){.navbar-expand-xxl .navbar-brand .navbar-brand-item{height:24px;}.navbar-expand-xxl .navbar-brand{padding:20px 0;}.navbar-expand-xxl .navbar-nav-scroll{max-height:var(--bs-scroll-height, 65vh);}.navbar-expand-xxl .navbar-collapse{-webkit-box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #dde0e3;padding:8px 30px;}.navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu{background:rgba(64, 68, 72, 0.04);}.navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06);}.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle::after{position:absolute;right:25px;}.navbar-expand-xxl .navbar-toggler{border-color:transparent !important;}.navbar-expand-xxl .offcanvas-body{padding:1rem 0.875rem;}.navbar-expand-xxl .offcanvas-body .navbar-nav .nav-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:8px 0;}.navbar-expand-xxl .offcanvas-body .navbar-nav .dropdown-toggle::after{position:absolute;}.navbar-expand-xxl .dropdown-clickable .nav-item{position:static;}.navbar-expand-xxl .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper]{position:absolute !important;top:100% !important;left:0;right:0;width:100%;background:#fff !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);padding:0;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:12px 30px;}.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06) !important;margin-left:0.5rem;}.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after{position:absolute;}.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item{border-bottom:0;padding:8px 40px;}.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper]{top:100%;padding-bottom:15px;}}.navbar-expand .dropdown-toggle:after{content:"\f107";font-family:"Font Awesome 6 Pro";margin-left:0.35rem;font-weight:900;vertical-align:middle;border:none;}.navbar-expand .dropdown-submenu.dropend .dropdown-toggle:after{content:"\f141";font-family:"Font Awesome 6 Pro";right:1rem;}.navbar-expand .dropdown-submenu.dropstart .dropdown-toggle:before{content:"\f141";margin-right:0;font-family:"Font Awesome 6 Pro";right:1rem;position:absolute;}.navbar-expand .dropdown-fullwidth .dropdown-menu{padding:0 !important;}.navbar-expand .navbar-top{z-index:1100 !important;}.navbar-expand .navbar-brand .navbar-brand-item{height:36px;display:block;width:auto;}.navbar-expand .navbar-nav .dropdown > .dropdown-menu{top:120%;visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand .navbar-nav .dropdown:hover > .dropdown-menu{display:block;top:100%;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.navbar-expand .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu{visibility:hidden;opacity:0;display:block;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}.navbar-expand .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu{display:block;visibility:visible;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);margin-left:0.5rem;}.navbar-expand .navbar-nav .dropdown > .dropdown-toggle:active{pointer-events:none;}.navbar-expand .navbar-nav .nav-link{line-height:40px;font-weight:500;}.navbar-expand .dropdown-menu .dropdown-toggle:after{position:absolute;}.navbar-expand .dropdown-menu-shadow-stacked{z-index:5;}.navbar-expand .dropdown-menu-shadow-stacked .dropdown-submenu{z-index:unset !important;}.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu{z-index:-1;-webkit-box-shadow:none !important;box-shadow:none !important;}.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu > *{z-index:1;position:relative;}.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:#fff;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);border-radius:inherit;}.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu li{position:relative;}.navbar-expand .navbar-brand .navbar-brand-item{height:24px;}.navbar-expand .navbar-brand{padding:20px 0;}.navbar-expand .navbar-nav-scroll{max-height:var(--bs-scroll-height, 65vh);}.navbar-expand .navbar-collapse{-webkit-box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);box-shadow:0px 10px 30px rgba(83, 88, 93, 0.4);position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #dde0e3;padding:8px 30px;}.navbar-expand .navbar-nav .nav-item > .dropdown-menu{background:rgba(64, 68, 72, 0.04);}.navbar-expand .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06);}.navbar-expand .navbar-collapse .navbar-nav .dropdown-toggle::after{position:absolute;right:25px;}.navbar-expand .navbar-toggler{border-color:transparent !important;}.navbar-expand .offcanvas-body{padding:1rem 0.875rem;}.navbar-expand .offcanvas-body .navbar-nav .nav-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:8px 0;}.navbar-expand .offcanvas-body .navbar-nav .dropdown-toggle::after{position:absolute;}.navbar-expand .dropdown-clickable .nav-item{position:static;}.navbar-expand .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper]{position:absolute !important;top:100% !important;left:0;right:0;width:100%;background:#fff !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0;-webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);padding:0;border-top:1px solid rgba(0, 0, 0, 0.1);}.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:12px 30px;}.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu{background:rgba(64, 68, 72, 0.06) !important;margin-left:0.5rem;}.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after{position:absolute;}.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item{border-bottom:0;padding:8px 40px;}.navbar-expand .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper]{top:100%;padding-bottom:15px;}@media (min-width:1200px){header.navbar-sticky-on{position:fixed;z-index:1020;top:0;left:0;right:0;background-color:#fff;-webkit-animation:fadeInDown 0.5s;animation:fadeInDown 0.5s;width:100%;border-bottom:1px solid rgba(0, 0, 0, 0.1);}header.navbar-sticky-on .navbar-top{display:none !important;}header.navbar-sticky-on .navbar-brand{padding:14px 0;}header.navbar-sticky-on .navbar-brand .navbar-brand-item{height:22px;}}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.navbar-transparent{background:transparent;position:absolute;top:0;left:0;right:0;}.navbar-toggler{padding:10px 0px;}.navbar-toggler.plyr-toggler{right:100%;position:absolute;border:0;border-radius:0;border-bottom-left-radius:0.325rem !important;border-top-left-radius:0.325rem !important;opacity:0.6;}.navbar-toggler.plyr-toggler:hover{opacity:1;}.navbar-toggler.plyr-toggler[aria-expanded=true]{opacity:1;}.navbar-toggler .navbar-toggler-animation{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-image:none;position:relative;height:22px;width:22px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%;}.navbar-toggler .navbar-toggler-animation span{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);height:2px;background:#24292d;display:block;position:absolute;width:100%;}.nav-category{border-bottom:solid 1px rgba(0, 0, 0, 0.1);}.nav-category .container{max-width:100%;}.nav-category .navbar-toggler{background-color:rgba(6, 106, 201, 0.1);color:#fafafa;border-radius:0;}.progress{height:4px; position:relative;overflow-x:visible;overflow-y:visible;}@media (max-width:767.98px){.table-responsive .table-responsive-title{width:200px;white-space:normal;}}.table-border-color{border-color:#dde0e3;}.bg-overlay{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}small, .small{font-weight:400;}.smaller{font-size:0.7em;font-weight:400;}.form-check .form-check-input, .form-check .form-check-label{cursor:pointer;}.form-check.form-check-md .form-check-input{height:1.3em;width:1.3em;margin-top:0.15em;}.form-check.form-check-md .form-check-input, .form-check.form-check-md .form-check-label{padding-left:0.6em;}.form-switch.form-check-md .form-check-input{width:2.4em;}.form-switch.form-check-lg .form-check-input{height:2em;width:4em;margin-top:0.15em;}.form-switch.form-check-lg .form-check-input .form-check-input{width:3.4em;}@media (max-width:575.98px){.nav-search .dropdown-menu{width:100%;}}.back-top{cursor:pointer;position:fixed!important;bottom:40px;right:40px;display:block;z-index:99;visibility:hidden;opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#40a944;color:#fff;border-radius:10%;width:52px;height:52px;line-height:52px;text-align:center;}.back-top i{font-size:1.6rem;vertical-align:middle;}.back-top:hover{background:#fafafa;color:#fff;}.back-top.back-top-show{visibility:visible;opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);}@media (max-width:767.98px){.back-top{bottom:10px;right:10px;width:30px;height:30px;line-height:30px;}.back-top i{font-size:1rem;}}.ribbon{position:absolute;top:15px;left:0;background:#fff;padding:0 10px;color:#24292d;-webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.15);box-shadow:0 0 40px rgba(0, 0, 0, 0.15);}.ribbon::before{content:"";position:absolute;top:0px;right:-20px;border-top:0.75em solid #fff;border-bottom:0.75em solid #fff;border-right:20px solid transparent;border-left:0px solid transparent;}.uploadremove{width:20px;height:20px;line-height:20px;text-align:center;border:0;padding:0;background:#dc3545;border-radius:50%;position:absolute;top:0;right:0;z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.sticky-element{position:fixed;bottom:50px;left:50px;width:300px;visibility:hidden;z-index:1000;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.sticky-element.sticky-element-sticked{visibility:visible;opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%);}.bi.fa-fw{display:inline-block;}.sidebar{position:relative;padding:0;}.sidebar.navbar-expand-sm .sidebar-content{padding:0 1rem 1rem;width:16.25rem;height:100%;}.sidebar.navbar-expand-sm .offcanvas{width:auto;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true]{background:linear-gradient(to right, var(--bs-gray-dark), #1c1c1c)!important; color:#fff!important;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link{color:#fff;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link:focus{color:#fff !important;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link.active{color:#fff!important;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link:hover{color:#fafafa!important;}.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]{position:relative;}.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:after{content:"";background:#ddd;border-radius:1px;display:block;position:absolute;height:2px;width:7px;margin:auto 12px;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);top:0;bottom:0;}.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:0px;}.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);right:5px;}.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before{-webkit-transform:rotate(40deg);transform:rotate(40deg);background:#fafafa;}.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);background:#fafafa;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link{line-height:40px;}.sidebar.navbar-expand-sm .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link{padding-left:3.5rem;padding-top:0;padding-bottom:0;}.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}@media (min-width:576px){.sidebar.navbar-expand-sm{position:fixed;z-index:1030;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.sidebar.navbar-expand-sm .offcanvas{position:relative;}.sidebar.navbar-expand-sm .navbar-brand{padding:1.3rem;}.sidebar.navbar-expand-sm .navbar-nav .nav-item{position:relative;}}@media (max-width:575.98px){.sidebar.navbar-expand-sm{position:absolute;left:-300px;height:100vh;z-index:9;}.sidebar.navbar-expand-sm .navbar-brand{display:none;}.sidebar.navbar-expand-sm .sidebar-content{padding:1rem;}.sidebar.navbar-expand-sm .navbar-nav > .nav-item > .nav-link{padding:0.2rem;margin-bottom:0;font-size:0.938rem;}.sidebar.navbar-expand-sm .offcanvas .offcanvas-body .navbar-nav .nav-item{border-bottom:0;padding:0;}}.sidebar.navbar-expand-md .sidebar-content{padding:0 1rem 1rem;width:16.25rem;height:100%;}.sidebar.navbar-expand-md .offcanvas{width:auto;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true]{background:linear-gradient(to right, var(--bs-gray-dark), #1c1c1c)!important; color:#fff!important;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link{color:#fff;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link:focus{color:#fff!important;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link.active{color:#fafafa!important;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link:hover{color:#fff!important;}.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]{position:relative;}.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:after{content:"";background:#ddd;border-radius:1px;display:block;position:absolute;height:2px;width:7px;margin:auto 12px;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);top:0;bottom:0;}.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:0px;}.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);right:5px;}.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before{-webkit-transform:rotate(40deg);transform:rotate(40deg);background:#fafafa;}.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);background:#fafafa;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link{line-height:40px;}.sidebar.navbar-expand-md .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link{padding-left:3.2rem;padding-top:0;padding-bottom:0;}.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}@media (min-width:768px){.sidebar.navbar-expand-md{position:fixed;z-index:1030;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.sidebar.navbar-expand-md .offcanvas{position:relative;}.sidebar.navbar-expand-md .navbar-brand{padding:1.3rem;}.sidebar.navbar-expand-md .navbar-nav .nav-item{position:relative;}}@media (max-width:767.98px){.sidebar.navbar-expand-md{position:absolute;left:-300px;height:100vh;z-index:9;}.sidebar.navbar-expand-md .navbar-brand{display:none;}.sidebar.navbar-expand-md .sidebar-content{padding:1rem;}.sidebar.navbar-expand-md .navbar-nav > .nav-item > .nav-link{padding:0.2rem;margin-bottom:0;font-size:0.938rem;}.sidebar.navbar-expand-md .offcanvas .offcanvas-body .navbar-nav .nav-item{border-bottom:0;padding:0;}}.sidebar.navbar-expand-lg .sidebar-content{padding:0 1rem 1rem;width:16.25rem;height:100%;}.sidebar.navbar-expand-lg .offcanvas{width:auto;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true]{background:linear-gradient(to right, var(--bs-gray-dark), #1c1c1c); color:#fafafa!important;border-radius:0.325rem;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link{color:#fff;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link:focus{color:#fff !important;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link.active{color:#fafafa !important;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link:hover{color:#fafafa !important;}.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]{position:relative;}.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:after{content:"";background:#ddd;border-radius:1px;display:block;position:absolute;height:2px;width:7px;margin:auto 12px;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);top:0;bottom:0;}.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:0px;}.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);right:5px;}.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before{-webkit-transform:rotate(40deg);transform:rotate(40deg);background:#fafafa;}.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);background:#fafafa;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link{line-height:40px;}.sidebar.navbar-expand-lg .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link{padding-left:3.2rem;padding-top:0;padding-bottom:0;}.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}@media (min-width:992px){.sidebar.navbar-expand-lg{position:fixed;z-index:1030;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.sidebar.navbar-expand-lg .offcanvas{position:relative;}.sidebar.navbar-expand-lg .navbar-brand{padding:1.3rem;}.sidebar.navbar-expand-lg .navbar-nav .nav-item{position:relative;}}@media (max-width:991.98px){.sidebar.navbar-expand-lg{position:absolute;left:-300px;height:100vh;z-index:9;}.sidebar.navbar-expand-lg .navbar-brand{display:none;}.sidebar.navbar-expand-lg .sidebar-content{padding:1rem;}.sidebar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link{padding:0.2rem;margin-bottom:0;font-size:0.938rem;}.sidebar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item{border-bottom:0;padding:0;}}.sidebar.navbar-expand-xl .offcanvas{width:auto;}.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link.active{color:#4caf50!important;}.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link:hover{background-color:#40a944; color:#fafafa!important;}.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]{position:relative;}.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:after{content:"";background:#ddd;border-radius:1px;display:block;position:absolute;height:2px;width:7px;margin:auto 12px;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);top:0;bottom:0;}.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:0px;}.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);right:5px;}.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before{-webkit-transform:rotate(40deg);transform:rotate(40deg);background:#fafafa;}.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);background:#fafafa;}.sidebar.navbar-expand-xl .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link{padding-left:3rem;padding-top:0;padding-bottom:0;}.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}@media (min-width:1200px){.sidebar.navbar-expand-xl{position:fixed;z-index:1030;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.sidebar.navbar-expand-xl .offcanvas{position:relative;}.sidebar.navbar-expand-xl .navbar-brand{padding:.2rem 0rem .5rem 0rem; margin:0 0 0 10px;}.sidebar.navbar-expand-xl .navbar-nav .nav-item{position:relative;border-bottom:1px solid #2a2a2a;}}@media (max-width:1199.98px){.sidebar.navbar-expand-xl{position:absolute;left:-300px;height:100vh;z-index:9999;}.sidebar.navbar-expand-xl .navbar-brand{display:none;}.sidebar.navbar-expand-xl .sidebar-content{padding:0rem;}.sidebar.navbar-expand-xl .navbar-nav > .nav-item > .nav-link{padding:0.3rem 1rem;margin-bottom:0;font-size:14px;}.sidebar.navbar-expand-xl .offcanvas .offcanvas-body .navbar-nav .nav-item{border-bottom:0;padding:0;}}.sidebar.navbar-expand-xxl .sidebar-content{padding:0 1rem 1rem;width:16.25rem;height:100%;}.sidebar.navbar-expand-xxl .offcanvas{width:auto;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true]{background:linear-gradient(to right, var(--bs-gray-dark), #1c1c1c);color:#fafafa!important;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link{color:#fff;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link:focus{color:#fff !important;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link.active{color:#fafafa !important;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link:hover{color:#fafafa !important;}.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]{position:relative;}.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:after{content:"";background:#ddd;border-radius:1px;display:block;position:absolute;height:2px;width:7px;margin:auto 12px;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);top:0;bottom:0;}.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:0px;}.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);right:5px;}.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before{-webkit-transform:rotate(40deg);transform:rotate(40deg);background:#fafafa;}.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);background:#fafafa;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link{line-height:40px;}.sidebar.navbar-expand-xxl .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link{padding-left:2.5rem;padding-top:0;padding-bottom:0;}.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}@media (min-width:1400px){.sidebar.navbar-expand-xxl{position:fixed;z-index:1030;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.sidebar.navbar-expand-xxl .offcanvas{position:relative;}.sidebar.navbar-expand-xxl .navbar-brand{padding:1.3rem;}.sidebar.navbar-expand-xxl .navbar-nav .nav-item{position:relative;}}@media (max-width:1399.98px){.sidebar.navbar-expand-xxl{position:absolute;left:-300px;height:100vh;z-index:9;}.sidebar.navbar-expand-xxl .navbar-brand{display:none;}.sidebar.navbar-expand-xxl .sidebar-content{padding:1rem;}.sidebar.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link{padding:0.2rem;margin-bottom:0;font-size:0.938rem;}.sidebar.navbar-expand-xxl .offcanvas .offcanvas-body .navbar-nav .nav-item{border-bottom:0;padding:0;}}.sidebar.navbar-expand{position:fixed;z-index:1030;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:absolute;left:-300px;height:100vh;z-index:9;}.sidebar.navbar-expand .sidebar-content{padding:0 1rem 1rem;width:16.25rem;height:100%;}.sidebar.navbar-expand .offcanvas{width:auto;}.sidebar.navbar-expand .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true]{background:linear-gradient(to right, var(--bs-gray-dark), #1c1c1c);color:#fafafa!important;}.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link{color:#fff;}.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link:focus{color:#fff !important;}.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link.active{color:#fafafa !important;}.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link:hover{color:#fafafa !important;}.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]{position:relative;}.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:after{content:"";background:#ddd;border-radius:1px;display:block;position:absolute;height:2px;width:7px;margin:auto 12px;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);top:0;bottom:0;}.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:0px;}.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);right:5px;}.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before{-webkit-transform:rotate(40deg);transform:rotate(40deg);background:#fafafa;}.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);background:#fafafa;}.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link{line-height:40px;}.sidebar.navbar-expand .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link{padding-left:2.5rem;padding-top:0;padding-bottom:0;}.sidebar.navbar-expand .sidebar-content .navbar-nav .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}.sidebar.navbar-expand .offcanvas{position:relative;}.sidebar.navbar-expand .navbar-brand{padding:1.3rem;}.sidebar.navbar-expand .navbar-nav .nav-item{position:relative;}.sidebar.navbar-expand .navbar-brand{display:none;}.sidebar.navbar-expand .sidebar-content{padding:1rem;}.sidebar.navbar-expand .navbar-nav > .nav-item > .nav-link{padding:0.2rem;margin-bottom:0;font-size:0.938rem;}.sidebar.navbar-expand .offcanvas .offcanvas-body .navbar-nav .nav-item{border-bottom:0;padding:0;}.sidebar-offcanvas-menu{background-color:transparent;border-radius:0.325rem;padding-left:0px;} 

main{background:#eee; height:100vh;}
.page-content{position:relative; height:100%; padding:0px; display:block;}
.page-content .page-content-wrapper{min-height:10vh; margin:1.5rem 2%; padding:1rem; background:#fff; webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important;}
.dropdown-menu li a{color:#000; font-weight: normal; text-decoration: none; line-height:32px; display:block;																																											}
.dropdown-menu li a.logout{background:#f4fff5; color:#000; text-align:center; margin:-5px -20px -5px -20px; line-height:38px;}
.page-content a{color:#333; text-decoration:none;}
.sidebar.navbar-expand-xl .sidebar-content{padding:0rem 0rem 0rem 0rem; width:16.25rem;}
@media(max-width:991.98px){
	.top-bar .navbar-expand-lg .navbar-collapse{padding:0 10px;}
}
@media(min-width:1200px){ 
	.page-content{margin-left:16.25rem;}
}
@media (max-width:575.98px){
	.page-content .page-content-wrapper{margin:1rem 1rem; padding:1rem;}
}

.bg-dark{background:#20201e!important;}
.top-bar{background:#fff; height:60px; position:relative; margin:0 auto; padding:0rem 1rem 0rem 0rem; display:flex; justify-content:end; -webkit-box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15); box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15); position:sticky; top:0px; z-index:999;}
.dropdown-btn{min-width:auto!important; min-height:fit-content!important; top:0px!important; padding:0px!important;}
.dropdown-btn li{padding:4px 10px!important;}
.dropdown-btn li a{min-width:max-content; display:block;}
.dropdown-btn li a:hover{color:#40a944;}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link i:hover{fill:#fff;}
.dropdown-menu li{font-size:14px; color:#585858; padding:4px 20px!important; line-height:24px!important; border-bottom:1px solid #eee!important; border-radius:0rem; -webkit-border-radius:0rem;}
#profileMenu{display:flex; justify-content:center; align-items:center; gap:.3rem;color: #000;}

.search_box{background:#fff; width:calc(100% - 20px); position:relative; min-height:145px; max-height:185px; padding:10px; margin:-1px 0px 0px 0px; border:1px solid #aaa; border-radius:10px; overflow:auto; box-shadow:0px 4px 2px #e1e1e1; z-index:999; display:none;}
.search_box ul{margin:0px; padding:0px;}
.search_box ul li{font-size:14px; text-align:left; margin:0px; padding:5px 0px; line-height:22px; list-style:disc; border-bottom:1px solid #eee;}
.search_box ul li a{color:#000; text-decoration:none; display:block;}
.search_box ul li::marker{display:none; content:'';}
.search_box ul li:hover{background:#fafafa;}

.bg-white{background:#fff;}
.auth{padding:20px; padding-inline:1rem; width:455px; margin-inline:auto;}
.auth-content-wrapper::before{content:""; inset:0; position:absolute; background-image:url("../images/bg-top.png"); background-repeat:no-repeat; z-index:-1;}
.auth-content-wrapper::after{content:""; inset:0; position:absolute; background-image:url("../images/bg-bottom.html"); background-repeat:no-repeat; z-index:-1; opacity:0.2;}
.error-msg-fixed{position:absolute; margin:0px 0px 0px 0px;}
.auth textarea{width:100%; min-height:125px; resize:none;}
.auth label{font-size:14px; padding-bottom:4px; display:block;}
.auth-form{display:grid; justify-content:stretch; grid-template-columns:4fr -1fr; column-gap:0rem; align-items:start; gap:1rem;}
.auth-form__span-2{grid-column:1/1;}
.auth-form__button{grid-column:1/1; justify-content:center; width:min(100%, 50rem); margin-inline:auto;}
.flow{display:flex; flex-direction:column; gap:1rem;}
.auth-content-wrapper{width:100%; position:absolute; align-items:center; gap:1rem; height:100vh;}
.auth-aside{height:100%; background-image:url(../images/article-login-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; padding-inline:2rem; padding-top:0rem; flex-direction:column; align-items:center; position:relative; isolation:inherit;}
.auth-side-logo{text-align:center; padding:0rem 0rem .5rem 0rem!important; margin:0rem 0rem 2rem 0rem; border-bottom:1px solid #eee;}
.auth-side-logo img{height:45px;}
.checkbox input:checked~.checkmark:after{display:block; border:1px solid var(--clr-neutral-400); background-color:var(--clr-accent-700);}
.checkbox .checkmark:after{background-image:url(../images/check.html); background-repeat:no-repeat; background-position:center; position:absolute; inset:0;}
.auth-form input[type="checkbox"]{width:18px; min-height:18px; display:inline-block; cursor:pointer;}
.auth-form input{width:-webkit-fill-available; width:-moz-available; font-size:14px; min-height:24px; border:1px solid #aaa; padding:0.45rem 10px; border-radius:0.3625rem; outline:none;}
.max-100{font-size:14px; font-weight:bold; display:flex; justify-content:space-between; margin:0px; padding:0px;}
.nowrap label.checkbox{display:flex; justify-content:center; align-items:center; gap:.2rem; cursor:pointer;}
.login-btn:hover{background-color:#e4ffe5; border-color:#04af2f; color:#04af2f;}
.login-btn{width:-webkit-fill-available; width:-moz-available; font-size:16px; background-color:#04af2f; border:2px solid transparent; color:#fff; border-radius:0.3625rem; padding-block:0.5em; padding-inline:1em; transition:all 0.25s ease; display:flex; align-items:center; gap:0.4rem; min-height:40.38px; justify-content:center; cursor:pointer;}
.error-message, .alert_sign, .login_alert_sign{font-size:14px; color:#f00; position:relative; margin:0px; padding:0px; display:none;}
.fs-700{font-size:2rem;}
.fw-700{font-weight: 700;}
.mb-1{margin-bottom:1rem;}
.form-text{font-size:15px; padding:10px 0px;}
.form-text a{color:#04af2f; font-weight:normal; text-decoration:none;}
.form-text a:hover{text-decoration:underline;}
.main--wrapper input, input.form-control{font-size:13px; min-height:24px; padding:0.45rem 10px; margin:0px; border:1px solid #aaa;}
.main--wrapper select, select.form-control{width:100%; min-height:24px; font-size:13px; height:38px; padding:0px 10px 0px 10px; margin:0px; border:1px solid #ccc;}
.main--wrapper textarea, textarea.form-control{width:-moz-available; width:-webkit-fill-available; font-family:'Nunito', sans-serif; font-size:14px; min-height:205px; padding:10px 10px 10px 10px; margin:0px; border:1px solid #aaa; resize:none;}
.main--wrapper input, .main--wrapper select, .main--wrapper textarea{outline:none;}
.main--wrapper label{font-size:14px; color:#4e4e4e;}
.align-items-center{width:100%;}
.mt-2{margin-top:2rem!important;}
.ms-2{width:20px;}

#siginInForm{display: block; padding: 8px 12px;}
#signInBtn{width:96%; height: auto; padding: 10px; margin:0rem 0rem 0rem .7rem; color: #fafafafa; background: #04af2f; border:1px solid transparent;}
#signInBtn:hover{cursor: pointer;}
.form-group{margin-bottom: 10px;}
.form-group label{margin-bottom: 5px; display: block; font-weight: 500;}
.form-inline-box{display: flex;align-items: center;justify-content:space-between; padding: 10px; gap:0rem;}
.form-inline-box label:hover{cursor: pointer;}
.text-danger{background:#fdeded!important; color: #f00 !important; font-weight:400 !important; font-size: 14px !important;}
.error-input{border-color: #f00 !important;}
.text-center{text-align: center;}
.text-success{color: #04af2f !important; font-weight:400 !important; font-size: 14px !important;}
#registerLink{color: #04af2f;font-weight:400;}

.p-flex{display:flex!important; justify-content:space-between; align-items:center; gap:.5rem;}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link{font-size:13px; color:#fff; display:block; text-decoration:none; line-height:36px; padding-left:15px;}
.p-viewallbtn{background:#000; font-size:12px!important; padding:2px 5px; line-height:18px; margin-right:15px; border:1px solid #000;}
.p-viewmorebtn{width:max-content!important; color:#fff!important; margin:10px 0px 5px 24px!important;}
.p-viewallbtn a, .p-viewmorebtn a{font-size:12px!important;}
ul.navbar-nav li ul{margin:0px 0px 15px 25px; padding:0px;}
ul.navbar-nav li ul li{list-style:none; margin:0px; padding:0px; line-height:32px;}
ul.navbar-nav li ul li a{color:#d5d5d5; font-size:16px; margin:0px; padding:0px;}
ul.navbar-nav li ul li a input[type="checkbox"]{width:16px; height:16px; margin-right:5px; vertical-align:middle;}
ul.navbar-nav li ul li a:hover{color:#fff;}

ul.navbar-nav li ul.sub-menu{margin:0px 0px 15px 35px; padding:0px; display:none;}
ul.navbar-nav li ul.sub-menu li{list-style:none; margin:0px; padding:0px; line-height:32px;}
ul.navbar-nav li ul.sub-menu li .nav-fa{width:20px; text-align:right; padding-right:5px;}

.me-auto{font-size:22px; color:#000; background:transparent; border:none; cursor:pointer;}
.searchBtn{background:#fafafa;border-radius: 5px; font-size:14px; text-align:center; padding:7px 10px; display:flex; align-items:center; gap:.5rem; border:1px solid #ccc; cursor:pointer;}

.show-topics{width:89%; padding:2px 5px; color:#d7d7d7; font-size:14px; background:#565656; display:flex; align-items:center; justify-content:space-between; gap:.5rem;}
.show-topics svg path{cursor:pointer;}
.nav-bar-scroll{height:calc(100% - 150px); overflow-x:hidden; overflow-y:auto; min-height:545px; max-height:615px;}
/* Custom scrollbar styles */
.nav-bar-scroll::-webkit-scrollbar,.canvas-sidewrap::-webkit-scrollbar {width: 8px; }
.nav-bar-scroll::-webkit-scrollbar-thumb,.canvas-sidewrap::-webkit-scrollbar-thumb {background-color: #888; border-radius: 4px;}
.nav-bar-scroll::-webkit-scrollbar-track,.canvas-sidewrap::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 4px;}
.nav-bar-scroll::-webkit-scrollbar-thumb:hover,.canvas-sidewrap::-webkit-scrollbar-thumb:hover {background-color: #555;}

.popup-flex{display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.popup-flex input{width:100%; font-size:14px; padding:5px 10px; margin:0px; line-height:32px; border:1px solid #ccc;}
.popup-flex a.close{background:#f00; color:#fff; font-size:13px!important; padding:5px 7px!important; font-size:13px!important; margin:0px 5px!important; opacity:1!important; float:inherit!important; cursor:pointer;}
.popup-flex a.filters{background:#40a944; color:#fff; font-size:13px; padding:5px 7px; cursor:pointer;}
.popup-wrap{min-height:375px; max-height:400px; overflow-y:auto; overflow-x:hidden;}
.popup-wrap h2{font-size:16px; font-weight:bold; text-align:left; margin:0px; padding:0px 0px 10px 0px;}
.popup-wrap ul{text-align:left; margin:0px; padding:0px 0px 10px 0px;}
.popup-wrap ul li{min-width:145px; font-size:15px; list-style:none; margin:0px; padding:0px 0px 15px 0px; display:inline-block;}

/* css toggle */
.switch{position:relative; display:inline-block; width:50px; height:22px;}
.switch input{opacity:0; width:0; height:0;}
input:checked + .slider{background-color:#282828; border:1px solid #282828;}
input:checked + .slider:before{-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); left:0px; bottom:0px;}
.slider.round{border-radius:0px;}
.slider{position:absolute; top:0; left:0; right:0; bottom:0; background-color:#40a944; -webkit-transition:.4s; transition:.4s; cursor:pointer;}
.slider.round:before{border-radius:0%;}
.slider:before{position:absolute; content:""; height:20px; width:20px; left:3px; bottom:1px; background-color:#0f5a12; -webkit-transition:.4s; transition:.4s; -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
.topic-tags-toggle{background:#222324; padding:5px 10px; margin:4px; position:absolute; z-index:11; left:6px; top:65px; border:1px solid #222324; cursor:pointer; display:none;}
.topic-tag-icon{margin-left:4px; vertical-align:middle; cursor:pointer;}
/* css toggle */

.main--wrapper{background:#fff; padding:20px; margin:0% 2% 1% 2%; box-shadow:0px 0px 40px rgba(29, 58, 83, 0.15);}
.pagination-wrapper{padding:20px; margin:0% 2% 1% 2%;}
.card-header-title{font-size:16px; font-weight:bold; align-items:center; gap:1rem; padding-bottom:0px; border-bottom:0px solid #ccc;}
.fs-6{font-size:24px;}
.fs-5{font-size:20px;}
.fs-2{font-size:14px; font-weight:bold;}
.fs-3{font-size:16px; font-weight:bold;}
.fs-4{font-size:14px; font-weight:normal; background:#e5ffc7; color:#000; width:max-content; padding:5px 10px; margin:1px 2px;}
.d-inline-flex{display: inline-flex; padding: 2px;}
.btnSorting{background:#fafafa; font-size:14px; color:#333; text-align:left; padding:7px 10px; border:1px solid #ccc;}
.btnSorting .btnsort-tag{font-size:13px; color:#000; font-weight:normal;}
.btnSortList{background:#fff; margin:6px 0px 0px -11px; padding:0px; border:1px solid #ccc; position:absolute; z-index:99; display:none;}
.btnSortList a{width:132px; font-size:15px; color:#333; font-weight:normal; text-align:left; padding:10px 0px 10px 10px; border-bottom:1px solid #eee; display:block;}
.btnSortList a:hover{background:#ecf9ed; font-size:15px; color:#000;}
ul.problems-list,ul.problems-list-search{margin:10px 0px 0px 0px; padding:0px;}
ul.problems-list li,ul.problems-list-search li{list-style:none; margin:0px 0px -1px 0px; padding:10px 0px 0px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul.problems-list .problem-lis-wrap,ul.problems-list-search .problem-lis-wrap{display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; cursor:pointer;}
ul.problems-list .problem-lis-wrap div b,ul.problems-list-search .problem-lis-wrap div b{font-size:13px; font-weight:normal; text-align:left; margin-right:10px; padding-right:10px; border-right:1px solid #ccc;}
ul.problems-list .problem-lis-wrap div b:last-child,ul.problems-list-search .problem-lis-wrap div b:last-child{border-right:0px solid #ccc;}
ul.problems-list .problem-lis-wrap div b a,ul.problems-list-search .problem-lis-wrap div b a{color:#000; text-decoration:none;}
ul.problems-list .problem-lis-wrap div b a:hover,ul.problems-list-search .problem-lis-wrap div b a:hover{text-decoration:underline;}
ul.problems-list .problem-lis-wrap div,ul.problems-list-search .problem-lis-wrap div {font-size:13px; background:#f4fff5; color:#40a944; text-align:center; padding:5px 7px;}
ul.problems-list li h2,ul.problems-list-search li h2{font-size:17px; margin:0; padding:0 0 0.25rem 0;}
ul.problems-list li h2 a,ul.problems-list-search li h2 a{font-size:17px; color:#333; text-decoration:none; font-weight:normal;}
ul.problems-list li .problems-explore,ul.problems-list-search li .problems-explore{display:flex; flex-direction:column; align-items:flex-end; gap:.5rem; padding-bottom:5px;}
ul.problems-list li .problems-explore .btnSolve,ul.problems-list-search li .problems-explore .btnSolve{width:65px; background:#fff; font-size:15px; color:#000; text-align:center; padding:5px 10px; border:1px solid #ccc; cursor:pointer;}
ul.problems-list li .problems-explore .btnSolve:hover,ul.problems-list-search li .problems-explore .btnSolve:hover{background:#40a944; color:#fff; border:1px solid #40a944;}
ul.problems-list li .problems-explore ul,ul.problems-list-search li .problems-explore ul{margin:0; padding:0; display:inline-flex; align-items:center;}
ul.problems-list li .problems-explore ul li,ul.problems-list-search li .problems-explore ul li{font-size:14px; list-style:disc; margin:0; padding:0 5px; border-top:none; border-bottom:none; display:inline;}
ul.problems-list .problem-lis-wrap:hover .btnSolve,ul.problems-list-search .problem-lis-wrap:hover .btnSolve{position:relative; z-index:11; background:#40a944; color:#fff; border:1px solid #40a944; cursor:pointer;}
ul.problems-list .problem-lis-wrap:hover h2>a,ul.problems-list-search .problem-lis-wrap:hover h2>a{color:#0dba4b;}
.canvas-sidewrap input{width:100%; width:-webkit-fill-available; font-size:14px; padding:5px 10px; margin:0px; line-height:32px; border:1px solid #ccc;}
.d-flex{display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between; align-items:center; gap:1rem;}
.btn-flex{justify-content: flex-start!important; gap: 0.5rem!important;padding: 10px;}
.btnCustom{background:#fff; font-size:14px; color:#000; padding:5px 8px; text-align:center; border:1px solid #ccc;}
.btnCustom:hover{background:#40a944; color:#fff; border:1px solid #40a944;}
.btnSolve{background:#40a944; font-size:14px; color:#fff; text-align:center; padding:5px 8px; border:1px solid #40a944; cursor:pointer;}
.btnSolve:hover{background:#b8f5ba; color:#000; border:1px solid #40a944;}
.try-more-output{display:none; position:absolute; bottom:2vh; height:80vh; width:48.5%; background:#fff; left:5px; box-shadow:1px 0px 4px #5d5c5c;}
.try-more-output h3{background:#61b164; color:#fff; padding:5px 10px; display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:0px;}
.try-more-close{font-size:22px; color:#fff; padding-right:5px;}
.output-backdrop{position:fixed; top: 0; left: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); z-index: 997; display:none;}

div:where(.swal2-container) button:where(.swal2-close):hover{color:#f6fff7;}
.swal-confirm-primary{background-color: #007bff!important; color: #fff!important; }
.swal-confirm-green{background-color: #40a944!important; color: white !important; }
.swal-confirm-warning{background-color: #ffc107!important; color: #fff!important; }
.swal-cancel-danger{background-color: #dc3545!important; color: #fff!important; }
.swal2-confirm{background-color: #40a944!important; color: white!important;}
div:where(.swal2-container) {z-index:9999999999!important }
.text-right{text-align: right !important;}
.mb-1{margin-bottom: 1rem !important;}
.mr-1{margin-right: 1.5rem !important;}
.reset_filter{cursor: not-allowed!important;}
.tags{max-width:max-content!important; background:#ededed; font-size:13px!important; font-weight:normal; color:#000!important; text-align:center!important; padding:2px 5px!important; margin-right:5px; margin-bottom:10px!important; border:1px solid #c9c6c6; cursor:pointer;}
.tags:hover{background:#dddcdc; color:#000!important; border:1px solid #aaa;}

.tags-articles{background:#f3f1f1; color:#333; font-size:13px!important; font-weight:normal; text-align:left!important; padding:.35rem .5rem!important; border:1px solid #ccc; cursor:pointer; border-radius:.25rem;}
.tags-articles a{color:#000;}
.tags-articles:hover{color:#333!important; border:1px solid #aaa;}

/* accordion and tabs */
.tab__label, .tab__close{display:flex; color:#333; background:#fff; cursor:pointer;}
.tab__label{font-size:13px; font-weight:bold!important; justify-content:space-between; padding:.5rem 0rem .8rem 0rem;}
.tab__label::after{content:"\276F"; width:1em; height:1em; text-align:center; transform:rotate(90deg); transition:all 0.35s; margin-right:7px;}
.tab input:checked + .tab__label::after{transform:rotate(270deg);}
.tab__content p{margin:0; padding:0rem 0rem .7rem 0rem;}
.tab__close{justify-content:flex-end; padding:0.5rem 1rem; font-size:0.75rem;}
.accordion--radio{--theme:var(--secondary);}
@keyframes bounce {
  25%{transform: rotate(90deg) translate(.25rem);}
  75%{transform: rotate(90deg) translate(-.25rem);} }
.tab-panel{padding:0px 0; border-top:1px solid #ccc;}
.tab-panels{margin:0rem; padding:0;}
.tab-panels h2{font-size:20px; font-weight:bold; text-align:left; margin:15px 0px 10px 0px; padding:0;}
.tab-panels h3{font-size:18px; font-weight:bold; text-align:left; margin:15px 0px 10px 0px; padding:0;}
.tab-panels .tabs-list-wrap{display:flex; justify-content:space-between; gap:1rem; align-items:center; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; margin-top:15px;}
.tab-panels .tabs-list-wrap span{font-size:13px; color:#6e6e73;}
.tab-panel p{font-size:15px; color:#333; text-align:left; line-height:22px; margin:0; padding:0px 0px 10px 0px;}
.tab-panels ul{margin:0px 0 15px 40px; padding:0;}
.tab-panels ul li{font-size:15px; color:#333; line-height:24px; list-style:disc; margin:0; padding:0;}
.tab-panels img{width:100%; max-width:fit-content;}
.tabss{clear:both; min-height:60vh; position:relative; max-width:100%; padding:10px; margin:0 auto;}
.tabb{float:left;}
.tabb label{margin-right:20px; position:relative; top:0; cursor:pointer; color:#333; text-transform:capitalize;}
.tab-content-label{font-size:13px;}
.tab-content-label a{font-size:13px; color:blue; text-decoration:underline;}
.tabb [type=radio]{display:none;}
.tab__contents{min-height:185px; max-height:190px; overflow:auto; position:relative; top:40px; left:0; right:0; bottom:0; transition:opacity .2s cubic-bezier(.42,0,.34,1.01); opacity:0; padding:10px;}
.tabb [type=radio]:checked ~ label{border-bottom:2px solid #61b164; color:#61b164; z-index:2;}
.tabb [type=radio]:checked ~ label ~ .tab__contents{z-index:999; opacity:1;}
.item textarea{min-height:15vh; border:1px solid #ccc;}
.tabs-submission{padding:20px;text-align:center;border:1px solid #ccc;}
.submission-options{background:#f6f6f6; display:flex; justify-content:flex-end; align-items:center; gap:1rem; padding:5px; margin-bottom:.5rem;}
.submission-options select{width:22%; padding:5px 10px; margin:0px; border:1px solid #ccc; outline:none;}
table.table-list{width:100%; font-size:14px; margin:0px; padding:0px;border: 1px solid #ccc !important; border-spacing: 0;}
table.table-list thead tr th{padding:5px;border-bottom: 1px solid #ccc;}
table.table-list tbody tr td{font-size:13px; font-weight:normal; padding:5px; line-height:30px;border-bottom: 1px solid #ccc; }
table.table-list a {text-decoration:none; background:#f57020; color:#fff; font-size:13px; display: flex; align-items: center; justify-content: center; }
table.table-list a:hover{opacity: .8;}
.sub-status-wrong{color:#f00; font-weight:normal;}
.sub-status-correct{color:#40a944; font-weight:normal;}
.p-10{padding:10px!important;}
/* accordion */

/* status css */
.moderate-language{position:absolute; height:17px; margin:-19px 0px 0px 53px; font-size:11px; background:#e1e1e1; padding:0px 5px 0px 5px;}
.moderate_success{position:absolute; cursor:pointer; margin:-19px 0px 0px 5px;}
.moderate_warning{position:absolute; cursor:pointer;  margin:-19px 0px 0px 5px;}
.moderate_draft{position:absolute; cursor:pointer;  margin:-19px 0px 0px 5px;}
.moderate_danger{position:absolute; cursor:pointer; margin:-19px 0px 0px 5px;}

.moderate_reject{margin:-17px -22px 0px -20px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:0px solid transparent; border-left:28px solid #4db748; float:left; position:relative; border-top-left-radius:7px; cursor:pointer;}
.moderate_block {margin:-17px -22px 0px -20px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:0px solid transparent; border-left:28px solid #4db748; float:left; position:relative; border-top-left-radius:7px; cursor:pointer;}

.moderate_success b, .moderate_reject b, .moderate_warning b{color:#fff; position:relative; left:-25px; top:-2px; font-size:12px;}
.amoderate_draft b, .moderate_draft b, .moderate_block b{color:#fff; position:relative; left:-23px; top:-2px; font-size:12px;}
.moderate_desc{display:block; width:60px; height:17px; /*position:absolute; top:-11px;*/ font-size:11px; color:#fff; text-align:center; padding:0px 5px; margin:0px 0px 0px -24px;}
.moderate-D{background:#4d99c5;}
.moderate-P{background:#4db748;}
.moderate-AP{background:#8bc34a;}
.moderate-PK{background:#3F51B5;}
.moderate-P-margin{margin:-3px 0px 0px 0px!important;}
.moderate-margin{margin:-4px 0px 0px 0px!important;}
.moderate-M{background:#f0ad4e;}
.moderate-B{background:#f0ad4e; margin:-3px 0px 0px 0px!important;}
.moderate-R{background:#f00;}
/* status css */

/* problems list css */
.qa-anwer-wrap{margin:0px 0px 10px 0px; padding:0px;}
.qa_answer_widget{padding-bottom:5px; border-bottom:1px dashed #aaa;}
.qa_answer_widget a img{max-width:100%!important; width:36px!important; height:36px; border:1px solid #bdbdbd; margin:0px 5px 0px 0px; padding:2px; float:left;}
.qa_answer_widget .qa_answer_detail a{font-size:14px; color:#000; font-weight:bold; line-height:26px; padding:0px 0px; margin:0px; text-transform:capitalize;}
.qa_answer_widget .qa_answer_detail span{font-size:14px; color:#000;}
.qa_answer_widget .qa_answer_dtm{font-size:12px; margin-left:0px;}
.qa_answer_widget p{font-size:15px; text-align:justify; line-height:24px; padding:0px; margin:0px; word-wrap:break-word;}
.qa-pickarticle{text-align:left; margin-top:0px; margin-bottom:0px; padding:0px 0px 10px 0px; word-break:break-all; display:flex; justify-content:space-between; align-items:center; gap:.45rem;}
.qa-pickarticle span{background:#e7e5e5; font-size:12px; color:#000; padding:5px 10px; margin:4px 5px 4px 0px; white-space:nowrap; display:inline flow-root list-item; list-style:none;}
.pick-article a, .pick-article span{font-size:13px!important;}
.mb-0{margin-bottom:0px!important;}
.qa_moderate_ans{font-size:13px; color:#000!important; font-weight:normal;}
.pick-info{display:flex; justify-content:space-between; align-items:center; gap:1rem; background:#edf1ef; margin:2rem -1.25rem -1.25rem -1.25rem; padding:0rem 1.3rem 0rem 1rem;}
.qa-moderate-unpicked{font-size:12px; color:#f00; text-align:left;}
.pick-info span{font-size:13px; color:#000; padding:5px 0px;}
.pick-moderator{font-size:13px!important; color:#000!important;}
.qa_widget p{font-size:15px; color:#000; text-align:left; line-height:24px; padding:0rem 0 1.5rem 0; margin:0;}
.qa_category{display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:0rem; padding:0rem;}
.qa_category div span b,.tags-new{background:#e9e9e9; font-size:12px; font-weight:normal; text-align:center; color:#000; padding:3px 10px 2px 10px; margin-right:5px; border-radius:.25rem;}
.qa_category div span b:last-child{border-right:0px solid #c1c1c1;}
.qa_category div span c{font-size:13px; font-weight:normal; background:#f4fff5; color:#40a944; text-align:center; padding:1px 8px 1px 8px; border:1px solid #40a944; border-radius:.25rem; cursor:pointer;}
.tagMore{border: 1px solid #40a944;cursor: pointer;font-weight: normal;background: #f4fff5 !important;color: #40a944 !important;}
.qa_category div span a{font-size:12px; font-weight:normal; text-align:left; margin-right:15px;}
.qa_category div span a:hover{text-decoration:underline;}
.qa_category ul{margin:0; padding:0;}
.qa_category ul li{font-size:14px; font-weight:normal; margin-right:10px; padding:0; display:inline;}
.read_more{font-size:15px; color:#40a944; padding:.25rem .5rem; margin:0rem;}
.read_more:hover{text-decoration: underline;}

.tabSticky{background:#f6f6f6; height:40px; gap:.5rem; padding:0px 0px 0px 20px;}
.tabSticky .top-menu{display:inline; align-items:center;}
.tabSticky .tabflex{display:flex; justify-content:space-between; align-items:center;}
.tabSticky div{display:flex; justify-content:flex-end; gap:5rem;}
.tabSticky .tabSlist{font-size:15px; color:#000; padding:5px 10px; margin:0px;}
.tabSticky .tabSlist span{display:flex; align-items:center; gap:.5rem;}
.tabSticky .tabSlist:hover{cursor:pointer;}
.tabSticky .tabSactive{color:#40a944; font-size:15px; font-weight:500; padding:10px 10px 8px 10px; margin:0px; border-bottom:3px solid #40a944;}

.editorSticky{background: #1a1919; border-bottom: 2px solid transparent; font-size: 18px; height:40px; display:flex; justify-content:space-between; align-items:center; gap:.5rem; padding:0px 0px 0px 10px;}
.editorSticky div{display:flex; justify-content:flex-end; gap:1.4rem;}
.topicDdown{display:flex; justify-content:space-between; align-items:center; padding:0px; gap:1rem; border-bottom:0px solid #ccc;}
.topicDdown textarea{width:100%; height:calc(79vh - 5vh); resize:none; outline:none; border:1px solid #fff;}
.topicDdown .navL{color:#000; font-size:13px; text-align:left;}
.topicDdown .navL select{font-size:13px; padding:0px; margin:0px; border:none;}

.tabPanelsWrap{height:calc(100vh - 20vh); overflow:auto; padding:10px 20px 0px 20px; margin:.5rem 0rem 0rem 0rem;}
.tabs-list-wrap{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:15px; margin-top:4px;}
.tabs-list-wrap span{font-size:14px; color:#6e6e73;}
.tabPanelsWrap .tabPanel img{width:100%; max-width:100%;}
.tabPanelsWrap .tabPanel{display:none;}
.tabPanelsWrap .tabPanel div{font-size:15px;}
.tabPanelsWrap .tabActive{display:block;}
.tabPanelsWrap .tabPanel p{font-size:15px; color:#333; text-align:justify; margin:0px 0px 10px 0px; padding:10px 0px 10px 5px;}
.tabPanelsWrap h2{font-size:22px; font-weight:normal; text-align:left; padding:0px 0px 7px 0px; margin:0px;}
.tabPanelsWrap h3{font-size:20px; font-weight:normal; text-align:left; padding:5px 0px 5px 0px; margin:0px;}
.tabPanelsWrap h4{font-size:18px; font-weight:bold; text-align:left; padding:5px 0px 5px 0px; margin:0px;}
.tabPanelsWrap h5{font-size:16px; font-weight:bold; text-align:left; padding:5px 0px 5px 0px; margin:0px;}
.tabPanelsWrap h2 a, .tabPanelsWrap h3 a, .tabPanelsWrap h4 a, .tabPanelsWrap h5 a{color:#333; text-decoration:none;}
/* problems list css */

/* pagination css */
.pages{margin:0px; padding:0px; text-align:center;}
.pages a.number{background:#fff; color:#585858; padding:4px 10px; margin:0px 0px; border:1px solid #b5b4b4; cursor:pointer;}
.pages a.number:hover{background:#40a944!important; color:#fff!important; border:1px solid #40a944;}
.pages a.current{background:#40a944!important; color:#fff!important; padding:4px 10px; margin:1px; border:1px solid #40a944!important;}
.pages a, .pages span{color:#585858; padding:4px 10px; margin:1px; background:#efefef; border:1px solid #b5b4b4; cursor:pointer;}
.pages a:hover, .pages span:hover{background:#40a944!important; color:#fff!important; border:1px solid #40a944;}
/* pagination css */

/* subpages css */
.article-dashboard{min-width:calc(100% - 280px); display:flex; justify-content:center; align-items:center; gap:1rem;}
.article-dashboard .fs-400{font-size:60px;}
.article-dashboard h5{font-size:26px; color:#333; margin:0; padding:0;}
.article-dashboard p{font-size:16px; color:#333; margin:0; padding:0;}
.article-blocka{background:#e6f8f3; color:#51d3af; padding:.5rem 1rem;}
.article-blockb{background:#ffecdc; color:#f1994e; padding:.5rem 1rem;}
.article-blockc{background:#eae3f6; color:#9682b9; padding:.5rem 1rem;}
.ms-1{margin-right:7px;}
.mt-1{margin-top:1rem!important;}
.mt{margin-top:1rem!important; margin-right:.5rem!important;}
form{display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:1rem 0rem 0rem 0rem;}
.search-categories-form{display:flex; align-items:center; gap:1rem;}
.box-flex-wrapper input, form input{width:100%; width:-webkit-fill-available; font-size:13px; min-height:24px; padding:0.45rem 10px; margin:0px; border:1px solid #aaa;}
.box-flex-wrapper select, form select{width:100%; width:-webkit-fill-available; font-size:13px; min-height:24px; padding:0.45rem 10px; margin:0px; border:1px solid #aaa;}
.box-flex-wrapper textarea, form textarea{font-family:'Nunito', sans-serif; font-size:13px; min-height:190px; padding:0.45rem 10px; margin:0px; border:1px solid #aaa; resize:none;}
.box-flex-wrapper input, .box-flex-wrapper select, .box-flex-wrapper textarea{outline:none;}
.flex-column{display:grid; margin-bottom:1rem; gap:.5rem; position:relative;}
.border-top{padding-top:10px; margin-top:2rem; border-top:1px dashed #ccc!important;}
.w100{width:100%;}
.box-flex-border{padding:20px; margin:5px 0px; border:1px solid #aaa;}
.btn-primary{min-width:85px; background:#40a944; height:36px; color:#fff; font-size:13px; text-align:center; padding:5px 10px; margin:0px; border:1px solid #40a944; cursor:pointer;}
.btn-primary:hover{background-color:#e4ffe5; border:1px solid #04af2f; color:#04af2f; cursor:pointer;}

.btn-danger{min-width:85px; background:#f00; height:36px; color:#fff; font-size:13px; text-align:center; padding:5px 10px; margin:0px; border:1px solid #f00; cursor:pointer;}
.btn-danger:hover{background-color:rgb(248, 217, 217); border:1px solid #f00; color:#f00; cursor:pointer;}

.btn-default{min-width:85px; background:#f7f7f7; height:36px; color:#000; font-size:13px; text-align:center; padding:5px 10px; margin:0px; border:1px solid #b9b9b9; cursor:pointer;} 
.btn-default:hover{background-color:#e4ffe5; border:1px solid #04af2f; color:#04af2f; cursor:pointer;}
.align-left{display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;}
.align-right{display:flex; justify-content:flex-end; align-items:flex-end; gap:1rem;}
.box-flex-list{padding-top:10px; margin-top:10px; border-top:0px solid #333;}

.btn-light{background:#fff; padding:4px 10px; border:1px solid #ccc;}
.btn-edit{background:#fff; font-size:15px; padding:3px 10px 5px 10px; margin-left:2px; border:1px solid #ccc;}
.btn-edit:hover{background:#40a944; color:#fff!important; border:1px solid #40a944;}
.mr-15{margin-right:15px;}
.box-wrap{background:#fafafa; margin:0px 0px 25px 0px; padding:20px; border:1px solid #ccc;}
.searchtag{position:absolute; top:37px; right:11px; cursor:default;}
.no-data{font-size:16px; background:#fff; text-align:center; padding:55px 20px; border:1px dashed #ccc;}
.w100{width:100%;}
.fa-icon-nav{text-align:right; margin-right:10px;}
.sidebar.navbar-expand-xl .navbar-nav .nav-item.menul-active{background-color:#40a944; color:#fff!important;}
.btn_login{background-color:#40a944; color:#fff!important; align-items:center; padding:.55rem .75rem .55rem .75rem; border:1px solid #40a944; cursor:pointer;} 
.btn_login:hover{background-color:#e4ffe5; color:#04af2f!important; border:1px solid #04af2f;}
.qa_filter{align-items:center; gap:.5rem; margin:1rem 0;}
.qa_filter div{width:100%; flex-direction:row; gap:.5rem;}
.qa_filter div span{width:100%; display:grid; gap:0rem;}
.qa_filter div span label{font-size:14px;}
.qa_filter .search-categories-form{display:flex; justify-content:center; align-items:center; gap:1rem;}

.qa-filter-flex{gap: 0.8rem; align-items: center;margin: 10px 4px;}
.qa-filter-flex div {width: 100%;} 
/* .form-control-custom { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } 
.form-control-custom:focus { border-color: #28a745; box-shadow: 0 0 5px rgba(40, 167, 69, 0.5); outline: none; } 
.form-control-custom::placeholder { color: #888; font-style: italic; } 
.form-control-custom:disabled { background-color: #f1f1f1; opacity: 0.7; } 
.form-control-custom:read-only { background-color: #e9ecef; border-color: #ccc; }
.form-group-custom {margin-bottom: 1rem;}
 */

#user_list{display:none;position:absolute;top:8.5vh;left:0;background:#333;box-shadow:0px 1px 3px #ececec;max-height:30vh;width:100%;white-space:nowrap;overflow:auto;z-index: 1000;}
#user_list::-webkit-scrollbar,.tabPanelsWrap::-webkit-scrollbar,.canvasul::-webkit-scrollbar{width:8px;height:8px;}
#user_list::-webkit-scrollbar-thumb,.tabPanelsWrap::-webkit-scrollbar-thumb,.canvasul::-webkit-scrollbar-thumb{background-color:#888;}
#user_list::-webkit-scrollbar-track,.tabPanelsWrap::-webkit-scrollbar-track,.canvasul::-webkit-scrollbar-track{background:#f1f1f1;}
#user_list::-webkit-scrollbar-thumb:hover,.tabPanelsWrap::-webkit-scrollbar-thumb:hover,.canvasul::-webkit-scrollbar-thumb:hover{background-color:#555;}
#user_list ul{list-style:none;padding:0;margin:0;color:#fff;}
#user_list ul li{font-size:14px;display:block;padding:8px 12px;position:relative;border-bottom:1px solid #cccccc61;}
#user_list ul li:hover{background-color:#40a944;color:#fff!important;cursor:pointer;}
   
.justify-center{display:flex; justify-content:center; gap:1rem; padding:15px 0px; margin-top:15px; }
.justify-center a{font-size:14px; padding-right:10px;}
.justify-center a:hover{color:#40a944;}
.justify-right{display:flex; justify-content:flex-end; gap:.5rem;}
input.form-control,  select.form-control{ width:-webkit-fill-available; width:-moz-available; background:#fff; font-size:14px;color:#000; height:24px; padding:0.35rem .75rem ; margin:0px !important; border:1px solid #aaa !important;opacity: unset !important;}
.block-wrap{display:flex; justify-content:center; text-align:center; gap:1rem;}
.qa-block-wrap{display:grid; justify-content:flex-end; text-align:end; gap:.5rem;}
.qa-block-wrap div ul{margin:0; padding:0; display:inline-flex; align-items:center;}
.qa-block-wrap div ul li{font-size:14px; font-weight:normal; list-style:none; margin-left:10px; padding:0; display:inline;}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}
.btn-viewmore{min-width:75px; background:#fff; font-size:14px; color:#333; font-weight:normal; text-align:center; padding:5px 10px; border:1px solid #ccc;}
.btn-viewmore:hover{background:#40a944; color:#fff; font-weight:normal; border:1px solid #40a944; cursor:pointer;}
.btn-cancel{min-width:75px; background:#fff; font-size:14px; color:#333; font-weight:normal; text-align:center; padding:5px 10px; border:1px solid #ccc;}
.btn-cancel:hover{background:#40a944; color:#fff; font-weight:normal; border:1px solid #40a944; cursor:pointer;}
.btn-light{background:#fff; padding:5px 7px; border:1px solid #ccc;}
.note-editable{font-size:14px!important; height:310px!important;}
.note-editable pre{white-space:normal!important;}
.note-editable h3{margin-bottom: .5rem;}
.td-left{text-align:left!important;}
.td-center{text-align:center!important;}
.practice-title{font-size:14px; font-weight:normal;}
.border-bottom{margin-bottom:.75rem!important; padding-bottom:.25rem; border-bottom:1px solid #c5c5c5;}
.circle{background:#ccc; width:1px; height:1px; border:1px solid #ccc;}
.tooltip-toggle{background:#e9e9e9; min-width:20px; padding:2px 10px!important; font-size:12px!important; text-align:center!important; margin:0px 0px 2px 0px; position:relative; cursor:pointer;}
.tooltip-toggle::before, .tooltip-toggle::after{color:#efefef; font-size:13px; opacity:0; pointer-events:none; text-align:center;}
.tooltip-toggle::before{position:absolute; width:fit-content; top:-53px; left:auto; right:0px; background-color:#f4fff5; color:#40a944; content:attr(aria-label); padding:.75rem 1rem; text-transform:none; transition:all 0.5s ease; border:1px solid #8ae18d; z-index:999999;}
.tooltip-toggle:focus::before, .tooltip-toggle:focus::after, .tooltip-toggle:hover::before, .tooltip-toggle:hover::after{opacity:1; transition:all 0.75s ease;}
.tooltip-toggle::after{position:absolute; top:-10px; left:auto; right:10px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #8ae18d; content:" "; font-size:0; line-height:0; margin-left:-5px; width:0;}
.border-right{border-right:1px solid #aaa;}
.table-bordered{border-collapse:collapse;}

/* sidewrapper canvas ul */
ul.canvasul{height:calc(100vh - 8.5vh); margin:0rem; padding:0rem; overflow:auto;}
ul.canvasul li{list-style:none; margin:0 0 0 0rem; padding:.75rem .75rem; border-bottom:1px solid #2e2e2e;}
ul.canvasul li a{font-size:15px; color:#d5d5d5; text-align:left; margin:0; padding:0; display:flex; justify-content:space-between;}
ul.canvasul li a input[type="radio"]{width:20px; height:20px;}
ul.canvasul li a span svg{margin-right:10px;}
ul.canvasul li:hover{background:#1e1e1e; cursor:pointer;}
.canvasFlex{display:flex; justify-content:space-between; align-items:center; gap:1rem; border-bottom:1px solid #2a2a2a; padding:.65rem;}
.canvasFlex a{font-size:14px; color:#fff; margin-left:15px; background:#40a944; padding:.35rem 1rem; border:1px solid #40a944; border-radius:.15rem;}
.canvasFlex a:hover{background:#b8f5ba; color:#40a944; border:1px solid #40a944;}
.canvasul .canvas-title{display:flex; justify-content:space-between; gap:.5rem;}
.canvasul .canvas-title p{font-size:14px; margin:0rem; padding:0rem;}
.canvasul .canvasCorrect{background:transparent;}
.canvasul .canvasCorrect .canvasIconCorrect{background:#c7ffc9; color:#40a944; padding:.20rem .25rem; margin:0rem;}
.canvasul .canvasWrong,.canvasul .canvasNe{background:#ffe4e4;}
.canvasul .canvasWrong a, .canvasul .canvasNe a {color:#d83f33;}
.canvasul .canvasWrong:hover, .canvasul .canvasWrong a:hover,.canvasul .canvasNe:hover,.canvasul .canvasNe a:hover{background:#ffe4e4; color:#d83f33;}
/* .canvasul .canvasWrong .canvasIconWrong,.canvasul .canvasNe .canvasIconNe{background:#d83f33; color:#f2bab9; padding:.20rem .25rem; margin:0rem;} */

.canvasul .canvasDisable{background:#3a3a3a;}
.canvasul .canvasDisable a{color:#7a7a7a; pointer-events: none;}
.canvasul .canvasDisable .canvasIconDisable{background:#33322b; color:#f6f6f6; padding:.20rem .25rem; margin:0rem;}
.canvasul .canvasDisable:hover, .canvasul .canvasDisable a:hover{background:#3a3a3a; color:#7a7a7a; pointer-events: none;}

.tab-switcher{display:inline-block; margin-right:25px; cursor:pointer;}
.tabs{text-align:left; position:relative;}
.tabs input{position:absolute; opacity:0; margin:0; padding:0;}
.tabs input + label:hover{color:#777;}
.tabs .tabsShadow{width:100%; padding:10px; box-sizing:border-box; position:absolute; height:35px; z-index:0; top:0; pointer-events:none;}
.content .item{opacity:0;visibility:hidden;position:relative; padding:0px 0px; height:0px;}
#tab-1:checked + label, #tab-2:checked + label, #tab-3:checked + label, #tab-4:checked + label, #tab-5:checked + label, #tab-6:checked + label, #tab-7:checked + label{color:#40a944; padding-bottom:5px; border-bottom:3px solid #40a944;}
#tab-1:checked ~ section #content-1, #tab-2:checked ~ section #content-2, #tab-3:checked ~ section #content-3, #tab-4:checked ~ section #content-4, #tab-5:checked ~ section #content-5, #tab-6:checked ~ section #content-6{opacity:1; visibility:visible;}
.tabs input + label{margin:12px -8px; text-align:center; border:none; color:#000; display:inline-flex; -webkit-box-pack:center; padding:2pt 5pt; vertical-align:top; font-size:15px; background:#fff; margin-bottom:0.5px; background:#fff; cursor:pointer;}
.content{margin:0px 10px; padding:1rem 0rem 0rem 0rem; text-align:left; line-height:20px; display:block; z-index:2; background:#fff; position:relative;}
.container .card{min-height:140px; border:none; margin:0 auto; z-index:4!important; position:relative; background:#fff;}
h2.tab-title.tab-warning, h2.tab-title.tab-success, h2.tab-title.tab-primary, h2.tab-title.tab-default{display:inline-flex; color:#fff; background-position:bottom center; margin-bottom:0pt!important; margin-top:6pt; height:22pt; text-fill-color:transparent!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; -webkit-background-clip:text!important; -moz-background-clip:text; -moz-text-fill-color:transparent; -ms-background-clip:text; -ms-text-fill-color:transparent; text-transform:capitalize; font-size:24px; letter-spacing:0px;}
h2.tab-title.tab-default{background:#fff;}
h2.tab-title.tab-success{background:#fff;}
h2.tab-title.tab-warning{background:#fff;}
.tabs input{position:relative; opacity:0; margin:auto!important; padding:0;}
label.tab.tab-primary{border-radius:0pt 0 0 0pt;}
label.tab.tab-warning{border-radius:0 0pt 0pt 0;}
#tab-1:checked + label, #tab-2:checked + label, #tab-3:checked + label, #tab-4:checked + label, #tab-5:checked + label, #tab-6:checked + label{color:#40a944; padding-bottom:5px; border-bottom:3px solid #40a944;}
.glider{width:18%; padding:0px 15px; height:5px; position:absolute; background:#40a944; transition:all 0.3s; top:36px; z-index:2;}
span.numit{font-size:12pt; font-weight:600; text-shadow:0.5px 0.5px 0.5px #e7e9f5; color:#0e101a; margin-right:2px; margin-left:-2px; padding:0; color:aliceblue; text-shadow:0.5pt 0.5pt 0.5pt #2d3748;}
#content-2 textarea{outline:none; margin:0px; min-height:100px; resize:none;}
#content-2 input{width:100%; padding:14px 10px; border:1px solid #ccc;}
.navbar-brand-m img{width:80%; text-align:center; margin:0 auto;}
.expandShow{display:none;}
.rcollapse{display:none;}
.hide{display:none;}
/* subpages css */
 
/* pure modal */
.b-modal{background:#fff; padding:1.5rem; position:fixed; left:0; right:0; top:2vh; display:none; z-index:999999;}
.b-title{background:#eee; display:flex; justify-content: space-between; align-items: center; gap:1rem; margin:-24px -24px 10px -24px; padding:5px 10px;}
.b-modal-layer{width:100%; height:100%; background:rgb(100,100,100,.6); margin:0; padding:0; position:fixed; left:0; right:0; top:0; z-index:9999; display:none;}
.b-modal-close{color:#f00; font-size:14px; font-weight:normal;}
.b-content h3{font-size:16px; font-weight:bold; text-align:left; margin-bottom:1rem;}
.b-content ul.b-tags{margin:0 0 2rem 0; padding:0;}
.b-content ul.b-tags li{font-size:14px; background:#2f8d461a; margin-right:.35rem; padding:4px 10px; display:inline; list-style:none; border-radius: 4px;}
.b-content ul.b-tags li a{font-size:14px; color:#000;}
.b-content ul.c-tags{margin:0 0 2rem 0; padding:0;}
.b-content ul.c-tags li{font-size:14px; background:#2f8d461a; margin-right:.35rem; padding:4px 10px; display:inline; list-style:none; border-radius: 4px;}
.b-content ul.c-tags li a{font-size:14px; color:#40a944;}
/* pure modal */

/* PrismJS 1.29.0 */
code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:0em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
pre.just-code, pre.demo-code{display:block; font-family:monospace, Consolas, Courier!important; white-space:break-spaces; padding:10px; margin:1em 0px; background:rgba(255, 255, 255, 0.05); background:#eee;}
pre.result{width:auto; padding:0px; color:#000; font-size:15px; overflow-x:auto;}
.result{background:#eee; border:0px;}
:not(pre)>code[class*=language-], pre[class*=language-]{background:#2d2d2d;}
code[class*=language-], pre[class*=language-]{color:#ccc; background:0 0; font-family:Consolas, Monaco,'Andale Mono', 'Ubuntu Mono', monospace; font-size:1em; text-align:left; white-space:pre; word-spacing:normal; word-break:normal; word-wrap:normal; line-height:1.5; -moz-tab-size:4; -o-tab-size:4; tab-size:4; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none;}
.token.punctuation{color:#ccc;}
.execute{z-index:10;float:right;width:100px;height:29px;position:relative;margin:0 3px -25px 0;cursor:pointer}.code-wrapper{background:#2d2d2d;overflow:hidden}.code-wrapper .code-header{background:#404040;height:50px;display:flex;justify-content:space-between;padding-inline:1rem;align-items:center}.code-wrapper .logo-side{color:#fff;font-size:18px}.code-wrapper .button-side{height:28px}.code-wrapper .open-compiler{top:0;right:8px!important;margin:0;position:relative;background:#868a86;background-size:contain;font-size:12px;color:#fff;align-items:center;display:flex;justify-content:center;z-index:10;width:100px;height:29px;position:relative;margin:0 3px -25px 0;cursor:pointer}.code-wrapper .execute{top:0;right:0;margin:0}.execute{top:15px;right:15px;position:relative;background:#3fa944 url(../../images/editnrun-green5e1f.svg?v=2)center center no-repeat;background-size:contain}.execute:hover{opacity:.7}pre.just-code,pre.demo-code{display:block;font-family:monospace,Consolas,Courier!important;white-space:pre;margin:1em 0;background:rgba(255,255,255,.05);background:#eee;}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d!important}.code-mirror{width:100%;height:auto!important;min-height:30px;max-height:650px;resize:none!important;white-space:break-spaces!important;line-height:24px}.code-mirror{overflow-wrap:break-word!important}pre.just-code,pre.demo-code{display:block;font-family:monospace,Consolas,Courier!important;white-space:pre;margin:1em 0;background:rgba(255,255,255,.05);background:#eee;}.output-wrapper{display:none;flex-grow:1;font-family:"Liberation Mono",Consolas,Menlo,Courier,monospace;font-size:14px;overflow:auto;padding-bottom:4px;padding-top:10px;padding-left:10px;max-height:400px;background:#fff;margin:15px;min-height:44px}.console-close{position:relative;float:right;top:0;right:12px;opacity:.75;width:24px;height:24px;background-size:24px;background:url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 14.1a4.12 4.12 0 00-4.18-3.6H11v5l-7-6 7-6v5h1.79A6.15 6.15 0 0119 13.71a6 6 0 01-6 6.79H7v-2h6a4 4 0 004-4.4z' fill='grey'/%3E%3C/svg%3E")50%no-repeat;cursor:pointer}.code-output{color:#000}
/* PrismJS 1.29.0 */

/* epage css */
.scrollNone{overflow:hidden!important;}
.epage #sidedrawer{display:none!important;}
.epage .top-menu button{background:none; border:none; margin:0; padding:0; cursor:pointer;}
.epage .top-menu .fa-bars{font-size:22px; vertical-align:middle;}
.epage .navbar-light{background:#fff; height:55px; padding:0rem 1rem; margin:0rem;}
.epage .container{width:100%; max-width:100%;}
.epage .main--wrapper{padding:0px 0px!important; margin:0 0%!important;}
.epage .navbar-expand-xl .logo img{height:38px;}
.epage .menu-right-head{margin:-5px 0px 0px 0px!important;}
.epage .main-relative{position:relative; height:100vh;}
.epage .efoot-options{position:absolute; width:100%; text-align:center; bottom:11vh;}
.epage .efoot-options a{background:#40a944; color:#fff; font-size:15px; padding: 5px 10px; margin: 0px 4px 8px 2px; border:2px solid #40a944;}
.epage .efoot-options a:hover{background:#b8f5ba; color:#000; border:2px solid #40a944;}
/* epage css */

/* checkbox accordion */
.tab input{position:absolute; opacity:0; z-index:9; bottom:0px;}
.tab__content{display:flex; flex-direction: row; align-items: center; justify-content: space-between; gap:1rem;}
.tab input:checked ~ .tab__content{min-height:2rem; max-height:10rem; overflow:auto;}
.accordion{background:#fff; color:#000; margin:15px 5px 10px 5px; overflow:hidden;}
.accordion{border:0px solid; overflow:hidden;}
.tab__label::after{content:"\276F"; width:1em; height:1em; text-align:center; transform:rotate(90deg); transition:all 0.35s;}
.tab input:checked + .tab__label::after{transform:rotate(270deg);}
.tab__content p{margin:0; padding:1rem;}
.tab__close{justify-content:flex-end; padding:0.5rem 1rem; font-size:0.75rem;}
.tabPanelsWrap .accordion .tab{margin:2rem 0rem 1rem 0rem; padding:.5rem 0rem 1rem 0rem; border-top:1px solid #ccc;}
/* checkbox accordion */

.prob-details{height:100vh; margin:0rem;}
.tabLeft__wrapper{background:#fff;}
.tabRight__wrapper{background: #1a1919;}
.tabRight__back, .tabLeft__back{display:none;}
.tabLeft__expand, .tabLeft__back, .tabRight__expand, .tabRight__back{background:#e5e5e5; width:50px; height:40px; font-size:16px; color:#4c4c4c; text-align:center; align-content:center;}
.tabLeft__expand, .tabLeft__back span, .tabRight__expand, .tabRight__back span{font-size:12px;}
.nav-fa{width:22px; text-align:right;}
.note-editor.note-frame .note-editing-area .note-editable p{font-size:14px!important; line-height:20px!important; padding:0px 0px 10px 0px!important; margin:0px!important;}
.note-editor.note-frame .note-editing-area .note-editable p span{font-size:14px!important; padding:0px!important; margin:0px!important;}
pre.result span{font-size:14px!important;}
.input-disabled{background:#eee; line-height:37px; padding:0px 10px; margin:0px; border:1px solid #eee;}
.pb-3{padding-bottom:3rem;}
.note-frame, .note-btn{border-radius:0px!important;}
.select2-container--default .select2-search--inline .select2-search__field{width:100%!important; font-size:14px;}
.select2-container .select2-selection--single{height:38px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size:13px!important; line-height:22px!important; border-radius:0px!important;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{font-size:13px!important; border-radius:0px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:13px!important; line-height:37px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#333!important;}
.select2-results__option[aria-selected]{font-size:13px!important;}

/* market css 
.hero-banner{background:linear-gradient(56deg, rgb(4 0 84) 0%, rgb(3 0 87) 95%); padding:2rem 0rem;} */
/* .hero-banner{background:#c1e899; padding:4rem 0rem;} */
.hero-banner{background:#212531 url(../../../www.transparenttextures.com/patterns/asfalt-dark.png); padding:4rem 0rem;}

.hero-banner img{width:100%;}
.hero-codingplayground{display:grid; justify-content: center; align-items: center; gap:0rem;}
/* .hero-codingplayground{background:#0a0a0a url(../images/practice-banner.png) no-repeat center; width:100%; height:470px; display:flex; justify-content:flex-start; align-items:center;}
.hero-codingplayground{background:linear-gradient(56deg, rgb(45 50 62) 0%, rgb(0 0 0) 95%); width:100%; height:470px; display:flex; justify-content:center; align-items:center;} */
/* .hero-codingplayground{background:#0a0a0a url(../images/coding-test1.jpg) no-repeat center; width:100%; height:470px; display:flex; justify-content:center; align-items:center;color: #ccc;} */
.code__title{display:grid; align-items:center; justify-content:center;}
.code__title h1{font-size:2.2rem; color:#fff; text-align: center; text-transform:uppercase; letter-spacing:-1px; line-height:2.2rem;}
.code__title h1 span{font-size:1.2rem; color:#c9c7c7; font-weight:normal; text-align:center; text-transform:capitalize; letter-spacing:0px;}
.code__btn{font-size:1.2rem; color:#fff; text-align:center; margin-top:2rem; line-height:3rem;}
.code__btn a{background:#3F5977; font-size:1rem; color:#fff; text-transform:uppercase; padding:.75rem 1rem; text-align:center; border:1px solid #5779a1;}
.code__btn a:hover{opacity: .9;}
.hero-slider{background-color:transparent!important;}
.hero-slider .swiper-wrapper{display:flex; justify-content:space-between; align-items:center; gap:3rem;}
.hero-slider .swiper-wrapper .hero-slider__item{max-width:275px; background:#fff!important; text-align:Center; padding:1rem!important; border:1px solid #eee;  box-shadow:0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);}
.hero-slider .swiper-wrapper .hero-slider__item:hover{box-shadow:0px 2px 20px #d9d9d9;}
.hero-slider__item img{height:84px; padding:1rem; margin:0 auto;}
.hero-slider .swiper-wrapper{justify-content:center!important;}
.hero-slider .swiper-wrapper .hero-slider__item h3{background:#AC7C49!important; color:#fff; text-align:center; padding:.25rem!important;}
.hero-slider .swiper-wrapper .hero-slider__text{color:#333;}
.hero-slider{margin-top:1rem!important;}
.bg-green{background:rgb(249, 250, 253)!important; padding:3.5rem 0rem;}
.top-compilers-editor{position:relative; overflow:hidden;}
.top-compilers-editor a:hover{background:var(--clr-neutral-900);}
.top-compilers-boxes{max-width:100%; width:136px; height:128px; color:#fff; display:grid; margin:3px; place-items:center; background:linear-gradient(to bottom left, #3a3c3b 0%, rgba(0, 0, 0, 1) 100%);}
.swiper-slide:hover .top-compilers-boxes::after{content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(to bottom, #FFF37C, var(--clr-accent-400));}
@media(max-width: 768px){ .top-compilers-boxes{width:110px; height:100px;} }
.swiper-slide{width:auto!important; margin-right:5px!important;}
.certificate__wrap{background:#fff; padding:1rem; margin:0; box-shadow:0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);}
.certificate__wrap .cert__desc{display:flex; justify-content:flex-start; align-items:center; gap:2rem; padding:1rem; border-bottom:1px solid #ccc;}
.certificate__wrap .cert__desc:last-child{border-bottom:0px solid #ccc;}
.certificate__wrap .cert__desc img{width:85px;}
.certificate__wrap .cert__desc p{font-size:16px; color:#000;}
ul.certificate__level_ul{margin:1rem 0 2rem 3rem; padding:0;}
ul.certificate__level_ul li{font-size:16px; color:#000; text-align:left; list-style:auto; margin:0; padding:.55rem .75rem;}

.library-nav__prev-button svg, .library-nav__next-button svg{font-size:22px;}
.library-nav__prev-button svg path, .library-nav__next-button svg path{fill:#fff;}
.icon-button{background-color:#04af2f!important;}
.reviews__button-prev svg path, .reviews__button-next svg path{stroke:#fff;}
.coursetitle__wrap{display:flex; justify-content:space-between; align-items:center; gap:1rem; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem;}
.coursetitle__wrap select{font-size:15px; padding:5px 10px; border:1px solid #ccc; outline:none;}
.course-cert-levels{display:flex; justify-content:center; align-items:center; gap:1rem;}
.course-cert-levels img{width:85px; filter:grayscale(1);}
.course-cert-levels img:hover{filter:grayscale(0); cursor:pointer;}
.course-cert-levels .active{margin-bottom:-1px; padding:10px 5px; border:1px solid #aaa; border-bottom:4px solid #fff; cursor:pointer;}
.course-cert-levels .active img{filter:drop-shadow(2px 4px 6px black);}
.course-cert-levels .clsCertificateImg p{font-size:13px; font-weight: bold; text-align: center; padding-top:1rem;margin:0rem;}
.course-cert-description{font-size:15px; text-align:left; margin:-1px 0px 35px 0px; padding:0px; border-top:1px solid #aaa;} 
.course-cert-description ul{margin:10px 0px 0px 0px; padding:0px;}
.course-cert-description ul li .compiler-title h2{background:none!important; font-size:18px; font-weight: normal; text-align: left; padding:0rem; margin:0rem;}
.course-cert-description ul li{margin:0px; padding:0px; list-style:none;}
.course-cert-description ul li .compiler-title{font-size:16px; margin:15px 0px 15px 0px; padding:10px !important; border:1px solid #e7e7e7; background:#efefef3b; gap:1rem;}
.course-cert-description ul li .compiler-title:hover{color:#04af2f; margin:15px 0px 15px 0px; padding:10px; border:1px solid #04af2f; cursor:pointer;}
.course-cert-description ul li .compiler-title span{background:transparent; font-size:11px; text-transform:uppercase; padding:.05rem .5rem .05rem .5rem; margin:.7rem 0rem 0rem 0rem; color:#6e6e6e; border:1px solid #aaa;}
.course-cert-description ul li .compiler-title .lock_ans{color:#fff;}
.course-cert-description ul li .compiler-title .unlock_ans{color:#fff;}
.course-cert-description ul li .compiler-butns{align-items: center; gap:.5rem;}
.start__now{position:absolute; margin-top:-10px; right:20px; z-index:99; display:none;}
.withoutlogin__wrapper{background:rgb(0,0,0,.8); position:absolute; width:49.5%; height:100vh; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem; z-index:9999999999;}
.withoutlogin__wrapper img{height:100vh; width:100%; position:absolute; z-index:-1; opacity:.03;}
.withoutlogin__wrapper h2{font-size:18px; color:#fff; font-weight:normal; text-align:center; line-height:30px; margin:0; padding:0;}
.withoutlogin__wrapper h2 b{font-size:28px;}
svg.expand-icon{font-size:22px;}
.icon-button{font-size:20px; color:#fff;}
.sub-page__title{color:#000; font-size:18px; font-weight:500;} 
.course__details{position:relative; justify-content: space-between; align-items: flex-start; gap:1rem; margin:0rem; padding:3rem 0rem 4rem 0rem;}
.google-adds{background:#eee; font-size:14px; text-align: center; height:100%; border-radius:.45rem;}

.profile--photo{display:grid; justify-content:center; align-items:center; gap:1rem; margin:0 auto; padding:0;}
.profile--photo span{font-size:3rem; background:#fafafa; margin:0 auto; padding:1rem 2.2rem; border:1px solid #ccc; border-radius:90rem;}
.profile-desc{gap:1rem;} 
.mt-4{margin-top:3.5rem;}
.bg-brandcolor{text-align:center; padding:1rem 1rem;}
.bg-brandprofile{display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
.bg-brandprofile div{display:grid; justify-content:flex-start; align-items:flex-start; gap:.25rem;}
.bg-brandprofile div h4{font-size:14px; font-weight:normal; text-align:left; padding:0; margin:0;}
.bg-brandprofile div p{font-size:22px; font-weight:bold; text-align:left; padding:0; margin:0;}
.profile-icon{font-size:50px; color:#7c7c7c; padding:.7rem 0rem; border-radius:0px!important; opacity:.6; border-radius:90rem!important;}
.pink{background:#ffecdc;}
.lightblue{background:#eae3f6;}
.cyan{background:#dbf5ed;}
.lightgreen{background:#d0f9d2;}
.title-edit-wrap span a:hover{color:#40a944;}
.cert_levels{padding:3rem 0rem 3rem 0rem; margin:0rem;}
.compiler_companies_title{display:flex; justify-content: flex-start; align-items: center; gap:.5rem;}
.compiler_companies_title span{background:#ccc; font-size:13px; padding:.25rem .75rem; margin:0;}
.compiler_ans_status{display:flex; justify-content: flex-end; align-items:flex-end; gap:.5rem;}
 
.slick-prev:before, .slick-next:before {color: #000 !important;}
/*modal popup */
.popup{margin:4rem auto 6rem auto; padding:20px; background:#fff; position:relative; box-shadow:0 .5rem 1rem rgba(0,0,0,.85);}
.popup .close{font-size:30px; font-weight:normal; text-decoration:none; color:#f00;}
.close-icon{position:absolute; top: 0px; right:10px; transition:all 200ms; font-size:30px; font-weight:bold; text-decoration:none; color:#f00 !important;}
.popup .close:hover{color:#f00;}
.popup .content {max-height:30%; overflow:auto;}
.overlay:target{visibility:visible; opacity:1;}
.overlay:target > body{overflow:hidden;}
.overlay{position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); transition:opacity 500ms; visibility:hidden; opacity:0; z-index:9999;}
.popup .reviews__swiper{padding:1.5rem 1rem 1.5rem 1rem;}
.popup .flex-group{width:100%; justify-content:flex-end;}
.popup .popup__certlevels{display:flex; justify-content:center; align-items:center; gap:2rem; margin:1rem 0rem 2rem 0rem;}
.popup .popup__certlevels img{width:85px; height:auto;}
.popup .popup__certlevels a img{filter:grayscale(1);}
.popup .popup__certlevels a img:hover{filter:grayscale(0);}
.popup .popup__certlevels a.active img{filter:grayscale(0);}
.pb-2{padding-bottom:10px;}
.popup .top-compilers-boxes{width:138px; height:128px; background:#161616; cursor:pointer;}
.popup .top-compilers-boxes:hover{border:2px solid #f00;}
.popup .active-boxes{background:#40a944!important; border:1px solid #04af2f!important;}
.popup .swiper-slide{margin-right:0px!important;}
.popup .icon-button{min-width:35px!important; height:35px!important;}
.popup .swiper-slide:hover .top-compilers-boxes::after{background:transparent!important;}
.popup .popup-msg{width:fit-content; font-size:14px; background:#cdf1cf; color:#043705; text-align:center; padding:4px 10px; margin:5px auto;}
.popup .btn-primary{display:flex; width:fit-content; margin:0 auto; justify-content:center; align-items:center; gap:.5rem;}
.popup .swiper-slide-active > .top-compilers-boxes{border:2px solid #f00;}
.lang_url.swiper-slide-active{ border: 2px solid #f00;}
.practice-points-table .swiper-slide-active img{filter: grayscale(0);}
.cert-level li:hover,.lang_url:hover {cursor: pointer;}

.popup_title{background:#e6f0d6; font-size:1rem; color:#000; text-align:left; padding:.55rem 1rem; margin:-1.25rem -1.25rem 0rem -1.25rem; display:flex; justify-content: space-between; align-items:center; gap:1rem;}
.popup .slick-list{height:136px!important; overflow: hidden;}
.cert-levels{font-size:1.1rem; text-align: center; margin:0rem 0rem 1.5rem 0rem; padding:0rem 0rem .5rem 0rem; border-bottom:1px solid #ccc;}

.clsCertificatePopup{display: flex;justify-content: center;align-items: center;flex-direction: column; font-size: 13px !important;}
/* dark css */
.dark body{background:#2c2c2c!important; background-color:#2c2c2c!important;}
.dark .hero-slider .swiper-wrapper .hero-slider__item{background:#000!important;}
.dark .hero-slider .swiper-wrapper .hero-slider__item h3{background:#2c2c2c!important; color:#fafafa;}
.dark .hero-slider .swiper-wrapper .hero-slider__text{color:#fafafa;}
.dark .bg-green{background-color:#3c3d3e!important;}
.dark .certificate__wrap{background:#100f0f;}
.dark .certificate__wrap .cert__desc p{color:#fafafa;}
.dark ul.certificate__level_ul li{color:#fafafa;}
/*market css */

/* editor css */
.note-editing-area pre{margin:0em 0rem 1rem 0rem; white-space:break-spaces;}
.note-editing-area pre ul li{font-weight:normal;}

/* login css */
pre{font-size:14px; padding:0rem; margin:1em 0rem 2rem 0rem; background:#f6f6f6; border:1px solid #cfd0d3; /*max-width: 100%; width:100%;*/ white-space-collapse:collapse; white-space: normal; word-wrap: break-word;overflow-x: auto;} 
pre ul{margin:0rem 1.5rem; padding:.5rem;}
pre ul li{font-weight:bold; margin:0rem; padding:.4rem 0rem 0rem 0rem; list-style:disc;}
pre ul li ul{margin:0rem .5rem; padding:.5rem;}
pre ul li ul li{font-weight:normal; margin:0rem; padding:.15rem 0rem; list-style:circle; line-height:18px;}

.swiper-wrapper{margin:0 auto!important; justify-content:flex-start; gap:1rem;}
.correct_ans{width:30px; height:30px;background: #04af2f!important; font-size:16px; color:#fff !important; padding:2px 8px; margin:0px;}
.wrong_ans,.not_ans{background: #f00; font-size:20px; color:#fff; padding:2px 8px; margin:0px;}
.unlock_ans{background:#f57020; font-size:20px; color:#fff; padding:2px 8px; margin:0px;}
.lock_ans{background: #aaa; font-size:20px; color:#fff; padding:2px 8px; margin:0px;}
.article-list{display:flex; justify-content: space-between; gap:.5rem;}
.start-disable{background: #aaa !important; color: #fff !important; border-color: transparent !important;}
.course-start-now{width:85px; font-size:15px; text-align:center; color:#fff!important; padding:4px; background:#04af2f; border:1px solid #04af2f;}
.start_p{color:#04af2f; border:1px solid #04af2f!important;}
.correct_p{background:transparent !important; color:#04af2f !important;border:1px solid #9ae59a !important;}
.wrong_p,.not_p{background:transparent !important; color:#f00 !important;border:1px solid #f39494 !important;}
.lock_p{color:#333!important;border:1px solid #b7b4b4 !important;}
.error_p{border: 1px solid #f00 !important;}
.lock_p:hover,.error_p:hover{cursor: default !important;}
.correct_p:hover,.wrong_p:hover{cursor: pointer !important;}
#output-container{width: 100%; height:calc(100vh - 80px)!important; overflow: auto;box-sizing: border-box; margin:1rem 0rem; padding:0rem;}
.custom-card {border: 1px solid #dee2e6; border-radius:0rem; box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); overflow:hidden; background-color:#fff;} 
.custom-card-header {padding:0.35rem 1rem; background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; font-size: 1.125rem; font-weight: 500; color: #212529; border-top-left-radius:0rem; border-top-right-radius:0rem;}
.custom-card-title{font-size:15px!important; margin:0; font-weight:500;}
.custom-card-body {padding:10px;}
.custom-card-text {margin-bottom:1rem; font-size:1rem; color:#495057; text-align:left!important;}
.mt-3{margin-top: 3vh;}
.flex-column label{font-size:13px; font-weight:400; color:#495057; display:block; }
#defaultCode, #solutionCode, #editorialSolution,#viewSolutionCode{width:100%; height:355px; border: 1px solid #ccc; border-radius: 5px; white-space: pre;}

/* Scrollbar styles for code ace-editor */
#defaultCode .ace_scrollbar::-webkit-scrollbar, #solutionCode .ace_scrollbar::-webkit-scrollbar, #editorialSolution .ace_scrollbar::-webkit-scrollbar, #editor .ace_scrollbar::-webkit-scrollbar, #viewSolutionCode .ace_scrollbar::-webkit-scrollbar{ width: 8px; height: 8px; }
#defaultCode .ace_scrollbar::-webkit-scrollbar-thumb, #solutionCode .ace_scrollbar::-webkit-scrollbar-thumb, #editorialSolution .ace_scrollbar::-webkit-scrollbar-thumb,#editor .ace_scrollbar::-webkit-scrollbar-thumb, #viewSolutionCode .ace_scrollbar::-webkit-scrollbar-thumb{ background-color: #888; }
#defaultCode .ace_scrollbar::-webkit-scrollbar-track, #solutionCode .ace_scrollbar::-webkit-scrollbar-track, #editorialSolution .ace_scrollbar::-webkit-scrollbar-track , #editor .ace_scrollbar::-webkit-scrollbar-track, #viewSolutionCode .ace_scrollbar::-webkit-scrollbar-track{ background: #f1f1f1; }
#defaultCode .ace_scrollbar::-webkit-scrollbar-thumb:hover, #solutionCode .ace_scrollbar::-webkit-scrollbar-thumb:hover, #editorialSolution .ace_scrollbar::-webkit-scrollbar-thumb:hover, #editor .ace_scrollbar::-webkit-scrollbar-thumb:hover, #viewSolutionCode .ace_scrollbar::-webkit-scrollbar-thumb:hover { background-color: #555; }

/* solution modal */
.solution_modal .b-content{height:fit-content; display:flex; flex-direction:column; align-items:flex-start; gap:1rem;}
.solution_modal .editorial-solution_wrapper{width:100%; height:100%;}
.solution_modal .editorial-solution_wrapper p{font-size:14px; text-align:left; padding:.25rem 0rem; margin:0rem;}
.solution_modal .custom-card{width:100%; height:100%;}
.solution_modal .solution_title{font-size:1rem; position:absolute; right:12px; top:30px;}
.editorial_tabs{width: 100%; display: flex; gap:2rem; border-bottom: 1px solid #40a944; justify-content: center; align-items: center;}
.editorial_tabs .editorial_active{background:#40a944; color:#fff; text-align: center; padding:.5rem 1rem; margin:0rem; border-radius:.25rem .25rem 0rem 0rem;}
.editorial_tabs .hide{display:none;}
.editorial_tabs .editorial_hint, .editorial_tabs .editorial_solution{cursor:pointer;}
.editorial-solution_wrapper #editorialSolution,.view_code_wrapper #viewSolutionCode{height:215px!important;}
.editorial-solution_wrapper pre{min-height:175px; max-height:240px; overflow:auto; padding:5px; margin:0rem; border-radius:.25rem; white-space: normal !important;}
.editorial-hint_wrapper{display:contents;}
.editorial-hint_wrapper p{font-size:14px; text-align:left; padding:0rem; margin:0rem;}
.editorial-hint_wrapper h3{margin-bottom: 0rem!important;}
.editorial-hint_wrapper pre{margin:0em 0rem 1rem 0rem!important; white-space: normal!important; width: 100%;} 
.resize__wrapper{display:flex; justify-content:center; align-items: center; z-index: 999;}
.resizer {width:20px; cursor: ew-resize; background: url('../images/card-resizer.png') no-repeat center; background-size:contain; height:36px;}

/* output window */
.compiler_output{margin:0px; padding:0px;}
.compiler_output .compiler_output_success{background:#e6fde8; font-size:16px; color:#61b164; text-align:center; margin:0rem 0rem 1rem 0rem; padding:.7rem; font-weight:normal;}
.compiler_output .compiler_output_heading{background:#fff; font-size:18px; color:#100f0f; text-align:left; margin:0rem 0rem 1rem 0rem; padding:.5rem 0rem; font-weight:normal; border-bottom:1px solid #eee;}
.compiler_output .compiler_output_failure{background:#ffdada; font-size:16px; color:#f00; text-align:center; margin:0rem 0rem 1rem 0rem; padding:.7rem; font-weight:normal;}
.compiler_output_description{overflow: auto; display:flex; flex-direction:column; justify-content: center; align-items:center; gap:.5rem;}
.compiler_output_descSuccess{width:-webkit-fill-available; background:none; font-size:14px; text-align:left; margin:0px; padding:.5rem; border:1px solid #ccc;}
.compiler_output_descfailure{width:-webkit-fill-available; background:none; font-size:14px; text-align:left; margin:0px; padding:.5rem; border:1px solid #ccc;}
.compiler_output_descSuccess pre{font-size:14px; padding:1rem!important; margin:.5rem 0rem .5rem 0rem!important; border:0px solid #ccc;}
.compiler_output_descfailure pre{font-size:14px; padding:1rem!important; margin:.5rem 0rem .5rem 0rem!important; border:0px solid #ccc;}
.compiler_output_descSuccess b{font-weight: normal;}
.compiler_output_result{font-size:14px; text-align: center;}
.item-box{padding: 20px !important; background: #f0eeeec7!important; border-radius: 3px !important;}
.compiler-description{margin:2rem 0rem 0rem 0rem; padding:0rem; border-top:1px solid #aaa;}
.compiler-description pre {white-space: pre-wrap; background:transparent!important; margin:0px; padding:0px; border-radius: .45rem; font-family: "Source Sans 3", sans-serif !important; border: none !important;}
.compiler-description pre ul{margin:0rem 1.5rem; padding:0rem .5rem .5rem .5rem;}
.compiler-description pre h3{font-size:20px; padding:0rem; margin:1rem 0rem 0rem 0rem;}
.compiler-description pre ul li {font-size:13px; font-weight: 400; padding:.15rem 0rem; margin:0rem; line-height:20px;}
.output__b-modal .b-title{background: #40a944; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding:10px 10px; width:-webkit-fill-available; margin:-10px 0px 0px 0px; color: #fff; font-size: 18px; z-index: 99; border-radius: 3px;}
.output__b-modal .b-modal-close{color:#fff!important; font-size:16px!important;}
.output__b-modal .b-modal{width:49%!important; position:absolute!important; bottom:-10vh!important; top:inherit!important; margin:0rem auto 4rem auto!important; padding:0rem 0rem 1.2rem 0rem!important; left:-51%!important; box-shadow:2px 10px 10px #000;}
.output__b-modal .b-modal-layer{background:rgb(100,100,100,.1)!important; left:-49.1%!important;} 
.output__b-modal .tabs{padding:2rem 0rem 0rem 0rem;}
div:where(.swal2-container) h2:where(.swal2-title){font-size:22px!important;}
#editorialInstruction{width: 100%;overflow: auto;}

/* comments css */
.post__comments{position:relative; margin:0rem; padding:0rem;}
.post__comments textarea{width:-webkit-fill-available; font-size:14px; text-align: left; padding:.5rem 1rem .5rem .5rem; margin:0px 5px 0px 5px; border:1px solid #ccc; resize:none; outline:none;}
.post__comments .postBtn{position:absolute; font-size:26px; right:14px; top:8px;}
.post__view-wrapper{padding:.5rem; margin:0rem; height:calc(55vh - 0px); overflow-x: auto;}
.post__view-user{background:#fff; margin:0rem 0rem; padding:0rem;}
.post-flex{background:#fafafa; padding:.25rem; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:1rem;}
.post-flex p{font-size:14px!important; font-weight: bold; text-align: left; margin:0rem!important; padding:0rem!important;}
.post-flex p span{font-size:14px; font-weight:normal; text-align: left;}
.post__view-wrapper .post-view-img{width:32px!important; height:32px; padding:2px; border:1px solid #ccc;}
.comment-bg{background:#eee;}
.remove-btn{min-width: 35px; background: #f00; height: 25px; color: #fff; font-size: 11px; text-align: center; padding: 5px; margin: 0px; border: 1px solid #f00; cursor: pointer;}
.param-value{min-height: fit-content !important;}
.justify-content-end {justify-content: flex-end !important; gap: 0.2rem !important;}
#add-wrapper{padding: 5px 10px 12px 0px;text-align: right;}
#next-wrapper{display: none;}
.filter_tab{display:flex; gap:.5rem;}
.remove-btn:disabled {cursor: not-allowed;pointer-events: auto;background: #ff000087 !important;}
.submission-tabs{text-align:center; cursor:pointer;}
.submisison-hide{display:none;}
.submission-flex{display:flex; justify-content: center; align-items: center; gap: 1rem; padding:0px 5px; border-bottom:1px solid #40a944; margin-bottom:1rem;}
.submission-tabActive{background:#40a944; font-size:15px; color:#fff; text-align:center; padding:2px 5px; border:2px solid #40a944; cursor:pointer;}

/* how badges works */
.practice-badges{background:#fff; align-items:center; gap:1rem;  box-shadow:0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);}
ul.practice-points-table{margin:0px;padding:0px;display:flex;justify-content:center;align-items:center;position:relative;}
ul.practice-points-table b{text-transform: uppercase;font-size: 13px;}
ul.practice-points-table li{margin:0px;padding:0px;list-style:none;text-align:center;display:grid;gap:.5rem;}
ul.practice-points-table li .imgActive{width:95px;filter:grayscale(0%);}
ul.practice-points-table li img{width:95px;filter:grayscale(100%);} 
.how-badges-work{text-align:center; padding:2rem 1rem; margin:0rem 2rem 0rem 0rem;}
.how-badges-work h3{font-size:22px; font-weight:bold; text-align:center; margin:0px; padding:0px 0px 10px 0px;}
.how-badges-work p{font-size:24px; text-align:center; margin:0px; padding:0px 0px 30px 0px;}
.customBtn{background:#40a944; color:#fff; padding:.55rem 1rem; margin:0 auto!important;}
.customBtn:hover{opacity:.9;}

/* student dashboards css */
button[data-tippy]:focus{background:#fff; font-size:14px; text-align:center; outline:none;}
/*input[aria-describedby="tippy-1"]:focus, input[aria-describedby="tippy-20"]:focus, #tippy-3, #tippy-4, #tippy-5, #tippy-6, #tippy-7, #tippy-8, #tippy-9, #tippy-10, #tippy-11, #tippy-12, #tippy-13, #tippy-14, #tippy-15, #tippy-16, #tippy-17, #tippy-18, #tippy-19, #tippy-20{color:black!important; font-size:16px!important; padding:0px!important;}*/
.inner-content{min-height: 60vh;overflow: auto;}
.inner-content::-webkit-scrollbar{width:8px;height:8px;}
.inner-content::-webkit-scrollbar-thumb{background-color:#888;}
.inner-content::-webkit-scrollbar-track{background:#f1f1f1;}
.inner-content::-webkit-scrollbar-thumb:hover{background-color:#555;}
#output-container .item-problemsolved{background:#e4ffea; font-size:16px; font-weight:normal; text-align:center; padding:.5rem 0rem; margin:0rem 0rem 1rem 0rem;}
#output-container .compile_result{display:flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap; padding:0rem;}
#output-container .compile_result .compile_testcases, .compile_result .compile_attempt, .compile_result .compile_scored, .compile_result .compile_timetaken{background:transparent; width:47%; min-height:40px; padding:1rem .25rem; margin:0rem; font-size:15px; color:#6c6c6c; text-align: center; border-radius:.45rem; border:1px solid #ccc;}
.compile_result .compile_testcases span, .compile_result .compile_attempt span, .compile_result .compile_scored span, .compile_result .compile_timetaken span{font-size:22px; color:#333; font-weight: bold; text-align: left; line-height: 30px;}
.error-background{background:#fdeded!important; border:1px solid #fdeded!important;}
.dropdown-menu.show .caret-rotate{transform: rotate(180deg);}
.dashboard-wrap div{width:90%;}
.modal_title{display:flex; justify-content: space-between; align-items: center; gap: 1rem; background: #eee; padding: .5rem 1rem; margin: -1.4rem; margin-bottom: 1rem; border-radius: .45rem .45rem 0rem 0rem;}
.modal_title span{font-size:20px; text-transform: uppercase; text-align: left;}
.passwordshow{position:absolute; right:45px; margin:3px 0px 0px 0px;}
.swal2-html-container pre{white-space: normal;background: #f6f6f67a !important;border: 1px solid #cccccc63 !important;text-align: left;margin: 1em 0rem 1rem 0rem !important;} 
.certificate__container{display: flex; flex-direction: row; gap: 1rem !important; background: #fff; border: 1px solid #eee; align-items: center; justify-content:space-between; padding:1rem 1rem 1rem 2rem; box-shadow:0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);}
.fs-500{font-size:1.1rem;}
.fw-600{font-size:1rem;}
hr{color:#ccc;}
body.prob_solve{overflow: hidden!important;}

/* view code modal */
.view_modal{width:60%!important;}
.view_modal .b-content{height:fit-content; display:flex; flex-direction:column; align-items:flex-start; gap:1rem;}
.view_modal .view_code_wrapper{width:100%; height:100%;}
.view_modal .custom-card{width:100%; height:100%;}
.view_modal .view_title{font-size:1rem; position:absolute; right:12px; top:30px;}
.compiler_statu_hover{margin:0rem 0rem 0rem 0rem; padding:.75rem 0rem .25rem 0rem;}
.compiler_statu_hover a{background:transparent; font-size:11px; text-transform:uppercase; padding:.05rem .5rem .05rem .5rem; margin:.7rem 0rem 0rem 0rem; color:#6e6e6e; border:1px solid #aaa;}
.compiler_statu_hover a:hover{color:#000;}

/* login css */
@media (min-width: 1200px) {
    .library-header>.container{max-width:100%!important;}
}
@media(min-width:764px){
	.auth-aside{display:flex;}
	.auth-content-wrapper{display:grid; grid-template-columns:50% 1fr;}
	.auth-content-wrapper::before{background-position:0rem -12rem;}
	.auth-content-wrapper::after{background-position:bottom -7rem right -9rem;}
	.dashboard-wrap{display:flex; justify-content:center; align-items:center; gap:1rem;}
	.box-flex-wrapper{display:flex; justify-content:space-between; align-items:flex-start; gap:1rem;}
	.table-bordered{margin:0rem 0rem 3.5rem 0rem;}
	.w50{width:50%;}
	.tab-flex{display:flex; justify-content:space-between; align-items:center; gap:1rem;}
	ul.box-flex-list{width:100%; text-align:left; padding:10px 0px 0px 0px; margin:0px; border-bottom:1px solid #40a944;}
	.modal-window > div{width:55%; padding:30px; margin:1% auto!important;}
	.m-hide{display:inline;}
	.clsMaxMenu{display:none;}
	.grids{display:grid; grid-template-columns:1fr 34%; gap:0rem;}
	.title-edit-wrap{font-size:18px; font-weight:bold; display:flex; align-items:center; justify-content:space-between; gap:3rem; border-bottom:0px dashed #adadad; margin-bottom:.45rem; padding-bottom:.5rem;}
	.qa_filter{display:flex;}
	.b-modal{width:555px; margin:2rem auto;}
	.code__title{width:100%;}
	.popup{width:48%;}
	.course-cert-levels img{margin:0rem 1.4rem;}
	.course-start-now{white-space:inherit;}
	.navbar__flex{display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
	.prob-details{display:flex;}
	.tabSticky{display:flex; grid-template-columns:30px 70% 1fr; justify-content:space-between; align-items:center;}
	.course-cert-description ul li .compiler-title{background:#fff; display:grid; grid-template-columns:80% 1fr; justify-content: space-between; align-items:center;}
	.course-cert-description ul li .compiler-butns{display:flex; justify-content: flex-end; align-items: flex-end;}
	.card-header-title{display:flex; justify-content:space-between;}
	.extra-options{position:absolute; top:0px;}
	.profile-img {display:flex;}
	.qa_filter_profile{display:flex; justify-content:space-between; gap:1rem;}
	.profile-desc{display:grid; grid-template-columns:repeat(4, 1fr);}
	.chart-item{width:50%;}
	.qa-filter-flex{display:flex; flex-direction:row;}
	.canvas-sidewrap-left{width:28rem;}
	.table-responsive{overflow: hidden;}
	.prgm_wrapper{display:block; grid-template-columns:auto;}
	.prgm_practice_heading{flex-direction: row;}
	.hero-slider .swiper-wrapper{flex-direction: row;}
	.practice-badges{background:#fff; padding:2rem 2rem; display:grid; grid-template-columns:65% 1fr;}
	ul.practice-points-table{flex-direction:row; gap:6rem;}
	.certificate__img img{width:695px; height:355px;}
} 
@media(max-width:764px){
	/* .course-cert-description ul li p span{font-size: 10px !important;}
	.course-cert-description ul li p {padding: 5px !important;gap: 0.5rem !important;}
	.lock_ans,.unlock_ans {padding: 9px !important;}
	.course-cert-description{padding: 0px !important;}
	.course-cert-levels .active {border-bottom: 2px solid #fff !important;} */
	.auth-aside{display:none;}
	.auth-content-wrapper{display:flex; grid-template-columns:0% 0fr;}
	.auth-content-wrapper::before{background-position:-35rem -16rem;}
	.auth-content-wrapper::after{background-position:bottom -7rem right -9rem;}
	.dashboard-wrap{display:grid; justify-content:space-between; align-items:center; gap:1rem;}
	.box-flex-wrapper{display:grid; justify-content:normal; align-items:flex-start; gap:1rem;}
	.table-bordered{margin:0rem 0rem 0rem 0rem;}
	.w50{width:100%;}
	.tab-flex{display:flex; justify-content:normal; align-items:center; gap:1rem;}
	ul.box-flex-list{min-width:100%; max-width:100%; text-align:center; padding:10px 0px 0px 0px; margin:0 auto; border-bottom:1px solid #40a944; overflow:auto; display:flex; justify-content:flex-start; align-items:center;}
	.modal-window > div{width:90%; padding:15px; margin:1% auto!important;}
	.m-hide{display:none;}
	.clsMaxMenu{display:none;}
	.grids{display:grid; grid-template-columns:1fr 0;}
	.title-edit-wrap{font-size:20px; display:grid; gap:1rem; border-bottom:1px dashed #ccc; margin-bottom:.4rem;margin-top:0vh;}
	.qa_filter{display:grid;}
	.b-modal{width:90%; margin:2.5rem auto;}
	.tabLeft__wrapper{width:100%!important;}
	.tabRight__wrapper{width:100%!important;}
	.code__title{width:100%; text-align:center;}
	.popup{width:90%;}
	.course-cert-levels img{margin:0rem 0.1rem;}
	.course-start-now{white-space:nowrap;}
	.navbar__flex{display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
	.tabflex{width:100%; overflow-x:auto;}
	.tabSticky{display:flex; grid-template-columns:auto; justify-content:flex-start; align-items:center;} 
	.prob-details{display:flex; flex-direction: column; overflow: auto;}
	.navbar-expand-xl .navbar-toggler{display:inline-block; margin-left:1.5rem;}
	.course-cert-description ul li .compiler-title{background:#efefef3b; display:block; grid-template-columns:auto; justify-content: space-between; align-items:center;}
	.course-cert-description ul li .compiler-butns{display:flex; justify-content: flex-end;}
	.card-header-title{display:grid; justify-content:space-between;}
	.extra-options{position:absolute; top:0px;}
	.profile-img {display:grid;}
	.qa_filter_profile{display:grid; justify-content:normal; gap:1rem;}
	.profile-desc{display:block; grid-template-columns:auto;}
	.bg-brandcolor{margin-bottom: 1rem;}
	.chart-box{flex-direction: column;}
	.chart-item {width:98%;} 
	.qa-filter-flex{display:flex; flex-direction:column;}
	.sub-page__title{display:none;}
	.resize__wrapper{display:none;}
	.canvas-sidewrap-left{width:20rem;}
	.table-responsive{overflow: auto;}
	.prgm_wrapper{display:flex; grid-template-columns:auto;}
	.prgm_practice_heading{flex-direction:column;}
	.hero-slider .swiper-wrapper{flex-direction: column;}
	.practice-badges{background:#fff; padding:1rem 2rem; display:block; grid-template-columns:auto;}
	.practice-dot-line{display:none;}
	ul.practice-points-table{flex-direction:column; gap:1rem;}	
	.certificate__img img{width:100%; height:auto;}
}

/* editor css */
.readonly-highlight { background-color: #80808061 !important; opacity: 1 !important; position: absolute !important; z-index: 0 !important; } 
.readonly-highlight.ace_br8 { z-index: 100 !important; position: relative !important; height: 18px !important; width: 10px !important; background-color: #80808061 !important; }
 .readonly-highlight:focus, .readonly-highlight.ace_br8:focus { outline: none !important; background-color: #80808061 !important; z-index: 100 !important; }
 #editor{width: 100%;height: 77vh !important;}
 .disabled-link {background:#cccccc9e!important; border:2px solid transparent !important; cursor: not-allowed !important;}
 .disabled-link:hover{color: #fff !important;}
.output_wrapper { width: 50%; height: calc(100vh - 10px); background: #fff; padding: 1rem; position: fixed; right: 0; top: 0; z-index: 999; box-shadow: 0px 0px 10px #aaa; transform: translateX(100%); transition: transform 0.3s ease-in-out; } 
.output_wrapper.active { transform: translateX(0); } 
.output_title { width: -webkit-fill-available; background: #eee; padding:.5rem 1rem; margin: -1rem -2rem 0rem -1rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } 
.output_title span { font-size:1rem; color: #000; font-weight:normal; text-align: left; } 
.output_title a { font-size: 1.4rem; color: #f00; text-align: right; padding-right: 1rem; } 
.output_wapper-bg { background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 998; display: none; }
.output_window{font-size: 1.5rem; color: #fff; position: absolute; right: 62px; top: 5px;}
.tutorial-toc{display:none!important;}
 #google-bottom-ads, #google-right-ads{display:none!important;}
 .time-wrapper,.scoring-wrapper{font-size: 14px; border:1px solid #aaa; padding:.25rem .7rem; display:flex; justify-content: center; align-items: center; gap: .5rem; background: #fff;}
#resetTimer{display: block; background:#edebeb; padding: .25rem; color:#605e5e; border-radius: 0rem .2rem .2rem 0rem; margin:-.25rem -.50rem -.25rem .25rem; cursor:pointer;}
#pauseTimer, #startTimer{display: block; background:#edebeb; padding:.25rem .55rem; color:#605e5e; border-radius: 0rem; margin:-.25rem -.65rem -.25rem .25rem; cursor:pointer;}
.tag-background {font-size: 14px; border: 1px solid #aaa; padding: .25rem .7rem; border-radius: .25rem; background: #fafafa;}
.chart-box { margin:1rem 2%; padding:0rem 1.5rem; display:flex; justify-content:center; align-items:flex-start; gap:1rem; } 
.chart-item{background:#fff; min-height:275px; padding:1rem 0.5rem;}
.prgm_wrapper{align-items: flex-start; justify-content: space-between; gap:1rem;}
.prgm_practice_box{background:#fff; padding:.5rem 1rem; margin:2rem 0rem 2rem 0rem; box-shadow:0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);}
.prgm_practice_heading{background:#eee; padding:.3rem; margin:-.3rem -.8rem 1rem -.8rem; display:flex; justify-content:space-between; align-items: start; gap: 1rem;}
.prgm_practice_heading div{background:#fff; font-size:13px; text-align: left; padding:.2rem .5rem; margin:0rem; display:flex; align-items:center; gap:.25rem;}
.prgm_practice_heading h2{background:#eee; font-size:22px; font-weight: bold;}
.prgm_practice_heading h2 img{height: 18vh;}
.prgm_practice_heading div span{font-size:18px; font-weight: bold;}

/* user dashboard css */
.mb-4{margin-bottom:1.6rem!important;}
.page-subtitle-user{display: flex; align-items: center; justify-content:center; gap:0rem; flex-direction:column;font-size:18px}
.practice-badges-user{display:grid;grid-template-columns:65% 1fr;align-items:center;gap:1rem; box-shadow: none !important; padding: 1rem !important;border: 1px solid #99999940; border-radius: 4px; box-shadow: 1px 0px 15px 2px #bbbaba3b !important;}

.img-level{max-width:100%; height:auto;}
.dotActive svg{color: #fff !important;}
.practice-points-table .practice-dots{background:#bfbdbd;width:20px;height:20px;padding:2px;border-radius:90rem;border:1px solid #7a7a7a; margin:0 auto; z-index:9;}
.dotActive{background:#04af2f!important;z-index:9;}
.pointActive{color:#04af2f;}
.practice-dot-line{width:210px; height:0px; margin:113px 0px 0px 40px; position:absolute; border:1px solid #eee;}

.how-badges-work-user{background:#eeeeeed6;text-align:center;padding:35px 10px;margin:0px;border-radius:6px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.how-badges-work-user h3{font-size:22px;font-weight:bold;text-align:center;margin:0px;padding:0px 0px 10px 0px;}
.how-badges-work-user p{font-size:15px;text-align:center;margin-bottom:10px;padding:0px 0px 10px 0px; }
.customBtn-user{cursor:default;background-color:#04af2f;border:2px solid #04af2f;border-radius:3px;padding-block:0.363em;padding-inline:2em;transition:all 0.25s ease; color:#fff !important; display: inline-flex; align-items: center; gap: 0.3rem;}
.customBtn-user:hover {cursor: pointer;}
.noncertify-box{padding: 1.5rem 1rem 1.5rem 1rem;}
.noncertify-box .top-compilers-boxes {width: 210px !important; height: 140px !important;}
.noncertify-box .lang-slider {margin-bottom: 8vh;}
.page-content-wrapper .practice-badges-user{padding:0rem!important; border:0px solid #999999!important; box-shadow:none!important;}
.certifications_list{margin:0rem 0rem 1rem 0rem; padding:0rem;}
.cert_list{margin:0rem 0rem 1rem 0rem; padding:.5rem; border:1px solid #ccc; display:flex; justify-content: space-between; align-items: center; gap: 1rem;}
.cert_listflex{display:flex; align-items: center; gap: 1rem;}
.cert_listflex span h2{font-size:18px; font-weight: bold; text-align: left; margin:0rem; padding:0rem 0rem .7rem 0rem;}
.cert_listflex span h4{font-size:14px; font-weight: normal; text-align: left; margin:0rem; padding:0rem 0rem .25rem 0rem;}
.cert_list img{width:195px; height:125px;}
.course-viewmore{width:fit-content; font-size:14px; text-align:center; color:#fff!important; padding:.35rem 1rem; background:#04af2f; border:1px solid #04af2f;}
.course-viewmore:hover{opacity: .8; cursor:pointer;}

/* profile css */
.qa_filter_profile{align-items: center; margin: 1rem 0;}
.qa_filter_profile div {width: 100%; display: flow;}
img#userprofileimg {width: 175px; height: 165px; padding: 0px!important; border: 1px solid #ddd;}
div#profileImageUpdate {display: grid; gap: 1rem;}
.profile-img {padding: 20px;justify-content: center; align-items: center; gap: 4rem;}
.modal-window {position: fixed; background-color: rgba(200, 200, 200, 0.75); top: 0; right: 0; bottom: 0; left: 0; margin: 0px; padding: 0px; z-index: 1111; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-display: none; display: none;}
.modal-window > div{width:550px; position: relative; margin: 4% auto; padding: 1rem; background: #fff; color: #444;}
.modal-window header{font-weight: bold;}
.modal-close {color:#000; line-height: 29px; font-size:26px; text-align: center; text-decoration: none;}
.modal-close:hover{color: #000;}
.modal-window h1 {font-size: 150%; margin: 0 0 15px;}
.image-editor h2 {color: #308646; font-size: 18px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; text-transform: capitalize; border-bottom: 1px solid #eaeaea;}
.uploadmore {width: 100%; position: relative; padding: 5px; margin: 0px 0px 0px 0px;}
.uploadmore .uploadmore_shw {padding: 5px 5px 0px 5px; margin: 5px 0px; border: 1px solid #d6d6d6; min-height:58px;}
.uploadmore .uploadmore_img {display: none; min-height: 100; max-height: 112px; overflow: auto; background: #fff; margin: 0px; padding: 5px; border: 1px solid #d6d6d6; position: relative; top: -1px;}
.uploadmore .caretdown {font-size: 26px; line-height: 0px!important; top: 16px!important; position: relative!important; right: 0px!important;}
.uploadmore img {width: 56px; height: 56px; float: left; margin: 0px 5px 5px 0px;}
.cropit-preview-background-container {width: 240px; height: 240px; margin: 0px 0px 0px 0px;}
.cropit-preview {background-color: #f8f8f8; background-size: cover; border: 5px solid #ccc; margin: 25px auto 0px auto; width: 150px; height: 150px;}
.cropit-preview-image-container{cursor:move;}
.cropit-preview-background{opacity:.01; cursor:auto; transform:translate(-88px, 0px) scale(0.185185) rotate(0deg);}
.image_size_label {margin-top:30px;}
#imgCrop input, #imgCrop #save_user_image {margin:0px auto; position:relative; z-index:10; display:block;}
.upload_more{width:97%; background:#f1f1f1; position:relative; font-size:150%; color:#8a8a8a; text-align:center; margin:-60px auto 10px auto; padding:10px 10px; border:1px dashed #40a944; cursor:pointer;}
.cropit-image-input{margin:20px auto 0px auto!important; height: 65px; opacity: 0; cursor:pointer; position:relative!important; width:99%;}
input[type=range]{display:block; -webkit-appearance:none; background-color:#47bb3e; width:230px; height: 4px; outline:none;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none; background-color: #084205; opacity: 0.8;width: 10px; height: 12px; cursor: pointer;}
.cropit-preview-image-container{cursor:move;}
.edit-or{font-size: 30px; font-weight: bold; text-align: center;}
.deactive{background: #f6f6f6; border: 1px solid #f6f6f6!important; pointer-events: none!important; cursor: none!important;}
.inactive-input{padding:0.35rem .75rem!important; border:1px solid #aaa !important; margin:0rem; padding:0rem;}
.qa_social-wrap{display:flow!important;}
.qa_filter_profile{align-items:center; margin:1rem 0;}
.profile-social-icon{background:#606060; height:37px; color:#fff; position:absolute; margin-left:0px; width:100px; padding:0rem 0rem 0rem .4rem; text-align:left; border:1px solid #606060; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.qa_social-wrap input.profile-social-link{padding-left:115px!important;}
.btn-inner--icon svg{width:20px; font-size:20px; text-align:left;}
#allsub, #cert{display:none;}
.btn-viewmore{min-width:85px; background:#f7f7f7; color:#000; font-size:13px; text-align:center; padding:5px 10px; margin:0px; border:1px solid #b9b9b9; cursor:pointer;} 
.btn-viewmore:hover{background-color:#e4ffe5; border:1px solid #04af2f; color:#04af2f; cursor:pointer;}
.btn-download{min-width:85px; background:#04af2f; color:#fff!important; font-size:13px; text-align:center; padding:5px 10px; margin:0px; border:1px solid #04af2f; cursor:pointer;} 
.btn-download:hover{background-color:#04af2f; border:1px solid #04af2f; color:#fff; cursor:pointer;}
.caret{transform:rotate(180deg); transition: 1s;}
.submission-table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin-top: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); table-layout: fixed; overflow-x: auto; display: block; }
.submission-table thead { background-color: #f4f4f4; font-weight: bold; }
.submission-table th, .submission-table td { padding: 12px 20px; text-align: left; border-bottom: 1px solid #ddd; white-space: nowrap; }
.submission-table tbody tr:nth-child(even) { background-color: #f9f9f9; }
.submission-table tbody tr:hover { background-color: #f1f1f1; }
.status { padding: 4px 10px; border-radius: 12px; font-size: 0.85em; font-weight: bold; display: inline-block; color: white; min-width: 90px; text-align: center; }
.status.correct { background-color: #28a745; }
.status.wrong { background-color: #dc3545; }
.status.not-eligible { background-color: #6c757d; }
@media screen and (max-width: 768px) { .submission-table { font-size: 0.85em; display: block; overflow-x: auto; } .submission-table th, .submission-table td { padding: 10px 12px; } .submission-table thead { font-size: 0.95em; } }