body {
    	background-color:#fff !important;
      font-family:roboto !important;
 
    }
    
    /* Navigation styles moved from layout.html */
    .navbar-custom {
        background-color: rgba(0,0,0,0.0);
        padding-bottom: 42px;
    }
    
    .navbar-brand img {
        margin-top: -10px;
    }
    .footer {
    	background-color:#191919;
    }
    
 
	.hero {
            background: no-repeat center center/cover;
            height: 100vh;
            display: flex;
          
            color: white;
       
            position: relative;
        }
        
        
        .breaker-photo {
            background: no-repeat center center/cover;
            min-height: 30vh;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white !important;
            text-align: center;
            position: relative;
        }
        .breaker-video {
            background: no-repeat center center/cover;
            min-height: 50vh;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white !important;
            text-align: center;
            position: relative;
        }
        

.breaker-video video {
  object-fit: cover;
  z-index: 0;
}



.card_photo_round {
	width:100px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    border-radius:200px;

    boder:1px solid #272c15 !important;
    background: no-repeat center center/cover;
}
        
       .pagetop {
       		background: no-repeat center center/cover;
            height: 40vh;
            display: flex;
            justify-content: center;
           
            color: white;
        
            position: relative;
        }
        
        
        .subpagetop {
       		min-height: 40vh;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #000;
            text-align: center;
            position: relative;
        }
        
        .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
    pointer-events: none; /* Optional: so it doesn't block clicks */
}
.hero-overlay-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0,0,0,0));
}
        
        .hero-content {
            position: relative;
            z-index: 2;
  
        }
        
        @media (min-width: 992px) {
        	.hero-content {
            
            text-align:left;
        }
        
        }
        
        .navbar-hambugga {
        	color:#fff;
        }
        
        .navbar-light .navbar-hambugga {
        	color:#000;
        }
        
        
        
        .card.spacer {
        	padding:10px;
            margin-bottom:30px;
            background-color:rgb(255,255,255,0.3);
        }
        .navbar {
            position: absolute;
            width: 100%;
            z-index: 1050;
            padding-top:30px;
        }
        .navbar-brand {
            font-weight: bold;
            color: white !important;
        }
        .navbar .nav-link {
            color: white !important;
            opacity:0.9;
        }
        
        .navbar-light .nav-link {
            color: #000 !important;
            opacity:0.9;
            text-decoration:none;
        }
        
        .nav-link.active {
        	font-weight:bold;
           
            opacity:1;
        }
        
        
        
        .btn-signup {
            background-color: white;
            color: black;
            border: none;
            padding: 10px 20px;
            font-weight: bold;
        }
        
         .navbar-light .btn-signup {
            background-color: #000;
            color: black;
            border: none;
            padding: 10px 20px;
            font-weight: bold;
        }
        
        .navbar-light .btn-signup {
            background-color: black;
            color: black;
            border: none;
            padding: 10px 20px;
            font-weight: bold;
        }
        .btn-signup:hover {
            background-color: lightgray;
        }
        .navbar .navbar-collapse {
    background-color: rgb(0, 0, 0, 0.3);
      backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* for Safari */
    padding: 1rem;
    border-radius:10px;
}


.navbar-light .navbar-collapse {
    background-color: rgb(255, 255, 255, 0.3);
      backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* for Safari */
    padding: 1rem;
    border-radius:10px;
}
@media (min-width: 992px) {
    .navbar .navbar-collapse {
  		background-color: transparent !important;
        padding: 0 !important;
         backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px); /* for Safari */
    }
}

.navbar-light .navbar-toggler {border:0px solid transparent;}
.navbar-nav .nav-item {
  border-radius: 5px; /* optional, for nicer look */
    padding:5px 10px;
}
.navbar-nav .nav-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px; /* optional for rounded edges */
}

.navbar-light .nav-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px; /* optional for rounded edges */
}
.navbar-nav .nav-item {
    transition: background-color 0.3s ease;
}
.language-switcher  {
	padding-right:20px;
    padding-top: 0px;
    color:#fff;
    margin-left:10px;
    text-transform:uppercase;
}

.navbar-light  .language-switcher  {	
    color:#000;
}
.language-switcher a {
	color:#fff;
}

.navbar-light .language-switcher a {
	color:#000;
}
.footer {
	min-height:30vh;
    color:#fff;
}

.section {
	min-height: 50vh;
}

.height-full {
	min-height: 100vh;
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
}

@media (min-width: 768px) {
	.height-full {
		min-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;
	}
}



.color1 {
	background-color:#e7e5de;
    color: #38432A;
}



