.scroll-mobile {
    position: fixed;
    right: 10vw;
    bottom: 10vw;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    display: none; 
}

.scroll-mobile.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (max-width: 1199.98px) {
    .scroll-mobile {
        display: block;
    }
}


.scroll-mobile a {
    display: block;
}

.scroll-mobile a img {
    height: 46px;
    width: auto;
    object-fit: contain;
}

.social-links a {
	color: var(--font-color-1);
	transition: .3s;
}
.social-links a:hover {
	color: var(--color-1);
}

	.social-links a svg path {
		fill: currentcolor;
	}

.home-menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding: 13.5rem 10vw 2rem 10vw;
	background-color: var(--white-1);
	z-index: 100;
}

	.home-menu .logo {
		position: absolute;
		left: calc(10vw - 2rem);
		top: 0rem;
		width: 32rem;
		border-radius: 50%;
		border: 2rem solid var(--white-1);
	}

		.home-menu .logo img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}

	.home-menu .fake-logo {
		width: 32rem;
	}

	.home-menu .links {
		
	}

		.home-menu .link {
			margin: 0 1rem;
			text-transform: uppercase;
			font-weight: 500;
			color: var(--font-color-1);
			font-size: 2rem;
		}
		.home-menu .link.active-link {
			color: var(--color-1);
		}

	.home-menu .box {
		position: relative;
		display: flex;
	}

		.home-menu .box > a {
			margin: 0 .5rem;
		}

			.home-menu .box > a > svg {
				height: 4.6rem;
				width: auto;
				object-fit: contain;
			}

		.home-menu .box .lang {
			position: absolute;
			right: 0;
			bottom: 100%;
			height: 4.6rem;
			width: 4.6rem;
			border-radius: 50%;
			box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .08);
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 2rem;
			font-weight: 700;
			color: var(--font-color-1);
			transition: .3s;
		}
		.home-menu .box .lang:hover {
			color: var(--color-1);
		}

.home-page {
	position: relative;
	padding: 32rem calc(10vw - 4rem) 0 calc(10vw - 4rem);
}

	.home-page .container {
		padding: 2rem 4rem;
	}

		.home-page .container .title-2 {
			
		}

			.home-page .container .title-2 span {
				display: inline-block;
			}

		.home-page .container p {
			margin-top: 3rem;
		}

		.home-page .container .btn {
			margin-top: 4rem;
		}

	.home-page .container-image {
		padding: 2rem 4rem;
		justify-content: center;
	}

		.home-page .container-image img {
			height: auto;
			width: 100%;
			aspect-ratio: 1/1;
			object-fit: cover;
			border-radius: 50%;
		}

.home-normal {
	position: relative;
	padding: 4rem calc(10vw - 4rem) 0 calc(10vw - 4rem);
}

	.home-normal .container-image {
		padding: 2rem 4rem;
		justify-content: center;
	}

		.home-normal .container-image img {
			height: auto;
			width: 100%;
			aspect-ratio: 1/1;
			object-fit: cover;
			border-radius: 50%;
		}

	.home-normal .container {
		padding: 2rem 4rem;
		align-self: center;
	}

		.home-normal .container .text {
			margin-top: 3rem;
		}

		.home-normal .container .btn {
			margin-top: 4rem;
		}

.home-benefits {
	padding: calc(10vh - 4rem) calc(10vw - 4rem) 0 calc(10vw - 4rem);
}

	.home-benefits .container-title {
		padding: 4rem;
	}

	.home-benefits .container {
		padding: 4rem;
		text-align: center;
	}

		.home-benefits .container img {
			margin: 0 auto;
		}

		.home-benefits .container .title-4 {
			margin: 2rem 0 1rem 0;
		}

.home-team {
	position: relative;
	padding: calc(10vh - 2rem) calc(10vw - 4rem) 0 calc(10vw - 4rem);
}

	.home-team .container-image {
		padding: 2rem 4rem;
		justify-content: center;
	}

		.home-team .container-image img {
			height: auto;
			width: 100%;
			aspect-ratio: 1/1;
			object-fit: cover;
			border-radius: 50%;
		}

	.home-team .container {
		padding: 2rem 4rem;
		align-self: center;
	}

		.home-team .container .text {
			margin-top: 3rem;
		}

