@charset "utf-8";

/* Inter font family */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Montserrat font family */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* General reset */
* {
  -webkit-print-color-adjust: exact !important;
  /* Chrome, Safari, Edge */
  color-adjust: exact !important;
  /* Firefox */
}

/* Utility classes */
.font-primary {
  font-family: "Inter", sans-serif !important;
}

.font-secondary {
  font-family: "Montserrat", sans-serif !important;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}

body {
  --bgColor: #fcfcfc;
  /* background-color: #f5f7fe; */
  background-color: #fcfcfc;
  color: #212529;
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding: 0;
  height: 100%;
  direction: ltr;
}

/* Mouse Selection */

::selection {
  background: #b3cfe1;
  color: #fff;
}

::-moz-selection {
  background: #b3cfe1;
  color: #fff;
}

::-webkit-selection {
  background: #b3cfe1;
  color: #fff;
}

/* Scroll bar */

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #f7f7f7;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}

a {
  transition: 0.2s all;
  color: #035e9b;
  outline: 0 !important;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  outline: 0 !important;
  color: #035e9b;
  text-decoration: none;
}

img {
  border: none;
}

hr.costumized {
  margin: 3rem 0;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    #dfe2ef,
    rgba(0, 0, 0, 0)
  );
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    #dfe2ef,
    rgba(0, 0, 0, 0)
  );
  background-image: -ms-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    #dfe2ef,
    rgba(0, 0, 0, 0)
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    #dfe2ef,
    rgba(0, 0, 0, 0)
  );
}

.centeral {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1440px !important;
}

@media only screen and (max-width: 1439px),
  only screen and (max-device-width: 1439px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1260px !important;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 1259px),
  only screen and (max-device-width: 1259px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px !important;
  }
}

#pageloader {
  background: rgba(255, 255, 255, 0.9);
  display: none;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

#pageloader img {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
}

/* Header */

.navbar {
  margin-bottom: 0;
  border-radius: 0;
  z-index: 99;
}

.navbar-costume {
  border-radius: 0;
  border: none;
}

.navbar-costume .container {
  padding: 10px 15px;
  transition: padding 0.5s ease;
}

.navbar-costume .nav-link {
  color: inherit;
  margin: 0;
  margin-left: 17px;
  padding: 14px 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-weight: 700;
  text-transform: capitalize;
}

.navbar-costume .nav-link,
.navbar-costume .nav-link:visited,
.navbar-costume .nav-link:focus {
  color: #323232;
}

.navbar-costume .nav-link:hover {
  color: #035e9b;
}

.navbar-costume .nav-link.active {
  color: #035e9b;
}

.slogon {
  font-size: 19px;
  font-weight: 700;
  color: #323232;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-brand:hover .slogon {
  color: #323232;
}

.navbar-costume .navbar-brand img {
  width: 180px;
  margin-top: -5px;
  transition: all 0.3s;
}

.add-botton > i {
  margin-right: 7px !important;
}

.navbar-costume .navbar-toggler {
  color: #323232;
}

.sticky {
  position: fixed !important;
  top: 0;
  z-index: 9;
  width: 100%;
  color: #323232;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
}

.sticky .nav-link,
.sticky .nav-link:visited,
.sticky .nav-link:focus,
.sticky .slogon {
  color: #323232;
}

.sticky .nav-link:hover,
.sticky .nav-link.active,
.sticky .slogon:hover {
  color: #035e9b;
}

.sticky .container {
  padding: 0 15px;
}

.sticky .navbar-brand img {
  width: 160px;
}

.navbar-costumes {
  margin-bottom: 25px !important;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
}

.navbar-costumes .container {
  padding: 0 15px !important;
}

.navbar-costumes .navbar-brand img {
  width: 160px;
  margin-top: -7px;
  transition: all 0.3s;
}

.navbar-brand span {
  position: absolute;
  top: 5px;
  right: -30px;
  font-size: 10px;
}

.navbar-costumes .nav-link,
.navbar-costumes .nav-link:visited,
.navbar-costumes .nav-link:focus {
  color: #323232;
}

.navbar-costumes .nav-link.active,
.navbar-costumes .nav-link:hover {
  color: #035e9b;
}

#stickyNavbar {
  height: 80px;
  clear: both;
}

.stickyNavbarLogged {
  margin-top: -47px;
}

#stickyNav {
  background-color: #fefefe;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 7;
  padding: 0;
}

#stickyNav .nav-item {
  font-size: 16px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

#stickyNav .nav-item small {
  font-size: 12px;
}

#stickyNav .nav-item:hover {
  background-color: #e6e6e6;
}

#stickyNav .nav-link {
  color: #323232;
  border-bottom: 4px solid transparent;
  padding: 1rem 3rem;
}

#stickyNav .nav-link.active {
  color: #035e9b;
  border-bottom: 4px solid #035e9b;
  /* color: #feae9f;
  border-bottom: 4px solid #feae9f; */
}

#stickyNav .nav-item:first-child .nav-link {
  padding-left: 1rem;
}

#stickyNav .not-padded .nav-link {
  padding: 1rem 1.3rem;
}

.sticky-nav {
  position: fixed;
  top: 72px;
  z-index: 1;
  width: 100%;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#stickyNav .nav-link.nav-cta-btn {
  display: none;
}

.sticky-nav .nav-link.nav-cta-btn {
  display: block !important;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* .sticky-nav .container {
  padding: 0 15px;
} */

@media (min-width: 993px) {
  .nav-separator {
    display: block;
    height: 75px;
  }
  .nav-separator-laravel {
    display: block;
    height: 90px !important;
  }
}

@media (max-width: 992px) {
  .nav-separator {
    height: 65px !important;
  }
  .nav-separator-laravel {
    display: block;
    height: 62px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .nav-separator {
    height: 65px !important;
  }
  .nav-separator-laravel {
    display: block;
    height: 82px !important;
  }
}

@media (min-width: 993px) and (max-width: 1259px) {
  .nav-separator {
    height: 92px !important;
  }
  .nav-separator-laravel {
    display: block;
    /* height: 111px !important; */
  }
}

.navbar .dropdown-menu-end {
  left: 0;
  right: auto;
}

.navbar .dropdown-menu-start {
  right: 0;
  left: auto;
}

.navbar .nav-item .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 0;
  background-color: #fdfdff;
  z-index: 9;
  text-transform: capitalize;
}

.navbar .dropdown-menu.fade-down {
  top: 80%;
  transform: rotateX(-75deg);
  transform-origin: 0% 0%;
}

.navbar .nav-item:hover .dropdown-menu {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: rotateX(0deg);
}

.navbar-nav > li.dropdown > a:after {
  display: none;
}

.navbar-nav > li.dropdown:hover > a:after {
  clear: both;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fdfdff transparent;
  position: absolute;
  border-width: 0px 7px 6px 7px;
  bottom: 0px;
  left: calc(50% + 4px);
  margin-bottom: 0 0 0 -5px;
  z-index: 1022;
}

.navbar-nav > li.dropdown .dropdown-menu {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
  border: 0px none;
  margin: 0;
  font-size: 15px;
  z-index: 1021;
  top: 100%;
}

.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) {
  padding: 0.45rem 1rem;
  background-color: transparent;
}

.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn):hover {
  transform: scale(1.05);
  color: #035e9b;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #035e9b;
  text-decoration: none;
}

ul.navbar-nav > li.dropdown-mega {
  z-index: 9999;
  padding: 0;
}

ul.navbar-nav > li.dropdown-mega > .dropdown-menu {
  width: max-content;
  /* min-width: 600px; */
  margin-left: auto;
  width: auto;
  padding: 0 10px;
}

ul.navbar-nav > li.dropdown-mega.mega-auto-width > .dropdown-menu {
  width: auto;
  min-width: 250px;
  margin-left: 0;
  padding: 0 10px;
}

ul.navbar-nav
  > li.dropdown-mega
  .dropdown-mega-content
  > .row
  > .mega-submenu-section {
  padding: 10px 10px 15px;
  /*border-right: 1px solid #eee;*/
}

ul.navbar-nav
  > li.dropdown-mega
  .dropdown-mega-content
  > .row
  > .mega-submenu-section:last-child {
  border-right: 0;
}

ul.navbar-nav > li.dropdown-mega .sub-title {
  display: block;
  font-size: 19px;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  padding-left: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  color: #035e9b;
}

ul.navbar-nav > li.dropdown-mega .dropdown-mega-submenu {
  list-style-type: none;
  padding: 0px;
  font-size: 14px;
}

/* 
ul.navbar-nav > li.dropdown-mega .dropdown-mega-submenu .dropdown-item {
  font-weight: bold;
} */

.navmenu .nav-link,
.navmenu .nav-link:visited,
.navmenu .nav-link:focus {
  color: #323232;
}

.navmenu .nav-link.active,
.navmenu .nav-link:hover {
  color: #035e9b;
}

.navmenu .navbar-nav {
  border: none;
  box-shadow: none;
  width: 100%;
}

.navmenu .nav-item:not(:last-child) {
  margin-right: 1.7rem !important;
}

.navmenu .navbar-nav .nav-link {
  border: none;
  box-shadow: none;
  color: #2c3f4c;
  background-color: transparent;
  margin-block: 2px;
  font-size: 15px;
  text-decoration: none;
  position: relative;
  width: 100%;
  text-align: left;
  align-items: center;
  vertical-align: middle;
}

.navmenu .navbar-nav .nav-link::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #035e9b;
  border-radius: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: bottom;
  transition: transform 0.25s ease;
}

.navmenu .navbar-nav .nav-link:hover::after {
  transform: scaleX(1);
}

.navmenu .navbar-nav .nav-link.active {
  color: #035e9b;
}

.navmenu .navbar-nav .nav-link.active::after {
  transform: scaleX(1);
}

/* 
.navmenu ul > li {
  font-size: 15px;
  padding-left: 15px;
} */

.shimmerBG {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 1200px 100%;
}

.worldMap {
  min-height: 545px;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }

  100% {
    background-position: 1200px 0;
  }
}

/* Forms */

.btn {
  padding-right: 0.95rem;
  padding-left: 0.95rem;
  border-radius: 3px;
}

.btn > i {
  margin-right: 7px;
}

.btn-primary {
  color: #fff !important;
  background-color: #035e9b !important;
  border-color: #035e9b !important;
}

