/**************************/
/*Fonts*/
/**************************/

@font-face {
  font-style: normal;
  font-display: swap;
  font-family: Dana;
  src: url("../fonts/dana2webGX.woff2") format("woff2");
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-family: Baskervville;
  src: url("../fonts/Baskervville-Regular.woff2") format("woff2");
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-family: Maneli;
  src: url("../fonts/Maneli.woff2") format("woff2");
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-family: Montserrat;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "WebsimaIcon";
  src:
    url("../fonts/WebsimaIcon/fonts/WebsimaIcon.ttf?rnfq3g") format("truetype"),
    url("../fonts/WebsimaIcon/fonts/WebsimaIcon.woff?rnfq3g") format("woff"),
    url("../fonts/WebsimaIcon/fonts/WebsimaIcon.svg?rnfq3g#WebsimaIcon")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/**************************/
/*class*/
/* be carefulllllllllll */
/**************************/

.icon-documents:before {
  content: "\e916";
}
.icon-round-arrow-down:before {
  content: "\e917";
}
.icon-round-arrow-left:before {
  content: "\e919";
}
.icon-magnifer-zoom:before {
  content: "\e91b";
}
.icon-share:before {
  content: "\e91c";
}
.icon-shield:before {
  content: "\e91d";
}
.icon-stars:before {
  content: "\e91e";
}
.icon-target:before {
  content: "\e91f";
}
.icon-user-check:before {
  content: "\e920";
}
.icon-user-id:before {
  content: "\e921";
}
.icon-woman-hair:before {
  content: "\e922";
}
.icon-woman-old:before {
  content: "\e923";
}
.icon-router:before {
  content: "\e924";
}
.icon-widget:before {
  content: "\e925";
}
.icon-pump:before {
  content: "\e926";
}
.icon-fire:before {
  content: "\e927";
}
.icon-testimonial:before {
  content: "\e928";
}
.icon-chevron-double:before {
  content: "\e929";
}
.icon-two-column:before {
  content: "\e92a";
}
.icon-one-column:before {
  content: "\e92b";
}
.icon-zoom:before {
  content: "\e92c";
}
.icon-heart-angle:before {
  content: "\e92e";
}
.icon-hydrated-skin:before {
  content: "\e92f";
}
.icon-Key:before {
  content: "\e930";
}
.icon-leaf:before {
  content: "\e931";
}
.icon-pallete:before {
  content: "\e932";
}
.icon-paperclip:before {
  content: "\e933";
}
.icon-pills:before {
  content: "\e934";
}
.icon-reply:before {
  content: "\e935";
}
.icon-mask:before {
  content: "\e936";
}
.icon-skin:before {
  content: "\e937";
}
.icon-shield-plus:before {
  content: "\e938";
}
.icon-benzene-ring:before {
  content: "\e93a";
}
.icon-biological-clock:before {
  content: "\e93b";
}
.icon-bolt:before {
  content: "\e93c";
}
.icon-bone-broken:before {
  content: "\e93d";
}
.icon-clock-circle:before {
  content: "\e93e";
}
.icon-colour-tuneing:before {
  content: "\e93f";
}
.icon-qoute:before {
  content: "\e940";
}
.icon-copy:before {
  content: "\e941";
}
.icon-dialog:before {
  content: "\e942";
}
.icon-diploma:before {
  content: "\e943";
}
.icon-download:before {
  content: "\e944";
}
.icon-eye:before {
  content: "\e945";
}
.icon-home:before {
  content: "\e900";
}
.icon-pills-container:before {
  content: "\e901";
}
.icon-pill:before {
  content: "\e902";
}
.icon-widget-add:before {
  content: "\e903";
}
.icon-alarm:before {
  content: "\e904";
}
.icon-chevron-right:before {
  content: "\e905";
}
.icon-chevron-left:before {
  content: "\e906";
}
.icon-chevron-down:before {
  content: "\e907";
}
.icon-chevron-up:before {
  content: "\e908";
}
.icon-arrow-up:before {
  content: "\e909";
}
.icon-global:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90b";
}
.icon-play:before {
  content: "\e90c";
}
.icon-map:before {
  content: "\e90d";
}
.icon-phone:before {
  content: "\e90e";
}
.icon-printer:before {
  content: "\e90f";
}
.icon-letter:before {
  content: "\e910";
}
.icon-telegram:before {
  content: "\e911";
}
.icon-linkedin:before {
  content: "\e912";
}
.icon-instagram:before {
  content: "\e913";
}
.icon-whatsapp:before {
  content: "\e914";
}
.icon-x:before {
  content: "\e915";
}
.icon-close:before {
  content: "\e918";
}
.icon-pause:before {
  content: "\e91a";
}

/**************************/
/*class*/
/* readmore*/
/**************************/
.editor-content[data-readmore] {
  transition: height 0.3s ease-in-out;
}

.editor-content[aria-expanded="false"] {
  -webkit-mask-image: linear-gradient(red, #ff00);
  mask-image: linear-gradient(red, #ff00);
}
.is-readmore .editor-content {
  max-height: 8em;
  overflow: hidden;
}

.readmore-btn {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--c-primary-text);
  transition: 0.3s;
  font-size: 14px;
}
.readmore-btn::after {
  content: "\e907";
  font-family: var(--ff-icon);
  line-height: 1;
  font-size: 1.2rem;
}
.close.readmore-btn::after {
  transform: rotateX(180deg);
}
.close.readmore-btn {
  margin-top: 1rem;
}
@media (width>=800px) {
  /* .readmore-btn {
    margin: 0;
  } */
}
/**************************/
/* video */
/**************************/

.spinner-video {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  z-index: 3;
  width: 8rem;
  height: 8rem;
  position: absolute;
  left: calc(50% - 4rem);
  top: calc(50% - 4rem);
  display: none;
}
.spinner-video .path {
  stroke: var(--c-primary);
  opacity: 0.8;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.toggle-video {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.toggle-video i {
  position: absolute;
  width: 8.4rem;
  height: 8.4rem;
  background: #4b4b4b85;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 2.2rem;
  isolation: isolate;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--c-accent);
  transition: 0.5s 0.3s var(--e7);
  transform: translate(-50%, 50%);
  left: 50%;
  bottom: 50%;
}
.toggle-video i::after {
  content: "";
  inset: 1.2rem;
  background: var(--c-white);
  position: absolute;
  border-radius: 50%;
  z-index: -2;
  transition: 0.7s;
}
.play .toggle-video i {
  left: 0.5rem;
  transform: translate(0, 0) scale(0.8);
  bottom: 0.5rem;
}
.play .toggle-video i:before {
  content: "\e91a";
}

.clicked .about-video__el {
  display: block !important;
}
.clicked .about-video__poster {
  display: none;
}