/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/mainpage.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400..800&display=swap');
@import url('https://use.typekit.net/fag8hzw.css');

/* large Screen Resolution */
.mainpage_home__Yo_gC{
    /* this is for the bg image*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 92vh;
    width: 100%;
    overflow: hidden;
}

.mainpage_backgroundImage__XwSdg {
    /* the actual image */
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(100%);
} 

.mainpage_textContainer__2IcS2 {
display: flex;
flex-direction: column;
position:absolute;
align-items: center;
top: 40%;
transform: translate(0%, -50%);
color: white;
z-index: 1;

} 

.mainpage_title__yumMQ{
    padding:5% 5%;
    display: flex;
    flex-direction: column;
    text-align:center ; 
    width: 120%;
}

.mainpage_homeTitle__xqhRi{
      font-family: 'sofia-pro-soft', sans-serif;
      font-weight: 300;
      /* text-align: center; */
      letter-spacing: 0.03cap;
      opacity: 1;
      width:100%;
      line-height: 1;
      animation:mainpage_fadeInTitle__VEdqj 0.5s ease-in-out forwards;
      animation-delay: 0.5s;
}
.mainpage_highlight__3Xacu{
    color: #FF6868;
    
}
/* .oneline{
  width:120%;
} */
.mainpage_subTitle__XBB1E{
  display: flex;
  flex-direction: column;
  text-align:center ; 
  padding:0% 0% 10% 0%;
}
.mainpage_homeSubtitle__TFuag{
  animation: mainpage_fadeInSubtitle__bvuvt 0.5s ease-in-out forwards;
  animation-delay: 1s;
  /* font-family: 'Roboto', Arial, sans-serif; */
  /* animation-delay: 0.3s; */
  letter-spacing: 0.06cap;
  font-weight: 100;
}
.mainpage_createAccount__GCWbh{
  animation: mainpage_fadeInButton__t8dU9 0.5s ease-in-out forwards;
  animation-delay: 1.5s;
}

