/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/app/Home.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* Home.module.css */
/* .contentContainer {
  display: flex;
  flex-direction: column;
} */
/* Home.module.css */
/* .col {
  display: flex;
  flex-direction: column;
} */
/* Adjust individual component styles as needed */
 
.Home_col__3NGO9 {
  display: flex;
  flex-direction: column;
  gap: 10px; /* Add some gap between the divs */
}

.Home_col__3NGO9 div {
  flex-shrink: 0; /* Prevent the divs from shrinking */
  flex-basis: auto; /* Let the divs grow based on their content */
}

.Home_col__3NGO9 img {
  max-width: 100%; /* Ensure images don't overflow their container */
  height: auto; /* Maintain aspect ratio */
}

.Home_space__MKZyz{
   width: '100vw';
   height: '100vh';
   display: flex; 
   justify-content: center;
   align-items: center;
   z-index:99999999999999999999999999999999999999999;
}

.Home_frame__tkKFX{
  position:relative;
  margin-left:100%;
  margin-right:100%;
  width:25vw;
  height:25vh;
}

.Home_main__PQr24{
  overflow-x:hidden;
  position:relative;
  right:2px;
  margin:-1px;
}

.Home_button__T7Ac7{
  position:absolute;
  top:50vh;
  left:50vw;
 /*  top:100%; */
/*   margin-left:50%;
  margin-right:50%; */
/*   transform: translateX(200px); */
  height:50px;
  width:150px;
  z-index:999;
  background-color:rgba(32, 32, 32, 0.25);
  text-align:center;
  justify-content:center;
  align-items:center;
  transform: translateX(-75px);
/*   transform: translate3d(50%, 50%, 50%); */
/*   background:transparent; */
}
/* rgba(233, 233, 233, 0.883); */
.Home_button__T7Ac7 h4{
  color:rgba(240, 255, 255, 0.65775);
  position:absolute;
/*   top:-70%; */
  font-size:25px;
  top:-24px;
  left:24px;
}

.Home_button__T7Ac7:hover{
/*   color: rgba(255, 215, 125, 0.65775);
  background-color:rgba(255, 216, 125, 0.249);
  border:none; 
   color: rgba(91, 75, 38, 0.658);*/
}

.Home_button__T7Ac7:active{
  background-color:rgba(255, 216, 125, 0.249);
  border:none;
}

.Home_button__T7Ac7:active h5{
  color: rgba(91, 75, 38, 0.658);
}

.Home_box__QpSI_{
  width:auto;
  height:auto;
  background-color:black;
}

.Home_box2__mTfYN{
  width:auto;
  height:auto;
  background-color:#090909;
  z-index:999;
}

.Home_container__YRaDf {
  width: 100%;
  padding: 20px; /* Add padding if needed */
  background-color: #f0f0f0; /* Background for contrast */
}

.Home_fullWidthLine__tfB_B {
  width: 100%;
  height: 2px;
  background-color: #FFD77D;
  margin: 20px 0px 20px 0px; /* Add margin if needed */
}
.Home_fullWidthLine2__bufNu {
  width: 100%;
  height: 2px;
  background-color: #FFD77D;
/*   margin: 20px 0; */ /* Add margin if needed */
margin: 50px 0px 20px 0px;
}

.Home_center__yK1D_{
  text-align:center;
}

.Home_slide__t1mxj{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:50px;
  margin-top:50px;
  
/*   text-align:center; */
/*   padding:0px; */
/*   margin-left:20px; */
}

.Home_divider__9eOCF{
/*   margin-top:-42px; */
  width: -moz-fit-content;
  width: fit-content;
  height: 2px;
  background-color: #FFD77D;
/*   margin-left:14px; */
margin-bottom:25px;
}

.Home_divider__9eOCF h3{
  position:relative;
  top:-50px;
}


/* Media Query to hide text on smaller screens */
/* @media (min-width: 800px) {
  .button{
    top:710px;
  }
}

@media (max-width: 600px) {
  .button{
    top:300px;
  }
}
 */

