/*
Theme Name: NiceWebsite
Author: Tomasz Sękowski
Description: Custom Theme for Filmagine
Version: 1.0
*/

/* Reset */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	font-size: var(--regular-fz);
}

/* Variables */
:root {
	/* Colors */
	--900_PURPLE: #0e0e0f;
	--700_PURPLE: #302a40;
	--background-color: var(--900_PURPLE);
	--300_YELLOW: #ffed75;
	--200_PURPLE: #c0bdc9;
	--1000_BLACK: #000;
	--100_WHITE: #fff;
	--gray: #777;
	--white-opacity: rgba(255, 255, 255, 0.9);
	--black-opacity: rgba(0, 0, 0, 0.5);

	/* Typography */
	--main-ff: 'Cairo', sans-serif;

	/* Font Sizes */
	--h1-fz: 6rem;
	--h2-fz: 4rem;
	--h3-fz: 5rem;
	--h4-fz: 4rem;
	--h5-fz: 3.2rem;

	/* mobile */

	--h1-fz-mobile: 4rem;
	--h2-fz-mobile: 2rem;
	--h3-fz-mobile: 2.5rem;
	--h4-fz-mobile: 2rem;

	--medium-fz-mobile: 1.6rem;
	--large-fz: 2rem;
	--medium-fz: 1.8rem;
	--regular-fz: 1.6rem;
	--small-fz: 1.4rem;
	--xsmall-fz: 1rem;
	--offer-mainsite-fz: 3rem;
	--section-title-fz: 4rem;
	--icon-size: 2rem;

	/* Spacing */
	--xxlarge-margin: 16rem;
	--xlarge-margin: 8rem;
	--medium-margin: 4rem;
	--small-margin: 2rem;
	--xsmall-margin: 1rem;

	--xxlarge-padding: 16rem;
	--xlarge-padding: 12rem;
	--large-padding: 6.4rem;
	--medium-padding: 4rem;
	--regular-padding: 3.2rem;
	--small-padding: 2.4rem;
	--xxsmall-padding: 1.6rem;
	--xsmall-padding: 1rem;
	--padding_8: 8rem;
	--padding_1-2: 1.2rem;

	--xlarge-gap: 12rem;
	--large-gap: 6.4rem;
	--medium-gap: 4rem;
	--small-gap: 2.4rem;
	--xsmall-gap: 1.6rem;

	/* Border & Shadows */
	--regular-br: 10px;
	--yellow-shadow: 2px 2px 10px 1px rgba(255, 204, 0, 1);
	--gray-shadow: 2px 2px 10px 1px rgba(119, 119, 119, 1);

	/* Transitions */
	--transition: 0.3s;

	/* Breakpoints */
	--mobile: 767px;
}

/* #preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--background-color);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.loading {
	text-align: center;
	color: var(--100_WHITE);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: var(--h1-fz);
	opacity: 0.5;
}

.loading span {
	opacity: 0;
	animation: blink 1.5s infinite;
	font-size: var(--h1-fz);
}

.loading .first-dot {
	animation-delay: 0s;
}

.loading .second-dot {
	animation-delay: 0.3s;
}

.loading .third-dot {
	animation-delay: 0.6s;
}

@keyframes blink {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px) {
	#preloader video {
		height: auto;
		width: 100dvh;
		transform: rotate(90deg);
		object-fit: cover;
	}

	.loading {
		font-size: var(--h1-fz-mobile);
		line-height: 1;
	}

	.loading span {
		font-size: var(--h1-fz-mobile);
		line-height: 1;
	}
} */

/* Utility Classes */
.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.items-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.gap-sm {
	gap: var(--small-gap);
}

.gap-md {
	gap: var(--medium-gap);
}

.text-center {
	text-align: center;
}

.text-uppercase {
	text-transform: uppercase;
}

.font-bold {
	font-weight: bold;
}

.transition {
	transition: var(--transition);
}

#wpadminbar {
	display: none;
}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	margin-top: 0 !important;
}

p {
	font-size: var(--regular-fz);
	color: var(--200_PURPLE);
	line-height: 1;
}

a {
	text-decoration: none;
	color: var(--200_PURPLE);
	transition: 0.3s;
}

a:hover {
	color: var(--300_YELLOW);
}

ul {
	list-style: none;
}

b,
strong {
	color: var(--300_YELLOW);
}