.btn-primary:focus,
.btn-primary:active {
  background: #002e4d;
  color: white;
  box-shadow: none !important;
  border-color: #002e4d !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #002e4d !important;
  border-color: #002e4d !important;
  outline: none !important;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active {
  color: #fff !important;
  background-color: #fa5f34 !important;
  border-color: #fa5f34 !important;
}

.btn-secondary:hover {
  color: #fff !important;
  background-color: #e45438 !important;
  border-color: #e45438 !important;
  outline: none !important;
}

.btn-outline-primary {
  color: #035e9b;
  border: 1px solid #035e9b !important;
}
.rounded {
  border-radius: 3px !important;
}
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: rgba(1, 38, 62, 1) !important;
  border-color: rgba(1, 38, 62, 1) !important;
  box-shadow: none !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #035e9b !important;
  border-color: #035e9b !important;
}

.btn-outline-secondary {
  color: #fa5f34 !important;
  border-color: #fa5f34 !important;
}

.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #fa5f34 !important;
  border-color: #fa5f34 !important;
}

.btn-check:checked + .btn-outline-default {
  color: #fff !important;
  background-color: #212529 !important;
  border-color: #212529 !important;
}

.btn-success {
  background-color: #56a136;
  color: #fff;
  border: 0;
}

.btn-success:hover {
  background-color: #448a27 !important;
  color: #fff !important;
}

.btn-success:active,
.btn-success:focus {
  background-color: #448a27 !important;
  color: #fff !important;
  -webkit-box-shadow: 0 1px 0 #fff, inset 0 2px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 0 #fff, inset 0 2px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 #fff, inset 0 2px 8px rgba(0, 0, 0, 0.5);
  outline: none;
}

.btn-dark {
  color: #fff;
  background-color: #0a0e13;
  border-color: #0a0e13;
}

/* Forms */

::-webkit-input-placeholder {
  /* Edge */
  color: #bbbaba !important;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a6a6a6 !important;
}

::placeholder {
  color: #a6a6a6 !important;
}

.form-control {
  min-height: 50px;
  font-size: 14px;
  border: 1px solid #ddd;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.auto-high.form-control,
input[type="file"].form-control {
  min-height: auto;
}

.dark-editable form {
  gap: 5px !important;
}

.dark-editable button {
  height: 35px !important;
}

.dark-editable .form-control {
  min-height: auto !important;
}

.tabInput.form-control {
  padding: 0.85rem 1rem;
}

.tabInput span.current {
  text-align: center;
  display: block;
  font-size: 19px;
  color: #fa5f34;
}

.select2-fixed-high .current {
  display: inline-block;
  margin-top: 7px;
}

.select2-fixed-high .multiple-options {
  display: inline-block;
  margin-top: 7px;
}

.select2-fixed-high .multiple-options .current {
  margin-top: 0;
}

.select2-short-high {
  min-height: 38px !important;
}

.select2-short-high .current {
  margin-top: 2px;
}

.nice-select .optgroup {
  padding-left: 18px;
  padding-right: 29px;
  line-height: 40px;
  color: #6c7c94;
}

.select2-fixed-width {
  max-width: 360px;
}

.filter-input {
  appearance: auto;
}

.form-control:focus {
  border-color: #035e9b;
  box-shadow: none;
}

.form-control.validated-pass {
  position: relative;
  border: 2px solid #61a743;
  box-shadow: none;
}

/* .form-control.validated-pass:before {
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f058";
  color: #61a743;
  position: absolute;
  right: 25px;
  top: 15px;
  pointer-events: none;
} */

.form-control.notvalidated-pass {
  position: relative;
  border: 2px solid #fa5f34;
  box-shadow: none;
}

/* .texste::before {
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f058";
  color: #FA5F34;
  position: absolute;
  right: 25px;
  top: 15px;
  pointer-events: none;
} */

/* .form-control:invalid {
  border-color: #FA5F34;
}

.form-control:valid {
  border-color: #61a743;
} */

select.form-control {
  appearance: auto;
}

textarea.form-control {
  resize: vertical;
  min-height: 120px !important;
}

.multiselected {
  padding: 0;
  height: 210px;
}

.multiselected option {
  padding: 7px 10px;
  color: #555;
}

/* .multiselected option:checked{
  background-color: #FA5F34 !important;
  color: #333 !important;
  background: #b3bcc5 linear-gradient(0deg, #b3bcc5 0%, #b3bcc5 100%);
} */

.page-link {
  color: #035e9b;
}

.page-item.active .page-link {
  background-color: #035e9b;
  border-color: #035e9b;
}

/* Checkbox */

.form-checkbox-area {
  text-align: left;
}

.form-label,
.form-check-label,
.col-form-label {
  cursor: pointer;
}

.form-check-input:checked {
  background-color: #035e9b;
  border-color: #035e9b;
}

.nice-select {
  float: none;
}

.form-checkbox {
  font-weight: normal !important;
  cursor: pointer;
  display: inline;
  vertical-align: middle;
  margin-left: 5px;
  line-height: 25px;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}

.toggle:before {
  content: "";
  position: relative;
  top: 10px;
  left: 3px;
  width: 34px;
  height: 14px;
  display: block;
  background: #b3b3b3;
  border-radius: 8px !important;
  transition: background 0.2s ease;
}

.toggle span {
  position: absolute;
  top: 7px;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: white;
  border-radius: 10px !important;
  box-shadow: 0 2px 5px rgba(154, 154, 153, 0.7);
  transition: all 0.2s ease;
}

.toggle span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(46, 220, 119, 0.5);
  border-radius: 50% !important;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}

.checkboxed:checked + .toggle:before {
  background: #94da83;
}

.checkboxed:checked + .toggle span {
  background: #6ab04c;
  transform: translateX(20px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px rgba(66, 220, 46, 0.2);
}

.checkboxed:checked + .toggle span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}

#SuccessAnim {
  margin-top: 35px;
}

#successAnimationBox {
  padding: 25px;
  margin: 0 auto;
  text-align: center;
  clear: both;
}

#successAnimationBox svg {
  margin: 0 auto;
  text-align: center;
}

#successMessage {
  margin: 25px auto;
  text-align: center;
  max-width: 350px;
  font-size: 15px;
}

#successAnimationCircle {
  stroke-dasharray: 350px 350px;
  stroke: #61a743;
}

#successAnimationCheck {
  stroke-dasharray: 35px 35px;
  stroke: #61a743;
}

#successAnimation.animated {
  -webkit-animation: 1.5s ease-out 0s 1 both scaleAnimation;
  animation: 1.5s ease-out 0s 1 both scaleAnimation;
}

#successAnimation.animated #successAnimationCircle {
  -webkit-animation: 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle;
  animation: 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle;
}

#successAnimation.animated #successAnimationCheck {
  -webkit-animation: 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck;
  animation: 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck;
}

@-webkit-keyframes scaleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes drawCircle {
  0% {
    stroke-dashoffset: 300px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes drawCircle {
  0% {
    stroke-dashoffset: 300px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes drawCheck {
  0% {
    stroke-dashoffset: 35px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes drawCheck {
  0% {
    stroke-dashoffset: 35px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes drawLine {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes drawLine {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.nav-avatar img {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
}

.aside-avatar img {
  width: 150px;
  height: 150px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.aside-avatar-event img {
  width: 150px;
  height: 150px;
  border: 2px solid #fff;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: none;
}

.surveyChart {
  overflow: hidden;
  /* width: 100%; */
  /* pointer-events: none; */
  /* border: 1px solid #aaa; */
}

/* levels progress bar */

.StepProgress {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 5px 0;
}

.StepProgress-item {
  position: relative;
  counter-increment: list;
  height: 30px;
}

.StepProgress-item:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  width: 10px;
  height: 100%;
  border-left: 5px solid #ccc;
}

.StepProgress-item::after {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: -44px;
  width: 12px;
  height: 12px;
  border: 1px solid #fa5f34;
  border-radius: 50%;
  background-color: #fff;
}

.small-item::after {
  left: -42px;
  width: 9px;
  height: 9px;
  border: 1px solid #ccc;
}

.StepProgress .StepProgress-item-last:before {
  height: 0;
}

.StepProgress-item.is-done::before {
  border-left: 5px solid #035e9b;
  transition: all 0.4s ease;
}

.StepProgress-item.is-done::after {
  content: "";
  text-align: center;
  border: 3px solid #035e9b;
  background-color: #035e9b;
  transition: all 0.4s ease;
}

.StepProgress-item.current::before {
  border-left: 5px solid #035e9b;
  transition: all 0.4s ease;
}

.StepProgress-item.current::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f00c";
  padding-top: 1px;
  width: 17px;
  height: 17px;
  top: -4px;
  left: -46px;
  font-size: 9px;
  text-align: center;
  color: #fff;
  border: 1px solid #27ae60;
  background-color: #27ae60;
  transition: all 0.4s ease;
}

.StepProgress .form-check-input {
  display: none;
}

.mainResponse {
  font-size: 16px;
  font-weight: bold;
}

#steps-container {
  width: 100%;
}

.step {
  display: none;
}

#references.d-block,
#hq_country_box.d-block,
#allProducts.d-block,
#resEmail.d-block,
#emailSent.d-block,
#notEligibleForm.d-block,
#eligibleForm.d-block,
.step.d-block,
.firstStep.d-block,
.secondStep.d-block {
  -webkit-animation: fadeIn 0.8s;
  animation: fadeIn 0.8s;
}

#revByCountry.d-block,
#revBySplit.d-block {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Steps progress bar */

.progress-bars {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}

.progress-bars li {
  flex: 2;
  position: relative;
  padding: 0 0 14px 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #aaa;
  font-weight: bold;
  white-space: nowrap;
  overflow: visible;
  min-width: 0;
  text-align: center;
  border-bottom: 4px solid #e8e8e8;
}

.progress-bars li:first-child,
.progress-bars li:last-child {
  flex: 1;
}

.progress-bars li:first-child a {
  float: left;
}

.progress-bars li:last-child {
  text-align: right;
}

.progress-bars li .progressdot:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #ddd;
  border-radius: 50%;
  border: 2px solid #eee;
  position: absolute;
  left: calc(50% - 8px);
  bottom: -10px;
  z-index: 3;
  transition: all 0.2s ease-in-out;
}

.progress-bars li:first-child .progressdot:before {
  left: -2px;
}

.progress-bars li:last-child .progressdot:before {
  right: -2px;
  left: auto;
}

.progress-bars a {
  color: #fa5f34;
  text-decoration: none;
  transition: opacity 0.3s ease-in-out;
}

.progress-bars li:not(.is-active) a {
  color: #aaa;
  font-weight: normal;
}

.progress-bars li.is-complete a {
  color: #fa5f34;
}

.progress-bars .is-complete:not(:first-child):after,
.progress-bars .is-active:not(:first-child):after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: -50%;
  z-index: 2;
  border-bottom: 4px solid #fa5f34;
}

.progress-bars li:last-child a {
  display: inline-block;
  position: absolute;
  right: 0;
}

.progress-bars .is-complete:last-child:after,
.progress-bars .is-active:last-child:after {
  width: 200%;
  left: -100%;
}

.progress-bars .is-complete .progressdot:before {
  border: 2px solid #fa5f34;
  background-color: #fa5f34;
}

.progress-bars li.is-complete:last-child .progressdot:before {
  top: 28px;
}

.progress-bars .is-active .progressdot:before,
.progress-bars li:hover .progressdot:before,
.progress-bars .is-hovered .progressdot:before {
  background-color: #fff;
  border-color: #fa5f34;
}

.progress-bars li:hover .progressdot:before,
.progress-bars .is-hovered .progressdot:before {
  transform: scale(1.66);
}

/* .progress-bars li:hover a,
.progress-bars li.is-hovered a {
  opacity: 1;
}

.progress-bars:hover li:not(:hover) a {
  opacity: 0;
} */

.progress-bars .has-changes {
  opacity: 1 !important;
}

.progress-bars .has-changes .progressdot:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: calc(50% - 4px);
  bottom: -20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E");
}

.cd-breadcrumb,
.cd-multi-steps {
  padding: 0;
  margin: 0;
  background-color: #edeff0;
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 100%;
}

.cd-breadcrumb:after,
.cd-multi-steps:after {
  content: "";
  clear: both;
}

.cd-breadcrumb li,
.cd-multi-steps li {
  margin: 0.5em 1rem;
  width: 100%;
}

/* .cd-breadcrumb li::after, .cd-multi-steps li::after {
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
} */
.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}

.cd-breadcrumb li > *,
.cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 14px;
  color: #2c3f4c;
  width: 100%;
  text-align: center;
}

.cd-breadcrumb li.current {
  margin: 0;
  padding: 0.5em 1rem;
  color: #fff;
  background-color: #fa5f34;
}

.cd-breadcrumb li.current > *,
.cd-multi-steps li.current > * {
  /* selected step */
  color: #fff;
  background-color: #fa5f34;
}

.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #fa5f34;
}

@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }

  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }

  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }

  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }

  .cd-breadcrumb.triangle li.completed > * {
    /* selected step */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }

  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #fa5f34;
    border-color: #fa5f34;
  }

  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
  }

  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
  }

  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }

  .cd-breadcrumb.triangle li::after,
  .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }

  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }

  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }

  .cd-breadcrumb.triangle li:last-of-type::after,
  .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }

  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }

  .cd-breadcrumb.triangle.custom-icons li::after,
  .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}

