@font-face {
  font-family: "icomoon";
  src: url("../../vendoor/icomoon/fonts/icomoon.eot?s8c54b");
  src: url("../../vendoor/icomoon/fonts/icomoon.eot?s8c54b#iefix") format("embedded-opentype"), url("../../vendoor/icomoon/fonts/icomoon.ttf?s8c54b") format("truetype"), url("../../vendoor/icomoon/fonts/icomoon.woff?s8c54b") format("woff"), url("../../vendoor/icomoon/fonts/icomoon.svg?s8c54b#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e900";
}

.icon-linkedin:before {
  content: "s";
}

.icon-twitter:before {
  content: "\e902";
}

.icon-mail:before {
  content: "\e903";
}

.icon-Arrow-right:before {
  content: "\e904";
}

body, html {
  background: #000;
  font-weight: normal;
  font-style: normal;
  color: white;
  scroll-behavior: smooth;
  min-height: 100vh;
  font-family: "Plus Jakarta Sans", sans-serif;
}

p {
  line-height: 34px !important;
  color: rgba(255, 255, 255, 0.6588235294) !important;
}

.font-italic {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6, p, span, a {
  line-height: 1.33;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.container {
  max-width: 1100px;
}

.page-container {
  max-width: 1340px !important;
}

h1, h2, h3, h4, h5, h6 {
  display: block;
}

.bg-white {
  background: white;
  color: black;
}

.white-tx {
  color: white;
  opacity: 1 !important;
}

.black-tx {
  color: black !important;
  opacity: 1 !important;
}

.p-absolute {
  position: absolute;
}

.p-relative {
  position: relative;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

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

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.mt-110 {
  margin-top: 120px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.ml-150 {
  margin-left: 150px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.mr-10 {
  margin-top: 10px !important;
}

.mr-20 {
  margin-top: 20px !important;
}

.mr-30 {
  margin-top: 30px !important;
}

.mr-40 {
  margin-top: 40px !important;
}

.mr-50 {
  margin-top: 50px !important;
}

.mr-80 {
  margin-top: 80px !important;
}

.mr-100 {
  margin-top: 100px !important;
}

.mr-150 {
  margin-top: 150px !important;
}

.mr-120 {
  margin-top: 120px !important;
}

.mr-200 {
  margin-top: 200px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pl-150 {
  padding-left: 150px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

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

.pr-50 {
  padding-right: 50px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pr-150 {
  padding-right: 150px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-200 {
  font-size: 200px;
}

.title {
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0.2));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: -moz-fit-content;
  width: fit-content;
}

.sub-title {
  font-family: "Playfair Display", serif;
}

a {
  color: white;
  text-decoration: none;
  display: block;
  font-size: 13px;
}

.wrap-80 {
  margin-top: 50px;
  padding-bottom: 80px;
}

.navbar {
  border-top: 2px solid transparent;
  -o-border-image: linear-gradient(0.25turn, rgba(255, 248, 34, 0), rgba(255, 248, 34, 0), #53BBC1, rgba(255, 248, 34, 0), rgba(56, 2, 155, 0));
     border-image: linear-gradient(0.25turn, rgba(255, 248, 34, 0), rgba(255, 248, 34, 0), #53BBC1, rgba(255, 248, 34, 0), rgba(56, 2, 155, 0));
  z-index: 1000000000;
  border-image-slice: 1;
  width: 100%;
  position: fixed;
  bottom: 0px;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  color: white !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.active {
  color: white !important;
  font-weight: 500;
}
.navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.414) !important;
  font-weight: 300;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:hover {
  color: white !important;
  font-weight: 400;
}
.navbar .navbar-brand {
  color: white !important;
  margin-left: 10px;
}

.navbar-toggler {
  border: solid 0px;
}

.mini-preview-anchor:hover .mini-preview-wrapper {
  z-index: 2;
  opacity: 1;
  margin-top: -80px !important;
  transition: opacity 0.3s, margin-top 0.3s;
}

.mini-preview-wrapper {
  width: 150px !important;
  height: 100px !important;
  top: 8px;
  left: -128.8px;
}

.floating-banner {
  position: fixed;
  z-index: 1000;
  width: 210px;
  top: 222px;
  left: 625px;
  position: fixed;
  transform: translateX(-50%);
  z-index: 0;
  opacity: 0.3;
}

.floating-banner {
  transition: transform 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out;
}

.page-top {
  z-index: 1000;
  width: 100%;
}

.header-toggle {
  margin-left: auto !important;
}
.header-toggle li {
  margin-top: 10px;
  list-style: none;
  float: left;
  position: relative;
  font-size: 15px;
}
.header-toggle li.search::after {
  content: "\f002";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 15px;
  color: white;
  position: absolute;
  top: 12px;
  right: 10px;
}
.header-toggle li.search input {
  color: white;
  background-color: black;
  border: solid 0.5px rgb(86, 86, 86);
}
.header-toggle li.search input::-moz-placeholder {
  color: rgb(108, 108, 108);
  font-size: 15px;
}
.header-toggle li.search input::placeholder {
  color: rgb(108, 108, 108);
  font-size: 15px;
}
.header-toggle li .dropdown button {
  color: rgb(255, 255, 255);
}
.header-toggle li .dropdown button::after {
  display: none;
}
.header-toggle li .dropdown a {
  background: black !important;
  background-color: black !important;
  border: solid 0.5px rgb(86, 86, 86);
}

.dropdown-menu {
  display: none !important;
  display: flex;
  flex-direction: column;
  background-color: black;
  border: solid 1px #565656;
}
.dropdown-menu li a {
  border: solid 0px !important;
  color: rgba(255, 255, 255, 0.441);
}
.dropdown-menu li a:hover {
  color: white;
}
.dropdown-menu.show {
  display: flex !important;
}

/* Style for the dropdown button */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown button {
  padding: 7px 12px;
  border-radius: 5px;
  background: #000;
  background-color: black !important;
  color: rgb(108, 108, 108);
  border: solid 0.5px rgb(86, 86, 86);
  font-size: 15px;
}

/* Style for the dropdown content */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
  right: 0;
  border-radius: 10px;
  overflow: hidden;
  padding-top: 20px;
  box-shadow: 0px 0px 60px rgba(255, 255, 255, 0.11);
}
.dropdown-content a {
  color: rgb(164, 163, 163);
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  border: solid 0.5px rgb(0, 0, 0) !important;
}
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown content when the dropdown button is clicked */
.dropdown.active .dropdown-content {
  display: block;
}

.p-relative {
  position: relative;
}

.error1 {
  position: relative;
  height: 100vh;
}
.error1 img {
  position: absolute;
  width: 50%;
  right: 0;
  top: 10%;
  transform: rotate(90deg);
}
.error1 a {
  width: -moz-max-content;
  width: max-content;
}

.file-not-found {
  height: 90vh;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.file-not-found .bug {
  width: 20%;
  transform-origin: 50% 50%;
  animation: jump 1.5s linear alternate infinite;
}
.file-not-found .floating {
  position: absolute;
  width: 40%;
  right: 0;
  top: 20%;
  transform: rotate(90deg);
}
.file-not-found .floating1 {
  position: absolute;
  width: 120%;
  left: -80%;
  top: -20%;
  transform: rotate(90deg);
  opacity: 0.5;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.file-not-found h2 {
  font-size: 60px;
  text-align: left;
  z-index: 100000000;
  position: relative;
  font-weight: 700;
  margin-left: 200px;
  margin-top: 340px;
}

@keyframes jump {
  0% {
    transform: translate3d(0, 10%, 0);
  }
  40% {
    transform: translate3d(0, 30%, 0);
  }
  100% {
    transform: translate3d(0, 80%, 0);
  }
}
.header {
  position: relative;
  overflow: visible;
}
.header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 2px;
  background-color: #52A3B6;
  transform: translateX(-50%);
}

body {
  cursor: none;
}

.cursor-dot,
.cursor-dot-outline {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 10000;
}

.cursor-dot {
  width: 8px;
  height: 8px;
  background-color: #52A3B6;
  z-index: 10000;
  z-index: 10000000000000;
}

.cursor-dot-outline {
  width: 40px;
  height: 40px;
  background-color: rgba(125, 186, 200, 0.5);
  z-index: 10000000000000;
}

#desktop {
  display: block;
}

#mobile {
  display: none;
}

/* width */
::-webkit-scrollbar {
  width: 1px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #313131;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #282828;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}

.v-box {
  height: 450px;
  overflow: hidden;
  margin-top: 40px;
}

.modal-backdrop.fade.show {
  display: none;
}

.modal.fade.show {
  background-color: rgba(0, 0, 0, 0.416);
}

#toolbarViewer {
  display: none !important;
}

.slick-slide.slick-current.slick-active ~ .slick-slide h4 {
  opacity: 1 !important;
}

.blog-form input {
  border: solid 1px gray;
  padding: 15px 10px;
}

.blog-form textarea {
  border: solid 1px gray;
  padding: 15px 10px;
}

.text-cap {
  text-transform: capitalize;
}

.h-500 {
  height: 500px;
}

.under-line {
  border-bottom: 2px solid transparent;
  -o-border-image: linear-gradient(0.25turn, #53BBC1, #53BBC1, rgba(83, 188, 193, 0.1921568627), rgba(83, 188, 193, 0), rgba(56, 2, 155, 0));
     border-image: linear-gradient(0.25turn, #53BBC1, #53BBC1, rgba(83, 188, 193, 0.1921568627), rgba(83, 188, 193, 0), rgba(56, 2, 155, 0));
  z-index: 10000;
  border-image-slice: 1;
  padding-bottom: 10px;
  opacity: 0.5;
}

.quote-text::after {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: black !important;
  text-shadow: 0px 0px 1px gray;
  font-size: 70px !important;
  position: absolute;
  left: 0;
  top: -70px;
  z-index: -1;
}

.desk-p-relative {
  position: relative;
}

.page p, .page span, .page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page i, .page b {
  color: black;
}/*# sourceMappingURL=common.css.map */