@charset "UTF-8";

/*  ---------------------- 
    THEME
    ---------------------- */

:root {
    --primary-border: #6f42c1;
}

.bg-primary {
    background-color: #6a4c93 !important;
}
.bg-success {
    background-color: #20ac6b !important;
}
.bg-info {
    background-color: #0aa3c2 !important;
}
.bg-warning {
    background-color: #cc9900 !important;
}
.bg-danger {
    background-color: #ae1e2c !important;
}


img,
.card-wrap,
.card-wrapper,
.video-wrapper,
.mbr-figure iframe,
.google-map iframe,
.slide-content,
.plan,
.card,
.item-wrapper {
  border-radius: 2rem !important;  
  position: relative;
}

img {
  display: block;
  width: 100%;
}

img.greyed {
  filter: grayscale(100%);
  opacity: 0.4;
}

.navbar-brand img {
  width:auto;
}

body {
  background-color: #fffaeb;
  font-family: Manrope;
  overflow-x: hidden;
  font-style: normal;
  line-height: 1.5;
  font-weight: 400;
  color: #232323;
  position: relative;
}
    
/*  ---------------------- */

/*  ---------------------- 
    TEXT 
    ---------------------- */

.mbr-white {
  color: #fff;
}

.mbr-semibold {
  font-weight: 500;
}

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

.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}

.justify-content-center {
  -webkit-justify-content: center;
}

.content-head {
  max-width: 800px;
}

.display-brand-logo-title {
    font-family: 'Material Symbols Outlined', monospace;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.display-1 {
    font-family: 'Material Symbols Outlined', monospace;
    font-size: 3.4rem;
    line-height: 1;
}
  .display-1 > .mbr-iconfont {
    font-size: 4.25rem;
}
.display-2 {
    font-family: 'Manrope', sans-serif;
    font-size: 4rem;
    line-height: 1;
}
.display-2 > .mbr-iconfont {
    font-size: 5rem;
 }
 .display-4 {
    font-family: 'Manrope', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
 }
 .display-4 > .mbr-iconfont {
    font-size: 1.5rem;
 }
 .display-5 {
    font-family: 'Manrope', sans-serif;
    font-size: 2.5rem;
    line-height: 1.5;
 }
 .display-5 > .mbr-iconfont {
    font-size: 3.125rem;
 }
 .display-7 {
    font-family: 'Manrope', sans-serif;
    font-size: 1.4rem;
    line-height: 1.3;
 }
  .display-7 > .mbr-iconfont {
    font-size: 1.75rem;
 }
  /* ---- Fluid typography for mobile devices ---- */
  /* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
  /* 100vw - current viewport width */
  /* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
  /* 0.65 - min scale variable, may vary */
 @media (max-width: 992px) {
    .display-1 {
        font-size: 2.72rem;
    }
 }
 @media (max-width: 768px) {
    .display-1 {
        font-size: 2.38rem;
        font-size: calc( 1.8399999999999999rem + (3.4 - 1.8399999999999999) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.8399999999999999rem + (3.4 - 1.8399999999999999) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-2 {
        font-size: 3.2rem;
        font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-4 {
        font-size: 0.96rem;
        font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-5 {
        font-size: 2rem;
        font-size: calc( 1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-7 {
        font-size: 1.12rem;
        font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
    }
 }
@media (min-width: 992px) and (max-width: 1400px) {
    .display-1 {
        font-size: 2.38rem;
        font-size: calc( 1.8399999999999999rem + (3.4 - 1.8399999999999999) * ((100vw - 62rem) / (87 - 62)));
        line-height: calc( 1.1 * (1.8399999999999999rem + (3.4 - 1.8399999999999999) * ((100vw - 62rem) / (87 - 62))));
    }
    .display-2 {
        font-size: 3.2rem;
        font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62)));
        line-height: calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62))));
    }
    .display-4 {
        font-size: 0.96rem;
        font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 62rem) / (87 - 62)));
        line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 62rem) / (87 - 62))));
    }
    .display-5 {
        font-size: 2rem;
        font-size: calc( 1.525rem + (2.5 - 1.525) * ((100vw - 62rem) / (87 - 62)));
        line-height: calc( 1.4 * (1.525rem + (2.5 - 1.525) * ((100vw - 62rem) / (87 - 62))));
    }
    .display-7 {
        font-size: 1.12rem;
        font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));
        line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62))));
    }
}

