body {
  background-color: var(--dark-black); }

input.invalid {
  background-color: var(--transparent) !important;
  border: 2px solid var(--danger) !important;
}

.f-content {color: var(--f-content);}
.f-content .form-control {
  background-color: var(--gray-steel);
  border-color: var(--gray-steel);
  color: var(--blue-mist);
}

.f-content .form-control:focus {
  background-color: var(--transparent);
  color: var(--blue-mist) !important;
  box-shadow: none;
}

.f-content h3 {
  line-height: 36px;
}

.maintenance-wrapper {
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.maintenance-wrapper .card {
  border-radius: 10px;
  border-width: 0;
  background-color: var(--theme-bg);
  color: var(--blue-mist);
}

.maintenance-wrapper .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 40px;
}

.logo-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.maintenance-wrapper .card-body img {
  margin-bottom: 20px;
}

.maintenance-wrapper .down-title {
  text-align: center;
}

.maintenance-wrapper .down-title img {
  max-width: 230px;
}

.maintenance-wrapper .down-title h2 {
  color: var(--white);
  margin-bottom: 15px;
}

.maintenance-wrapper .down-list {
  display: flex;
  align-items: center;
}

.maintenance-wrapper .down-list svg {
  color: var(--coporate-color);
  width: 17px;
  height: 17px;
}

.qr-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--gray-steel);
  border-radius: .35rem;
  padding-block: 20px;
  margin-bottom: 30px;
  height: 300px;
}

@media (max-width: 575.99px) {
  .qr-wrap {
    height: auto;
  }
}

.get-help {
  color: var(--white);
}

.qr-wrap img {
  width: 150px;
}

.df-logo {
  color: var(--white); }
  .df-logo:hover, .df-logo:focus {
    color: var(--white); }

.navbar-header {
  background-color: var(--darken);
  border-bottom-width: 0; }
  .navbar-header .burger-menu:hover, .navbar-header .burger-menu:focus {
    color: var(--white); }
  .navbar-header .navbar-right .search-link {
    color: var(--f-content); }
    .navbar-header .navbar-right .search-link:hover, .navbar-header .navbar-right .search-link:focus {
      color: var(--white); }
  .navbar-header .navbar-right .dropdown-message .dropdown-menu,
  .navbar-header .navbar-right .dropdown-notification .dropdown-menu {
    margin-top: 16.5px; }
    @media (min-width: 992px) {
      .navbar-header .navbar-right .dropdown-message .dropdown-menu,
      .navbar-header .navbar-right .dropdown-notification .dropdown-menu {
        margin-top: 19px; } }

.navbar-menu-wrapper {
  background-color: var(--gray-darkest); }
  @media (min-width: 992px) {
    .navbar-menu-wrapper {
      background-color: var(--transparent); } }

.navbar-menu-header {
  background-color: var(--darken);
  border-bottom-width: 0; }
  .navbar-menu-header a:last-child:hover, .navbar-menu-header a:last-child:focus {
    color: var(--white); }

.navbar-menu .nav-link {
  color: var(--light-white); }

.navbar-menu .nav-label {
  color: var(--light-gray); }

.navbar-menu-sub {
  border-width: 0; }
  @media (min-width: 992px) {
    .navbar-menu-sub {
      background-color: var(--gray-darkest); } }
  .navbar-menu-sub::before {
    opacity: 0; }
  .navbar-menu-sub::after {
    border-bottom-color: var(--gray-darkest); }
  .navbar-menu-sub .nav-sub-link {
    color: var(--light-white); }

.navbar-search-header {
  background-color: var(--darken);
  border-bottom-width: 0; }
  .navbar-search-header .form-control {
    color: var(--white); }
  .navbar-search-header .btn {
    color: var(--f-content); }
    .navbar-search-header .btn:hover, .navbar-search-header .btn:focus {
      color: var(--white); }

.navbar-search-body {
  background-color: var(--darker); }
  .navbar-search-body a {
    color: var(--f-content);
    border-color: var(--light-gray); }
    .navbar-search-body a:hover, .navbar-search-body a:focus {
      background-color: var(--blue);
      color: var(--white);
      border-color: var(--transparent); }