.quotes-area {
  position: relative;
}

.quotation-mark {
  padding: 0;
  margin-top: -50px;
  font-weight: bold;
  font-size: 150px;
  color: rgba(255, 255, 255, 0.7);
}

.quotation-marked {
  position: absolute;
  top: -40px;
  right: 5px;
  font-weight: bold;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.2);
}

.quote-text {
  font-size: 17px;
  margin-top: -130px;
}

.quote-writer {
  font-weight: bold;
  margin-top: -10px;
}

.profil-avatar {
  margin: 1rem 0;
  text-align: center;
}

.profil-avatar img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 15px;
}

.testimonial-single {
  display: block;
  position: relative;
  background-color: #fff;
}

.testimonial-single:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #fff;
  border-right: 30px solid transparent;
  position: absolute;
  bottom: -28px;
  left: 60px;
}

.carousel-control-next,
.carousel-control-prev {
  width: 3%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.5);
}

.blog-image {
  margin: -20px -20px 0;
  vertical-align: middle;
  position: relative;
}

.blog-image img {
  margin: 0 auto;
  width: 100%;
  border: none;
}

.event-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

.blog-image.img-auto img {
  height: auto;
}

.blog-box {
  position: relative;
  margin: 5px auto;
}

.blog-box a.active {
  color: #111;
  font-weight: bold;
}

.blog-title {
  padding: 0;
  margin: 0;
  margin-top: 20px;
}

.blog-title h5 {
  font-size: 24px;
  line-height: 31px;
  min-height: 65px;
}

.speaking-title h5 {
  font-size: 24px;
  line-height: 31px;
}

.blog-title a {
  color: #2c3f4c;
  text-decoration: none;
}

.blog-title a:hover,
.blog-title a:focus,
.blog-title a:active {
  color: #2c3f4c;
  text-decoration: underline;
}

.video-play-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.video-play-icon .play-btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 5px;
  opacity: 0.9;
}

.color-bip .play-btn {
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}

.white-bip .play-btn {
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
}

a.video-play-icon-without-bip:hover .play-btn {
  color: #ffffff;
}

a.video-play-icon {
  border-radius: 50%;
}

a.video-play-icon-without-bip {
  animation: none;
}

a.video-play-icon-without-bip:hover {
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #2c3f4c;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(35, 48, 75, 0.15),
      0 0 0 20px rgba(35, 48, 75, 0.15), 0 0 0 40px rgba(35, 48, 75, 0.15);
    box-shadow: 0 0 0 0 rgba(35, 48, 75, 0.15),
      0 0 0 20px rgba(35, 48, 75, 0.15), 0 0 0 40px rgba(35, 48, 75, 0.15);
  }

  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(35, 48, 75, 0.15),
      0 0 0 40px rgba(35, 48, 75, 0.15), 0 0 0 60px rgba(35, 48, 75, 0);
    box-shadow: 0 0 0 20px rgba(35, 48, 75, 0.15),
      0 0 0 40px rgba(35, 48, 75, 0.15), 0 0 0 60px rgba(35, 48, 75, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(35, 48, 75, 0.15),
      0 0 0 20px rgba(35, 48, 75, 0.15), 0 0 0 40px rgba(35, 48, 75, 0.15);
    box-shadow: 0 0 0 0 rgba(35, 48, 75, 0.15),
      0 0 0 20px rgba(35, 48, 75, 0.15), 0 0 0 40px rgba(35, 48, 75, 0.15);
  }

  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(35, 48, 75, 0.15),
      0 0 0 40px rgba(35, 48, 75, 0.15), 0 0 0 60px rgba(35, 48, 75, 0);
    box-shadow: 0 0 0 20px rgba(35, 48, 75, 0.15),
      0 0 0 40px rgba(35, 48, 75, 0.15), 0 0 0 60px rgba(35, 48, 75, 0);
  }
}

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

.about-img-wrap {
  position: relative;
  display: block;
  overflow: hidden;
}

.about-img-wrap img {
  display: block;
}

.img-faded {
  background: radial-gradient(transparent 35%, white 70%),
    #fff url("../images/charts.jpg") no-repeat center center;
  width: 400px;
  height: 500px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link {
  border: none !important;
  -webkit-box-shadow: 0 -3px 3px -3px rgb(226, 226, 226),
    3px 0px 3px -3px rgb(226, 226, 226), -3px 0px 3px -3px rgb(226, 226, 226);
  -moz-box-shadow: 0 -3px 3px -3px rgb(226, 226, 226),
    3px 0px 3px -3px rgb(226, 226, 226), -3px 0px 3px -3px rgb(226, 226, 226);
  box-shadow: 0 -3px 3px -3px rgb(226, 226, 226),
    3px 0px 3px -3px rgb(226, 226, 226), -3px 0px 3px -3px rgb(226, 226, 226);
  padding: 0.7rem 1.3rem;
  color: #2c3f4c;
  background-color: rgba(255, 255, 255, 0.3);
}

.nav-tabs .nav-link.active {
  color: #fa5f34;
  font-weight: bold;
}

#aligned-tabs .nav-tabs {
  border: none;
  box-shadow: none;
  width: 100%;
  display: block;
}

#aligned-tabs .nav-tabs .nav-link {
  border: none;
  box-shadow: none;
  padding: 1rem 0.9rem !important;
  color: #2c3f4c;
  background-color: transparent;
  margin-block: 2px;
  font-size: 17px;
  text-decoration: none;
  position: relative;
  width: 100%;
  text-align: left;
  align-items: center;
  vertical-align: middle;
}

#aligned-tabs .nav-tabs .nav-link::after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #fa5f34;
  border-radius: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

#aligned-tabs .nav-tabs .nav-link:hover::after {
  transform: scaleY(1);
}

#aligned-tabs .nav-tabs .nav-link.active {
  color: #fa5f34;
}

#aligned-tabs .nav-tabs .nav-link.active::after {
  transform: scaleY(1);
}

.grf-results-tabs .nav-link {
  font-size: 15px !important;
}

@media only screen and (max-width: 1439px),
  only screen and (max-device-width: 1439px) {
  .grf-results-tabs .nav-link {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 1259px),
  only screen and (max-device-width: 1259px) {
  .grf-results-tabs .nav-link {
    font-size: 12px !important;
  }
}

#haligned-tabs .nav-tabs {
  border: none;
  box-shadow: none;
  width: 100%;
}

#haligned-tabs .nav-item {
  margin: 0 1rem !important;
}

#haligned-tabs .nav-tabs .nav-link {
  border: none;
  box-shadow: none;
  padding: 1rem 0.9rem !important;
  color: #2c3f4c;
  background-color: transparent;
  margin-block: 2px;
  font-size: 17px;
  text-decoration: none;
  position: relative;
  width: 100%;
  text-align: left;
  align-items: center;
  vertical-align: middle;
}

#haligned-tabs .nav-tabs .nav-link::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fa5f34;
  border-radius: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: bottom;
  transition: transform 0.25s ease;
}

#haligned-tabs .nav-tabs .nav-link:hover::after {
  transform: scaleX(1);
}

#haligned-tabs .nav-tabs .nav-link.active {
  color: #fa5f34;
}

#haligned-tabs .nav-tabs .nav-link.active::after {
  transform: scaleX(1);
}

.tab-desc {
  color: #525252;
  font-size: 15px;
}

.resources-box {
  padding: 20px;
  position: relative;
}

/* .resources-box:hover{
  background-color: rgba(255, 255, 255, 0.7);
} */

