body {
	margin: 0;
	padding: 0;
	font-family: 'Pragmatica';
}

.container {
	max-width: 1530px;
	// width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

.container-fluid {
	width: calc(100% - 50px);
	padding: 0 25px;
	margin: 0 auto;
}

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

.btn-one {
	padding: 16px 35px;
	background: #006EB8;
	border-radius: 35px;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
	&:hover {
		background: #091154;
	}
}

p {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #101828;
}

a {
	text-decoration: none;
	font-size: inherit;
	color: #000000;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.thumb {
	position: relative;
	img {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	&:before {
		content:'';
		display: block;
		padding-bottom: 75%;
	}
}

.heading-1 {
	font-style: normal;
	font-weight: 600;
	font-size: 72px;
	line-height: 72px;
	letter-spacing: -0.02em;
	color: #101828;
	span {
		color: #F99DAE;
	}
}

.heading-2 {
	font-style: normal;
	font-weight: 600;
	font-size: 64px;
	line-height: 72px;
	letter-spacing: -0.02em;
	color: #101828;
	span {
		color: #F99DAE;
	}
}

.heading-3 {
	font-style: normal;
	font-weight: bold;
	font-size: 45px;
	line-height: 100%;
	color: #4B2D3A;
	span {
		color: #D87756;
	}
}

.heading-4 {
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 100%;
	color: #4B2D3A;
	span {
		color: #D87756;
	}
}

.heading-5 {
	font-style: normal;
	font-weight: bold;
	font-size: 35px;
	line-height: 100%;
	color: #4B2D3A;
	span {
		color: #D87756;
	}
}

.heading-6 {
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 28px;
	color: #101828;
}

@keyframes gradientAnimation {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

header {
	position: sticky;
	left: 0;
	right: 0;
	top: 0;  
	background: #ffffff;
	z-index: 999;
	.container {
		.wrapper {
			display: flex;
			align-items: center;
			padding: 27px 0;
			.logo {
				img {
					width: 204px;
				}
			}
			.mob {
				display: flex;
				align-items: center;
				margin-left: auto;
				.nav {
					margin-left: auto;
					margin-right: 47px;
					ul {
						display: flex;
						align-items: center;
						margin: 0;
						padding: 0;
						li {
							list-style-type: none;
							margin-left: 20px;
							a {
								color: #000000;
								font-size: 20px;
								font-style: normal;
								font-weight: 500;
								line-height: normal;
								transition: 0.3s;
								&:hover {
									color: #006EB8;
								}
							}
						}
					}
				}
				.language {
					ul {
						display: flex;
						align-items: center;
						margin: 0;
						padding: 0;
						li {
							list-style-type: none;
							height: 44px;
							width: 44px;
							display: flex;
							align-items: center;
							justify-content: center;
							margin: 0 2px;
							a {
								font-size: 16px;
								font-style: normal;
								font-weight: 500;
								line-height: normal;
								transition: 0.3s;
								&:hover {
									color: #006EB8;
								}
							}
							&.active {
								background-color: #006EB8;
								border-radius: 5px;
								a {
									color: #ffffff;
								}
							}
						}
					}
				}
			}
			.mob-trigger {
				display: none;
			}
		}
	}
}

#section-about {
	.home-slider {
		display: flex;
		align-items: center;
		.slick-list {
			width: 100%;
		}
		.slide {
			min-height: 100vh;
			display: flex;
			align-items: center;
			background-size: cover;
			background-position: center;
			background-attachment: fixed;
			position: relative;
			.container {
				display: flex;
				flex-direction: column;
				position: relative;
				.title {
					color: #ffffff;
					text-align: center;
					text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
					font-size: 100px;
					font-style: normal;
					font-weight: 700;
					line-height: normal;
					margin: 0;
					margin-bottom: 40px;
				}
				.btn {
					margin: 0 auto;
					padding: 16px 55px;
					svg {
						transition: 0.3s;
						margin-left: 61px;
					}
					&:hover {
						svg {
							transform: rotate(-17.65deg);
						}
					}
				}
			}
			&:before {
				content: '';
				display: block;
				position: absolute;
				height: 100%;
				width: 100%;
				background: rgb(0 0 0 / 25%);
			}
		}
		.slick-arrow {
			position: absolute;
			z-index: 1;
			height: 32px;
			width: 16px;
			background-image: url('../img/icons/arrow.svg');
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			background-color: transparent;
			border: none;
			font-size: 0;
			cursor: pointer;
			&.slick-prev {
				left: 175px;
			}
			&.slick-next {
				right: 175px;
				transform: rotate(180deg);
			}
		}
		.slick-dots {
			display: none!important;
		}
	}
}

#section-services {
	padding: 120px 0;
	background: #006EB8;
	color: #ffffff;
	position: relative;
	.container {
		display: flex;
		.left,
		.right {
			width: 50%;
		}
		.accordion {
			overflow: hidden;
			max-width: 590px;
			margin-bottom: 100px;
			transition: 0.3s;
			.accordion-header {
				cursor: pointer;
				user-select: none;
				position: relative;
				transition: background-color 0.3s ease;
				font-size: 32px;
				font-style: normal;
				font-weight: 400;
				line-height: normal;
				display: flex;
				align-items: center;
				padding-bottom: 5px;
				&:before {
					content: '';
					display: block;
					height: 2px;
					width: 100%;
					background: rgb(9,17,84);
					background: linear-gradient(90deg, rgba(9,17,84,1) 0%, rgba(255,255,255,1) 100%);
					position: absolute;
					bottom: 0;
					transition: 0.3s;
				}
				&:after {
					content: '';
					display: block;
					height: 16px;
					width: 32px;
					background-image: url('../img/icons/arrowdown.svg');
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;
					position: absolute;
					right: 0;
					transition: 0.3s;
				}
			}

			.accordion-content {
				transition: max-height 0.3s ease-out;
				overflow: hidden;
				padding-bottom: 32px;
				p {
					color: #FFF;
					font-size: 22px;
					font-style: normal;
					font-weight: 400;
					line-height: 140%;
					letter-spacing: 0.66px;
				}
				ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
					li {
						color: #ffffff;
						font-size: 22px;
						font-style: normal;
						font-weight: 400;
						line-height: 140%;
						letter-spacing: 0.66px;
						margin: 20px 0;
						&:last-child {
							margin-bottom: 0;
						}
					}
				}
			}
			&.active {
				.accordion-header {
					&:before {
						background: linear-gradient(90deg, #091154 0%, #ffffff 100%);
						background-size: 200% 100%;
						animation: gradientAnimation 6s ease infinite;
					}
					&:after {
						transform: rotate(180deg);
					}
				}
				.accordion-content {
					display: block;
					max-height: 1000px;
				}
			}
			&.active,
			&:last-child {
				margin-bottom: 0;
			}
		}
		.right {
			display: flex;
			align-items: center;
			padding: 230px 0;
			padding-left: 190px;
			.content-editor {
				position: relative;
				z-index: 1;
				max-width: 590px;
				ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
					li {
						color: #ffffff;
						font-size: 22px;
						font-style: normal;
						font-weight: 400;
						line-height: 140%;
						letter-spacing: 0.66px;
						margin: 20px 0;
						&:last-child {
							margin-bottom: 0;
						}
					}
				}
				.btn-one {
					width: fit-content;
					margin-top: 50px;
					padding: 16px 65px;
				}
			}
			.accordion-bg-wrapper {
				position: absolute;
				height: -webkit-fill-available;
				width: 50%;
				top: 120px;
				right: 0;
				bottom: 120px;
				overflow: hidden;
				.accordion-bg {
					height: 100%;
					width: 100%;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					img {
						height: 100%;
						width: 100%;
						object-fit: cover;
						object-position: center;
					}
					&:before {
						content: '';
						display: block;
						position: absolute;
						height: 100%;
						width: 100%;
						background: rgb(0 0 0 / 50%);
					}
				}
			}
		}
	}
}