button {
	cursor: pointer;
	background-color: var(--300_YELLOW);
	font-family: var(--main-ff);
	padding: var(--small-padding);
	border-radius: var(--regular-br);
	color: var(--100_WHITE);
	transition: 0.3s;
	border: 1px solid var(--300_YELLOW);
	font-size: var(--medium-fz);
	text-transform: uppercase;
	font-weight: bold;
}

/* button:hover {
	border-color: var(--300_YELLOW);
	color: var(--300_YELLOW);
	background-color: transparent;
} */

body {
	background-color: var(--background-color);
	font-family: var(--main-ff);
}

section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.section-title {
	margin: var(--small-margin) 0;
	width: 50%;
	color: var(--200_PURPLE);
	font-size: var(--section-title-fz);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}

.swiper {
	width: auto;
	height: auto;
}

h1 {
	font-size: var(--h1-fz);
	font-weight: 700;
	color: var(--100_WHITE);
	line-height: 1;
}

h2 {
	font-size: var(--h2-fz);
	font-weight: 600;
	color: var(--100_WHITE);
	line-height: 1;
}

h3 {
	font-size: var(--h3-fz);
	font-weight: 300;
	color: var(--300_YELLOW);
	line-height: 1;
}

h4 {
	font-size: var(--h4-fz);
	color: var(--200_PURPLE);
}

h5 {
	font-size: var(--h5-fz);
	color: var(--100_WHITE);
	font-weight: 700;
	line-height: 1;
}

h6 {
	font-size: var(--regular-fz);
	color: var(--200_PURPLE);
	font-weight: 400;
	line-height: 1;
}

.container {
	width: 100%;
	max-width: 1280px; /*66.67dvw;*/
	display: block;
	margin: 0 auto;
}

.none {
	display: none;
}

.block {
	display: block !important;
}

.small {
	display: none !important;
}

@media (max-width: 767px) {
	.small {
		display: block !important;
	}
}

.large {
	display: block !important;
	@media (max-width: 767px) {
		display: none !important;
	}
}

.sticky-contact-bar {
	display: none;
}

.btn {
	position: relative;
	transition: 0.3s;
	top: 0;
	cursor: pointer;
	font-family: var(--main-ff);
	padding: var(--xsmall-padding) var(--small-padding);
	border-radius: var(--regular-br);
	font-size: var(--regular-fz);
	font-weight: 600;
	color: var(--100_WHITE);
	text-align: center;
	line-height: 1;
	display: inline-block;
}

.btn:hover {
	top: -1rem;
}

.btn-yellow {
	background-color: var(--300_YELLOW);
	color: var(--1000_BLACK);
	border: 1px solid transparent;
}