.resources-box:hover.shadow-sm {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.blog-post {
  height: 490px;
}

.event-post {
  height: 470px;
}

.blog-search-input {
  min-width: 450px !important;
}

.card-text {
  color: #a6acb7;
}

.card-frame {
  position: relative;
  margin: -40px -30px 0 auto;
  padding: 10px 20px 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 6px rgba(112, 144, 176, 0.161);
  width: 98%;
  z-index: 5;
  height: 270px;
}

.card-tag {
  position: absolute;
  top: 63%;
  left: 17px;
  transform: rotate(-90deg);
  font-size: 19px;
  font-weight: bold;
  color: #a6acb7;
  opacity: 0.7;
}

.ribboned::before {
  position: absolute;
  top: 2rem;
  left: -0.5rem;
  content: "";
  background: #ec4433;
  height: 28px;
  width: 28px;
  transform: rotate(-45deg);
  z-index: -1;
}

.ribboned::after {
  position: absolute;
  content: attr(data-label);
  top: 11px;
  left: -14px;
  padding: 0.5rem;
  width: 11rem;
  background: #fa5f34;
  color: #fff;
  text-align: center;
  box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
  /* clip-path:polygon(0 0, 20px 50%, 0 100%, 100% 100%, 100% 0); */
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
  z-index: 3;
}

.floated-icon {
  position: absolute;
  right: 15px;
  bottom: 10px;
}

.products-box {
  padding: 20px;
  margin-bottom: 25px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #ccc;
}

.products-box:hover {
  background-color: rgba(200, 200, 200, 0.15);
}

.products-box:hover img {
  transform: scale(1.05);
}

.products-box h5 {
  line-height: 29px;
}

.product-img {
  height: 245px;
  margin: -20px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}

.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.marked-title {
  display: inline;
  background: linear-gradient(180deg, transparent 65%, #ffe49f 0);
}

.how-it-wors-title h5 {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  color: #212529;
  margin-bottom: 10px;
  padding: 0;
  text-transform: lowercase;
}

.how-it-wors-title h5::first-letter {
  text-transform: uppercase;
}

.how-it-wors-title h2 {
  font-size: 35px;
  font-weight: 700;
  line-height: 45px;
  color: #212529;
  border-bottom: 2px solid #b3d1de;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-transform: lowercase;
}

.how-it-wors-title h2::first-letter {
  text-transform: uppercase;
}

.how-it-wors-title p {
  color: #212529;
  font-size: 1rem;
  opacity: 0.85;
  margin: 0;
}

.how-it-single-item {
  position: relative;
  padding-bottom: 1rem;
  padding-left: 100px;
  padding-right: 25px;
  margin-bottom: 2rem;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

/* .how-it-single-item:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 100%;
  left: 29px;
  top: 60px;
  background: #FA5F34;
}
.how-it-single-item:after {
  position: absolute;
  content: "\f107";
  font-size: 27px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  left: 23px;
  top: 55%;
  color: #FA5F34;
} */

.how-it-single-item:last-child {
  margin: 0;
}

.how-it-inner-boxed {
  padding-top: 0;
}

.how-it-single-item:last-child::before,
.how-it-single-item:last-child::after {
  display: none;
}

.how-it-count-box {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  background: #fff;
  width: 66px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 0 0 5px #edf1fe;
  transition: all 500ms ease;
}

.how-it-single-item:hover .how-it-count-box {
  color: #fff;
  background-color: #fa5f34;
}

.how-it-single-item:hover .how-items-texed h3 {
  color: #fa5f34;
}

.how-it-count-box:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -7px;
  top: -7px;
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0 30px 50px 0 rgba(99, 119, 238, 0.2);
}

.how-items-texed h3 {
  font-size: 23px;
  margin-bottom: 15px;
}

.step-arrow {
  position: absolute;
}

.step-arrow img {
  width: 108px;
}

.arrow-right {
  bottom: -250px;
  right: -200px;
}

.arrow-left {
  bottom: -250px;
  left: -200px;
}

.boxed-list {
  margin: 1rem 0 2rem;
  padding: 0;
  list-style: none;
}

.boxed-list li {
  margin-bottom: 10px;
  margin-left: 1.8rem;
  font-size: 15px;
  line-height: 25px;
  color: #035e9b;
}

.boxed-list li::before {
  font-weight: bold;
  content: "\25A0";
  display: inline-block;
  margin-left: -1.2rem;
  width: 1.1rem;
}

.boxed-list.list-checkboxed li::before {
  font-weight: bold;
  content: "\2714";
}

.nice-select.open .nice-select-dropdown {
  width: 100% !important;
}

.boxed-list.list-arrowed li::before {
  font-weight: normal;
  content: "\27A4";
}

.datamaps-legend {
  bottom: -40px;
  position: relative;
  display: inline-block;
  text-align: center;
  z-index: 1 !important;
}

.datamaps-legend h2 {
  font-size: 15px;
}

.grfMap .datamaps-subunit {
  cursor: pointer;
}

/* .datamaps-legend dt{
  clear:both;
} */

.pointerCursor {
  cursor: pointer;
}

.apexcharts-menu-item.exportCSV {
  display: none;
}

.sidenav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #eee;
  border-right: 1px solid #ccc;
  overflow-x: hidden;
  padding-top: 20px;
}

.main {
  margin-left: 300px;
}

.accordion-button.bg-primary.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed).bg-primary::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/****** Style Star Rating Widget *****/

.rating {
  border: none;
  margin: 0 auto;
  width: 290px;
  overflow: hidden;
}

.rating > input {
  display: none;
}

.rating > label:before {
  margin: 5px;
  font-size: 3em;
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f005";
}

.rating > label {
  cursor: pointer;
  color: #ddd;
  float: right;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
  color: #ffd700;
  transform: scale(1.2);
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
  color: #ffed85;
}

.search-box {
  position: relative;
  width: 290px;
}

.search-box input {
  padding-right: 50px;
  min-height: 38px;
}

.search-box i {
  position: absolute;
  top: 10px;
  right: 13px;
  color: #fa5f34;
  font-size: 17px;
}

.article-author {
  color: #ededee;
  font-size: 15px;
}

.article-wrapper {
  margin-top: -100px;
}

.article-desc {
  color: #27160e;
  font-size: 17px;
  line-height: 34px;
}

.article-desc img {
  display: block;
  width: auto;
  margin: 25px auto;
}

.article-desc-event {
  margin: 25px auto;
}

.accordion-button-noarrow::after {
  display: none;
}

.CodeMirror {
  height: 100vh;
}

/* Hero */

.ann-wrapper {
  clear: both;
  border: 0;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 100vh;
}

.ann-wrapper.notfull {
  height: auto;
  min-height: auto;
}

.ann-wrapper.marginedBckTop {
  margin-top: -63px;
}

.ann-wrapper.paddedBckTop {
  padding-top: 0;
}

@media (min-width: 768px) {
  .ann-wrapper.marginedBckTop {
    margin-top: -122px;
  }

  .ann-wrapper.paddedBckTop {
    padding-top: 26px;
  }
}

.ann-wrapper.autoHeight {
  min-height: auto;
}

.ann-area {
  background: #f5f7fe url("../images/flotshape.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: top left;
  border: 0;
  color: #212529;
  text-decoration: none;
  text-shadow: none;
  margin: 0;
  padding: 54px 0 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  position: relative;
  display: block;
}

.ann-area-nobg {
  background: none;
  padding-top: 0;
}

.hero-bottom-shape {
  background: url("../images/hero-bottom-shape.svg") no-repeat bottom center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.ann-content {
  display: block;
  margin: auto;
  padding-top: 10%;
  padding-bottom: 10%;
  position: relative;
  overflow: hidden;
  clear: both;
  z-index: 2;
  max-width: 990px;
}

.ann-heading {
  font-size: 42px;
  font-weight: bold;
  line-height: 65px;
  margin-bottom: 25px;
  padding: 5px 0;
}

.ann-subtitle {
  margin: 25px 0;
  max-width: 750px;
  font-size: 15px;
  line-height: 27px;
}

.ann-btn {
  margin: 25px 0;
}

#homepageCarousel .carousel-caption {
  position: unset;
  color: #212529;
}

#homepageCarousel .carousel-indicators [data-bs-target] {
  background-color: #666;
}

#homepageCarousel .carousel-item img {
  max-height: 169px;
}

.carousel-button-footer {
  display: inline-block;
  width: 100%;
}

@media screen and (orientation: landscape) {
  .landscapeNoheight {
    height: auto !important;
  }
}

/* Content */

.sperated-section {
  margin-bottom: 109px;
}

.sperated-section-padding {
  padding: 95px 0;
}

@media only screen and (max-width: 1400px),
  only screen and (max-device-width: 1400px) {
  .sperated-section-padding {
    padding: 65px 0;
  }
}

.sperated-section-shadow {
  -webkit-box-shadow: 0 4px 6px -4px #ddd;
  -moz-box-shadow: 0 4px 6px -4px #ddd;
  box-shadow: 0 4px 6px -4px #ddd;
  /* box-shadow: inset 0 -3px 0 0 #ddd; */
  width: 100%;
}

.radialBarArea {
  height: 235px;
}

.box-area {
  background: #f5f7fe;
  margin-bottom: 30px;
  padding: 25px;
  box-shadow: 4px 4px 8px #e2e6fc, -4px -4px 8px #fff;
}

.box-area h2 {
  font-size: 27px;
}

.box-area h4 {
  font-size: 19px;
}

.icon-block {
  padding: 50px;
  text-align: center;
  transition: all 0.5s ease;
}

.icon-block:hover {
  transform: scale(1.05);
}

.box-icon {
  font-size: 55px;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  margin-bottom: 35px;
  border: none;
  border-radius: 50%;
  box-shadow: 4px 4px 8px #e2e6fc, -4px -4px 8px #fff;
  color: #035e9b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-block h5 {
  font-weight: 700;
  margin-bottom: 25px;
}

.icon-block p,
.icon-block div {
  color: #212529;
  line-height: 25px;
}

.disabled {
  pointer-events: none;
  opacity: 0.65;
  filter: blur(0.85px);
}

a.icon-block:hover {
  color: #2c3f4c;
}

.feature-disabled {
  pointer-events: none;
  opacity: 0.15;
  filter: blur(2px);
  -webkit-filter: blur(2px);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-height: 400px;
  overflow: hidden;
  border-top: 2px solid #ccc;
}

.btn-unlock {
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 91px);
  z-index: 2;
}

.sperator-title {
  text-align: center;
  margin-bottom: 20px;
}

.sperator-title h2 {
  font-size: 35px;
  font-weight: 700;
  line-height: 45px;
  color: #212529;
  margin-bottom: 15px;
  padding: 0;
  /* text-transform: lowercase; */
}

.sperator-title h2::first-letter {
  text-transform: uppercase;
}

.sperator-title p {
  color: #303036;
  font-size: 1rem;
  padding-top: 10px;
  border-top: 2px solid #c9d0f4;
  /* width: max-content; */
  /* max-width: 750px; */
  opacity: 0.75;
  margin: 0 auto;
}