.aside-backdrop {
  background-color: rgba(0, 0, 0, 0.5); }

.list-label {
  background-color: var(--darker);
  border-color: var(--gray-darkest); }

.list-item {
  border-color: var(--gray-darkest); }

.list-group-item {
  background-color: inherit;
  border-color: rgba(255, 255, 255, 0.025); }

.link-01 {
  color: rgba(255, 255, 255, 0.85); }
  .link-01:hover, .link-01:focus {
    color: var(--white); }

.link-02 {
  color: var(--light-white); }
  .link-02:hover, .link-02:focus {
    color: var(--white); }

.link-03:hover, .link-03:focus {
  color: var(--white); }

.progress {
  background-color: var(--light-gray); }

.tx-color-01 {
  color: var(--white); }

.tx-color-02 {
  color: var(--light-white); }

.tx-color-04 {
  color: rgba(89, 104, 130, 0.7); }

.table {
  color: inherit; }


label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.2px;}



.nav-classic .nav-link {
  color: var(--f-content); }

.img-group .img {
  background-color: var(--darken); }

.search-form button {
  border-color: var(--gray-storm); }


.bd,
.bd-t,
.bd-r {
  border-color: var(--gray-darkest); }

/*.bd-info {
  border-color: var(--cyan); }

.bd-primary {
  border-color: var(--blue); }

.bd-success {
  border-color: var(--success); }

.bd-warning {
  border-color: var(--warning); }

.bd-pink {
  border-color: var(--pink); }

.bd-teal {
  border-color: var(--teal); }

.bd-purple {
  border-color: var(--purple); }*/

.table-dashboard thead th,
.table-dashboard tbody th,
.table-dashboard tbody td {
  border-color: rgba(255, 255, 255, 0.06); }

.card-dashboard-table .table thead tr:first-child th {
  background-color: rgba(255, 255, 255, 0.05); }

.table-dashboard-two tr + tr td {
  border-top-color: rgba(255, 255, 255, 0.06); }

.chart-sixteen .flot-x-axis .flot-tick-label {
  color: rgba(255, 255, 255, 0.2);
  font-weight: 400; }

.activity-body {
  color: rgba(255, 255, 255, 0.5); }
  .activity-body strong {
    color: var(--white); }

.calendar-sidebar {
  background-color: var(--dark-black); }

.ui-datepicker {
  background-color: var(--transparent); }
  .ui-datepicker .ui-datepicker-title {
    color: var(--white); }
  .ui-datepicker .ui-datepicker-calendar td {
    background-color: var(--transparent);
    border-width: 0; }
    .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
      color: var(--gray-storm); }

.calendar-inline .ui-datepicker .ui-datepicker-calendar td a {
  color: var(--secondary); }
  .calendar-inline .ui-datepicker .ui-datepicker-calendar td a:hover, .calendar-inline .ui-datepicker .ui-datepicker-calendar td a:focus {
    background-color: var(--gray-darkest);
    color: var(--white); }

.calendar-nav a {
  color: var(--f-content); }
  .calendar-nav a:hover, .calendar-nav a:focus {
    background-color: var(--gray-darkest);
    color: var(--white); }

.calendar-content {
  background-color: var(--transparent); }

.calendar-content-body .fc-toolbar button {
  border-width: 0;
  background-color: var(--gray-storm);
  color: var(--f-content); }
  .calendar-content-body .fc-toolbar button:hover, .calendar-content-body .fc-toolbar button:focus {
    background-color: var(--light-gray);
    color: var(--white); }
  .calendar-content-body .fc-toolbar button.fc-state-active {
    background-color: var(--light-gray);
    color: var(--white); }
  .calendar-content-body .fc-toolbar button.fc-today-button {
    background-color: var(--gray-storm);
    color: var(--f-content); }
    .calendar-content-body .fc-toolbar button.fc-today-button:hover, .calendar-content-body .fc-toolbar button.fc-today-button:focus {
      background-color: var(--light-gray);
      color: var(--white); }
    .calendar-content-body .fc-toolbar button.fc-today-button.fc-state-disabled {
      background-color: var(--darken);
      color: var(--light-gray); }