/* Media query to replace the animation with a still image for screens 800px and wider */
@media (min-width: 800px) {
  .Home_box__QpSI_ {
    transform: scale(1.65); 
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/components/Slideshow.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/* components/Slideshow.module.css */

.Slideshow_slideshowContainer__HZ7aF {
    position: relative;
    width: 100%;
    height: 400px; /* Fixed height or adjust as needed */
    overflow: hidden;
    margin-bottom: 1rem;
  }
  
  .Slideshow_slide__0HPm6 {
    width: 100vw; /* Full width of viewport */
    height: 100%; /* Full height of container */
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .Slideshow_slide__0HPm6.Slideshow_active__QQBA1 {
    opacity: 1;
  }
  
  .Slideshow_prevButton__4tZn_,
  .Slideshow_nextButton__UtQ6p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: /* rgba(168, 36, 36, 0.5); */ rgba(255, 230, 176, 0.185);
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    padding: 10px;
    z-index: 1;
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease; /* Smooth transition on hover */
    height:12vh;
  }
  
  .Slideshow_slideshowContainer__HZ7aF:hover .Slideshow_prevButton__4tZn_,
  .Slideshow_slideshowContainer__HZ7aF:hover .Slideshow_nextButton__UtQ6p {
    opacity: 1; /* Show on hover */
  }
  
  .Slideshow_prevButton__4tZn_ {
    left: 10px;
  }
  
  .Slideshow_nextButton__UtQ6p {
    right: 10px;
  }
  
  .Slideshow_dotContainer__EraRN {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .Slideshow_dot__9j0dx {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
  }
  
  .Slideshow_dot__9j0dx.Slideshow_activeDot__ljXJk {
    background-color: #FFD77D;
    border: 1px solid #ffe6b0;
  }
  
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/components/Sol.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.Sol_introSection__63gMw {
  height: 95vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.Sol_introImage__uiqcN {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: Sol_rotateAndZoomBackground__4avVr 30s linear infinite; /* Slowed down the animation */
  transition: background-size 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Animation for rotating and zooming the background image */
@keyframes Sol_rotateAndZoomBackground__4avVr {
  0% {
    background-position: -50% center;
    transform: scale(3.1); /* Start with a slight zoom-in */
  }
  100% {
    background-position: 175% center;
    transform: scale(3.1); /* Maintain the zoom-in throughout the animation */
  }
}

/* Media query to replace the animation with a still image for screens 800px and wider */
@media (min-width: 800px) {
  .Sol_introImage__uiqcN {
    animation: none;
    background-position: center;
    transform: scale(1); 
  }
}


/* 
.introImage:hover {
  background-size: 105%; 
  transform: scale(1.05); 
} */
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/components/styles/Bap.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.Bap_bap-container__vnxcl {
/*     position: relative; */
/*     width: 100%;
    overflow: hidden; */
 }
 
 .Bap_bap__2WX7e {
/*     position: fixed; */
/*     top: 68.25px;
    left:  100px; */
/*     width: 100%; */
    height: 20px; /* Adjust height as needed */
    background-color: transparent; /* Ribbon background color */
    display: flex;
    align-items: center;
    justify-content: center; /* Adjust duration as needed */
    overflow: hidden;
    z-index: 99999999999999999999999999999999999999999999999999999999999;
    opacity: 0.1;
 }
 
 .Bap_so__ugeN7 {
    color: #fff; /* Text color */
    font-size: 12px; /* Text size */
    white-space: nowrap; /* Prevent text from wrapping */
    animation: Bap_moveRibbon__2EVkb 120s linear infinite; /* Animation */
 }
 
 @keyframes Bap_moveRibbon__2EVkb {
    0% {
       transform: translateX(100%); /* Start slightly outside the right edge */
    }
    100% {
       transform: translateX(-200%); /* End slightly outside the left edge */
    }
 }