/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/molecules/Hero/Hero.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Hero_hero__BUbw4 {
  position: relative;
  margin-top: 1.75rem;
  margin-bottom: 1.5rem;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius);;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background: linear-gradient(135deg, #faf5f4 0%, #ffffff 100%);
}
.Hero_hero__BUbw4 .Hero_content__KN_Ti {
  margin-left: auto;
  margin-right: auto;
}
.Hero_hero__BUbw4 .Hero_title__8aBCN {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, 1);
  color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
  background: linear-gradient(to right, #fd7918, #ff9446);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Hero_hero__BUbw4 .Hero_subtitle__puzOy {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, 1);
  color: rgba(55, 65, 81, var(--tw-text-opacity, 1));
}
.Hero_hero__BUbw4 .Hero_description__3_1_V {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, 1);
  color: rgba(75, 85, 99, var(--tw-text-opacity, 1));
}
.Hero_centered__nyVWx {
  text-align: center;
}
.Hero_centered__nyVWx .Hero_content__KN_Ti {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Hero_gradient__h_HxA {
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
}
.Hero_gradient__h_HxA .Hero_title__8aBCN {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  background: none;
  -webkit-text-fill-color: white;
}
.Hero_gradient__h_HxA .Hero_subtitle__puzOy {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, 1);
  color: rgba(219, 234, 254, var(--tw-text-opacity, 1));
}
.Hero_gradient__h_HxA .Hero_description__3_1_V {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, 1);
  color: rgba(239, 246, 255, var(--tw-text-opacity, 1));
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/organisms/BlogSidebar/BlogSidebar.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BlogSidebar_sidebarSection__2bfjo {

    margin-bottom: 3rem
}

.BlogSidebar_sidebarSection__2bfjo > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1rem * (1 - 0));

    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(1rem * calc(1 - 0));

    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1rem * 0);

    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.BlogSidebar_sectionTitle__xuErI {

    font-size: 1.25rem;

    line-height: 1.75rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgba(17, 24, 39, 1);

    color: rgba(17, 24, 39, var(--tw-text-opacity, 1))
}

.BlogSidebar_sidebarPosts__SPMz0 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * (1 - 0));

    margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(0.5rem * calc(1 - 0));

    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * 0);

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}

.BlogSidebar_sidebarTags__Kw7n_ {

    display: flex;

    flex-wrap: wrap;

    gap: 0.5rem
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/organisms/BlogHome/BlogHome.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BlogHome_heroGrid__1tq8B {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    grid-gap: 1.5rem;

    gap: 1.5rem;

    padding-bottom: 1.5rem
}

@media (min-width: 768px) {

    .BlogHome_heroGrid__1tq8B {

        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.BlogHome_subHeroGrid__M13Cy {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    grid-gap: 1.5rem;

    gap: 1.5rem;

    padding-bottom: 2.5rem
}

@media (min-width: 768px) {

    .BlogHome_subHeroGrid__M13Cy {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.BlogHome_mainGrid__0yhEd {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    grid-gap: 2rem;

    gap: 2rem;

    padding-bottom: 3.5rem
}

@media (min-width: 1024px) {

    .BlogHome_mainGrid__0yhEd {

        grid-template-columns: 1fr 360px
    }
}

.BlogHome_mainContent__WbBys > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1.5rem * (1 - 0));

    margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(1.5rem * calc(1 - 0));

    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1.5rem * 0);

    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.BlogHome_postsList__HE4bH > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1rem * (1 - 0));

    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(1rem * calc(1 - 0));

    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1rem * 0);

    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.BlogHome_sidebar__M3rED > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(2rem * (1 - 0));

    margin-top: calc(2rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(2rem * calc(1 - 0));

    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(2rem * 0);

    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.BlogHome_sidebarSection__W43lU > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1rem * (1 - 0));

    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(1rem * calc(1 - 0));

    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1rem * 0);

    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.BlogHome_sectionTitle__TFbHC {

    font-size: 1.25rem;

    line-height: 1.75rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgba(17, 24, 39, 1);

    color: rgba(17, 24, 39, var(--tw-text-opacity, 1))
}

.BlogHome_sidebarPosts__yk1_j > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * (1 - 0));

    margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));

    margin-top: calc(0.5rem * calc(1 - 0));

    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * 0);

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}