.btn-yellow:hover {
	background: linear-gradient(111deg, #ffed75 -5.35%, #3e00d6 99.46%);
	color: var(--100_WHITE);
	border: 1px solid transparent;
}

.btn-transparent {
	border: 1px solid var(--300_YELLOW);
	color: var(--300_YELLOW);
}

.contact-form-footer {
	padding: var(--xlarge-padding) 0;
}

.stay-in-touch {
	max-width: 58.35dvw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.stay-in-touch-title {
	margin-bottom: var(--xlarge-margin);
}

.contact-form-footer .form-wrapper {
	display: grid;
	grid-template-columns: 240px 400px;
	gap: 20px;
}

.contact-form-footer label {
	color: var(--100_WHITE);
	font-size: 12px;
	margin-bottom: 4px;
}

.contact-form-footer form input {
	height: 48px;
	background: transparent;
	border-radius: var(--regular-br);
	border: 1px solid var(--700_PURPLE);
	max-width: 240px;
	color: var(--100_WHITE);
	font-size: 12px;
	font-family: Cairo;
	padding: 10px;
}

.contact-form-footer textarea {
	width: 400px;
	border-radius: 10px;
	border: 1px solid var(--700_PURPLE);
	background: transparent;
	color: var(--100_WHITE);
	font-size: 12px;
	font-family: Cairo;
	padding: 10px;
}

.contact-form-footer .checkbox-send-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.2rem;
}

.contact-form-footer .checkbox-send-wrapper p:nth-child(1) .wpcf7-list-item {
	margin-left: 0;
}

.contact-form-footer .checkbox-send-wrapper p:nth-child(1) .wpcf7-list-item label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.contact-form-footer .checkbox-send-wrapper p:nth-child(1) .wpcf7-list-item label input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.contact-form-footer .checkbox-send-wrapper p:nth-child(2) input[type='checkbox'] {
	appearance: none;
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	cursor: pointer;
	position: relative;
	border-radius: 2px;
	border: 1px solid var(--200_PURPLE, #c0bdc9);
	padding: 0;
}

.contact-form-footer .checkbox-send-wrapper .wpcf7-list-item-label {
	color: var(--100_WHITE);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	padding-left: 0.8rem;
}

.contact-form-footer .checkbox-send-wrapper .wpcf7-list-item-label a {
	color: var(--100_WHITE);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
}

.contact-form-footer .wpcf7-form-control.wpcf7-submit.has-spinner {
	display: flex;
	padding: 10px 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	border-radius: 10px;
	background: var(--300_YELLOW, #ffed75);
	color: var(--1000_BLACK, #000);
	font-family: Cairo;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.304px;
}

.contact-form-footer .checkbox-send-wrapper .wpcf7-spinner {
	display: none;
}

.feel-free-to-call {
	padding: var(--small-padding);
}

.feel-free-to-call-tittle {
	color: var(--100_WHITE);
	font-size: 2.6rem;
	font-weight: 600;
	margin-bottom: 2.4rem;
}

.feel-free-to-call-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}

.feel-free-to-call-item {
	display: flex;
	align-items: center;
	gap: 3.2rem;
}

.feel-free-to-call-contact {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.feel-free-to-call-name {
	color: var(--100_WHITE);
	font-size: 2rem;
	line-height: 1;
}

.feel-free-to-call-phone,
.feel-free-to-call-mail {
	color: var(--300_YELLOW);
	font-weight: 600;
	line-height: 1;
}

/* header */

header {
	position: fixed;
	top: 6.4rem;
	z-index: 10;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	margin: var(--xsmall-margin) auto;
	padding: var(--xsmall-padding) var(--small-padding);
	border-radius: var(--regular-br);
	background-color: var(--900_PURPLE);
}

header a,
header i {
	color: var(--100_WHITE);
	border-bottom: 1px solid transparent;
	font-weight: 300;
	font-size: var(--regular-fz);
}

header a span {
	font-size: var(--small-fz);
}

header a:hover,
header a:hover i {
	color: var(--300_YELLOW);
	border-bottom: 1px solid var(--300_YELLOW);
}

header a:hover i {
	border-bottom: 1px solid transparent;
}

.header-wrapper .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--xlarge-gap);
}

.header-wrapper .container .header-logo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-logo-img {
	border-bottom: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-logo-img:hover {
	border-bottom: none;
}

.header-wrapper .container .header-logo img {
	max-width: 12rem;
	height: auto;
}

.header-topbar-nav-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--medium-gap);
}

.topbar {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--medium-gap);
}

.topbar-contact-wrapper,
.topbar-sm-wrapper {
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: var(--xsmall-gap);
}

.topbar-sm-wrapper .write-to-us {
	margin-right: var(--medium-margin);
	color: var(--300_YELLOW);
	border: 1px solid var(--300_YELLOW);
	border-radius: var(--regular-br);
	padding: var(--xsmall-padding) var(--small-padding);
	white-space: nowrap;
	line-height: 1;
}

.topbar-sm {
	display: flex;
	justify-content: center;
	align-items: center;
}

.topbar-sm i::before {
	font-size: 2.5rem;
}

#menu-menu-header-desktop {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--small-gap);
}

#menu-menu-header-desktop .menu-item {
	padding: var(--xsmall-padding);
	transition: 0.3s;
	background: transparent;
	border-radius: var(--regular-br);
	border: 1px solid transparent;
	white-space: nowrap;
}

#menu-menu-header-desktop #menu-item-10552 {
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid var(--300_YELLOW);
	border-radius: var(--regular-br);
	padding: var(--xsmall-padding);
	transition: 0.3s;
}

#menu-menu-header-desktop .menu-item-has-children {
	position: relative;
	border-bottom-right-radius: 0;
}

#menu-menu-header-desktop .menu-item-has-children::after {
	content: '\f107';
	font-family: 'Line Awesome Free';
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: var(--100_WHITE);
}

#menu-menu-header-desktop .menu-item-has-children .sub-menu {
	height: 0;
	width: 12dvw;
	overflow: hidden;
	transition: 0.3s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(0%, 10%);
	border-radius: var(--regular-br);
	border-top-left-radius: 0;
}

#menu-menu-header-desktop .menu-item-has-children .sub-menu .menu-item {
	border-bottom: 1px solid var(--100_WHITE);
	border-radius: 0;
}

#menu-menu-header-desktop .menu-item-has-children .sub-menu .menu-item:last-of-type {
	border-bottom: 0;
}

#menu-menu-header-desktop .menu-item-has-children:hover .sub-menu {
	height: auto;
	background-color: var(--300_YELLOW);
}

