:root{
	--white: #FFFCFC;
	--black: #080707;
	--lith-orange: #F6EACD;
	--orange: #FFB13A;
	--blue: #003378;
	--gray: #e5e5e5;
	--light-blue: #6687DA;
	--light-light-blue: #D0E5F2;
	--A1C8D9: #A1C8D9;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
.wp-block-heading {
	padding: 30px 0;
}
.wp-block-list {
	padding-left: 40px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	text-decoration: none;
}

html {
	scroll-behavior: smooth;
	scrollbar-color: var(--blue) transparent;
	scrollbar-width: thin;
}

html::-webkit-scrollbar {
	width: 10px;
	background: transparent;
}

html::-webkit-scrollbar-thumb {
	background: var(--blue);
	border-radius: 5px;
}


.no-scroll {
	overflow: hidden;
}

[class*=__container]{
	margin: 0 auto;
	padding: 64px 207px;
	/* max-width: 1760px; */
	max-width: 2048px;
}

* {
	font-family: "Mulish", sans-serif;
}

.top-bar {
	background: var(--blue);
	padding: 20px 207px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.center {
	position: absolute;
	right: 40%;
  display: flex;
  justify-content: center;
  gap: 40px;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.center a {
	color: var(--white);
}

.search-bar {
	gap: 24px;
	display: flex;
	align-items: center;
	
}
.lang{
	display: flex;
	gap: 10px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	a{
		color: var(--gray);
		transition: all 0.3s ease-in-out;
		text-align: center;
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	a:hover{
		color: var(--light-blue)
	}
	.line{
		background: #FFF;
		width: 1px;
		height: 23px;
	}
	.active{
		
		color: var(--light-blue)
	}
}


@media (max-width: 1500px){
	.center {
		left: 35%;
	}
}

.search-container input[type="text"] {
	max-width: 192px;
	border: none;
	background-color: transparent;
	color: var(--gray);
	border-radius: 50px 0 0 50px;
	outline: none;
	font-size: 18px;
	flex-grow: 1;
	gap: 10px;
}
.search-container input[type="text"]::placeholder {
	color: var(--gray); /* Змінити цей колір на потрібний */
}

.search-container button {
	border: none;
	background-color: var(--blue);
	color: white;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-container button img {
	height: 20px;
	width: 20px;
}

.header {
	display: flex;
	padding: 14px 207px;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
}
.header-title {
	display: flex;
	align-items: center;
	gap: 14px;
	h1{
		color: var(--black);
		text-align: start;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}
	p{
		color: var(--black);
		text-align: start;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-transform: uppercase;
	}
	img{
		width: 80px;
	}
}
.nav {
	ul{
		display: flex;
		flex-direction: row;
		gap: 32px;
	}
	span{
		color: var(--black) !important;
	}
}
.nav-link {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.search-container {
	background-color: var(--blue);
	border-radius: 32px;
	border: 1px solid var(--gray);
	max-width: 400px;
	margin: 0 auto;
	display: flex;
	padding: 10px 16px;
	align-items: center;
	gap: 10px;
}

.hamburger {
	display: block;
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: relative;
}

.bar {
	display: block;
	height: 3px;
	margin: 5px 0;
	border-radius: 50px;
	transition: all 0.3s ease;
	background-color: var(--black);
	margin-left: auto;
}

.hamburger .bar:nth-child(1) {
	width: 30px;
}

.hamburger .bar:nth-child(2) {
	width: 20px;
}

.hamburger .bar:nth-child(3) {
	width: 15px;
}
.hamburger.active .bar:nth-child(2){
	opacity: 0;
}
.hamburger.active .bar:nth-child(1){
	transform: translateY(8px) rotate(45deg);
	width: 30px;
}
.hamburger.active .bar:nth-child(3){
	transform: translateY(-8px) rotate(-45deg);
	width: 30px;
}

.ham-mob{
	display: none;
}
.main__container {
	display: flex;
	height: 800px;
	padding: 64px 207px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	h1 {
		color: var(--white);
		min-height: 180px;
		text-align: center;
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}
	img{
		display: none;
	}
}
.more-btn {
	transition: all 0.3s ease-in-out;
	display: flex;
	width: 260px;
	height: 60px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: var(--black);
	background: var(--white);
	color: var(--black);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid var(--black);

}
.more-btn:hover {
	background: var(--lith-orange);
}

.more-btn:active {
	color: var(--white);
	background: var(--orange);
}



@media (max-width: 1400px) {
	.main__container{
		height: 448px;
		padding: 64px 32px;
		gap: 24px;
		h1{
			font-size: 36px;
		}
	}
}

@media (max-width: 768px) {
	.main__container{
		height: auto;
		background: var(--blue) !important;
		padding: 24px 16px;
		gap: 16px;
		h1{
			min-height: auto;
			font-size: 24px;
			text-align: start;
		}
		img{
			display: block;
			width: 100%;
		}
	}

	.more-btn{
		width: 164px;
		height: 40px;
		font-size: 14px;
		align-self: flex-start;
	}
}

.menu {
	position: fixed;
	visibility: hidden;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #D0E5F2;
	z-index: 1;
	box-sizing: border-box;
	display: inline-flex;
	padding: 40px 40px 64px 64px;
	flex-direction: column;
	gap: 56px;
	transition: all 0.3s ease-in-out;
	overflow-y: auto; 
}

.menu.active {
	visibility: visible;
	left: 0	;
}

.menu-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 100%;
}

.menu-content a {
	text-decoration: none;
}

.menu-content a:hover {
	text-decoration: underline;
}

.menu .close-btn {
	align-self: flex-end;
	cursor: pointer;
	font-size: 30px;
}

.menu-col {
	display: flex;
	gap: 40px;
	flex-direction: column;
	max-width: 370px;
	list-style: none;
	
}
.menu-col-top {
	display: flex;
	gap: 14px;
	flex-direction: column;
	list-style: none;
}
.menu-col .menu-col-top a {
	color: var(--black);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.menu-col a,
.menu-col-bottum a {
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.menu-col-bold-link {
	color: var(--black);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.menu-col-ita-link{
	color: var(--black);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline !important;
}
.menu-col-reg-link {
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.menu-col-title{
	margin-bottom: 6px;
}
.menu-col-bottum {
	display: flex;
	gap: 8px;
	flex-direction: column;
	list-style: none;
}

.template-img-right__container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-start;
}

.template-img-right-content {
	flex: 1 1 50%;
	line-height: 1.8;
	padding: 50px;
}

.template-img-right-content h1 {
	margin-bottom: 20px;
}

.template-img-right-content ol, 
.template-img-right-content ul {
	list-style: inside;
}
.template-img-right-content p {
	padding-bottom: 10px;
}
.template-img-right-image {
	flex: 1 1 35%;
}

.template-img-right-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 3px solid var(--blue);
}

.wp-block-image img {
	border: 3px solid var(--blue);
}

@media (max-width: 1800px) {
	[class*=__container]{
		margin: 0 auto;
		padding: 32px;;
		/* max-width: 1760px; */
		max-width: 2048px;
	}
	.top-bar{
		padding: 20px 32px;
	}
	.header{
		padding: 14px 32px;
	}
	.menu{
		padding: 32px;
	}
	.menu-col {
		max-width: 270px;
	}
	.menu-col-reg-link {
		font-size: 14px;
	}

	.menu-col-bold-link {
		font-size: 14px;
	}
	
}
.mob-cols{
	display: none;
}
@media (max-width: 1400px) {
	.center{
		display: none;
	}
	.nav{
		display: none;
	}
	.top-bar{
		justify-content: flex-end;
	}
	.mob-cols{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 100%;
	}
	.menu-col-bottum{
		max-width: 270px;
	}
	.desk{
		display: none;
	}

}
@media (max-width: 768px) {
	.menu-col-bottum{
		gap: 10px;
	}
	.menu-col-top{
		gap: 10px;
	}
	.mob500{
		display: none;
	}
	.desk{
		display: flex;
	}
	.menu {
			gap: 14px;
			padding: 20px;
	}

	.menu-content {
			flex-wrap: wrap;
			gap: 24px;
			height: auto;
			justify-content: center;
	}

	.menu-col {
		gap: 10px;
			max-width: 100%;
			flex: 0 0 calc(50% - 24px); /* Дві колонки */
	}

	.menu-col-bottum {
			max-width: 100%;
	}

	.menu-col-bold-link, .menu-col-reg-link, .menu-col-ita-link {
			font-size: 12px;
	}
	.hamburger{
		display: none;
	}
	.search-bar{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex: 1 0 0;
		.lang{
			a{
				font-size: 14px;
			}
			
		}
	}
	.search-container{
		margin: 0;
	}
	.search-container input[type="text"] {
		width: 85px;
		gap: 0;
	}
	.ham-mob{
		display: block;
		cursor: pointer;
		width: 30px;
		height: 30px;
		position: relative;
		.bar {
			display: block;
			height: 3px;
			margin: 5px 0;
			border-radius: 50px;
			transition: all 0.3s ease;
			background-color: var(--white);
			margin-left: auto;
		}	
	}

	[class*=__container]{
		padding: 24px 16px;
	}
	.top-bar{
		padding: 16px;
	}
	.header{
		padding: 10px 16px;
	}
	.menu{
		padding: 14px;
	}
	.header-title{
		h1{
			font-size: 19px;
		}
		p{
			font-size: 11px;
		}
	}
}
.title {
	color: var(--black);
	font-size: 20px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
}
.big-title {
	color: var(--black);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.intro__container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	.intro-content {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
	}
	.big-title{
		align-self: flex-end;
		width: 50%;
	}

	
	.btn {
		color: var(--black);
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		display: flex;
		width: 260px;
		height: 60px;
		justify-content: center;
		align-items: center;
		border-radius: 4px;
		border: 1px solid var(--black);
		text-decoration: none !important;
		transition: all 0.4s ease-in-out;
	}

	.btn:hover {
		background: var(--light-light-blue);
	}
	.btn:active {
		background: var(--light-blue);
	}


	.image a{
		width: 50%;
		img{
			width: 100%;
		}
	}

}
.about-text {
	display: flex;
	gap: 24px;
	flex-direction: column;
	width: 40%;
	max-width: 490px;
	p{
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
}
.links{
	display: flex;
	flex-direction: column;
	gap: 8px;
	a{
		color: var(--black);
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-decoration-line: underline;
	}
}
.why__container {
	gap: 32px;
	flex-direction: column;
	display: flex;
}

.why-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.images {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 50%;
}

.images a {
	width: 45%;
}

.images img {
	width: 45%;
	object-fit: cover;
}

.images img.full-width {
	width: 100%;
	max-height: 530px;
	object-fit: cover;
}

@media (max-width: 1400px) {
	.about-text{
		width: auto;
		max-width: none;
	}
	.intro__container {
		display: flex;
		flex-direction: column;
		gap: 24px;
		.intro-content {
			align-items: flex-start;
			gap: 24px;
			flex-direction: column;
		}
		.big-title{
			align-self: flex-start;
			width: auto;
		}
		.image {
			width: 100%;
			img{
				width: 100%;
			}
		}
	}
	.why-content{
		flex-direction: column;
		gap: 24px;
		.images{
			width: 100%;
		}
		.images a{
			height: 400px;
			object-fit: cover;
		}
	}
}

@media (max-width: 768px) {
	.intro__container{
		gap: 14px;
	}
	.why__container{
		gap: 14px;
	}
	.title {
		font-size: 14px;
	}
	.big-title {
		font-size: 20px;
	}
	.about-text {
		gap: 14px;
		p{
			font-size: 12px;
		}
	}
	.intro__container{
		.btn{
			width: 200px;
			height: 40px;
			font-size: 14px;
		}
	}
	.why-content{
		.images {
			a{
				width: 100%;
				height: 354px;
			}
		}
	}
}

.wein-dg__container {
	background: var(--light-light-blue);
	display: flex;
	flex-direction: column;
	align-items: center;
	.title{
		align-self: flex-start;
	}
}
.wein-dg-line {
	width: 159px;
	height: 6px;
	border-radius: 14px;
	background: var(--blue);	
}
.wein-dg-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	padding: 20px;
}
.wein-dg-card {
	flex: 1 1 200px;
	h1{
		color: var(--black);
		font-size: 56px;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 4px;
	}
	h2{
		color: var(--blue);
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-bottom: 24px;
	}
	p{
		color: var(--black);
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		max-width: 335px;
	}
}

@media (max-width: 1200px) {
	.wein-dg-card {
		flex: 1 1 45%; /* Займає приблизно половину ширини контейнера */
		max-width: 45%;
		box-sizing: border-box;
		h2{
			margin-bottom: 14px;
		}
	}
}


@media (max-width: 768px) {
	.wein-dg-card {
		max-width: 100%;
	}
	.wein-dg-cards {
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: center;
		flex: auto;
		gap: 40px;
		p{
			font-size: 12px;
		}
	}
}




.kafedra__container {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.content {
	justify-content: space-between;
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 46px;
}
.left {
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.kafedra-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 362px;
	align-items: flex-start;
	h2{
		color: var(--black);
		font-size: 24px;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
	}
	p{
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	img{
		width: 72px;
	}
}
.right {
	display: flex;
	gap: 64px;
	flex-direction: column;
}

.desk-hide{
	display: none;
}



@media (max-width: 768px) {
	.content{
		flex-direction: column;
		gap: 24px;
	}
	.kafedra-item{
		justify-content: center;
		align-items: center;
		gap: 12px;
		h2{
			text-align: center;
			font-size: 18px;
		}
		p{
			text-align: center;
			font-size: 12px;
		}
	}
	.left{
		gap: 24px;
	}
}


/*about main cards*/
.main-about__container {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.main-slider-controls {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	gap: 14px;
	justify-content: end;
	align-items: center;
	align-self: center;
	img{
		cursor: pointer;
	}
}
.btn-next {
	transform: rotate(180deg);
}
.main-cards {
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.main-card {
	margin-right: 20px;
	display: flex;
	padding: 32px 24px;
	height: 232px;
	justify-content: space-between;
	flex-direction: column;
	border-radius: 14px;
	height: 232px;
	border: 1px solid var(--black);
	background: var(--white);
	h2{
		color: var(--black);
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.top {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		.line{
			width: 150px;
			height: 9px;
			border-radius: 14px;
		}
	}
}
.arow-circle{
	display: flex;
	width: 46px;
	height: 46px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 56px;
	border: 1px solid var(--black);
}

.slick-initialized .slick-slide{
	display: flex;
}

@media (max-width: 1400px) {
	.main-slider-controls {
		margin-top: 8px;
	}
}

@media (max-width: 768px) {
	.main-cards{
		padding: 0 18px;
	}
	.main-card{
		height: 165px;
		margin-right: 0;
		padding: 24px 14px;
		h2{
			font-size: 12px;
		}
		.top {
			.line{
				width: 100px;
				height: 6px;
			}
		}
	}
	.arow-circle{
		width: 38px;
		height: 38px;
	}
	.main-slider-controls{
		display: none;
	}
}

.science__container {
	background-color: var(--orange);
	display: flex;
	flex-direction: column;
	gap: 24px;
	.title {
		color: var(--white);
	}
}



.science-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.science-card {
	position: relative;
	width: calc(50% - 24px); /* Two cards per row with gap */
	margin-bottom: 24px;
	max-width: 743px;
}

.science-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
	z-index: 1;
	border-radius: 8px;
}

.science-card img {
	width: 100%;
	height: 300px;
	display: block;
	border-radius: 8px;
	object-fit: cover;
	position: relative;
	z-index: 0;
}

.overlay {
	position: absolute;
	bottom: 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	color: var(--white);
	padding-left: 24px;
	padding-bottom: 32px;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index: 2;
}

@media (max-width: 1500px) {
	.science-card {
		max-width: none;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.overlay{
		padding: 14px;
		font-size: 12px;
	}
	.science-card{
	
		img{
			height: 164px;
		}
	}
}

.news__container {
	display: flex;
	flex-direction: column;
	background: var(--light-light-blue);
	gap: 24px;
	.more-btn{
		margin-top: 40px;
		align-self: center;
	}
}
.news-cards {
	display: flex;
	flex-direction: row;
	gap: 19px;
}

.news-page-cards{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
}
.news-card {
	display: flex;
	flex-direction: column;
	width: 25%;
	border-top-left-radius: 14px;
  border-top-right-radius: 14px;
	background: #FFF;
	p{
		height: 90px;
		padding: 40px 24px 0 24px;
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.date {
		padding: 0 24px 60px 24px;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		color: var(--black);
		h2{
			font-size: 20px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			text-transform: uppercase;
		}
		h3{
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
		}
	}
	.num {
		font-size: 64px;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		text-transform: uppercase;
	}
	.otter {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.img {
		img{
			object-fit: cover;
			width: 100%;
			height: 200px;
		}
	}
}

.more-link {
	color: var(--black);
	display: flex;
	height: 60px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transition: all 0.4s ease-in-out;
}
.more-link:active{
	border-radius: 4px;
	background: var(--lith-orange);
}

.more-link:hover{
	border-radius: 4px;
	background: var(--orange);
}


@media (max-width: 1600px) {
	.news-cards{
		gap: auto;
		justify-content: space-between;
	}
	.news-card {
		width: 30%;
	}
}
@media (max-width: 1200px) {
	.news-card {
		width: 45%;
	}
}
@media (max-width: 768px) {
	.news-page-cards{
		justify-content: center;
	}
	.news-cards{
		justify-content: center;
	}
	.news__container {
		.more-btn{
			margin-top: 0;
		}
	}
	.news-card {
		width: 90%;
		p{
			padding: 24px 24px 0 24px;
			font-size: 12px;
		}
		.date {
			padding: 0 24px 24px 24px;
			h2{
				font-size: 16px;
			}
			h3{
				font-size: 16px;
			}
		}
		.num {
			font-size: 40px;
		}
		.img {
			img{
				object-fit: cover;
				width: 100%;
				height: 105px;
			}
		}
	}

	.more-link {
		font-size: 14px;
		height: 40px;
	}
	
}

.faq__container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	.more-btn{
		align-self: center;
	}
}
.faq-content{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.accordion {
	display: flex;
	flex-direction: column;
	border-radius: 14px;
	border: 2px solid var(--orange);
	background: var(--white);
	padding: 24px;
	max-width: 1760px;
}
.panel {
	color: var(--black) !important;	
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	a{
		color: var(--black) !important;	
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-decoration-line: underline;
	}
}


.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out;
}



.accordion-btn {
	padding-block: 0;
	padding-inline: 0;
	display: flex;
	align-items:center;
	justify-content: space-between;
	border: none;
	outline: none;
	text-align: left;
	background: var(--white);
	cursor: pointer;
	color: var(--black);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transition: background-color 0.4s linear;
	p{
		width: 80%;
	}
}

.rotate-on-click {
	transition: transform 0.4s ease-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 56px;
	background: var(--orange);
	width: 48px;
	height: 48px;
	img{
		width: 14px;
	}
}

.accordion-btn.is-open .rotate-on-click {
	transform: rotate(90deg);
}

.accordion-btn.is-open{
	background: transparent;
}
@media (max-width: 768px) {
	.accordion {
		padding: 10px;
	}
	.panel {
		font-size: 12px;
	}
	.accordion-btn {
		font-size: 14px;
	}	
	.rotate-on-click{
		padding: 10px;
		width: 32px;
		height: 32px;
	}
}

.feedback__container {
	display: flex;
	flex-direction: row;
	gap: 170px;
	background: var(--A1C8D9);
	align-items: center;
}

.feedback-titile {
	max-width: 234px;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}

.feedback-titile span {
	font-style: italic;
}

.feedback-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	width: 100%;
	max-width: 1200px; /* Максимальна ширина контейнера */
}

.feedback-card {
	display: flex;
	height: 359px;
	padding: 40px 24px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
	border-radius: 14px;
	background: var(--white);
}

.feedback-card p {
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.feedback-user {
	display: flex;
	flex-direction: row;
	gap: 14px;
	align-items: center;
}

.user-img {
	border-radius: 56px;
	background: var(--light-light-blue);
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img img {
	width: 32px;
	height: auto;
}

.feedback-name {
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: var(--black);
}

.feedback-name h1 {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.feedback-name p {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
@media (min-width: 1400px) {
	.feedback-card:nth-child(3n) {
		opacity: 0.5;
	}
}
@media (max-width: 1400px) {
	.feedback__container{
		flex-direction: column;
		gap: 32px;
		align-items: flex-start;
	}
	.feedback-cards {
		column-gap: 24px;
		row-gap: 14px;
			grid-template-columns: repeat(2, 1fr);
	}
	.feedback-card:nth-child(n+5) {
			display: none;
	}
	.feedback-card:nth-child(2n) {
		margin-top: -60px; 
}

}
@media (max-width: 768px) {
	.feedback__container{
		gap: 14px;
	}
	.feedback-titile{
		max-width: fit-content;
		font-size: 20px;
	}
	.feedback-card:nth-child(2n) {
		margin-top: 0; 
}
	.feedback-cards {
			grid-template-columns: 1fr;
	}
	.feedback-card{
		padding: 24px 20px;
		height: 174px;
		p{
			font-size: 12px;
		}
		.feedback-name {
			h1{
				font-size: 14px;
			}
			p{
				font-size: 10px;
			}
		}
	}
	.feedback-card:nth-child(n+4) {
			display: none;
	}
	
}


.contacts__container {
	display: flex;
	flex-direction: column;
	gap: 24px;

}
.contacts-content {
	display: flex;
	flex-direction: row;
	gap: 150px;
	align-items: center;
	.contacts-info {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
	.contacts-info-item {
		color: var(--black);
		display: flex;
		gap: 14px;
		flex-direction: column;
		h1{
			font-size: 24px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}
		p{
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
		}
		a{
			color: var(--black);
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
		}
	}
}


@media (max-width: 1400px) {
	.contacts-content{
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		img{
			width: 100%;
		}
		.contacts-info {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
}
}

@media (max-width: 768px) {
	.contacts__container{
		gap: 14px;
	}
	.contacts-content {
		flex-direction: column;
		gap: 14px;
		align-items: flex-start;
		.contacts-info {
			flex-direction: column;
			gap: 24px;
			.contacts-info-item {
				gap: 10px;
				gap: 14px;
				h1{
					font-size: 14px;
				}
				p{
					font-size: 12px;
				}
				a{
					font-size: 12px;
				}
			}
		}
	}
}


.footer__container {
	background: var(--blue);
	.footer-content{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		img{
			width: 305px;
			height: 305px;
		}
	}
	
}
.footer-list {
	width: 15%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	color: var(--light-light-blue);
	span{
		color: var(--light-light-blue) !important;
	}
}

.follow-us {
	width: 30%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	h1{
		color: var(--light-light-blue);
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
}
.gotos {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	img{
		max-width: 32px;
		max-height: 32px;
	}
}
.bottom-info {
	border-top: 1px solid var(--light-light-blue);
	background: var(--blue);
	display: flex;
	padding: 32px 207px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--light-light-blue);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}




@media (max-width: 1400px) {
.tabled{
	display: none;
}
.desk-hide{
	display: flex;
}
.footer__container {
	gap: 24px;
	display: flex;
	flex-direction: column;
	.footer-content{
		align-items: center;
		justify-content: flex-start;
		gap: 133px;
		img{
			width: 206px;
			height: 206px;
		}
	}
}

.footer-list{
	width: auto;
	display: block;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	column-gap: 40px;
	li{
		margin-bottom: 24px;
	}
}
.follow-us-mob {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	h1{
		color: var(--light-light-blue);
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
}

}

@media (max-width: 768px) {

.footer__container {
	gap: 24px;
	display: flex;
	flex-direction: column;
	.footer-content{
		gap: 56px;
		img{
			width: 124px;
			height: 124px;
		}
	}
}

.footer-list{
	width: auto;
	display: block;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	column-gap: 24px;
	span{
		font-size: 12px !important; 
	}
	li{
		margin-bottom: 16px;
		
	}
}
.follow-us-mob {
	h1{
		font-size: 14px;
	}
	.gotos{	
		gap: 6px;
		img{
			width: 24px;
			height: 24px;
		}
	}
}

.bottom-info {
	padding: 16px;
	font-size: 9px;
}

}

.about-orange__container {
	background-color: var(--lith-orange);
	display: flex;
	justify-content: space-between;
	align-items: center;
		img{
			max-width: 742px;
			height: 400px;
		}
	
}
.about-orange-content {
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	p{
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
}

@media (max-width: 1400px) {
	.about-orange__container {
		flex-direction: column-reverse;
		gap: 24px;
		justify-content: flex-start;
		a{
			width: 100%;
			img{
				object-fit: cover;
				width: 100%;
				max-width: none;
			}
		}
		
	}
	.about-orange-content {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.about-orange__container {
		gap: 14px;
		a{
			img{
				width: 100%;
				max-width: none;
				height: 300px;
			}
		}
		
	}
	.about-orange-content {
		gap: 14px;
		width: 100%;
		p{
			font-size: 12px;
		}
	}
}



.basic-information__container {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.basic-information-rows {
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.basic-information-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	img{
		width: 100%;
		max-width: 742px;
	}
	.information-content {
		width: 40%;
		display: flex;
		flex-direction: column;
		gap: 20px;
		.information-content-item {
			display: flex;
			flex-direction: column;
			gap: 8px;
			align-items: flex-start;
			.information-content-title{
				width: 100%;
				display: flex;
				flex-direction: row;
				gap: 8px;
				h2{
					width: 99%;
					color: var(--orange);
					font-size: 18px;
					font-style: normal;
					font-weight: 1000;
					line-height: normal;
					text-transform: uppercase;
				}
				.circle {
					margin-top: 3px;
					background: var(--orange);
					border-radius: 50%;
					width: 20px;
					height: 20px;
				}
			}
			p{
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}
		
	}
	
}

.information-content-list{
	display: flex;
	flex-direction: column;
	p{
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	ul{
		list-style: inside;
	}
}

.row-rewerse{
	flex-direction: row-reverse !important;
}

@media (max-width: 1400px) {
	.basic-information__container {
		gap: 24px;
	}
	.basic-information-rows {
		gap: 32px;
	}
	.basic-information-row{
		flex-direction: column !important;
		gap: 24px;
		.modal-img{
			width: 100%;
		}
		img{
			width: 100%;
			max-width: none;
			object-fit: cover;
			height: 450px;
		}
		.information-content{
			width: 100%;
		}
	}
}

@media (max-width: 768px) {

	.basic-information__container {
		gap: 14px;
	}
	.basic-information-rows {
		gap: 24px;
	}
	.basic-information-row {
		flex-direction: column;
		gap: 14px;
		img{
			height: 290px;
		}
		.information-content {
			.information-content-item {
				display: flex;
				flex-direction: column;
				gap: 8px;
				align-items: flex-start;
				.information-content-title{
					h2{
						font-size: 14px;
					}
					.circle {
						width: 14px;
						height: 14px;
					}
				}
				p{
					font-size: 12px;
				}
			}
		}
	}
	.information-content-list{
		font-size: 12px;
	}
}

.our-history__container {
	background: var(--light-light-blue);
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.our-history-rows {
	display: flex;
	flex-direction: column;
}
.our-history-row {
	padding: 48px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	background-image: linear-gradient(to right, var(--blue) 33%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-size: 48px 2px;
	background-repeat: repeat-x;
	.modal-img{
		width: 45%;
	}
	img{
		object-fit: cover;
		/*width: 100%;*/
		height: 254px;
	}
}

.our-history-row:last-child {
	background-image: none;
	background-position: initial;
	background-size: initial;
	background-repeat: initial;
}
.history-card {
	width: 330px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.history-line {
	width: 110px;
	height: 6px;
	border-radius: 14px;
	background: var(--blue);
}
.history-year {
	color: var(--black);
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}
.history-text {
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.our-history-row.single-card .history-card {
	width: 45%;
}
@media (max-width: 1400px) {
	.our-history-row.row-rewerse{
		flex-wrap: wrap-reverse !important;
	}
	.history-card {
		width: 45%;
	}
	.our-history-row.single-card .history-card {
		width: 100%;
	}
	.our-history__container {
		gap: 32px;
	}
	.our-history-row {
		.modal-img{
			width: 100%;
		}
	}
}

@media (max-width: 768px) {
	.items-top-left{
		font-size: 10px;
	}
	.history-year {
		font-size: 24px;
	}
	.history-card {
		width: 100%;
	}
	.history-text {
		font-size: 12px;
	}
	.our-history-row {
		.modal-img{
			img{
				height: 290px;
			}
		}
	}
}


.items__container {
	display: flex;
	flex-direction: column;
	gap: 64px;
	color: var(--black);

}
.items-top {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.items-top-left {
	display: inline-flex;
}
.items-top-right {
	display: flex;
	flex-direction: row;
	gap: 24px;
}
.item-bottom {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.items-left {
	gap: 40px;
	width: 45%;
	display: flex;
	flex-direction: column;
	.download-link{
		color: var(--black);
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
	}
}
.items-left-title {
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.items-left-content {
	display: inline-block;
	p{
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		max-width: 99%;
	}
	a{
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-decoration-line: none;
	}
}

.items-right {
	width: 50%;
	img{
		width: 100%;
		object-fit: cover;
	}
}
.mob-download-link{
	display: none;
}

.home-link{
	color: var(--black);
	transition: all 0.4s ease-in-out;
}

.home-link:hover{
	color: var(--blue);
}

@media (max-width: 1300px) {
	
	.items__container{
		gap: 12px;
	}
	.items-top {
		font-size: 12px;
	}
	.items-top-right {
		gap: 12px;
	}
	.item-bottom {
		flex-direction: column;
		gap: 24px;
	}
	.items-left {
		gap: 12px;
		width: 100%;
		.download-link{
			display: none;
		}
	}
	.items-left-title {
		font-size: 24px;
	}
	.items-left-content {	
		font-size: 14px;
		p{
			max-width: 80%;
		}
		a{
			font-size: 14px;
		}
	}
	
	.items-right {
		width: 100%;
		img{
			width: 100%;
			object-fit: cover;
		}
	}
}
.items-left-content {
	display: flex;
	flex-wrap: wrap;
	gap: 10px; /* Adjust the gap as needed */
}

.items-left-content p,
.items-left-content ul,
.items-left-content ol,
.items-left-content table {
	flex: 1 1 100%;
}

.items-left-content figure.wp-block-image {
	flex: 1 1 45%;
	max-height: 450px;
	overflow: hidden;
}

.items-left-content figure.wp-block-image img {
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: cover;
}

.items-left-content figure.wp-block-image + figure.wp-block-image {
	flex: 1 1 45%;
}


@media (max-width: 1300px) {
	.items-left-content figure.wp-block-image + figure.wp-block-image {
		flex: 1 1 100%;
	}
	.items-left-content figure.wp-block-image {
		flex: 1 1 100%;
		max-height: 450px;
		overflow: hidden;
	}
}

@media (max-width: 768px) {
	.items-left-content {
		p{
			font-size: 12px;
			max-width: 99%;
		}
		a{
			font-size: 12px;
		}
	}
	.items-left-content figure.wp-block-image {
		max-height: 290px;
		object-fit: cover;
	}
}

.services-arrow{
	z-index: 10;
	cursor: pointer;
	position: fixed;
	bottom: 11%; 
	right: 5%;
	border-radius: 56px;
	background: var(--white);
	box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.10), -1px -1px 15px 0px rgba(0, 0, 0, 0.15);
	display: none;
	width: 64px;
	height: 64px;
	/* transform: rotate(-90deg); */
	/* padding: 10px; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.kafedraV2__container {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.titile-kafedraV2 {
	color: var(--black);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	align-self: flex-end;
	max-width: 818px;
}
.kafedraV2-cards {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.kafedraV2-card {
	border-radius: 24px;
	margin-right: 20px;
	background: var(--gray);
	width: 330px;
	height: 418px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	display: flex;
	padding: 56px 16px 48px 16px;
	align-items: flex-start;
	align-self: stretch;
}
.kafedraV2-card-img {
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	width: 48px;
	height: 48px;
	border-radius: 56px;
	border: 1px solid var(--black);
}
.kafedraV2-card-titile {
	color: var(--black);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.kafedraV2-card-text {
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

@media (max-width: 768px) {
	.services-arrow{
		bottom: 5%;
	}
}


.news-new__container {
	background: var(--light-light-blue);
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.news-new-cards {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 24px;
}
.news-new-card {
	width: 49%;
	background: var(--white);
	display: flex;
	flex-direction: row;
	.news-new-card-img{
		img{
			width: 361px;
			height: 249px;
			object-fit: cover;
		}
	}
	
}
.news-new-card-content {
	max-width: 333px;
	display: flex;
	padding: 24px;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
	h3{
		color: var(--orange);
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	p{
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	a{
		display: flex;
		align-items: center;
		gap: 14px;
		margin-top: auto;
		color: var(--blue);
		text-align: center;
		font-size: 18px;
		font-style: italic;
		font-weight: 700;
		line-height: normal;
	}
}

.pagination{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 9px;
	.prev{
		display: none;
	}
	.next {
		display: none;
	}
}
.page-numbers{
	display: flex;
	width: 29px;
	height: 24px;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: var(--blue);
	color: var(--white);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

@media (max-width: 1600px) {
	.news-new-card {
		.news-new-card-img{
			img{
				width: 270px;
				height: 249px;
				object-fit: cover;
			}
		}
		
	}
}

@media (max-width: 1300px) {
	.news-new-cards{
		row-gap: 14px;
	}
	.news-new-card {
		width: 100%;
		justify-content: space-between;
		.news-new-card-img{
			img{
				width: 361px;
				object-fit: cover;
			}
		}
		
	}
}

@media (max-width: 768px) {
	.news-new-card {
		flex-direction: column;
		.news-new-card-content {
			padding: 20px 14px;
			h1{
				font-size: 12px;
			}
			p{
				font-size: 12px;
			}
			a{
				font-size: 12px;
			}
		}
		.news-new-card-img{
			img{
				width: 100%;
				height: 124px;
				object-fit: cover;
			}
		}
		
	}
}