@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

.btn {
  border-width: 2px;
}

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


/* ------------------------------------------------------------------------
CARD
------------------------------------------------------------------------ */


.main-posts {
  position: relative;
  z-index: 6;
}

.post-masonry {
  margin-bottom: 30px;
}

.post-masonry .post-thumb {
  border: 10px solid #fff;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
}

.post-masonry .post-thumb img {
  width: 100%;
  display: block;
  /* filter: blur(5px); */
}

.post-masonry .post-thumb .title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* background-color: rgba(0,0,0,0.6); */
  padding: 15px 20px;
  /* height: 20%; */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
}

.post-masonry .post-thumb .title-over h4 {
  font-size: 16px;
  font-family: "Audiowide", sans-serif;
}

.post-masonry .post-thumb .title-over a {
  color: #fff;
}

.post-masonry .post-thumb .post-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 70px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  /* background: rgba(0,0,0,0.9); */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.post-masonry .post-thumb .post-hover .inside {
  font-family: "Audiowide", sans-serif;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.post-masonry .post-thumb .post-hover h4 {
  font-size: 16px;
  font-family: 'robotoregular';
  margin-bottom: 10px;
}

.post-masonry .post-thumb .post-hover a {
  color: #fff !important;
  font-family: "Audiowide", sans-serif;
}

.post-masonry .post-thumb .post-hover i {
  display: block;
  margin-bottom: 10px;
}

.post-masonry .post-thumb .post-hover p {
  font-size: 12px;
  color: #fff !important;
}

.post-masonry .post-thumb .post-hover button {
  font-size: 20px;
  font-family: "Smooch Sans", sans-serif;
  color: #fff !important;
  background-color: #ED1C24;
  border-radius: 10px;
  margin-right: 120px;
  margin-left: 120px;
}

.post-masonry .post-thumb .post-hover span {
  font-size: 12px;
  margin-bottom: 15px;
  display: block;
}

.post-masonry .post-thumb:hover .title-over {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  bottom: -50px;
}

.post-masonry .post-thumb:hover .post-hover {
  top: 0;
  visibility: visible;
  opacity: 1;
}





/* ------------------------------------------------------------------------
END CARD
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
SERVICES
------------------------------------------------------------------------ */

.services {
  margin-top: 16rem;
  height: 100vh;
}

.services h1 {
  font-family: "Audiowide", sans-serif;
  font-size: 47.25px;
  color: #ED1C24;
  padding: 3rem;
}

/* ------------------------------------------------------------------------
END SERVICES
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
DETAIL AI
------------------------------------------------------------------------ */

.detail-ai {
  padding: 8rem;
}

.detailai strong {

  font-family: "Audiowide", sans-serif;
  font-size: 47.25px;
  line-height: 1.5;
  color: #ED1C24;

}

.detailai p {
  font-size: 21.5px;
}

.title-step {
  font-size: 31.5px;
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;

}

.horizontal-line {
  height: 6px;
  width: 214px;
  border-radius: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #EBEBEB;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.red-dot {
  width: 20px;
  /* Diameter of the dot */
  height: 20px;
  background-color: red;
  /* Color of the dot */
  border-radius: 50%;
  /* Makes the dot circular */
}

.loc {
  width: 200px;
  display: inline-block;
  text-align: center;
  font-size: 31.5px;
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;

}

.loc-p {
  width: 300px;
  display: inline-block;
  text-align: center;
  color: black;
  font-size: 21px;
}

.custom-col {
  flex-shrink: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1px;
}

.price-ai {
  height: 156px;
  width: 602px;
  background-color: #ED1C24;
  border-radius: 30px;
  font-family: "Audiowide", sans-serif;

}

.price-ai span {
  font-size: 21px;
  color: white;
}

.price-ai h1 {
  color: white;
  font-size: 84px;
  margin: auto;
  width: 270px;
}

.more-info {
  height: 66.67px;
  width: 130px;
  background-color: white;
  border-radius: 20px;
  font-family: "Audiowide", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.more-info span {
  font-size: 16px;
  color: #ED1C24;
  display: block;
  text-align: center;
}

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

.product-section img {
  width: auto;
  height: auto;
  transform: scale(0.75);
  margin: auto;
  display: block;
  /* padding: 3rem; */
  margin-top: 20rem;
}

/* ------------------------------------------------------------------------
END DETAIL AI
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
DETAIL IMMERSIVE
------------------------------------------------------------------------ */

.detail-immersive {
  padding: 8rem;
}

.detailai strong {

  font-family: "Audiowide", sans-serif;
  font-size: 47.25px;
  line-height: 1.5;
  color: #ED1C24;

}

.detailai p {
  font-size: 21.5px;
}

.title-step {
  font-size: 31.5px;
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;

}

.horizontal-line {
  height: 6px;
  width: 214px;
  border-radius: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #EBEBEB;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.red-dot {
  width: 20px;
  /* Diameter of the dot */
  height: 20px;
  background-color: red;
  /* Color of the dot */
  border-radius: 50%;
  /* Makes the dot circular */
}

.loc {
  width: 200px;
  display: inline-block;
  text-align: center;
  font-size: 31.5px;
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;

}

.loc-p {
  width: 300px;
  display: inline-block;
  text-align: center;
  color: black;
  font-size: 21px;
}

.custom-col {
  flex-shrink: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1px;
}

.price-ai {
  height: 156px;
  width: 602px;
  background-color: #ED1C24;
  border-radius: 30px;
  font-family: "Audiowide", sans-serif;

}

.price-ai span {
  font-size: 21px;
  color: white;
}

.price-ai h1 {
  color: white;
  font-size: 84px;
  margin: auto;
  width: 270px;
}

.more-info {
  height: 66.67px;
  width: 130px;
  background-color: white;
  border-radius: 20px;
  font-family: "Audiowide", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.more-info span {
  font-size: 16px;
  color: #ED1C24;
  display: block;
  text-align: center;
}

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

.product-section img {
  width: auto;
  height: auto;
  transform: scale(0.75);
  margin: auto;
  display: block;
  /* padding: 3rem; */
  margin-top: 20rem;
}

/* ------------------------------------------------------------------------
END DETAIL IMMERSIVE
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
DETAIL WEBAPP
------------------------------------------------------------------------ */

.detail-webapp {
  padding: 8rem;
}

.detailai strong {

  font-family: "Audiowide", sans-serif;
  font-size: 47.25px;
  line-height: 1.5;
  color: #ED1C24;

}

.detailai p {
  font-size: 21.5px;
}

.title-step {
  font-size: 31.5px;
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;

}

.horizontal-line {
  height: 6px;
  width: 214px;
  border-radius: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #EBEBEB;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.red-dot {
  width: 20px;
  /* Diameter of the dot */
  height: 20px;
  background-color: red;
  /* Color of the dot */
  border-radius: 50%;
  /* Makes the dot circular */
}

.loc {
  width: 200px;
  display: inline-block;
  text-align: center;
  font-size: 31.5px;
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;

}

.loc-p {
  width: 300px;
  display: inline-block;
  text-align: center;
  color: black;
  font-size: 21px;
}

.custom-col {
  flex-shrink: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1px;
}

.price-ai {
  height: 156px;
  width: 602px;
  background-color: #ED1C24;
  border-radius: 30px;
  font-family: "Audiowide", sans-serif;

}

.price-ai span {
  font-size: 21px;
  color: white;
}

.price-ai h1 {
  color: white;
  font-size: 84px;
  margin: auto;
  width: 270px;
}

.more-info {
  height: 66.67px;
  width: 130px;
  background-color: white;
  border-radius: 20px;
  font-family: "Audiowide", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.more-info span {
  font-size: 16px;
  color: #ED1C24;
  display: block;
  text-align: center;
}

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

.product-section img {
  width: auto;
  height: auto;
  transform: scale(0.75);
  margin: auto;
  display: block;
  /* padding: 3rem; */
  margin-top: 20rem;
}

/* ------------------------------------------------------------------------
END DETAIL WEBAPP
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
DETAIL CONTACT
------------------------------------------------------------------------ */

.contact {
  margin: 6rem;
  font-family: 'Smooch Sans', sans-serif;
  padding: 3rem;
}

.contact h1 {
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;
  font-size: 63px;
  line-height: 0.5px;
}

.contact span {
  font-size: 20px;
  color: #000;
  opacity: 50%;
}

.contact p {
  font-size: 16px;
  color: #000;
  width: 100%;
}

.space {
  height: 20px;
}

.contact .map {
  width: 1771px;
  height: 699px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}

.contact .map .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  /* Transparent background */
  mask-image: url('mask-image-url.svg');
  /* Mask image */
}

.form-contact {
  width: 577px;
  height: 753px;
  background-color: #ED1C24;
  border-radius: 30px;
  padding: 45px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin-top: -10px;
  margin-right: 40px;
}

button {
  background-color: white;
  border-color: transparent;
  float: right;
  border-radius: 10px;
  color: #ED1C24;
  width: 150px;
}

.address {
  width: 1771px;
  height: 250px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}


/* ------------------------------------------------------------------------
END DETAIL CONTACT
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
THANK YOU PAGE
------------------------------------------------------------------------ */

.thankyou {
  font-family: "Audiowide", sans-serif;
  text-align: center;
}

.thankyou h1 {
  font-size: 84px;
  color: #ED1C24;

}

.thankyou span {
  font-family: 'Smooch Sans';
  font-size: 31.5px;
}

.section-red {
  background-color: #ED1C24;
  height: 399px;
  width: 100%;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-red span {
  font-size: 42px;
  color: white;
}

/* ------------------------------------------------------------------------
END THANK YOU PAGE
------------------------------------------------------------------------ */

.video-wrapper {
  overflow: hidden;
}

@font-face {
  font-family: 'Smooch Sans';
  src: url('https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@600&display=swap'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-Black.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-Bold.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-ExtraBold.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-ExtraLight.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-Light.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-Medium.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-Regular.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-SemiBold.woff2') format('woff2'),
       url('http://v2-digitalindustry.com/web/font/SmoochSans-Thin.woff2') format('woff2');
}

body {
  font-family: Smooch Sans;

}

.display-1 {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 5rem;
  line-height: 1;
}

.display-1>.mbr-iconfont {
  font-size: 6.25rem;
}

.display-2 {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 4rem;
  line-height: 1;
}

.display-2>.mbr-iconfont {
  font-size: 5rem;
}

.display-4 {
  font-family: 'Smooch Sans', sans-serif;

  font-size: 21px;
  line-height: 1.5;
}

.display-footer {
  font-family: 'Smooch Sans', sans-serif;

  font-size: 20px;
  color: white;
  opacity: 0;

  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.display-footer:hover {
  opacity: 1;

}

.display-footer.visible {
  opacity: 1 !important;
}

.social-icons {
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* margin-top: 39rem !important; */
  flex-direction: row;
}

.social-icons img {

  width: 63px;
  height: 63px;
  margin: 0 5px;
}

@media (max-width: 600px) {
  .socialrow {
    text-align: center;
  }

  .socialrow strong {
    justify-content: center;
    text-align: center;
    margin: 0 0 0 0;
    max-width: 100%;
    max-height: 100%;
    font-size: x-large;
    color: #EE1821;
  }

  .social-icons img {
    width: 31px;
    height: 31px;
    margin: 0 0 0 0;
    max-width: 100%;
    max-height: 100%;
  }
}

.social-icons.right {
  float: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 5rem;
  flex-direction: row;
}

.social-icons.right img {
  width: 184px;
  height: 88px;
  margin: 0 5px;
}

.socialrow:after {
  content: "";
  display: table;
  clear: both;
  text-align: center;
}

.socialrow strong {}

.display-4>.mbr-iconfont {
  font-size: 1.75rem;
}

.display-5 {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 2.5rem;
  line-height: 1.5;
}

.display-5>.mbr-iconfont {
  font-size: 3.125rem;
}

.display-7 {
  font-family: 'Smooch Sans', 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: 4rem;
  }
}

@media (max-width: 768px) {
  .display-1 {
    font-size: 3.5rem;
    font-size: calc(2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc(1.1 * (2.4rem + (5 - 2.4) * ((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: 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))));
  }

  .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))));
  }
}

/* Buttons */
.btn {
  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;
}

.bg-primary {
  background-color: #2b7a69 !important;
}

.bg-success {
  background-color: #3a341c !important;
}

.bg-info {
  background-color: #320707 !important;
}

.bg-warning {
  background-color: #a0e2e1 !important;
}

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

.btn-primary,
.btn-primary:active {
  background-color: #2b7a69 !important;
  border-color: #2b7a69 !important;
  color: #ffffff !important;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: inherit;
  background-color: #38a089 !important;
  border-color: #38a089 !important;
  box-shadow: none;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #38a089 !important;
  border-color: #38a089 !important;
}

.btn-secondary,
.btn-secondary:active {
  background-color: #ffd7ef !important;
  border-color: #ffd7ef !important;
  color: #d70081 !important;
  box-shadow: none;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  color: inherit;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #d70081 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.btn-info,
.btn-info:active {
  background-color: #320707 !important;
  border-color: #320707 !important;
  color: #ffffff !important;
  box-shadow: none;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  color: inherit;
  background-color: #5f0d0d !important;
  border-color: #5f0d0d !important;
  box-shadow: none;
}

.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #5f0d0d !important;
  border-color: #5f0d0d !important;
}

.btn-success,
.btn-success:active {
  background-color: #3a341c !important;
  border-color: #3a341c !important;
  color: #ffffff !important;
  box-shadow: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
  color: inherit;
  background-color: #5c532d !important;
  border-color: #5c532d !important;
  box-shadow: none;
}

.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #5c532d !important;
  border-color: #5c532d !important;
}

.btn-warning,
.btn-warning:active {
  background-color: #a0e2e1 !important;
  border-color: #a0e2e1 !important;
  color: #1f6463 !important;
  box-shadow: none;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  color: inherit;
  background-color: #c7eeed !important;
  border-color: #c7eeed !important;
  box-shadow: none;
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #1f6463 !important;
  background-color: #c7eeed !important;
  border-color: #c7eeed !important;
}

.btn-danger,
.btn-danger:active {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #808080 !important;
  box-shadow: none;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
  color: inherit;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none;
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #808080 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !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: #2b7a69;
  color: #2b7a69;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  color: #143a32 !important;
  background-color: transparent !important;
  border-color: #143a32 !important;
  box-shadow: none !important;
}

.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #2b7a69 !important;
  border-color: #2b7a69 !important;
}

.btn-secondary-outline,
.btn-secondary-outline:active {
  background-color: transparent !important;
  border-color: #ffd7ef;
  color: #ffd7ef;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  color: #ff80cc !important;
  background-color: transparent !important;
  border-color: #ff80cc !important;
  box-shadow: none !important;
}

.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #d70081 !important;
  background-color: #ffd7ef !important;
  border-color: #ffd7ef !important;
}

.btn-info-outline,
.btn-info-outline:active {
  background-color: transparent !important;
  border-color: #320707;
  color: #320707;
}

.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #320707 !important;
  border-color: #320707 !important;
}

.btn-success-outline,
.btn-success-outline:active {
  background-color: transparent !important;
  border-color: #3a341c;
  color: #3a341c;
}

.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #3a341c !important;
  border-color: #3a341c !important;
}