@keyframes mainpage_fadeInTitle__VEdqj {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mainpage_fadeInSubtitle__bvuvt {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  } 
 @keyframes mainpage_fadeInButton__t8dU9 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}  

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/footer.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.footer_footer___oDHx {
  background-color: black;
  color: white;
  padding: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.footer_leftSection__ZPflC{
  text-align: left;
  flex: 1;
}
.footer_logo__7n_eY {
  width: 140px;
  height: auto;
}
.footer_tagline__PcxCv{
padding: 1%;
}
.footer_rightSection__ZweEo {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer_topLinks__kM4mF {
  color: white;
  display: flex;
  justify-content: flex-end;
  padding: 1%;
  width: 100%;
  gap: 2%;
  margin-bottom: 3rem;
}
.footer_link__jcFKd {
  /* margin-left: 1rem; */
  color: white;
  text-decoration: none;
}
.footer_link__jcFKd:hover {
  color: white;
  text-decoration: underline;
}
.footer_bottomSection__W7TYl {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap:3%;
  margin-top: 1rem;
}
.footer_copyright__heWM4 {
  font-size: 0.875rem;
  margin-right: 1rem;
}
.footer_language__GAd0Q {
  font-size: 0.875rem;
 padding-right: 1%;
}
.footer_socialMedia__s7usb {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 1%;
  padding: 2rem;
  margin-top: 25px;
}

.footer_icon___ui2g {
  margin-left: 0.5rem;
  color: white;
  font-size: 24px;
}

/* Responsive Design */
@media (max-width: 768px) {
  
  .footer_footer___oDHx {
    flex-direction: column;
    align-items: center;
    padding: 1rem;
   
  }
  .footer_rightSection__ZweEo, .footer_tagline__PcxCv{
    align-items: center;
    text-align: center;
  }
  .footer_logo__7n_eY {
    margin-left: 35%;
    align-items: center;
    width: 120px;  /* Smaller logo for mobile */
  }
  .footer_topLinks__kM4mF {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    width:105%;
  }
  .footer_link__jcFKd {
    margin-left: 0;
    margin-bottom: 0.5rem;
  }
  .footer_socialMedia__s7usb {
    justify-content: center;
    position: relative;
    margin-top: 1rem;
    padding: 0;
  }
  .footer_icon___ui2g {
    font-size: 20px; /* Smaller icons for mobile */
  }
  .footer_bottomSection__W7TYl {
    flex-direction: column;
    margin-top: 1rem;
  }
  .footer_language__GAd0Q {
    margin-top: 0.5rem;
    margin-right: 0;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/navbar.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@media(min-width:2000px){
    .navbar_logo__7ikCv{
        left:-50px
    }
    .navbar_pages__XmuMD{
        left:-50px
    }
    .navbar_signup__J157q{
        right:-50px
    }
   
}
@media(min-width:1680px){
    .navbar_logo__7ikCv{
        left:5px
    }
    .navbar_pages__XmuMD{
        left:5px
    }
    .navbar_signup__J157q{
        right:5px
    }
   
}



@media(min-width:1580px)and (max-width:1680px){
    .navbar_logo__7ikCv{
        left:25px
    }
    .navbar_pages__XmuMD{
        left:25px
    }
    .navbar_signup__J157q{
        right:25px
    }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/feature2.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/


/* General styling */
.feature2_gridContainer__m0cxR {
    background-color: #FFF584; 
    padding: 0 10%; 
    /* animation: fadeIn 0.8s ease-out forwards; Smooth fade-in animation */
    /* animation: fadeOut 0.8s ease-out backwards; */
}

.feature2_imageContainer__NhTec, .feature2_textContainer__8Iwv4 {
    
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease-in-out; /* Smooth transition in both directions */
}

.feature2_featureImage__vjNCX {
    width: 100%;
    max-width: 600px;
    height: auto;
    transition: transform 0.4s ease-in-out; /* Smooth transition for the image */
}

.feature2_textContainer__8Iwv4 {
    transition: transform 0.4s ease-in-out; /* Smooth transition for the text */
}

 .feature2_textCard__tFjlE {
    background-color: transparent; /* No background */
    box-shadow: none; /* No shadows */
    border: none; /* No borders */
    max-width: 600px;
    width: 100%;
} 

.feature2_featureNumber__EAXQ_ {
    font-weight: bold;
    color: #090909;
    font-family:  'sofia-pro-soft', sans-serif;
    /* font-size: calc(65px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
}

.feature2_featureTitle__09UMr {
    margin-top: -8%;
    margin-left: 18%;
    color: #080707;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    /* font-size: calc(16px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
}

.feature2_featureDescription__7HBXa {
    margin-left: 18%;
    padding-top: 2%;
    font-family: 'Roboto', sans-serif;
    /* font-size: calc(13px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
}

/* Hover effects that apply a slight lift to the image and text */
.feature2_gridContainer__m0cxR:hover .feature2_imageContainer__NhTec {
    transform: translateY(-160px);
    z-index: 0;
}

.feature2_gridContainer__m0cxR:hover .feature2_textContainer__8Iwv4 {
    transform: translateY(-100px);
    z-index: 0;
}

/* Media queries for responsiveness */
@media (max-width: 1100px) {
   
    .feature2_textCard__tFjlE {
        max-width: 100%;
    }
    .feature2_featureImage__vjNCX{
        max-width:90%;
    }

    .feature2_featureNumber__EAXQ_{
        margin-left: 0%;
        font-weight: bold;
        color: #080707;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(50px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature2_featureTitle__09UMr {
        margin-top: -9%;  
        margin-left: 20%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(20px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature2_featureDescription__7HBXa {
        align-items: justify;
        margin-left: 20%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(13px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
    }
    
    .feature2_gridContainer__m0cxR:hover .feature2_imageContainer__NhTec {
        transform: translateY(-110px);
        z-index: 0;
    }
    .feature2_gridContainer__m0cxR:hover .feature2_textContainer__8Iwv4 {
        transform: translateY(-100px);
        z-index: 0;
    }
}

@media (max-width: 1000px) {
    .feature2_gridContainer__m0cxR:hover .feature2_imageContainer__NhTec {
        transform: translateY(-30px);
    }
    .feature2_textCard__tFjlE {
        max-width: 100%;
    }
    .feature2_featureImage__vjNCX{
        max-width: 65%;
    }
}
@media (min-width: 450px) and (max-width:770px) {
    .feature2_gridContainer__m0cxR {
        padding: 0 5%;
    }
  
    .feature2_textCard__tFjlE {
        max-width: 100%;
    }
    .feature2_featureImage__vjNCX{
        max-width: 65%;
    }
    .feature2_featureNumber__EAXQ_{
        margin-left: -2%;
    }
    
    .feature2_gridContainer__m0cxR:hover .feature2_imageContainer__NhTec {
        transform: translateY(-30px);
    }
}
@media (max-width: 899px){
    .feature2_featureImage__vjNCX{
        max-width: 50%;
    }
}
@media (max-width:820px){
    .feature2_gridContainer__m0cxR {
        padding: 0 5%;
    }
    .feature2_textContainer__8Iwv4{
        padding-bottom: 35%;
    }
    .feature2_textCard__tFjlE {
        max-width: 100%;
    }
    .feature2_featureImage__vjNCX{
        max-width: 40%;
    }
    .feature2_featureNumber__EAXQ_{
        margin-left: 1%;
    }
    .feature2_featureTitle__09UMr {
        margin-top: -6%;
        margin-left: 14%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(25px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature2_featureNumber__EAXQ_ {
        font-weight: bold;
        color: #080707;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(50px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature2_featureDescription__7HBXa {
        color: #080707;
        margin-left: 14%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(15px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature2_gridContainer__m0cxR:hover .feature2_imageContainer__NhTec {
        transform: translateY(-20px);
    }
    
     .feature2_gridContainer__m0cxR:hover .feature2_textContainer__8Iwv4 {
        transform: translateY(-70px);
        z-index: 0;
    }
}
@media(max-width:700px){
    .feature2_featureTitle__09UMr {
        margin-top: -8%;
        margin-left: 14%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(24px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    } 
}
@media (max-width: 620px) {
    .feature2_gridContainer__m0cxR {
        padding: 0 5%;
    }
  
    .feature2_textCard__tFjlE {
        max-width: 100%;
    }
    .feature2_featureImage__vjNCX{
        max-width: 40%;
    }
    .feature2_featureNumber__EAXQ_{
        margin-left:0%;
        /* margin-top: -5%; */
    }
    .feature2_featureTitle__09UMr {
        margin-top: -6%;
        margin-left: 14%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(18px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature2_featureNumber__EAXQ_ {
        font-weight: bold;
        color: #080707;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(42px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature2_featureDescription__7HBXa {
        color: #080707;
        margin-left: 14%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
        
    }
    .feature2_gridContainer__m0cxR:hover .feature2_imageContainer__NhTec {
        transform: translateY(-20px);
    }
    
     .feature2_gridContainer__m0cxR:hover .feature2_textContainer__8Iwv4 {
        transform: translateY(-70px);
        /* z-index: 0; */
    }
}

@media (max-width:500px){
    .feature2_gridContainer__m0cxR {
        padding: 0 5%;
    }
   .feature2_textContainer__8Iwv4{
     padding-bottom: 40%;
   }
    .feature2_textCard__tFjlE {
        max-width: 100%;
        
    }
    .feature2_featureImage__vjNCX{
        max-width: 65%;
    }
    .feature2_featureNumber__EAXQ_{
        margin-left: 3%;
        padding-bottom: 1%;
    }
    .feature2_featureTitle__09UMr {
        margin-top: 0%;
        margin-left: 3%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        /* font-size: calc(20px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature2_featureNumber__EAXQ_ {
        font-weight: bold;
        color: #080707;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(36px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature2_featureDescription__7HBXa {
        color: #080707;
        margin-left: 3%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
    }
    /* .gridContainer:hover .imageContainer {
        transform: translateY(-50px);
    } */
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/feature3.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/


/* General styling */
.feature3_gridContainer__lJ12_ {
    background-color: #FF6868; 
    padding: 0 10%; 
    /* animation: fadeIn 0.8s ease-out forwards; Smooth fade-in animation */
    /* animation: fadeOut 0.8s ease-out backwards; */
}

.feature3_imageContainer__iXTHB, .feature3_textContainer__sCpI_ {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease-in-out; /* Smooth transition in both directions */
}

.feature3_featureImage__zgwOi {
    width: 100%;
    max-width: 600px;
    height: auto;
    transition: transform 0.4s ease-in-out; /* Smooth transition for the image */
}

.feature3_textContainer__sCpI_ {
    transition: transform 0.4s ease-in-out; /* Smooth transition for the text */
}

.feature3_textCard__hfeSs {
    background-color: transparent; /* No background */
    box-shadow: none; /* No shadows */
    border: none; /* No borders */
    max-width: 600px;
    width: 100%;
}

.feature3_featureNumber__uGGJC {
    font-weight: bold;
    color: #FFF9F5;
    font-family:  'sofia-pro-soft', sans-serif;
    font-size: calc(65px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
}


.feature3_featureTitle__Nr9c4 {
    margin-top: -8%;
    margin-left: 18%;
    color: #FFF9F5;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: calc(16px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
}

.feature3_featureDescription__7w9xT {
    color: #FFF9F5;
    margin-left: 18%;
    font-family: 'Roboto', sans-serif;
    padding-top: 2%;
    font-size: calc(13px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
}

/* Hover effects that apply a slight lift to the image and text */
.feature3_gridContainer__lJ12_:hover .feature3_imageContainer__iXTHB {
    transform: translateY(-160px);
    z-index: 3;
}

.feature3_gridContainer__lJ12_:hover .feature3_textContainer__sCpI_ {
    transform: translateY(-100px);
    z-index: 3;
}

/* Media queries for responsiveness */
@media (max-width: 1100px) {
    .feature3_gridContainer__lJ12_ {
        background-color: #FF6868; 
        padding: 0% 10% 10%; 
        /* animation: fadeIn 0.8s ease-out forwards; Smooth fade-in animation */
        /* animation: fadeOut 0.8s ease-out backwards; */
    }
    .feature3_textCard__hfeSs {
        max-width: 100%;
    }
    .feature3_featureImage__zgwOi{
        max-width:90%;
    }
    .feature3_featureNumber__uGGJC{
        margin-left: 0%;
        font-weight: bold;
        color: #FFF9F5;
        font-family: 'sofia-pro-soft', sans-serif;
        font-size: calc(50px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
    }
    .feature3_featureTitle__Nr9c4 {
        margin-top: -9%;  
        margin-left: 20%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: calc(20px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ;
    }
    .feature3_featureDescription__7w9xT {
        align-items: justify;
        margin-left: 20%;
        padding-top: 2%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-size: calc(13px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
    }
    
    .feature3_gridContainer__lJ12_:hover .feature3_imageContainer__iXTHB {
        transform: translateY(-110px);
        z-index: 0;
    }
    .feature3_gridContainer__lJ12_:hover .feature3_textContainer__sCpI_ {
        transform: translateY(-100px);
        z-index: 0;
    }
}
@media (max-width: 899px){
    .feature3_featureImage__zgwOi{
        max-width: 50%;
    }
}



@media (max-width: 1000px) {
    .feature3_gridContainer__lJ12_:hover .feature3_imageContainer__iXTHB {
        transform: translateY(-30px);
    }
}
@media (max-width: 899px) {
    
    .feature3_featureImage__zgwOi{
        max-width: 45%;
    }   
   
}
@media (max-width:820px){
    .feature3_gridContainer__lJ12_ {
        padding: 0 5%;
    }
    .feature3_textContainer__sCpI_{
        padding-bottom: 20%;
    }
    .feature3_textCard__hfeSs {
        max-width: 100%;
    }
    .feature3_featureImage__zgwOi{
        max-width: 50%;
    }
    .feature3_featureNumber__uGGJC{
        margin-left: 1%;
    }
    .feature3_featureTitle__Nr9c4 {
        margin-top: -6%;
        margin-left: 14%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: calc(25px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ;
    }
    .feature3_featureNumber__uGGJC {
        font-weight: bold;
        color: #FFF9F5;
        font-family: 'sofia-pro-soft', sans-serif;
        font-size: calc(50px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
    }
    .feature3_featureDescription__7w9xT {
        color: #FFF9F5;
        margin-left: 14%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        font-size: calc(15px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
    }
    .feature3_gridContainer__lJ12_:hover .feature3_imageContainer__iXTHB {
        transform: translateY(-10px);
    }
    
     .feature3_gridContainer__lJ12_:hover .feature3_textContainer__sCpI_ {
        transform: translateY(-70px);
        z-index: 0;
    }
}
/* @media (max-width: 768px) {
    .gridContainer {
        padding: 0 5%;
    }
  
    .featureImage, .textCard {
        max-width: 100%;
    }
    
    .gridContainer:hover .imageContainer {
        transform: translateY(-30px);
    }
} */
@media(max-width:700px){
    .feature3_featureTitle__Nr9c4 {
        margin-top: -8%;
        margin-left: 14%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: calc(24px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ;
    } 
}
@media (max-width: 620px) {
    .feature3_gridContainer__lJ12_ {
        padding: 0 5%;
    }
  
    .feature3_textCard__hfeSs {
        max-width: 100%;
    }
    .feature3_featureImage__zgwOi{
        max-width: 40%;
    }
    .feature3_featureNumber__uGGJC{
        margin-left:0%;
        /* margin-top: -5%; */
    }
    .feature3_featureTitle__Nr9c4 {
        margin-top: -6%;
        margin-left: 14%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: calc(18px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ;
    }
    .feature3_featureNumber__uGGJC {
        font-weight: bold;
        color: #FFF9F5;
        font-family: 'sofia-pro-soft', sans-serif;
        font-size: calc(42px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
    }
    .feature3_featureDescription__7w9xT {
        color: #FFF9F5;
        margin-left: 14%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
        
    }
    .feature3_gridContainer__lJ12_:hover .feature3_imageContainer__iXTHB {
        transform: translateY(-50px);
    }
}

@media (max-width: 500px) {
    .feature3_gridContainer__lJ12_ {
        padding: 0 5%;
    }
    .feature3_featureImage__zgwOi{
        max-width: 80%; 
    }
    .feature3_textCard__hfeSs {
        max-width: 100%;
        padding-bottom: 20%;
    }
    /* .textContainer{
        margin-bottom: 20%;
    } */
    .feature3_featureNumber__uGGJC{
        margin-left: 3%;
        padding-bottom: 1%;
    }
    .feature3_featureTitle__Nr9c4 {
        margin-top: 0%;
        margin-left: 3%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: calc(20px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ;
    }
    .feature3_featureNumber__uGGJC {
        font-weight: bold;
        
        color: #FFF9F5;
        font-family: 'sofia-pro-soft', sans-serif;
        font-size: calc(36px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
    }
    .feature3_featureDescription__7w9xT {
        color: #FFF9F5;
        margin-left: 3%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
    }
    .feature3_gridContainer__lJ12_:hover .feature3_imageContainer__iXTHB {
        transform: translateY(-20px);
    }
    .feature3_gridContainer__lJ12_:hover .feature3_textContainer__sCpI_ {
        transform: translateY(-70px);
        z-index: 0;
    }
}
/* 
@media (max-width:450px){
    .gridContainer {
        padding: 0 5%;
    }
  
    .textCard {
        max-width: 100%;
    }
    .featureImage{
        max-width: 80%; 
    }
    .imageContainer{
        position: relative;
        margin-top: -40%;
    }
    .textContainer{
        margin-bottom: 20%;
    }
    .featureNumber{
        margin-left: 3%;
        padding-bottom: 1%;
    }
    
    .gridContainer:hover .imageContainer {
        transform: translateY(-20px);
    }
    .gridContainer:hover .textContainer {
        transform: translateY(-70px);
        z-index: 0;
    }
}

@media (max-width: 400px) {
    .gridContainer {
        padding: 0 5%;
    }
  
    .textCard {
        max-width: 100%;
    }
    .featureImage{
        max-width: 80%; 
    }
    .imageContainer{
        position: relative;
        margin-top: -40%;
    }
    .textContainer{
        margin-bottom: 20%;
    }
    .featureNumber{
        margin-left: 3%;
        padding-bottom: 1%;
    }
    .featureTitle {
        margin-top: 0%;
        margin-left: 3%;
        color: #FFF9F5;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: calc(18px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ;
    }
    .featureNumber {
        font-weight: bold;
        color: #FFF9F5;
        font-family: 'sofia-pro-soft', sans-serif;
        font-size: calc(34px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
    }
    .featureDescription {
        margin-left: 3%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        font-size: calc(12px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
    }
    .gridContainer:hover .imageContainer {
        transform: translateY(-20px);
    }
    .gridContainer:hover .textContainer {
        transform: translateY(-70px);
        z-index: 0;
    }
} */

  
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/join.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.join_joinCommunity__ktyFx {
  position: relative;
  width: 100%;
  height: 110vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #FFF9F5;
  z-index: 1;
  margin-top: -0.05%;
}

.join_backgroundContainer__oPQaf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.join_backgroundImage__Ox0US {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
}

.join_leftGridContainer__m3F7N {
  position: relative;
  z-index: -1;
  width: 40%;
  height: 100%;
  padding:  40px;
}

.join_rightGridContainer__QbAtW {
  position: relative;
  z-index: 3; 
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
  padding: 0 20px;  
}

.join_imageContainer__thGIO{
  display: flex;
  height: 100%;
  align-items: flex-end;
  /* transform: translate(0%, 0%); */
  transition: transform 0.6s ease;
  
}


.join_featureImage__AxvkC {
  max-width: 120%;
  height: auto;
}

.join_textContainer__kvCCX {
  padding: 10%;
  width: 100%;
  text-align: start;
  color: #333;
  /* transition: transform 0.3s ease; */
  z-index: 3;
}
.join_heading__xQntv{
  padding: 2% 0%;
}
.join_textSection__opyYw{
  padding:5% 0%;
}

.join_description__WD_sP {
  color: #080707;
  font-size: calc(0.8rem + 0.5vw);
  /* margin-bottom: 20px; */
  /* padding-right: 20%; */
}
.join_createAccount__WMeNK:hover {
  background-color: #d94e32;
}
/* .createAccount {
  color: #FF6868; */
  /* color: white; */
  /* padding: 10px 20px;
  text-transform: none;
  border-radius: 10px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-align: right; */
/* } */



/* .joinCommunity:hover .leftJoin {
  transform: translate(10%, 0); 
} */

.join_joinCommunity__ktyFx:hover .join_imageContainer__thGIO {
  transform: translateY(-30%);
  
}

@media(max-width:1024px){
  .join_joinCommunity__ktyFx{
  position: relative;
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #FFF9F5;
  z-index: 1;
  margin-top: -0.05%;
  }
  .join_title__h0A9L {
    /* margin-top: 10%; */
    margin-left:-10%;
    font-size: calc(25px + (20 - 16) * ((100vw - 400px) / (1600 - 400)))  ; 
  }
  
  .join_description__WD_sP {
    color: #080707;
    margin-left:-10%;
    text-align:left;
    font-size: calc(15px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; 
  }
  .join_rightGridContainer__QbAtW {
    position: relative;
    z-index: 3; 
    width: 40%;
    height: 100%;
    display: flex;
    align-items: left;
    justify-content: space-between;
    padding: 0 20px;  
  }
  .join_imageContainer__thGIO{
    margin-top:0%;
    /* margin-left:-38%; */
  }
  .join_joinCommunity__ktyFx:hover .join_imageContainer__thGIO {
    transform: translateY(-50%);
  }
  .join_featureImage__AxvkC{
    max-width: 120%; 
  }
  .join_createAccount__WMeNK {
    font-size: 0.7rem;
    padding: 4px 8px;
    /* width: 0%;  */
    margin-left:-10%;
    /* margin: auto;  */
    /* text-align: center; */
  }

}

@media(max-width:620px){
  .join_joinCommunity__ktyFx{
  position: relative;
  width: 100%;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #FFF9F5;
  z-index: 1;
  margin-top: -0.05%;
  }
  .join_textContainer__kvCCX{
    height:fit-content;
  }
  .join_title__h0A9L {
    /* margin-top: 10%; */
    margin-left:-45%;
    font-size: calc(22px + (20 - 16) * ((100vw - 400px) / (1600 - 400)))  ; 
  }
  
  .join_description__WD_sP {
    color: #080707;
    margin-left:-45%;
    text-align:left;
    font-size: calc(14px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; 
  
    
  }
  .join_rightGridContainer__QbAtW {
    position: relative;
    z-index: 3; 
    width: 40%;
    height: 100%;
    display: flex;
    align-items: left;
    justify-content: space-between;
    padding: 0 20px;  
  }
  .join_imageContainer__thGIO{
    margin-top:80%;
    margin-left:-32%;
  }
  .join_joinCommunity__ktyFx:hover .join_imageContainer__thGIO {
    transform: translateY(-50%);
  }
  .join_featureImage__AxvkC{
    max-width: 10%; 
  }
  .join_createAccount__WMeNK {
    font-size: 0.72rem;
    padding: 4px 8px;
    /* width: 0%;  */
    margin-left:-45%;
    /* margin: auto;  */
    /* text-align: center; */
  }

}
@media(max-width:500px){
  .join_joinCommunity__ktyFx{
  position: relative;
  width: 100%;
  height: 120vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  background-color: #FFF9F5;
  z-index: 1;
  margin-top: -0.05%;
  }
 
  .join_backgroundContainer__oPQaf{
    position: absolute;
    height: 20vh;
    margin-top: 110%;
    /* padding-bottom: 0%; */
  } 
  .join_leftGridContainer__m3F7N{
    background-color:#FFF9F5;
    max-width: 100%;
    height: 60%;
    align-items: flex-start;
  }
  .join_rightGridContainer__QbAtW{
    width: 100%;
    background-color:#fbd5ff;
    padding: 0% 0% 15% 0%;
  }
  .join_featureImage__AxvkC{
    max-width: 115%; 
  }
  .join_joinCommunity__ktyFx:hover .join_imageContainer__thGIO {
    transform: translateY(-50%);
  }
}
@media(max-width:375px){
  .join_joinCommunity__ktyFx{
  position: relative;
  }
  .join_backgroundContainer__oPQaf{
    margin-top: 75%;
  }
}
@media (max-width:365px) {
  /* .joinCommunity{
    padding-top: 1%;
  } */
  .join_backgroundContainer__oPQaf{
    margin-top: 95%;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./app/styles/feature1.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/


/* General styling */
.feature1_gridContainer__55dMY {
    background-color: #FFF9F5; 
    padding: 0 10%; 
    /* z-index: 1; */
    /* animation: fadeIn 0.8s ease-out forwards; Smooth fade-in animation */
    /* animation: fadeOut 0.8s ease-out backwards; */
}

.feature1_imageContainer__v3kfh, .feature1_textContainer__XbWcC {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease-in-out; /* Smooth transition in both directions */
}

.feature1_featureImage__r8_Xv {
    width: 100%;
    max-width: 600px;
    height: auto;
    transition: transform 0.4s ease-in-out; /* Smooth transition for the image */
}

.feature1_textContainer__XbWcC {
    transition: transform 0.4s ease-in-out; /* Smooth transition for the text */
}

.feature1_textCard__AXfUi {
    background-color: transparent;
    box-shadow: none; /* No shadows */
    border: none; /* No borders */
    max-width: 600px;
    width: 100%;
    padding-bottom: 20%;
}

.feature1_featureNumber__HNhQZ {
    font-weight: bold;
    color: #FF6868;
    font-family: 'sofia-pro-soft', sans-serif;
    /* font-size: calc(65px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
}

.feature1_featureTitle__WOm2V {
    margin-top: -8%;
    margin-left: 18%;
    color: #080707;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    /* font-size: calc(16px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
}

.feature1_featureDescription__cnxh_ {
    color:#080707;
    margin-left: 18%;
    padding-top: 2%;
    font-family: 'Roboto', sans-serif;
    /* font-size: calc(13px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
}

/* Hover effects that apply a slight lift to the image and text */
.feature1_gridContainer__55dMY:hover .feature1_imageContainer__v3kfh {
    transform: translateY(-160px);
    z-index: 0;
}

.feature1_gridContainer__55dMY:hover .feature1_textContainer__XbWcC {
    transform: translateY(-110px);
    z-index: 0;
}

/* Media queries for responsiveness */
@media (min-width:1000px)and (max-width:1200px){
    .feature1_gridContainer__55dMY:hover .feature1_imageContainer__v3kfh {
        transform: translateY(-110px);
        z-index: 0;
    }
    
    .feature1_gridContainer__55dMY:hover .feature1_textContainer__XbWcC {
        transform: translateY(-100px);
        z-index: 0;
    }
}

@media (max-width: 1100px) {
   
    .feature1_textCard__AXfUi {
        max-width: 100%;
    }
    .feature1_featureImage__r8_Xv{
        max-width:85%;
    }
    .feature1_featureNumber__HNhQZ{
        margin-left: 0%;
        font-weight: bold;
        color: #FF6868;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(50px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature1_featureTitle__WOm2V {
        margin-top: -9%;  
        margin-left: 20%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(20px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature1_featureDescription__cnxh_ {
        align-items: justify;
        margin-left: 20%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(13px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
    }
    
    .feature1_gridContainer__55dMY:hover .feature1_imageContainer__v3kfh {
        transform: translateY(-110px);
        z-index: 0;
    }
    .feature1_gridContainer__55dMY:hover .feature1_textContainer__XbWcC {
        transform: translateY(-100px);
        z-index: 0;
    }
}


@media (max-width: 899px) {
    
    .feature1_featureImage__r8_Xv{
        max-width: 45%;
    }   
   
}

@media (max-width: 820px) {
    .feature1_gridContainer__55dMY {
        padding: 0 5%;
    }
    .feature1_textContainer__XbWcC{
        padding-bottom: 20%;
    }
    .feature1_textCard__AXfUi {
        max-width: 100%;
    }
    .feature1_featureImage__r8_Xv{
        max-width: 40%;
    }
    .feature1_featureNumber__HNhQZ{
        margin-left: 1%;
    }
    .feature1_featureTitle__WOm2V {
        margin-top: -6%;
        margin-left: 14%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(25px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature1_featureNumber__HNhQZ {
        /* margin-top: -8%; */
        font-weight: bold;
        color: #FF6868;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(50px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature1_featureDescription__cnxh_ {
        color: #080707;
        margin-left: 14%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(15px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
        
    }
    .feature1_gridContainer__55dMY:hover .feature1_imageContainer__v3kfh {
        transform: translateY(-20px);
    }
    
     .feature1_gridContainer__55dMY:hover .feature1_textContainer__XbWcC {
        transform: translateY(-70px);
        z-index: 0;
    }
}
@media(max-width:700px){
    .feature1_featureTitle__WOm2V {
        margin-top: -8%;
        margin-left: 14%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(24px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    } 
}
@media (max-width: 620px) {
    .feature1_gridContainer__55dMY {
        padding: 0 5%;
    }
  
    .feature1_textCard__AXfUi {
        max-width: 100%;
    }
    .feature1_featureImage__r8_Xv{
        max-width: 40%;
    }
    .feature1_featureNumber__HNhQZ{
        margin-left:0%;
        /* margin-top: -5%; */
    }
    .feature1_featureTitle__WOm2V {
        margin-top: -6%;
        margin-left: 14%;
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        /* font-size: calc(18px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature1_featureNumber__HNhQZ {
        font-weight: bold;
        color: #FF6868;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(42px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature1_featureDescription__cnxh_ {
        color: #080707;
        margin-left: 14%;
        padding-top: 2%;
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
        
    }
    .feature1_gridContainer__55dMY:hover .feature1_imageContainer__v3kfh {
        transform: translateY(-60px);
    }
}
@media (max-width: 500px) {
    .feature1_gridContainer__55dMY {
        padding: 0 5%;
    }
    .feature1_textContainer__XbWcC{
        padding-bottom: 10%; 
    } 
    .feature1_featureImage__r8_Xv{
        max-width: 60%;
    }
    .feature1_textCard__AXfUi {
        top:auto;
        max-width: 100%;
        padding-bottom: 40%;
    }
    .feature1_featureNumber__HNhQZ{
        margin-top: 5%;
       padding-left: 1%;
        /* padding-bottom:5%; */
        z-index:0;

    }
    .feature1_featureTitle__WOm2V {
        margin-top: -5%;
        /* right:'10px'; */
        /* width:'100px'; */
       margin-left:1%;
        /* padding-left: 1%; */
        color: #080707;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        /* font-size: calc(20px + (20 - 16) * ((100vw - 400px) / (1600 - 400))) ; */
    }
    .feature1_featureNumber__HNhQZ {
        font-weight: bold;
        color: #FF6868;
        font-family: 'sofia-pro-soft', sans-serif;
        /* font-size: calc(36px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); */
    }
    .feature1_featureDescription__cnxh_ {
        color: #080707;
        width:'max-width';
        padding: 0% 0% 0% 0%;
        margin-right: 0%;
        margin-left: 1%;
        padding-top: 2%;
        /* padding-bottom: 30%; */
        font-family: 'Roboto', sans-serif;
        /* font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
        
    }
    .feature1_gridContainer__55dMY:hover .feature1_imageContainer__v3kfh {
        transform: translateY(-20px);
    }
    
     .feature1_gridContainer__55dMY:hover .feature1_textContainer__XbWcC {
        transform: translateY(-70px);
        z-index: 0;
    }
}