/* ==============================
page top and page global
============================== */
.page-template-template-poutama #page {
	font-family: "Hind Madurai", Helvetica, Arial, Verdana, sans-serif;
}

.page-template-template-poutama #page #main > .wf-wrap {
	width: 100%;
	padding: 0;
}

.page-template-template-poutama #page .publication-top-title {
	margin: 0 0 0 50px;
	max-width: 580px;
	transform: translateY(0);
}

.page-template-template-poutama #page .publication-top-title span {
	color: #fff;
}

.page-template-template-poutama #page .poutama-top {
	background-image: url(../../../../uploads/2024/06/POUTAMA2-1920x1280-1.jpg),
		linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	background-blend-mode: overlay;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-template-template-poutama #page .poutama-top-title span {
	color: #fff;
}

.page-template-template-poutama #page .poutama-page-wrapper {
	margin-top: var(--l-space);
	margin-bottom: var(--l-space);
}

.page-template-template-poutama #page .poutama-section-title {
	text-align: center;
	max-width: 1300px;
	margin-inline: auto;
	margin-bottom: var(--s-space);
}

.page-template-template-poutama .poutama-page-section {
	margin-top: var(--l-space);
}

.page-template-template-poutama .section-text-content-wrapper {
	display: flex;
	gap: var(--s-space);
}

.page-template-template-poutama .section-text-content-right,
.page-template-template-poutama .section-text-content-left {
	width: 50%;
}

.page-template-template-poutama #intro-section,
.page-template-template-poutama #first-section,
.page-template-template-poutama #second-section,
.page-template-template-poutama #fourth-section,
.page-template-template-poutama #last-section {
	max-width: 1300px;
	margin-inline: auto;
	padding-inline: 50px;
}

.page-template-template-poutama .section-image-wrapper {
	position: relative;
	margin-bottom: var(--s-space);
	width: 100%;
	aspect-ratio: 3/2;
	overflow: hidden;
}

.page-template-template-poutama .section-image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

.page-template-template-poutama #main ul {
	list-style: none;
	list-style-position: inside;
}

.page-template-template-poutama #main ul li {
	margin-bottom: var(--xs-space);
}

.page-template-template-poutama #main ul li::before {
	content: "•";
	font-size: 130%;
	line-height: 0;
	margin: 0 0.3rem 0 -0.25rem;
	position: relative;
	top: 0.08rem;
	color: var(--secondary-color);
}

@media (max-width: 767px) {
	.page-template-template-poutama .section-text-content-wrapper {
		flex-direction: column;
		gap: 0;
		align-items: center;
	}
	.page-template-template-poutama .section-text-content-right,
	.page-template-template-poutama .section-text-content-left {
		width: 100%;
	}
	.page-template-template-poutama #page .poutama-page-section {
		padding-inline: 20px;
	}
	.page-template-template-poutama #page .publication-top-title {
		margin: 0;
	}
}

/* ==============================
Intro section
============================== */

.page-template-template-poutama .tane-image-wrapper .tane-03 {
	transform: scale(1.1);
}

/* ==============================
First section
============================== */

.page-template-template-poutama .yellow-basket {
	transform: translate(35%, -100%) scale(0.5);
}

.page-template-template-poutama .pink-basket {
	transform: translate(-25%, -100%) scale(0.5);
}

.page-template-template-poutama .teal-basket {
	transform: translate(0, -100%) scale(0.5);
}

@keyframes basket-animation {
	0% {
		top: 10px;
	}
	50% {
		top: -10px;
	}
	100% {
		top: 10px;
	}
}

.page-template-template-poutama .basket-animation {
	animation-name: basket-animation;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

/* ==============================
Second section
============================== */
#second-section #poutamaVideo {
	width: 100%;
	height: auto;
	margin-bottom: var(--m-space);
}

/* ==============================
Third section
============================== */
#third-section .section-content-wrapper {
	display: flex;
	gap: 50px;
}

#third-section .section-content-left {
	width: calc(50% - 25px);
	/* padding-right: 50px; */
}

#third-section .section-content-left img {
	width: 100%;
	transform: translateX(-70%);
	opacity: 0;
}

#third-section .section-text-content-right {
	max-width: calc(570px + 50px);
	padding-right: 50px;
}

@media (max-width: 767px) {
	#third-section .section-content-wrapper {
		flex-direction: column;
		gap: var(--s-space);
		align-items: center;
	}
	#third-section .section-content-left,
	#third-section .section-text-content-right {
		padding-right: 0;
		width: 100%;
		max-width: 100%;
	}
}

/* ==============================
Fourth section
============================== */

/* ==============================
Last section
============================== */
#last-section .section-text-content-left .text-wrapper,
#last-section .section-text-content-right .text-wrapper:not(:last-child) {
	margin-bottom: var(--m-space);
}