/* ----------------------------------------------------------------
 Custom CSS

 Add all your Custom Styled CSS here for New Styles or
 Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



  @-webkit-keyframes
   pulsate {  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
   }
    45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
   }
  }
  @keyframes
   pulsate {  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
   }
    45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
   }
  }

  /* Hotspot1 */
  .hotspot-img {
   background-size: cover;
   background-position: center center;
   position: relative;
  }

  .hotspot-img .hot-spot {
   position: absolute;
   width: 26px;
   height: 26px;
   top: 5px;
   left: 5px;
   text-align: center;
   background-color: #F9C606;
   color: #FFF;
   border-radius: 100%;
   cursor: pointer;
   font-size: 12px;
   line-height: 26px;
   transition: all .3s ease;
  }

  .hotspot-img .hot-spot .circle i {
   -webkit-transition: -webkit-transform .25s ease-out;
   transition: transform .25s ease-out;
  }

  .hotspot-img .hot-spot.hotspot-tooltip-open .circle i,
  .hotspot-img .hot-spot:not(.hotspot-on-click):hover .circle i {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
  }

  .hotspot-img .hot-spot .circle:after {
   content: '';
   display: block;
   position: absolute;
   top: 39%;
   left: 39%;
   width: 30px;
   height: 30px;
   margin: -1em auto auto -1em;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   border-radius: 50%;
   border: 10px solid #E1F5FF;
   opacity: 0;
   -webkit-animation: pulsate 3s ease-out infinite;
   animation: pulsate 3s ease-out infinite;
  }

  .hotspot-img .hot-spot .tooltip {
   display: none;
   background-color: rgba(255, 255, 255, 0.96);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-size: 14px;
   opacity: 1.0;
   left: 0;
   padding: 15px;
   position: absolute;
   top: 35px;
   width: 280px;
   z-index: 999;
   box-shadow: 0 30px 102px rgba(0,0,0,0.33), 0 20px 51px rgba(0,0,0,0.18);
  }

  .hotspot-img .hot-spot .tooltip.ontop {
   top: auto;
   bottom: 35px;
  }

  .hotspot-img .hot-spot .tooltip .img-row {
   margin-bottom: 10px;
   display: block;
  }
  .hotspot-img .hot-spot .tooltip h4 { margin-bottom: 0; }

  .hotspot-img .hot-spot .tooltip p {
   font-size: 13px;
   line-height: 1.3rem !important;
   margin-bottom: 10px;
   color: #666 !important;
  }

  .hotspot-img .hot-spot .tooltip p:last-child { margin-bottom: 0; }

  @media (max-width: 991px) {
   .hotspot-img .hot-spot .tooltip {
    width: 200px;
    left: 30px;
    top: 35px;
   }

   .hotspot-img .hot-spot .tooltip .img-row {
    display: none;
   }
  }

        .text-fill-effect {
   --cnvs-text-fill-placeholder: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-text-fill-color: linear-gradient(to right, var(--cnvs-contrast-1000), var(--cnvs-contrast-1000));
   -webkit-text-fill-color: var(--cnvs-text-fill-placeholder);
   position: relative;
   background-image: var(--cnvs-text-fill-color);
   background-size: calc(var(--cnvs-scroll-start) * 100%) 100%;
   background-repeat: no-repeat;
  }

        .text-splitter.scroll-detect span {
            opacity: calc(0.1 + (1 * var(--cnvs-scroll-percent)));
            transform: rotateX(20deg);
            transition: all .3s ease;
            transition-delay: 0s;
        }

        .text-splitter.scroll-detect.scroll-detect-inview span {
            transform: rotateX(0);
            transition-delay: calc(.04s * var(--cnvs-split-index));
        }


  :root {
   --cnvs-primary-font: 'Maitree', serif;
  }

  .promo-users {
   opacity: 0.1;
   --cnvs-promo-users-img-pos-x: 0;
   --cnvs-promo-users-img-pos-y: 0;
  }

  .promo-users img {
   position: absolute;
   top: var(--cnvs-promo-users-img-pos-y);
   left: var(--cnvs-promo-users-img-pos-x);
   bottom: var(--cnvs-promo-users-img-pos-y);
   right: var(--cnvs-promo-users-img-pos-x);
  }

  .promo-users img:nth-child(1) {
   --cnvs-promo-users-img-pos-x: 13%;
   --cnvs-promo-users-img-pos-y: -10%;
  }

  .promo-users img:nth-child(2) {
   --cnvs-promo-users-img-pos-x: 4%;
   --cnvs-promo-users-img-pos-y: 49%;
  }

  .promo-users img:nth-child(3) {
   left: auto;
   --cnvs-promo-users-img-pos-x: 2%;
   --cnvs-promo-users-img-pos-y: 0%;
  }

  .promo-users img:nth-child(4) {
   left: auto;
   top: auto;
   --cnvs-promo-users-img-pos-x: 0;
   --cnvs-promo-users-img-pos-y: 3%;
  }

  .promo-users img:nth-child(5) {
   top: auto;
   --cnvs-promo-users-img-pos-x: 17%;
   --cnvs-promo-users-img-pos-y: -30%;
  }

  @media (min-width: 768px) {
   .promo-users {
    opacity: 1;
   }
  }