.promo-box {
  position: relative;
  overflow: hidden;
}

.promo-left .promo-container {
  padding-left: 45px;
  text-align: left;
}

.promo-left .promo-icon {
  position: absolute;
  float: left;
  left: 5px;
  font-size: 23px;
}

.promo-center {
  text-align: center;
}

.promo-center .promo-icon {
  margin-left: auto;
  margin-right: auto;
}

.promo-right .promo-container {
  padding-right: 45px;
  text-align: right;
}

.promo-right .promo-icon {
  position: absolute;
  float: right;
  right: 5px;
  font-size: 23px;
}

#index-banner {
  clear: both;
  border: 0;
  color: #333;
  text-decoration: none;
  text-shadow: 0px 1px 1px rgba(90, 81, 81, 0.3);
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
}

.index-banner-area {
  border: 0;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
}

.pdf-cover {
  /* background: #fff url("../images/slidebg.png") no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  height: 860px;
  max-height: 860px;
}

.business-bg {
  background: linear-gradient(
      320deg,
      rgba(0, 0, 0, 0.4) 10%,
      rgba(0, 0, 0, 0.9) 80%
    ),
    #333 url("../images/bg-business-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh;
  min-height: 1000px;
}

.grow-bg {
  background: linear-gradient(
      -90deg,
      rgba(31, 65, 104, 0) 10%,
      rgba(31, 65, 104, 0.95) 80%
    ),
    #333 url("../images/bg-grow-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.blog-bg {
  background: linear-gradient(
      320deg,
      rgba(0, 0, 0, 0.2) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-blog-min.jpg") no-repeat bottom center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.atlas-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-atlas-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.grf-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-grf-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.lia-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-lia-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.glb-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-glb-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.lmm-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-lmm-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.gcxc-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-gcxc-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.gmm-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-gmm-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
  max-height: 760px;
}

.globe-bg {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 10%,
      rgba(0, 0, 0, 0.9) 90%
    ),
    #333 url("../images/bg-globe-min.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
}

.skewed-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: 0;
  transform: skewY(-7deg);
  background: -webkit-linear-gradient(
    300deg,
    #004666 15%,
    #035e9b 70%,
    #035e9b 94%
  );
  background: linear-gradient(150deg, #004666 15%, #035e9b 70%, #035e9b 94%);
  border-bottom: 10px solid #fa5f34;
  position: absolute;
  top: -70px;
}

.primary-gradient-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: -webkit-linear-gradient(
    300deg,
    #004666 15%,
    #035e9b 70%,
    #035e9b 94%
  );
  background: linear-gradient(150deg, #004666 15%, #035e9b 70%, #035e9b 94%);
}

.secondary-gradient-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: -webkit-linear-gradient(
    300deg,
    #feae9f 15%,
    #fd7d65 70%,
    #fd7d65 100%
  );
  background: linear-gradient(150deg, #feae9f 15%, #fd7d65 70%, #fd7d65 100%);
}

.get-strated-bg {
  /* background: #BED2E417 url("../images/digital-nums.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  background-color: rgba(190, 210, 228, 0.09);
  background-image: url("../images/digital-nums.png"),
    url("../images/digital-nums.png"), url("../images/digital-nums.png");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: -40% center, 50% center, 140% center;
  background-size: 45%;
  height: auto;
}

.index-banner-content {
  margin: 0 auto;
  padding: 14rem 0 10rem;
  position: relative;
  overflow: hidden;
  clear: both;
  text-shadow: 0 0 15px rgb(0 0 0 / 50%);
}

/* .index-banner-content .form-control{
  min-height: 38px;
} */

.index-banner-subtitle {
  line-height: 27px;
  font-size: 17px;
  max-width: 760px;
  margin: 25px 0;
}

.backgroundHovered {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  color: #f5f7fe;
  font-size: 1.3em;
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.backgroundHovered:hover {
  color: #e26009;
}

.backgroundHovered:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  background-color: #fcfcfc;
  transition: all 0.5s ease-in;
  z-index: -1;
}

.backgroundHovered:hover:before {
  height: 100%;
}

.hvrbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 25px;
  border-radius: 4px;
  box-shadow: 0 5px 15px 0 rgba(60, 73, 46, 0.05);
  background-color: #000;
}

.hvrbox img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.5;
}

.hvrbox img.fixed-hight {
  height: 428px;
}

.hvrbox:hover img {
  transform: scale(1.3);
  opacity: 1;
}

.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
  position: static;
}

.table .invisible,
.table .invisible tr,
.table .invisibleth th,
.table .invisibleth td {
  border-color: transparent !important;
}

/* .video{
	margin-left: 25px;
}

.video svg{
	display: inline-block;
	position: relative;
	transform: scale(1.4);
}

.video span{
	display: inline-block;
	font-size: 19px;
	margin-left:15px;
	vertical-align: middle;
	color:#f9f9f9;
}

.video, .video:hover, .video:visited, .video:active, .video:focus{
	border: none;
	box-shadow: none;
	text-decoration: none;
	outline:0;
} */

.shaked:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.shaking {
  animation: shaking 3s infinite;
}

@keyframes shaking {
  0% {
    transform: rotate(0deg);
  }

  8.0% {
    transform: rotate(0deg);
  }

  12.0% {
    transform: rotate(52deg);
  }

  16.0% {
    transform: rotate(-45deg);
  }

  20.0% {
    transform: rotate(0deg);
  }

  23.0% {
    transform: rotate(38deg);
  }

  26.0% {
    transform: rotate(-30deg);
  }

  29.0% {
    transform: rotate(0deg);
  }

  31.0% {
    transform: rotate(26deg);
  }

  33.0% {
    transform: rotate(-22deg);
  }

  35.0% {
    transform: rotate(0deg);
  }

  37.0% {
    transform: rotate(-16deg);
  }

  39.0% {
    transform: rotate(0deg);
  }

  40.0% {
    transform: rotate(16deg);
  }

  44.0% {
    transform: rotate(-13deg);
  }

  49.0% {
    transform: rotate(2deg);
  }

  55.0% {
    transform: rotate(0deg);
  }

  62.0% {
    transform: rotate(1deg);
  }

  70.0% {
    transform: rotate(0deg);
  }
}

/* Mobile Theme */

/* Side Bar */

.side-navbar {
  width: 280px;
  height: 100%;
  position: fixed;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  margin-left: -280px;
  transition: 0.5s;
}

.side-navbar-bordered {
  border-right: 2px solid #f2f0f0;
}

.main-container {
  transition: 0.4s;
}

.active-nav {
  margin-left: 0;
}

.active-cont {
  margin-left: 280px;
}

/* .sidesContainer{
  display: flex;
  position: relative;
  min-height: 100vh;
}

.sidebar {
  display: none;
  transition: width 0.4s ease-in-out;
  width: 0;
}

.sidebar.active {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 18rem;
  display: flex;
  flex-direction: column;
  transition: width 0.5s ease-in-out;
}

.main {
  flex: 1;
} */

.sidebar-toggler .nav-link {
  margin-left: 0;
}

.sidebar-toggler i {
  font-size: 1.5rem;
}

.navbar-icons {
  position: absolute;
  top: 5px;
  right: 25px;
}

.navbar-icons i {
  font-size: 1.4rem;
}

.navbar-icons .nav-link {
  margin-left: 15px;
}

#sidebarPanel .modal-dialog {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
}

#sidebarPanel .modal-body {
  margin-top: 76px;
  margin-bottom: 80px;
}

#sidebarPanel .modal-content {
  width: 340px;
  padding-top: env(safe-area-inset-top);
}

.panelbox-left .listview > li,
.panelbox-right .listview > li {
  padding: 10px;
}

.panelbox-left .link-listview > li,
.panelbox-right .link-listview > li {
  padding: 0;
}

.panelbox-left .link-listview > li a,
.panelbox-right .link-listview > li a {
  padding: 8px 36px 8px 10px;
}

.panelbox-left .image-listview > li,
.panelbox-right .image-listview > li {
  padding: 0;
}

.panelbox-left .image-listview > li .item,
.panelbox-right .image-listview > li .item {
  padding: 8px 12px;
}

.panelbox-left .image-listview > li a.item,
.panelbox-right .image-listview > li a.item {
  padding-right: 36px;
}

.panelbox-left .image-listview > li a.item:hover,
.panelbox-right .image-listview > li a.item:hover {
  background-color: rgba(225, 225, 225, 0.3);
}

.panelbox-left .image-listview > li a.active,
.panelbox-right .image-listview > li a.active,
.image-listview > li a.active {
  color: #fa5f34 !important;
}

.image-listview > li a.active i,
.image-listview > li a.active .in {
  color: #fa5f34 !important;
}

.panelbox-left .modal-dialog {
  transform: translate(-100%, 0) !important;
}

.panelbox-right .modal-dialog {
  transform: translate(100%, 0) !important;
  left: auto;
  right: 0;
}

.panelbox .modal-dialog {
  margin: 0;
  position: fixed;
  left: 0;
  top: 0;
}

.panelbox .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
  width: 300px;
  height: 100vh;
  overflow: auto;
  padding-top: env(safe-area-inset-top);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.panelbox .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 6px;
}

.panelbox .modal-dialog .modal-content .modal-header .panel-close {
  color: #035e9b;
}

.panelbox .modal-dialog .modal-content .modal-header .panel-close i.icon,
.panelbox .modal-dialog .modal-content .modal-header .panel-close i {
  font-size: 26px;
}

.panelbox .modal-dialog .modal-content .modal-header .modal-title {
  color: #0b1208;
}

.panelbox .modal-dialog .modal-content .modal-body {
  padding: 10px 16px;
}

.panelbox.show .modal-dialog {
  transform: translate(0, 0) !important;
}

.profileBox {
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  background: #1f2b36;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  margin-top: env(safe-area-inset-top);
  right: 0;
}