#section-contacts {
	position: relative;
	padding-bottom: 115px;
	.container {
		.heading {
			font-size: 32px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			margin: 30px 0;
			margin-bottom: 60px;
		}
		.wrapper {
			display: flex;
			.contacts {
				.heading-mob {
					display: none;
				}
				p {
					a {
						transition: 0.3s;
						font-size: 16px;
						font-style: normal;
						font-weight: 700;
						line-height: normal;
					}
					&:hover {
						a {
							color: #006EB8;
						}
					}
					&.phone {
						margin-top: 0;
					}
					&.adress {
						margin: 60px 0;
					}
					&.socials {
						a {
							margin-right: 20px;
						}
					}
				}
			}
			.form {
				width: 100%;
				max-width: 830px;
				margin: 0 auto;
				margin-bottom: 134px;
				padding-bottom: 20px;
				.heading-mob {
					display: none;
				}
				form {
					width: 100%;
					p {
						display: flex;
						justify-content: space-between;
						margin: 0;
						margin-bottom: 30px;
						input,
						textarea {
						    font-family: 'Pragmatica';
							color: #ffffff;
							background: #006EB8;
							border-radius: 10px;
							border: none;
							outline: none;
							padding: 16px 30px;
							font-size: 20px;
							font-style: normal;
							font-weight: 400;
							line-height: 140%;
							letter-spacing: 0.6px;
							&::placeholder {
								color: #ffffff;
							}
						}
						input {
							width: calc(50% - 75px);
							&[type="submit"] {
								width: 100%;
								cursor: pointer;
								transition: 0.3s;
								&:hover {
									background: #091154;
								}
							}
						}
						textarea {
							height: 150px;
							width: 100%;
						}
					}
				}
			}
		}
	}
	&:before,
	&:after {
		content: '';
		display: block;
		border-radius: 150px 0px 0px 0px;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 115px;
	}
	&:before {
		background: #C6C6C6;
		width: 1141px;
	}
	&:after {
		background: #006EB8;
		width: 754px;
	}
}

#response,
#response p {
	margin: 0;
}