.text-primary {
    color: #6a4c93 !important;
}
.text-secondary {
    color: #8ac926 !important;
}
.text-success {
    color: #20ac6b !important;
}
.text-info {
    color: #0aa3c2 !important;
}
.text-warning {
    color: #cc9900 !important;
}
.text-danger {
    color: #ae1e2c !important;
}
.text-white {
    color: #fafafa !important;
}
.text-black {
    color: #232323 !important;
}

/*  ---------------------- */

/*  ---------------------- 
    LINKS
    ---------------------- */
a {
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
a,
a:hover {
    color: #6a4c93;
}
a {
    transition: color 0.6s;
}
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
    color: #3a2950 !important;
}
a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
    color: #4f7316 !important;
}
a.text-success:hover,
a.text-success:focus,
a.text-success.active {
    color: #105636 !important;
}
a.text-info:hover,
a.text-info:focus,
a.text-info.active {
    color: #055161 !important;
}
a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
     color: #664d00 !important;
}
a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
     color: #570f16 !important;
}
a.text-white:hover,
a.text-white:focus,
a.text-white.active {
    color: #c7c7c7 !important;
}
a.text-black:hover,
a.text-black:focus,
a.text-black.active {
    color: #000000 !important;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
    position: relative;
    background-image: transparent;
    background-size: 10000px 2px;
    background-repeat: no-repeat;
    background-position: 0px 1.2em;
    background-position: -10000px 1.2em;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
    transition: background-position 2s ease-in-out;
    background-image: linear-gradient(currentColor 50%, currentColor 50%);
    background-position: 0px 1.2em;
}


/*  ---------------------- */

/*  ---------------------- 
    BUTTONS
    ---------------------- */

/* Scroll to top button*/
.scrollToTop_wraper {
    display: none;
}

.btn {
    border-width: 2px;
    padding: 1.25rem 2rem;
    border-radius: 4px;
}
@media (max-width: 767px) {
    .btn {
        padding: 0.75rem 1.5rem;
    }
}
.btn-sm {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}
.btn-md {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}
.btn-lg {
    padding: 1.25rem 2rem;
    border-radius: 4px;
}

