/*
Theme Name: Medicora
Theme URI: https://www.medicora.keydesign.xyz/
Author: Key-Design
Author URI: https://themeforest.net/user/key-design
Description: Designed for healthcare professionals, clinics, and hospitals, this Elementor-based theme delivers a professional layout, responsive design, and easy customization to build a trustworthy online presence.
Version: 100.0
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: medicora
Domain Path: /languages
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Note: The main CSS file is loaded from assets/css/ folder. */

body.unload {
    overflow: hidden;
}

.loading {
    content: '';
    position: fixed;
    inset: 0;
    background-color: transparent;
    z-index: -10;
    transition: background-color .3s;
}

body.unload .loading {
    background-color: var(--e-global-color-primary);
    z-index: 10000;
}

.loading svg {
    position: absolute;
    top: calc(50% - 54px);
    left: calc(50% - 64px);
    z-index: 2;
}

.loading .beat-loader {
  stroke: #fff;
  stroke-dasharray: 175;
  stroke-dashoffset: 350;
  animation: draw 1.2s linear;
  animation-iteration-count: infinite;
}

body:not(.unload) .beat-loader {
    animation-play-state: paused;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

.carousel_loop {
    overflow: hidden!important;
}

.loop_inner {
    animation: scroll 20s linear 0s infinite normal;
}

.loop_inner > div {
    max-width: 20%!important;
    min-width: 20%!important;
    aspect-ratio: 16/9;
}

.loop_inner > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.elementor-widget-html:has(.seach_exam) {
    display: flex;
    width: 100%!important;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--w))); }
}

.services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.services-list > .service-item {
    width: max(320px, calc(100% / 3 - 13.5px));
    padding: 30px;
    background-color: var(--e-global-color-light);
}

.tabulation .tabs > span {
    display: inline-block;
    padding: 10px 15px;
    text-transform: capitalize;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-right: 3px;
}

.tabulation .tabs > span:hover {
    cursor: pointer;
}

.tabulation .tabs > span.active {
    background-color: var(--e-global-color-light);
    color: #000;
}

.tabulation .contents > div:not(.active) {
    display: none;
}

.tabulation .contents {
    padding: 30px 15px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}


.qlwapp > div {
    display: block;
    animation: mybounce 10s infinite;
}

.qlwapp > div:hover {
    animation: mybounce-quick 1s infinite;
}

@keyframes mybounce {
   0%   { transform: translateY(0); }
  2%   { transform: translateY(-15px); }
  4%   { transform: translateY(0); }
  6%   { transform: translateY(-8px); }
  9%   { transform: translateY(0); }
  100% { transform: translateY(0); }
}

@keyframes mybounce-quick {
  0%   { transform: translateY(0); }
  20%  { transform: translateY(-15px); }
  40%  { transform: translateY(0); }
  60%  { transform: translateY(-8px); }
  80%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}


.tni-description {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: calc(min(420px, 80vw) * -1);
    bottom: 0;
    width: min(420px, 80vw);
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    transition: right .3s;
    z-index: -1;
}

.tni-description > p {
    width: 100%;
    padding: 50px 24px;
}

.title_n_infos.active .tni-description {
    display: flex;    
    opacity: 1;
    right: 0;
    visibility: visible;
    z-index: 1200;
}

.title_n_infos.active .tni-title a > i{
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1199;
}