.btn-warning-outline,
.btn-warning-outline:active {
  background-color: transparent !important;
  border-color: #a0e2e1;
  color: #a0e2e1;
}

.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
  color: #5ececc !important;
  background-color: transparent !important;
  border-color: #5ececc !important;
  box-shadow: none !important;
}

.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #1f6463 !important;
  background-color: #a0e2e1 !important;
  border-color: #a0e2e1 !important;
}

.btn-danger-outline,
.btn-danger-outline:active {
  background-color: transparent !important;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
  color: #d4d4d4 !important;
  background-color: transparent !important;
  border-color: #d4d4d4 !important;
  box-shadow: none !important;
}

.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #808080 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !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;
}

.text-primary {
  color: #EE1821;
}

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

.text-success {
  color: #3a341c !important;
}

.text-info {
  color: #320707 !important;
}

.text-warning {
  color: #a0e2e1 !important;
}

.text-danger {
  color: #ffffff !important;
}

.text-white {
  color: #fafafa !important;
}

.text-black {
  color: #232323 !important;
}

a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
  color: #102f28 !important;
}

a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
  color: #ff71c6 !important;
}

a.text-success:hover,
a.text-success:focus,
a.text-success.active {
  color: #000000 !important;
}

a.text-info:hover,
a.text-info:focus,
a.text-info.active {
  color: #000000 !important;
}

a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
  color: #52cac8 !important;
}

a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
  color: #cccccc !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) {
  transition: 0.2s;
  position: relative;
  background-image: linear-gradient(currentColor 50%, currentColor 50%);
  background-size: 10000px 2px;
  background-repeat: no-repeat;
  background-position: 0 1.2em;
}

.nav-tabs .nav-link.active {
  color: #2b7a69;
}

.nav-tabs .nav-link:not(.active) {
  color: #232323;
}

.alert-success {
  background-color: #70c770;
}

.alert-info {
  background-color: #320707;
}

.alert-warning {
  background-color: #a0e2e1;
}

.alert-danger {
  background-color: #ffffff;
}

.mbr-section-btn .btn:not(.btn-form) {
  border-radius: 100px;
}

.mbr-gallery-filter li a {
  border-radius: 100px !important;
}

.mbr-gallery-filter li.active .btn {
  background-color: #2b7a69;
  border-color: #2b7a69;
  color: #ffffff;
}

.mbr-gallery-filter li.active .btn:focus {
  box-shadow: none;
}

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

a,
a:hover {
  color: #2b7a69;
}

.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #5ec6b0;
}

.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #c0b27c;
}

.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #f3abab;
}

.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ffffff;
}

.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #ffffff;
}

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

.form-control {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 400;
  border-radius: 15px !important;
  margin-bottom: 40px;
  background-color: #FFFFFF;
}

textarea.form-control {
  min-height: calc(221px + .75rem + 2px);
}

.form-control>.mbr-iconfont {
  font-size: 1.75rem;
}

.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: #2b7a69 !important;
  color: white;
  background-color: #ED1C24;
}

.form-control:-webkit-input-placeholder {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  opacity: 50%;
}

.form-control:-webkit-input-placeholder>.mbr-iconfont {
  font-size: 1.75rem;
}

blockquote {
  border-color: #2b7a69;
}

/* Forms */
.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: 1rem 3rem;
}

.mbr-form .input-group-btn button[type="submit"]:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
  background-color: #2b7a69;
  color: #ffffff;
}

.jq-number__spin {
  transition: 0.25s ease;
}

.jq-number__spin:hover {
  border-color: #2b7a69;
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
  transition: 0.4s;
  border-top-color: #232323;
  border-bottom-color: #232323;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
  border-top-color: #2b7a69;
  border-bottom-color: #2b7a69;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  color: #ffffff !important;
  background-color: #2b7a69 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  color: #000000 !important;
  background: #ffd7ef !important;
  box-shadow: none !important;
}

.lazy-bg {
  background-image: none !important;
}

.lazy-placeholder:not(section),
.lazy-none {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}

iframe.lazy-placeholder,
.lazy-placeholder:after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  background: transparent no-repeat center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%232b7a69' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

section.lazy-placeholder:after {
  opacity: 0.5;
}

body {
  overflow-x: hidden;
}

a {
  transition: color 0.6s;
}

.cid-tJS6tZXiPa {
  z-index: 1000;
  width: 100%;
  position: relative;
}

.cid-tJS6tZXiPa .dropdown-item:before {
  font-family: Moririse2 !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) {
  .cid-tJS6tZXiPa .navbar-toggler {
    transform: scale(0.8);
  }
}

.cid-tJS6tZXiPa .navbar-brand {
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}

.cid-tJS6tZXiPa .navbar-brand img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0px !important;
}

.cid-tJS6tZXiPa .navbar-brand .navbar-caption {
  line-height: inherit !important;
}

.cid-tJS6tZXiPa .navbar-brand .navbar-logo a {
  outline: none;
}

.cid-tJS6tZXiPa .navbar-nav {
  margin: auto;
  margin-left: 0;
  margin-left: auto;
}

.cid-tJS6tZXiPa .navbar-nav .nav-item {
  padding: 0 !important;
  transition: .3s all !important;
}

.cid-tJS6tZXiPa .navbar-nav .nav-item .nav-link {
  padding: 16px !important;
  margin: 0 !important;
  border-radius: 1rem !important;
  transition: .3s all !important;
}

.cid-tJS6tZXiPa .navbar-nav .nav-item .nav-link:hover {
  background-color: rgba(27, 31, 10, 0.06);
}

.cid-tJS6tZXiPa .navbar-nav .open .nav-link::after {
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  .cid-tJS6tZXiPa .navbar-nav .open .nav-link::before {
    content: "";
    width: 100%;
    height: 20px;
    top: 100%;
    background: transparent;
    position: absolute;
  }
}

.cid-tJS6tZXiPa .navbar-nav .dropdown-item {
  padding: 12px !important;
  border-radius: 0.5rem !important;
  margin: 0 8px !important;
  transition: .3s all !important;
}

.cid-tJS6tZXiPa .navbar-nav .dropdown-item:hover {
  background-color: rgba(27, 31, 10, 0.06);
}

@media (min-width: 992px) {
  .cid-tJS6tZXiPa .navbar-nav {
    padding-left: 1.5rem;
  }
}

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

.cid-tJS6tZXiPa .navbar-logo {
  padding-left: 2rem;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .cid-tJS6tZXiPa .navbar-logo {
    padding-left: 1rem;
  }
}

.cid-tJS6tZXiPa .navbar-caption {
  padding-left: 1rem;
  padding-right: .5rem;
}

@media (max-width: 767px) {
  .cid-tJS6tZXiPa .nav-dropdown {
    padding-bottom: 0.5rem;
  }
}

.cid-tJS6tZXiPa .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  transition: .3s all;
}

.cid-tJS6tZXiPa .container {
  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);
}

@media (max-width: 992px) {
  .cid-tJS6tZXiPa .container {
    padding-right: 2rem;
  }
}

@media (max-width: 767px) {
  .cid-tJS6tZXiPa .container {
    width: 100%;
    height: 56px !important;
    padding-right: 1rem;
    margin-top: 0rem;
  }
}

.cid-tJS6tZXiPa .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}

.cid-tJS6tZXiPa .dropdown-menu {
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 100%;
  padding: 12px 4px !important;
  border-radius: 1.5rem;
  transition: .3s all !important;
  min-width: auto;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.9) !important;
}

.cid-tJS6tZXiPa .nav-item:focus,
.cid-tJS6tZXiPa .nav-link:focus {
  outline: none;
}

.cid-tJS6tZXiPa .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}

.cid-tJS6tZXiPa .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}

.cid-tJS6tZXiPa .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}

.cid-tJS6tZXiPa .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}

.cid-tJS6tZXiPa .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}

.cid-tJS6tZXiPa .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}

.cid-tJS6tZXiPa .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;
}

.cid-tJS6tZXiPa .navbar.opened {
  transition: all 0.3s;
}

.cid-tJS6tZXiPa .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}

.cid-tJS6tZXiPa .navbar .navbar-logo img {
  width: auto;
}

.cid-tJS6tZXiPa .navbar .navbar-collapse {
  z-index: 1;
  justify-content: flex-end;
}

.cid-tJS6tZXiPa .navbar.collapsed {
  justify-content: center;
}

.cid-tJS6tZXiPa .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}

.cid-tJS6tZXiPa .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}

@media (min-width: 992px) {
  .cid-tJS6tZXiPa .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 3rem);
  }
}

.cid-tJS6tZXiPa .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}

.cid-tJS6tZXiPa .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}

.cid-tJS6tZXiPa .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}

.cid-tJS6tZXiPa .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}

.cid-tJS6tZXiPa .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}

.cid-tJS6tZXiPa .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .cid-tJS6tZXiPa .navbar {
    min-height: 72px;
  }

  .cid-tJS6tZXiPa .navbar .navbar-logo img {
    height: 2rem !important;
  }
}

@media (max-width: 991px) {
  .cid-tJS6tZXiPa .navbar .nav-item .nav-link::before {
    display: none;
  }

  .cid-tJS6tZXiPa .navbar.opened .dropdown-menu {
    top: 0;
  }

  .cid-tJS6tZXiPa .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }

  .cid-tJS6tZXiPa .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }

  .cid-tJS6tZXiPa .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }

  .cid-tJS6tZXiPa .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }

  .cid-tJS6tZXiPa .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 10px;
  }

  .cid-tJS6tZXiPa .navbar .navbar-toggler {
    flex-basis: auto;
  }

  .cid-tJS6tZXiPa .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.cid-tJS6tZXiPa .navbar.navbar-short .navbar-logo img {
  height: 2rem;
}

.cid-tJS6tZXiPa .dropdown-item.active,
.cid-tJS6tZXiPa .dropdown-item:active {
  background-color: transparent;
}

.cid-tJS6tZXiPa .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}

.cid-tJS6tZXiPa .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}

.cid-tJS6tZXiPa .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}

.cid-tJS6tZXiPa .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #ffffff;
}

.cid-tJS6tZXiPa .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 105%;
  transform: none;
  top: -12px;
}

.cid-tJS6tZXiPa .navbar .dropdown.open>.dropdown-menu {
  display: flex;
}

.cid-tJS6tZXiPa ul.navbar-nav {
  flex-wrap: wrap;
}

.cid-tJS6tZXiPa .navbar-buttons {
  text-align: center;
  min-width: 140px;
}

@media (max-width: 992px) {
  .cid-tJS6tZXiPa .navbar-buttons {
    text-align: left;
  }
}

.cid-tJS6tZXiPa button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}

.cid-tJS6tZXiPa button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #000000;
}

.cid-tJS6tZXiPa button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}

.cid-tJS6tZXiPa button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}

.cid-tJS6tZXiPa button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}

.cid-tJS6tZXiPa button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}

.cid-tJS6tZXiPa nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}

.cid-tJS6tZXiPa nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}

.cid-tJS6tZXiPa nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}

.cid-tJS6tZXiPa nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}

.cid-tJS6tZXiPa .navbar-dropdown {
  padding: 0 1rem;
}

.cid-tJS6tZXiPa a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cid-tJS6tZXiPa .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}

@media (max-width: 992px) {
  .cid-tJS6tZXiPa .icons-menu {
    justify-content: flex-start;
    margin-bottom: .5rem;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .cid-tJS6tZXiPa .navbar {
    height: 70px;
  }

  .cid-tJS6tZXiPa .navbar.opened {
    height: auto;
  }

  .cid-tJS6tZXiPa .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}

.cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu {
  display: none;
  width: max-content;
  max-width: 500px !important;
  transform: translateX(-50%);
  top: calc(100% + 20px);
  left: 50%;
}

.cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu .dropdown-item {
  line-height: 1 !important;
}

.cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item {
  align-items: center;
  display: flex;
  height: max-content !important;
  min-height: max-content !important;
}

.cid-tJS6tZXiPa .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: .3s all;
  transform: rotate(-90deg);
}

.cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after {
  transform: rotate(0deg);
}

.cid-tJS6tZXiPa .mbr-section-btn {
  margin: -0.6rem -0.6rem;
}

.cid-tJS6tZXiPa .navbar-toggler {
  margin-left: 12px;
  margin-right: 8px;
  order: 1000;
}

@media (max-width: 991px) {
  .cid-tJS6tZXiPa .navbar-brand {
    margin-right: auto;
  }

  .cid-tJS6tZXiPa .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.9) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(8px);
  }

  .cid-tJS6tZXiPa .navbar-nav .nav-item .nav-link::after {
    margin-left: 10px;
  }

  .cid-tJS6tZXiPa .navbar-nav .dropdown-item:hover {
    background-color: rgba(27, 31, 10, 0.06);
  }

  .cid-tJS6tZXiPa .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;
  }

  .cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu .dropdown-item {
    padding: 8px !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
  }

  .cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item {
    align-items: center;
    display: flex;
    height: max-content !important;
    min-height: max-content !important;
  }

  .cid-tJS6tZXiPa .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: .3s all;
    transform: rotate(0deg);
  }

  .cid-tJS6tZXiPa .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after {
    transform: rotate(180deg);
  }

  .cid-tJS6tZXiPa .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;
  }

  .cid-tJS6tZXiPa .navbar .dropdown.open>.dropdown-menu {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .cid-tJS6tZXiPa .navbar-collapse {
    padding: 1rem;
  }
}

.cid-tJS6uM4N87 {
  padding-top: 12rem;
  padding-bottom: 2rem;
  background-color: #edefeb;
}

.cid-tJS6uM4N87 .mbr-fallback-image.disabled {
  display: none;
}

.cid-tJS6uM4N87 .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.cid-tJS6uM4N87 .topbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #2b7a69;
}

.cid-tJS6uM4N87 .mbr-section-title {
  color: #000000;
}

.cid-tJS6uM4N87 .mbr-text,
.cid-tJS6uM4N87 .mbr-section-btn {
  color: #000000;
}

.cid-tMlEXTHLbS {
  padding-top: 4rem;
  padding-bottom: 6rem;
  background-color: #2b7a69;
}

.cid-tMlEXTHLbS img,
.cid-tMlEXTHLbS .item-img {
  width: 100%;
  height: 100%;
  height: 300px;
  object-fit: cover;
}

.cid-tMlEXTHLbS .item:focus,
.cid-tMlEXTHLbS span:focus {
  outline: none;
}

.cid-tMlEXTHLbS .item {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tMlEXTHLbS .item {
    margin-bottom: 1rem;
  }
}