.profileBox:before {
  background: #1f2b36;
  content: "";
  height: env(safe-area-inset-top);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.profileBox.relativeBox {
  position: relative;
}

.profileBox .image-wrapper {
  margin-right: 16px;
  padding: 15px 0 16px;
}

.profileBox .image-wrapper .imaged {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.profileBox .in {
  line-height: 1.4em;
  padding: 16px 25px 16px 0;
}

.profileBox .in strong {
  display: block;
  font-weight: 700;
  color: #fff;
}

.profileBox .in .text-muted {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.76) !important;
}

.sidebar-buttons {
  background: #fff;
  border-top: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding-bottom: env(safe-area-inset-bottom);
}

.sidebar-buttons .button {
  float: 1;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #0b1208;
}

.sidebar-buttons .button:hover,
.sidebar-buttons .button:active {
  background: rgba(225, 225, 225, 0.2);
}

.sidebar-buttons:last-child {
  border-right-color: transparent;
}

.close-sidebar-button {
  font-size: 22px;
  position: absolute;
  width: 36px;
  display: flex;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  height: 36px;
  right: 10px;
  top: 50%;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-top: -18px;
}

.close-sidebar-button:active {
  background: rgba(255, 255, 255, 0.1);
}

.listview-title {
  color: #4f5050;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.listview-title .link {
  color: #a1a1a2;
  font-weight: 500;
  font-size: 11px;
  display: flex;
  align-items: center;
}

.listview-title .link i {
  font-size: 15px;
  margin-right: 4px;
}

.listview {
  display: block;
  padding: 0;
  margin: 0;
  color: #0b1208;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  line-height: 1.3em;
}

.listview .text-muted {
  font-size: 13px;
  color: #a1a1a2 !important;
}

.listview > li {
  padding: 8px 16px;
  display: block;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 50px;
}

.listviewHorizontal {
  margin: 0;
  padding: 0;
}

.listviewHorizontal > li {
  display: inline-block;
}

.listviewHorizontal > li:not(:last-child) {
  border-right: 1px solid #eee;
}

.listviewHorizontal > li:not(:first-child) {
  margin-left: -5px;
}

.listview > li .item {
  position: relative;
}

.listview > li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e1e1e1;
}

.listview > li:last-child:after {
  display: none;
}

.listview > li footer,
.listview > li header {
  font-size: 12px;
  margin: 0;
  line-height: 1.2em;
}

.listview > li footer {
  color: #4f5050;
  margin-top: 3px;
}

.listview > li header {
  margin-bottom: 3px;
}

.listview > li.divider-title {
  background: rgba(225, 225, 225, 0.5);
  margin-top: -1px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 12px 16px;
  font-size: 13px;
  min-height: auto;
  color: #4f5050;
}

.listview > li.divider-title:after {
  display: none;
}

.listview.flush {
  border-top: 0;
  border-bottom: 0;
}

.listview.transparent {
  background: transparent;
}

.simple-listview > li {
  display: flex;
}

.link-listview > li {
  padding: 0;
  min-height: auto;
}

.link-listview > li a {
  padding: 8px 36px 8px 16px;
  min-height: 50px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  color: #0b1208 !important;
}

.link-listview > li a:after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='10px' height='16px' viewBox='0 0 10 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Listview' transform='translate(-112.000000, -120.000000)' stroke='%23A1A1A2' stroke-width='2.178'%3E%3Cpolyline id='Path' points='114 122 120 128 114 134'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  right: 12px;
  opacity: 0.5;
  top: 50%;
  margin-top: -8px;
}

.link-listview > li a:active {
  background: rgba(225, 225, 225, 0.3);
}

.image-listview > li {
  padding: 0;
  min-height: auto;
}

.image-listview > li:after {
  left: 68px;
}

.image-listview > li .item {
  padding: 8px 12px;
  width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
}

.image-listview > li .item .image {
  min-width: 36px;
  max-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 400px;
  margin-right: 16px;
}

.image-listview > li .item .icon-box {
  min-width: 36px;
  max-width: 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  font-size: 15px;
  border-radius: 400px;
  margin-right: 15px;
  color: #fff;
}

.image-listview > li .item .icon-box.bg-primary {
  background-color: #035e9b !important;
}

.image-listview > li .item .icon-box.bg-primary,
.image-listview > li .item .icon-box.bg-secondary,
.image-listview > li .item .icon-box.bg-success,
.image-listview > li .item .icon-box.bg-danger,
.image-listview > li .item .icon-box.bg-warning,
.image-listview > li .item .icon-box.bg-info,
.image-listview > li .item .icon-box.bg-dark,
.image-listview > li .item .icon-box.bg-light {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.image-listview > li .item .in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.image-listview > li a.item {
  color: #0b1208 !important;
}

a.arrowed {
  padding-right: 40px !important;
}

.image-listview > li a.item:active {
  background: rgba(225, 225, 225, 0.3);
}

a.arrowed:after {
  width: 16px;
  height: 16px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f105";
  position: absolute;
  right: 10px;
  opacity: 0.5;
  top: 50%;
  margin-top: -8px;
}

.image-listview.text > li:after {
  left: 16px;
}

/* .image-listview > li a i.sidebar-icon {
  position: absolute;
  right: 12px;
  opacity: 0.5;
  font-size: 17px;
  top: calc(50% - 9px);
} */

.image-listview.media > li {
  border-bottom: 1px solid #e1e1e1;
}

.image-listview.media > li:last-child {
  border-bottom: 0;
}

.image-listview.media > li .imageWrapper {
  margin-right: 16px;
}

.image-listview.media > li:after {
  display: none;
}

.listview.no-line > li:after,
.listview.no-line .item:after {
  display: none;
}

.listview.no-space > li .item {
  padding: 0;
}

.multi-level > a:after {
  transform: rotate(90deg);
}

.multi-level ul {
  border: 0;
  padding: 0;
  margin: 0;
  display: none;
}

.multi-level ul > li {
  border: 0 !important;
}

.multi-level ul > li:after {
  height: 0;
}

.multi-level ul > li a,
.multi-level ul > li .item {
  padding-left: 68px !important;
}

.multi-level.active > a:after {
  transform: rotate(-90deg);
}

.multi-level.active ul {
  padding-bottom: 8px;
}

.link-listview .link-listview a,
.link-listview .link-listview .item,
.link-listview .image-listview a,
.link-listview .image-listview .item {
  padding-left: 16px !important;
}

.link-listview .image-listview.media > li {
  border: 0;
}

.link-listview .simple-listview {
  padding-left: 0 !important;
}

.image-listview .simple-listview {
  padding-left: 52px !important;
}

.image-listview.text .simple-listview {
  padding-left: 0 !important;
}

.image-listview.text .link-listview a,
.image-listview.text .link-listview .item,
.image-listview.text .image-listview a,
.image-listview.text .image-listview .item {
  padding-left: 16px !important;
}

.image-listview.media .simple-listview {
  padding-left: 80px !important;
}

.image-listview.media .link-listview a,
.image-listview.media .link-listview .item,
.image-listview.media .image-listview a,
.image-listview.media .image-listview .item {
  padding-left: 96px !important;
}

/* Bottom bar */

.appBottomMenu {
  min-height: 56px;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fafdff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: env(safe-area-inset-bottom);
}

.appBottomMenu.no-border {
  border: 0 !important;
  box-shadow: 0 !important;
}

.appBottomMenu.rounded {
  border-radius: 24px 24px 0 0 !important;
}

.appBottomMenu.rounded .item:before {
  display: none;
}

.appBottomMenu .item {
  font-size: 9px;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
  height: 56px;
  line-height: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.appBottomMenu .item:before {
  content: "";
  display: block;
  height: 2px;
  border-radius: 0 0 10px 10px;
  background: transparent;
  position: absolute;
  left: 4px;
  right: 4px;
  top: 0;
}

.appBottomMenu .item .col {
  width: 100%;
  padding: 0 4px;
  text-align: center;
}

.appBottomMenu .item i {
  display: inline-flex;
  margin: 1px auto 3px auto;
  font-size: 21px;
  line-height: 1em;
  color: #0b1208;
  transition: 0.1s all;
  display: block;
  margin-top: 1px;
  margin-bottom: 3px;
}

.appBottomMenu .item .action-button {
  display: inline-flex;
  width: 50px;
  height: 50px;
  margin-left: -5px;
  margin-right: -5px;
  align-items: center;
  justify-content: center;
  border-radius: 200px;
  background: #035e9b;
}

.appBottomMenu .item .action-button.large {
  width: 60px;
  height: 60px;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
}

.appBottomMenu .item .action-button i {
  color: #fff !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.appBottomMenu .item strong {
  margin-top: 4px;
  display: block;
  color: #141515;
  font-weight: 400;
  transition: 0.1s all;
}

.appBottomMenu .item:active {
  opacity: 0.8;
}

.appBottomMenu .item.active:before {
  background: transparent;
}

.appBottomMenu .item.active i,
.appBottomMenu .item.active strong {
  color: #035e9b !important;
}

.appBottomMenu .item:hover i,
.appBottomMenu .item:hover strong {
  color: #141515;
}

.appBottomMenu.text-light {
  color: #fff;
}

.appBottomMenu.text-light .item {
  color: #fff;
  opacity: 0.7;
}

.appBottomMenu.text-light .item i,
.appBottomMenu.text-light .item strong {
  color: #fff;
}

.appBottomMenu.text-light .item.active {
  opacity: 1;
}

.appBottomMenu.text-light .item.active i,
.appBottomMenu.text-light .item.active strong {
  color: #fff !important;
}

.appBottomMenu.bg-primary,
.appBottomMenu.bg-secondary,
.appBottomMenu.bg-success,
.appBottomMenu.bg-warning,
.appBottomMenu.bg-danger,
.appBottomMenu.bg-info,
.appBottomMenu.bg-light,
.appBottomMenu.bg-dark {
  border: 0;
}

.appBottomMenu.bg-primary .item:before,
.appBottomMenu.bg-secondary .item:before,
.appBottomMenu.bg-success .item:before,
.appBottomMenu.bg-warning .item:before,
.appBottomMenu.bg-danger .item:before,
.appBottomMenu.bg-info .item:before,
.appBottomMenu.bg-light .item:before,
.appBottomMenu.bg-dark .item:before {
  display: none;
}

.appBottomMenu .badge {
  min-width: 16px;
  height: 16px;
  line-height: 9px !important;
  font-size: 10px;
  padding: 0 4px !important;
  position: absolute;
  right: 50%;
  transform: translateX(120%);
  top: -3px;
}

.appBottomMenu .badge-empty {
  transform: translateX(200%);
  top: -1px;
}

/* Action Model */

.modal.notification-modal {
  z-index: 9999;
}

.modal.action-sheet {
  z-index: 9999;
}

.modal.action-sheet .modal-dialog {
  padding: 0;
  margin: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  min-width: 100%;
  z-index: 12000;
  transform: translate(0, 100%);
}

.modal.action-sheet.show .modal-dialog {
  transform: translate(0, 0);
}

.modal.action-sheet .close-button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 3px;
  color: #a1a1a2;
}

.modal.action-sheet .close-button:hover,
.modal.action-sheet .close-button:active {
  color: #4f5050;
}

.modal.action-sheet .modal-content {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border: 0;
  border-radius: 0;
  padding-bottom: env(safe-area-inset-bottom);
}

.modal.action-sheet .modal-content .action-sheet-content {
  padding: 20px 16px;
  max-height: 460px;
  overflow: auto;
}

.modal.action-sheet .modal-content .modal-header {
  display: block;
  padding: 2px 20px;
}

.modal.action-sheet .modal-content .modal-header .modal-title {
  padding: 0;
  margin: 0;
  text-align: center;
  display: block;
  font-size: 13px;
  padding: 6px 0;
  color: #141515;
  font-weight: 500;
}

.modal.action-sheet .modal-content .modal-body {
  padding: 0;
}

.action-button-list {
  padding: 0;
  margin: 0;
}

.action-button-list > li {
  display: block;
}

.action-button-list > li .btn {
  padding: 0;
  display: flex;
  width: 100%;
  min-height: 50px;
  font-size: 15px;
  color: #141515;
  line-height: 1.1em;
  justify-content: space-between;
  font-weight: 400;
  padding: 10px 16px;
}

.action-button-list > li .btn:active,
.action-button-list > li .btn.active {
  background: rgba(225, 225, 225, 0.3);
}

.action-button-list > li .btn.text-primary {
  color: #035e9b !important;
}

.action-button-list > li .btn.text-secondary {
  color: #6c7c94 !important;
}

.action-button-list > li .btn.text-danger {
  color: #ec4433 !important;
}

.action-button-list > li .btn.text-success {
  color: #34c759 !important;
}

.action-button-list > li .btn.text-warning {
  color: #fe9500 !important;
}

.action-button-list > li .btn.text-info {
  color: #592bca !important;
}

.action-button-list > li .btn.text-light {
  color: #fff !important;
}

.action-button-list > li .btn.text-dark {
  color: #141515 !important;
}

.action-button-list > li .btn > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.action-button-list > li .btn i.icon,
.action-button-list > li .btn ion-icon {
  width: 24px !important;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-left: -5px;
  font-size: 24px;
  line-height: 1em;
}

.action-button-list > li.action-divider {
  height: 1px;
  background: #e1e1e1;
}

.action-sheet.inset .modal-dialog {
  padding: 16px;
  padding-bottom: 16px !important;
  margin-bottom: env(safe-area-inset-bottom);
}

.action-sheet.inset .modal-dialog .modal-content {
  border-radius: 16px;
  padding-bottom: 0;
}

.action-sheet.inset .action-button-list > li:last-child .btn {
  border-radius: 0 0 16px 16px !important;
}

.pulsate::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: pulse 1s ease infinite;
  animation: pulse 1s ease infinite;
  border-radius: 50%;
  border: 4px double rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  60% {
    transform: scale(1.3);
    opacity: 0.4;
  }

  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

.printedInvoice,
.printedInvoiceFooter {
  display: none;
}

.padded-table td,
.padded-table th {
  padding: 15px;
}

.app-partners img {
  cursor: pointer;
  transition: all 0.3s ease;
}

.app-partners img:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

#rankTabs .nav-link.active {
  background-color: #f2f2f2;
  color: #fa5f34;
  border-bottom: 1px solid #dee2e6 !important;
}

