/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Chatbot/typing.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.typing {
    width: 4.5em;
    height: 2em;
    position: relative;
    padding: 10px;
    margin-left: 5px;
    background: #e6e6e6;
    border-radius: 20px;
}

.typing__dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #8d8c91;
    border-radius: 50%;
    opacity: 0;
    animation: loadingFade 1s infinite;
}

.typing__dot:nth-child(1) {
    animation-delay: 0s;
}

.typing__dot:nth-child(2) {
    animation-delay: 0.2s;
}

.typing__dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loadingFade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Home/blob.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
    --secondary-glow: conic-gradient(from 10deg at 50% 50%,
            #eb7494 0deg,
            #ae77b2 55deg,
            #97b5da 120deg,
            rgb(255, 255, 31) 160deg,
            /* #0099ca 160deg, */
            transparent 360deg);

    --third-glow: conic-gradient(from 90deg at 50% 50%,
            rgb(255, 255, 31) 0deg,
            #e24e6b 160deg,
            #7ed2da 120deg,
            #8bdce0 55deg,
            transparent 360deg);
}

.blob-container::before {
    content: '';
    position: absolute;
    z-index: 20;
    opacity: 0.8;
    background: var(--third-glow);
    border-radius: 50%;
    width: 500px;
    height: 500px;
    margin-left: -200px;
    filter: blur(90px);
    bottom: 0;
    right: 0;
    animation: animateBefore 5.5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite;
}

.blob-container::after {
    content: '';
    position: absolute;
    z-index: 20;
    opacity: 0.8;
    background: var(--secondary-glow);
    border-radius: 50%;
    width: 500px;
    height: 500px;
    filter: blur(90px);
    top: 0;
    left: 0;
    animation: animateAfter 6.5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite;
}

@keyframes animateBefore {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(200px) scale(0.8);

    }

    100% {
        transform: translateY(0);
    }
}

@keyframes animateAfter {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-250px) scale(1.2);

    }

    100% {
        transform: translateX(0);
    }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/keen-slider/keen-slider.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}