.cid-tMlEXTHLbS .item-content {
  margin-top: 2rem;
  padding: 0 2.25rem 2.25rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media (max-width: 767px) {
  .cid-tMlEXTHLbS .item-content {
    padding: 0 2rem 1.5rem;
    margin-top: 1rem;
  }
}

.cid-tMlEXTHLbS .item-wrapper {
  position: relative;
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}

.cid-tMlEXTHLbS .item-wrapper .item-footer {
  margin-top: auto;
}

.cid-tMlEXTHLbS .mbr-section-title {
  color: #ffffff;
  text-align: center;
}

.cid-tMlEXTHLbS .item-title {
  text-align: left;
}

.cid-tMlEXTHLbS .item-subtitle {
  text-align: left;
}

.cid-tMlEXTHLbS .mbr-text,
.cid-tMlEXTHLbS .item .mbr-section-btn {
  text-align: left;
}

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

.cid-tMlEXTHLbS .mbr-section-subtitle,
.cid-tMlEXTHLbS .mbr-section-head .mbr-section-btn {
  color: #ffffff;
  text-align: center;
}

.cid-tMlDYtQ5fF {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #edefeb;
}

.cid-tMlDYtQ5fF .mbr-fallback-image.disabled {
  display: none;
}

.cid-tMlDYtQ5fF .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tMlDYtQ5fF .item {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tMlDYtQ5fF .item {
    margin-bottom: 1rem;
  }
}

.cid-tMlDYtQ5fF .item-wrapper {
  position: relative;
}

.cid-tMlDYtQ5fF .item-wrapper .icon-wrapper {
  pointer-events: none;
  position: absolute;
  width: 60px;
  height: 60px;
  font-size: 22px;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 50%;
  opacity: 0;
  color: #464845 !important;
  transform: translateX(-50%) translateY(-50%);
  background-color: #edefea !important;
  transition: 0.2s;
}

.cid-tMlDYtQ5fF .item-wrapper:hover .icon-wrapper {
  opacity: 1;
}

.cid-tMlDYtQ5fF .carousel-control,
.cid-tMlDYtQ5fF .close {
  background: #1b1b1b;
}

.cid-tMlDYtQ5fF .carousel-control-prev {
  margin-left: 2.5rem;
}

.cid-tMlDYtQ5fF .carousel-control-prev span {
  margin-right: 5px;
}

.cid-tMlDYtQ5fF .carousel-control-next {
  margin-right: 2.5rem;
}

.cid-tMlDYtQ5fF .carousel-control-next span {
  margin-left: 5px;
}

.cid-tMlDYtQ5fF .close {
  position: fixed;
  opacity: 0.5;
  font-size: 22px;
  font-weight: 300;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  top: 2.5rem;
  right: 2.5rem;
  border: 2px solid #fff;
  text-shadow: none;
  z-index: 5;
  transition: opacity 0.3s ease;
  font-family: 'Moririse2';
  align-items: center;
  justify-content: center;
  display: flex;
}

.cid-tMlDYtQ5fF .close::before {
  content: '\e91a';
}

.cid-tMlDYtQ5fF .close:hover {
  opacity: 1;
  background: #000;
  color: #fff;
}

.cid-tMlDYtQ5fF .carousel-control {
  display: flex;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -1.5rem;
  font-size: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  transition: all 0.3s;
}

.cid-tMlDYtQ5fF .carousel-control.carousel-control-prev {
  left: 0;
  margin-left: 2.5rem;
}

.cid-tMlDYtQ5fF .carousel-control.carousel-control-next {
  right: 0;
  margin-right: 2.5rem;
}

@media (max-width: 767px) {
  .cid-tMlDYtQ5fF .carousel-control {
    top: auto;
    bottom: 1rem;
  }
}

.cid-tMlDYtQ5fF .carousel-indicators {
  position: absolute;
  bottom: 0;
  margin-bottom: 3px;
}

.cid-tMlDYtQ5fF .carousel-indicators li {
  max-width: 15px;
  height: 15px;
  width: 15px;
  max-height: 15px;
  margin: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 0.5;
  transition: all 0.3s;
}

.cid-tMlDYtQ5fF .carousel-indicators li.active,
.cid-tMlDYtQ5fF .carousel-indicators li:hover {
  opacity: 0.9;
}

.cid-tMlDYtQ5fF .carousel-indicators li::after,
.cid-tMlDYtQ5fF .carousel-indicators li::before {
  content: none;
}

.cid-tMlDYtQ5fF .carousel-indicators.ie-fix {
  left: 50%;
  display: block;
  width: 60%;
  margin-left: -30%;
  text-align: center;
}

@media (max-width: 768px) {
  .cid-tMlDYtQ5fF .carousel-indicators {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .cid-tMlDYtQ5fF .carousel-indicators {
    margin-bottom: 3.625rem !important;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (max-width: 767px) {
  .cid-tMlDYtQ5fF .carousel-indicators {
    display: none;
  }
}

.cid-tMlDYtQ5fF .carousel-inner {
  display: flex;
  align-items: center;
}

.cid-tMlDYtQ5fF .carousel-inner>.active {
  display: block;
}

.cid-tMlDYtQ5fF .carousel-control.left {
  left: 0;
  margin-left: 2.5rem;
}

.cid-tMlDYtQ5fF .carousel-control.right {
  right: 0;
  margin-right: 2.5rem;
}

.cid-tMlDYtQ5fF .carousel-control:hover {
  background: #1b1b1b;
  color: #fff;
  opacity: 1;
}

@media (max-width: 768px) {

  .cid-tMlDYtQ5fF .carousel-control,
  .cid-tMlDYtQ5fF .carousel-indicators,
  .cid-tMlDYtQ5fF .modal .close {
    position: fixed;
  }
}

@media (max-width: 767px) {
  .cid-tMlDYtQ5fF .mbr-slider .carousel-control {
    top: auto;
    bottom: 20px;
  }

  .cid-tMlDYtQ5fF .mbr-slider>.container .carousel-control {
    margin-bottom: 0;
  }
}

.cid-tMlDYtQ5fF .carousel-indicators .active,
.cid-tMlDYtQ5fF .carousel-indicators li {
  width: 7px;
  height: 7px;
  margin: 3px;
  background: #000000;
  opacity: 0.5;
  border: 4px solid #000000;
}

.cid-tMlDYtQ5fF .carousel-indicators .active {
  background: #fff;
}

.cid-tMlDYtQ5fF .carousel-indicators li {
  max-width: 15px;
  max-height: 15px;
  border-radius: 50%;
}

.cid-tMlDYtQ5fF .modal {
  padding-left: 0 !important;
  position: fixed;
  overflow: hidden;
  padding-right: 0 !important;
}

.cid-tMlDYtQ5fF .modal-dialog {
  margin: 0 auto;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.cid-tMlDYtQ5fF .modal-content {
  border-radius: 0;
  border: none;
  background: transparent;
}

.cid-tMlDYtQ5fF .modal-body {
  padding: 0;
  display: flex;
  align-items: center;
}

.cid-tMlDYtQ5fF .modal-body img {
  width: 100%;
  object-fit: contain;
  max-height: calc(100vh - 1.75rem);
}

.cid-tMlDYtQ5fF .carousel {
  width: 100%;
}

.cid-tMlDYtQ5fF .modal-backdrop.in {
  opacity: 0.8;
}

.cid-tMlDYtQ5fF .modal.fade .modal-dialog {
  transition: margin-top 0.3s ease-out;
}

.cid-tMlDYtQ5fF .modal.fade .modal-dialog,
.cid-tMlDYtQ5fF .modal.in .modal-dialog {
  transform: none;
}

.cid-tMlDYtQ5fF .mbr-gallery .item-wrapper {
  cursor: pointer;
}

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

.cid-tMlDYtQ5fF H3 {
  text-align: center;
}

.cid-tMlDYtQ5fF H4 {
  text-align: center;
}

.cid-tLAX5BnXkJ {
  display: flex;
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #086784;
}

@media (min-width: 768px) {
  .cid-tLAX5BnXkJ {
    align-items: center;
  }

  .cid-tLAX5BnXkJ .row {
    justify-content: center;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cid-tLAX5BnXkJ .content-wrap {
    min-width: 50%;
  }
}

@media (max-width: 767px) {
  .cid-tLAX5BnXkJ {
    -webkit-align-items: center;
    align-items: center;
  }

  .cid-tLAX5BnXkJ .mbr-row {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .cid-tLAX5BnXkJ .content-wrap {
    width: 100%;
  }
}

.cid-tLAX5BnXkJ .mbr-section-title {
  text-align: center;
}

.cid-tLAX5BnXkJ .mbr-text,
.cid-tLAX5BnXkJ .mbr-section-btn {
  text-align: center;
}

.cid-tLeaLmEeFr {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #edefeb;
}

.cid-tLeaLmEeFr .mbr-fallback-image.disabled {
  display: none;
}

.cid-tLeaLmEeFr .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.cid-tLeaLmEeFr .topbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #edefeb;
}

.cid-tLeaLmEeFr .mbr-section-title {
  color: #000000;
  text-align: center;
}

.cid-tLeaLmEeFr .mbr-text,
.cid-tLeaLmEeFr .mbr-section-btn {
  color: #000000;
}

.cid-tLeaLmEeFr .media-content,
.cid-tLeaLmEeFr .mbr-figure {
  align-self: center;
}

.cid-tLeaLmEeFr .mbr-figure iframe {
  width: 100%;
  overflow: hidden;
}

.cid-tLeaLmEeFr .app-video-wrapper {
  background: transparent;
}

.cid-tJS9vXDdRK {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #ffffff;
}

.cid-tJS9vXDdRK .mbr-fallback-image.disabled {
  display: none;
}

.cid-tJS9vXDdRK .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

@media (max-width: 991px) {
  .cid-tJS9vXDdRK .image-wrapper {
    margin-bottom: 1rem;
  }
}

.cid-tJS9vXDdRK .row {
  flex-direction: row-reverse;
}

.cid-tJS9vXDdRK .row {
  align-items: center;
}

@media (max-width: 991px) {
  .cid-tJS9vXDdRK .image-wrapper {
    padding: 1rem;
  }
}

@media (min-width: 992px) {
  .cid-tJS9vXDdRK .text-wrapper {
    padding: 0 2rem;
  }
}

.cid-tJS9vXDdRK .mbr-section-title {
  color: #000000;
}

.cid-tJS9vXDdRK .mbr-text,
.cid-tJS9vXDdRK .mbr-section-btn {
  color: #232323;
}

.cid-tLek7gQhG7 {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.cid-tLek7gQhG7 .mbr-fallback-image.disabled {
  display: none;
}

.cid-tLek7gQhG7 .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tLek7gQhG7 .item-wrapper {
  display: flex;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tLek7gQhG7 .item-wrapper {
    margin-bottom: 1rem;
  }
}

.cid-tLek7gQhG7 .img-wrapper {
  width: 10rem;
  padding-right: 2rem;
}

.cid-tLek7gQhG7 .card-text {
  color: #232323;
}

.cid-tJS9pBcTSa {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #ffffff;
}

.cid-tJS9pBcTSa .mbr-overlay {
  background-color: #ffffff;
  opacity: 0.4;
}

.cid-tJS9pBcTSa form .mbr-section-btn {
  text-align: center;
  width: 100%;
}

.cid-tJS9pBcTSa form .mbr-section-btn .btn {
  display: inline-flex;
}

@media (max-width: 991px) {
  .cid-tJS9pBcTSa form .mbr-section-btn .btn {
    width: 100%;
  }
}

.cid-tLdYHD757A {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #f7f7f7;
}

.cid-tLdYHD757A .mbr-fallback-image.disabled {
  display: none;
}

.cid-tLdYHD757A .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

@media (max-width: 767px) {
  .cid-tLdYHD757A .row {
    text-align: center;
  }

  .cid-tLdYHD757A .row .map-wrapper {
    margin-top: 1rem;
  }
}

.cid-tLdYHD757A .google-map {
  height: 100%;
  position: relative;
}

.cid-tLdYHD757A .google-map iframe {
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .cid-tLdYHD757A .google-map iframe {
    min-height: 350px;
  }
}

.cid-tLdYHD757A .google-map [data-state-details] {
  color: #6b6763;
  height: 1.5em;
  margin-top: -0.75em;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

.cid-tLdYHD757A .google-map[data-state] {
  background: #e9e5dc;
}

.cid-tLdYHD757A .google-map[data-state="loading"] [data-state-details] {
  display: none;
}

.cid-tLdYHD757A .card-wrapper {
  background: #ffffff;
}

@media (max-width: 767px) {
  .cid-tLdYHD757A .card-wrapper {
    padding: 2rem 1.5rem;
  }
}

@media (min-width: 768px) {
  .cid-tLdYHD757A .card-wrapper {
    padding: 2.25rem;
  }
}

.cid-tLdYHD757A .text-wrapper {
  padding: 0 1rem;
}

@media (max-width: 767px) {

  .cid-tLdYHD757A .cardTitle,
  .cid-tLdYHD757A .item-wrap {
    text-align: center;
  }
}

.cid-tLdYHD757A ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.cid-tJS9NNcTLZ {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #2b7a69;
}

@media (max-width: 991px) {
  .cid-tJS9NNcTLZ .container {
    padding: 0 16px;
  }
}

@media (max-width: 767px) {
  .cid-tJS9NNcTLZ .container {
    padding: 0 12px;
  }
}

.cid-tJS9NNcTLZ .social-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.cid-tJS9NNcTLZ .social-row .soc-item {
  margin: 8px;
}

.cid-tJS9NNcTLZ .social-row .soc-item a:hover .mbr-iconfont,
.cid-tJS9NNcTLZ .social-row .soc-item a:focus .mbr-iconfont {
  background-color: #f7f7f7;
}

.cid-tJS9NNcTLZ .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: #2b7a69;
  transition: all 0.3s ease-in-out;
}

.cid-tJS9NNcTLZ .row-links {
  width: 100%;
  justify-content: center;
}

.cid-tJS9NNcTLZ .header-menu {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}

.cid-tJS9NNcTLZ .header-menu li {
  padding: 0 1rem 1rem 1rem;
}

.cid-tJS9NNcTLZ .header-menu li p {
  margin: 0;
}

.cid-tJS9NNcTLZ .copyright {
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
}

.cid-tJS9NNcTLZ .mbr-section-title {
  color: #ffffff;
}

.cid-tHeG7yune1 {
  z-index: 1000;
  width: 100%;
}

.cid-tHeG7yune1 .dropdown-item:before {
  font-family: Moririse2 !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) {
  .cid-tHeG7yune1 .navbar-toggler {
    transform: scale(0.8);
    /* new */
    margin-top: -0.5rem !important;
  }
}

.cid-tHeG7yune1 .navbar-nav {
  margin: auto;
  margin-left: 0;
  margin-left: 4pc;
}

@media (min-width: 992px) {
  .cid-tHeG7yune1 .navbar-nav {}
}

.cid-tHeG7yune1 .navbar-nav .nav-item {
  padding: 0 !important;
  transition: .3s all !important;
  cursor: pointer;
}

.cid-tHeG7yune1 .navbar-nav .nav-item .nav-link {
  padding: 16px !important;
  margin: 0 !important;
  transition: .3s all !important;
}

.cid-tHeG7yune1 .navbar-nav .nav-item .nav-link:hover {
  background-color: rgba(27, 31, 10, 0.06);
}

.cid-tHeG7yune1 .navbar-nav .open .nav-link::after {
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  .cid-tHeG7yune1 .navbar-nav .open .nav-link::before {
    content: "";
    width: 100%;
    height: 20px;
    top: 100%;
    background: transparent;
    position: absolute;
  }
}

.cid-tHeG7yune1 .navbar-nav .dropdown-item {
  padding: 12px !important;
  border-radius: 0.5rem !important;
  margin: 0 8px !important;
  transition: .3s all !important;
}

.cid-tHeG7yune1 .navbar-nav .dropdown-item:hover {
  background-color: rgba(27, 31, 10, 0.06);
}

/* @media (min-width: 992px) {
  .cid-tHeG7yune1 .navbar-nav {
    padding-left: 1.5rem;
    padding-left: 8.5rem;

  }
} */

.cid-tHeG7yune1 .navbar-logo {
  padding-left: 1rem;
  margin: -1.6pc !important;
}

@media (min-width: 992px) {
  .cid-tHeG7yune1 .navbar-logo {

    left: 50%;
    top: 50%;

  }
}

@media (max-width: 767px) {
  .cid-tHeG7yune1 .navbar-logo {
    /* padding-left: 0.5rem !important; */
    padding-left: 1rem !important;
    margin-top: -8rem !important;
  }
}

.cid-tHeG7yune1 .navbar-brand {
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}

.cid-tHeG7yune1 .navbar-brand img {
  border-radius: 0px !important;
}

.cid-tHeG7yune1 .navbar-brand .navbar-caption {
  line-height: inherit !important;
}

.cid-tHeG7yune1 .navbar-brand .navbar-logo a {
  outline: none;
}

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

.cid-tHeG7yune1 .navbar-caption {
  padding-left: 2rem;
  padding-right: .5rem;
}

@media (max-width: 767px) {
  .cid-tHeG7yune1 .navbar-caption {
    padding-left: 1rem;
  }
}

@media (max-width: 767px) {
  .cid-tHeG7yune1 .nav-dropdown {
    padding-bottom: 0.5rem;
  }
}

.cid-tHeG7yune1 .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  transition: .3s all;
}

.cid-tHeG7yune1 .container {
  display: flex;
  /* new */
  height: 50px;
  position: relative;
  padding: 0.5rem 0.6rem;
  flex-wrap: nowrap;
  /* background: #0225ac !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;
  background-color: #EFEFEF;
  border-radius: 41px;
  box-shadow: 0 30px 60px 0 rgba(27, 31, 10, 0.08);
}

@media (max-width: 992px) {
  .cid-tHeG7yune1 .container {
    padding-right: 2rem;
    /* new */
    background-color: transparent;
  }
}

@media (max-width: 767px) {
  .cid-tHeG7yune1 .container {
    width: 100%;
    height: 56px !important;
    padding-right: 1rem;
    margin-top: 0rem;
  }
}

.cid-tHeG7yune1 .iconfont-wrapper {
  color: #ed85be !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}

.cid-tHeG7yune1 .dropdown-menu {
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 100%;
  padding: 12px 4px !important;
  border-radius: 1.5rem;
  transition: .3s all !important;
  min-width: auto;
  background: #0225ac;
  background: #0225ac !important;
}

.cid-tHeG7yune1 .nav-item:focus,
.cid-tHeG7yune1 .nav-link:focus {
  outline: none;
}

.cid-tHeG7yune1 .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}

.cid-tHeG7yune1 .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}

.cid-tHeG7yune1 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}

.cid-tHeG7yune1 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}

.cid-tHeG7yune1 .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}

.cid-tHeG7yune1 .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}