/* hero */

.hero {
	border-bottom: 1px solid var(--700_PURPLE, #302a40);
	background: radial-gradient(
			48.58% 41.95% at 56.81% 51.1%,
			rgba(255, 237, 117, 0.1) 17.31%,
			rgba(14, 14, 15, 0.1) 100%
		),
		linear-gradient(320deg, #0e0e0f 52.88%, #9d73ff 177.71%);
	min-height: 77dvh;
	padding-top: var(--xlarge-padding);
}

.hero .hero-text-image {
	width: 100%;
	padding-bottom: var(--xlarge-padding);
	padding-top: var(--xlarge-padding);
	border-bottom: 1px solid var(--700_PURPLE);
}

.hero .hero-wrapper {
	display: grid;
	grid-template-columns: 1fr 600px;
	justify-content: center;
	align-items: center;
	gap: var(--medium-gap);
}

.hero .hero-wrapper .hero-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--small-gap);
}

.hero .hero-wrapper .hero-title {
	color: var(--100_WHITE);
	font-size: var(--h1-fz);
	font-weight: 700;
	line-height: 1;
}

.hero .hero-wrapper .hero-lead {
	font-size: var(--medium-fz);
	line-height: 1.3;
}

.hero .hero-wrapper .button-wrapper {
	display: flex;
	justify-content: flex-start;
	gap: var(--xsmall-gap);
	align-items: center;
	width: 100%;
}

.hero .hero-wrapper .hero-text .counters {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.hero .hero-wrapper .hero-text .counters h4 {
	color: var(--300_YELLOW);
}

.hero .hero-wrapper video {
	height: auto;
	margin: 0 auto;
	border-radius: var(--regular-br);
	box-shadow: var(--yellow-shadow);
	width: 100%;
}

.hero .one-place {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: var(--large-padding) 0;
	border-bottom: 1px solid var(--700_PURPLE);
}

.home .site-title {
	display: none;
}

.main-stie-ttitle {
	display: none;
}

.home .main-stie-ttitle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.main-stie-title {
	color: var(--100_WHITE);
	text-align: center;
}

.cta-header {
	font-family: var(--main-ff);
	border-radius: var(--regular-br);
	border: 2px solid var(--100_WHITE);
	color: var(--100_WHITE);
	background-color: var(--300_YELLOW);
	transition: 0.3s;
	font-weight: bold;
	padding: var(--xsmall-padding);
	text-transform: uppercase;
	font-size: var(--medium-fz);
	margin-top: var(--small-margin);
}
.cta-header:hover {
	background-color: transparent;
	border-color: var(--100_WHITE);
}

.main-stie-title h1 {
	text-transform: uppercase;
}

/* footer */

footer {
	background: radial-gradient(
			35.45% 31.88% at 28.89% 86.82%,
			rgba(255, 237, 117, 0.1) 17.31%,
			rgba(14, 14, 15, 0.1) 100%
		),
		linear-gradient(160deg, #0e0e0f 65.18%, #9d73ff 168.1%);
	padding: 0 400px;
}

footer .footer-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	padding: 120px 0 32px 0;
}

footer .footer-wrapper .logo-lead a .custom-logo {
	width: 150px;
	height: 100px;
	aspect-ratio: 3/2;
}

footer .footer-copyrights {
	padding: 24px 0;
}

footer .footer-copyrights .container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2.4rem;
}

.menu-footer-warpper {
	display: flex;
	gap: 8rem;
}

.menu-title {
	margin-bottom: 4rem;
}

.menu-title,
.footer-menu a,
.contact-footer a {
	color: var(--100_WHITE);
	font-weight: 600;
	line-height: 100%;
}

.footer-menu li,
.contact-footer a {
	padding-bottom: 1.2rem;
	line-height: 1;
}

.footer-menu li:last-of-type,
.contact-footer a:last-of-type {
	margin-bottom: 0;
}

.contact-footer {
	display: flex;
	flex-direction: column;
}

.contact-footer a span {
	line-height: 1;
}