.home-realizations {
	position: relative;
	padding: calc(10vh - 4rem) calc(10vw - 4rem) 0 calc(10vw - 4rem);
}

	.home-realizations > .title-2 {
		padding: 0 4rem 0 4rem;
	}

	.home-realizations .container {
		padding: 4rem;
		justify-content: center;
	}

		.home-realizations .container .box {
			display: block;
			position: relative;
			border-radius: 50%;
			overflow: hidden;
			transition: .3s;
			transform-origin: center;
			margin: 0 auto;
		}
		.home-realizations .container .box:hover {
			transform: scale(1.05);
		}

		.home-realizations .container img {
			height: auto;
			width: 100%;
			aspect-ratio: 1/1;
			object-fit: cover;
			border-radius: 50%;
		}
		.home-realizations .container img.circle-image {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			z-index: 1;
		}

		.home-realizations .container .title-1 {
			position: absolute;
			left: 20%;
			right: 20%;
			top: 14%;
			z-index: 2;
			text-align: center;
			color: var(--white-1);
		}

.home-contact {
	justify-content: center;
	padding: calc(10vh - 4rem) calc(10vw - 4rem) calc(20vh - 4rem) calc(10vw - 4rem);
}

	.home-contact .container {
	}

		.home-contact .container .box {
			position: relative;
			padding: 0 4rem;
			justify-content: center;
			margin: 0 auto;
		}

			.home-contact .container .box .circle-image {
				height: auto;
				width: 100%;
				aspect-ratio: 1/1;
				object-fit: cover;
				border-radius: 50%;		
			}

			.home-contact .container .box .box-content {
				position: absolute;
				z-index: 1;
				text-align: center;
				left: 20%;
				right: 20%;
				top: 50%;
				transform: translatey(-50%);
			}

				.home-contact .container .box .box-content .title-1 {
					margin-bottom: 3rem;
				}

				.home-contact .container .box .box-content .text {
					margin-top: 3rem;
				}

				.home-contact .container .box .box-content p {
					margin-top: .5rem;
				}

					.home-contact .container .box .box-content p a {
						font-weight: 700;
						font-size: 2rem;
						color: var(--font-color-1);
					}

				.home-contact .container .box .box-content .text-s {
					margin-top: 3rem;
				}

				.home-contact .container .box .box-content .text-s {
					margin-top: 3rem;
					font-weight: 500;
				}

				.home-contact .container .box .box-content .social-links {
					margin-top: 2rem;
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					gap: 2rem;
				}

					.home-contact .container .box .box-content .social-links a svg {
						height: 4.6rem;
					}

		.home-contact .container .box-bottom {
			margin-top: 4rem;
			text-align: center;
		}

			.home-contact .container .box-bottom .text {
				margin-bottom: 1rem;
				color: var(--font-color-1);
			}

@media screen and (max-width: 1400px) {
	.home-contact .title-1, .home-realizations .container .title-1 {
		font-size: 4rem;
	}
}



@media screen and (max-width: 1200px) {
.home-menu {
	position: relative;
	left: unset;
	top: unset;
	padding: 2rem 10vw;
	flex-wrap: wrap;
	align-items: center;
}

	.home-menu .logo {
		position: relative;
		left: unset;
		top: unset;
		width: 28rem;
		border-radius: 50%;
		border: none;
	}

	.home-menu .fake-logo {
		display: none;
	}

	.home-menu .links {
		order: 3;
		width: 100%;
		display: flex;
		margin-top: 5rem;
		flex-wrap: wrap;
	}
	
	.home-page {
		position: relative;
		padding: 2rem calc(10vw - 4rem) 0 calc(10vw - 4rem);
	}
	
	.home-normal.reverse .container-image {
		order: 2;
	}
}

@media screen and (max-width: 992px) {
 .home-contact {
	 padding: calc(10vh - 4rem) calc(10vw - 4rem) calc(50vh - 4rem) calc(10vw - 4rem) !important;
}
}

@media screen and (max-width: 768px) {
	
	.home-benefits .container {
		display: flex;
		align-items: center;
		text-align: left;
	}
	
		.home-benefits .container img {
			margin-right: 2rem;
			margin-left: 0;
			max-width:70px;
		}
	
		.home-benefits .container .title-4 {
			margin-top: 0;
		}
}

@media screen and (max-width: 576px) {
	.home-menu .logo {
		width: 18rem;
	}
	
	.home-menu .box > a > svg, .home-menu .box .lang {
		height: 4rem;
	}
	.home-menu .box .lang {
		margin-bottom: 1rem;
	}
	
	.home-contact .title-1, .home-realizations .container .title-1 {
		font-size: 2.6rem;
	}
	
	.home-contact .container .box .box-content .text-s, .home-contact .container .box .box-content .text {
		margin-top: 1rem;
	}
	
	.home-contact .container .box .box-content .title-1 {
		margin-bottom: 1rem;
	}
	
	.home-contact .container .box .box-content .social-links {
		margin-top: 1rem;
	}
	
	.home-contact .container .box .box-content .social-links {
		gap: .4rem;
	}
	
		.home-contact .container .box .box-content .social-links a svg {
			height: 3.6rem;
		}
	
	.home-normal .title-2 {
		font-size: 3rem;
	}
	
	.home-menu .links .link {
		margin: 0 .5rem;
		font-size: 1.6rem;
	}
	
	.home-normal {
		padding: 1rem calc(10vw - 4rem) 0 calc(10vw - 4rem);
	}
	
	.home-benefits {
		padding: 1rem calc(10vw - 4rem) 0 calc(10vw - 4rem);
	}
	
	.home-benefits .container-title {
		padding-bottom: 1rem;
	}
	
	.home-team {
		padding: 1rem calc(10vw - 4rem) 0 calc(10vw - 4rem);
	}
	
	.home-realizations {
		padding: 3rem calc(10vw - 2rem) 0 calc(10vw - 2rem);
	}
	
	.home-realizations .container {
		padding: 2rem
	}
	
	.home-realizations > .title-2 {
		padding: 0 2rem;
	}

}