.cid-tHeG7yune1 .navbar {
  min-height: 60px;
  width: 567px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 41px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 20px;
  position: fixed;
}

.cid-tHeG7yune1 .navbarlogo {
  min-height: 60px;
  width: 118px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 41px;
  float: left;
  position: fixed;
  top: 0px;
  left: 15px;
  position: fixed;
}

.cid-tHeG7yune1 .navbarsearch {
  min-height: 60px;
  width: 320px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 41px;
  float: right;
  position: fixed;
  right: 0;
  top: 25px;
}

.cid-tHeG7yune1 .navbar.opened {
  transition: all 0.3s;
}

.cid-tHeG7yune1 .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}

.cid-tHeG7yune1 .navbar .navbar-logo img {
  width: auto;
}

.cid-tHeG7yune1 .navbar .navbar-collapse {
  justify-content: flex-end;
}

.cid-tHeG7yune1 .navbar.collapsed {
  justify-content: center;
}

.cid-tHeG7yune1 .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}

.cid-tHeG7yune1 .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}

@media (min-width: 992px) {
  .cid-tHeG7yune1 .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 1.6rem);
  }
}

.cid-tHeG7yune1 .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}

.cid-tHeG7yune1 .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}

.cid-tHeG7yune1 .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}

.cid-tHeG7yune1 .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}

.cid-tHeG7yune1 .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}

.cid-tHeG7yune1 .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .cid-tHeG7yune1 .navbarsearch {
    min-height: 60px;
    width: 150px;
    transition: all 0.3s;
    border-bottom: 1px solid transparent;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 41px;
    float: right;
    position: fixed;
    right: 0;
    left: 150;
    top: 20px;
  }

  .cid-tHeG7yune1 .navbarlogo {
    min-height: 60px;
    width: 118px;
    transition: all 0.3s;
    border-bottom: 1px solid transparent;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 41px;
    float: left;
    position: fixed;
    top: 40px;
    left: 15px;
    position: fixed;
  }

}

@media (max-width: 767px) {
  .cid-tHeG7yune1 .navbar {
    min-height: 72px;
    width: auto;
  }

  .cid-tHeG7yune1 .navbar .navbar-logo img {
    height: 2rem !important;
    /* new */
    width: 2rem !important;
  }
}

@media (max-width: 991px) {
  .cid-tHeG7yune1 .navbar .nav-item .nav-link::before {
    display: none;
  }

  .cid-tHeG7yune1 .navbar.opened .dropdown-menu {
    top: 0;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }

  .cid-tHeG7yune1 .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 10px;
  }

  .cid-tHeG7yune1 .navbar .navbar-toggler {
    flex-basis: auto;
  }

  .cid-tHeG7yune1 .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (max-width: 480px) {
  .cid-tHeG7yune1 .navbar .nav-item .nav-link::before {
    display: none;
  }

  .cid-tHeG7yune1 .navbar.opened .dropdown-menu {
    top: 0;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }

  .cid-tHeG7yune1 .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }

  .cid-tHeG7yune1 .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 10px;
  }

  .cid-tHeG7yune1 .navbar .navbar-toggler {
    flex-basis: auto;
  }

  .cid-tHeG7yune1 .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.cid-tHeG7yune1 .navbar.navbar-short .navbar-logo img {
  height: 2rem;
}

.cid-tHeG7yune1 .dropdown-item.active,
.cid-tHeG7yune1 .dropdown-item:active {
  background-color: transparent;
}

.cid-tHeG7yune1 .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
  font-weight: bold;
}

.cid-tHeG7yune1 .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}

.cid-tHeG7yune1 .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}

.cid-tHeG7yune1 .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #0225ac;
}

.cid-tHeG7yune1 .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 105%;
  transform: none;
  top: -12px;
}

.cid-tHeG7yune1 .navbar .dropdown.open>.dropdown-menu {
  display: flex;
}

.cid-tHeG7yune1 ul.navbar-nav {
  flex-wrap: wrap;
}

.cid-tHeG7yune1 .navbar-buttons {
  text-align: center;
  min-width: 140px;
}

@media (max-width: 992px) {
  .cid-tHeG7yune1 .navbar-buttons {
    text-align: left;
  }
}

.cid-tHeG7yune1 button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

.cid-tHeG7yune1 button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  /* background-color: #ffffff; */
  background-color: #000;
}

.cid-tHeG7yune1 button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}

.cid-tHeG7yune1 button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}

.cid-tHeG7yune1 button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}

.cid-tHeG7yune1 button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}

.cid-tHeG7yune1 nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}

.cid-tHeG7yune1 nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}

.cid-tHeG7yune1 nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}

.cid-tHeG7yune1 nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}

.cid-tHeG7yune1 .navbar-dropdown {
  padding: 0 1rem;
}

.cid-tHeG7yune1 a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cid-tHeG7yune1 .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}

@media (max-width: 992px) {
  .cid-tHeG7yune1 .icons-menu {
    justify-content: flex-start;
    margin-bottom: .5rem;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .cid-tHeG7yune1 .navbar {
    height: 70px;
  }

  .cid-tHeG7yune1 .navbar.opened {
    height: auto;
  }

  .cid-tHeG7yune1 .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}

.cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu {
  display: none;
  width: max-content;
  max-width: 500px !important;
  transform: translateX(-50%);
  top: calc(100% + 20px);
  left: 50%;
}

.cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu .dropdown-item {
  line-height: 1 !important;
}

.cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item {
  align-items: center;
  display: flex;
  height: max-content !important;
  min-height: max-content !important;
}

.cid-tHeG7yune1 .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: .3s all;
  transform: rotate(-90deg);
}

.cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after {
  transform: rotate(0deg);
}

.cid-tHeG7yune1 .mbr-section-btn {
  margin: -0.6rem -0.6rem;
}

.cid-tHeG7yune1 .navbar-toggler {
  margin-left: 12px;
  margin-right: 8px;
  order: 1000;
}

@media (max-width: 991px) {
  .cid-tHeG7yune1 .navbar-brand {
    margin-right: auto;
  }

  .cid-tHeG7yune1 .navbar-collapse {
    z-index: -1 !important;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    padding: 1rem;
    border-radius: 1.5rem;
    opacity: 1;
    backdrop-filter: blur(8px);
  }

  .cid-tHeG7yune1 .navbar-nav .nav-item .nav-link::after {
    margin-left: 10px;
  }

  .cid-tHeG7yune1 .navbar-nav .dropdown-item:hover {
    background-color: rgba(27, 31, 10, 0.06);
  }

  .cid-tHeG7yune1 .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;
  }

  .cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu .dropdown-item {
    padding: 8px !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
  }

  .cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item {
    align-items: center;
    display: flex;
    height: max-content !important;
    min-height: max-content !important;
  }

  .cid-tHeG7yune1 .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: .3s all;
    transform: rotate(0deg);
  }

  .cid-tHeG7yune1 .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after {
    transform: rotate(180deg);
  }

  .cid-tHeG7yune1 .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;
  }

  .cid-tHeG7yune1 .navbar .dropdown.open>.dropdown-menu {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .cid-tHeG7yune1 .navbar-collapse {
    padding: 1rem;
  }
}

.cid-tHeG8PGECK:hover {
  background-size: 120%;
}

.cid-tHeG8PGECK .container {
  text-align: center;
}