/* oferty strona główa */
.oferty-home {
	position: relative;
	padding: var(--xxlarge-padding) 0;
	background: linear-gradient(133deg, #0e0e0f 61.06%, #a68be4 362.69%);
}

.oferty-home .imagine-offers {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.oferty-home .imagine-offers .white-hash {
	color: var(--100_WHITE);
}

.oferty-home .imagine-offers .yellow-h1 {
	color: var(--300_YELLOW);
}

.oferty-home .oferty-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content: center;
	align-items: center;
	height: auto;
	gap: var(--xsmall-gap);
}

.oferty-home .oferty-grid .oferta-item {
	height: auto;
	position: relative;
	cursor: pointer;
	border-radius: var(--regular-br);
	overflow: hidden;
	padding: var(--regular-padding);
	border: 1px solid var(--700_PURPLE);
}

.oferty-home .oferty-grid .oferta-item a {
	display: block;
	position: relative;
	height: 44dvh;
}

.oferty-home .oferty-grid .oferta-item .offer-title-mainsite {
	margin-bottom: var(--xsmall-margin);
}

.oferty-home .oferty-grid .oferta-item .offer-desc-mainsite {
	line-height: 1.2;
}

.arrow-icon {
	position: absolute;
	top: 95%;
	left: 94%;
	transform: translate(-50%, -50%);
	background-color: var(--700_PURPLE);
	padding: var(--xxsmall-padding);
	border-radius: var(--regular-br);
}

.oferta-item .arrow-icon {
	top: unset;
	left: unset;
	bottom: -3rem;
	right: -3rem;
}

.oferty-home .oferty-grid .oferta-item:hover:nth-of-type(1) {
	background: linear-gradient(19deg, rgba(62, 0, 214, 0.6) -73.03%, rgba(255, 237, 117, 0.6) 70.93%),
		linear-gradient(134deg, rgba(255, 240, 138, 0.8) 36.51%, rgba(62, 0, 214, 0.8) 94.94%);
}

.oferty-home .oferty-grid .oferta-item:hover:nth-of-type(2) {
	background: linear-gradient(15deg, rgba(62, 0, 214, 0.6) -9.15%, rgba(255, 237, 117, 0.6) 121.03%),
		linear-gradient(177deg, rgba(255, 240, 138, 0.8) 46.23%, rgba(62, 0, 214, 0.8) 93.39%);
}

.oferty-home .oferty-grid .oferta-item:hover:nth-of-type(3) {
	background: linear-gradient(239deg, rgba(62, 0, 214, 0.6) -35.98%, rgba(255, 237, 117, 0.6) 74.54%),
		linear-gradient(134deg, rgba(255, 240, 138, 0.8) 36.51%, rgba(62, 0, 214, 0.8) 94.94%);
}

.oferty-home .oferty-grid .oferta-item:hover:nth-of-type(4) {
	background: linear-gradient(351deg, rgba(62, 0, 214, 0.6) -8.38%, rgba(255, 237, 117, 0.6) 50.13%),
		linear-gradient(130deg, rgba(255, 240, 138, 0.8) 22.98%, rgba(62, 0, 214, 0.8) 80.28%);
}

.oferty-home .oferty-grid .oferta-item:hover .offer-title-mainsite {
	color: var(--900_PURPLE);
}

.oferty-home .oferty-grid .oferta-item:hover .offer-desc-mainsite {
	color: var(--700_PURPLE);
}

.oferty-home .oferty-grid .oferta-item:hover .arrow-icon {
	background-color: var(--900_PURPLE);
}

/* good content */

.good-content {
	padding: var(--padding_8) var(--xxlarge-padding);
	border-top: 1px solid var(--700_PURPLE);
	border-bottom: 1px solid var(--700_PURPLE);
}

.good-content .container {
	margin: var(--xlarge-margin) var(--xxlarge-margin);
	max-width: 54dvw;
}

.good-content-tags-wrapper {
	display: flex;
	justify-content: flex-start;
	gap: var(--xsmall-gap);
	padding-bottom: var(--padding_8);
}

.good-content-tag {
	padding: var(--padding_1-2) var(--small-padding);
	border-radius: var(--regular-br);
	border: 1px solid var(--200_PURPLE);
}

.good-content-wrapper {
	display: grid;
	gap: var(--medium-gap);
	grid-template-columns: 23dvw auto;
	align-items: center;
}

.good-content-title {
	padding-bottom: var(--small-padding);
}

.good-content-text {
	font-size: var(--medium-fz);
	line-height: 1.2;
	padding-bottom: var(--medium-padding);
}

/* end good content */
.text-img {
	padding: var(--medium-padding) 0;
	border-top: 1px solid var(--700_PURPLE);
	border-bottom: 1px solid var(--700_PURPLE);
}

.text-img .text p {
	font-size: 2.8rem;
	line-height: 1.2;
	margin-bottom: var(--medium-margin);
}

.text-img .text p span {
	font-size: 2.8rem;
	color: var(--300_YELLOW);
	line-height: 1.2;
}

.showreel {
	height: auto;
	padding: 8rem 1.6rem;
}

.showreel .vimeo-wrapper {
	padding: 0 !important;
	border-radius: 29px;
	overflow: hidden;
	cursor: pointer;
}

.vimeo-wrapper {
	border-radius: 29px;
	overflow: hidden;
	cursor: pointer;
	padding: 0 !important;
	position: relative;
}

.type-of-movie-wrapper {
	position: absolute;
	bottom: 0.5rem;
	left: 15.8rem;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: var(--small-gap);
}

.type-of-movie-title {
	color: var(--100_WHITE);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}

.type-of-movie-desc {
	color: var(--100_WHITE);
	font-weight: 400;
	line-height: 1.2;
}

.showreel .vimeo-wrapper .arrow-icon {
	bottom: -0.6rem;
	right: -0.4rem;
	top: unset;
	left: unset;
}

.showreel .vimeo-wrapper:hover .arrow-icon {
	background-color: var(--900_PURPLE);
}

.showreel iframe {
	display: block;
	margin: 0 auto;
}

.text-module-mainsite.container {
	min-height: unset;
	margin: var(--medium-margin) auto;
}

.text-module-mainsite.container .text-module-container-wrapper {
	height: 40dvh;
	display: grid;
	justify-content: space-evenly;
	grid-template-columns: 1fr 1fr;
	gap: var(--small-gap);
	margin: var(--small-margin) 0;
}

.text-module-mainsite.container .text-module-wrapper {
	box-shadow: var(--gray-shadow);
	border-radius: var(--regular-br);
	padding: var(--small-padding);
}

.text-module-mainsite.container .text-module-wrapper .section-title {
	border-bottom: 0;
	text-transform: uppercase;
	color: var(--300_YELLOW);
	text-align: center;
	width: 100%;
}

.text-module-mainsite.container .text-module-wrapper .mainsite-desc strong {
	color: var(--300_YELLOW);
}

/* .portfolio-home .portfolio-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: center;
	align-items: center;
	gap: var(--small-gap);
}

.portfolio-home .portfolio-grid .portfolio-item {
	border-radius: var(--regular-br);
	overflow: hidden;
}

.portfolio-home .portfolio-grid .portfolio-item img {
	width: 100%;
} */

.portfolio {
	padding: 64px 400px;
}
.portfolio-grid {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto auto;
	gap: var(--xsmall-gap);
}

.portfolio-item {
	line-height: 1;
}

.portfolio-item img {
	border-radius: 20px;
}

.portfolio-item.first-item {
	grid-column: 1/4;
	grid-row: 1/2;
}

.portfolio-item.second-item {
	grid-column: 1/2;
	grid-row: 2/3;
}

.portfolio-item.second-item .type-of-movie-wrapper {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	left: 9.6rem;
	bottom: -2rem;
}

.portfolio-item.third-item {
	grid-column: 2/4;
	grid-row: 2/3;
}

.portfolio-item.fourth-item {
	grid-column: 1/4;
	grid-row: 3/4;
}
.portfolio-item.fifth-item {
	display: none;
}
.portfolio-item.sixth-item {
	display: none;
}

.portfolio-grid .arrow-icon {
	bottom: -0.6rem;
	right: -0.4rem;
	top: unset;
	left: unset;
}

.social-proof {
	padding: var(--padding_8);
	border-top: 1px solid var(--700_PURPLE);
	border-bottom: 1px solid var(--700_PURPLE);

	background: linear-gradient(238deg, #0e0e0f 62.83%, #a68be4 283.96%);
}

.social-proof-grid {
	max-width: 46.87dvw;
	display: block;
	margin: 0 auto;
}

.social-proof-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--xlarge-margin);
}

