/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Card/style.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_cardContainer__Mh2lO {
  height: 115vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 50px;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz {
  display: flex;
  flex-direction: column;
  position: relative;
  top: -25%;
  max-width: 800px;
  width: 90%;
  border-color: 5px solid white;
  border-radius: 25px;
  border: 5px solid #535151;
  padding: 50px;
  transform-origin: top;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz h2 {
  text-align: center;
  margin: 0px;
  font-size: 28px;
  color: rgb(19, 17, 17);
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 30px;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L {
  flex: 1 1 100%;
  position: relative;
  height: 160px;
  overflow: hidden;
  color: rgb(14, 13, 13);
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L p {
  font-size: 16px;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L p::first-letter {
  font-size: 28px;
  font-family: "Title";
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L span a {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_imageContainer__TZm5u {
  flex: 1 1 100%;
  position: relative;
  min-height: 300px;
  border-radius: 30px;
  overflow: hidden;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_imageContainer__TZm5u .style_inner___db9J {
  width: 100%;
  height: 100%;
}
.style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_imageContainer__TZm5u img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .style_cardContainer__Mh2lO {
    height: auto;
    /* Decrease height for smaller screens */
  }
  .style_cardContainer__Mh2lO .style_card__Hoqzz {
    height: auto;
    /* Adjust height of the card for smaller screens */
    padding: 30px;
    /* Reduce padding to make card more compact */
  }
  .style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L {
    height: auto;
    /* Let the description take up the necessary height */
  }
  .style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_imageContainer__TZm5u {
    min-height: 200px;
    /* Reduce the min-height of the image container */
  }
}
@media (min-width: 768px) {
  .style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_description__ZUQ1L {
    flex: 1 1 20%;
  }
  .style_cardContainer__Mh2lO .style_card__Hoqzz .style_body__EmdQM .style_imageContainer__TZm5u {
    flex: 1 1 60%;
    min-height: 300px;
  }
}

.style_stickyHeader__8WkWy {
  position: -webkit-sticky;
  /* For Safari */
  position: sticky;
  top: 0;
  background-color: white;
  /* Adjust based on your design */
  z-index: 10;
  padding: 20px 0;
  /* Adjust padding as needed */
}

.style_main__86t4b {
  padding-top: 10px;
  /* Adjust padding to prevent content from hiding behind sticky header */
}