.cid-tHeG8PGECK h1 {
  font-family: "Audiowide", sans-serif;
  color: #ED1C24;
  font-size: 50px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.cid-tHeG8PGECK span {
  font-family: "Smooch Sans", sans-serif;
  font-size: 20px;
}

.cid-tHeG8PGECK {
  padding-top: 10rem;
  padding-bottom: 10rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 98vh;
  justify-content: center;
  align-items: center;
  background-image: url('../../image/backgound.png');
  /* background-image: url('https://192.168.1.240/vivichronia/assets/images/BG-MOCKUP 1.png'); */
  position: relative;
  transition: background-size 0.8s ease-in-out;
  overflow: hidden;
}

.cid-tHeG8PGECK .logo-container {
  position: absolute;
  top: 10%;
  right: 0;
  opacity: 0;
  transition: opacity 1.6s ease-in-out, transform 1.6s ease-in-out;
  transform: translateX(100%);
}

.cid-tHeG8PGECK:hover .logo-container {
  opacity: 1;
  transform: translateX(20%) translateY(90%);

}

.cid-tHeG8PGECK .logo-container img {
  width: 30%;
  /* Adjust the width based on your design */
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* for vivi hover */

@media (max-width: 991px) {
  .cid-tHeG8PGECK {
    margin-top: -14rem;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: 112vh;
    /* Adjust the height value for screens up to 991px */
    transform: scale(3.0);
    overflow: hidden;
    /* width: auto;
    max-width: 100%;
    margin: 0 auto; */

    display: block;
    /* Remove default inline behavior */

  }

  .cid-tHeG8PGECK:hover {
    background-size: 280%;

  }
}

@media (max-width: 600px) {
  .cid-tHeG8PGECK {
    margin-top: -5rem;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 82vh;
    object-fit: cover;
    /* Adjust the height value for screens up to 991px */
    transform: scale(3.0);
    overflow: hidden;
    /* width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block; */
  }

  .cid-tHeG8PGECK:hover {
    background-size: 280%;

  }

  .cid-tHeG8PGECK h1 {
    font-family: "Audiowide", sans-serif;
    color: #ED1C24;
    font-size: 8px;
 
    white-space: no-wrap;
    }

    .cid-tHeG8PGECK span {
      font-family: "Smooch Sans", sans-serif;
      font-size: 8px;
    }

}

@media (max-width: 428px) {
  .cid-tHeG8PGECK {
    margin-top: -14rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 135px !important;
    background-size: 150% auto;
    height: 83vh;
    transform: scale(3.0);
    overflow: hidden;
    object-fit: cover;
    /* -webkit-overflow-scrolling: touch; */
    /* Add this line for iOS */
  }

  .cid-tHeG8PGECK:hover {
    background-size: 200% auto;
  }
}

@media (min-height: 644px) {
  .cid-tHeG8PGECK {
    height: 100vh;
    /* Adjust as needed */
  }
}

@media (max-width: 414px) {
  .cid-tHeG8PGECK {
    margin-top: -13rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 135px !important;
    background-size: 150% auto;
    height: 83vh;
    transform: scale(3.0);
    overflow: hidden;
    object-fit: cover;
    /* -webkit-overflow-scrolling: touch; */
    /* Add this line for iOS */
  }

  .cid-tHeG8PGECK:hover {
    background-size: 200% auto;
  }
}

@media (max-width: 390px) {
  .cid-tHeG8PGECK {
    margin-top: -14rem;
    margin-left: auto;
    margin-right: auto;
    width: 120%;
    max-width: 132px !important;
    background-size: 135% auto;
    height: 83vh;
    transform: scale(3.0);
    overflow: hidden;
    object-fit: cover;
    /* -webkit-overflow-scrolling: touch; */
    /* Add this line for iOS */
  }

  .cid-tHeG8PGECK:hover {
    background-size: 200% auto;
  }
}

@media (max-width: 375px) {
  .cid-tHeG8PGECK {
    margin-top: 25rem;
    margin-left: auto;
    margin-right: auto;
    /* transform: scale(3.0); */
    overflow: hidden;

    -webkit-overflow-scrolling: touch;
    /* Add this line for iOS */
  }

  .cid-tHeG8PGECK:hover {
    background-size: 280%;

  }
}

.balcon-container {
  padding-top: 6rem;
  padding-bottom: 10rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 95vh;
  margin-top: -9rem;
  justify-content: center;
  align-items: center;
  background-image: url('https://192.168.1.240/vivichronia/assets/images/LANDING PAGE FINAL-balcony 1.png');
  position: relative;
  transition: background-size 0.8s ease-in-out;
}

@media (max-width: 991px) {
  .balcon-container {
    background-size: 70vh;
    height: 112vh;
  }

  .balcon-container:hover {
    background-size: 150% !important;
    top: -1rem !important;
  }

}

@media (max-width: 600px) {
  .balcon-container {
    background-size: 70vh;
    height: 76vh;
    top: -1rem;
  }

  .balcon-container:hover {
    background-size: 150% !important;
    top: 1rem !important;
  }

}

@media (max-width: 428px) {
  .balcon-container {
    background-size: 200%;
    height: 74vh;
  }

  .balcon-container:hover {
    background-size: 300% !important;
    top: -1rem !important;
  }

}

@media (max-width: 320px) {
  .balcon-container {
    background-size: 73vh;
    height: 74vh;
  }

  .balcon-container:hover {
    background-size: 150% !important;
    top: 1rem !important;
  }

}

.balcon-container:hover {
  background-size: 150%;
}

.vivi-container {
  position: relative;
  overflow: hidden;
  width: 7%;
  height: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 27rem;
  background-size: cover;
  background-position: center;
  background-image: url('https://192.168.1.240/vivichronia/assets/images/LANDING PAGE FINAL-vivi 1.png');
  justify-content: center;
  align-items: center;
  transition: background-size 0.8s ease-in-out, transform 0.8s ease-in-out;
}


/* Apply zoom-in effect on hover for all .vivi-container instances */
.balcon-container:hover .vivi-container {
  /* background-size: 150%; */
  transform: scale(1.3);
  margin-top: 30rem;
}

@media (max-width: 991px) {

  /* Styles for screens up to 991 pixels wide */
  .vivi-container {
    width: 8% !important;
    height: 15vh !important;
    margin-top: 14rem !important;
    transition: background-size 0.8s ease-in-out, transform 0.8s ease-in-out;
  }

  /* .vivi-container:hover { */
  .balcon-container:hover .vivi-container {
    margin-top: 17rem !important;
    transform: scale(1.3);

  }
}

/* @media (min-width: 992px) and (max-width: 1920px) { */
@media (max-width: 1920px) {

  .vivi-container {
    width: 8% !important;
    height: 35vh !important;
    margin-top: 38rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 21rem !important;
    transform: scale(1.3);

  }
}

@media (max-width: 2560px) {
  .vivi-container {
    width: 10% !important;
    height: 41vh !important;
    margin-top: 27rem !important;
  }

  /* body:hover .vivi-container { */
  .balcon-container:hover .vivi-container {
    margin-top: 30rem !important;
    transform: scale(1.3);

  }
}

@media (max-width: 2600px) {
  .vivi-container {
    width: 10% !important;
    height: 44vh !important;
    margin-top: 27rem !important;
  }

  /* body:hover .vivi-container { */
  .balcon-container:hover .vivi-container {
    margin-top: 30rem !important;
    transform: scale(1.3);

  }
}

@media (max-width: 600px) {
  .vivi-container {
    width: 12% !important;
    height: 12vh !important;
    margin-top: 13rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 13rem !important;
    transform: scale(1.3);

  }
}

@media (max-width: 428px) {

  .cid-tHeG8PGECK .logo-container {
    position: absolute;
    top: 40%;
    right: 0%;
    justify-content: center;
    text-align: center;
    opacity: 0;
    transition: opacity 1.6s ease-in-out, transform 1.6s ease-in-out;
    transform: translateX(100%);
    /* margin-left: -23rem; */
    width: 36vh;
  }

  .vivi-container {
    width: 19% !important;
    height: 9vh !important;
    margin-top: 16rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 17rem !important;
    transform: scale(1.3);

  }
}

@media (max-width: 414px) {

  .cid-tHeG8PGECK .logo-container {
    position: absolute;
    top: 40%;
    right: 0%;
    justify-content: center;
    text-align: center;
    opacity: 0;
    transition: opacity 1.6s ease-in-out, transform 1.6s ease-in-out;
    transform: translateX(100%);
    /* margin-left: -23rem; */
    width: 36vh;
  }

  .vivi-container {
    width: 17% !important;
    height: 10.5vh !important;
    margin-top: 13rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 14rem !important;
    transform: scale(1.3);

  }
}

@media (max-width: 390px) {
  .vivi-container {
    width: 16% !important;
    height: 8vh !important;
    margin-top: 14rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 15rem !important;
    transform: scale(1.8);

  }
}

@media (max-height: 760px) {
  .vivi-container {
    width: 16% !important;
    height: 8vh !important;
    top: -2rem !important;
  }

  /* .balcon-container:hover .vivi-container {
    margin-top: 15rem !important;
    transform: scale(1.8);

  } */
}

@media (max-width: 340px) {
  .vivi-container {
    width: 12% !important;
    height: 9vh !important;
    margin-top: 11rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 15rem !important;
    transform: scale(1.3);

  }
}

/* Additional Responsive Styles for different resolutions */
@media (min-width: 601px) and (max-width: 768px) {
  .vivi-container {
    width: 10% !important;
    height: 26vh !important;
    margin-top: 18rem !important;
    /* Add styles for screens between 601 and 768 pixels wide */
  }

  .balcon-container:hover .vivi-container {
    /* Add hover styles for screens between 601 and 768 pixels wide */
    margin-top: 23rem !important;
    transform: scale(1.3);

  }
}

@media (min-width: 769px) and (max-width: 990px) {
  .vivi-container {
    width: 5% !important;
    height: 18vh !important;
    margin-top: 18rem !important;
    /* Add styles for screens between 769 and 1024 pixels wide */
  }

  .balcon-container:hover .vivi-container {
    margin-top: 19rem !important;
    transform: scale(1.3);

    /* Add hover styles for screens between 769 and 1024 pixels wide */
  }
}

@media (min-width: 1281px) and (max-width: 1400px) {

  /* Additional styles for screens between 992 and 1920 pixels wide */
  .balcon-container {
    margin-top: -9rem !important;
  }

  .vivi-container {
    width: 8% !important;
    height: 42vh !important;
    margin-top: 22rem !important;
    transition: background-size 0.8s ease-in-out, transform 0.8s ease-in-out;
  }

  /* .vivi-container:hover { */
  .balcon-container:hover .vivi-container {
    margin-top: 20rem !important;
    transform: scale(1.3);
  }

}

@media (min-width: 1025px) and (max-width: 1280px) {

  /* Additional styles for screens between 992 and 1920 pixels wide */
  .balcon-container {
    margin-top: -9rem !important;
  }

  .vivi-container {
    width: 8% !important;
    height: 42vh !important;
    margin-top: 22rem !important;
    transition: background-size 0.8s ease-in-out, transform 0.8s ease-in-out;
  }

  /* .vivi-container:hover { */
  .balcon-container:hover .vivi-container {
    margin-top: 20rem !important;
    transform: scale(1.3);

  }

}

@media (min-width: 991px) and (max-width: 1024px) {
  .vivi-container {
    width: 8% !important;
    height: 35vh !important;
    margin-top: 20rem !important;
  }

  .balcon-container:hover .vivi-container {
    margin-top: 23rem !important;
    transform: scale(1.3);
  }
}

.cid-tHeG8PGECK .mbr-fallback-image.disabled {
  display: none;
}

.cid-tHeG8PGECK .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 30%;
  height: 30%;
  position: absolute;
  bottom: 0;
}

.cid-tHeG8PGECK .topbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
}

.cid-tHeG8PGECK .mbr-section-title {
  color: #ff8cbc;
}

.cid-tHeG8PGECK .mbr-text,
.cid-tHeG8PGECK .mbr-section-btn {
  color: #ff8cbc;
}

.cid-tHeG8PGECK .media-content,
.cid-tHeG8PGECK .mbr-figure {
  align-self: center;
}

.cid-tHeG8PGECK .mbr-figure iframe {
  width: 100%;
  overflow: hidden;
}

.cid-tHeG8PGECK .app-video-wrapper {
  background: transparent;
}

.cid-tIsi3HZcCy {
  /* padding-top: 6rem; */
  padding: 3rem;
  /* new */
  /* background: #0225ac; */
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 100vh; */
  margin-left: auto;
  background-size: cover;
  background-position: center;
  background-image: url('../../image/backgound.png');
  /* background-image: url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/Rectangle 17.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/Rectangle 10.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/Rectangle 19.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/lab splash art off 1.png'); */
  justify-content: center;
  align-items: center;
}

/* .cid-tIsi3HZcCy:hover {

  background-image: url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/Rectangle 17.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/Rectangle 10.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/Rectangle 19.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/lab splash art 1080 int on 2.png');

} */

.cid-tIsi3HZcCy:hover:after {
  content: "";
  background-image: url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/ELEMENT 3.png');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media (max-width: 991px) {
  .cid-tIsi3HZcCy {
    margin-top: 7rem !important;
  }
}

@media (max-width: 428px) {
  .cid-tIsi3HZcCy {
    margin-top: -12rem !important;
  }
}

@media (max-width: 414px) {
  .cid-tIsi3HZcCy {
    margin-top: -9rem !important;
  }
}

@media (max-width: 390px) {
  .cid-tIsi3HZcCy {
    /* margin-top: -6.5rem !important; */
    margin-top: -12.8rem !important;
  }
}

@media (max-height: 760px) {
  .cid-tIsi3HZcCy {
    /* margin-top: -6.5rem !important; */
    margin-top: -9.8rem !important;
  }
}

@media (max-height: 768px) {
  .cid-tIsi3HZcCy {
    /* margin-top: -6.5rem !important; */
    margin-top: -0.8rem !important;
  }
}

body .itall {
  font-family: "Audiowide", sans-serif;
  font-size: 55px;
  line-height: 1.5;
  color: #ED1C24;
  padding: 6rem;
  margin-left: 1rem;
  /* opacity: 0;
  transform: translateY(-10%);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  pointer-events: none; */

}

/* body:hover .itall {
  opacity: 1;
  transform: translateY(10%);
  pointer-events: auto;

} */

@media (max-width: 600px) {
  .itall {
    font-size: 25px !important;
    margin-left: -4rem !important;
    margin-top: -8rem !important;
  }

  body:hover .itall {
    transition: none;

  }

  .pointer {
    display: none;
  }
}

@media (max-width: 420px) {
  .itall {
    font-size: 25px !important;
    margin-left: -4rem !important;
    margin-top: -8rem !important;
  }

  body:hover .itall {
    transition: none;

  }

  .pointer {
    display: none;
  }
}

@media (max-width: 390px) {
  .itall {
    font-size: 25px !important;
    margin-left: -4rem !important;
    margin-top: -8rem !important;
  }

  body:hover .itall {
    transition: none;

  }

  .pointer {
    display: none;
  }
}

.pointer {

  background-image: url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/POINTER_ELEMENT 3.png');
  height: 30vh;
  width: 90vh;
  margin-top: -2rem;
  background-size: cover;
  margin-left: 8rem;

}

.elementpointer {
  background-position: center;
  background-repeat: no-repeat;
  width: 30vh;
  height: 30vh;
  margin: 0 0 0 auto;
  padding: 2rem;


}

.timemachine {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 35px;
  line-height: 1.5;
  color: #ffffff;
  padding: 4rem;
  height: 30vh;
  /* width: 70vh; */

  margin-top: -12rem;
  /* opacity: 0; */
  /* transform: translateY(-20%);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  pointer-events: none; */
}

/* body:hover .timemachine {
  opacity: 1;
  transform: translateY(20%);
  pointer-events: auto;
} */

/* .timemachine:hover {
  opacity: 1;
  transform: translateY(20%);
  pointer-events: auto;
} */

.timemachine.timemachine-scroll {
  opacity: 1;
  transform: translateY(20%);

}


@media (max-width: 600px) {
  .timemachine {
    margin-top: -5rem !important;
    margin-left: -13rem !important;
    width: 60vh !important;
  }
}

@media (max-width: 390px) {
  .timemachine {
    margin-top: -5rem !important;
    margin-left: -13rem !important;
    width: 60vh !important;
  }
}


@media (max-width: 600px) {
  .cityname p {
    font-size: small !important;
    width: 45vh !important;
  }
}

@media (max-width: 428px) {
  .cityname p {
    font-size: small !important;
    width: 40vh !important;
  }
}

@media (max-width: 390px) {
  .cityname p {
    font-size: small !important;
    width: 40vh !important;
    text-align: left;
  }
}

.cityname {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 20px;
  padding: 3rem;
  /* margin-top: -9rem; */
  /* margin-left: 8rem; */
  width: inherit;
}

.cityname p {

  font-size: 21.5px;

}

.cid-tIsi3HZcCy .lablight {
  height: 100vh;
  margin-top: -6rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;

}

/* body:hover .cid-tIsi3HZcCy .lablight {
  background-image: url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/MACHINE-LIGHT 1.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/OVERLAY_HUD 3.png');
  opacity: 1;
} */

/* .cid-tIsi3HZcCy .lablight:hover {
  background-image: url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/MACHINE-LIGHT 1.png'), url('https://192.168.1.240/vivichronia/assets/images/Lab Time Machine/OVERLAY_HUD 3.png');
  opacity: 1;
} */

.cid-tIsi3HZcCy .lablight.lablight-scroll {
  opacity: 1;
  transform: translateY(20%);

}

@media (max-width: 600px) {
  .cid-tIsi3HZcCy .lablight {
    opacity: 1;
  }

  .cid-tIsi3HZcCy .lablight:hover {
    background-image: none;
  }
}

@media (max-width: 420px) {
  .cid-tIsi3HZcCy .lablight {
    opacity: 1;
  }

  .cid-tIsi3HZcCy .lablight:hover {
    background-image: none;
  }
}

@media (max-width: 390px) {
  .cid-tIsi3HZcCy .lablight {
    opacity: 1;
  }

  .cid-tIsi3HZcCy .lablight:hover {
    background-image: none;
  }
}

.cid-tIsi3HZcCy .mbr-fallback-image.disabled {
  display: none;
}

.cid-tIsi3HZcCy .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tIsi3HZcCy .team-card {
  margin-bottom: 1rem;
  transition: all 0.3s;
}

.cid-tIsi3HZcCy .team-card:hover {
  transform: translateY(-10px);
}

.cid-tIsi3HZcCy .card1 {
  background: #ffaac7;
}

.cid-tIsi3HZcCy .card2 {
  background: #008063;
}

.cid-tIsi3HZcCy .card3 {
  background: #ffa600;
}

.cid-tIsi3HZcCy .card4 {
  background: #2e481a;
}

.cid-tIsi3HZcCy .image-wrap {
  padding-bottom: 0rem;
  position: relative;
}

.cid-tIsi3HZcCy .image-wrap .social-row {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
}

.cid-tIsi3HZcCy .card-wrap {
  margin-bottom: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .cid-tIsi3HZcCy .card-wrap {
    margin-bottom: 1rem;
  }
}

.cid-tIsi3HZcCy .card-wrap .image-wrap img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.cid-tIsi3HZcCy .card-wrap .content-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cid-tIsi3HZcCy .card-wrap .content-wrap .content-footer {
  margin-top: auto;
}

@media (min-width: 768px) {
  .cid-tIsi3HZcCy .card-wrap .content-wrap {
    padding: 2.25rem;
  }
}

@media (max-width: 767px) {
  .cid-tIsi3HZcCy .card-wrap .content-wrap {
    padding: 1.5rem;
  }
}

.cid-tIsi3HZcCy .social-row .soc-item {
  display: inline-block;
  text-align: center;
  border-radius: 1.5rem;
  margin-right: 0.6rem;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}

.cid-tIsi3HZcCy .tag1 {
  background: #ffaac7;
  color: #502274;
}

.cid-tIsi3HZcCy .tag2 {
  background: #008063;
  color: #ffd7ef;
}

.cid-tIsi3HZcCy .tag3 {
  background: #ffa600;
  color: #232323;
  text-align: right;
}

.cid-tIsi3HZcCy .tag4 {
  background: #2e481a;
  color: #ffffff;
}