.btn-primary,
.btn-primary:active {
    background-color: #6a4c93 !important;
    border-color: #6a4c93 !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
    color: inherit;
    background-color: #8363af !important;
    border-color: #8363af !important;
    box-shadow: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #ffffff !important;
    background-color: #8363af !important;
    border-color: #8363af !important;
}
.btn-secondary,
.btn-secondary:active {
    background-color: #8ac926 !important;
    border-color: #8ac926 !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
    color: inherit;
    background-color: #a2dc46 !important;
    border-color: #a2dc46 !important;
    box-shadow: none;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #ffffff !important;
    background-color: #a2dc46 !important;
    border-color: #a2dc46 !important;
}
.btn-info,
.btn-info:active {
    background-color: #0aa3c2 !important;
    border-color: #0aa3c2 !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
    color: inherit;
    background-color: #0dccf3 !important;
    border-color: #0dccf3 !important;
    box-shadow: none;
}
.btn-info.disabled,
.btn-info:disabled {
    color: #ffffff !important;
    background-color: #0dccf3 !important;
    border-color: #0dccf3 !important;
}
.btn-success,
.btn-success:active {
    background-color: #20ac6b !important;
    border-color: #20ac6b !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
    color: inherit;
    background-color: #28d786 !important;
    border-color: #28d786 !important;
    box-shadow: none;
}
.btn-success.disabled,
.btn-success:disabled {
    color: #ffffff !important;
    background-color: #28d786 !important;
    border-color: #28d786 !important;
}
.btn-warning,
.btn-warning:active {
    background-color: #cc9900 !important;
    border-color: #cc9900 !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
    color: inherit;
    background-color: #ffbf00 !important;
    border-color: #ffbf00 !important;
    box-shadow: none;
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #ffffff !important;
    background-color: #ffbf00 !important;
    border-color: #ffbf00 !important;
}
.btn-danger,
.btn-danger:active {
    background-color: #ae1e2c !important;
    border-color: #ae1e2c !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
    color: inherit;
    background-color: #da2637 !important;
    border-color: #da2637 !important;
    box-shadow: none;
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #ffffff !important;
    background-color: #da2637 !important;
    border-color: #da2637 !important;
}
.btn-white,
.btn-white:active {
    background-color: #eff0ec !important;
    border-color: #eff0ec !important;
    color: #757b62 !important;
    box-shadow: none;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
    color: inherit;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: none;
}
.btn-white.disabled,
.btn-white:disabled {
    color: #757b62 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.btn-black,
.btn-black:active {
    background-color: #232323 !important;
    border-color: #232323 !important;
    color: #ffffff !important;
    box-shadow: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
    color: inherit;
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    box-shadow: none;
}
.btn-black.disabled,
.btn-black:disabled {
    color: #ffffff !important;
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
    background-color: transparent !important;
    border-color: #6a4c93;
    color: #6a4c93;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
    color: #412e5a !important;
    background-color: transparent !important;
    border-color: #412e5a !important;
    box-shadow: none !important;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
    color: #ffffff !important;
    background-color: #6a4c93 !important;
    border-color: #6a4c93 !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
    background-color: transparent !important;
    border-color: #8ac926;
    color: #8ac926;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
    color: #588018 !important;
    background-color: transparent !important;
    border-color: #588018 !important;
    box-shadow: none !important;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
    color: #ffffff !important;
    background-color: #8ac926 !important;
    border-color: #8ac926 !important;
}
.btn-info-outline,
.btn-info-outline:active {
    background-color: transparent !important;
    border-color: #0aa3c2;
    color: #0aa3c2;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
    color: #065e70 !important;
    background-color: transparent !important;
    border-color: #065e70 !important;
    box-shadow: none !important;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
    color: #ffffff !important;
    background-color: #0aa3c2 !important;
    border-color: #0aa3c2 !important;
}
.btn-success-outline,
.btn-success-outline:active {
    background-color: transparent !important;
    border-color: #20ac6b;
    color: #20ac6b;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
    color: #12633e !important;
    background-color: transparent !important;
    border-color: #12633e !important;
    box-shadow: none !important;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
    color: #ffffff !important;
    background-color: #20ac6b !important;
    border-color: #20ac6b !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
    background-color: transparent !important;
    border-color: #cc9900;
    color: #cc9900;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
    color: #755800 !important;
    background-color: transparent !important;
    border-color: #755800 !important;
    box-shadow: none !important;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
    color: #ffffff !important;
    background-color: #cc9900 !important;
    border-color: #cc9900 !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
    background-color: transparent !important;
    border-color: #ae1e2c;
    color: #ae1e2c;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
    color: #641119 !important;
    background-color: transparent !important;
    border-color: #641119 !important;
    box-shadow: none !important;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
    color: #ffffff !important;
    background-color: #ae1e2c !important;
    border-color: #ae1e2c !important;
}
.btn-black-outline,
.btn-black-outline:active {
    background-color: transparent !important;
    border-color: #232323;
    color: #232323;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
    color: #000000 !important;
    background-color: transparent !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
    color: #ffffff !important;
    background-color: #232323 !important;
    border-color: #232323 !important;
}
.btn-white-outline,
.btn-white-outline:active {
    background-color: transparent !important;
    border-color: #fafafa;
    color: #fafafa;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
    color: #cfcfcf !important;
    background-color: transparent !important;
    border-color: #cfcfcf !important;
    box-shadow: none !important;
}
.btn-white-outline.disabled,
.btn-white-outline:disabled {
    color: #7a7a7a !important;
    background-color: #fafafa !important;
    border-color: #fafafa !important;
}

/*  ---------------------- */

/*  ---------------------- 
    NAVIGATION
    ---------------------- */

.navSection .navbar .navbar-logo img {
  vertical-align: middle;
}

.nav-tabs .nav-link {
    border-radius: 100px !important;
}

.navSection {
    z-index: 1000;
    width: 100%;
    position: relative;
}
.navSection .dropdown-item:before {
    font-family: Syms !important;
    content: "\e966";
    display: inline-block;
    width: 0;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    margin-right: 0.5rem;
    line-height: 1;
    font-size: inherit;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    transform: scale(0, 1);
    transition: all 0.25s ease-in-out;
}

@media (max-width: 767px) {
    .navSection .navbar-toggler {
      transform: scale(0.8);
    }
}

.navSection .navbar-nav {
    margin: auto;
    margin-left: auto;
    
}
.navSection .navbar-nav .nav-item {
    padding: 0 !important;
    transition: 0.3s all !important;
}
.navSection .navbar-nav .nav-item .nav-link {
    padding: 16px !important;
    margin: 0 !important;
    border-radius: 1rem !important;
    transition: 0.3s all !important;
}
  .navSection .navbar-nav .nav-item .nav-link:hover {
    background-color: rgba(27, 31, 10, 0.06);
}
.navSection .navbar-nav .open .nav-link::after {
    transform: rotate(180deg);
}
@media (min-width: 992px) {
    .navSection .navbar-nav .open .nav-link::before {
      content: "";
      width: 100%;
      height: 20px;
      top: 100%;
      background: transparent;
      position: absolute;
    }
    .navSection .navbar-nav {
      align-items: center;
  }
}

.navSection .navbar-nav .dropdown-item {
    padding: 12px !important;
    border-radius: 0.5rem !important;
    /*margin: 0 8px !important;*/
    transition: 0.3s all !important;
  }
  .navSection .navbar-nav .dropdown-item:hover {
    background-color: rgba(27, 31, 10, 0.06);
  }

  .navSection .nav-link {
    width: fit-content;
    position: relative;
  }


  @media (max-width: 767px) {
    .navSection .nav-dropdown {
      padding-bottom: 0.5rem;
    }
  }
  .navSection .nav-dropdown .link.dropdown-toggle::after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    transition: 0.3s all;
  }

 
  .navSection .container-fluid {
   /* display: flex;*/
    height: 90px;
    padding: 0.5rem 0.6rem;
    flex-wrap: nowrap;
    background: rgba(255, 255, 255, 0.9) !important;
    left: 0;
    right: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100vw;
    margin-top: 1rem;
    background-color: #ffffff;
    box-shadow: 0 30px 60px 0 rgba(27, 31, 10, 0.08);
  }
  
  .navSection .nav-item:focus,
  .navSection .nav-link:focus {
    outline: none;
  }

  .navSection .navbar {
    min-height: 90px;
    transition: all 0.3s;
    border-bottom: 1px solid transparent;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .navSection .navbar.opened {
    transition: all 0.3s;
  }

  @media (max-width: 991px) {
    .navSection .navbar-brand {
      margin-right: auto;
    }
    .navSection .navbar-collapse {
      z-index: -1 !important;
      position: absolute;
      top: 110%;
      left: 0;
      width: 100%;
      padding: 1rem;
      border-radius: 1.5rem;
      background: #ffffff;
      opacity: 1;
      border-color: rgba(255, 255, 255, 0.8) !important;
      background: rgba(255, 255, 255, 0.8) !important;
      backdrop-filter: blur(8px);
    }
    .navSection .navbar-nav .nav-item .nav-link::after {
      margin-left: 10px;
    }
    .navSection .navbar-nav .dropdown-item:hover {
      background-color: rgba(27, 31, 10, 0.06);
    }
    .navSection .navbar .dropdown > .dropdown-menu {
      max-width: 100% !important;
      transform: translateX(0);
      top: 10px;
      left: 0;
      padding: 8px !important;
      border-radius: 1rem;
      background-color: rgba(27, 31, 10, 0.04) !important;
    }
    .navSection .navbar .dropdown > .dropdown-menu .dropdown-item {
      padding: 8px !important;
      line-height: 1 !important;
      margin-bottom: 4px !important;
    }
    .navSection .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item {
      align-items: center;
      display: flex;
      height: max-content !important;
      min-height: max-content !important;
    }
    .navSection .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after {
      display: inline-block;
      position: static;
      margin-left: 0.5rem;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      transition: 0.3s all;
      transform: rotate(0deg);
    }
    .navSection .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after {
      transform: rotate(180deg);
    }
    .navSection .navbar .dropdown > .dropdown-menu .dropdown-submenu {
      position: static;
      width: 100%;
      max-width: 100% !important;
      transform: translateX(0) !important;
      top: 0;
      left: 0;
      padding: 8px !important;
      border-radius: 1rem;
      background-color: rgba(27, 31, 10, 0.04) !important;
    }
    .navSection .navbar .dropdown.open > .dropdown-menu {
      display: flex !important;
      flex-direction: column;
      align-items: flex-start;
    }
  }
  @media (max-width: 575px) {
    .navSection .navbar-collapse {
      padding: 1rem;
    }
  }

  @media (max-width: 400px) {
    .display-brand-logo-title {
      font-size: 1.1rem;
    }
  }

/*  ---------------------- */

/*  ---------------------- 
  SECTIONS
  ---------------------- */

@media (max-width: 1400px) {
    .container {
        max-width: 100%;
    }
}
@media (max-width: 1400px) and (min-width: 768px) {
    .container {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (max-width: 1400px) and (min-width: 768px) {
    .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (max-width: 767px) {
    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.mbr-section-title {
  font-style: normal;
  line-height: 1.3;
  text-align: center;
}
.mbr-section-subtitle {
  line-height: 1.3;
}


section.content {
    padding: 3em;
    text-align: justify;
}

section.dark {
  padding-top: 5rem;
  padding-bottom: 3rem;
  background-color: #7787a5;
}

section.firstSection {
  padding-top: 9rem;
  padding-bottom: 3rem;
}

/*  ---------------------- */
    
/*  ---------------------- 
  SPLASH SECTION 
  ---------------------- */

.splashSection {
  display: flex;
  background-image: url("/images/1bg4.png");
  align-items: flex-end;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
    
.mbr-fullscreen .mbr-overlay {
  min-height: 100vh;
}  

.mbr-fullscreen {
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  align-items:flex-end;
  min-height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.splashSection .container-fluid {
  background-color: #33192b;
  opacity: 0.7;
  padding-bottom: 2vh;
}

.splashSection .mbr-text,
.splashSection .mbr-section-btn {
  text-align: center;
}
.splashSection .mbr-section-title {
  color: #FFCA3A;
}
.splashSection .mbr-section-subtitle {
  color: #FFCA3A;
}

/*  ---------------------- */
    
/*  ---------------------- 
  WHY SECTION 
  ---------------------- */
.whySection {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: transparent;
}
    
.whySection .row {
  align-items: center;
  margin-right: -1rem;
  margin-left: -1rem;
}
.whySection .row {
  flex-direction: row-reverse;
}    
.whySection .card-wrapper {
  overflow: hidden;
  background: #ffffff;
}
.whySection .text-wrapper {
  padding: 4rem 3rem;
}
.whySection .image-wrapper {
  padding: 0 1rem;
}
.whySection img,
.whySection .image-wrapper {
  height: 600px;
  object-fit: cover;
}    
@media (max-width: 767px) {
  .whySection img,
  .whySection .image-wrapper {
    max-height: 350px;
  }
}

/*  ---------------------- */
    
/*  ---------------------- 
  FEATURES SECTION 
  ---------------------- */

.featuresSection {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: transparent;
}

.featuresSection .item-wrapper {
  border-radius: 2rem !important;
  background: #ffffff;
  padding: 2.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}   
@media (min-width: 992px) and (max-width: 1200px) {
  .featuresSection .item-wrapper {
    padding: 2rem 1.5rem;
    margin-bottom: 0rem;
  }
}
@media (max-width: 767px) {
  .featuresSection .item-wrapper {
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
  }
}

.featuresSection .card-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/*  ---------------------- */
    
/*  ---------------------- 
  OBJECTIVES SECTION 
  ---------------------- */

.objectivesSection {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: transparent;
}    

.objectivesSection .img-wrapper {
  display: flex;
  justify-content: center;
}
.objectivesSection .card-title,
.objectivesSection .img-wrapper {
  text-align: center;
}
.objectivesSection .card-text {
  color: #000000;
  text-align: center;
}
.objectivesSection .item-wrapper img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50% !important;
}

/*  ---------------------- */
    
/*  ---------------------- 
  FAQ SECTION 
  ---------------------- */

.faqSection {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: transparent;
}   

.faqSection .panel-group {
  border: none;
}
.faqSection .panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faqSection .panel-body {
  padding: 0rem;
  padding-bottom: 0.5rem;
  margin-top: 1rem;
}
.faqSection .card {
  background: #ffffff;
  padding: 2.25rem;
  border-radius: 2rem;
  margin-bottom: 1rem;
}
.faqSection .card-header {
  padding: 0rem;
}
.faqSection .card .card-header {
  background-color: transparent;
  margin-bottom: 0;
  border: 0;
  border-radius: 2rem;
}
.faqSection button {
  border: 0px;
  font-family: 'Manrope', sans-serif;
  font-size: 1.7rem;
  line-height: 1.5;
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: none;
}
.accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.faqSection p {
  margin-bottom: 0.3rem;
}

    
/*  ---------------------- */
    
/*  ---------------------- 
  SOCIAL SECTION 
  ---------------------- */

.socialSection {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: transparent;
}    

.socialSection .social-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.socialSection .social-row .soc-item {
  margin: 8px;
}
.socialSection .social-row .soc-item a:hover .mbr-iconfont,
.socialSection .social-row .soc-item a:focus .mbr-iconfont {
  background-color: #f7f7f7;
  border: 1px solid #666666;
}
.socialSection .social-row .soc-item a .mbr-iconfont {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 32px;
  background-color: #ffffff;
  color: #393193;
  transition: all 0.3s ease-in-out;
}
.socialSection .row-links {
  width: 100%;
  justify-content: center;
}
.socialSection .mbr-section-title {
  color: #ffffff;
}
.socialSection .mbr-section-title,
.socialSection .social-list {
  color: #000000;
}
    
/*  ---------------------- */
        
/*  ---------------------- 
  FOOTER SECTION 
---------------------- */

.footerSection {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #000000;
}    
.footerSection .copyright {
  color: #ffffff;
  text-align: left;
}
.footerSection .row-links {
  width: 100%;
  justify-content: center;
}
.footerSection .row-links .row-links-soc {
  list-style: none;
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}
.footerSection .row-links .row-links-soc li {
  padding: 0 1rem 0rem 1rem;
}
.footerSection .row-links .row-links-soc li .material-symbols-outlined {
  font-size: 1rem;
}
.footerSection row-links-soc-item {
  text-align: center;
}

/*  ---------------------- */
        
/*  ---------------------- 
  FORM CONTACT SECTION 
---------------------- */

.formContactSection {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: transparent;
}  

.form-control {
  font-family: 'Manrope', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 400;
  border-radius: 40px !important;
}

textarea.form-control {
  border-radius: 20px !important;
}
.form-control:hover,
.form-control:focus {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
  border-color: #6a4c93 !important;
}
.form-control:-webkit-input-placeholder {
  font-family: 'Manrope', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 400;
}
.mbr-form .input-group-btn .btn {
  border-radius: 100px !important;
}
.mbr-form .input-group-btn .btn:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.mbr-form .input-group-btn button[type="submit"] {
  border-radius: 100px !important;
  padding: 2rem 3rem;
}
.mbr-form .input-group-btn button[type="submit"]:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}

#formContactResult {
  display: none;
}

/*  ---------------------- */

/*  ---------------------- 
  POP-UP
---------------------- */

.alert-success {
    background-color: #70c770;
}
.alert-info {
    background-color: #0aa3c2;
}
.alert-warning {
    background-color: #cc9900;
}
.alert-danger {
    background-color: #ae1e2c;
}

/*  ---------------------- */



/* ADMIN */



/*  ---------------------- 
    ADMIN ASSERTIONS
  ---------------------- */

div.badgeBloc {
  display: inline-grid;
  text-align: center;
  width: 100%;
}

div.badgeBloc:hover {
  cursor: pointer;
}

div.badgeBloc .img-wrapper {
  display: flex;
  justify-content: center;
}

img.badgeImage {
  width: 256px;
}

.cardDescription {
  font-size: 0.8em;
}

.itemPopUp {
  display: none;
  /*visibility: hidden;*/
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  z-index:888; 
  padding: 16px 16px 360px 16px; 
  background-color: #9999ffcf;
  border-radius: 10%;
}

.buttonListItemContainer {
  display: block;
  width: 100%;
  margin-top: 5px;
}

.buttonListItemContainer button {
  display: block;
  width: 100%;
  margin: 0;
}

.itemPopUpClose {
  display: inherit;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.itemPopUpClose:hover {
  cursor: pointer;
}

.itemPopUpClose img {
  width: 10%;
  min-width: 64px;
  margin: auto;
}

.txtArea {
  max-width: 80%;
  height: 128px;
  background-color: #ececec;
}

.mainButton,
button.btn {
  border-radius: 100px;
}

.cont-bg {
  min-height: 100vh;
  background-image: radial-gradient(
    circle farthest-corner at 7.2% 13.6%,
    rgba(37, 249, 245, 1) 0%,
    rgba(8, 70, 218, 1) 90%
  );
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cont-main {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.cont-checkbox:active {
  transform: scale(0.9);
}

div.cont-checkbox > input {
  display: none;
}

.cont-checkbox input:checked + label {
  opacity: 1;
  box-shadow: 0 0 0 3px var(--background);
}

.cont-checkbox input:checked + label img {
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}

.cont-checkbox input:checked + label .cover-checkbox {
  opacity: 1;
  transform: scale(1);
}

.cont-checkbox input:checked + label .cover-checkbox svg {
  stroke-dashoffset: 0;
}

.cont-checkbox label {
  display: inline-block;
  cursor: pointer;
  border-radius: var(--border-radius);
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0.6;
}

.cont-checkbox label img {
  width: 100%;
  height: 80%;
  object-fit: cover;
  clip-path: polygon(0% 0%, 100% 0, 100% 81%, 50% 100%, 0 81%);
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.cont-checkbox label .cover-checkbox {
  position: absolute;
  right: 5px;
  top: 3px;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--box-shadow);
  border: 2px solid #fff;
  transition: transform var(--transition),
  opacity calc(var(--transition) * 1.2) linear;
  opacity: 0;
  transform: scale(0);
}

.cont-checkbox label .cover-checkbox svg {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: top;
  fill: none;
  margin: 5px 0 0 3px;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  transition: stroke-dashoffset 0.4s ease var(--transition);
  stroke-dashoffset: 16px;
}

.cont-checkbox label .info {
  text-align: center;
  margin-top: 0.2rem;
  font-weight: 600;
  font-size: 0.8rem;
}

/*  ---------------------- */

/*  ---------------------- 
    ADMIN LIST BADGES
  ---------------------- */

table.badgeList td {
  vertical-align: top;
}

tr.btLine {
  border-bottom: 1px solid #666666;
}

.badgeIcon {
  width: 64px;
}  

.badgeName {
  font-weight: bold;
  color: #030303;
}

.badgeLevel {
  font-style: italic;
  color: #030303;
}

.badgeDescription {
  font-size: 0.8rem;
  padding-left: 2rem;
}

/*  ---------------------- */

/*  ---------------------- 
    ADMIN SAVE BADGE
  ---------------------- */

.saveBadgeImage {
  width: 256px;
  height: 256px;
  max-width: 70%;
  display: inline-block;
}

#saveBadgeForm label {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 1.2rem;
}

#saveBadgeForm .formText,
#saveBadgeForm .formTextarea {
  width: 80%;
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: 0.5rem;
}

/*  ---------------------- */

/*  ---------------------- 
    ADMIN ADD BADGE
  ---------------------- */

#addBadgeForm label {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 1.2rem;
}

#addBadgeForm .formText,
#addBadgeForm .formTextarea {
  width: 80%;
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: 0.5rem;
}




/*  ---------------------- */

/*  ---------------------- 
    ADMIN PROFILE
  ---------------------- */
  
div.profilePicContainer {
    margin: 0px;
}
@media (max-width: 767px) {
  div.profilePicContainer {
    margin: 0px;
  }
}

div.profilePicContainer img {
    max-height: 48px; 
    max-width: 48px;
    outline: 3px solid var(--primary-border);
}