.single-product {
	background-color: #fbfbfb;
}

.w-100 a {
	width: 100% !important;
}

/* FAQ */
.faq-section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.faq-items {
	gap: 20px; /* Add spacing between columns */
}

.faq-item {
	background-color: #fff;
	padding: 32px 40px;
	border-radius: 26px;
	break-inside: avoid;
	margin-bottom: 20px;
}

.faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	font-size: 20px;
	color: #0b1e46;
	font-weight: 700;
	cursor: pointer;
}

.faq-answer {
	grid-column: 1 / -1; /* Make the answer span both columns */
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding-top: 0;
	padding-bottom: 0;
}

.faq-answer.open {
	max-height: 500px; /* Large enough to reveal the entire content */
	padding-top: 10px;
	padding-bottom: 10px;
}

/*coaching*/

.coaching-items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.coaching-item {
	padding: 40px;
	background-color: #fff;
	border-radius: 52px;
}

.coaching-title {
	color: #0b1e46;
	margin: 24px 0 12px;
	font-size: 24px;
	font-weight: 700;
}

.coaching-desc {
	font-size: 18px;
	margin: 0;
	color: #0b1e46;
}

/*agenda*/
.level-title {
	background-color: #fff;
	padding: 12px 40px;
	border-radius: 26px;
	color: #0b1e46;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lesson-item {
	border-radius: 26px;
	padding: 20px 40px 40px 40px;
	background-color: #fff;
	margin-bottom: 16px;
}

.lesson-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32.74px;
	text-align: left;
	color: #0b1e46;
	margin: 0;
}

.lessons-items {
	padding-left: 40px;
}

.lesson-item ul {
	margin-bottom: 24px !important;
}

.lesson-item strong {
	color: #6496dc !important;
}

.lesson-number {
	font-size: 18px;
	font-weight: 700;
	line-height: 24.55px;
	text-align: left;
	color: #6496dc !important;
}

.lesson-step {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 24.55px;
	text-align: left;
	color: #636363;
}