.calendar-content-body .fc-agendaWeek-view .fc-head-container th {
  border-color: var(--gray-deep-midnight); }

.calendar-content-body .fc-divider {
  background-color: var(--darker);
  border-color: var(--gray-deep-midnight); }

.calendar-content-body .fc-head-container .fc-day-header {
  color: var(--f-content); }

.calendar-content-body .fc-other-month {
  background-color: #111724; }

.calendar-content-body td.fc-today {
  background-color: var(--darker); }

.calendar-content-body .fc-listMonth-view .fc-list-heading-main,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main {
  color: var(--f-content); }
  .calendar-content-body .fc-listMonth-view .fc-list-heading-main:hover, .calendar-content-body .fc-listMonth-view .fc-list-heading-main:focus,
  .calendar-content-body .fc-listWeek-view .fc-list-heading-main:hover,
  .calendar-content-body .fc-listWeek-view .fc-list-heading-main:focus {
    color: var(--f-content); }
  .calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
  .calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
    color: var(--white); }

.calendar-content-body .fc-listMonth-view .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item {
  background-color: var(--darken); }

.calendar-content-body .fc-listMonth-view .fc-list-item-title a,
.calendar-content-body .fc-listWeek-view .fc-list-item-title a {
  color: var(--white); }

.calendar-modal-create .modal-body {
  color: var(--f-content); }
  .calendar-modal-create .modal-body h5 {
    color: var(--white); }

.calendar-modal-create .form-control {
  color: var(--f-content);
  border-color: var(--light-gray); }
  .calendar-modal-create .form-control:focus {
    box-shadow: none;
    border-color: var(--secondary); }

.calendar-modal-create select {
  background-color: var(--transparent);
  border-color: var(--light-gray); }

.calendar-modal-create .custom-control-label::before {
  border-color: var(--light-gray);
  background-color: var(--transparent);
  margin-top: 1px; }

.calendar-modal-create .custom-control-label::after {
  margin-top: 1px; }

.calendar-modal-event .modal-body {
  background-color: var(--darken); }

.calendar-modal-event .event-start-date,
.calendar-modal-event .event-end-date {
  color: var(--light-white); }

.close {
  color: var(--f-content); }
  .close:hover, .close:focus {
    color: var(--light-white); }

.chat-navleft {
  background-color: var(--darkest); }
  .chat-navleft .nav-link:not(.active) {
    color: var(--f-content); }
    .chat-navleft .nav-link:not(.active):hover, .chat-navleft .nav-link:not(.active):focus {
      color: var(--white); }

.chat-sidebar {
  background-color: var(--dark-black); }

.chat-sidebar-header {
  background-color: var(--darkest); }
  .chat-sidebar-header .dropdown-link > span {
    color: var(--gray-storm); }
  .chat-sidebar-header .dropdown-link:hover > span, .chat-sidebar-header .dropdown-link:focus > span {
    color: var(--light-white); }
  .chat-sidebar-header .dropdown-menu {
    background-color: var(--darker); }
    .chat-sidebar-header .dropdown-menu::before {
      border-bottom-color: rgba(255, 255, 255, 0.08); }
    .chat-sidebar-header .dropdown-menu::after {
      border-bottom-color: var(--darker); }
  .chat-sidebar-header .dropdown-item {
    color: var(--f-content); }
    .chat-sidebar-header .dropdown-item:hover, .chat-sidebar-header .dropdown-item:focus {
      color: var(--white);
      background-color: var(--gray-deep-midnight); }

.nav-chat .nav-link {
  color: var(--f-content); }
  .nav-chat .nav-link:hover, .nav-chat .nav-link:focus {
    background-color: var(--darken);
    color: var(--white); }
  .nav-chat .nav-link.active {
    background-color: var(--gray-deep-midnight);
    color: var(--blue); }

.chat-msg-list .media:hover, .chat-msg-list .media:focus {
  background-color: var(--darken); }
  .chat-msg-list .media:hover .avatar::after, .chat-msg-list .media:focus .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }

.chat-msg-list .media.active {
  background-color: var(--darken); }
  .chat-msg-list .media.active .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }

.chat-msg-list .avatar::after {
  box-shadow: 0 0 0 2px var(--darken); }

.chat-sidebar-footer {
  background-color: var(--darkest); }
  .chat-sidebar-footer .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }
  .chat-sidebar-footer a {
    color: var(--f-content); }
    .chat-sidebar-footer a:hover, .chat-sidebar-footer a:focus {
      color: var(--white); }

.chat-content {
  background-color: var(--dark-black); }

.chat-content-header {
  background-color: var(--darkest); }
  .chat-content-header .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }
  .chat-content-header nav a {
    color: var(--f-content); }
    .chat-content-header nav a:hover, .chat-content-header nav a:focus {
      color: var(--white); }
    .chat-content-header nav a.active {
      color: var(--blue); }
  .chat-content-header .search-form .form-control,
  .chat-content-header .search-form .btn {
    border-color: rgba(255, 255, 255, 0.08); }
  .chat-content-header .search-form .form-control:focus,
  .chat-content-header .search-form .form-control:focus + .btn {
    border-color: var(--gray-storm); }
  .chat-content-header .search-form .btn:hover, .chat-content-header .search-form .btn:focus {
    color: var(--white); }

.chat-content-body {
  color: var(--f-content); }
  .chat-content-body .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }

.chat-group .media-body h6 small {
  color: var(--light-gray); }

.chat-group-divider::before, .chat-group-divider::after {
  background-color: rgba(255, 255, 255, 0.06); }

.chat-content-footer {
  background-color: var(--darkest); }
  .chat-content-footer .chat-plus {
    color: var(--f-content); }
    .chat-content-footer .chat-plus:hover, .chat-content-footer .chat-plus:focus {
      color: var(--white); }
  .chat-content-footer .form-control {
    color: var(--light-white); }
    .chat-content-footer .form-control::placeholder {
      color: var(--gray-storm); }
  .chat-content-footer nav a {
    color: var(--f-content); }
    .chat-content-footer nav a:hover, .chat-content-footer nav a:focus {
      color: var(--white); }

.chat-sidebar-right {
  background-color: var(--darkest); }
  .chat-sidebar-right .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }

.chat-member-list .media:hover, .chat-member-list .media:focus {
  background-color: var(--gray-darkest); }

.app-chat .modal-body h6 {
  color: var(--light-white); }

.app-chat .modal-body .form-control {
  background-color: var(--transparent);
  color: var(--light-white);
  border-color: var(--light-gray); }

.app-chat .modal-body .btn-outline-light {
  border-color: var(--light-gray); }

.contact-navleft {
  background-color: var(--darkest); }
  .contact-navleft .nav-link {
    color: rgba(255, 255, 255, 0.5); }
    .contact-navleft .nav-link:hover, .contact-navleft .nav-link:focus {
      color: var(--white); }

.contact-sidebar {
  background-color: var(--dark-black); }

.contact-sidebar-header {
  background-color: var(--darkest); }

.contact-list .media .avatar::after {
  box-shadow: 0 0 0 2px var(--dark-black); }

.contact-list .media:hover, .contact-list .media:focus {
  background-color: var(--darken);
  color: var(--white); }
  .contact-list .media:hover .avatar::after, .contact-list .media:focus .avatar::after {
    box-shadow: 0 0 0 2px var(--darken); }

.contact-list .media.active {
  background-color: var(--gray-deep-midnight); }
  .contact-list .media.active .avatar::after {
    box-shadow: 0 0 0 2px var(--gray-deep-midnight); }

.contact-list-divider::before, .contact-list-divider::after {
  background-color: var(--gray-darkest); }

.contact-content {
  background-color: var(--dark-black); }

.contact-content-header {
  background-color: var(--darkest); }

.contact-content-body {
  color: rgba(255, 255, 255, 0.8); }
  .contact-content-body .nav-social .nav-link {
    color: var(--light-white); }
    .contact-content-body .nav-social .nav-link:hover, .contact-content-body .nav-social .nav-link:focus {
      color: var(--blue); }