.social-proof-item {
	width: auto;
}

/* .social-proof-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	color: var(--300_YELLOW);
	background-color: var(--white-opacity);
	border-radius: var(--regular-br);
	transition: 0.3s;
	opacity: 0;
}

.social-proof-overlay span {
	font-size: 3rem;
	font-weight: bold;
}

.social-proof .social-proof-item img {
	max-width: 100%;
}

.swiper-social-proof:hover .social-proof-overlay {
	opacity: 1;
} */

/* mobile */

@media (max-width: 767px) {
	/* global */
	.container {
		max-width: 92dvw !important;
		width: 100% !important;
	}

	img {
		max-width: 100%;
	}

	h1 {
		font-size: var(--h1-fz-mobile);
	}

	h2 {
		font-size: var(--h2-fz-mobile);
	}

	/* end global */

	/* header  */

	header {
		top: 1.6rem;
		width: 100%;
		max-width: 91.8dvw;
		margin: 0;
	}

	.header-wrapper .container {
		flex-direction: column;
		gap: 0;
		align-items: flex-start;
	}

	.menu-icons-wrapper img {
		cursor: pointer;
	}

	header nav {
		height: 0;
		overflow: hidden;
		transition: 0.3s;
	}

	.menu-opened {
		height: auto;
	}

	.header-wrapper .container .header-logo {
		width: 100%;
		justify-content: space-between;
	}

	.topbar-sm-wrapper {
		display: none !important;
	}

	.header-wrapper .container nav .topbar-sm-wrapper {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		gap: 4rem;
	}

	.topbar-sm-icon-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.8rem;
	}

	.header-wrapper .container nav .menu {
		margin: 8rem 0;
	}

	.feel-free-to-call-img {
		max-width: unset;
	}
}
@media (max-width: 1320px) {
	/* end header  */

	/* hero */

	.hero {
		padding-top: 14.4rem;
	}

	.hero .hero-text-image {
		padding-bottom: 6.4rem;
		padding-top: 0;
	}

	.hero .hero-wrapper {
		grid-template-columns: 1fr;
		gap: 7.7rem;
	}

	.hero-img img {
		display: block;
		margin: 0 auto;
	}

	.hero .hero-wrapper .hero-title {
		font-size: var(--h1-fz-mobile);
	}

	.hero .hero-wrapper .button-wrapper {
		margin-top: 1.6rem;
	}

	.hero .one-place {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		padding: var(--large-padding) 0.8rem;
	}
	.hero-img iframe {
		margin: 0 auto;
		min-width: 358px;
		aspect-ratio: 16/9;
		height: auto;
		width: 100%;
	}

	/* end hero  */

	/* offers home */

	.oferty-home {
		padding: 6.4rem 0;
	}

	.oferty-home .oferty-grid {
		padding: 0 1.6rem;
		max-width: unset;
		overflow: scroll;
		align-items: unset;
		justify-content: unset;
		scrollbar-width: thin;
		padding-bottom: 2.4rem;
		margin: 0;
		padding: 0;
	}

	.oferty-home .oferty-grid .oferta-item {
		min-width: 30.8rem;
		padding: 3.2rem;
		min-height: 46.2rem;
	}

	/* end offers home */

	/* good content */

	.good-content {
		padding: 6.4rem 1.6rem;
	}

	.good-content .container {
		max-width: unset;
		padding: 1.6rem;
		margin: unset;
	}

	.good-content-tags-wrapper {
		flex-wrap: wrap;
		padding-bottom: 4rem;
	}

	.good-content-wrapper {
		grid-template-columns: 1fr;
	}

	/* end good content */

	/* showrell */

	.showreel {
		height: auto;
		padding: 6.4rem 1.6rem;
	}

	.showreel .vimeo-wrapper {
		width: 100%;
	}

	.showreel iframe {
		margin: 0 auto;
		min-width: 358px;
		aspect-ratio: 16/9;
		height: auto;
		width: 100%;
	}

	.type-of-movie-wrapper {
		flex-direction: column;
		left: 9.5rem;
		align-items: first baseline;
		bottom: -0.9rem;
	}

	/* end showreel */

	/* text img */

	.text-img {
		padding: 6.4rem 1.6rem;
	}

	.text-img .text p {
		font-size: 1.8rem;
		margin-bottom: 3rem;
	}

	.text-img .text p span {
		font-size: 1.8rem;
	}

	.portfolio {
		padding: 6.4rem 1.6rem;
	}

	.portfolio-grid {
		display: flex;
		flex-direction: column;
		gap: 1.6rem;
	}

	.portfolio-item iframe {
		margin: 0 auto;
		min-width: 358px;
		height: auto;
		width: 100%;
	}

	.portfolio-item.first-item iframe,
	.portfolio-item.fourth-item iframe {
		aspect-ratio: 16/9;
	}

	.portfolio-item.second-item iframe {
		aspect-ratio: 9/16;
	}

	.portfolio-item.third-item iframe {
		aspect-ratio: 1;
	}

	/* end text img */

	/* social proof */

	.social-proof {
		padding: 4rem 1.6rem;
	}

	.social-proof-mobile-row {
		display: flex;
		justify-content: center;
		gap: 4rem;
		margin-bottom: 4rem;
	}

	.social-proof-mobile-row:last-of-type {
		margin-bottom: 0;
	}

	/* end social proof */

	/* footer */

	footer {
		padding: 6.4rem 1.6rem 2.4rem 1.6rem;
	}

	.stay-in-touch-title {
		font-size: 3rem;
		margin-bottom: 4rem;
	}

	.contact-form-footer .form-wrapper {
		grid-template-columns: 1fr;
	}

	.contact-form-footer textarea {
		width: 92.4dvw;
	}

	.contact-form-footer .checkbox-send-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.stay-in-touch {
		max-width: unset;
		flex-direction: column;
		align-items: flex-start;
		gap: 4rem;
	}

	footer .footer-wrapper {
		flex-direction: column;
		padding-top: 8rem;
	}

	footer .footer-copyrights .container {
		flex-direction: column;
	}

	.contact-form-footer {
		padding-top: 0;
		padding-bottom: 6.4rem;
	}

	.contact-form-footer .checkbox-send-wrapper {
		margin-bottom: 4rem;
	}

	.feel-free-to-call {
		padding: 1.6rem;
	}
	.logo-lead {
		padding-bottom: 8rem;
	}
}