.color2 {
	background-color:#fff;

    color: #38432A;
}
.color3 {
	background-color:#dbd8cd;
    color:#3b4a34;
}

.color4 {
	background-color:#38432b;
    color: #f7f6f2;
}

.color5 {
	background-color:green;
    color: white;
}

.color6 {
	background-color:#e8e6db;
    color: #1d2916;
}

.grey1 {
  background-color:#fcfbf8;
    color: #23374d;
}
.grey2 {
  background-color:#f3f1ec;
    color: #23374d;
}
.grey3 {
  background-color:#e7e5de;
    color: #23374d;
}
.grey4 {
  background-color:#dbd8cd;
    color: #23374d;
}
.grey5 {
  background-color:#bdbaaf;
    color: #23374d;
}
.grey6 {
  background-color:#8e8c81;
    color: #fcfbf8;
}
.grey7 {
  background-color:#4c4b45;
    color: #f3f1ec;
}

.blue1 {
  background-color:#dbecf3;
    color: #23374d;
}
.blue2 {
  background-color:#b2cfdd;
    color: #f3f1ec;
}
.blue3 {
  background-color:#7c9cb2;
    color: #f3f1ec;
}
.blue4 {
  background-color:#455c75;
    color: #f3f1ec;
}
.blue5 {
  background-color:#23374d;
    color: #f3f1ec;
}

.green1 {
  background-color:#cdd3b4;
    color: #1b291b;
}

.green2 {
  background-color:#9ea881;
    color: #1b291b;
}

.green3 {
  background-color:#667654;
    color: #ffffff;
}

.green4 {
  background-color:#3b4a34;
    color: #ffffff;
}

.green6 {
  background-color:#1b291b;
    color: #ffffff;
}

.white {
  background-color:#fff;
    color: #3b4a34;
    ;
}




.text_woman {

  color: #cdd3b4;
}

.text_woman2 {

  color: #667654;
}