.toggle-expand {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lesson-desc {
	margin-top: 24px;
}

.expanded {
	color: #6496dc;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	background: #6496dc33;
	cursor: pointer;
	padding-left: 20px;
	gap: 0px;
	border-radius: 53.08px;
}

.expanded svg {
	margin-left: 26px;
}
/* misja szkolenie*/
.icon-text-section {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.icon-text-item {
	background: #6496dc;
	border-radius: 12px;
	padding: 16px 35px 16px 16px;
}

.icon-text-item .text {
	color: #fff;
	font-weight: 700;
	line-height: 27px;
}

.icon-text-section .icon {
	height: 42px;
	width: 42px;
	background: #73a0df;
	border-radius: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* additional css karta produktu*/

li {
	margin-bottom: 16px;
}

.variations {
	display: flex;
	width: 100%;
}

.variations tbody {
	display: flex;
	width: 100%;
	gap: 2%;
}

.variations tr {
	width: 100%;
}

.variations .label {
	display: none !important;
}

.woocommerce div.product form.cart .variations select {
	width: 100% !important;
	max-width: 100% !important;
	padding: 12px 20px !important;
	border: none !important;
	background-color: #e8e8e8;
}

.single_variation_wrap .single_add_to_cart_button {
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 40px !important;
}

.variations select {
	appearance: none; /* Standardowe */
	background-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="16" cy="16" r="16" fill="%230B1E46"/%3E%3Cpath d="M9.99976 15.5547C9.99976 14.8901 10.7404 14.4938 11.2933 14.8624L14.8904 17.2604C15.5622 17.7083 16.4374 17.7083 17.1092 17.2604L20.7062 14.8624C21.2591 14.4938 21.9998 14.8901 21.9998 15.5547C21.9998 15.8329 21.8607 16.0927 21.6292 16.247L17.1092 19.2604C16.4374 19.7083 15.5622 19.7083 14.8904 19.2604L10.3703 16.247C10.1388 16.0927 9.99976 15.8329 9.99976 15.5547Z" fill="white"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 32px;
	padding-right: 30px; /* Miejsce na ikonę */
}

.three-variations .elementor-icon-box-icon {
	margin-top: 7px !important;
}

/* Opcjonalnie dodaj styl, aby dopasować styl przy obramowaniu */
.variations select:focus {
	outline: none;
}
.swiper-pagination {
	top: auto !important;
}

.our-team-item {
	display: flex;
	margin-bottom: 20px;
}

.our-team-image {
	min-width: 300px;
	max-width: 300px;
	border-radius: 52px !important;
}

.our-team-image img {
	width: 100%;
	object-fit: cover;
	border-radius: 52px !important;
}

.our-team-desc {
	background-color: #fff;
	border-radius: 26px;
	padding: 40px;
	color: #0b1e46;
}

.our-team-title {
	font-size: 24px;
	font-weight: 700;
	color: #0b1e46;
	margin-block: 0;
	margin-bottom: 8px;
}

.nasz-zespol-content {
	margin-top: 32px;
}

.our-blog-wrapper {
	display: flex;
	gap: 20px;
}

.our-blog-item {
	width: 45%;
}

.our-blog-image img {
	width: 100%;
	min-height: 360px;
}

.our-blog-image,
.our-blog-image img {
	border-radius: 26px !important;
	object-fit: cover;
}

.our-blog-desc {
	display: flex;
	flex-direction: column;
	min-height: 330px;
	padding: 40px;
	border-radius: 52px;
	background-color: #fff;
}

.our-blog-title {
	font-weight: 700;
	font-size: 20px;
	color: #0b1e46;
}

.our-blog-read-more {
	border-radius: 59px;
	display: inline-block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	width: 100%;
	padding: 12px;
	color: #0b1e46 !important;
	border: 2px solid #0b1e46;
	margin-top: auto;
	transition: all 0.4s ease;
}

.our-blog-read-more:hover {
	background-color: #0b1e46 !important;
	color: #fff !important;
}

.cert-desc {
	background-color: #fff;
	padding: 20px;
	border-radius: 26px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: center;
}

.cert-image,
.cert-image img {
	border-radius: 26px !important;
	width: 100%;
}

.cert-title {
	font-size: 1rem;
	font-weight: 700;
	color: #0b1e46;
	margin: 0;
}

.swiper-slide .cert-content p {
	font-size: 12px !important;
	color: #0b1e46;
	margin-bottom: 0;
}

/* Kontener Swiper */
.swiper-container,
.swiper-container-opinions {
	overflow: hidden;
	padding-right: 0; /* Usuwa margines */
}

/* Wrapper dla slajdów */
.swiper-wrapper {
	display: flex;
}

/* Pasek postępu */
.swiper-pagination-progressbar {
	background: #ddd;
	height: 4px;
}

.swiper-pagination-progressbar-fill {
	background: #0b1e46;
}

/* Strzałki nawigacyjne */
.swiper-button-next,
.swiper-button-prev {
	color: #0b1e46;
}

.opinion-content {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: 52px;
	padding: 24px;
	min-height: 387px !important;
}

.contet-short {
	height: 135px !important;
}

.opinion-author {
	display: flex;
	gap: 13px;
	background-color: #fbfbfb;
	padding: 8px 16px;
}

.opinion-author {
	margin-top: auto;
	position: relative;
	z-index: 2131425142;
}

.acf-opinion-content {
	padding: 24px 0 36px;
}

.acf-photo img,
.acf-photo {
	width: 60px;
	height: 60px !important;
	object-fit: cover;
}

.opinion-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1rem;
	font-weight: 700;
	line-height: 21.14px;
	text-align: left;
	color: #0b1e46;
	margin: 0 !important;
}

.toggle-content {
	color: #636363 !important;
	border: 0 !important;
	padding: 0 !important;
}

.toggle-content:hover,
.toggle-content:focus {
	background-color: transparent !important;
}

.content-full {
	display: none;
}

@media only screen and (min-width: 900px) {
	.swiper-container .swiper-pagination-progressbar.swiper-pagination-horizontal {
		bottom: -40px !important;
	}
}

@media (max-width: 992px) {
	.icon-text-section {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.coaching-item {
		padding-inline: 20px;
	}

	.variations tbody {
		flex-direction: column;
		row-gap: 20px;
	}

	.our-team-image {
		min-width: 100%;
	}

	.ae-acf-wrapper p {
		font-size: 1rem !important;
	}

	.our-team-item,
	.our-blog-wrapper {
		flex-direction: column;
	}

	.lesson-item {
		padding: 20px;
	}

	.lessons-items {
		padding-left: 0px;
	}

	.level-title {
		padding: 12px;
	}

	.polecane h3 {
		font-size: 20px;
	}

	.icon-text-section,
	.faq-section {
		grid-template-columns: 1fr;
	}

	.level-title,
	.toggle-expand {
		flex-direction: column;
		gap: 20px;
	}

	ul {
		padding-left: 10px;
	}

	.faq-items {
		display: flex;
		flex-direction: column;
		max-width: 100%;
	}

	.faq-item {
		display: flex;
		flex-direction: column;
		max-width: 300px;
	}

	.faq-question {
		flex-direction: column;
		max-width: 300px;
	}
}

.elementor-widget-video:not(:has(.elementor-custom-embed-image-overlay)) {
	z-index: 11;
}

.our-blog-excerpt {
	margin-bottom: 32px;
}

.swiper-container__opinions .swiper-slide {
	height: 387px;
}

.opinion-content-wrapper {
	max-height: 120px;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
}

.opinion-content-wrapper.active-op {
	max-height: 1000px; /* Możesz ustawić dużą wartość, aby się w pełni rozwinęło */
}

.video-button {
	border-radius: 52px;
}

.acf-opinion-content .read-more-btn,
.acf-opinion-content .read-more-btn:hover,
.acf-opinion-content .read-more-btn:focus {
	font-family: Nunito Sans;
	font-size: 17.71px !important;
	font-weight: 400 !important;
	line-height: 24.15px !important;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #636363 !important;
	border: none !important;
	padding-left: 0;
	background-color: transparent !important;
}

.ae-bg-gallery {
	padding-right: 100px !important;
}

.opinion-content {
	height: 100%;
}

.video-container {
	height: 100%;
}

.video-thumbnail img {
	height: 100% !important;
	object-fit: cover;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.single-product {
	grid-column: repeat;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.grid-1 {
	grid-column: 1/2;
}

.grid-2 {
	grid-column: 2/3;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	width: 100% !important;
}

@media (max-width: 768px) {
	.grid {
		display: grid;
		grid-template-columns: 1fr;
	}
}