@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
html {
	scroll-behavior: smooth;
	scroll-padding-top: 12vh; /* height of sticky header */
	position: relative;
  height: 100vh;
  max-height: 100vh;
	overflow-x: hidden;
	touch-action: pan-y;
}

body {
  margin-top: 10vh;
  overflow-x: hidden;
  font-family: "Cormorant", serif;  
  background-color: #fff;
  position: relative !important;

}
.bg-about2{
  background-image: url(../img/img_about.avif);
  background-size: cover;
}
.tekst-logo{
  font-family: "Dancing Script", cursive;
}
.overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.33); /* Adjust the alpha value to change the opacity of the overlay */
}

.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; /* Change text color as needed */
  text-align: center;
  width: 100%;
  max-width: 500px; /* Adjust the maximum width of the text container */
}

.white-heading{
  font-family: "Cinzel", serif;  
  font-size: 3.5rem;
  color: #fff;
}

.akapit span{
  font-weight: 600;
}
#kontakt, .check-box{
  background-image: url('../img/kontakt.avif');
  /* background: linear-gradient(45deg, #205647, #3d7d6b, #205647); */
  background-repeat: no-repeat;
  background-size: cover; 
}
.kontakt-box{
  border: 0px solid white;
}
.baner_bottom {
  height: auto !important;
  max-height: 90px !important;
  width: 100vw;
  display: flex;
  justify-content: center;
}
.navbar{
  background-image: url('../img/nav-bar.avif');
  /* background: linear-gradient(45deg, #205647, #3d7d6b, #205647); */
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 12vh !important;
  max-height: 12vh !important;
  position: fixed;
  width: 100vw;
  padding-right: 10px;
}
.navbar img{
  max-height: 10vh;
}
.vert-move {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
.vert-move {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-40px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-40px); }
}

.text-black {
  color: #000000;
  line-height: 2.3rem;

}

