* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-ExtraLight.ttf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-ExtraLightItalic.ttf");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Light.ttf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-LightItalic.ttf");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Regular.ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Italic.ttf");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Regular.ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Italic.ttf");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Medium.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-MediumItalic.ttf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-SemiBold.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-SemiBoldItalic.ttf");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Bold.ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-BoldItalic.ttf");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-ExtraBold.ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-ExtraBoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-Black.ttf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../Muli/Muli-BlackItalic.ttf");
  font-weight: 800;
  font-style: italic;
}

:root {
  --bring-forward: 999;
  --send-backward: 0;
  --bring-to-top: 9999;
  --font-family: "Muli", sans-serif;
  --x-sm-font: 0.75rem;
  --sm-font: 0.875rem;
  --reg-font: 1rem;
  --md-font: 1.125rem;
  --base-font: 1rem;
  --lg-font: 3.5rem;
  --x-lg-font: 5rem;
  --dark-text: #fff;
  --dark-bg: linear-gradient(to right, rgba(1, 13, 33, 0.71), rgba(44, 40, 122, 0.19) 49.58%, rgba(1, 9, 38, 0.8)),
    linear-gradient(134deg, rgba(27, 69, 169, 0.67), rgba(1, 22, 93, 0.36) 56.72%),
    linear-gradient(to right, #000d21, rgb(57, 71, 51) 48.74%, #000825);
  --primary-text: #232323;
  --primary-bg: #fff;
  --primary-gradient: linear-gradient(100deg, rgba(223, 233, 247, 0.4), rgba(243, 243, 243, 0.87) 55.88%, rgba(241, 241, 241, 0.14)),
    linear-gradient(320deg, rgba(222, 223, 224, 0.76), rgba(230, 230, 230, 0.26) 41.18%, rgba(238, 253, 255, 0.71)),
    linear-gradient(118deg, #dce8ff 31.51%, #eaf8ff);
  --secondary-text: #fff;
  --secondary-bg: #004fba;
  --secondary-gradient: linear-gradient(172deg, rgba(2, 8, 157, 0.49), rgba(4, 61, 162, 0.74) 87.82%),
    linear-gradient(236deg, rgba(6, 242, 250, 0.86) 16.81%, rgba(3, 62, 166, 0.89) 52.1%, rgba(0, 11, 30, 0.92) 70.59%);
  --tertiary-text: #fff;
  --tertiary-bg: #6cace0;
  --anchor-default: red;
  --grey-color: #f3f3f3;
  --grey-text: #222;
  --grey-bg: linear-gradient(100deg, rgba(223, 233, 247, 0.4), rgba(243, 243, 243, 0.87) 55.88%, rgba(241, 241, 241, 0.14)),
    linear-gradient(320deg, rgba(222, 223, 224, 0.76), rgba(230, 230, 230, 0.26) 41.18%, rgba(238, 253, 255, 0.71)),
    linear-gradient(118deg, #dce8ff 31.51%, #eaf8ff);
  --white-text: #222;
  --white-bg: #fff;
  --off-white-bg: #dadada;
  --substitute-bg: linear-gradient(to right, #0f538b, #00214e);
  --substitute-text: #fff;
  --accent-bg: #7db8ff;
  --accent-text: #000b28;
  --off-accent-bg: #f1f8fb;
  --off-accent-text: #091b25;
  --trans-white-bg: rgba(255, 255, 255, 0.25);
  --trans-dark-bg: rgba(0, 0, 0, 0.25);
  --trans-dark-text: #fff;
  --trans-faded-bottom: linear-gradient(rgba(0, 0, 0, 0.66), rgba(39, 37, 39, 0.43529411764705883) 29.83%, rgba(83, 83, 83, 0.2784313725490196) 56.72%, rgba(108, 108, 108, 0.17647058823529413) 71.85%, rgba(122, 122, 122, 0.07) 86.13%, rgba(255, 255, 255, 0));

  --fade-out-top-bg: linear-gradient(rgba(0, 0, 0, 0.45),
      rgba(0, 0, 0, 0.15) 36.97%,
      rgba(0, 0, 0, 0) 61.18%);
  --gradient-dark-trans-bg: linear-gradient(to top, rgb(0, 0, 0) 25.63%, rgba(0, 0, 0, 0)) --gradient-dark-trans-text: #fff;
  --green-trans-gradient-bg: linear-gradient(92deg, rgba(0, 0, 0, 0.88) 9.24%, rgba(2, 6, 12, 0.63) 27.73%, rgba(0, 3, 7, 0.19) 47.9%, rgba(0, 0, 0, 0) 63.03%);
  --green-trans-gradient-text: #fff;
  --green-trans-faded-top: linear-gradient(151deg, #022238 15.97%, rgba(7, 114, 145, 0) 63.45%);
  --fade-out-top-bg: linear-gradient(rgba(0, 0, 0, 0.45),
      rgba(0, 0, 0, 0.15) 36.97%,
      rgba(0, 0, 0, 0) 61.18%);
  --fade-out-top: linear-gradient(rgba(255, 255, 255, 0), rgba(126, 126, 126, 0.12) 27.31%, rgba(60, 60, 60, 0.57) 64.71%, #010b44 96.64%);
  --green-trans-faded-top-text: #fff;
  --full-radius: 25px;
  --radius: 10px;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--primary-bg);
  font-family: var(--font-family);
  color: var(--primary-text);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  width: 100%;
  font-weight: 300;
  line-height: 1.2;
  overflow-x: hidden;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.primary,
div.primary,
section.primary,
a.primary,
a.btn.primary,
a.cta.primary,
span.primary {
  background: var(--primary-bg);
  color: var(--primary-text) !important;
}

.primary-text,
div.primary-text,
section.primary-text,
a.primary-text,
a.btn.primary-text,
a.cta.primary-text,
span.primary-text {
  color: var(--primary-bg);
}

.secondary,
div.secondary,
section.secondary,
a.secondary,
span.secondary {
  background: var(--secondary-bg);
  color: var(--secondary-text);
}

.secondary-color,
p.secondary-color,
div.secondary-color,
section.secondary-color,
a.secondary-color,
span.secondary-color {
  color: var(--secondary-bg);
}

.tertiary,
div.tertiary,
section.tertiary,
a.tertiary,
span.tertiary {
  background: var(--tertiary-bg);
  color: var(--tertiary-text);
}

.tertiary-color,
p.tertiary-color,
div.tertiary-color,
section.tertiary-color,
a.tertiary-color,
span.tertiary-color {
  color: var(--tertiary-bg);
}

.substitute,
div.substitute,
section.substitute,
a.substitute,
span.substitute {
  background: var(--substitute-bg);
  color: var(--substitute-text);
}

.substitute-color,
p.substitute-color,
div.substitute-color,
section.substitute-color,
a.substitute-color,
span.substitute-color {
  color: var(--substitute-bg);
}

.accent,
div.accent,
section.accent,
a.accent,
span.accent {
  background: var(--accent-bg);
  color: var(--accent-text);
}

.accent-color,
p.accent-color,
div.accent-color,
section.accent-color,
a.accent-color,
span.accent-color {
  color: var(--accent-bg);
}

.off-accent,
div.off-accent,
section.off-accent,
a.off-accent,
span.off-accent {
  background: var(--off-accent-bg);
  color: var(--off-accent-text);
}

.off-accent-color,
p.off-accent-color,
div.off-accent-color,
section.off-accent-color,
a.off-accent-color,
span.off-accent-color {
  color: var(--off-accent-bg);
}

.grey,
div.grey,
section.grey,
a.grey,
span.grey {
  background: var(--grey-bg);
  color: var(--grey-text);
}

.grey-color,
p.grey-color,
div.grey-color,
section.grey-color,
a.grey-color,
span.grey-color {
  color: var(--grey-bg);
}

.accent-color,
p.accent-color,
div.accent-color,
section.accent-color,
a.accent-color,
span.accent-color {
  color: var(--accent-bg);
}

.dark,
div.dark,
section.dark,
a.dark,
span.dark {
  background: var(--dark-bg);
  color: var(--dark-text);
}

.dark-color,
p.dark-color,
div.dark-color,
section.dark-color,
a.dark-color,
span.dark-color {
  color: var(--dark-bg);
}

.trans-bg,
div.trans-bg,
section.trans-bg,
a.trans-bg,
span.trans-bg {
  background: var(--trans-dark-bg);
  color: var(--trans-dark-text);
}

.trans-blur,
div.trans-blur,
section.trans-blur,
a.trans-blur,
span.trans-blur {
  background: var(--trans-dark-bg);
  color: var(--trans-dark-text);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.gradient-dark-trans,
div.gradient-dark-trans,
section.gradient-dark-trans,
a.gradient-dark-trans,
span.gradient-dark-trans {
  background: var(--gradient-dark-trans-bg);
  color: var(--gradient-dark-trans-text);
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  transform: scale(0.95);
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

p {
  font-weight: normal;
  line-height: 1.5;
}

.bring-forward {
  z-index: var(--bring-forward);
}

.bring-to-top {
  z-index: var(--bring-to-top);
}

.send-backward {
  z-index: var(--send-backward);
}

.fade-out-top-bg {
  color: var(--dark-text);
  background: var(--fade-out-top-bg);
}

.fade-out-top {
  color: var(--dark-text);
  background: var(--fade-out-top);
}

.col_2-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.col_3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.col_4-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.col_5-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.col_6-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}

.full-radius {
  border-radius: var(--full-radius);
}

.radius {
  border-radius: var(--radius);
}

.primary a.cta.btn,
section.primary a.cta.btn,
div.primary a.cta.btn {
  color: var(--primary-text);
}

.primary a.cta.btn i.bi,
section.primary a.cta.btn i.bi,
div.primary a.cta.btn i.bi {
  color: var(--primary-text);
  background: var(--accent-bg);
}

.off-accent a.cta.btn,
section.off-accent a.cta.btn,
div.off-accent a.cta.btn {
  color: var(--off-accent-text);
}

.off-accent a.cta.btn i.bi,
section.off-accent a.cta.btn i.bi,
div.off-accent a.cta.btn i.bi {
  color: var(--dark-text);
  background: var(--dark-bg);
}

a.cta.btn.border,
.primary a.cta.btn.border {
  padding: 7px 22px;
  border-radius: 30px;
  color: inherit;
}

a.cta.btn.secondary,
section a.cta.btn.secondary,
div a.cta.btn.secondary,
.primary a.cta.btn.secondary,
section.primary a.cta.btn.secondary,
div.primary a.cta.btn.secondary {
  background: var(--secondary-bg);
  color: var(--secondary-text);
  padding: 5px 20px;
  line-height: 3;
  font-weight: 600;
  border-radius: 30px;
}

a.cta.btn.grey,
section a.cta.btn.grey,
div a.cta.btn.grey,
.primary a.cta.btn.grey,
section.primary a.cta.btn.grey,
div.primary a.cta.btn.grey {
  background: var(--grey-bg);
  color: var(--grey-text);
  padding: 5px 20px;
  line-height: 3;
  font-weight: 600;
  border-radius: 30px;
  border: 1px solid #ccc;
}

.row,
div.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.carousel-indicators [data-bs-target] {
  background-color: var(--tertiary-bg);
}

.rounded,
div.rounded {
  border-radius: 1.2rem !important;
}

.container,
div.container,
section .container,
footer .container {
  width: 87%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  max-width: none;
  flex-direction: column;
  padding: 0;
}

.fit-content,
div.fit-content,
section.fit-content {
  height: fit-content;
  height: -webkit-fit-content;
}

.accordion-button:not(.collapsed) {
  color: var(--tertiary-bg);
  background-color: transparent;
  box-shadow: none;
}

.accordion-body {
  padding: 1rem 1.25rem;
  padding-bottom: 30px;
  font-size: 1.45rem;
  line-height: 1.4;
}

.accordion-button::after {
  background-color: var(--accent-bg);
  padding: 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
  background-position: center;
  border-radius: 30px;
}

.accordion-button:not(.collapsed)::after {
  background-color: #eee;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
}

header {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  background: var(--primary-bg);
  z-index: 1000;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top: 5px solid var(--grey-bg);
}

header div.logo {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  background: var(--white-bg);
  margin: 0;
  padding: 10px 10px;
  position: relative;
}

header div.logo img.logo {
  width: 160px;
  height: auto;
  display: flex;
  max-width: none;
  flex: 0 0 auto;
}

header nav ul,
header nav ul li {
  display: flex;
  flex: 0 0 auto;
  gap: 2rem;
}

header nav ul li {
  padding: 0;
}

header i {
  font-size: 20px;
}

header nav ul li i.menu,
header nav ul li i.menuMbl {
  font-size: 45px;
  color: inherit;
  cursor: pointer;
}

header a,
header a.btn,
header nav li a {
  color: inherit;
  font-weight: 400;
  font-size: 14.5px;
}

header nav li a:hover {
  color: var(--accent-bg);
}

header nav ul li .dropdownMenu {
  position: absolute;
  width: 300px;
  display: none;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: 100px;
  background: var(--primary-bg);
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-top: 30px !important;
  margin-top: 15px;
  padding: 2rem;
  margin-left: -1.5rem;
}

.dropdownMenu ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

header nav ul li:hover .dropdownMenu {
  display: flex;
}

.carousel-indicators {
  margin-bottom: -50px;
}

span.clean-ui__customControl {
  background: var(--accent-bg);
  color: var(--primary-text);
  line-height: 32px;
  border-radius: 32px;
  opacity: 1 !important;
}

button.clean-ui__customControl {
  opacity: 1;
}

.fw-bold {
  font-weight: 600 !important;
}

section.hero-banner {
  margin: 0;
  width: 100%;
  display: flex;
  flex: 0 0 auto;
  height: calc(100vh + 5rem);
  overflow: hidden;
  z-index: 0;
  position: relative;
  background: var(--dark-bg);
}

section.hero-banner .carousel,
section.hero-banner .carousel .carousel-inner {
  width: 100%;
  height: 100%;
  display: flex;
}

section.hero-banner .carousel .carousel-item {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
}

section.hero-banner .carousel .carousel-caption {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: var(--green-trans-gradient-bg);
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: left;
  font-style: italic;
  line-height: 1 !important;
  font-size: 17px;
}

section.hero-banner .carousel .carousel-caption h1,
section.hero-banner .carousel .carousel-caption h3,
section.hero-banner .carousel .carousel-caption h3,
section.hero-banner .carousel .carousel-caption h4,
section.hero-banner .carousel .carousel-caption h5,
section.hero-banner .carousel .carousel-caption h6 {
  font-weight: 800;
  text-transform: capitalize;
  font-style: italic;
  line-height: 1;
}

section.hero-banner .carousel .carousel-caption h1 span,
section.hero-banner .carousel .carousel-caption h2 span,
section.hero-banner .carousel .carousel-caption h3 span,
section.hero-banner .carousel .carousel-caption h4 span,
section.hero-banner .carousel .carousel-caption h5 span,
section.hero-banner .carousel .carousel-caption h6 span {
  color: var(--accent-bg);
}

section.hero-banner .carousel .carousel-caption h1 {
  font-size: 5rem;
}

section.hero-banner .carousel .carousel-caption h2 {
  font-size: 4rem;
}

section.hero-banner .carousel .carousel-caption h3 {
  font-size: 2.55rem;
}

section.hero-banner .carousel .carousel-caption h4 {
  font-size: 2.2rem;
}

section.hero-banner .carousel .carousel-caption h5 {
  font-size: 1.2rem;
}

section.hero-banner .carousel .carousel-caption h6 {
  font-size: 1rem;
}

a.cta.btn,
section.hero-banner .carousel .carousel-caption a {
  font-size: 1.2rem;
  font-weight: 500;
  color: inherit;
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
  width: fit-content;
  margin: 0;
  align-items: center;
  padding: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

a.cta.btn i.bi,
section.hero-banner .carousel .carousel-caption a i.bi {
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

a.cta.btn:hover i.bi,
section.hero-banner .carousel .carousel-caption a:hover i.bi {
  background: var(--accent-bg);
}

section.hero-banner .carousel-indicators {
  justify-content: flex-start;
  margin-right: 0%;
  margin-bottom: 10rem;
  margin-left: 0%;
  width: 100%;
  padding: 0% 7%;
}

section.hero-banner .carousel-indicators [data-bs-target] {
  width: 20px;
  height: 20px;
  border-radius: 0;
  background-color: #ffffff;
  border: 2px;
  border-radius: 40px;
}

section.hero-banner .carousel-indicators .active {
  background-color: #fbfbfb;
}

section.hero-banner .carousel-indicators .active::after {
  width: 30px;
  height: 30px;
  content: "";
  background: transparent;
  border: 3px solid #fbfbfb;
}

.carousel-control-next,
.carousel-control-prev {
  width: 5%;
  z-index: 100;
  display: none;
}

section.hero-banner .carousel-control-next-icon,
section.hero-banner .carousel-control-prev-icon {
  width: 5rem;
  height: 5rem;
}

section.hero-banner div.cta-hero-box {
  position: absolute;
  justify-self: flex-end;
  align-self: flex-end;
  left: auto;
  right: 0;
  z-index: 1;
}

.arc-top {
  position: relative;
}

.arc-top::before,
.arc-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 5rem;
  background: inherit;
  border-radius: 45px;
  overflow: hidden;
}

.arc-top::before {
  top: -4.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.arc-bottom::after {
  bottom: -4.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.secondary-gradient {
  background: var(--secondary-gradient);
  color: var(--primary-bg);
}

.primary-text-gradient,
i.primary-text-gradient::before {
  background: var(--primary-gradient);
}

.substitute-text-gradient,
i.substitute-text-gradient::before {
  background: var(--substitute-gradient);
}

.tertiary-text-gradient,
i.tertiary-text-gradient::before {
  background: var(--tertiary-gradient);
}

.secondary-text-gradient,
i.secondary-text-gradient::before {
  background: var(--secondary-gradient);
}

.accent-text-gradient,
i.accent-text-gradient::before {
  background: var(--accent-gradient);
}

.text-gradient,
i.text-gradient::before {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-word;
  color: transparent;
}

.clean-ui__rounded-container,
.clean-ui__dark-trans-bg-container {
  position: relative;
  border-radius: 1.2rem;
  overflow: hidden;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0%;
}

.clean-ui__dark-trans-bg-container img.trans__bg__img {
  display: flex;
  margin: 0 auto;
  min-height: 200px;
  height: 100%;
  width: auto;
}

.clean-ui__img-containerBase {
  width: 100%;
  height: 230px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.clean-ui__img-containerBase img {
  display: flex;
  flex: 0 0 auto;
  margin: 0 auto;
  width: fill-available;
  width: -webkit-fill-available;
  position: relative;
}

.clean-ui__fullBgOnText {
  z-index: 1;
  background: var(--green-trans-faded-top);
  color: var(--green-trans-faded-top-text);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.clean-ui__fullBgOnTextBase {
  display: flex;
  flex: 0 0 auto;
  min-height: 500px;
  position: absolute;
  justify-content: center;
  align-items: center;
  align-content: center;
  top: 0;
  height: 500px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.clean-ui__fullBgOnTextBase img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex: 0 0 auto;
  justify-self: center;
  align-self: center;
  position: relative;
}

.clean-ui__dark-trans-bg-textHolder {
  display: flex;
  position: absolute;
  z-index: 100;
  bottom: 0%;
  width: 100%;
  left: 0;
  right: 0;
  top: auto;
  justify-content: center;
  padding: 3rem;
  color: var(--trans-dark-text);
}

.clean-ui__dark-trans-bg-textHolder::after {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(126, 126, 126, 0.12) 52.1%, rgba(60, 60, 60, 0.57) 70.59%, #030229 96.64%);
  z-index: -1;
  top: 0;
  left: 0;
  right: auto;
}

.clean-ui__kitBox {
  height: 400px;
  max-height: 400px;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0;
  border-radius: 1.2rem;
  background: var(--secondary-bg);
  position: relative;
}

.clean-ui__kitBox img {
  display: flex;
  margin: 0 auto;
  flex: 0 0 auto;
  justify-self: center;
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  z-index: 0;
}

.clean-ui__kitBox div {
  z-index: 1;
  position: relative;
  height: auto;
}

.clean-ui__overflowKit {
  overflow: visible;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  display: flex;
}

.clean-ui__overflowKit img {
  border-radius: 1.2rem;
  z-index: 0;
  position: absolute;
  display: flex;
  width: 100%;
  left: 0;
  top: auto;
  bottom: auto;
  justify-self: center;
  align-self: center;
}

.clean-ui__overflowKit .clean-ui__overflowKit-Elems {
  display: flex;
  height: 100%;
  position: relative;
  top: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: transparent;
  z-index: 100;
  right: 0;
  padding: 0;
}

.clean-ui__KitElems {
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  margin: 0.5rem auto;
  width: 100%;
  margin-right: -25%;
}

.hover-effect {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.hover-effect:hover .bounce-effect,
.hover-effect.bounce-effect:hover,
.hover-effect:hover .track-effect .bounce-effect {
  animation: bounce 1.5s ease-in-out 0.2s;
}

.hover-effect.hover-primary:hover,
.btn.hover-effect.hover-primary:hover,
a.btn.hover-effect.hover-primary:hover,
header a.btn.hover-effect.hover-primary:hover {
  word-break: break-word;
  border: 1px solid var(--trans-dark-bg);
  background-color: var(--secondary-bg);
  backdrop-filter: blur(5px);
}

.hover-effect.hover-primary:hover *,
.btn.hover-effect.hover-primary:hover *,
a.btn.hover-effect.hover-primary:hover *,
header a.btn.hover-effect.hover-primary:hover * {
  background: var(--secondary-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-word;
}

.hover-effect.hover-primary-inverse:hover,
.btn.hover-effect.hover-primary-inverse:hover,
a.btn.hover-effect.hover-primary-inverse:hover,
header a.btn.hover-effect.hover-primary-inverse:hover {
  background: var(--primary-color);
  color: var(--primary-bg);
}

.hover-after-effect:hover::after {
  bottom: 0;
  animation: fade-in-bottom 0.5s ease-in-out;
  -webkit-animation: fade-in-bottom 0.5s ease-in-out;
}

.hover-after-effect::after {
  border-top-left-radius: 70px;
  border-top-right-radius: 0px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  bottom: -100%;
  z-index: var(--send-backward);
}

.hover-after-primary::after {
  background: var(--primary-bg);
  color: var(--primary-color) !important;
}

.hover-after-effect.hover-after-primary:hover {
  color: var(--primary-color);
}

.hover-after-secondary::after {
  background: var(--secondary-bg);
  color: var(--secondary-color) !important;
}

.hover-after-effect.hover-after-secondary:hover {
  color: var(--secondary-color);
}

.hover-after-accent::after {
  background: var(--accent-bg);
  color: var(--accent-color) !important;
}

.hover-after-effect.hover-after-accent:hover {
  color: var(--accent-color);
}

.hover-after-primary-gradient::after {
  background: var(--primary-gradient);
  color: var(--primary-color) !important;
}

.hover-after-effect.hover-after-primary-gradient:hover {
  color: var(--primary-color);
}

.hover-after-secondary-gradient::after {
  background: var(--secondary-gradient);
  color: var(--secondary-color) !important;
}

.hover-after-effect.hover-after-secondary-gradient:hover {
  color: var(--secondary-color);
}

.hover-after-accent-gradient::after {
  background: var(--accent-gradient);
  color: var(--accent-color) !important;
}

.hover-after-effect.hover-after-accent-gradient:hover {
  color: var(--accent-color);
}

.hover-display,
.hover-display * {
  opacity: 0;
  display: none;
}

.hover-display:hover,
.hover-display:hover * {
  opacity: 1;
  display: flex;
  animation: slide-in-left 1s ease-in-out both;
  -webkit-animation: slide-in-left 1s ease-in-out both;
}

.hoverScale:hover img.hoverScale,
div.hoverScale:hover img.hoverScale,
.clean-ui__rounded-container:hover img,
.clean-ui__rounded-container:hover img.hoverScale,
.clean-ui__dark-trans-bg-container:hover img,
.clean-ui__dark-trans-bg-container:hover img.hoverScale,
.clean-ui__kitBox:hover img,
.clean-ui__kitBox:hover img.hoverScale,
.clean-ui__overflowKit:hover img,
.clean-ui__overflowKit:hover img.hoverScale,
.clean-ui__fullBgOnText:hover img,
.clean-ui__fullBgOnText:hover img.hoverScale,
.clean-ui__fullBgOnTextBase:hover img,
.clean-ui__fullBgOnTextBase:hover img.hoverScale,
.clean-ui__img-containerBase:hover img,
.clean-ui__img-containerBase:hover img.hoverScale {
  transform: scale(1.12, 1.12);
  -webkit-transform: scale(1.12, 1.12);
  -o-transform: scale(1.12, 1.12);
  -ms-transform: scale(1.12, 1.12);
}

.clean-ui__mega-menu,
.clean-ui__mega-menu-mobile {
  display: none;
  flex: 0 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 1000;
}

.clean-ui__mega-menu.active,
.clean-ui__mega-menu-mobile.active {
  display: flex;
}

.clean-ui__mega-menu .nav-pills .nav-link,
.clean-ui__mega-menu-mobile .nav-pills .nav-link {
  border-radius: 0;
  background: var(--dark-bg);
  display: flex;
  justify-content: flex-start;
  width: 100%;
  font-weight: 600;
  color: var(--dark-text);
  height: 100px;
  align-items: center;
  border-bottom: 1px solid rgba(204, 204, 204, 0.22);
  font-size: 1.25rem;
}

.clean-ui__mega-menu .nav-pills .nav-link:hover,
.clean-ui__mega-menu-mobile .nav-pills .nav-link:hover {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transform: scale(1.1, 1.1);
}

.clean-ui__mega-menu i.clsMenu,
.clean-ui__mega-menu-mobile i.clsMenu {
  right: 0;
  color: var(--primary-text);
  cursor: pointer;
}

.clean-ui__mega-menu .nav-pills .nav-link.active,
.clean-ui__mega-menu .nav-pills .show>.nav-link,
.clean-ui__mega-menu-mobile .nav-pills .nav-link.active,
.clean-ui__mega-menu-mobile .nav-pills .show>.nav-link {
  background-color: none;
  background: var(--secondary-bg);
  color: var(--secondary-text);
}

.clean-ui__mega-menu a,
.clean-ui__mega-menu-mobile a {
  color: inherit;
}

.clean-ui__mega-menu img,
.clean-ui__mega-menu-mobile img {
  height: 620px;
  margin: 0 auto !important;
  justify-self: center;
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.clean-ui__mega-menu .menuList,
.clean-ui__mega-menu-mobile .menuList {
  overflow: auto;
}

.clean-ui__mega-menu-mobile ul li a {
  font-size: 15px;
  font-weight: 600;
}

.clean-ui__mega-menu-mobile ul li a:hover {
  font-weight: 300;
}

.clean-ui__mega-menu-mobile .accordion-flush .accordion-item .accordion-button {
  font-weight: 600;
  font-size: 16px;
}

.x-sm-font,
p.x-sm-font,
div.x-sm-font,
.material-symbols-outlined.x-sm-font {
  font-size: var(--x-sm-font);
}

.sm-font,
p.sm-font,
div.sm-font,
.material-symbols-outlined.sm-font {
  font-size: var(--sm-font);
}

.reg-font,
p.reg-font,
div.reg-font,
.material-symbols-outlined.reg-font {
  font-size: var(--reg-font);
}

.md-font,
p.md-font,
div.md-font,
.material-symbols-outlined.md-font {
  font-size: var(--md-font);
}

.lg-font,
p.lg-font,
div.lg-font,
.material-symbols-outlined.lg-font {
  font-size: var(--lg-font);
}

/* cards */
.mini-card,
div.mini-card,
section.mini-card,
article.mini-card,
span.mini-card {
  min-height: 240px;
  height: 240px;
}

.mini-card.img-container-rounded,
span.mini-card.img-container-rounded,
div.mini-card.img-container-rounded {
  border-radius: 300px;
  overflow: hidden;
}

.mini-card.img-container-rounded img {
  height: auto;
  max-height: none !important;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.card,
div.card,
section.card,
article.card,
span.card {
  height: 320px;
  width: 320px !important;
}

.card-1,
div.card-1,
section.card-1,
article.card-1,
span.card-1 {
  height: 500px;
}

.card-2,
div.card-2,
section.card-2,
article.card-2,
span.card-2 {
  height: 660px;
}

.card-3,
div.card-3,
section.card-3,
article.card-3,
span.card-3 {
  height: 720px;
}

.card-4,
div.card-4,
section.card-4,
article.card-4,
span.card-4 {
  height: 820px;
}

footer,
footer p {
  font-size: var(--sm-font);
  line-height: 1.2;
  margin: 0;
}

.alt-content {
  position: absolute;
}

.alt-base {
  position: relative;
}

.alt-base img {
  width: 100%;
}

.form-control,
form .form-control {
  background: transparent;
  background-color: transparent;
  height: 50px;
}

.form-control:focus,
form .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

/* height controls for containers */

.h-1,
div.h-1,
section.h-1,
span.h-1,
img.h-1 {
  height: 100px;
}

.h-15,
div.h-15,
section.h-15,
span.h-15,
img.h-15 {
  height: 150px;
}

.h-2,
div.h-2,
section.h-2,
span.h-2,
img.h-2 {
  height: 200px;
}

.h-25,
div.h-25,
section.h-25,
span.h-25,
img.h-25 {
  height: 250px;
}

.h-3,
div.h-3,
section.h-3,
span.h-3,
img.h-3 {
  height: 300px;
}

.h-35,
div.h-35,
section.h-35,
span.h-35,
img.h-35 {
  height: 350px;
}

.h-4,
div.h-4,
section.h-4,
span.h-4,
img.h-4 {
  height: 400px;
}

.h-45,
div.h-45,
section.h-45,
span.h-45,
img.h-45 {
  height: 450px;
}

.h-5,
div.h-5,
section.h-5,
span.h-5,
img.h-5 {
  height: 500px;
}

.h-55,
div.h-55,
section.h-55,
span.h-55,
img.h-55 {
  height: 550px;
}

.h-6,
div.h-6,
section.h-6,
span.h-6,
img.h-6 {
  height: 600px;
}

.h-65,
div.h-65,
section.h-65,
span.h-65,
img.h-65 {
  height: 650px;
}

.h-7,
div.h-7,
section.h-7,
span.h-7,
img.h-7 {
  height: 700px;
}

.showMobile {
  display: none;
}

.social_corner,
div.social_corner,
span.social_corner {
  position: fixed;
  padding: 2.3rem;
  z-index: 9999;
  background: transparent;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: 0;
  bottom: 0;
}

.social_corner a {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--accent-bg);
  color: var(--accent-text);
  border-radius: 120px;
  margin-bottom: 10px;
}

.social_corner a i.bi {
  color: inherit;
}

.menuMbl {
  display: none !important;
}

.menu {
  display: flex !important;
}

/* responsive style */

@media (max-width: 1160px) {
  section.hero-banner .carousel .carousel-caption h3 {
    font-size: 3.2rem;
  }
}

@media (max-width: 1080px) {
  section.hero-banner div.cta-hero-box {
    display: none !important;
  }

  section.hero-banner {
    height: auto;
  }

  section.hero-banner .carousel .carousel-item img {
    position: relative;
    z-index: 0;
  }

  section.hero-banner .carousel .carousel-caption {
    background: var(--secondary-bg);
    position: relative;
    height: -webkit-fit-content;
    padding: 3rem;
    z-index: 999;
  }

  section.hero-banner .carousel .carousel-caption h3 {
    font-size: 2rem;
  }

  .clean-ui__overflowKit {
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .clean-ui__overflowKit img {
    position: relative;
  }

  .clean-ui__KitElems {
    margin-right: 0%;
  }

  .hideMobile {
    display: none;
  }

  .showMobile {
    display: flex;
  }

  .col_3-grid,
  .col_4-grid,
  .col_5-grid,
  .col_6-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  div.position-absolute.w-100.h-100.send-backward img.d-flex.w-100.m-auto {
    width: auto !important;
    height: 100% !important;
  }

  .card,
  .card-1,
  .card-2,
  .card-3.card-4 {
    min-height: 200px;
    height: auto !important;
  }
}

@media (max-width: 680px) {
  :root {
    --font-family: "Muli", sans-serif;
    --reg-font: 16px;
  }

  section.hero-banner .carousel-indicators {
    justify-content: center;
    bottom: auto;
    top: 0;
    margin-bottom: 0;
    margin-top: 10rem;
  }

  .social_corner,
  div.social_corner,
  span.social_corner {
    padding: 0.3rem;
  }

  section.hero-banner .carousel .carousel-item {
    justify-content: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 570px;
  }

  section.hero-banner .carousel .carousel-item img {
    display: flex !important;
    margin: 0 auto;
    width: 100% !important;
    position: relative;
  }

  .p-5 {
    padding: 1.5rem !important;
  }

  header div.logo {
    height: 50px;
  }

  header nav ul li:last-child {
    margin-right: 25px;
  }

  .clean-ui__overflowKit {
    overflow: visible;
    position: relative;
  }

  .clean-ui__overflowKit .clean-ui__overflowKit-Elems {
    height: auto;
  }

  .carousel .carousel-caption h3 {
    font-size: 1.5rem;
  }

  .h4,
  h4 {
    font-size: calc(1rem + 0.85vw);
  }

  .h5,
  h5 {
    font-size: 1.12rem;
  }

  section.hero-banner .carousel .carousel-caption {
    font-size: 16px;
    padding: 1.25rem 0.75rem;
    height: 310px;
  }

  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    display: none;
  }

  .h-xs-auto {
    height: auto !important;
  }

  .alt-base {
    position: absolute !important;
    height: 100%;
    justify-content: center;
  }

  .alt-base img {
    width: auto !important;
    height: 100%;
    display: flex;
    flex: 1 1;
    align-self: center;
    margin: 0 auto;
  }

  .alt-content {
    position: relative !important;
  }

  .menuMbl {
    display: flex !important;
  }

  .menu {
    display: none !important;
  }

  .arc-top::before {
    top: -2.5rem;
  }

  .arc-top::before,
  .arc-bottom::after {
    height: 2.65rem;
  }

  .col_2-grid,
  .col_3-grid,
  .col_4-grid,
  .col_5-grid,
  .col_6-grid {
    grid-template-columns: 1fr;
  }

  header div.logo img.logo {
    width: auto;
    height: 40px;
  }

  div.position-absolute.w-100.h-100.send-backward img.d-flex.w-100.m-auto {
    width: auto !important;
    height: 100% !important;
  }

  a.cta.btn,
  section.hero-banner .carousel .carousel-caption a {
    font-size: 0.8rem;
  }

  section.hero-banner .carousel .carousel-caption h3 {
    font-size: 1.2rem;
  }

  .arc-top *.mt-5 {
    margin-top: 1.2rem !important;
  }

  .mb-card-1,
  .mb-card-1 .h-100 {
    min-height: 550px;
  }

}