.cid-tIsi3HZcCy .card-text3,
.cid-tIsi3HZcCy .mbr-section-btn {
  color: #232323;
}

.cid-tIsi3HZcCy .card-text2,
.cid-tIsi3HZcCy .mbr-section-btn {
  color: #ffd7ef;
}

.cid-tIsi3HZcCy .card-text1,
.cid-tIsi3HZcCy .mbr-section-btn {
  color: #502274;
}

.cid-tIsi3HZcCy .card-title2,
.cid-tIsi3HZcCy .social-row {
  color: #ff8cbc;
}

.cid-tIsi3HZcCy .mbr-role3,
.cid-tIsi3HZcCy .social-row {
  color: #ffffff;
}

.cid-tIsi3HZcCy .card-title3,
.cid-tIsi3HZcCy .social-row {
  color: #320707;
}

.cid-tIsi3HZcCy .card-title4,
.cid-tIsi3HZcCy .social-row {
  color: #ffffff;
}

.cid-tIsi3HZcCy .mbr-role3 {
  color: #232323;
}

.cid-tIsi3HZcCy .mbr-role2 {
  color: #ffd7ef;
}

.cid-tIsi3HZcCy .mbr-role4 {
  color: #ffffff;
}

.cid-tIsi3HZcCy .card-text4,
.cid-tIsi3HZcCy .mbr-section-btn {
  color: #ffffff;
}

.cid-tIsi3HZcCy .mbr-section-title {
  text-align: center;
  color: #ffaac7;
}

.cid-tIsi3HZcCy .card-title1,
.cid-tIsi3HZcCy .social-row {
  color: #008063;
}

.cid-tIsi3HZcCy .card-text2,
.cid-tIsi3HZcCy .card2 .mbr-section-btn {
  color: #ffffff;
}

.cid-tIsi3HZcCy .card-text1,
.cid-tIsi3HZcCy .card1 .mbr-section-btn {
  color: #000000;
}

.cid-tIsi3HZcCy .card-text3,
.cid-tIsi3HZcCy .card3 .mbr-section-btn {
  color: #000000;
}

.cid-tIsj2q7oBw::before,
.cid-tIsj2q7oBw::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cid-tIsj2q7oBw {
  padding-top: 8rem;
  padding-bottom: 8rem;
  /* background-color: #ffaac7; */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  background-size: cover;
  background-position: center;
  justify-content: center;
  align-items: center;
  background-image: url('https://192.168.1.240/vivichronia/assets/images/dive deeper/Rectangle 6.png');
}

.cid-tIsj2q7oBw .elementred {
  opacity: 0;
  transition: opacity 1.6s ease-in-out, transform 1.6s ease-in-out;

}

.cid-tIsj2q7oBw:hover .elementred {
  opacity: 1;
}

.cid-tIsj2q7oBw .elementred img {
  float: left;
  height: 20vh;
  width: 10%;
  margin-left: 3rem;

}

.cid-tIsj2q7oBw::before {

  background: url('https://192.168.1.240/vivichronia/assets/images/dive deeper/CHARACTERS.png') center right/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 40%;
  top: -4rem;

  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transform: translateX(0%) translateY(10%);

}

.cid-tIsj2q7oBw:hover::before {
  opacity: 1;
  transform: translateX(-10%) translateY(10%);
}

.cid-tIsj2q7oBw.touch-hover::before {
  opacity: 1;
  transform: translateX(-10%) translateY(10%);
}

/* .cid-tIsj2q7oBw:hover::before,
.cid-tIsj2q7oBw.touch-hover {
  opacity: 1;
  transform: translateX(-10%) translateY(10%);
} */

.cid-tIsj2q7oBw::after {
  content: "";
  background: url('https://192.168.1.240/vivichronia/assets/images/dive deeper/ELEMENT_LIGHT_GRAY.png') center left/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 40%;
  top: -4rem;

  transition: opacity 0.9s ease-in-out, transform 0.9s ease-in-out;
  transform: translateX(0%) translateY(10%);
}

.cid-tIsj2q7oBw:hover::after {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
}

.dive {
  font-family: 'Smooch Sans', sans-serif;
  font-size: 85px;
  line-height: 1.5;
  color: #E71720;
  padding: 6rem;
  margin-left: 5rem;
  opacity: 0;
  transform: translateY(-10%);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  pointer-events: none;

}

body:hover .dive {
  opacity: 1;
  transform: translateY(1%);
  pointer-events: auto;

}

.dive p {
  font-size: 15px;
  padding: 2rem;
  height: 30vh;
  width: 70vh;

}

.diveline {
  background-size: cover;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  margin-top: -6rem;
  display: flex;
}

.diveline img {
  display: block;
  margin: 0 auto;
  height: 5vh;
  width: 50%;
  opacity: 0 !important;
  transition: opacity 1s ease-in-out;

}

body:hover .diveline img {
  opacity: 1 !important;

}

@media (max-width: 600px) {
  .dive {
    opacity: 1;
    color: #E71720;
    font-size: 25px !important;
    margin-left: -6rem !important;
    margin-top: 11rem !important;
    transition: none;
  }

  .cid-tIsj2q7oBw::before {
    width: 110vh !important;
    margin: -8rem 0 0 -22rem !important;
  }

  .cid-tIsj2q7oBw:hover .elementred img {
    visibility: hidden !important;
  }

  .cid-tIsj2q7oBw:hover::after {
    background-image: none;
  }

  body:hover .dive {
    opacity: 1;
    color: #E71720;
    font-size: 25px !important;
    margin-left: -6rem !important;
    margin-top: 11rem !important;
    transition: none;

  }

  .dive p {
    color: #E71720;
    font-size: 15px !important;
    width: 50vh !important;
    text-align: justify;
  }
}

@media (max-width: 428px) {
  .cid-tIsj2q7oBw::before {
    width: 91vh !important;
    /* margin: -17rem 0 0 -22rem !important; */
    margin: -14rem 0 0 -24rem !important;

  }

  .dive p {
    color: #E71720;
    font-size: 15px !important;
    width: 45vh !important;
    text-align: justify;
  }

}

@media (max-width: 414px) {
  .cid-tIsj2q7oBw::before {
    width: 91vh !important;
    /* margin: -17rem 0 0 -22rem !important; */
    margin: -14rem 0 0 -21rem !important;

  }

  .dive p {
    color: #E71720;
    font-size: 15px !important;
    width: 45vh !important;
    text-align: justify;
  }

}

/* @media (min-height: 644px) {
  .cid-tIsj2q7oBw::before {
    width: 105vh !important;

    margin: -8rem 0 0 -13rem !important;

  }
} */


/* @media (min-height: 926px) {
  .cid-tIsj2q7oBw::before {
    width: 82vh !important;
  
    margin: -16rem 0 0 -20rem !important;

  }
} */

/* @media (max-width: 402px) {
  .cid-tIsj2q7oBw::before {
    width: 110vh !important;
    margin: -8rem 0 0 -29rem !important;
  }

  .cid-tIsj2q7oBw:hover .elementred img {
    visibility: hidden !important;
  }

  .cid-tIsj2q7oBw:hover::after {
    background-image: none;
  }

  body:hover .dive {
    color: #E71720;
    font-size: 25px !important;
    margin-left: -6rem !important;
    margin-top: 11rem !important;
  }

  .dive p {
    color: #E71720;
    font-size: 13px !important;
    width: 36vh !important;
    text-align: justify;
    margin-top: 0rem;
  }
} */

@media (max-width: 390px) {
  .cid-tIsj2q7oBw::before {
    width: 110vh !important;
    /* margin: -8rem 0 0 -23rem !important; */
    margin: -8rem 0 0 -29rem !important;

  }

  .cid-tIsj2q7oBw:hover .elementred img {
    visibility: hidden !important;
  }

  .cid-tIsj2q7oBw:hover::after {
    background-image: none;
  }

  body:hover .dive {
    /* .dive { */
    color: #E71720;
    font-size: 25px !important;
    margin-left: -6rem !important;
    margin-top: 18rem !important;
    transition: none;
  }

  .dive p {
    color: #E71720;
    font-size: 15px !important;
    width: 36vh !important;
    text-align: justify;
    margin-top: 0rem;
  }
}

@media (max-width: 370px) {
  .cid-tIsj2q7oBw::before {
    width: 110vh !important;
    margin: -8rem 0 0 -23rem !important;
  }

  .cid-tIsj2q7oBw:hover .elementred img {
    visibility: hidden !important;
  }

  .cid-tIsj2q7oBw:hover::after {
    background-image: none;
  }

  body:hover .dive {
    /* .dive { */

    color: #E71720;
    font-size: 25px !important;
    margin-left: -6rem !important;
    margin-top: 6rem !important;
    transition: none;
  }

  .dive p {
    color: #E71720;
    font-size: 15px !important;
    width: 36vh !important;
    text-align: justify;
    margin-top: 0rem;
  }
}

.cid-tIsj2q7oBw .mbr-fallback-image.disabled {
  display: none;
}

.cid-tIsj2q7oBw .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tIsj2q7oBw .card-wrapper {
  overflow: hidden;
  background: #ffffff;
}

.cid-tIsj2q7oBw .text-wrapper {
  padding: 4rem 3rem;
}

@media (max-width: 767px) {
  .cid-tIsj2q7oBw .text-wrapper {
    padding: 1.5rem;
  }
}

.cid-tIsj2q7oBw .row {
  align-items: center;
  margin-right: -1rem;
  margin-left: -1rem;
}

.cid-tIsj2q7oBw .row {
  flex-direction: row-reverse;
}

.cid-tIsj2q7oBw .image-wrapper {
  padding: 0 0.75rem;
}

/* new */
/* .cid-tIsj2q7oBw img, */
.cid-tIsj2q7oBw,
.cid-tIsj2q7oBw .image-wrapper {
  /* new */
  /* height: 600px; */
  /* border-radius: 2rem; */
  object-fit: cover;
}

.cid-tIsj2q7oBw .mbr-section-title {
  color: #1a3c22;
}

.cid-tIsj2q7oBw .mbr-text {
  color: #000000;
}

.cid-tIsj2q7oBw .mbr-text,
.cid-tIsj2q7oBw .mbr-section-btn {
  color: #1a3c22;
}

.cid-tIsjhWS5IM::before,
.cid-tIsjhWS5IM::after,
.viviprofile::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cid-tIsjhWS5IM {
  padding-top: 6rem;
  padding-bottom: 6rem;
  /* background-color: #008063; */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  background-size: cover;
  background-position: center;
  /* background-image: url('https://192.168.1.240/vivichronia/assets/images/vivichar/LINE_POINTER_RED.png'); */
  justify-content: center;
  align-items: center;
  background-color: #F0F0F0;
}

.cid-tIsjhWS5IM::before {
  background: url('https://192.168.1.240/vivichronia/assets/images/vivichar/ELEMENT_LIGHT_GRAY_FULL.png') center right/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 50%;
  top: -4rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(100%) translateY(10%);
}

.cid-tIsjhWS5IM:hover::before {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

.cid-tIsjhWS5IM::after {
  content: "";
  background: url('https://192.168.1.240/vivichronia/assets/images/vivichar/VIVI 2.png') center left/30% no-repeat, url('https://192.168.1.240/vivichronia/assets/images/vivichar/FRAME.png') center left/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 40%;
  background-repeat: no-repeat;
  top: -4rem;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  /* transform: translateX(0%) translateY(10%); */
  transform: translateX(-50%) translateY(10%);

}

.cid-tIsjhWS5IM:hover::after {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
  /* transform: translateX(-50%) translateY(10%); */

}

.cid-tIsjhWS5IM.touch-hovr::after {
  opacity: 1;
  transform: translateX(-10%) translateY(10%);
}

@media (max-width: 600px) {
  .cid-tIsjhWS5IM::after {
    margin-top: -13rem !important;
    transform: translateX(50%) translateY(-10%);
    width: 83vh !important;
    height: 105vh !important;
  }
}

@media (max-width: 428px) {

  .cid-tIsjhWS5IM {
    padding-bottom: 0rem;
    height: 80vh;
  }

  .cid-tIsjhWS5IM::after {
    margin-top: -21rem !important;
    margin-left: -1rem !important;
    transform: translateX(50%) translateY(-10%);
    width: 83vh !important;
    height: 105vh !important;
  }
}

/* @media (min-height: 644px) {

  .cid-tIsjhWS5IM {
    padding-bottom: 0rem;
    height: 80vh;
  }

  .cid-tIsjhWS5IM::after {
    margin-top: -13rem !important;
    margin-left: 3rem !important;
    transform: translateX(50%) translateY(-10%);
    width: 83vh !important;
    height: 105vh !important;
  }
} */

@media (max-width: 414px) {

  .cid-tIsjhWS5IM {
    padding-bottom: 0rem;
    height: 80vh;
  }

  .cid-tIsjhWS5IM::after {
    margin-top: -13rem !important;
    margin-left: 1rem !important;
    transform: translateX(50%) translateY(-10%);
    width: 75vh !important;
    height: 90vh !important;
  }
}

@media (max-width: 390px) {

  .cid-tIsjhWS5IM {
    padding-bottom: 0rem;
    /* height: 90vh; */
    height: 100vh;

    top: 5rem;
  }

  .cid-tIsjhWS5IM::after {
    margin-top: -16rem !important;
    margin-left: 1rem !important;
    transform: translateX(50%) translateY(-10%);
    width: 70vh !important;
    /* width: 83vh !important; */
    /* height: 120vh !important; */
    height: 100vh !important;

  }
}

/* Additional Responsive Styles for different resolutions */
@media (min-width: 601px) and (max-width: 768px) {
  .cid-tIsjhWS5IM::after {
    transform: translateX(50%) translateY(-50%);
    width: 102vh !important;
    height: 105vh !important
      /* Add styles for screens between 601 and 768 pixels wide */
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cid-tIsjhWS5IM::after {
    transform: translateX(50%) translateY(-50%);
    width: 102vh !important;
    height: 105vh !important
      /* Add styles for screens between 769 and 1024 pixels wide */
  }
}

.cid-tIsjhWS5IM img {
  z-index: 1;
  opacity: 0;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 20rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-50%) translateY(10%);
}

.cid-tIsjhWS5IM:hover img {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
}

.red img {
  z-index: 1;
  opacity: 0;
  width: 20%;
  height: 5vh;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 30rem;
  margin-top: 22rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-50%) translateY(10%);
}

.red:hover img {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
}

.viviprofile {
  font-family: 'Smooch Sans', sans-serif;
  position: relative;
  float: right;
  margin: 0 0 0 0px;
  padding-top: 2rem;
  margin-top: -8rem;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(100%) translateY(10%);
}

