@font-face {
    font-family: 'Yekan';
    src: url('/files/amir-hosp/yekta_program/tpl_files/fonts/yekan.eot');
    src: url('/files/amir-hosp/yekta_program/tpl_files/fonts/yekan.eot?#iefix') format('embedded-opentype'),
        url('/files/amir-hosp/yekta_program/tpl_files/fonts/ekan.woff2') format('woff2'),
        url('/files/amir-hosp/yekta_program/tpl_files/fonts/yekan.woff') format('woff'),
        url('/files/amir-hosp/yekta_program/tpl_files/fonts/yekan.ttf') format('truetype'),
        url('/files/amir-hosp/yekta_program/tpl_files/fonts/yekan.otf') format('opentype'),
        url('/files/amir-hosp/yekta_program/tpl_files/fonts/yekan.svg#Yekan') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    font-family: Yekan, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
        'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
        'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}








/* circular menu */
            /* body {
                margin: 0;
                padding: 0;
                min-height: 100vh;
                background: #61f4e7;
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: consolas;
            } */

            .container-menu {
                width: 100%;
                position: relative;
                display: flex;
                justify-content: space-between;
overflow: auto;
            }

            .container-menu .card-menu {
                position: relative;
                cursor: pointer;
            }

            .container-menu .card-menu .face {
                width: 300px;
                height: 200px;
                transition: 0.5s;
            }

            .container-menu .card-menu .face.face1 {
                position: relative;
                background:#b4e1ec;
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 1;
                transform: translateY(100px);
            }

            .container-menu .card-menu:hover .face.face1 {
                background:#195c9f;
                transform: translateY(0);
            }

            .container-menu .card-menu .face.face1 .content {
                opacity: 0.2;
                transition: 0.5s;
            }

            .container-menu .card-menu:hover .face.face1 .content {
                opacity: 1;
            }

            .container-menu .card-menu .face.face1 .content img {
                max-width: 100px;
            }

            .container-menu .card-menu .face.face1 .content h3 {
                margin: 10px 0 0;
                padding: 0;
                color:#e207ef;
                text-align: center;
                font-size: 1.5em;
            }

            .container-menu .card-menu .face.face2 {
                position: relative;
                background: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 20px;
                box-sizing: border-box;
                box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
                transform: translateY(-100px);
            }

            .container-menu .card-menu:hover .face.face2 {
                transform: translateY(0);
            }

            .container-menu .card-menu .face.face2 .content p {
                margin: 0;
                padding: 0;
            }

            .container-menu .card-menu .face.face2 .content a {
                margin: 15px 0 0;
                display: inline-block;
                text-decoration: none;
                font-weight: 900;
                color: #00ced1;
                padding: 5px;
                border: 1px solid #333;
            }

            .container-menu .card-menu .face.face2 .content a:hover {
                background: #333;
                color: #fff;
            }


/*ecg */
svg {
  position: absolute;

  left: 0;
  right: 0;
  margin: auto;
}

.beat-loader {
  stroke: #E76E66;
  stroke-dasharray: 175;
  stroke-dashoffset: 350;
  -webkit-animation: draw 1.4s linear;
  -moz-animation: draw 1.4s linear;
  animation: draw 1.4s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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