/* Dashboard */

/* Activity */
.activity {
  font-size: 14px;
}

.activity .activity-item .activite-label {
  color: #888;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  width: 90px;
  font-size: 12px;
}

.activity .activity-item .activite-label::before {
  content: "";
  position: absolute;
  right: -10px;
  width: 4px;
  top: 0;
  bottom: 0;
  background-color: #eceefe;
}

.activity .activity-item .activity-badge {
  margin-top: 10px;
  z-index: 1;
  font-size: 11px;
  line-height: 0;
  border-radius: 50%;
  flex-shrink: 0;
  border: 3px solid #fff;
  flex-grow: 0;
}

.activity .activity-item .activity-content {
  padding-left: 10px;
  padding-bottom: 25px;
}

.activity .activity-item:first-child .activite-label::before {
  top: 5px;
}

.activity .activity-item:last-child .activity-content {
  padding-bottom: 0;
}

/* Bootstrap props */

.text-primary {
  color: #035e9b !important;
}

.text-secondary {
  color: #fa5f34 !important;
}

.text-blue {
  color: #035e9b !important;
}

.text-success {
  color: #61a743 !important;
}

.text-primary-new {
  color: #2c3f4c;
}

.text-primary-light {
  color: #6075a7;
}

.text-primary-light-old {
  color: #8190a8;
}

.text-purple {
  color: #875295;
}

.text-green {
  color: #76aa51;
}

.text-blue-green {
  color: #00a79d;
}

.text-red {
  color: #c84938;
}

.text-orange {
  color: #ff9800;
}

.text-gray {
  color: #939598;
}

.text-gray-light {
  color: #eee;
}

.alert-success {
  color: #355826;
}

.alert-danger {
  color: #983825;
  background-color: #fecec5;
  border-color: #fecec5;
}

.text-success-darker {
  color: #539139 !important;
}

.bg-primary {
  background-color: #035e9b !important;
}

.bg-success {
  background-color: #56a136 !important;
}

.bg-danger {
  background-color: #fa5f34 !important;
}

#appCapsule {
  margin-bottom: env(safe-area-inset-bottom);
  padding-top: 20px;
  padding-bottom: 60px;
}

/* Flags select props */

.iti {
  width: 100%;
}

.iti__flag {
  background-image: url("../images/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../images/flags@2x.png");
  }
}

.dividers {
  border: 1px solid #ddd;
  position: relative;
  width: 52%;
  margin: 15px auto 45px;
}

.circle-divider {
  position: absolute;
  border: 2px solid #ddd;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: -5px;
  background: #fff;
  left: calc(50% - 5px);
}

.text-justified {
  text-align: justify;
}

.watermark:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('data:image/svg+xml;utf8,<svg style="transform:rotate(-45deg)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 15"><text x="10" y="10" fill="%23CCC" style="font-family:Manrope,sans-serif!important;">CSA Research</text></svg>')
    0 0/100% 120vh;
  opacity: 0.15;
}

#toTheTop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 60px;
  z-index: 9999;
  -webkit-animation: fadeIn 1.3s;
  animation: fadeIn 1.3s;
}

#toTheTop:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */
}

.table-legend {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 3px;
}

.bg-colors-primary-new {
  background-color: #2c3f4c;
}

.bg-colors-secondary {
  background-color: #e48d25;
}

.bg-colors-primary {
  background-color: #035e9b;
}

.bg-colors-secondary {
  background-color: #e48d25;
}

.bg-colors-primary-light {
  background-color: #6075a7;
}

.bg-colors-primary-light-old {
  background-color: #8190a8;
}

.bg-colors-purple {
  background-color: #875295;
}

.bg-colors-green {
  background-color: #76aa51;
}

.bg-colors-blue-green {
  background-color: #00a79d;
}

.bg-colors-red {
  background-color: #c84938;
}

.bg-colors-orange {
  background-color: #ff9800;
}

.bg-colors-gray {
  background-color: #939598;
}

.bg-colors-gray-light {
  background-color: #eee;
}

.bg-light-plus {
  background-color: #f2f4f8;
}

.bg-light-plus-hover:hover {
  background-color: #d6dbe4;
}

.bg-transition {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.arrowed-end:after {
  height: 20px;
  width: 20px;
  position: absolute;
  content: "";
  background: #fff;
  border: 1px solid transparent;
  border-top-width: 0px;
  border-left-width: 0px;
  transform: rotate(45deg);
  right: -10px;
  top: calc(50% - 10px);
}

.bg-colors-primary-new.arrowed-end:after {
  background: #2c3f4c;
}

.bg-colors-primary-light.arrowed-end:after {
  background: #6075a7;
}

.bg-colors-green.arrowed-end:after {
  background: #76aa51;
}

.bg-colors-blue-green.arrowed-end:after {
  background: #00a79d;
}

.bg-colors-primary.arrowed-end:after {
  background: #035e9b;
}

.bg-colors-purple.arrowed-end:after {
  background: #875295;
}

.disable {
  pointer-events: none !important;
  opacity: 0.4;
}

.overlayedGRF::after {
  content: "Trial version with randomly altered data. Not for planning purposes.";
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 17px;
  text-align: center;
  padding: 2rem 1rem;
}

@media (min-width: 768px) {
  .clientAreaCarousel .carousel-inner {
    display: flex;
    padding: 1rem 0;
  }

  .clientAreaCarousel .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }

  .clientAreaCarousel .box-area {
    margin-right: 1em;
  }
}

.clientAreaCarouselButtons {
  width: 80px;
}

.clientAreaCarouselButtons .carousel-control-prev,
.clientAreaCarouselButtons .carousel-control-next {
  width: 50%;
}

.revByCountries {
  width: 250px;
}

.benefits-boxes {
  height: 100%;
}

@media only screen and (max-width: 1444px),
  only screen and (max-device-width: 1444px) {
  .benefits-boxes {
    height: auto;
  }
}

#contactFormCanvas.offcanvas.offcanvas-end {
  width: 560px;
}

.border-light {
  border-color: #eee !important;
}

.first-letter-case {
  text-transform: lowercase;
}

.first-letter-case::first-letter {
  text-transform: uppercase;
}

.nav .nav-link,
.nav .nav-link:visited,
.nav .nav-link:focus {
  color: #323232;
}

.nav .nav-link:hover {
  color: #fa5f34;
}

.nav .nav-link.active {
  color: #fa5f34;
}

@media screen and (min-width: 1200px) {
  .intranet-container .container {
    max-width: 1140px !important;
  }
}

@media screen and (min-width: 1400px) {
  .intranet-container .container {
    max-width: 1200px !important;
  }

  .intranet-container .container-md {
    max-width: 720px !important;
  }
}

.title-case {
  text-transform: capitalize;
}

.avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block !important;
}

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.avatar-group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.avatar-group > li {
  position: relative;
}

.avatar-group > li:not(:last-child) {
  margin-right: -0.8rem;
}

.avatar .avatar-name {
  margin-left: 7px;
}

.avatar-xs {
  height: 2.1875rem;
  width: 2.1875rem;
}

.avatar-sm {
  height: 2.5rem;
  width: 2.5rem;
}

.avatar-lg {
  height: 4rem;
  width: 4rem;
}

.avatar-xl {
  height: 5.125rem;
  width: 5.125rem;
}

.avatar-xxl {
  height: 5.125rem;
  width: 5.125rem;
}