@media (min-width: 768px) and (max-width: 1440px) {
	.container {
		max-width: 1280px; /*88.89dvw;*/
	}

	.good-content .container {
		max-width: unset;
		padding: 4rem;
		margin: 0;
	}

	.oferty-home .oferty-grid .oferta-item {
		width: 21.39dvw;
	}
	.good-content-wrapper {
		grid-template-columns: 30.56dvw auto;
		gap: 6.4rem;
	}

	.portfolio {
		padding: 6.4rem 16rem;
	}
	.social-proof-grid {
		max-width: 62.5dvw;
	}
	footer {
		padding: 12rem 16rem 0 16rem;
	}
	.contact-form-footer {
		padding-top: 0;
	}
	.stay-in-touch {
		max-width: unset;
	}
}

/* single offers */

.single-oferty .hero {
	padding-top: 25rem;
}

/* end single offers */

/* video marketing offer */

.postid-10559 .text-img-second {
	display: none;
}

/* end video marketing offer */

/* studio offer */

.postid-10563 .text-img {
	display: none;
}

/* end studio offer */

/* animation offer */

.postid-10564 .text-img-first {
	display: none;
}

/* end animation offer */

/* event offer */

.postid-1056 .text-img-second {
	display: none;
}

/* end event offer */

@media (max-width: 767px) {
	.single-oferty .hero {
		padding-top: 15rem;
	}
}

