/*===========================
        COMMON css
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
html { scroll-behavior: smooth; }
body { font-family: "Plus Jakarta Sans", sans-serif !important; font-weight: normal; font-style: normal; color: #5d657b; overflow-x: hidden; background: #f1f5f9; }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:focus, input:focus, textarea:focus, button:focus, .btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { text-decoration: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
a:hover { color: #365CF5; }
button, a { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a, a:focus, a:hover { text-decoration: none; }
i, span, a { display: inline-block; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
ul, ol { margin: 0px; padding: 0px; list-style-type: none; }
p { font-size: 16px; font-weight: 400; line-height: 25px; margin: 0px; }
.img-bg { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; }
.para-width-500 { max-width: 500px; width: 100%; }
@media (max-width: 767px) { .container { padding: 0 30px; } }

/* Header */
.header { background: #fff; box-shadow: 0px 0px 30px 0px rgba(200,208,216,0.30); position: sticky; top:0; z-index: 998; padding: 22px 0; }
.header .header-left .menu-toggle-btn .main-btn { padding: 10px 16px; border-radius: 8px; display:flex; align-items:center; justify-content:center; }
.header .header-left .header-search form { max-width: 270px; position: relative; }
.header .header-left .header-search form input { width:100%; border:1px solid #E9EEF1; background: rgba(233,238,241,0.5); border-radius:8px; padding:10px 10px 10px 44px; transition:.3s; }
.header .header-left .header-search form input:focus { border-color:#365CF5; background:#fff; }
.header .header-left .header-search form button { position:absolute; border:none; background:transparent; left:16px; top:0; height:46px; color:#5d657b; font-weight:700; }
.header .header-left .header-search form button i { margin-top:7px; }
.header .header-right { display:flex; justify-content:flex-end; }
.header .header-right button.dropdown-toggle { border:1px solid #F6F6F6; background:#F6F6F6; border-radius:50%; height:46px; width:46px; display:flex; align-items:center; justify-content:center; color:#1A2142; }
.header .header-right .dropdown-menu { min-width:190px; border:none; border-radius:4px; box-shadow: 0 0 16px rgba(0,0,0,0.1); padding:8px; transform: translate3d(0px, 60px, 0px); }
.header .header-left .main-btn { border-radius: 6px; }

/* Sidebar */
.sidebar-nav-wrapper { background: #fff; width: 250px; padding: 20px 0; height: 100vh; position: fixed; overflow-y: auto; top:0; left:0; z-index:999; box-shadow: 0px 0px 30px 0px rgba(200,208,216,0.30); transform: translateX(0); transition: .3s; }
.sidebar-nav-wrapper.active { transform: translateX(-260px); }
@media (max-width: 991.98px) { .sidebar-nav-wrapper { transform: translateX(-260px); } .sidebar-nav-wrapper.active { transform: translateX(0); } }
.sidebar-nav-wrapper .navbar-logo { padding: 0 25px; margin: 11px 0 30px; }
.sidebar-nav { }
.sidebar-nav ul .nav-item a { display:flex; align-items:center; color:#8a94ad; font-size:14px; font-weight:500; width:100%; padding:7px 25px; }
.sidebar-nav ul .nav-item a .icon { margin-right:12px; font-size:18px; }
.sidebar-nav ul .nav-item:hover > a { color:#1A2142; }
.overlay { position:fixed; width:100%; height:100%; background:#000; opacity:.2; left:0; top:0; z-index:997; display:none; }
.overlay.active { display:block; }

/* Main wrapper */
.main-wrapper { margin-left: 250px; padding: 25px; }
@media (max-width: 991.98px) { .main-wrapper { margin-left: 0; } }

/* Cards, tables, etc from theme */
.card-style { background:#fff; padding:25px 30px; position:relative; box-shadow: 0px 12px 24px -4px rgba(145,158,171,0.12), 0px 0px 2px 0px rgba(145,158,171,0.2); border-radius:7px; }
.title { color:#1A2142; }

/* Preloader */
#preloader { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background: #fff; display:none; }
#preloader .spinner { position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px; border: 4px solid #365CF5; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }

/* Utility */
.main-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; border: none; padding: 7px 18px; background:#365CF5; color:#fff; }
.primary-btn { background:#365CF5; }
.btn-hover:hover { opacity:.9; }