.embla {
        direction: ltr;
        position: relative;
        /*background-color: #f7f7f7;*/
        padding: 20px;
        /*max-width: 670px;*/
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .embla__viewport {
        overflow: hidden;
        width: 100%;
    }
        .embla__viewport.is-draggable {
            cursor: move;
            cursor: grab;
        }
        .embla__viewport.is-dragging {
            cursor: grabbing;
        }
    .embla__container {
        display: flex;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -webkit-tap-highlight-color: transparent;
        margin-left: -10px;
    }
    /*.embla__slide {
           position: relative;
           min-width: 50%;
           padding-left: 10px;
         }*/
    /*.embla__slide {
                 flex: 0 0 20%;
             }*/
    .embla__slide__inner {
        position: relative;
        overflow: hidden;
    }
    .embla__slide__img {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        width: auto;
        min-height: 100%;
        min-width: 100%;
        max-width: none;
        transform: translate(-50%, -50%);
    }
    .embla__button {
        outline: 0;
        cursor: pointer;
        background-color: transparent;
        touch-action: manipulation;
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        border: 0;
        width: 30px;
        height: 30px;
        justify-content: center;
        align-items: center;
        fill: #1bcacd;
        padding: 0;
    }
        .embla__button:disabled {
            cursor: default;
            opacity: 0.3;
        }
    .embla__button__svg {
        width: 100%;
        height: 100%;
    }
    .embla__button--prev {
        left: 27px;
    }
    .embla__button--next {
        right: 27px;
    }
/* ===================================================================== */
/*.embla{
        background-color: white;
    }
.embla__slide__inner{
        height: 310px;
    }
    @media (max-width: 768px) {
        .embla__slide {
            flex: 0 0 100%; 
        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .embla__slide {
            flex: 0 0 50%; 
        }
    }
    @media (min-width: 993px) and (max-width: 1200px) {
        .embla__slide {
            flex: 0 0 30%; 
        }
    }
    @media (min-width: 1201px) {
        .embla__slide {
            flex: 0 0 33%; 
        }
    }*/
/* ===================================================================== */