@media (min-width: 768px) and (max-width: 1320px) {
	.container {
		max-width: 88.89dvw;
	}
	#menu-menu-header-desktop .menu-item {
		padding: var(--xsmall-padding) 0;
	}

	header a {
		font-size: 1.2rem;
	}
	.hero {
		padding-top: 20rem;
	}
	.header-wrapper .container {
		gap: var(--xsmall-gap);
	}
	#menu-menu-header-desktop {
		gap: var(--xsmall-gap);
	}
	.topbar-sm-wrapper .write-to-us {
		margin-right: var(--xsmall-margin);
	}
	.hero-img img {
		display: block;
		margin: 0 auto;
	}
	.contact-form-footer textarea {
		width: auto;
	}
	.showreel {
		padding: 6.4rem;
	}
	.good-content-wrapper {
		grid-template-columns: 1fr;
	}
	.social-proof-grid.large {
		display: none !important;
	}
	.social-proof-mobile-grid.small {
		display: block !important;
	}

	.good-content-img img {
		display: block;
		margin: 0 auto;
	}
}

/* hot fixes */

.contact-form-footer {
	padding-bottom: 0;
}
footer .footer-wrapper {
	padding-top: 6.4rem;
}

.hero-img .vimeo-wrapper {
	padding: 0 !important;
	border-radius: 29px;
	overflow: hidden;
	cursor: pointer;
}

.hero-img iframe {
	display: block;
	margin: 0 auto;
}

.hero-img .vimeo-wrapper .arrow-icon {
	bottom: -0.6rem;
	right: -0.4rem;
	top: unset;
	left: unset;
}

.privacy-policy-wrapper {
	padding-top: 20rem;
}

.privacy-policy-section h4 {
	text-align: center;
	color: var(--300_YELLOW);
}

.privacy-policy-section ol {
	list-style-position: inside;
	margin: 15px 0;
}

.privacy-policy-section li {
	font-size: var(--regular-fz);
	color: var(--200_PURPLE);
	line-height: 1;
}