:root {
			--bs-body-font-family: 'Poppins', sans-serif;
		}

		[data-bs-theme="dark"] {
			--xbs-nav-link-color: #95a0bc;
			--bs-primary-rgb: 21, 94, 238;

			--ity-x1-color: #FFFFFF;
			--ity-x2-color: #95A0BC;
			--ity-x3-color: #FFFFFF;

			--ity-search-box-bc: #030a18;
			--ity-offerBox-bc: #030a19;
			--ity-reviewBox-bc: linear-gradient(to left, #030a18 0%, #0a1440 50%, #05112d 100%);
			--ity-support-bc: #06091D;
			--ity-footer-bc: #030512;
		}

		[data-bs-theme="light"] {
			--xbs-nav-link-color: #00000;
			--bs-primary-rgb: 21, 94, 238;

			--ity-x1-color: #000000;
			--ity-x2-color: #000000;
			--ity-x3-color: #FFFFFF;

			--ity-search-box-bc: #FFFFFF;
			--ity-offerBox-bc: #FFFFFF;
			--ity-reviewBox-bc: #FFFFFF;
			--ity-support-bc: #FFFFFF;
			--ity-footer-bc: #FFFFFF;
		}


		body {
			background-repeat: no-repeat;
			background-position: 50% 0%;
			position: relative;
		}

		[data-bs-theme="dark"] body {
			background-color: #06091d;
			background-image: none;
		}

		[data-bs-theme="dark"] body::before {
			content: '';
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(../img/bg-texture.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 0%;
			opacity: 0.50;
			pointer-events: none;
			z-index: -1;
			text-decoration: none;
		}

		[data-bs-theme="light"] body {
			background-color: #ffffff;
			background-image: none;
		}

		[data-bs-theme="light"] body::before {
			content: '';
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(../img/bg-texture.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 0%;
			opacity: 0.50;
			pointer-events: none;
			z-index: -1;
		}

		[data-bs-theme="dark"] #logoDark {
			display: block;
		}

		[data-bs-theme="dark"] #logoLight {
			display: none;
		}

		[data-bs-theme="light"] #logoDark {
			display: none;
		}

		[data-bs-theme="light"] #logoLight {
			display: block;
		}

		.nav-link {
			color: var(--xbs-nav-link-color);
		}

		.ic1 {
			color: var(--ity-x1-color);
		}

		.ic2 {
			color: var(--ity-x2-color);
		}

		.ic3 {
			color: var(--ity-x3-color);
		}

		.access-menu {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		.access-menu>a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #202638;
			border-radius: 30px;
			background: #030a18;
			text-decoration: none;
			transition: all 0.25s ease;
		}

		.access-menu>a:hover {
			background: #101a2d !important;
			border-color: #2e3b59;
			transform: translateY(-1px);
		}

		.access-menu>a:active {
			transform: scale(0.97);
		}

		.access-menu>a.icon-btn {
			width: 36px;
			height: 36px;
			padding: 0;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background: #030a18;
			border: 1px solid #202638;
		}

		.access-menu>a.icon-btn>i {
			display: flex;
			align-items: center;
			justify-content: center;
			background: #155eee;
			color: #ffffff !important;
			width: 24px;
			height: 24px;
			border-radius: 50%;
			font-size: 16px;
		}

		.access-menu>a.text-btn {
			padding: 5px 10px 5px 5px;
			height: 34px;
			display: inline-flex;
			align-items: center;
			gap: 6px;
			text-decoration: none;
		}

		.access-menu>a.text-btn>.icon {
			display: flex;
			align-items: center;
			justify-content: center;
			background: #155eee;
			color: #ffffff;
			border-radius: 50%;
			width: 24px;
			height: 24px;
			font-size: 14px;
		}

		.access-menu>a.text-btn>.label {
			color: var(--xbs-nav-link-color);
			font-size: 16px;
		}

		.ity__header {
			margin-top: 40px;
		}

		.ity__header h1 {
			font-weight: 600;
			font-size: 60px;
			line-height: 1.2;
		}

		.medium {
			font-size: 1.25rem;
			font-weight: 500;
			color: var(--ity-x2-color);
			margin-bottom: 0.5rem;
		}

		.ity__header p {
			color: var(--ity-x2-color);
		}

		.ity__header .btn {
			min-width: 180px;
			max-width: 200px;
			height: 50px;
			border-radius: 30px;
			font-size: 16px;
			border: none;
			padding: 12px 24px;
			transition: 0.2s all;
			justify-content: center;
		}

		@media (max-width: 767.98px) {
			.ity__header .btn {
				max-width: none;
			}
		}

		/* Support button on front-page: slightly wider on desktop */
		@media (min-width: 768px) {
			.ity__header .btn.btn-support {
				min-width: 260px !important;
				max-width: 320px !important;
				justify-content: center;
			}
		}

		.ity__header .btn.btn-primary {
			background: linear-gradient(0deg, rgb(34, 164, 245) 0%, rgb(5, 79, 174) 100%);
			animation: floatUp 2s ease-in-out infinite;
		}

		.ity__header .btn.btn-dark {
			background: rgb(3, 10, 24);
			border-top: 1px solid #101528;
			border-right: 1px solid #101528;
		}

		.ity__header .btn:hover {
			transform: translateY(-5%);
		}

		.ity__search {
			background: var(--ity-search-box-bc);
			box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.3);
			position: relative;
		}

		.ity__search:before {
			background: url(../img/globe.png);
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			pointer-events: none; /* allow clicks through the decorative pseudo-element */
			z-index: 0;
		}

		.ity__search > * {
			position: relative;
			z-index: 1;
		}

		.ity__leftC p {
			font-size: 16px;
			color: var(--ity-x1-color);
		}

		.ity__leftC h4 {
			font-size: 20px;
			color: var(--ity-x2-color);
		}

		.ity__rightC .input-group,
		.ity__rightC .ity__input-styled {
			background: linear-gradient(to right, #071b42 0%, #030a18 100%);
			border-radius: 30px;
			border-bottom: 1px solid #155eee;
			padding: 10px;
		}

		.ity__rightC .btn {
			color: #FFFFFF !important;
			padding: 10px 20px;
		}

		.ity__rightC .btn.btn-primary:hover {
			opacity: 0.8;
		}

		.ity__rightC .btn.btn-secondary {
			background: transparent;
			border: 1px solid #155eee;
		}

		.ity__rightC .btn.btn-secondary:hover {
			background: #155eee;
		}

		.ity__rightC .form-control {
			background: transparent;
			border: 0;
			border-radius: 30px;
			color: var(--ity-x3-color);
		}

		.ity__rightC .form-control::placeholder {
			color: var(--ity-x3-color);
		}

		.ity__rightC .form-control:focus {
			box-shadow: none !important;
			outline: none !important;
			border-color: inherit !important;
		}

		.ity__rightC>.ity__domains>div>.ity__domain {
			color: var(--ity-x2-color);
			margin-bottom: 0;
		}

		.ity__rightC>.ity__domains>div>.ity__price {
			font-weight: bold;
		}

		@media (max-width: 576px) {
			.ity__rightC .input-group {
				gap: 5px;
				/* odstęp między elementami */
			}

			.ity__rightC .input-group .btn {
				width: 100%;
				/* przyciski zajmują całą szerokość */
			}
		}


		.ity__heading {
			position: relative;
			display: inline-block;
			border-radius: 30px;
			padding: 8px 30px;
			color: #fff;
			text-transform: uppercase;
			font-weight: 400 !important;

			background:
				linear-gradient(to right,
					#030a18 0%,
					#0a1440 50%,
					#05112d 100%) padding-box,
				linear-gradient(to right,
					#030a18 0%,
					#0a1440 50%,
					#155eee 100%) border-box;
			border: 1px solid transparent;
		}

		.ity__offerBox {
			background: var(--ity-offerBox-bc);
			border-radius: 30px;
			box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.3);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			position: relative;
		}

		.ity__offerBox>* {
			z-index: 1;
		}

		.ity__offerBox:hover {
			transform: translateY(-5px);
			box-shadow: 0 0 15px rgba(21, 94, 238, 0.4);
		}

		.ity__offerBox:before {
			content: '';
			position: absolute;
			background: url(../img/service.png);
			right: 0;
			top: 0;
			width: 100%;
			background-size: contain;
			height: 100%;
			background-repeat: no-repeat;
		}

		.ity__offerBox .badge-outline {
			border: 1px solid #155eee;
			color: #155eee;
			border-radius: 30px;
			padding: 10px 20px;
			font-size: 0.8rem;
			text-transform: uppercase;
		}

		.ity__offerBox>ul>li {
			position: relative;
			padding-left: 25px;
			margin-bottom: 10px;
		}

		.ity__offerBox>ul>li:before {
			content: '\f00c';
			font-family: 'Font Awesome 6 Free';
			font-weight: 900;
			color: #155eee;
			position: absolute;
			left: 0;
			top: 0;
		}

		.ity__offerBox>.btn-box>.btn {
			background: linear-gradient(0deg, rgb(34, 164, 245) 0%, rgb(5, 79, 174) 100%);
			padding: 15px 25px;
			font-weight: 500;
			transition: 0.2s all;
		}

		.ity__offerBox>.btn-box>.btn:hover {
			transform: scale(1.05);
		}

		.ity__features {
			position: relative;
		}

		.ity__features:before {
			content: '';
			position: absolute;
			background-image: url(../img/features-section.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: cover;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: -1;
		}

		.feature-list li {
			position: relative;
			padding-left: 28px;
		}

		.feature-list li::before {
			content: "\f058";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			color: #155eee;
			position: absolute;
			left: 0;
			top: 3px;
		}

		.feature-img {
			width: 80%;
			height: auto;
			display: block;
		}

		.ity__features .btn.btn-sfera {
			padding: 15px 30px !important;
			font-size: 16px;
		}

		.btn.btn-sfera {
			background: linear-gradient(0deg, rgb(34, 164, 245) 0%, rgb(5, 79, 174) 100%);
			color: #FFFFFF;
			border: 0;
			transition: 0.2s all;
		}

		.btn.btn-sfera:hover {
			transform: scale(1.05);
		}

		.review-box {
			background: var(--ity-reviewBox-bc);
			border-bottom: 1px solid #155eee;
			border-radius: 30px;
		}

		.carousel-item {
			transition: transform 0.8s ease-in-out;
		}

		@media (max-width: 767.98px) {
			.review-box {
				margin-bottom: 1.5rem;
			}
		}

		/* Carousel */
		.carousel-indicators {
			margin-top: 2rem;
			justify-content: center;
			gap: 10px;
		}

		.carousel-indicators [data-bs-target] {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background-color: transparent;
			border: 2px solid #155eee;
			opacity: 1;
			transition: all 0.3s ease;
		}

		.carousel-indicators .active {
			background-color: #155eee;
			border-color: #155eee;
			transform: scale(1.2);
		}

		/* Support */
		.ity__support {
			background-color: var(--ity-support-bc);
			background-image: url(../img/support-section.png);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 0 0;
			position: relative;
		}

		/* Banner */
		.ity__banner {
			position: relative;
		}

		.ity__banner>.container {
			background: linear-gradient(to right, #1e8dd5, #054598);
			border-radius: 30px;
		}

		.ity__banner .btn {
			background: #03132c;
			border-radius: 30px;
			padding: 15px 30px;
			color: #FFFFFF;
			transition: 0.2s all;
		}

		.ity__banner .btn:hover {
			opacity: 0.8;
		}

		/* Footer */
		.ity__footer {
			margin-top: -60px;
			padding-top: 120px;
			background: var(--ity-footer-bc);
		}

		.ity__footer h4 {
			color: var(--ity-x1-color);
		}

		.ity__footer .ity__footerMenu {
			padding-left: 0 !important;
			list-style: none !important;
		}

		.ity__footer .ity__footerMenu a {
			color: var(--ity-x2-color);
			transition: 0.2s all;
		}

		.ity__footer .ity__footerMenu a:hover {
			color: rgba(var(--bs-primary-rgb));
		}

		.ity__footer .btn-social {
			width: 40px;
			height: 40px;
			padding: 0;
			border-radius: 50%;
			border: 2px solid rgba(var(--bs-primary-rgb));
			color: var(--ity-x2-color);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s;
		}

		.ity__footer .btn-social:hover {
			background-color: rgba(var(--bs-primary-rgb));
			color: #FFFFFF;
			text-decoration: none;
		}

		@keyframes floatUp {
			0% {
				transform: translateY(0%);
			}

			50% {
				transform: translateY(-10%);
			}

			100% {
				transform: translateY(0%);
			}
		}

		@media (max-width: 991.98px) {
			.ms-phone-20 {
				margin-left: 20px !important;
			}
		}

		@media (min-width: 992px) {
			.ms-phone-20 {
				margin-left: 0 !important;
			}
		}

		@media (min-width: 992px) {
			.btn-gap-desktop {
				margin-right: 10px !important;
			}
		}

		@media (max-width: 991.98px) {
			.btn-gap-desktop {
				margin-right: 0 !important;
			}
		}

		.navbar-wrapper {
			padding-left: 16px;
			padding-right: 16px;
		}

		.navbar {
			background-color: rgba(6, 9, 29, 0.85) !important;
			backdrop-filter: blur(10px);
			border-radius: 16px;
			padding: 12px 20px !important;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
			border: 1px solid rgba(255, 255, 255, 0.1);
			max-width: 1140px;
			margin-left: auto;
			margin-right: auto;
		}

		/* Custom breakpoint at 1060px */
		@media (max-width: 1059.98px) {
			.navbar-expand-custom .navbar-collapse {
				display: none !important;
			}

			.navbar-expand-custom .navbar-toggler {
				display: block;
			}
		}

		@media (min-width: 1060px) {
			.navbar-expand-custom {
				flex-wrap: nowrap;
				justify-content: flex-start;
			}

			.navbar-expand-custom .navbar-collapse {
				display: flex !important;
				flex-basis: auto;
			}

			.navbar-expand-custom .navbar-toggler {
				display: none;
			}

			.navbar-expand-custom .navbar-nav {
				flex-direction: row;
			}

			.navbar-expand-custom .navbar-nav .nav-link {
				padding-right: 0.5rem;
				padding-left: 0.5rem;
			}

			.navbar-expand-custom .dropdown-menu {
				position: absolute;
				top: 100%;
				left: 0;
				z-index: 1000;
				margin-top: 0.5rem;
			}
		}

		.navbar .dropdown-menu {
			background-color: rgba(6, 9, 29, 0.95);
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 12px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
			backdrop-filter: blur(10px);
		}

		.navbar .dropdown-item {
			color: var(--ity-x2-color);
			transition: all 0.2s ease;
		}

		.navbar .dropdown-item:hover {
			background-color: rgba(21, 94, 238, 0.1);
			color: var(--ity-x1-color);
		}

		[data-bs-theme="light"] .navbar .dropdown-menu {
			background-color: rgba(255, 255, 255, 0.95);
			border: 1px solid rgba(0, 0, 0, 0.1);
		}

		[data-bs-theme="light"] .navbar .dropdown-item {
			color: #000000;
		}

		[data-bs-theme="light"] .navbar .dropdown-item:hover {
			background-color: rgba(21, 94, 238, 0.1);
		}

		[data-bs-theme="light"] .navbar {
			background-color: rgba(255, 255, 255, 0.85) !important;
			backdrop-filter: blur(10px);
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
			border: 1px solid rgba(0, 0, 0, 0.08);
		}

		[data-bs-theme="light"] .navbar .nav-link {
			color: #000000 !important;
		}

		[data-bs-theme="light"] .access-menu>a {
			background: #f5f5f5;
			border-color: #e0e0e0;
		}

		[data-bs-theme="light"] .access-menu>a:hover {
			background: #efefef !important;
			border-color: #d0d0d0;
		}