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

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, dfn, em, img, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-family: var(--Public-font-family);font-size: 100%;vertical-align: baseline;background: transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
sub, sup ,mark, del, ins {margin: 0;padding: 0;border: 0;font-family: var(----Public-font-family);}

html {-webkit-box-sizing: border-box;box-sizing: border-box;scroll-behavior: smooth;}
*,*:before,*:after {-webkit-box-sizing: inherit;box-sizing: inherit;margin: 0;padding: 0;scrollbar-color: var(--dark) var(--gray);scrollbar-width: thin;}
*::-webkit-scrollbar {width: 7px;}
*::-webkit-scrollbar-track {background-color: var(--gray);}
*::-webkit-scrollbar-thumb {background: var(--dark);}
:focus{outline: none !important;box-shadow: none !important;border-color: var(--Light-Blue) !important;}

:root {
  --Dark-Blue: #001875;
  --Light-Blue: #798fe5;
  --Dark-purple-800: #25293C;
  --Dark-purple-600: #2f3349;
  --Lightgrey: #cfcde4;
  --White: #fff;
  --Red: #b22222;
  --Green: #2e8b57;

  --Public-font-family: "Public Sans", serif;
}

img {max-width: 100%;height: auto;}
ul {display: flex;flex-direction: column;list-style: none;gap: 10px;}
a {margin: 0;padding: 0;text-decoration: none;vertical-align: baseline;background: transparent;color: var(--Light-Blue);}
a:focus, a:hover {text-decoration: none;vertical-align: baseline;background: transparent;}
p{margin-bottom: 10px;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid var(--gray);margin: 0;padding: 0;}
strong{font-weight: bold;}
small{font-size: 80%;}
label{font-size: 16px;font-weight: 600;}
label span{color: #dc3545;}
input, select {vertical-align: middle;}
input, label, textarea, select, input, option, button {outline: none;}
.form-control, .form-control:focus,  .form-control[readonly]{background-color: transparent;border: 1px solid var(--Lightgrey);color: var(--White);}
.form-select{background-color: transparent;border: 1px solid var(--Lightgrey);color: var(--White);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;}
.form-select option {background: var(--Dark-purple-600);color: var(--White);}
.form-check-input:checked{background-color: var(--dark);border-color: var(--dark);}
.onoffswitch1 {position: relative; width: 90px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch1-checkbox {display: none;}
.onoffswitch1-label {display: block; overflow: hidden; cursor: pointer;border: 1px solid #cfcde4; border-radius: 30px;}
.onoffswitch1-inner {display: block; width: 200%; margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch1-inner:before, .onoffswitch1-inner:after {display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border-radius: 30px;box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;}
.onoffswitch1-inner:before {content: "YES";padding-left: 10px;background-color: var(--Light-Blue); color: #FFFFFF;border-radius: 30px 0 0 30px;}
.onoffswitch1-inner:after {content: "NO";padding-right: 10px;background-color: #EEEEEE; color: #999999;text-align: right;border-radius: 0 30px 30px 0;}
.onoffswitch1-switch {display: block; width: 30px; margin: 0px;background: #FFFFFF;border: 1px solid #cfcde4; border-radius: 30px;position: absolute; top: 0; bottom: 0; right: 59px;-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);box-shadow: 0 1px 1px white inset;}
.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {margin-left: 0;}
.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {right: 0px;}

table {width: 100%;background-color: var(--Dark-purple-800);border-collapse: collapse;border: 1px solid #9191a8;color: var(--dark);}
table td {border-bottom: 1px solid #9191a8;padding: 10px 5px;vertical-align: middle;}
table td p{margin-bottom: 0;}
table th {border-bottom: 1px solid #9191a8;padding: 15px 5px;white-space: nowrap;}
table thead {background-color: var(--dark);color: var(--White);}
table caption{color: var(--Lightgrey);}
.ht{display: none;font-size: 12px;line-height: 1;white-space: nowrap;}

.button, .button:focus, .button:active {display: inline-flex;align-items: center;justify-content: center;gap: 8px;font-size: 14px;font-weight: 600;background: var(--Light-Blue);color: var(--White);padding: 0 16px;height: 32px;line-height: normal;border: 0;border-radius: 5px;letter-spacing: .5;text-transform: uppercase;cursor: pointer;outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.button:hover, .button:focus {background: var(--Light-Blue);color: var(--White);opacity: 0.8;outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.button.sm{font-size: 14px; padding: 0 14px;height: 32px;}
.button.md{font-size: 14px; padding: 0 18px;height: 38px;}
.button.lg{font-size: 18px; padding: 0 22px;height: 44px;}
.button.rad{background: var(--Red);}

h1 {display: block;font-size: 48px;font-weight: 900;line-height: 1;margin-bottom: 20px;}
h2 {display: block;font-size: 40px;font-weight: 900;line-height: 1;margin-bottom: 20px;}
h3 {display: block;font-size: 32px;font-weight: 700;line-height: 1;margin-bottom: 15px;}
h4 {display: block;font-size: 26px;font-weight: 700;line-height: 1;margin-bottom: 15px;}
h5 {display: block;font-size: 22px;font-weight: 500;line-height: 1;margin-bottom: 10px;}
h6 {display: block;font-size: 18px;font-weight: 500;line-height: 1;margin-bottom: 10px;}

body.admin{background-color: var(--Dark-purple-800);}

/* authentication */
.authentication{display: flex;flex-basis: 100%;min-height: 100vh;width: 100%;background-color: var(--Dark-purple-800);position: relative;}
.authentication .logo{position: absolute;left: 0;top: 0;z-index: 1;line-height: 1;}
.authentication .logo .brand{display: inline-block;padding: 10px;line-height: 1;}
.authentication .logo .brand img{width: 100%;max-width: 140px;height: auto;}
.authentication .auth-cover-left{width: 100%;height: 100vh;background-color: var(--Dark-purple-800);position: relative;}
.authentication .auth-cover-left .auth-img{max-height: 65%;max-width: 65%;z-index: 1;}
.authentication .auth-cover-left .platform-bg{position: absolute;width: 100%;bottom: 0%;left: 0%;height: 35%;}
.authentication .auth-cover-right{background-color: var(--Dark-purple-600);}
.authentication .auth-cover-right .boxwrap{max-width: 400px;margin: 0 auto;}
.authentication .auth-cover-right .boxwrap h2{color: var(--Lightgrey);font-weight: 400;}
.authentication .auth-cover-right .boxwrap p{color: var(--Lightgrey);}
.authentication .auth-cover-right .boxwrap .form-label, .authentication .auth-cover-right .boxwrap .form-text{color: var(--Lightgrey);}
.authentication .auth-cover-right .boxwrap a.btn-link{color: var(--Light-Blue);}
.authentication .auth-cover-right .boxwrap .form-control{background-color: transparent;border: 1px solid var(--Lightgrey);color: var(--White);padding: 10px;}
.authentication .auth-cover-right .notify{display: block;width: 100%;}
.authentication .auth-cover-right .notify .cont{display: block;width: 100%;text-align: center;}
.authentication .auth-cover-right .notify .cont .icon{ display: flex;align-items: center;justify-content: center;width: 160px; height: 160px;border: 1px solid #25293c;margin: 0 auto 20px;border-radius: 50%;}
.authentication .auth-cover-right .notify .cont .icon img{display: flex;align-items: center;justify-content: center;background-color: #25293c;width: 130px; height: 130px;border-radius: 50%;color: var(--Green);padding: 30px;}
.authentication .auth-cover-right .notify h1{font-size: 32px; color: var(--Lightgrey);line-height: 1.3;}
.authentication .auth-cover-right .notify strong{display: block;font-size: 14px;color: var(--Lightgrey);margin-bottom: 30px;}

#header{display: block;width: 100%;}
#header .navbar-brand{display: flex;color: var(--White);padding: 0;}
#header .navbar-brand img{width: 100%;height: auto;}
#header .navbar-toggler{padding: 0;border: 0;}
#header .navbar-toggler svg{fill: var(--Light-Blue);stroke: var(--Light-Blue);}
#header .navbar-nav .nav-link{display: flex;align-items: center;justify-content: space-between; gap: 5px;font-size: 16px;font-weight: 400;line-height: 1;color: var(--Light-Blue);padding: 8px 12px;letter-spacing: .5px;}
#header .navbar{border-bottom: 1px solid #dee2e6;background: rgba(255, 255, 255, .38);margin-top: 20px;}
#header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-link.active{color: var(--Light-Blue);}
#header .btn-group{align-items: center;flex-wrap: wrap;gap: 16px;}
#header .btn-group .link-btn{font-size: 18px;font-weight: 400;line-height: 1;color: var(--Dark-Blue);padding: 8px 12px;letter-spacing: .5px;text-decoration: none;}
#header .btn-group .button{background-color: var(--Dark-Blue);border-color: var(--Dark-Blue);color: var(--White);}
#header .btn-group .button:hover, #header .btn-group .button:focus{background-color: var(--Dark-Blue);border-color: var(--Dark-Blue) !important;color: var(--White);}

.section-plans{display: block;width: 100%; padding: 100px 0;}
.section-plans .button{background-color: var(--Dark-Blue);border-color: var(--Dark-Blue);color: var(--White);}
.section-plans .button:hover, .section-plans .button:focus{background-color: var(--Dark-Blue);border-color: var(--Dark-Blue) !important;color: var(--White);}
.section-plans .hero-title{display: block;width: 100%;font-size: 50px;font-weight: 600;line-height: 1;color: var(--Dark-Blue);}
.section-plans .card .price{color: var(--Dark-Blue);}
.section-plans .card ul li{position: relative;padding-left: 20px;} 
.section-plans .card ul li::after{content: "\f0da";font-family: "FontAwesome";font-weight: 900;color: var(--Dark-Blue);position: absolute;top: -3px;left: 0;font-size: 20px;}
.section-plans .card.border-primary{border-color: var(--Dark-Blue) !important;}
.planmodal .modal-dialog .modal-header{border: 0;}
.planmodal .modal-dialog .modal-header .btn-close{display: flex;align-items: center;justify-content: center;color: #FFF;background-color: #8176f2 !important;opacity: 1;border-radius: 50%;background: inherit;}
.planmodal .modal-dialog .modal-footer{border: 0;} 

/* admin */
.dashboard {display: flex;min-height: 100vh;}
.dashboard-app {display: flex;flex-direction: column;flex-grow: 2;}
.dashboard-content {flex-grow: 2;padding: 25px;}
.dashboard-nav {min-width: 240px;position: fixed;left: 0;top: 0;bottom: 0;background-color: #373193;z-index: 111;}
.dashboard-compact.menu-hover .dashboard-nav{min-width: 240px;}
.dashboard-compact .dashboard-nav {min-width: 56px;transition: ease-in-out 0.2s;}
.dashboard-compact .dashboard-nav .dashboard-nav-item span,
.dashboard-compact .brand-logo span{display: none;transition: ease-out 0.2s;}
.dashboard-compact.menu-hover .dashboard-nav .dashboard-nav-item span,
.dashboard-compact.menu-hover .brand-logo span{display: block;transition: ease-out 0.2s;}
.dashboard-nav header {min-height: 84px;padding: 8px 10px;display: flex;align-items: center;position: relative;}
.dashboard-nav header .menu-toggle{display: inline-flex;margin-left: auto;}
.dashboard-nav header .menu-toggle i{font-size: 20px;}
.dashboard-compact.menu-hover .dashboard-nav header .menu-toggle{display: inline-flex;}
.dashboard-compact .dashboard-nav header .menu-toggle{display: none;}

.dashboard-compact .dashboard-app .dashboard-content{margin-left: 62px;}

.dashboard-nav a {color: #515151;}
.dashboard-nav a:hover {text-decoration: none;}
.dashboard-nav a span{padding-left: 10px;}
.dashboard-nav {background-color: #2F3349;}
.dashboard-nav a {color: var(--Lightgrey);}
.brand-logo {font-weight: bold;font-size: 20px;display: flex;color: #515151;align-items: center;}
.brand-logo:focus, .brand-logo:active, .brand-logo:hover {color: #dbdbdb;text-decoration: none;}
.brand-logo span{line-height: 1;margin-top: 7px;}
.dashboard-nav-list {display: flex;flex-direction: column;}
.dashboard-nav-item {min-height: 40px; padding: 8px 10px;display: flex;align-items: center;letter-spacing: 0.02em;transition: ease-out 0.2s;font-size: 14px;}
.dashboard-nav-item i {width: 36px;font-size: 19px;}
.dashboard-nav-item:hover {background: rgba(255, 255, 255, 0.04);}
.active {background: rgba(0, 0, 0, 0.1);}
.dashboard-nav-dropdown {display: flex;flex-direction: column;}
.dashboard-nav-dropdown.show {background: rgba(255, 255, 255, 0.04);}
.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {font-weight: bold;}
.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {transform: none;}
.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {display: flex;}
.dashboard-nav-dropdown-toggle:after {content: "";margin-left: auto;display: inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid rgba(81, 81, 81, 0.8);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.dashboard-nav .dashboard-nav-dropdown-toggle:after {border-top-color: rgba(255, 255, 255, 0.72);}
.dashboard-nav-dropdown-menu {display: none;flex-direction: column;}
.dashboard-nav-dropdown-item {min-height: 40px;padding: 8px 20px 8px 70px;display: flex;align-items: center;transition: ease-out 0.2s;}
.dashboard-nav-dropdown-item:hover {background: rgba(255, 255, 255, 0.04);}
.menu-toggle {position: relative;width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;color: #2F3349;}
.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {text-decoration: none;color: #875de5;}
.menu-toggle i {font-size: 20px;}
.dashboard-toolbar{display: none;}
/* .dashboard-toolbar {position: fixed;top: 0;right: 0;left: 0;z-index: 1000;} */
.nav-item-divider {height: 1px;margin: 1rem 0;overflow: hidden;background-color: rgba(236, 238, 239, 0.3);}


/* admin */
.admin .text-muted{color: #9191a8 !important;}
.admin .card{display: block;width: 100%;border: 0;border-radius: 12px;background-color: var(--Dark-purple-600);}
.admin .card .card-header{padding: 20px;border-bottom: 0;background-color: var(--Dark-purple-600);border-radius: 10px;color: var(--Lightgrey);}
.admin .card .card-header .card-subtitle{font-size: 14px;margin-top: 5px;color: #9191a8;}
.admin .card .card-body{padding: 20px;background-color: var(--Dark-purple-600);border-radius: 10px;color: var(--Lightgrey);}
.admin .card .card-body .icon{font-size: 40px;}
.admin .dropstart .dropdown-toggle{padding: 0;background-color: transparent;font-size: 20px;}
.admin .dropstart .dropdown-toggle::before{content: inherit;}
.admin .dropdown-menu{background-color: var(--Dark-purple-600);}
.admin .dropdown-menu .dropdown-item{color: var(--Lightgrey);}
.admin .modal-dialog .modal-content{background-color: var(--Dark-purple-600);border-radius: 10px;}
.admin .modal-dialog .modal-header{border: 0;}
.admin .modal-dialog .modal-header .modal-title{color: var(--Lightgrey);}
.admin .modal-dialog .modal-header .btn-close{display: flex;align-items: center;justify-content: center;color: #FFF;background-color: #8176f2 !important;opacity: 1;border-radius: 50%;background: inherit;}
.admin .modal-dialog .modal-body .file-drop-area {position: relative;display: flex;align-items: center;width: 100%;padding: 25px;border: 1px dashed rgba(255, 255, 255, 0.4);border-radius: 3px;transition: 0.2s;}
.admin .modal-dialog .modal-body .choose-file-button {flex-shrink: 0;background-color: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 3px;padding: 8px 15px;margin-right: 10px;font-size: 12px;text-transform: uppercase;color: var(--Lightgrey);}
.admin .modal-dialog .modal-body .file-message {font-size: small;font-weight: 300;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--Lightgrey);}
.admin .modal-dialog .modal-body .file-input {position: absolute;left: 0;top: 0;height: 100%;width: 100%;cursor: pointer;opacity: 0;}
.admin .modal-dialog .modal-footer{border: 0;} 

.admin .plan{border: 1px solid var(--Lightgrey);}
.admin .plan .pricing-currency{color: var(--Lightgrey);}
.admin .plan h2{color: var(--Light-Blue);}
.admin .plan .pricing-duration{color: var(--Lightgrey);}

.table-responsive p.text-sm{margin-bottom: 0;}
.table-responsive nav[role="navigation"]{display: flex;justify-content: flex-end;align-items: center;margin:10px 0;}
.table-responsive nav[role="navigation"] > div:first-child{display: none;}

.table-responsive nav[role="navigation"] svg{width:20px !important;height:20px !important;}
.table-responsive nav[role="navigation"] > div:nth-child(2){display: flex;justify-content: space-between;align-items: center;width: 100%;margin-bottom: 0;}
.table-responsive nav[role="navigation"] div:nth-child(2) span.inline-flex{display: flex;justify-content: flex-end;gap: 10px;}
.table-responsive nav[role="navigation"] div:nth-child(2) span.inline-flex span{display: flex;background-color: transparent !important;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0 !important;}
.table-responsive nav[role="navigation"] a,
.table-responsive nav[role="navigation"] span span.cursor-default{font-size:14px;font-weight: 600;background-color: transparent !important;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0 !important;border: 1px solid #9191a8 !important;color: var(--White);border-radius: 5px;}
body.admin .table-responsive nav[role="navigation"] span[aria-current="page"] span{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0 !important;border: 1px solid #9191a8 !important;background-color: var(--Light-Blue) !important;}