@media screen and (max-height: 400px) {

}

/* ===== HD READY - 1280x720 ===== */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
	.home-page .container-image {
		margin-top: -80px;
	}
.home-normal .container {
    padding: 2rem 9rem !important;
    align-self: center;
}

.home-page .container {
	padding: 2rem 4rem !important;}
	
.home-page .container-image {
	padding: 2rem 8rem;}
	
.home-team .container-image {
	padding: 2rem 8rem;}
	
.home-realizations .container {
	padding: 4rem 8rem;}
	
.home-contact .container .box {
	padding: 0 8rem;}

.home-team .container {
	padding: 2rem 7rem;}
}


@media screen and (min-width: 1350px) and (max-width: 1750px) {
	.home-page .container-image {
		margin-top: -80px;
	}}

/* ===== FULL HD - 1920x1080 ===== */
@media screen and (min-width: 1750px) and (max-width: 1920px) {
	.home-page .container-image {
		margin-top: -100px;
	}


.home-page .container {
	padding: 2rem 8rem;
}

.home-normal .container {
    padding: 2rem 14rem;
    align-self: center;
}
	
.home-team .container-image {
	padding: 2rem 8rem;}
	
.home-realizations .container {
	padding: 4rem 8rem;}
	
.home-contact .container .box {
	padding: 0 8rem;}
	.home-team .container {
		padding: 2rem 9rem;}
	.home-page {
    padding: 30rem 20rem 0;
}	
	
	.home-normal {
		padding: 0 20rem 0 20rem;
	}


	.home-team {
    padding: 10rem 20rem 10rem 20rem;
}
	
	.home-realizations {
    padding: 0 20rem 0 20rem;
}	
		.home-benefits {
    padding: 0 20rem 0 20rem;
	}	
	
	h1, .title-1 {
    font-size: 5rem;
}
}

/* ===== WQHD - 2560x1440 ===== */
@media screen and (min-width: 1921px) and (max-width: 2560px) {


	.home-page .container-image {
		margin-top: -160px;
	}

.home-normal .container {
    padding: 2rem 12rem;
    align-self: center;
}
	
.home-team .container-image {
	padding: 2rem 7rem;}
	
.home-realizations .container {
	padding: 4rem 7rem;}
	
.home-contact .container .box {
	padding: 0 7rem;}
	.home-team .container {
		padding: 2rem 10rem;}
	.home-page {
    padding: 30rem 20rem 0;
}	


	
	}


/* Media query dla ekranów od 1920px */
@media (min-width: 1920px) {
    .home-menu {
        justify-content: flex-start; 
        gap: 2rem; 
    }
    
    .home-menu .link {
        margin-right: 2rem; 
    }
    
    .home-menu .box {
        margin-left: auto;
    }
}

/* ===== 4K UHD - 3840x2160 ===== */
@media screen and (min-width: 3200px) {
	.home-page .container-image {
		margin-top: -260px;
	}
	.home-page {
    padding: 39rem 37.5rem 0;
}
	.home-normal {
		padding: 0 37.5rem 0 37.5rem;
	}
	.home-benefits .container img {
		width: 222px;
	}
	.home-benefits .container-title {
		margin-left: -23rem;
	}
	.home-benefits {
    padding: 0 60rem 0 60rem;
	}
	.home-team {
    padding: 0 37.5rem 0 37.5rem;
}
	
	.home-realizations {
    position: relative;
    padding: 10rem 37.5rem 0 37.5rem;
}
	
	.home-normal .container-image {
    padding: 2rem 2rem;

}
	.home-page .container-image {
    padding: 2rem 2rem;

}
	
	.home-realizations .container {
    padding: 7rem;

}
	
	.home-contact .container .box {
		padding: 0 15rem 0 15rem;

}
	.home-team .container {
		padding: 2rem 12rem;}
	
	.home-contact {
		padding: 0 calc(10vw - 4rem) 5rem calc(10vw - 4rem)}}