@media (min-width: 768px) {
  .avatar-xxl {
    width: 7rem;
    height: 7rem;
  }
}

.avatar-xxxl {
  height: 8rem;
  width: 8rem;
}

@media (min-width: 768px) {
  .avatar-xxxl {
    width: 11rem;
    height: 11rem;
  }
}

.changeAvatarIcon {
  display: none !important;
  overflow: hidden;
  opacity: 0;
}

.avatar-xl:hover .changeAvatarIcon {
  display: flex !important;
  -webkit-animation: fadedBackground 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation: fadedBackground 0.8s;
}

@-webkit-keyframes fadedBackground {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.7;
  }
}

@keyframes fadedBackground {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.7;
  }
}

.agreement-scroll {
  max-height: 250px;
}

@media (min-width: 768px) {
  .agreement-scroll {
    max-height: 350px;
  }
}

.icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.2rem;
}

#sideNavMenu .accordion-button:not(.collapsed) {
  color: #fa5f34;
  background-color: rgba(225, 225, 225, 0.2);
  box-shadow: none;
}

/* Old Style */

.old-style .btn-primary,
.old-style .btn-primary:focus,
.old-style .btn-primary:active {
  color: #fff !important;
  background-color: #6075a7 !important;
  border-color: #6075a7 !important;
}

.old-style .btn-primary:hover {
  color: #fff !important;
  background-color: #222533 !important;
  border-color: #222533 !important;
  outline: none !important;
}

.old-style .btn-secondary,
.old-style .btn-secondary:focus,
.old-style .btn-secondary:active {
  color: #fff !important;
  background-color: #e48d25 !important;
  border-color: #e48d25 !important;
}

.old-style .btn-secondary:hover {
  color: #fff !important;
  background-color: #c07213 !important;
  border-color: #c07213 !important;
  outline: none !important;
}

.btn-sm {
  padding: 4px 15px !important;
}

.old-style .bg-primary {
  background-color: #6075a7 !important;
}

.old-style .text-primary {
  color: #e48d25 !important;
}

.old-style a {
  color: #e48d25;
}

.old-style a:hover,
.old-style a:active,
.old-style a:focus {
  color: #e48d25;
}

.old-style .navbar-costume .nav-link:hover {
  color: #e48d25 !important;
}

.old-style .navbar-costume .nav-link.active {
  color: #e48d25 !important;
}

/* Flatten das boostrap */
/* code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.input-group-text,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.card,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
  border-radius: 0 !important;
} */

@media all and (min-width: 992px) {
  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none !important;
    position: absolute;
    left: 100%;
    top: -7px !important;
  }

  .dropdown-mega-submenu .submenu {
    display: none !important;
    position: absolute;
    left: 103.2%;
    top: 0px !important;
  }

  .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }

  .dropdown-menu > li:hover > .submenu {
    display: block !important;
  }

  .dropdown-mega-submenu > li.dropdown:hover > .submenu {
    display: block !important;
    -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;
  }
}

.topLspNameWidth {
  width: 1110px;
}

@media only screen and (max-width: 1380px),
  only screen and (max-device-width: 1380px) {
  .navbar-costume .nav-link {
    font-size: 12px;
    margin-left: 15px;
  }
}

@media only screen and (max-width: 767px),
  only screen and (max-device-width: 767px) {
  #sidebarPanel .modal-content {
    width: 340px;
  }

  .active-cont {
    margin-left: 0;
  }

  .centeral {
    width: auto;
    height: auto;
    display: block;
  }

  .worldMap {
    width: 100% !important;
    min-height: auto;
  }

  .sidesContainer {
    display: block;
  }

  .progress-bars li {
    font-size: 0.675rem;
  }

  .progress-bars li.is-complete:last-child .progressdot:before {
    top: 23px;
  }

  .ann-wrapper {
    min-height: auto;
  }

  .ann-wrapper.marginedBckTop {
    margin-top: 0;
  }

  .topBannerMargin {
    margin-top: 0px;
  }

  .ann-area {
    height: auto;
    min-height: auto;
  }

  .ann-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-width: 100%;
  }

  .ann-heading {
    font-size: 30px;
    line-height: 45px;
  }

  .backgroundHovered {
    font-size: 1.1em;
  }

  #index-banner {
    height: auto;
  }

  .index-banner-area {
    height: auto;
  }

  /* .grow-bg {
    max-height: auto;
  } */

  .index-banner-content {
    padding: 4rem 0 2rem;
  }

  .nav-tabs.nav-justified {
    display: block;
  }

  .StepProgress-item.stepMain {
    min-height: 70px;
  }

  .mainResponse {
    font-size: 14px;
    font-weight: normal;
  }

  .sperated-section {
    margin-bottom: 50px;
  }

  .sperated-section-padding {
    padding: 35px 0;
  }

  .how-it-wors-title h2,
  .how-it-wors-title h5 {
    font-size: 21px;
    line-height: 25px;
  }

  .radialBarArea {
    height: auto;
  }

  #appCapsule {
    padding: 25px 0;
  }

  .navbar-costume {
    background-color: #0a0e13 !important;
  }

  .navbar-costume .container {
    padding: 0 15px;
  }

  .navbar-costumes .container {
    padding: 0 15px !important;
  }

  .navbar-costume .nav-link,
  .navbar-costume .nav-link:visited,
  .navbar-costume .nav-link:focus {
    color: #ccc !important;
  }

  .navbar-brand {
    margin: 0 auto;
  }

  .navbar-costume .navbar-brand img {
    width: 160px;
    margin-top: 0;
  }

  .navbar-brand span {
    top: 7px;
  }

  .slogon {
    font-size: 16px;
    margin-left: 4px;
  }

  .nav-separator {
    margin-bottom: 0px;
  }

  .sidebar-toggler {
    position: absolute;
    top: 3px;
    left: 25px;
  }

  .sperator-title {
    text-align: left;
  }

  .sperator-title h1,
  .sperator-title h2 {
    font-size: 21px;
    line-height: 25px;
  }

  .sperator-title p {
    text-align: left !important;
    /* width:auto; */
  }

  .promo-right .promo-container {
    padding-right: 0;
    padding-left: 45px;
    text-align: left;
  }

  .promo-right .promo-icon {
    position: absolute;
    float: left;
    left: 5px;
    font-size: 23px;
  }

  .box-area {
    padding: 15px;
    box-shadow: none;
  }

  .box-area h2,
  .box-area h4 {
    font-size: 17px;
  }

  .box-bordred {
    box-shadow: 4px 4px 8px #e2e6fc, -4px -4px 8px #fff;
  }

  .align-items-text {
    margin: 25px 0;
  }

  .justify-content-center {
    justify-content: center !important;
  }

  .blog-post {
    height: auto;
  }

  .blog-search-input {
    min-width: auto !important;
  }

  .search-box {
    float: none !important;
    margin-top: 15px;
  }

  .arrowed-end:after {
    display: none;
  }

  .revByCountries {
    width: 100px;
  }
}

@media print {
  html,
  body {
    height: auto;
  }

  body {
    background-color: #fff;
  }

  .watermark:before {
    background: none;
  }

  .copyrighted:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('data:image/svg+xml;utf8,<svg style="transform:rotate(-45deg)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 15"><text x="10" y="10" fill="%23CCC" style="font-family:Manrope,sans-serif!important;">CSA Research</text></svg>')
      0 0/100% 100vh;
    opacity: 0.35;
  }

  .printedInvoice,
  .printedInvoiceFooter {
    display: block;
  }

  .printed-title-nopadding {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .printed-box {
    border: none !important;
    padding: 0;
  }

  #sidebarPanel,
  #loader,
  .navbar,
  .appBottomMenu,
  .nav-separator,
  footer,
  .noprint {
    display: none;
    margin: 0;
    padding: 0;
  }

  #appCapsule {
    margin: 0;
    padding: 0;
  }

  .box-area {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  .shadow,
  .shadow-sm {
    box-shadow: none !important;
  }

  .table-responsive {
    overflow-x: hidden;
  }

  .printableChart {
    margin-top: 0;
  }

  .sectionBreak,
  .pageBreak {
    page-break-before: always;
  }

  .main {
    margin-left: 0;
  }

  .accordion .collapse {
    display: block !important;
    height: auto !important;
  }
}

.scrolltop {
  position: fixed;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #035e9b;
  border: 1px solid white;
  z-index: 99;
  transition: 0.4s;
  border-radius: 100px;
  /* visibility: hidden; */
  cursor: pointer;
  right: 20px;
  bottom: -120%;
}

@media screen and (max-width: 992px) {
  .scrolltop {
    right: 25px !important;
    bottom: -20% !important;
  }
}

.scrolltop__icon {
  font-size: 20px;
  color: white;
}

/* Show scrolltop */
.show-scroll {
  visibility: visible;
  bottom: 5rem !important;
}

.form-section {
  background-color: #035e9b12;
  margin-top: 60px;
  padding: 40px 0;
}

.form-section form {
  box-shadow: 0px 4px 26.3px 0px #aaddff87;
  padding: 30px 20px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .form-section {
    margin-top: 80px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .form-section {
    margin-top: 100px;
  }

  .form-section form {
    padding: 35px 30px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .form-section {
    margin-top: 120px;
  }

  .form-section form {
    margin-top: -100px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .form-section {
    margin-top: 150px;
  }

  .form-section form {
    margin-top: -200px;
    padding: 40px;
  }
}

/* Extra extra large devices (1400px and up) */
@media (min-width: 1400px) {
  .form-section form {
    padding: 50px;
  }
}

/* Mobile Navbar */

/* Desktop styles */
.mobile-navigation-menu {
  display: none;
}

/* ----- Mobile view (accordion mode) ----- */
@media (max-width: 768px) {
  .mobile-navigation-menu {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .mobile-navigation-menu .menu-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-block: 10px;
    transition: 250ms ease-in-out;
  }
  .mobile-navigation-menu .menu-item a {
    color: #333;
  }
  .mobile-navigation-menu .menu-item:hover {
    background-color: #e1e1e14d;
  }
  .mobile-navigation-menu .menu-item a:hover {
    color: #035e9b;
  }
  .mega-navigation-menu {
    position: static;
    box-shadow: none;
    background: #fafafa;
  }

  .mobile-navigation-menu a:hover,
  .mobile-navigation-menu a:active,
  .mobile-navigation-menu a:focus {
    color: #035e9b;
  }

  /* Rotate icon when open */
  .collapse.show + a i,
  .menu-item > a[aria-expanded="true"] i {
    transform: rotate(180deg);
    transition: transform 0.3s;
  }
}