/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100,200,300;400;500;600;700;800&family=Poppins:wght@100,200,300,400;500;600;700&display=swap');

/* Defined variable Colors */
:root {
    --primary-main: #127bb3;
    --secondary-main: #032856;
}




.home-swiper .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute !important;
    bottom: 10px !important;
}


/*CLEAN NUMBER INPUT*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}


/*Swipper*/
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative !important;
    margin-top: 1em;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--secondary-main);
}

a {
    text-decoration: none;
    color: unset;
}

p a {
    position: relative;
    font-weight: 600;
}

p a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0%;
    background-color: var(--primary-main);
    transition: all 0.1s ease-in-out;
}

p a:hover::after {
    height: 3px;
    bottom: -1px;
}