body:hover .viviprofile {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

.viviprofile h1 {
  font-family: 'Smooch Sans', sans-serif;
  color: #E71720;
  line-height: 1.2;
  font-size: xxx-large;
  width: 70%;
  text-align: right;
}

.viviprofile p {
  color: #EE1821;
  margin-right: 3rem;
  width: 27pc;
  margin-left: -23rem;
  line-height: 1.2;
  text-align: right;
  font-size: medium;
}

.vivinumber {
  font-size: 24px;
  color: #fff;
  /* Text color */
  text-shadow:
    -1px -1px 0 #E71720,
    1px -1px 0 #E71720,
    -1px 1px 0 #E71720,
    1px 1px 0 #E71720;
  /* Border color and width */
}

@media (max-width: 600px) {
  .viviprofile {
    float: left;
    width: 40vh;
    margin-top: 7rem !important;
    transition: none;
  }

  .viviprofile p {
    margin-left: 2.5rem !important;
    margin-top: 2rem !important;

    width: 17pc !important;
    text-align: justify !important;
  }

  .vivinumber {
    display: none;
  }

  .viviprofile h1 {
    margin-left: 2rem !important;
    margin-bottom: -1rem !important;
  }

  .viviprofile strong {
    display: none;
  }
}

@media (max-width: 428px) {
  .viviprofile {
    opacity: 1;
    float: left;
    width: 40vh;
    margin-top: 7rem !important;
    transition: none;
    transform: none;
  }

  .viviprofile p {
    margin-left: 4.5rem !important;
    margin-top: 2rem !important;
    width: 17pc !important;
    text-align: justify !important;
  }

  .vivinumber {
    display: none;
  }

  .viviprofile h1 {
    margin-left: 2rem !important;
    margin-bottom: -1rem !important;
  }

  .viviprofile strong {
    display: none;
  }
}

/* @media (min-height: 644px) {
  .viviprofile {
    float: left;
    width: 40vh;
    margin-top: -1rem !important;
    transition: none;
  }
} */

/* @media (min-height: 852px) {
  .viviprofile {
    float: left;
    width: 40vh;
    margin-top: 4rem !important;
    transition: none;
  }
} */

@media (max-width: 390px) {
  .viviprofile {
    float: left;
    width: 40vh;
    margin-top: 8rem !important;
    transition: none;
  }

  .viviprofile p {
    margin-left: 3.5rem !important;
    margin-top: 2rem !important;

    width: 17pc !important;
    text-align: justify !important;
  }

  .vivinumber {
    display: none;
  }

  .viviprofile h1 {
    margin-left: 2rem !important;
    margin-bottom: -1rem !important;
  }

  .viviprofile strong {
    display: none;
  }
}

.cid-tIsjhWS5IM .mbr-fallback-image.disabled {
  display: none;
}

.cid-tIsjhWS5IM .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tIsjhWS5IM .item {
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tIsjhWS5IM .item {
    padding-bottom: 1rem;
  }
}

.cid-tIsjhWS5IM .item-wrapper {
  height: 100%;
  position: relative;
}

.cid-tIsjhWS5IM .item-wrapper img {
  height: 100%;
  object-fit: cover;
}

.cid-tIsjhWS5IM .item-wrapper .icon-wrapper {
  pointer-events: none;
  position: absolute;
  width: 60px;
  height: 60px;
  font-size: 22px;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 50%;
  opacity: 0;
  color: #464845 !important;
  transform: translateX(-50%) translateY(-50%);
  background-color: #edefea !important;
  transition: 0.2s;
}

.cid-tIsjhWS5IM .item-wrapper:hover .icon-wrapper {
  opacity: 1;
}

.cid-tIsjhWS5IM .carousel-control,
.cid-tIsjhWS5IM .close {
  background: #1b1b1b;
}

.cid-tIsjhWS5IM .carousel-control-prev {
  margin-left: 2.5rem;
}

.cid-tIsjhWS5IM .carousel-control-prev span {
  margin-right: 5px;
}

.cid-tIsjhWS5IM .carousel-control-next {
  margin-right: 2.5rem;
}

.cid-tIsjhWS5IM .carousel-control-next span {
  margin-left: 5px;
}

.cid-tIsjhWS5IM .close {
  position: fixed;
  opacity: 0.5;
  font-size: 22px;
  font-weight: 300;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  top: 2.5rem;
  right: 2.5rem;
  border: 2px solid #fff;
  text-shadow: none;
  z-index: 5;
  transition: opacity 0.3s ease;
  font-family: 'Moririse2';
  align-items: center;
  justify-content: center;
  display: flex;
}

.cid-tIsjhWS5IM .close::before {
  content: '\e91a';
}

.cid-tIsjhWS5IM .close:hover {
  opacity: 1;
  background: #000;
  color: #fff;
}

.cid-tIsjhWS5IM .carousel-control {
  display: flex;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -1.5rem;
  font-size: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  transition: all 0.3s;
}

.cid-tIsjhWS5IM .carousel-control.carousel-control-prev {
  left: 0;
  margin-left: 2.5rem;
}

.cid-tIsjhWS5IM .carousel-control.carousel-control-next {
  right: 0;
  margin-right: 2.5rem;
}

@media (max-width: 767px) {
  .cid-tIsjhWS5IM .carousel-control {
    top: auto;
    bottom: 1rem;
  }
}

.cid-tIsjhWS5IM .carousel-indicators {
  position: absolute;
  bottom: 0;
  margin-bottom: 3px;
}

.cid-tIsjhWS5IM .carousel-indicators li {
  max-width: 15px;
  height: 15px;
  width: 15px;
  max-height: 15px;
  margin: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 0.5;
  transition: all 0.3s;
}

.cid-tIsjhWS5IM vivi-contain.carousel-indicators li.active,
.cid-tIsjhWS5IM .carousel-indicators li:hover {
  opacity: 0.9;
}

.cid-tIsjhWS5IM .carousel-indicators li::after,
.cid-tIsjhWS5IM .carousel-indicators li::before {
  content: none;
}

.cid-tIsjhWS5IM .carousel-indicators.ie-fix {
  left: 50%;
  display: block;
  width: 60%;
  margin-left: -30%;
  text-align: center;
}

@media (max-width: 768px) {
  .cid-tIsjhWS5IM .carousel-indicators {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .cid-tIsjhWS5IM .carousel-indicators {
    margin-bottom: 3.625rem !important;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (max-width: 767px) {
  .cid-tIsjhWS5IM .carousel-indicators {
    display: none;
  }
}

.cid-tIsjhWS5IM .carousel-inner {
  display: flex;
  align-items: center;
}

.cid-tIsjhWS5IM .carousel-inner>.active {
  display: block;
}

.cid-tIsjhWS5IM .carousel-control.left {
  left: 0;
  margin-left: 2.5rem;
}

.cid-tIsjhWS5IM .carousel-control.right {
  right: 0;
  margin-right: 2.5rem;
}

.cid-tIsjhWS5IM .carousel-control:hover {
  background: #1b1b1b;
  color: #fff;
  opacity: 1;
}

@media (max-width: 768px) {

  .cid-tIsjhWS5IM .carousel-control,
  .cid-tIsjhWS5IM .carousel-indicators,
  .cid-tIsjhWS5IM .modal .close {
    position: fixed;
  }
}

@media (max-width: 767px) {
  .cid-tIsjhWS5IM .mbr-slider .carousel-control {
    top: auto;
    bottom: 20px;
  }

  .cid-tIsjhWS5IM .mbr-slider>.container .carousel-control {
    margin-bottom: 0;
  }
}

.cid-tIsjhWS5IM .carousel-indicators .active,
.cid-tIsjhWS5IM .carousel-indicators li {
  width: 7px;
  height: 7px;
  margin: 3px;
  background: #000000;
  opacity: 0.5;
  border: 4px solid #000000;
}

.cid-tIsjhWS5IM .carousel-indicators .active {
  background: #fff;
}

.cid-tIsjhWS5IM .carousel-indicators li {
  max-width: 15px;
  max-height: 15px;
  border-radius: 50%;
}

.cid-tIsjhWS5IM .modal {
  padding-left: 0 !important;
  position: fixed;
  overflow: hidden;
  padding-right: 0 !important;
}

.cid-tIsjhWS5IM .modal-dialog {
  margin: 0 auto;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.cid-tIsjhWS5IM .modal-content {
  border-radius: 0;
  border: none;
  background: transparent;
}

.cid-tIsjhWS5IM .modal-body {
  padding: 0;
  display: flex;
  align-items: center;
}

.cid-tIsjhWS5IM .modal-body img {
  width: 100%;
  object-fit: contain;
  max-height: calc(100vh - 1.75rem);
}

.cid-tIsjhWS5IM .carousel {
  width: 100%;
}

.cid-tIsjhWS5IM .modal-backdrop.in {
  opacity: 0.8;
}

.cid-tIsjhWS5IM .modal.fade .modal-dialog {
  transition: margin-top 0.3s ease-out;
}

.cid-tIsjhWS5IM .modal.fade .modal-dialog,
.cid-tIsjhWS5IM .modal.in .modal-dialog {
  transform: none;
}

.cid-tIsjhWS5IM .mbr-gallery .item-wrapper {
  cursor: pointer;
}

.cid-tIsjhWS5IM H6 {
  text-align: center;
}

/* new */
/* .cid-tIsjhWS5IM H3 {
  color: #ff8cbc;
} */

.cid-tIsjMsRA0K::before,
.cid-tIsjMsRA0K::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cid-tIsjMsRA0K {
  padding-top: 6rem;
  /* padding-bottom: 6rem; */
  /* new */
  /* background-color: #edefeb; */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 95vh;
  margin-left: auto;
  background-size: cover;
  background-position: center;
  /* background-image: url('https://192.168.1.240/vivichronia/assets/images/vivichar/LINE_POINTER_RED.png'); */
  justify-content: center;
  align-items: center;
  background-color: #F0F0F0;
}

.cid-tIsjMsRA0K::before {

  background: url('https://192.168.1.240/vivichronia/assets/images/nebulachar/ELEMENT_LIGHT_GRAY_FULL.png') center left/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 50%;
  background-repeat: no-repeat;
  top: 2rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-100%) translateY(10%);
}

.cid-tIsjMsRA0K:hover::before {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

/* .cid-tIsjhWS5IM::after {
  content: "";
  background: url('https://192.168.1.240/vivichronia/assets/images/vivichar/VIVI 2.png') center left/30% no-repeat, url('https://192.168.1.240/vivichronia/assets/images/vivichar/FRAME.png') center left/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 40%;
  background-repeat: no-repeat;
  top: -4rem;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transform: translateX(-50%) translateY(10%);

}

.cid-tIsjhWS5IM:hover::after {
  opacity: 1;
  transform: translateX(10%) translateY(10%);

}

.cid-tIsjhWS5IM.touch-hovr::after {
  opacity: 1;
  transform: translateX(-10%) translateY(10%);
}

@media (max-width: 600px) {
  .cid-tIsjhWS5IM::after {
    margin-top: -13rem !important;
    transform: translateX(50%) translateY(-10%);
    width: 102vh !important;
    height: 105vh !important;
  }
} */

.cid-tIsjMsRA0K::after {
  content: "";
  background: url('https://192.168.1.240/vivichronia/assets/images/nebulachar/NEBULA 2.png') center right/30% no-repeat,
    url('https://192.168.1.240/vivichronia/assets/images/nebulachar/FRAME.png') center right/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 90%;
  height: 100vh;
  background-size: 40%;
  background-repeat: no-repeat;
  top: -4rem;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  /* transform: translateX(0%) translateY(10%); */
  transform: translateX(100%) translateY(10%);

}

.cid-tIsjMsRA0K:hover::after {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
  /* transform: translateX(-50%) translateY(10%); */

}

.cid-tIsjMsRA0K.touch-hver::after {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

@media (max-width: 600px) {

  .cid-tIsjMsRA0K {
    height: 32rem !important;
  }

  .cid-tIsjMsRA0K::after {
    width: 76vh !important;
    height: 91vh !important;
    background-position: center;
    margin-top: -13rem !important;
    margin-left: -7rem !important;

  }
}

@media (max-width: 428px) {

  .cid-tIsjMsRA0K {
    height: 42rem !important;
  }

  .cid-tIsjMsRA0K::after {
    width: 65vh !important;
    height: 81vh !important;
    background-position: center;
    margin-top: -10rem !important;
    margin-left: -6rem !important;

  }
}

.cid-tIsjMsRA0K img {
  z-index: 1;
  opacity: 0;
  width: 50%;
  margin-top: -3rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 20rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-100%) translateY(10%);

}

.cid-tIsjMsRA0K:hover img {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

.nebulaprofile {
  font-family: 'Smooch Sans', sans-serif;
  position: relative;
  float: left;
  margin: -12rem 0 0 10rem;
  /* padding-top: 2rem; */
  /* margin-top: -15rem; */
  z-index: 1;
  opacity: 0;

  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-100%) translateY(10%);
}

body:hover .nebulaprofile {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

.nebulaprofile h1 {
  font-family: 'Smooch Sans', sans-serif;
  color: #E71720;
  line-height: 1.2;
  font-size: xxx-large;
  width: 70%;
  text-align: left;
}

.nebulaprofile p {
  color: #EE1821;
  margin-right: 3rem;
  width: 27pc;
  /* margin-left: -23rem; */
  line-height: 1.2;
  text-align: left;
  font-size: medium;
}

.nebulanumber {
  font-size: 24px;
  color: #fff;
  /* Text color */
  text-shadow:
    -1px -1px 0 #E71720,
    1px -1px 0 #E71720,
    -1px 1px 0 #E71720,
    1px 1px 0 #E71720;
  /* Border color and width */
}

@media (max-width: 600px) {

  /* .cid-tIsjMsRA0K:hover::after {
    margin-top: 14rem !important;

    transform: translateX(-50%) translateY(-50%);
    width: 96vh !important;
    height: 104vh !important;
  } */

  .nebulaprofile {
    margin-top: 12rem !important;
    transition: none;
    transform: none;
  }

  .nebulaprofile p {
    width: 17pc;
    margin: 0 0 0 -7.5rem !important;
    text-align: justify;
  }

  .nebulaprofile h1 {
    margin: -2rem 0 0 -7.5rem !important;
    width: 40vh !important;
  }

  .nebulanumber {
    visibility: hidden;
  }

  .cid-tIsjMsRA0K img {
    display: none !important;
    visibility: hidden !important;
  }

  .nebulaprofile strong {
    display: none;
  }

}

@media (max-width: 428px) {

  /* .cid-tIsjMsRA0K:hover::after {
    margin-top: 14rem !important;

    transform: translateX(-50%) translateY(-50%);
    width: 96vh !important;
    height: 104vh !important;
  } */

  .nebulaprofile {
    opacity: 1;
    margin-top: 12rem !important;
    transition: none;
    transform: none;
  }

  .nebulaprofile p {
    width: 17pc;
    margin: 2rem 0 0 -5.5rem !important;
    text-align: justify;
  }

  .nebulaprofile h1 {
    margin: 1rem 0 0 -1.5rem !important;
    width: 40vh !important;
  }

  /*

  .nebulanumber {
    visibility: hidden;
  }

  .cid-tIsjMsRA0K img {
    display: none !important;
    visibility: hidden !important;
  }

  .nebulaprofile strong {
    display: none;
  } */

}

@media (max-width: 390px) {

  .cid-tIsjMsRA0K {
    /* height: 38rem !important; */
    height: 42rem !important;
  }

  .cid-tIsjMsRA0K::after {
    width: 77vh !important;
    height: 80vh !important;
    background-position: center;
    margin-top: -7rem !important;
    margin-left: -8rem !important;

  }

  .nebulaprofile {
    /* margin-top: 16rem !important; */
    margin-top: 20rem !important;
    transition: none;
    transform: none;
  }

  .nebulaprofile h1 {
    margin: -2rem 0 0 -1.5rem !important;
  }

  .nebulaprofile p {
    width: 17pc;
    margin-left: -6.5rem !important;
    text-align: justify;
  }

}

.cid-tIsjMsRA0K .item-mb {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tIsjMsRA0K .item-mb {
    margin-bottom: 1rem;
  }
}

.cid-tIsjMsRA0K .item-head {
  background: #ffa600;
  padding: 2.25rem;
}

.cid-tIsjMsRA0K .item-content {
  padding: 2rem 2rem 0;
  background: #ffffff;
}

.cid-tIsjMsRA0K .item-wrapper {
  border-radius: 2rem;
  overflow: hidden;
  margin-bottom: 2rem;
  background: #ffffff;
  padding: 0rem;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}

@media (max-width: 767px) {
  .cid-tIsjMsRA0K .item-wrapper {
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .cid-tIsjMsRA0K .item-wrapper .item-footer {
    padding: 0 2rem 3rem;
  }
}

.cid-tIsjMsRA0K .btn {
  width: -webkit-fill-available;
}

.cid-tIsjMsRA0K .item:focus,
.cid-tIsjMsRA0K span:focus {
  outline: none;
}

.cid-tIsjMsRA0K .mbr-section-btn {
  margin-top: auto !important;
  padding: 2rem 2rem 0;
}

@media (max-width: 991px) {
  .cid-tIsjMsRA0K .mbr-section-btn {
    padding: 0rem 3rem 2rem;
  }
}

.cid-tIsjMsRA0K .mbr-section-title {
  color: #0225ac;
}

.cid-tIsjMsRA0K .mbr-section-subtitle {
  color: #000000;
}

.cid-tIsjMsRA0K .mbr-text,
.cid-tIsjMsRA0K .mbr-section-btn {
  text-align: left;
}

.cid-tIsjMsRA0K .item-title {
  text-align: left;
  color: #000000;
}

.cid-tIsjMsRA0K .item-subtitle {
  text-align: left;
  color: #000000;
}

.cid-tIskrx6sZd::before,
.cid-tIskrx6sZd::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cid-tIskrx6sZd {
  padding-top: 2rem;
  padding-bottom: 6rem;
  /* new */
  /* background-color: #008063; */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  background-size: cover;
  background-position: center;
  /* background-image: url('https://192.168.1.240/vivichronia/assets/images/vivichar/LINE_POINTER_RED.png'); */
  justify-content: center;
  align-items: center;
  background-color: #F0F0F0;
}

.cid-tIskrx6sZd::before {
  background: url('https://192.168.1.240/vivichronia/assets/images/vmanchar/ELEMENT_LIGHT_GRAY_FULL.png') center right/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-size: 50%;
  top: -4rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(100%) translateY(10%);
}

.cid-tIskrx6sZd:hover::before {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

.cid-tIskrx6sZd::after {
  content: "";
  background: url('https://192.168.1.240/vivichronia/assets/images/vmanchar/V-MAN 2.png') center left/30% no-repeat, url('https://192.168.1.240/vivichronia/assets/images/vmanchar/FRAME.png') center left/30% no-repeat;
  z-index: 1;
  opacity: 0;
  width: 65%;
  height: 80vh;
  background-size: 40%;
  background-repeat: no-repeat;
  top: 0rem;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  /* transform: translateX(0%) translateY(10%); */
  transform: translateX(-50%) translateY(10%);

}

.cid-tIskrx6sZd:hover::after {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
  /* transform: translateX(-50%) translateY(10%); */

}

.cid-tIskrx6sZd.touch-hov::after {
  opacity: 1;
  transform: translateX(-10%) translateY(10%);
}

.cid-tIskrx6sZd img {
  z-index: 1;
  opacity: 0;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 20rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-50%) translateY(10%);
}

.cid-tIskrx6sZd:hover img {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
}

.red img {
  z-index: 1;
  opacity: 0;
  width: 20%;
  height: 5vh;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 30rem;
  margin-top: 22rem;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(-50%) translateY(10%);
}

.red:hover img {
  opacity: 1;
  transform: translateX(10%) translateY(10%);
}

.vmanprofile {
  font-family: 'Smooch Sans', sans-serif;
  position: relative;
  float: right;
  margin: 0 0 0 0px;
  padding-top: 2rem;
  margin-top: -8rem;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateX(100%) translateY(10%);
}

body:hover .vmanprofile {
  opacity: 1;
  transform: translateX(0%) translateY(10%);
}

.vmanprofile h1 {
  font-family: 'Smooch Sans', sans-serif;
  color: #E71720;
  line-height: 1.2;
  font-size: xxx-large;
  /* width: 13vh; */
  text-align: right;
  margin-right: 10rem;

  width: auto;
  max-width: 100%;
  /* Ensures the element doesn't overflow its container */
  /* margin: 0 auto; */
}

.vmanprofile p {
  color: #EE1821;
  margin-right: 3rem;
  width: 27pc;
  margin-left: -23rem;
  line-height: 1.2;
  text-align: right;
  font-size: medium;
}

.vmannumber {
  font-size: 24px;
  color: #fff;
  /* Text color */
  text-shadow:
    -1px -1px 0 #E71720,
    1px -1px 0 #E71720,
    -1px 1px 0 #E71720,
    1px 1px 0 #E71720;
  /* Border color and width */
}

@media (max-width: 600px) {

  /* .cid-tIskrx6sZd:hover::after { */
  .cid-tIskrx6sZd::after {

    margin-top: -23rem !important;
    margin-left: 0rem !important;
    /* transform: translateX(-50%) translateY(-50%); */
    width: 80vh !important;
    height: 126vh !important;
  }

  .vmanprofile {
    opacity: 1;
    margin-top: 13rem !important;
    transition: none;
    transform: none;
  }

  .vmanprofile p {
    width: 17pc;
    margin: 0 0 -24rem -12.5rem !important;
    text-align: justify;
  }

  .vmanprofile h1 {
    margin: 0 0 0 -10rem !important;
    width: 40vh !important;
  }

  .vmannumber {
    display: none;
    visibility: hidden;
  }

  /* .cid-tIsjMsRA0K img {
    display: none !important;
    visibility: hidden !important;
  } */

  .vmanprofile strong {
    display: none;
  }

}

@media (max-width: 428px) {

  /* .cid-tIskrx6sZd:hover::after { */
  .cid-tIskrx6sZd::after {

    margin-top: -13rem !important;
    margin-left: 1.5rem !important;
    /* transform: translateX(-50%) translateY(-50%); */
    width: 65vh !important;
    height: 90vh !important;
  }

  .vmanprofile {
    opacity: 1;
    margin-top: 16rem !important;
    transition: none;
    transform: none;
  }

  .vmanprofile p {
    width: 17pc;
    margin: 2rem 0 -24rem -9rem !important;
    text-align: justify;
  }

  .vmanprofile h1 {
    margin: 0 0 0 -10rem !important;
    width: 40vh !important;
  }

  /* .vmanprofile {
    margin-top: 13rem !important;
  }

  .vmannumber {
    display: none;
    visibility: hidden;
  }

  .vmanprofile strong {
    display: none;
  } */

}

@media (max-width: 390px) {

  /* .cid-tIskrx6sZd:hover::after { */
  .cid-tIskrx6sZd::after {

    margin-top: -17rem !important;
    margin-left: 1.5rem !important;
    /* transform: translateX(-50%) translateY(-50%); */
    width: 65vh !important;
    height: 90vh !important;
  }

  .vmanprofile p {
    width: 17pc;
    margin: 0 0 -24rem -9.5rem !important;
    text-align: justify;
  }

  /* .vmanprofile {
    margin-top: 13rem !important;
  }

  .vmanprofile h1 {
    margin: 0 0 0 -10rem !important;
    width: 40vh !important;
  }

  .vmannumber {
    display: none;
    visibility: hidden;
  }

  .vmanprofile strong {
    display: none;
  } */

}

.cid-tIskrx6sZd .mbr-overlay {
  background-color: #ffffff;
  opacity: 0.4;
}

.cid-tIskrx6sZd form .mbr-section-btn {
  text-align: center;
  width: 100%;
}

.cid-tIskrx6sZd form .mbr-section-btn .btn {
  display: inline-flex;
}

@media (max-width: 991px) {
  .cid-tIskrx6sZd form .mbr-section-btn .btn {
    width: 100%;
  }
}

.cid-tIskrx6sZd .mbr-section-title {
  color: #ff8cbc;
}

.cid-tIsokmLLOC {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #260a30;
}

.cid-tIsokmLLOC input {
  padding: 1.2rem 1.5rem;
  border: none !important;
  height: 100%;
}

.cid-tIsokmLLOC input:hover {
  border: none !important;
}

.cid-tIsokmLLOC .btn {
  height: 100%;
  margin: auto;
}

@media (min-width: 992px) {
  .cid-tIsokmLLOC .text-wrapper {
    padding: 0 2rem;
  }
}

.cid-tIsokmLLOC .row {
  justify-content: center;
}

.cid-tIsokmLLOC .mbr-section-btn {
  display: flex;
  margin-bottom: 1.2rem;
  width: fit-content;
}

.cid-tIsokmLLOC .mbr-section-btn .btn {
  width: auto;
}

@media (max-width: 991px) {
  .cid-tIsokmLLOC .image-wrapper {
    margin-bottom: 2rem;
  }

  .cid-tIsokmLLOC .content-wrapper {
    flex-direction: column-reverse;
  }
}

.cid-tIsokmLLOC .justify-content-center {
  align-items: center;
}

/* .cid-tIsokmLLOC H1 {
  color: #d2dc1d;
} */

.cid-tIsokmLLOC P {
  color: #d2dc1d;
  text-align: center;
}

.cid-tIsokmLLOC .mbr-section-title {
  text-align: center;
  color: #ffd7ef;
}

.cid-tIsl0U2P9c {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #edefeb;
}

.cid-tIsl0U2P9c .mbr-fallback-image.disabled {
  display: none;
}

.cid-tIsl0U2P9c .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tIsl0U2P9c .row {
  justify-content: center;
}

.cid-tIsl0U2P9c .item {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tIsl0U2P9c .item {
    margin-bottom: 1rem;
  }
}

.cid-tIsl0U2P9c .item .item-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 4px;
  background: #ffffff;
}

@media (max-width: 991px) {
  .cid-tIsl0U2P9c .item .item-wrapper {
    padding: 2rem 1.5rem;
  }
}

@media (min-width: 992px) {
  .cid-tIsl0U2P9c .item .item-wrapper {
    padding: 2.25rem;
  }
}

.cid-tIsl0U2P9c .mbr-section-title {
  text-align: left;
  color: #0225ac;
}

.cid-tIsljcLokI {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #6c1ec5;
}

.cid-tIsljcLokI .item-subtitle {
  line-height: 1.2;
  color: #ffaac7;
}

.cid-tIsljcLokI img,
.cid-tIsljcLokI .item-img {
  width: 100%;
}

.cid-tIsljcLokI .item:focus,
.cid-tIsljcLokI span:focus {
  outline: none;
}

.cid-tIsljcLokI .item {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .cid-tIsljcLokI .item {
    margin-bottom: 1rem;
  }
}

.cid-tIsljcLokI .item-wrapper {
  position: relative;
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}

.cid-tIsljcLokI .item-wrapper .item-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cid-tIsljcLokI .item-footer {
  margin-top: auto;
}

.cid-tIsljcLokI .mbr-section-title {
  color: #ffaac7;
  text-align: left;
}

.cid-tIsljcLokI .mbr-text,
.cid-tIsljcLokI .mbr-section-btn {
  color: #232323;
}

.cid-tIsljcLokI .item-title {
  color: #ffaac7;
}

.cid-tHfEgJYxcL {
  /* padding-top: 5rem; */
  /* padding-bottom: 5rem; */
  /* height: 1092px; */
  /* background-color: #6c1ec5; */
  /* new */
  background-color: #F4F4F4;
  position: relative;
  overflow: hidden;
}

.cid-tHfEgJYxcL .google-container {
  width: 100%;
  /* height: 100%; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* background-image: url('https://192.168.1.240/vivichronia/assets/images/CREDITS ILLUSTRATION-FINAL 1.png'); */
  background-image: url('../../image/backgound.png');
  justify-content: center;
  align-items: center;
  /* opacity: 0; */
  /* transform: translateY(100%); */
  transition: opacity 2s ease-in-out, transform 2s ease-in-out;
}

.cid-tHfEgJYxcL:hover .google-container {
  opacity: 1;
  transform: translateY(0%);
}

.cid-tHfEgJYxcL:hover {
  opacity: 1;
  transform: translateY(0%);
}

.desktop-image {
  display: block;
}

.mobile-image {
  display: none;
}

@media (max-width: 600px) {
  .desktop-image {
    display: none;
  }

  .mobile-image {
    display: block;
  }

  .cid-tHfEgJYxcL {
    width: 81vh !important;
    height: 60vh !important;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }

  .social-icons {
    text-align: center;
    float: none;
    justify-content: center;
    margin-top: 0rem !important;

  }

  .social-icons.right {

    display: contents;
    text-align: center;
    float: none;
    justify-content: center;
    margin: 0 0 0 0;
    max-width: 100%;
    max-height: 100%;
  }

  .social-icons.right img {
    margin-top: 0rem !important;
    width: 18vh;
    height: 8vh;
    margin-left: auto;
    margin-right: auto;
  }

}

.cid-tHfEgJYxcL .mbr-fallback-image.disabled {
  display: none;
}

.cid-tHfEgJYxcL .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cid-tHfEgJYxcL .footer-col {
  justify-content: space-between;
  display: flex;
}

@media (max-width: 767px) {
  .cid-tHfEgJYxcL .footer-col {
    flex-direction: column;
  }
}

.cid-tHfEgJYxcL .row {
  /* background: #ffffff; */
  /* padding: 2.25rem; */
  /* border-radius: 2rem; */
  margin: 0;
}

@media (max-width: 767px) {
  .cid-tHfEgJYxcL .row {
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 767px) {
  .cid-tHfEgJYxcL .mbr-section-btn {
    text-align: center;
  }
}

.cid-tHfEgJYxcL .social-row {
  display: flex;
  flex-wrap: wrap;
}

.cid-tHfEgJYxcL .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ffa600;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 3.5rem;
  width: 3.5rem;
}

@media (max-width: 767px) {
  .cid-tHfEgJYxcL .row {
    text-align: center;
  }

  .cid-tHfEgJYxcL .social-row {
    justify-content: center;
  }
}

.cid-tHfEgJYxcL .list {
  list-style: none;
  padding-left: 0;
  color: #502274;
}

@media (max-width: 991px) {
  .cid-tHfEgJYxcL .list {
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .cid-tHfEgJYxcL .list {
    margin-bottom: 0rem;
  }
}

.line-container {
  position: relative;
  height: 5px;
  background-color: #FFFFFF;
  margin: 20px 0;
}

.cid-tHfEgJYxcL .mbr-text {
  color: #bbbbbb;
}

.cid-tHfEgJYxcL .mbr-iconfont {
  color: #ffffff;
}

.cid-tHfEgJYxcL .mbr-section-subtitle {
  color: #000000;
}

.cid-tHfEgJYxcL .list,
.cid-tHfEgJYxcL .item-wrap {
  color: #232323;
}

.cid-tHfEgJYxcL .copyright {
  color: #232323;
}