body{
	background: linear-gradient(211deg, #22023f, #660866);
	font-family: "Fira Sans", sans-serif;
	color: #e8e8e8;
}
#scrollTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 50%;
	background: #e601c8;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
	display: none;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	transition: all 0.3s ease;
	z-index: 9999;
}

#scrollTopBtn:hover {
	background: #ff14e0;
	transform: translateY(-3px);
}

h1{
	font-size: 60px;
	margin-bottom: 50px;
}
h2{
	font-size: 58px;
}
.navbar{
	background: linear-gradient(30deg, rgba(30, 19, 45, .55), rgba(97, 35, 97, .55));
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05);
}
.navbar-brand img{
	width: 110px;
	height: auto;
}
.navbar .social{
	margin-top: 0;
}
.nav-link{
	font-size: 18px;
}
.navbar-expand-lg .navbar-collapse{
	justify-content: center;
}
.navbar-dark .navbar-nav .nav-link{
	color: #fff;
	letter-spacing: 1px;
	font-weight: 600;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color: #e501c7;
}
img{
	max-width: 100%;
}
.first{
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	background-image: url(img/herosection1.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.hero-text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 50px;
	padding-bottom: 100px;
	padding-top: 100px;
}
.btn-light {
	color: #f5d6f4;
	background: linear-gradient(45deg, #6105b6, #fb47fc);
	border-color: #fe8afd;
	font-size: 20px;
	padding: 15px 35px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 20px;
}
.btn-light:hover {
	color: #f5d6f4;
	background: linear-gradient(45deg, #fb39fc, #4d077a);
}
.btn-check:focus+.btn-light, .btn-light:focus {
	color: #f5d6f4;;
}
.hero-text p{
	margin-bottom: 35px;
	background: #bc3dda45;
	padding: 15px;
	border-radius: 15px;
}
.hero-text h2{
	margin-top: 35px;
	font-size: 30px;
}
.pain{
	margin-top: 50px;
	padding: 100px 50px;
}
.pain h2{
	text-align: center;
	margin-bottom: 45px;
}
.pain-solution{
	display: flex;
	justify-content: center;
}
.pain-solution ul li{
	list-style: none;
	font-size: 24px;
}
.pain-business{
	background-image: url("img/pain.webp");
	background-repeat: no-repeat;
	background-size: cover;
}
.solution{
	margin-top: 50px;
	padding: 100px 50px;
	border-radius: 50px;
	background-image: url("img/fon.webp");
	background-repeat: no-repeat;
	background-size: cover;
}
.solution h2{
	text-align: center;
	margin-bottom: 45px;
}
.solution ul li{
	font-size: 24px;
}
.solution .why li{
	list-style: none;
}
.solution-solution{
	display: flex;
	justify-content: center;
}
.center{
	text-align: center;
	margin-top: 25px;
}
.offer-offer{
	font-size: 20px;
	margin-top: 25px;
	color: #e501c7;
}
.second{
	padding: 150px 50px;
}
.second h2{
	margin-bottom: 50px;
	text-align: center;
}
.adv{
	padding: 15px;
}
.advantages{
	border: 1px solid #a81cae;
	background: #26073563;
	border-radius: 25px;
	padding: 25px;
	height: 100%;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.advantages:hover{
	background: #300445;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .3);
}
.advantages .img{
	text-align: center;
}
.advantages img{
	width: 150px;
}
.advantages h3{
	font-size: 26px;
	margin: 15px 0;
}
.advantages p{
	margin-bottom: 0;
	font-size: 18px;
}
.fourth{
	padding: 0 50px 150px 50px;
}
.result li{
	list-style: none;
}
.img-absolut img{
	position: absolute;
	width: 275px;
	right: -50px;
	top: 50%;
}
.offer-head{
	background-image: url("img/bacground.webp");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.third{
	padding: 100px 50px 20px 50px;
	background-image: url("img/solution1.webp");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	border-radius: 50px;
}
.offer{
	background: linear-gradient(45deg, #fb39fc70, #4d077a59);
	padding: 20px;
	border-radius: 20px;
	font-size: 20px;
}
ul li{
	list-style: url("img/easy.webp");
}
.third h2{
	margin-bottom: 75px;
}
.third .btn-light{
	background: #1e0133d4;
	color: #e601c8;
	border: 1px solid #e601c8;
}
.third .btn-light:hover{
	background: #e601c8;
	color: #fff;
}
.send-head img{
	width: 80px;
}
.send-text{
	margin-bottom: 80px;
}
.color{
	color: #e601c8;
	font-weight: bold;
}
.fifth{
	margin: 150px 50px;
}
.advantages span{
	position: absolute;
	padding: 11px 19px;
	border-radius: 50%;
	top: -11px;
	left: -24px;
	font-weight: bold;
	background-image: url(img/nt_e_and-0.webp);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.fifth .advantages{
	padding: 50px;
}
.fifth .adv p{
	font-size: 30px;
}
.img-absolut{
	position: relative;
}
.sixth{
	padding: 0px 50px;
	position: relative;
}

.accordion-item {
	background-color: #ffffff00;
}
.accordion-flush .accordion-item{
	border: 1px solid rgb(168 28 174);
	margin-bottom: 10px;
}
.accordion-button{
	color: #fff;
	background: linear-gradient(326deg, hsl(0deg 48.57% 36.81% / 5%), hsl(0deg 0% 95.43% / 20%));
	box-shadow: 0 0 0 3px rgb(250 250 250 / 15%);
}
.accordion-flush .accordion-item:first-child {
	border-top: 1px solid rgb(168 28 174);
}
.accordion-flush .accordion-item,.accordion-flush .accordion-item .accordion-button {
	border-radius: 16px;
}
.accordion-button:focus {
	border-color: #a71cad;
	box-shadow:none;
}
.accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: #57075d;
}
.accordion-item:last-of-type .accordion-button.collapsed{
	border-radius: 16px;
}
.accordion-flush .accordion-item:last-child{
	border-bottom: 1px solid rgb(168 28 174);
}
.accordion-button::after{
	background-image: url("img/arrow_bottom.webp");
}
.accordion-button:not(.collapsed)::after{
	background-image: url("img/arrow top.webp");
}
.accordion-button{
	font-size: 20px;
}
.img-abs{
	position: relative;
}
.img-abs img{
	position: absolute;
	width: 249px;
	bottom: -378px;
}
footer{
	background: #300445;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	margin-top: 100px;
}
.head-footer{
	font-size: 24px;
	font-weight: 600;
}
.footer{
	padding: 50px 50px 10px 50px;
}
.nav-footer li{
	list-style: none;
	padding-bottom: 7px;
}
.nav-footer{
	padding-left: 0;
}
.nav-footer li a{
	text-decoration: none;
	color: #f1aae8;
}
.nav-footer li a:hover{
	color: #ff00cc;
}
.prava{
	padding: 15px 50px;
	background: #000000;
}
.prava a{
	color: #ff00cc;
}
.prava a:hover{
	color: #e214ef;
}
.prava p{
	margin-bottom: 0;
	font-size: 14px;
}
footer .logo-footer{
	width: 200px;
	height: auto;
}
.social{
	margin-top: 30px;
}
.social img{
	width: 27px;
	height: auto;
	margin-right: 10px;
}
footer input{
	width: 100%;
	padding: 10px 25px;
	border-radius: 20px;
}
.wpcf7-submit{
	background: #1e0133d4;
	color: #e601c8;
	border: 1px solid #e601c8;
	font-size: 20px;
	padding: 15px 35px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 20px;
}
.wpcf7-submit:hover{
	background: #e601c8;
	color: #fff;
}
footer input[type="checkbox"]{
	width: auto;
}
label{
	margin-bottom: 10px;
	width: 100%;
}
/*doc*/
.head-document{
	padding: 100px 150px;
	background-image: url("img/fon-doc.webp");
	background-repeat: no-repeat;
	background-size: cover;
}
.head-document p{
	color: #f1aae8;
}
.head-document p.date{
	color: #e601c8;
}
.content-doc h2{
	font-size: 35px;
}
.content-doc{
	padding: 100px 50px;
}
.content-doc ul li {
	list-style: circle;
}
.item-id{
	color: #e601c8;
	text-transform: uppercase;
	border-bottom: 1px solid #9972ae;
	padding-bottom: 15px;
	margin-bottom: 25px;
	margin-top: 50px;
}
#term{
	margin-top: 0;
}
.toc-item a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	color: #fff;
	border-radius: 20px;
	border: 1px solid #f1aae8;
}

.toc-item.active a,.toc-item a:hover {
	background-color: #b2069b; /* колір активного пункту */
}
@media (max-width: 991px) {
	.navbar-collapse{
		position: absolute;
		right: -165px;
		top: 56px;
		background: #3f134e;
		padding: 20px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.navbar-collapse.show{
		right: 0;
	}
	/* кнопка */
	.navbar-toggler {
		border: none;
		padding: 0;
		box-shadow: none;
	}

	/* контейнер бургеру */
	.burger {
		width: 30px;
		height: 22px;
		position: relative;
		display: block;
	}

	/* полоски */
	.burger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #ff00cc; /* рожевий */
		border-radius: 3px;
		transition: all 0.3s ease;
	}
	.navbar-toggler:focus{
		box-shadow: none;
	}
	/* позиції полосок */
	.burger span:nth-child(1) {
		top: 0;
	}
	.burger span:nth-child(2) {
		top: 9px;
	}
	.burger span:nth-child(3) {
		bottom: 0;
	}

	/* коли меню відкрите → хрестик */
	.navbar-toggler[aria-expanded="true"] .burger span:nth-child(1) {
		transform: rotate(45deg);
		top: 9px;
	}

	.navbar-toggler[aria-expanded="true"] .burger span:nth-child(2) {
		opacity: 0;
	}

	.navbar-toggler[aria-expanded="true"] .burger span:nth-child(3) {
		transform: rotate(-45deg);
		bottom: 9px;
	}
	.pain-business{
		background-position: right;
	}
	.offer-head h2{
		margin-bottom: 50px;
		text-align: center;
	}
	.offer-head{
		background-position: left;
	}
	.offer-head p{
		text-align: center;
		font-size: 20px;
	}
	.fifth .adv p {
		font-size: 24px;
	}
	.img-absolut img {
		top: -400px;
	}
	.head-document{
		padding: 50px;
	}

}
@media (max-width: 768px) {
	.first {
		background-position: left;
	}
	.hero-text{
		padding-right: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	h1 {
		font-size: 43px;
	}
	h2 {
		font-size: 40px;
	}
	.pain{
		padding: 0 50px;
	}
	.solution{
		padding: 50px;
	}
	.second {
		padding: 50px;
	}
	.img-absolut img {
		width: 144px;
	}
	.fourth {
		padding: 0 50px 80px 50px;
	}
	.third {
		padding: 50px 50px 20px 50px;
	}
	.send-text h2{
		font-size: 36px;
		margin-bottom: 50px;
	}
	.send-head{
		margin-top: 8px;
	}
	.send-text {
		margin-bottom: 50px;
	}
	.fifth {
		margin: 80px 50px;
	}
	.sixth .accordion{
		margin-top: 50px;
	}
	.img-abs img {
		width: 189px;
		bottom: -163px;
	}
}
@media (max-width: 576px) {
	.hero-text {
		padding: 50px 20px;
	}
	h1 {
		font-size: 35px;
	}
	.hero-text h2 {
		font-size: 24px;
	}
	h2 {
		font-size: 30px;
	}
	.pain {
		padding: 0 20px;
	}
	.pain-solution ul li {
		font-size: 20px;
	}
	.second {
		padding: 50px 15px;
	}
	.advantages h3 {
		font-size: 24px;
	}
	.advantages p {
		font-size: 16px;
	}
	.fourth {
		padding: 0 20px 80px 20px;
	}
	.solution {
		padding: 50px 20px;
	}
	.third {
		padding: 50px 20px 20px 20px;
	}
	.send-text h2 {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.fifth {
		margin: 80px 20px;
	}
	.fifth .adv p {
		font-size: 20px;
	}
	.sixth {
		padding: 0px 20px;
	}
	.sixth .accordion {
		margin-top: 40px;
	}
	footer{
		margin-top: 80px;
		padding: 50px 20px;
	}
	.offer-head h2 {
		margin-bottom: 30px;
	}
	.fifth .advantages {
		padding: 40px;
	}
	.solution ul li {
		font-size: 20px;
	}
	.img-absolut img {
		right: -20px;
	}
	.navbar .social img {
		width: 18px;
	}
}