:root {
  --zloty-bg: #deb470;
}
.text-gold{
  color: var(--zloty-bg);

}
.bg-white{
  background-color: #fff;

}
.bg-white-o{
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: rgba(255, 255, 255, 0.93);
  border-radius: 35px;

}
.relatywny{
  position: relative;
}
.bg-white-2{
  background-color: #ffffffe9;
  width: max-content;
  border-radius: 15px;

}
.bg-about{
  background: linear-gradient(45deg, #fff, #fff, #205647);
}
.lista-admin{
  font-weight: 600;
  font-size: 1.5rem
}
.naglowek{
  font-family: 'Cinzel', serif;
  font-size: 2.7rem;
  color: var(--zloty-bg);

}
.naglowek-2{
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  color: var(--zloty-bg);

}
.naglowek-logo{
  font-family: "Dancing Script", cursive;
  font-size: 3rem;
  color: #f1ca85;

}
.naglowekB{
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  color: #fff;

}
.podpis{
  font-family: 'Sacramento', cursive;
  font-style: italic;
  font-size: 2.4rem;
  color: var(--zloty-bg);

}
.akapit{   
  font-size: 1.3rem;
  color: black;
  line-height: 2.1rem;
  font-weight: 300;

}
.bg-wg {
  background: linear-gradient(to bottom, #FFFFFF, #FFD700);
  /* Other styles for your element */
}
.thin-300{
  font-weight: 300 !important;
}
.bold-600{
    font-weight: 600 !important;
}
.bold-400{
  font-weight: 400 !important;
}


.active {
	color:  gold !important;
	}
.nav-link {
    font-size: 1.3rem;
    font-family: 'Cinzel', cursive; 
    color: #fff !important;    
    font-weight: 300 !important;
    padding-right: 20px !important;
}
.nav-link:hover{
  
  color: #eec380 !important;    

}   
.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: goldenrod;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 40%;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.slideshow-container {
  
  min-width: 100vw;
  max-height: 78vh;/* Set a maximum height for the container */
  overflow-y: hidden; /* Enable vertical scrolling within the container */
  position: relative; /* Keep the container positioned relative */
  overflow-x: hidden;
}
.slideshow {
    position: relative;
    width: 100%;
    height: 78vh;
    overflow: hidden;
  }
  
  .slideshow-image {
    
    position: absolute;
    width: 100%;
    height: 78vh;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  
  .slideshow-image:nth-child(1) {
    -webkit-animation-name: kenburns-1;
    animation-name: kenburns-1;
    z-index: 3;
  }
  
  .slideshow-image:nth-child(2) {
    -webkit-animation-name: kenburns-2;
    animation-name: kenburns-2;
    z-index: 2;
  }
  
  .slideshow-image:nth-child(3) {
    -webkit-animation-name: kenburns-3;
    animation-name: kenburns-3;
    z-index: 1;
  }
  
  .slideshow-image:nth-child(4) {
    -webkit-animation-name: kenburns-4;
    animation-name: kenburns-4;
    z-index: 0;
  }
   @-webkit-keyframes 
  kenburns-1 {  0% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   1.5625% {
   opacity: 1;
  }
   23.4375% {
   opacity: 1;
  }
   26.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   98.4375% {
   opacity: 0;
   -webkit-transform: scale(1.21176);
   transform: scale(1.21176);
  }
   100% {
   opacity: 1;
  }
  }
   @keyframes 
  kenburns-1 {  0% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   1.5625% {
   opacity: 1;
  }
   23.4375% {
   opacity: 1;
  }
   26.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   98.4375% {
   opacity: 0;
   -webkit-transform: scale(1.21176);
   transform: scale(1.21176);
  }
   100% {
   opacity: 1;
  }
  }
  @-webkit-keyframes 
  kenburns-2 {  23.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   26.5625% {
   opacity: 1;
  }
   48.4375% {
   opacity: 1;
  }
   51.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @keyframes 
  kenburns-2 {  23.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   26.5625% {
   opacity: 1;
  }
   48.4375% {
   opacity: 1;
  }
   51.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @-webkit-keyframes 
  kenburns-3 {  48.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   51.5625% {
   opacity: 1;
  }
   73.4375% {
   opacity: 1;
  }
   76.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @keyframes 
  kenburns-3 {  48.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   51.5625% {
   opacity: 1;
  }
   73.4375% {
   opacity: 1;
  }
   76.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @-webkit-keyframes 
  kenburns-4 {  73.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   76.5625% {
   opacity: 1;
  }
   98.4375% {
   opacity: 1;
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  }
  @keyframes 
  kenburns-4 {  73.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   76.5625% {
   opacity: 1;
  }
   98.4375% {
   opacity: 1;
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  }
  .slide1{
    background-image: url('../img/slide_1_new.avif');
  }
  .slide2{
    background-image: url('../img/slide2.avif');
  }
  .slide3{
    background-image: url('../img/slide3.avif');
  }
  .slide4{
    background-image: url('../img/slide4.avif');
  }
  .btn-gold{
    background-color: #b58f52;
    color: white;
  }
  .btn-gold:hover{
    background-color: white;
    color: #b58f52;  
  }
  .btn-green{
    background-color: #205647;
    color: white;
  }
  .btn-green:hover{
    background-color: #3d7d6b;
    color: white;  
  }
.border-gold{
  border: 1px solid #eec380; 
  border-radius: 35px;
}
.border-green{
  border: 2px solid #205647; 
  border-radius: 35px;
}
.border-gold-r{
  border: 2px solid #eec380; 

}
.border-green-r{
  border: 2px solid #205647; 

}
.slogan {
  color: #eec380 !important;
  font-family: 'Cinzel', cursive;
  font-weight: 500;
  font-size: 1.9rem !important;

}
.slogan-div {

  background: linear-gradient(45deg, #205647, #3d7d6b, #205647);  
}

.logo_top{
  min-height: 10vh !important;
  max-height: 11vh !important;
}
.glass-1{
  background-color: rgba(255, 255, 255, 0.1);
}
.glass-2{
  background-color: rgba(255, 255, 255, 0.133);
}
.kwiatki{
  background-image: url('../img/flower-bg1.avif');
  background-size: contain;
  background-repeat: repeat-y;
}
.kwiatki-2{
  background: linear-gradient(45deg, #e2ebdf, #e5fef7, #d2fff1);  
  background-repeat: no-repeat;
  background-size: 100vw 100%;
}
.kwiatki-L{
  background-image: url('../img/flower-bg2.avif');
  background-size: cover;
}
.card-main {
  position: relative;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 200;
  margin-bottom: 3rem;
 
  border-radius: 12px;
  max-width: 45rem;  
}

.card-main-content {
  position: relative;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.9); /* Glass-like effect */
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Glass-like effect */
  width: 100%; /* Adjust as needed */
 
}

.card-main-title {
  font-family: 'Cinzel';
  font-weight: 400;
  font-size: 1.3rem; /* Adjust font size as needed */
  margin-bottom: 10px;

}
.main-container {
  background-image: url('../img/flower-bg1.avif'); /* Set your background image */
  background-size: cover;
  background-position: center;
  height: 90vh; /* Set a fixed height for the container */
  overflow-y: auto; /* Enable vertical scrolling */
  overflow-x: hidden;
}

#jak_dzialamy {
  padding-top: 20px; /* Adjust as needed */
  padding-bottom: 20px; /* Adjust as needed */
}
.card-main-text {
  font-size: 1.1rem;
  line-height: 2rem;

   /* Adjust font size as needed */
}

.card-main img.card-img-bottom {
  width: 100%;
  border-radius: 10px;
}

.card-main.reversed .card-main-content {
  right: 0;
  left: auto;
}
.card-img-logo{
  background-image: url(../img/logo-round.avif);
  background-size: cover;
  position: absolute;
  top: 1%;
  right: 2%;
  width:  170px !important;
  height:  170px ;
  padding: 2px;
  opacity: .8;

}

.card-img-bottom{
  max-width: 6rem;
  max-height: 6rem;
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.img-div{
  max-height: 60px !important;

}

@media (max-width: 768px) {
  .card-main-content {
      width: 100%;
  }
  .card-main-title {
    font-size: 1.4rem; /* Adjust font size as needed */
    margin-bottom: 10px;
  }
  .card-img-logo{
    width:  135px !important;
    height:  135px ;

  
  }
  .bg-white-o{
    margin-top: 0;
    margin-bottom: 0;
  }
  .relatywny{
    padding-top: 10rem;
  }
  .naglowek-2{
    font-size: 2rem;
  }
  .card-main-text {
    font-size: 1.2rem;
    
     /* Adjust font size as needed */
  }  
}
/* Add your custom styles here */
.card-1 {
  display: flex;
  flex-direction: column; 
  width: 100%;
  background-color: rgba(0, 136, 34, 0);
  margin: 0 auto; /* Center the card horizontally within the container */
  padding: 10px; /* Add padding f  border: 4px solid #205647;
  border-radius: 35px;or spacing */

  width: 80%;
}

.card-1-title {
  text-align: left !important; /* Align card title (category) to the left */
  font-size: 0.9rem;
}

.card-1-title a{
  color: black;
  text-decoration: none;
  font-size: 1rem;
}
.line-2{
  line-height: 2.5rem;
}
.card-1-body {
  font-size: 1.4rem;
  line-height: 2.5rem;
   /* Center other content horizontally text-align: left;*/
  padding: 0px;
}
.card-1-body span {
  font-weight: 600;
}
/* Add your custom styles here */
.card {
  display: flex;
  flex-direction: column; 
  width: 100%;
  background-color: rgba(0, 136, 34, 0);
  margin: 0 auto; /* Center the card horizontally within the container */
  padding: 10px; /* Add padding for spacing */
  border: 2px solid #205647;
  border-radius: 35px;
}

.card-title {
  text-align: left !important; /* Align card title (category) to the left */
  font-size: 0.9rem;
}

.card-title a{
  color: black;
  text-decoration: none;
  font-size: 1rem;
}

.card-body {
  font-size: 1.2rem;
  text-align: center; /* Center other content horizontally */
  padding: 0px;
}

.small-images {
  display: flex;
  justify-content: start;
  margin-bottom: 10px;
}

.img-thumbnail {
  cursor: pointer;
}

.obraz-top {
  max-width: 95%;
  margin: 0 auto; /* Center the image horizontally within the card */
  min-height: 35vh !important;
}

/* Add this to your existing CSS or a separate CSS file */

/* Full-screen image container styles */
.full-screen-image-container {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */    
    overflow-x: hidden;
}
.full-screen-image-container img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: flex;
    overflow-x: hidden;
}
/* Full-screen image styles */
.full-screen-image {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
    overflow-x: hidden;
}

/* Close button styles */
.close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}
.bg-green{
  background: linear-gradient(45deg, #205647, #3d7d6b, #205647);
}
.ikona {
  font-size: 3rem !important;
  color :#09a43f !important;

}
/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */   
  display: none;
	height: 100%;
	width: 0%;
	position: fixed; /* Stay in place */
	z-index: 99; /* Sit on top */
	left: 0;
	top: 0;
	background: linear-gradient(-45deg, #205647, #3d7d6b, #205647);
	animation: gradient 8s ease infinite;
	overflow-y: hidden;  /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	
  }
  
  /* Position the content inside the overlay */
.overlay-content {
	position: relative;
	top: 25%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  
  /* The navigation links inside the overlay */
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 1.5rem;
	color: #ffffff;
	display: block; /* Display block instead of inline */
	transition: 0.3s; /* Transition effects on hover (color) */
  }
  @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/* Remove border around toggler menu button */
.navbar-toggler.custom-toggler {
  border: none;
  outline: none; /* Optionally remove outline when button is focused */
  box-shadow: none; /* Optionally remove box-shadow when button is focused */
}


.navbar .navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-image: url('../img/menu.avif');
	
  }
  
  
.navbar-toggler-iconX {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-image: url('../img/x.avif');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
  }
  .top-image-container {
    max-width: 100%; /* Ensure the image doesn't exceed its container's width */
    height: 24vh; /* Set a specific height for the image container */
    object-fit: cover; /* Scale and crop the image to fit the container without distortion */
}
/* Close button styles */
.close-button {

  font-size: 5rem !important; /* Increase the font size to make it bigger */


}

    /* Define the overlay class */
    .golden-overlay {
      position: relative;
  }

  /* Style the overlay */
  .golden-overlay::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(229, 214, 126, 0.73); /* Golden color with transparency */
      opacity: 0.4; /* Initially hidden */
      transition: opacity 0.3s ease-in-out; /* Add a transition effect for smooth fading */
      border-radius: 0 0 15rem 15rem;
  }


  /* Style your image container */
  .image-container {
      position: relative;
  }

  .image-container img {
    width: 100%;
    height: 25vh;
    object-fit: cover; /* Crop and center the image without distortion */
    object-position: 50% 25%; /* Adjust the percentages to move the visible portion */
    display: block;
    border-radius: 0 0 15rem 15rem;
}
.gradient-text {
  font-family: 'Cinzel', cursive;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 5px;
  background: linear-gradient(to right, #eec380, #eec380, #eec380);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.shadow-text {
  font-family: 'Cinzel', cursive;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 600;
  color: #e9b056;
  text-align: center;
  letter-spacing: 5px;

}
.image-text {
  position: absolute;
  font-weight: bold;
  font-size: 3rem !important;
  bottom: 10px; /* Adjust the distance from the bottom */
  left: 50%; /* Center the text horizontally */
  transform: translateX(-50%); /* Center the text horizontally */
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  z-index: 2; /* Ensure the text is on top of the overlay */
  font-size: 24px; /* Adjust the font size */
  font-family: 'Cinzel', serif;
}

.bg2 {
  background: linear-gradient(45deg, #205647, #3d7d6b, #205647);

}

.phone-button {
  background-color: #dab374;
  color: #fff;
  border: none;
  border-radius: 10px; /* Increase border radius for rounder corners */
  padding: 15px 30px; /* Increase padding for a larger button */
  font-size: 20px; /* Increase font size */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.phone-button i {
  margin-right: 10px;
  font-size: 24px; /* Increase icon size */
}

.phone-button:hover {
  border: 2px solid #dab374;
  background-color: #fff;
  color: #dab374;
}
.flex-container1 {
  display: flex;
  justify-content: center;
}

.flex-container1 > div {

  width: 100%;
  height: 100%;
  text-align: center;

}
.flex-container2 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}


.flex-row {
  display: flex;
  justify-content: center;
  flex-direction: row;


}
.flex-container2 > div {
  background-color: #ffffff00;
  width: 100%;
  height: 100%;
  text-align: center;

}
.flex-container2 img{
  min-width: 80px;
  max-width: 6%;

}

/* Google Maps Code*/
.map {
  display: flex;
  justify-content: center;
  align-items: center;

}

.responsive-iframe {
  max-width: 100%;
  max-height: 100%;
  width: 90% !important; /* Adjust the width as needed */
  height: 25vh; /* Adjust the height as needed */

}

.img-about{
  max-width: 80% !important;
  border-radius: 25px !important;
}
/* Slider realizacje*/
/* Set a responsive percentage-based height for the main image container */

.splide {
  margin: 0 auto;
}

.thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}

.thumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
  opacity: 0.3;
}

.thumbnail.is-active {
  opacity: 1;
}

.thumbnail img {
  width: 100%;
  height: auto;
}

.image-container2 img {
  width: 100%;
  height: 25vh;
  object-fit: cover; /* Crop and center the image without distortion */
  object-position: 50% 45%; /* Adjust the percentages to move the visible portion */
  display: block;
  border-radius: 0 0 15rem 15rem;
}
.footer {
	width: 100%;
	height: 5vh; /* Set the fixed height of the footer here */
	line-height: 5vh; /* Vertically center the text there */
	background-color:#153d32;
	color: white;
  display: flex;
  justify-content: space-between;  
  }


.owal2{
  border-radius: 40px;
  max-width: 90%;
  background-color: #205647;
  padding-top: 10px;
  padding-bottom: 10px;  
  padding-left: 0;
  padding-right: 0;
}

.owal{
  border-radius: 40px;
  max-width: 70%;
  background-color: #205647;
  border: 4px solid #eec380;
}

.ramka-title{
  border: 4px solid #eec380;
  width: 95%;
  padding-top: 10px;
  padding-bottom: 10px;  
  padding-left: 0;
  padding-right: 0;
}



@media (max-width: 576px) { 
  .flex-container1 {
    justify-content: center;
    flex-direction: column;
  }
  .flex-container1 > div {
    width: 100%;
    height: 100%;
    text-align: center;
  
  }
  .naglowekB{
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    color: #fff;
  
  }
  
  html {
    scroll-padding-top: 10vh; /* height of sticky header */

  }
  .naglowek{
    font-size: 3rem;  
  }  
  .slide1{
    background-image: url('../img/slide_1_new-mobile.avif');
  }
  .slide2{
    background-image: url('../img/slide2_mobile.avif');
  }
  .slide3{
    background-image: url('../img/slide3_mobile.avif');
  }
  .slide4{
    background-image: url('../img/slide4_mobile.avif');
  }  
 }


@media (max-width: 768px) { 
  .flex-container1 {
    justify-content: center;
    flex-direction: column;
  }
  .flex-container1 > div {
    width: 100%;
    height: 100%;
    text-align: center;
  
  }
  .naglowekB{
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    color: #fff;
  
  }
  html {
    scroll-padding-top: 10vh; /* height of sticky header */
  }
  .naglowek{
    font-size: 2rem;  
  }    
  .slide1{
    background-image: url('../img/slide_1_new-mobile.avif');
  }
  .slide2{
    background-image: url('../img/slide2_mobile.avif');
  }
  .slide3{
    background-image: url('../img/slide3_mobile.avif');
  }
  .slide4{
    background-image: url('../img/slide4_mobile.avif');
  }   
 }

@media (max-width: 992px) { 
  .flex-container1 {
    justify-content: center;
    flex-direction: column;
  }
  .flex-container1 > div {
    width: 100%;
    height: 100%;
    text-align: center;
  
  }
  .naglowekB{
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    color: #fff;
  
  }
  html {
    scroll-padding-top: 10vh; /* height of sticky header */

  }
  .naglowek{
    font-size: 2rem;  
  }     
 }


 .nav-link ::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; /* Adjust the thickness of the line */
  background-color: #fff; /* Adjust the color of the line */
  transform: scaleX(0); /* Initially set the scale to 0, so the line is not visible */
  transform-origin: bottom right; /* Set the transform origin to bottom right for scaling effect */
  transition: transform 0.5s ease; /* Add a transition for a smooth effect */
}

.nav-link :hover::after {
  transform: scaleX(1); /* Scale the line to full width on hover */
  transform-origin: bottom left; /* Set the transform origin to bottom left for scaling effect */
}

.nav-link li.active a::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

a {
  color:white;
}
.list-group-item{
  display: flex;
  justify-content: space-between;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 35px !important;
  margin-bottom: 10px
}
.list-group-item span, form{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}
.card-img-decor{
  width: 6rem;
}

.card-c {
  display: flex;
  flex-direction: column; 
  width: 100%;
  background-color: rgba(0, 136, 34, 0);
  margin: 0 auto; /* Center the card horizontally within the container */
  padding: 10px; /* Add padding for spacing */
  border: 4px solid #205647;
  border-radius: 35px;
  align-items: center;
}

.card-c-title {
  text-align: left !important; /* Align card title (category) to the left */
  font-size: 0.9rem;
}

.card-c-title a{
  color: black;
  text-decoration: none;
  font-size: 1rem;
}

.card-c-body {
  font-family: 'Cinzel';
  font-weight: 400;
  font-size: 1.1rem; /* Adjust font size as needed */
  margin-bottom: 10px;
  text-align: center; /* Center other content horizontally */
  padding: 0px;
 
}
.naglowek-center{
  font-family: 'Cinzel';
  font-weight: 400;
  font-size: 1.7rem; /* Adjust font size as needed */
  margin-bottom: 10px;  
}
.bg-white-2{
  background-color: #e2ebdf;
}
.btn-cc{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #153d32;
  color: #fff;
  font-size: 1.2rem;
  border: 2px solid #153d32;
}
.btn-cc:hover{
  cursor: pointer;
  background-color: #e2ebdf;
  color: #153d32;
  font-size: 1.2rem;
  border: 2px solid #153d32;
}
.cont-1{
  min-height: 90vh;
}