@font-face {
  font-family: "Nohemi";
  src: url("/fonts/Nohemi-Bold-BF6438cc5812315.ttf");


  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "roboto";
  src: url("/fonts/roboto.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "ivypresto";
  src: url("/fonts/ivy-presto-headline-light.otf");

  font-display: swap;
}

.quote {
  height:150px;
  background-image:url(/images/quote.png);
  background-size:contain;
  background-position: left;
  background-repeat: no-repeat;
}

.quote h1 {
  font-family: ivypresto;
  font-weight: 100;
  color:#000;
  font-size:2.5em;
  padding-left:60px;

  padding-right:60px;
  padding-top:40px;

}





h1, h2, h3, h4 {
  font-family: "Nohemi", "Arial", sans-serif;
  font-weight: 300; /* bold, since it's Nohemi Bold */
}

h1 {
  font-size: clamp(2rem, 4vw, 3rem);

}

h2 {
  font-size: clamp(2.5rem, 2vw, 2rem);
  line-height: 120%;
  font-weight: 400; 
}


h3 {
	font-size: clamp(1.5rem, 1.8vw, 1.6rem);
 	line-height:150%;
   font-weight:400;
}

h4 {
  font-weight: 100; 
  font-size: clamp(2rem, 4vw, 3rem);
}

p {
  font-family: "Nohemi", "Arial", sans-serif;
	font-size: clamp(1rem, 1.2vw, 1.2rem) !important;

}

.eventbox {
  width:100%;
  padding:20px;
  color:#fff;
  margin-bottom:20px;
  border-radius:8px;
  background-color: #dae0c9;
}

.eventbox:hover {
  cursor:pointer;
  background-color: #c3ccab;
}

.eventtitle {
  margin-top:20px;
  font-family: "Nohemi", "Arial", sans-serif;
  color:#000;
  font-size:17px;
  font-weight: 400; 
}



 .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      background-position: center center;
      background-size: cover;
      font-size: 18px;
   
      display: flex;
     
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper-pagination-bullets {
      bottom:0px;
      margin-left:10px;
    }

    .heroSwiper .swiper-pagination-bullets {
      bottom:30px !important;
      margin-left:10px;
    }


  

    .swiper-pagination-bullet {
      background-color:white !important;
      width:14px;
      height:14px;
    }


.card_photo {
	width:100%;
    aspect-ratio: 4 / 3;
	background-repeat: no-repeat;
  	background-position: center center;
  	background-size: cover;
}



.button-white {
	background-color: rgb(255,255,255,0.0);
    border:1px solid #fff;
    padding: 0px 30px;
    font-size: 16px;
    display: inline-block; 
    line-height: 50px;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.button-white:hover {
	background-color: rgb(255,255,255,0.2);
    border:1px solid #fff;
	transform: scale(1.1);
	cursor:pointer;
    color: #fff; 
}

.btn-symptoms {
	background-color: #d9d9c9;
    margin:5px 5px;
    padding: 0px 30px;
    font-size: 16px;
    display: inline-block; 
    line-height: 40px;
    border-radius: 0px;
    color: #313521;
   transition: all 0.3s ease;
}

.btn-symptoms:hover {
	background-color: #b1b1a9;
	cursor:pointer;

}
.btn-round {
  border-radius: 25px; /* adjust for more/less roundness */
}

@media (max-width: 992px) {
    .signup-button {margin-top:20px;width:100%;}
}
.button-white:hover {
	text-decoration:none;
}


.photoplaceholder {
	width: 100%;
	background-size: cover;
	background-position: center center;
	display: block;

    aspect-ratio: 1 / 1;
}

/* Aspect ratio helpers */
.size-1-1 {
	aspect-ratio: 1 / 1 !important;
}

.size-4-3 {
	aspect-ratio: 4 / 3 !important;
}

.size-3-2 {
	aspect-ratio: 3 / 2 !important;
}

.size-16-9 {
	aspect-ratio: 16 / 9 !important;
}

.size-2-3 {
	aspect-ratio: 2 / 3 !important;
}

.size-3-4 {
	aspect-ratio: 3 / 3 !important;
}

.hero-text p {
  font-family: "Nohemi" !important;
  font-weight: 400;
font-size: 1em !important;
}

.photoplaceholder {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1; /* Ensures square shape */
}


.photo-background {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center center;
  transition: transform 1s ease; /* slow zoom */
  will-change: transform;
}

.photoplaceholder:hover .photo-background {
  transform: scale(1.1); /* slight zoom */
  cursor:pointer;
}

/* Slide-up title */
.title-overlay {
  position: absolute;
  top: 100%;
  left: 0;
  color:#fff;
  width: 100%;
  background-color: rgb(39,44,21,0.5);
  padding: 10px;
  height: 100%;
  transition: bottom 0.3s ease;
  font-size: 16px;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
 /* -webkit-line-clamp: 2;
  
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.photoplaceholder:hover .title-overlay {
  top: 0px;
}

.title-overlay2 {
  position: absolute;
  bottom: -71%;
  left: 0;
  color: #fff;
  width: 100%;
  background: linear-gradient(to bottom, rgba(39, 44, 21, 0) 0%, rgba(39, 44, 21, 0.7) 100%);
  padding: 10px;
  height: 100%;
  transition: bottom 0.3s ease;
  text-align: left;
}

.two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.photoplaceholder:hover .title-overlay2 {
  bottom: 0;
}

.event-box {
	border:2px solid #202c19;
    padding:10px;
}
.event-box:hover {
	background-color:#d7dbbf;
}




.choose-btn {
  background-color: #999878; /* olive button background */
  color: white;
  border: none;
  padding: 12px 0;
  font-weight: bold;
}

.choose-btn:hover {
  background-color: #7a7962;
}

.card {
  border-color: #cfcfc0;
  background-color: #f8f8f2; /* soft background */
}

.bi-check-square {
  color: #2e3b21; /* dark green checkmark */
  font-size: 1.1rem;
}





.circle {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background-color: #ced1be;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  z-index: 2;
  position: relative;
}

.circle.active {
  background-color: #1d2916;
}

.step-label {
  font-weight: 500;
  color: #1d2916;
  font-size: 0.95rem;
}


.btn-close {
  border: 0px;
  width: 25px;
  background-color: #fff;
  background-size: cover;
  height: 25px;
  background-image: url(/images/close_icon.png);
}

.modal-header {
	background-color:#E8E6DB !important;
    color:#38432A !important;
}

/* Language switcher hidden by default - moved from layout_new.html */
.language-switcher.hidden {
    display: none;
}



/* Make sure Swiper base CSS is loaded */
@import url('https://unpkg.com/swiper/swiper-bundle.min.css');

/* Circle buttons */
.swiper-button-prev,
.swiper-button-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #333; /* dark grey */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  transition: 0.3s ease;
}

/* Hover effect */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1;
  background-color: #000;
}

/* Remove default arrow icons */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px; /* smaller arrow */
  font-weight: bold;
}

/* Position adjustments if needed */
.swiper-button-prev {
  left: 15px;
}
.swiper-button-next {
  right: 15px;
}