.contact-content-sidebar {
  background-color: var(--darkest);
  color: var(--light-white); }

.contact-content-nav .nav-link {
  color: var(--white); }
  .contact-content-nav .nav-link:hover, .contact-content-nav .nav-link:focus {
    color: var(--blue); }

.filemgr-sidebar {
  background-color: var(--dark-black); }

.filemgr-sidebar-header {
  background-color: var(--darkest); }
  .filemgr-sidebar-header .dropdown-menu {
    border-width: 0;
    background-color: #293958; }
  .filemgr-sidebar-header .dropdown-item {
    color: var(--light-white); }
    .filemgr-sidebar-header .dropdown-item:hover, .filemgr-sidebar-header .dropdown-item:focus {
      background-color: var(--gray-darkest);
      color: var(--white); }

.filemgr-sidebar-body {
  color: var(--f-content); }
  .filemgr-sidebar-body .nav-sidebar .nav-link {
    color: var(--f-content); }
    .filemgr-sidebar-body .nav-sidebar .nav-link:hover, .filemgr-sidebar-body .nav-sidebar .nav-link:focus {
      background-color: var(--darken);
      color: var(--white); }
    .filemgr-sidebar-body .nav-sidebar .nav-link.active {
      background-color: var(--gray-deep-midnight); }

.filemgr-content-body {
  background-color: var(--dark-black); }

.dropdown-file .dropdown-item {
  color: var(--light-white); }
  .dropdown-file .dropdown-item:hover, .dropdown-file .dropdown-item:focus {
    background-color: var(--gray-darkest);
    color: var(--white); }

.card-file-thumb {
  background-color: var(--darker); }

.media-folder {
  border-width: 0;
  background-color: var(--darken); }

.app-mail .backdrop {
  visibility: hidden; }

.mail-sidebar {
  background-color: var(--dark-black); }

.mail-sidebar-body .nav-sidebar .nav-link {
  color: var(--f-content); }
  .mail-sidebar-body .nav-sidebar .nav-link:hover, .mail-sidebar-body .nav-sidebar .nav-link:focus {
    background-color: var(--darken);
    color: var(--white); }
  .mail-sidebar-body .nav-sidebar .nav-link.active {
    background-color: var(--gray-deep-midnight); }

.mail-group {
  background-color: var(--dark-black); }

.mail-group-header {
  background-color: var(--darkest); }

.mail-group-label {
  background-color: #111724; }

.mail-group-body .media {
  background-color: var(--transparent); }
  .mail-group-body .media:hover, .mail-group-body .media:focus {
    background-color: var(--darker); }
  .mail-group-body .media + .media {
    border-top-color: var(--darken); }
  .mail-group-body .media.unread {
    background-color: var(--darken); }
    .mail-group-body .media.unread:hover, .mail-group-body .media.unread:focus {
      background-color: var(--darken); }
  .mail-group-body .media.selected {
    background-color: var(--gray-darkest); }
    .mail-group-body .media.selected:hover, .mail-group-body .media.selected:focus {
      background-color: var(--gray-darkest); }

.mail-content {
  background-color: var(--dark-black); }

.mail-content-header {
  background-color: var(--darkest); }

.mail-content-body {
  background-color: var(--transparent);
  color: var(--f-content); }
  .mail-content-body .ql-editor {
    color: var(--f-content); }
  .mail-content-body .ql-snow.ql-toolbar button .ql-stroke {
    stroke: var(--light-gray); }
  .mail-content-body .ql-snow.ql-toolbar button:hover, .mail-content-body .ql-snow.ql-toolbar button:focus {
    background-color: var(--darken); }
    .mail-content-body .ql-snow.ql-toolbar button:hover .ql-stroke, .mail-content-body .ql-snow.ql-toolbar button:focus .ql-stroke {
      stroke: var(--white); }

.mail-compose-body {
  border-width: 0;
  background-color: var(--darkest);
  box-shadow: none;
  color: var(--f-content); }
  .mail-compose-body .form-control {
    background-color: var(--transparent); }
    .mail-compose-body .form-control::placeholder {
      color: var(--light-gray); }
  .mail-compose-body .ql-editor {
    color: var(--f-content); }
  .mail-compose-body .ql-snow.ql-toolbar button .ql-stroke {
    stroke: var(--light-gray); }
  .mail-compose-body .ql-snow.ql-toolbar button:hover, .mail-compose-body .ql-snow.ql-toolbar button:focus {
    background-color: var(--darken); }
    .mail-compose-body .ql-snow.ql-toolbar button:hover .ql-stroke, .mail-compose-body .ql-snow.ql-toolbar button:focus .ql-stroke {
      stroke: var(--white); }

.page-profile .avatar::after {
  box-shadow: 0 0 0 1.5px var(--dark-black); }

.list-inline-skills .list-inline-item a {
  background-color: var(--darken);
  border-color: var(--gray-darkest);
  color: var(--f-content); }

.profile-info-list a {
  color: var(--f-content); }

.df-settings .bd-t {
  border-color: rgba(72, 94, 144, 0.16); }

.df-settings-link {
  border-width: 0;
  box-shadow: none; }

.df-settings-body {
  border-left-width: 0; }

/* Swal */

.sweet-alert, .swal2-title, .swal2-text, .swal2-button {
  font-family: "Inter", sans-serif;
}

.sweet-overlay {
  background-color: var(--backdrop);
}

.sweet-alert {
  padding: 30px 20px;
  background: var(--dark-black);
  border-radius: 10px;
}


.sweet-alert .sa-icon.sa-error {
  border-color:var(--coporate-color);
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position:relative;
  display:block
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position:absolute;
  height:5px;
  width:47px;
  background-color:var(--coporate-color);
  display:block;
  top:37px;
  border-radius:20px;
}

.sweet-alert h2 {
  font-size: 1.53125rem;
  font-weight: 700;
  color: var(--white);
  margin: 10px 0;
}

.sweet-alert p, .sweet-alert button {
  font-size: .875rem;
}

.sweet-alert p {
  color: #9da5b7;
  line-height: 1.5rem;}

.sweet-alert button {
  color: var(--white);
  box-shadow: none !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sweet-alert button.cancel {
  border: 1px solid #8392a5;
  background-color: var(--transparent);
  color: var(--white);
}

.sweet-alert button.cancel:hover {
  background-color: var(--transparent);
  border-color: #bcc3cd;
}

.sweet-alert button.confirm {
  border: 1px solid var(--coporate-color);
  background-color: var(--coporate-color) !important;
  color: var(--white);
}

.sweet-alert button.confirm:hover {
  border: 1px solid var(--coporate-color);
  background-color: var(--coporate-color) !important;
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
  content:'';
  background:var(--transparent);
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  background-color:var(--transparent);
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border-color: var(--success);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  background-color:var(--success);
}

.sweet-alert .sa-icon.sa-warning {
  border-color:var(--warning) !important;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  height: 38px;
  top: 15px;
  background-color:var(--warning) !important;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  bottom: 12px;
  background-color:var(--warning) !important;
}

/* Text animation */

.type-wrap {
  position: absolute;
  top: 40%;
  left: 10%;
  right: 0;

}

.type-wrap span {
  font-size: 4.375rem;
  color: var(--white);
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 75px;
}

.type-wrap-md {
  position: relative;
}

.type-wrap-md span {
  font-size: 22px;
  color: var(--white);
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 75px;
  text-align: center;
}


/* the above is for styling puposes only */

.typed-cursor{
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.btn-white {
  border: 1px solid var(--gray-stone);
  background: var(--transparent);
  color: var(--gray-dusty-blue);
}

.btn-white:active, .btn-white.active {
  z-index: 10 !important;
  border: 1px solid var(--coporate-color) !important;
  background: var(--transparent);
  color: var(--coporate-color) !important;
  cursor: pointer !important;
}

.btn-white:active:hover, .btn-white.active:hover {
  border: 1px solid var(--coporate-color);
  background: var(--transparent);
  color: var(--coporate-color);
  cursor: default;
}

.btn-white:hover, .btn-white:focus {
  border-color: var(--gray);
  color: var(--white);
}

.button-wrap {
  display: flex;
  gap: 8px;
}