:root {
	--primary-color: #384457;
	--white-color: #fff;
	--gray-color: #717A85;
	--playfair-display: "Playfair Display", serif;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@font-face {
	font-family: 'SF Pro Display';
	src: url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
		url('fonts/SFProDisplay-Regular.woff') format('woff'),
		url('fonts/SFProDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SF Pro Display';
	src: url('fonts/SFProDisplay-Medium.woff2') format('woff2'),
		url('fonts/SFProDisplay-Medium.woff') format('woff'),
		url('fonts/SFProDisplay-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SF Pro Display';
	src: url('fonts/SFProDisplay-Bold.woff2') format('woff2'),
		url('fonts/SFProDisplay-Bold.woff') format('woff'),
		url('fonts/SFProDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


* {
	font-family: 'SF Pro Display';
}

.landing-page {
	height: 100vh;
	position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

.landing-page-container {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.landing-header {
	height: 95px;
	background-color: #384457;
	padding: 24px 86px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.landing-header-social-list {
	display: flex;
	align-items: center;
	column-gap: 8px;
}

.landing-header-social-list a {
	display: flex;
}

.landing-header-social-list li svg {
	width: 24px;
	height: 24px;
}

.landing-images {
	height: calc(100% - 95px);
	display: flex;

}

.landing-header-logo {
	width: 139px;
}

.landing-header-logo img {
	width: 100%;
}

.landing-image {
	height: 100%;
	width: calc(100% / 3);
	transition: .3s ease;
	position: relative;
}

.landing-images:has(.landing-image.active) .landing-image:not(.active) {
	width: 30%;
}

.landing-images:has(.landing-image.active) .landing-image:not(.active) .landing-image-overlay {
	background: rgba(0, 0, 0, 0.6);
}

.landing-image.active {
	width: 40%;
}

.landing-image>img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.landing-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s ease;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 40px;
	padding-bottom: 91px;
}

.landing-image-1 .landing-image-overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) -7.16%, rgba(5, 44, 107, 0.63) 100%);
}

.landing-image-2 .landing-image-overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) -37.77%, rgba(213, 94, 0, 0.496) 100%);
}

.landing-image-3 .landing-image-overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) -6.53%, #007B00 110.85%);
}

.overlay-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	z-index: 2;
}

.logo-industry {
	width: 237px;
}

.logo-academy {
	width: 233px;
}

.logo-badam {
	width: 292px;
}

.landing-overlay-content-text {

	/* font-family: 'SF Pro Display'; */
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 32px;
	transform: translateY(85px);
	transition: .3s ease;
}

.landing-overlay-content-button {
	font-size: 16px;
	padding: 16px 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	border: 1px solid #FFFFFF;
	border-radius: 57px;
	color: #fff;
	column-gap: 8px;
	opacity: 0;
	transition: .3s ease;
	transform: translateY(85px) translateX(100px);
}


.landing-image.active .landing-overlay-content-button {
	opacity: 1;
	transform: translateY(0) translateX(0);
}

.landing-image.active .landing-overlay-content-text {
	transform: translateY(0);
}

.landing-header-right {
	display: flex;
	align-items: center;
	column-gap: 27px;
}

.language-dropdown {
	position: relative;
}

.language-dropdown-selected {
	display: flex;
	align-items: center;
	height: 24px;
	background-color: transparent;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;

	cursor: pointer;
}

.language-dropdown-selected span {
	display: flex;
}

.language-dropdown-selected svg {
	width: 24px;
	height: 24px;
	transition: .3s ease;

}

.language-dropdown-list {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	top: 46px;
	width: 100%;
	padding: 16px;

	display: flex;
	z-index: 5;
	flex-direction: column;
	row-gap: 16px;
	transition: .3s ease;
	transform: translateY(10px);
	pointer-events: none;
	opacity: 0;
}

.language-dropdown-list.active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.language-dropdown-list a {
	color: #000;
}

.language-dropdown-selected.active svg {
	transform: rotate(180deg);
}

/* Footer Styles */
.footer {
	background-color: #fff;
	padding-top: 56px;
	color: var(--primary-color);
}

.footer-container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	/* margin-bottom: 40px; */
}

.footer-top {
	display: flex;
	column-gap: 120px;
	/* align-items: center; */
	justify-content: space-between;
}

.footer-logo-section {
	display: flex;
	flex-direction: column;
	gap: 50px;
	max-width: 321px;
}

.footer-logo img {
	max-width: 200px;
	height: auto;
}

.footer-contact {
	display: flex;
	flex-direction: column;
}

.footer-contact p {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}

.footer-contact a {
	margin: 0 0 10px 0;
	width: fit-content;
	transition: .3s ease;
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}

.footer-contact a:hover{
	color: rgba(56, 68, 87,.8);
}



.footer-navigation {
	display: flex;
	column-gap: 78px;
	/* gap: 40px; */
	/* width: calc(100% - 262px); */
}

.footer-nav-column a {
    display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 16px;
	color: var(--primary-color);
}

.footer-social .landing-header-social-list li svg path {
	fill: var(--gray-color);
	transition: .3s ease;
}
.footer-social .landing-header-social-list li a:hover svg path {
	fill: var(--primary-color);
}
.footer-social .language-dropdown * {
	color: var(--gray-color);
}

.footer-nav-column ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.footer-nav-column ul li {
	/* margin-bottom: 8px; */
}

.footer-nav-column ul li a {
	color: var(--primary-color);
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	transition: color 0.3s ease;
	position: relative;
}

.footer-nav-column ul li a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transform: scale(0);
	background-color: var(--primary-color);
	transition: .3s ease;
}

.footer-nav-column ul li a:hover {
	color: rgba(0, 0, 0, 0.8);
}

.footer-nav-column ul li a:hover:after{
	transform: scale(1);
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* margin-bottom: 30px; */
	padding: 16px 0;
	border-top: 1px solid var(--primary-color);
}

.copyright-text {
	font-size: 14px;
	line-height: 20px;
	color: var(--primary-color);
}

.footer-social {
	display: flex;
	gap: 15px;
    margin-top: 20px;
}

.social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #f5f5f5;
	border-radius: 50%;
	color: #666;
	text-decoration: none;
	transition: all 0.3s ease;
}

.social-link:hover {
	background-color: #333;
	color: #fff;
	transform: translateY(-2px);
}

.footer-language .language-dropdown {
	position: relative;
}

.footer-language .language-dropdown-selected {
	background: none;
	border: 1px solid #ddd;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #333;
	transition: all 0.3s ease;
}

/* .footer-language .language-dropdown-selected:hover {
    border-color: #333;
} */
.footer-social .language-dropdown-selected svg path {
	fill: var(--primary-color);
}

.footer-social .language-dropdown-list {
	top: unset;
	bottom: 30px;
	padding: 10px;
	row-gap: 6px;
}

.footer-social .language-dropdown-list a {
	color: var(--white-color);
}

.footer-container .language-dropdown-list {
	background-color: var(--primary-color);
}


.footer-copyright {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.footer-copyright hr {
	border: none;
	height: 1px;
	background-color: #eee;
	margin: 0 0 15px 0;
}

.footer-copyright p {
	margin: 0;
	font-size: 14px;
	color: #666;
	text-align: center;
}


/* Responsive Design */


.language-dropdown-list {
	position: absolute;
	top: 100%;
	left: 0;
}

/* Mobile Drawer */
.mobile-menu-trigger {
	display: none;
	width: 25px;
	height: 25px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.mobile-menu-trigger span {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--white-color);
}

.mobile-drawer {
	position: fixed;
	inset: 0;
	z-index: 2000;
	pointer-events: none;
}

.mobile-drawer-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity .25s ease;
}

.mobile-drawer-panel {
	position: absolute;
	top: 0;
	right: 0;
	width: 88%;
	max-width: 360px;
	height: 100%;
	background: var(--primary-color);
	transform: translateX(100%);
	transition: transform .3s ease;
	display: flex;
	flex-direction: column;
}

.mobile-drawer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
}

.mobile-drawer-header .logo img {
	height: 28px;
}

.drawer-close {
	width: 40px;
	height: 40px;
	background: transparent;
	border: 0;
	position: relative;
	cursor: pointer;
}

.drawer-close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 2px;
	background: var(--white-color);
}

.drawer-close span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

.drawer-close span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-drawer-content {
	padding: 8px 16px 24px;
	overflow: auto;
}
.mobile-drawer-content .drawer-menu li a {
    margin: 13px 0;
}

.mobile-drawer .drawer-top-links {
    margin-top: 24px;
}

.mobile-drawer .drawer-top-links ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mobile-drawer .drawer-top-links a {
	color: var(--white-color);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.mobile-drawer .drawer-top-links svg path {
	fill: var(--white-color);
}

.drawer-menu ul {
	list-style: none;
	padding: 0;
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.drawer-menu a {
	color: var(--white-color);
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
}

.mobile-drawer.is-open {
	pointer-events: auto;
}

.mobile-drawer.is-open .mobile-drawer-overlay {
	opacity: 1;
}

.mobile-drawer.is-open .mobile-drawer-panel {
	transform: translateX(0);
}

body.drawer-open {
	overflow: hidden;
}

/* Show trigger and hide desktop nav on small screens */
@media (max-width: 992px) {
	.mobile-menu-trigger {
		display: flex;
		flex-direction: column;
		gap: 5px;
		transform: translateY(-3px);
	}

	.mobile-menu-trigger span {
		width: 22px;
		height: 2px;
		background: var(--white-color);
	}

	.main-menu {
		display: none;
	}
}

.container {
	width: 100%;
	max-width: 1302px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}

.header-container {
	display: flex;
	position: relative;
	flex-direction: column;
}

.header {
	background-color: var(--primary-color);
}

.header-sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9;
}

.header-transparent {
	background-color: rgba(56, 68, 87, 0.5);
	transition: .3s ease;
}

.header-transparent.active {
	background-color: var(--primary-color);
}

.header-top {
	display: flex;
	justify-content: flex-end;
}

.header_top_links {
	display: flex;
	align-items: center;
	column-gap: 32px;
}

.header_top_links ul {
	display: flex;
	align-items: center;
	column-gap: 32px;
}

.header_top_links ul li {
	display: flex;
	/* column-gap: 8px; */
}

.header_top_links>ul li a {
	font-size: 14\6px;
	color: var(--white-color);
	display: flex;
	align-items: center;
	column-gap: 2px;
}


.header-top {
	padding-top: 12px;
	padding-bottom: 12px;
	min-height: 48px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.header-top .language-dropdown .language-dropdown-list {
	background-color: #fff;
	padding: 8px;
	row-gap: 10px;
}

.language-dropdown-list a {
	color: var(--primary-color);
}

.header-top .language-dropdown-selected svg {
	width: 16px;
	height: 16px;
}

.header-top .language-dropdown-selected {
	font-size: 16px;
	font-weight: 400;
}

.header-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 26px;
	padding-bottom: 26px;
	min-height: 96px;
}

.header-bottom .logo {
	width: 129px;
}

.header-bottom .logo img {
	width: 100%;
}

.main-menu-and-search {
	display: flex;
	align-items: center;
	column-gap: 32px;
}

.main-menu {
	display: flex;
	align-items: center;
	column-gap: 48px;
}

.main-menu ul {
	display: flex;
	align-items: center;
	column-gap: 48px;
}
.main-menu ul li{
	position: relative;
}

.main-menu ul li:has(a.active):after{

	content: '';
	position: absolute;
	bottom: -38px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--white-color);
}
.drawer-menu a{
	position: relative;
}
.drawer-menu a.active:after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--white-color);
}

.main-menu ul li>a {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--white-color);
	transition: text-shadow 0.3s ease;
}

.main-menu ul li>a:hover {
	text-shadow: 0px 0px 12.8px rgba(255, 255, 255, 0.66);
}

.header-search-trigger {
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.header-search-trigger svg {
	width: 24px;
	height: 24px;
}

img {
	max-width: 100%;
}

.slider-section img {
	width: 100%;
}

/* Swiper slider */
.slider-section {
	position: relative;
}

.slider-container {
	position: relative;
}

.slider-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Pagination bullets with progress */
.slider-pagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 32px !important;
	display: flex;
    justify-content: center;
	gap: 10px;
}

.slider-section .swiper-pagination-bullet {
	width: 203px;
	height: 6px;
	background: #B1BFD1;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	opacity: 1;
}
.slider-section .swiper{
	height: 100vh;
}

.slider-section .swiper-pagination-bullet .progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0%;
	background: #fff;
}

.slider-section .swiper-slide{
	position: relative;
}

.swiper-pagination-bullet-active .progress-bar {
	width: 100%;
	transition: width 5s linear;
}

.main-slider-content-box{
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	padding: 40px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-slider-content-box-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	row-gap: 20px;
	max-width: 562px;
	margin-left: auto;
	transform: translateY(72px);
	margin-right: auto;
}

.main-slider-content-box-inner h2 {
	transform: translateY(10px);
	transition: 1.2s cubic-bezier(.39,.575,.565,1);
	transition-delay: .3s;
	opacity: 0;
	font-weight: 500;
	font-family: var(--playfair-display);
	/* transition: .8s ease; */
	transform: translateY();
	color: var(--white-color);
	font-size: 56px;
	line-height: 80px;
	letter-spacing: -0.02em;
}


.main-slider-content-box-inner p {
	transform: translateY(10px);
	transition: 1.2s cubic-bezier(.39,.575,.565,1);
	transition-delay: .8s;
	opacity: 0;
	font-weight: 400;
	font-family: var(--playfair-display);
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.02em;
	font-style: italic;
	color: var(--white-color);
}
.slider-section .swiper-slide-active .main-slider-content-box-inner h2,
.slider-section .swiper-slide-active .main-slider-content-box-inner p{
	transform: translateY(0) scale(1);
	opacity: 1;
}
.info-with-numbers{
	padding: 64px 0;background-color: #EDF0F5;
}
.section-stack{
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.section-title{
	display: flex;
	justify-content: center;
	text-align: center;
}

.section-title h2{
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	color: var(--primary-color);
}

.section-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 32px;
}

.section-text-content{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: var(--primary-color);
}
.count-boxes{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.count-box{
	width: calc((100% - 72px) / 4);
	padding: 24px;
	border-radius: 16px;
	background-color: var(--white-color);
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.count-box-heading{
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	color: var(--primary-color);
}

.count-box-heading img{
	width: 40px;
	height: 40px;
	margin-right: 12px;
}

.count-box-content{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}
.count-text{
	margin-left: 6px;
}
.count-number{
	min-width: 40px;
}

.production-section{
	padding: 56px 0;
	background-color: #F3F5F8;
}
.production-tab-links{
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 40px;
	border-bottom: 1px solid #AAB6C9;
	margin-top: 16px;
}
.production-tab-link{
	background-color: transparent;
	color: #8E949D;
	font-size: 20px;
	line-height: 28px;
	cursor: pointer;
	padding: 18px 10px;
	transition: .3s ease;
	border-bottom: 2px solid transparent;
}
.production-tab-link:hover{
	color: var(--primary-color);
}
.production-tab-link.active{
	border-bottom: 2px solid var(--primary-color);
	color: var(--primary-color);
}
.production-tab-content{
	display: none;
}
.production-tab-content.active{
	display: block;
}

.production-cards{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* максимум 4 */
    gap: 24px;
}
.production-card{
	height: 400px;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

.production-card img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
}
.production-tab-contents{
	margin-top: 40px;
}

.production-card:hover img{
	transform: scale(1.25);
}
.production-card-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #1D283B 0%, rgba(29, 40, 59, 0) 50%);
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	padding:20px 24px;
}

.production-tab-contents{
	display: block
}
.production-card-overlay h3{
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: var(--white-color);
}

.products-section{
	padding: 64px 0;
	background-color: #EDF0F5;
}
.products-section-tablinks{
	margin-top: 24px;
	display: block;
}

.products-section.has-animation .products-section-tablinks{
	opacity: 0;
	transition: 1.2s cubic-bezier(.39, .575, .565, 1);
	transform: translateY(5px);
	transition-delay: 0.4s;
}

.products-section.has-animation.active .products-section-tablinks{
	opacity: 1;
	transform: translateY(0);
}
.products-section-tablinks .swiper-slide{
	width: fit-content !important;
}

.products-section-tablinks .swiper-slide:first-child{
	margin-left: calc((100% - 1272px) / 2);
}

.products-section-tablinks .swiper-slide:last-child{
	/* margin-right: calc((100% - 1272px) / 2); */
	margin-right: 30px;
}
.products-section-products-list .swiper-slide:first-child{
	margin-left: calc((100% - 1272px) / 2);
}
.products-section-products-list .swiper-slide:last-child{
	margin-right: 30px;
}

.product-tablink{
	padding: 8px 16px;
	background: #fff;
	color: var(--primary-color);
	font-size: 14px;
	height: 40px;
	transition: .3s ease;
	border-radius: 56px;
	cursor: pointer;
    display: flex;
    align-items: center;
}
.product-tablink:hover{
	background: rgba(56, 68, 87, 0.3);
	color: #fff;
}

.product-tablink.active{
	background: var(--primary-color);
	color: #fff;
}
.products-section-products-list{
	margin: 24px 0;
}

.products-list-swiper{
	padding-bottom: 32px !important;
}
.products-list-swiper + .section-controllers{
	margin-top: 0;
}
.product-card{
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 4px;
	padding: 32px 10px;
	padding-bottom: 18px;
	border-radius: 16px;
	background-color: #fff;
	transition: .3s ease;
	min-height: 376px;
}
.product-card:hover{
	box-shadow: 0px 15px 18px rgba(56, 68, 87, 0.2);
}
.product-card-title{
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: var(--primary-color);
	z-index: 1;
}

.product-card img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: .5s ease;
}

.product-card:hover img{
	transform: scale(1.05) translateY(-3px);
}
.product-card-buttons{
	display: flex;
	flex-direction: column;
	row-gap: 2px;
	align-items: center;
}

.product-card-order{
	display: flex;
	align-items: center;
	padding: 12px 25px;
	height: 48px;
	border-radius: 56px;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	font-size: 14px;
	line-height: 20px;
	background-color: transparent;
	cursor: pointer;
	column-gap: 8px;
	transition: .3s ease;

}
.product-card-order:hover {
    background-color: #E6E6E5;
}
.product-card-more-info{
	display: flex;
	align-items: center;
	column-gap: 1px;
	font-size: 14px;
	line-height: 24px;
	background-color: transparent;
	padding: 10px 0;
	color: var(--primary-color);

}
.product-card-more-info:hover {
    color: #7B8087;
}
.product-card-more-info svg:hover {
    fill: #7B8087;
}
.products-section-products-list .swiper-slide{
	width: 300px;
}
.section-controllers-container{
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
	align-items: center;
}
.section_show_all{
	display: flex;
	align-items: center;
	column-gap: 8px;
	background-color: var(--primary-color);
	padding: 12px 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	transition: .3s ease;
	border-radius: 56px;
	cursor: pointer;

}
.primary-button{
	display: flex;
	align-items: center;
	width: fit-content;
	column-gap: 8px;
	background-color: var(--primary-color);
	padding: 12px 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	transition: .3s ease;
	border-radius: 56px;
	cursor: pointer;
}
.primary-button svg{
	transition: .3s ease;
}
.primary-button:hover{
	background-color: rgba(56, 68, 87, 0.3);
}
.primary-button:hover svg{
	transform: translateX(3px);
}

.section-controllers{
	margin-top: 24px;
}

.section-arrows{
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.section-arrows button{
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #FFFFFF;
	box-shadow: -3px 2px 6.6px rgba(0, 0, 0, 0.07);
	border-radius: 78px;
	transition: .3s ease;

}
.swiper-button-disabled{
	opacity: .3 !important;
}
.custom-pagination{
	position: relative !important;
	width: fit-content !important;
	bottom: unset !important;
}

.custom-pagination .swiper-pagination-bullet{
	background: #aaaaaa;width: 8px;
	height: 8px;
}
.custom-pagination .swiper-pagination-bullet-active{
	background: #8A96A8;
}


.projects-section{
	padding: 68px 0;
	background-color: #F3F5F8;
}

.project-item{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}
.project-item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}



.project-item:hover img{
	transform: scale(1.25);
}
.project-overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(360deg, #1D283B -4.72%, rgba(29, 40, 59, 0) 50%);
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px 24px;
}

.project-overlay h3{
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: var(--white-color);
}


.projects-section .section-container{
	margin-top: 16px;
}
.projects-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 100px; /* или auto */
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-auto-flow: dense;
}
/*.project-item:first-child { grid-area: 1 / 1 / 5 / 4; }*/
/*.project-item:nth-child(2) { grid-area: 1 / 4 / 3 / 7; }*/
/*.project-item:nth-child(3) { grid-area: 3 / 4 / 5 / 7; }*/
/*.project-item:nth-child(4) { grid-area: 1 / 7 / 3 / 10; }*/
/*.project-item:nth-child(5) { grid-area: 3 / 7 / 5 / 10; }*/
/*.project-item:nth-child(6) { grid-area: 1 / 10 / 5 / 13; }*/
/*.project-item:nth-child(7) { grid-area: 5 / 1 / 7 / 5; }*/
/*.project-item:nth-child(8) { grid-area: 5 / 5 / 7 / 13; }*/
/*!* Frame 1000003561 *!*/



.certificates-section{
	background: #EDF0F5;
	padding: 60px 0;
}

.certificates-container{
	margin-top: 16px;
}
.certificate-item{
	background-color: #fff;
	padding: 24px;
	border-radius: 16px;
	overflow: hidden;
	width: 100%;
}
.certificate-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.certificate-item p{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	text-align: center;
	margin-top: 16px;
}

.master-club-section,
.news-section{
	padding: 60px 0;
	background-color: #F3F5F8;
}

.master-club-container{
	background-color: #fff;
	border-radius: 24px;
	display: flex;
}

.master-club-content{
	width: 625px;
	padding: 56px;
	padding-right: 0;
	opacity: 0;
	transition: 1.2s cubic-bezier(.39, .575, .565, 1);
	transform: translateY(20px);
	transition-delay: 0.8s;
}

.master-club-content h2{
	font-size: 40px;
	line-height: 48px;
	font-weight: 500;
	margin-bottom: 24px;
	color: var(--primary-color);

}


.master-club-content-block{
	color: var(--primary-color);
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 24px;

}

.master-club-section.active .master-club-content{
	opacity: 1;
	transform: translateY(0);
}

.master-club-image{
	width: calc(100% - 625px);
	height: 452px;
	padding-left: 24px;
}
.master-club-image img{
	height: 480px;
	/* transform: translateY(-28px); */
	transition: 1.2s cubic-bezier(.39, .575, .565, 1);
	transform: scale(1.01) translateY(-28px);
	/*filter: blur(4px);*/
	transition-delay: 0.8s;

}
.master-club-section.active .master-club-image img{
	transform: scale(1) translateY(-28px);
	filter: blur(0);
}
.news-item{
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background-color: #fff;

}
.news-card-image{
	width: 100%;
	height: 240px;
	overflow: hidden;
}
.news-card-image img{
	width: 100%;
	height: calc(100% + 20px);
	object-fit: cover;
	transition: .5s ease;
}
.news-container{
	margin-top: 16px;
}
.news-item:hover .news-card-image img{
	transform: scale(1.05) translateY(-20px);
}
.news-card-content{
	padding: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.news-card-date{
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	color: #8A96A8;
}
.news-card-title{
	font-size: 20px;
	line-height: 28px;
	color: var(--primary-color);
	font-weight: 500;
}
.news-section{
	padding-bottom: 120px;
}

.news-section .swiper-slide{
	width: 408px;
}
.news-card-read-more{
	display: flex;
	align-items: center;
	column-gap: 1px;
	font-size: 16px;
	color: #0056C1;
}

.header-search-container{
	width: 100%;
	height: 0;
	border-radius: 8px;
	background-color: #fff;
	padding: 8px 24px;
	display: flex;
	opacity: 0;
	align-items: center;
	/* opacity: 1; */
	transition: .3s ease;
}

.header-search-bar{
	position: absolute;
	z-index: 2;
	/* height: 0; */
	left: 0;
	pointer-events: none;
	transition: .3s ease;
	width: 100%;
	bottom: -80px;
}

.header-search-bar.active .header-search-container{
	height: 64px;
	pointer-events: auto;
	opacity: 1;
}


.header-search-container input{
	width: calc(100% - 24px);
	height: 100%;
	padding-right: 8px;
	font-size: 16px;
	color: var(--primary-color);
}
.header-search-container input::placeholder{
	color: #9BA8B8;
}
.header-search-container button{
	background-color: transparent;
	border: none;
	cursor: pointer;
}



.footer-logo-mobile {
	display: none;
}

.banner-image{
	width: 100%;
	height: 490px;
	position: relative;
}
.banner-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-section-overlay{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #0A2C78 0%, rgba(10, 44, 120, 0) 100%);
}



.banner-section-title{
	transform: translateY(72px);
	font-size: 56px;
	line-height: 64px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--white-color);
}
.breadcrumb-content{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 24px 0;
	column-gap: 4px;
}

.breadcrumb-content a,
.breadcrumb-content span{
	font-size: 16px;
	line-height: 24px;
	color: #454b52;
}
.breadcrumb-content a:last-child{
	color: #20447d;
}
.section-dark{
	background: #EDF0F5;
}

.section-light{
	background: #F3F5F8;
}

.about-anchor-links{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	gap: 16px;
}

body{
	background-color: #F3F5F8;
}

.about-anchor-links a{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	padding: 8px 16px;
	height: 40px;
	border-radius: 25px;
	background-color: #fff;
	transition: .3s ease;
	font-size: 14px;
	color: var(--primary-color);
}
.about-anchor-links a.active{
	background-color: var(--primary-color);
	color: #fff;
}

.about-anchor-links a:hover{
	background-color: rgba(56, 68, 87, 0.2);
	/* color: #fff; */
}

.about-company-image{
	display: flex;
	justify-content: center;
	flex-direction: column;
	max-width: 1056px;
	margin-left: auto;
	margin-right: auto;
}

.about-company-image img{
	margin-top: -60px;
}

.about-company-image h2{
	text-align: center;
	font-size: 32px;
	line-height: 40px;
	font-weight: 500;
	color: var(--primary-color);
	transform: translateY(72px);
}

.section-about-company{
	padding-bottom: 60px;
}


.default-section-centered-content{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

.section-gallery-and-text-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 32px;
	margin-top: 32px;
}

.secton-gallery-images{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
	width: 100%;
}

.section-gallery-image{
	width: calc((100% - 72px) / 4);
	height: 400px;
	overflow: hidden;
	border-radius: 16px;
}
.section-production-inner  .section-gallery-image{
	width: calc((100% - 48px) / 3);
	height: 273px;
}
.section-gallery-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-galery-content{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	text-align: center;
}

.section-gallery-and-text,
.section-vision{
	padding: 60px 0;
}

.vision-section-container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
}

.vision-card{
	width: calc(50% - 12px);
	max-width: 516px;
	display: flex;flex-direction: column;background-color: #fff;
	padding: 32px;
	border-radius: 16px;
	row-gap: 16px;
}

.vision-card-title{
	display: flex;
	align-items: center;
	column-gap: 12px;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	color: var(--primary-color);
}

.vision-card-title img{
	width: 40px;
	height: 40px;
}

.vision-card-content{
	font-size: 20px;
	line-height: 28px;
	color: var(--primary-color);
}

.section-financial{
	padding-top: 60px;
	padding-bottom: 120px;
}

.financial-container{
	display: flex;
	column-gap: 32px;
	border-radius: 16px;
	background-color: #fff;
	padding: 32px;
	margin-top: 32px;
}

.financial-image{
	width: 520px;
	height: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.financial_content{
	width: calc(100% - 552px);
	display: flex;
	flex-direction: column;
	row-gap: 32px;
}

.financial-content-text{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}



.financial-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.download_pdf{
	display: flex;
	align-items: center;
	column-gap: 8px;
	height: 48px;
	padding: 8px 16px;
	font-size: 14px;
	color: var(--primary-color);
	background: #F3F5F8;
	border-radius: 57px;
	width: fit-content;
	transition: .3s ease;
}

.download_pdf:hover{
	transform: translateY(-2px);
}

.about-anchor-links{
	position: relative;
	z-index: 1;
}

.activity-page-production-section{
	padding-bottom: 120px;
	padding-top: 0;
}

.section-production-inner{
	padding-top: 0;
	background-color: #fff;
}

body:has(.section-production-inner) .breadcrumb-section{
	background-color: #fff;
}

body:has(.section-production-inner) .products-section{
	background: #EDF0F5;
}

body:has(.header-without-banner) main{
	padding-top: 148px;
}

.main-product-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 24px;
}
.main-product-grid .product-grid-item{
	width: calc((100% - 72px) / 4);
}
.main-product-grid-section{
	padding-bottom: 120px;
}
.product-details-container{
	display: flex;
	gap: 24px;
}

.product-details-image{
	padding: 24px;
	background-color: #fff;
	border-radius: 24px;
	width: 408px;
	height: 100%;
	display: flex;flex-direction: column;
	align-items: center;
	row-gap: 6px;
}

.product-details-image img{
	width: 100%;
}
.product-details-section{
	padding-bottom: 56px;
}

.product-details-content{
	width: calc(100% - 432px);
	padding: 48px;
	background-color: #fff;
	border-radius: 24px;
}

.product-details-title-block{
	display: flex;
	flex-direction: column;
	border-left: 4px solid #D09C68;
	row-gap: 4px;
	max-width: 348px;
	padding-left: 24px;
}

.product-details-title{
	font-size: 32px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--primary-color);
}

.product-details-title-description{
	font-size: 16px;
	line-height: 24px;
	color: #5B626B;
}

.product-description-tabs-container{
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	margin-top: 24px;
}

.product-description-tablinks{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.product-description-tablinks .description-tab-link{
	padding: 8px 24px;
	color: var(--primary-color);
	font-size: 14px;
	border-radius: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 40px;
	transition: .3s ease;
	border: 1px solid var(--primary-color);
}

.product-description-tablinks .description-tab-link:hover{
	background-color: rgba(0, 0, 0, 0.04);
}

.product-description-tablinks .description-tab-link.active{
	background-color: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
}

.product-description-tablinks .description-tab-link.active:hover{
	background-color: #717A85;
	border: 1px solid #717A85;
}

.product-description-tab-content{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}

.product-description-tab{
	display: none;
}

.product-description-tab.active{
	display: block;
}

.product-description-info-list{
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.product-description-info-list li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #DBDEE3;
	padding: 12px 0;
	column-gap: 20px;
}

.product-description-info-list li:last-child{
	border-bottom: none;
}

.product-description-info-list li span{
	font-size: 16px;
	line-height: 24px;
	width: calc(50% - 10px);
	color: var(--primary-color);
	font-weight: 500;
}

.product-description-info-list li p{
	width: calc(50% - 10px);
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}

.main-order-button{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	height: 48px;
	font-size: 14px;
	padding: 12px 30px;
	cursor: pointer;
	background-color:#D09C68;
	color: #fff;
	border-radius: 56px;
	transition: .3s ease;
	width: fit-content;
}

.main-order-button:hover{
	background-color: #e0e0e0;
}

.bg-transparent{
	background-color: transparent;
}

.contact-container{
	display: flex;
	column-gap: 96px;
	justify-content: center;
}

.contact-content{
	width: 516px;
	padding-top: 74px;
}

.contact-form{
	width: 516px;
	padding: 32px 24px;
	background-color: #fff;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
}

.contact-form h2{
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 24px;
	color: var(--primary-color);
	text-align: center;
}

.contact-section{
	padding-bottom: 40px;
}

.contact-content{
	display: flex;
	flex-wrap: wrap;
	row-gap: 55px;
}

.contact-content-title{
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	color: var(--primary-color);
	max-width: 433px;
}
.contact-content-info-blocks{
	display: flex;
	flex-wrap: wrap;
	row-gap: 34px;
	column-gap: 52px;
	width: 100%;
}

.contact-content-info-block{
	width: calc((100% - 52px) / 2);
}
.contact-content-info-block h4{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
	color: var(--primary-color);
	font-weight: 500;
}
.contact-content-info-block-info{
	display: flex;
	flex-direction: column;

}
.contact-content-info-block-info a,
.contact-content-info-block-info p{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);

}

.contact-block-socials{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.contact-block-socials a{
	width: 24px;
	height: 24px;
}

.contact-form-fields{
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.form-field{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
}

.form-field input{
	border: 1px solid #B1BFD1;
	border-radius: 32px;
	font-size: 16px;
	width: 100%;
	height: 56px;
	padding: 0 24px;
	color: var(--primary-color);
}

.form-field  textarea{
	height: 120px;
	padding: 16px;
	border: 1px solid #B1BFD1;
	border-radius: 16px;
	font-size: 16px;
	font-family: 'SF Pro Display';
	width: 100%;
	color: var(--primary-color);
}

.form-field  svg{
	position: absolute;
	right:24px
}

.form-field input::placeholder{
	color: #85909D;
}

.form-field  textarea::placeholder{
	color: #85909D;
}

.contact-submit{
	height: 56px;
	border-radius: 57px;
	display: flex;
	align-items: center;
	column-gap: 8px;
	color: #fff;
	padding: 10px 35px;
	width: fit-content;
	margin-top: 8px;
	cursor: pointer;
	background-color: var(--primary-color);
	transition: .3s ease;
}

.contact-submit:hover{
	background-color: rgba(56, 68, 87,.3)
}

.map-container img{
	width: 100%;
}

.map-section{
	padding-bottom: 100px;
}

.career-info-section{
	padding-bottom: 56px;
}

.career-info-container{
	background-color: #fff;
	border-radius: 16px;
	display: flex;column-gap: 24px;
}

.career-info-image{
	width: 516px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.career-info-image img{
	max-width: 432px;
	width: 100%;
}

.career-info-content{
	width: calc(100% - 540px);
	padding: 48px;
}
.career-info-content{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}

.career-info-content h2{
	font-size: 32px;
	line-height: 40px;
	color: var(--primary-color);
	font-weight: 500;
	margin-bottom: 24px;
}

.section-vacancies{
	padding-bottom: 56px;
}
.section-vacancies-container .section-vacancies-title{
	font-size: 32px;
	line-height: 40px;
	text-align: left;
	color: var(--primary-color);
	font-weight: 500;
	margin-bottom: 24px;
}
.vacancy-accordions{
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.accordion-box{
	background-color: #fff;

	border-radius: 16px;
}

.accordion-trigger{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 24px;
	padding: 24px;
	cursor: pointer;
}

.accordion-trigger-text{
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.accordion-trigger-text p{
	font-size: 20px;
	line-height: 32px;
	color: var(--primary-color);
	font-weight: 500;
}

.accordion-trigger-text span{
	font-size: 16px;
	line-height: 20px;
	color: #657794;
}

.accordion-trigger-icon{
	display: flex;
	align-items: center;
	justify-content: center;
}

.accordion-trigger-icon svg{
	width: 30px;
	height: 30px;
}
.accordion-content{
	padding-top: 24px;
	/* margin-top: 24px; */
	position: relative;
	display: none;
	border-top: 1px solid #B1BFD1;
}



.accordion-trigger .close-icon{
	display: none;
}
.accordion-content-inner{
	font-weight: 400;
	font-size: 16px;
	padding: 24px;
	line-height: 24px;
	color: #000000;
}

.accordion-trigger.active  .close-icon{
	display: block;
}

.accordion-trigger.active  .open-icon{
	display: none;
}
.content-rte{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
}

.content-rte p,
.content-rte h4,
.content-rte h5,
.content-rte h6,
.content-rte li,
.content-rte ol,
.content-rte ul,
.content-rte div

{

	margin-bottom: 12px;

}
.content-rte ul,
.content-rte ol{
	padding-left: 24px;
	margin-bottom: ;
}
.content-rte ul li{
	list-style-type: disc;
}



.join-masters-club-container{
	padding: 64px;
	background-color: #fff;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.join-masters-club-container h2{
	font-size: 32px;
	line-height: 48px;
	color: var(--primary-color);
	font-weight: 500;

}

.join-masters-club-content{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	font-weight: 400;
}

.join-masters-club-content p{
	margin-bottom: 12px;
}

.join-masters-club-section{
	padding-bottom: 36px;
}

.master-club-form-container{
	display: flex;
	column-gap: 56px;
	padding: 36px;
	padding-bottom: 0;
	border-radius: 16px;
	background-color: #F3F5F8;

}
.master-club-form-section{
	padding-bottom: 100px;
}
.master-club-form-side{
	width: 544px;
	padding-bottom: 64px;
	padding-top: 28px;
}
.master-club-form-image{
	width: calc(100% - 600px);
	display: flex;
	justify-content: flex-end;
}

.master-club-form-image img{
	width: auto;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	max-height: 565px;
}
.master-club-form-side .contact-submit{
	width: 100%;
	justify-content: center;
}

body:has(.master-club-form-section) main{
	background-color: #edf0f5;
}

.news-grid-section{
	padding-bottom: 100px;
}
.news-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.news-card-wrapper{
	width: calc((100% - 48px) / 3);
}

.news-inner-content-wrapper{
	display: flex;
	column-gap: 24px;
}

.news-inner-content-image{
	width: 634px;
	height: 408px;
	border-radius: 16px;
	overflow: hidden;
}

.news-inner-content-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-inner-contentbox{
	width: calc(100% - 658px);
}

.news-inner-contentbox{
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.news-inner-contentbox span{
	font-size: 16px;
	line-height: 24px;
	color: #8A96A8;
}

.news-inner-contentbox h2{
	font-size: 24px;
	line-height: 40px;
	color: var(--primary-color);
	font-weight: 600;
}

.news-inner-description{
	font-size: 20px;
	line-height: 28px;
	color: var(--primary-color);
}

.news-inner-content-section{
	padding-bottom: 112px;
}

body:has(.news-inner-content-section) .news-section{
	background-color: #EDF0F5;
	padding-bottom: 60px;
}

.search-results-title{
	font-size: 32px;
	line-height: 40px;
	color: var(--primary-color);
	font-weight: 500;
	text-align: left;
	margin-bottom: 24px;
}

.search-results-heading-block{
	display: flex;
	padding-left: 24px;
	border-left: 4px solid #D09C68;
	font-size: 28px;
	line-height: 40px;
	color: var(--primary-color);
	max-width: 352px;
	margin-bottom: 24px;
}

.searc-results-list{
	display: flex;
	flex-direction: column;
}

.search-results-item{
	border-bottom: 1px solid #B1BFD1;
	font-size: 18px;
	line-height: 24px;
	color: var(--primary-color);
	padding: 16px 0;
}
.search-results-item a{
	font-size: 18px;
	line-height: 24px;
	color: var(--primary-color);
}

.search-results-section{
	padding-bottom: 120px;
}

.popup-layer{
	position: fixed;
	top: 0;
	display: none;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}

.order-popup{
	position: fixed;
	top: 50%;
	display: none;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 516px;
	height: auto;
	background-color: #fff;
	border-radius: 16px;
	z-index: 1001;
	max-height: 90vh;
}
.success-popup{
	position: fixed;
	top: 50%;
	display: none;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 516px;
	height: auto;
	background-color: #fff;
	border-radius: 16px;
	z-index: 1001;
	max-height: 90vh;
}

.order-popup-inner{
	padding: 32px;
	display: flex;
	border-radius: 16px;
	flex-direction: column;
	position: relative;
	overflow-y: auto;
	padding-bottom: 40px;
	max-height: 90vh;
}
.success-popup-inner{
	padding: 32px;
	padding-top: 48px;
	display: flex;
	border-radius: 16px;
	flex-direction: column;
	position: relative;
	align-items: center;
	text-align: center;
}

.success-popup-inner h2{
	font-size: 24px;
	line-height: 32px;
	color: var(--primary-color);
	font-weight: 500;
	margin-bottom: 16px;
}

.success-popup-inner p{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	font-weight: 400;
}
.back-to-main{
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	height: 56px;
	border-radius: 42px;
	background-color: #EDF0F5;
	color: #717A85;
	padding: 16px 40px;
	width: fit-content;
}

.succes_img{
	width:188px;
	margin: 50px 0;
}
.product-select-dropdown-list{
	width: 100%;
}

.order-popup-inner::-webkit-scrollbar {
	width: 4px;
  }

  /* Track */
  .order-popup-inner::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 4px;
  }

  /* Handle */
  .order-popup-inner::-webkit-scrollbar-thumb {
	background: rgb(106, 106, 106);
	border-radius: 4px;
  }

  /* Handle on hover */
  .order-popup-inner::-webkit-scrollbar-thumb:hover {
	background: #525252;
  }

.order-popup-inner h4{
	font-size: 24px;
	line-height: 32px;
	color: var(--primary-color);
	font-weight: 500;
	margin-bottom: 44px;
	margin-top: 24px;
	text-align: center;
}

.order-popup-close,
.success-popup-close{
	background-color: transparent;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
	border: none;
	padding: 0;
}


.order-form-fields{
	padding-bottom: 32px;
	margin-bottom: 32px;
	border-bottom: 1px solid rgba(177, 191, 209, 0.5);
}
.order-product-information + .order-product-information{
	border-top: 1px solid rgba(177, 191, 209, 0.5);
	padding-top: 32px;
}

.product-select-dropdown{
	position: relative;
	display: flex;
	flex-direction: column;
}

.product-select-dropdown-selected{
	background-color: #fff;
	border: none;
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding:16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 60px;
	border: 1px solid #B1BFD1;
	cursor: pointer;
	transition: .3s ease;
}

.product-select-dropdown-selected:hover{
	background-color: #F3F5F8;
}

.product-select-dropdown-list{
	/* position: absolute; */
}

.product-select-dropdown-drop{
	display: none;
}

.product-select-dropdown-list{
	display: flex;
	flex-direction: column;
	margin-top: 8px;

}
.product-select-dropdown-selected svg{
	transition: .3s ease;
}

.product-select-dropdown-selected.active svg{
	transform: rotate(180deg);
}

.product-select-dropdown-list li{
	border-bottom: 1px solid #CBDBF0;
}

.product-select-dropdown-list li label{
	display: flex;
	align-items: center;
	column-gap: 16px;
	justify-content: space-between;
	cursor: pointer;
	padding: 12px;
}

.product-select-dropdown-list li label p{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.product-select-dropdown-list li label input{
	width: 20px;
	height: 20px;
	border: 1px solid #B1BFD1;
	border-radius: 4px;
	cursor: pointer;
	transition: .3s ease;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.product-select-dropdown-list li label input:checked{
	background-image: url(images/Checkbox.svg);
	border: 1px solid transparent;
}

.product-quantity-selector{
	display: flex;
	align-items: center;
	column-gap: 16px;
	padding: 24px;
	justify-content: center;
}

.product-quantity-selector p{
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	font-weight: 500;
}

.qty-input-group{
	display: flex;
	align-items: center;
	column-gap: 4px;
}

.product-quantity-selector-button{
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.product-quantity-selector-input{
	width: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: var(--primary-color);
	font-weight: 500;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.order-product-control-buttons{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 16px;
	border-top: 1px solid rgba(177, 191, 209, 0.5);
	padding: 24px;
	row-gap: 24px;
}
.order-product-control-buttons button{
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding: 16px 40px;
	width: fit-content;
	min-width: 250px;
	height: 56px;
	border-radius: 42px;
	font-weight: 500;
	font-size: 16px;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	transition: .3s ease;
	border: none;

}

.add_more_product{
	background-color: #EDF0F5;
	color: #717A85;
}

.add_more_product:hover{
	background-color: rgba(56, 68, 87, 0.3);
}

.add_to_cart_product{
	background-color: var(--primary-color);
	color: #fff;
}

.add_to_cart_product:hover{
	background-color: rgba(56, 68, 87, 0.3);
}

body:has(.has-animation) .header-sticky{
	transform: translateY(-100%);
	transition: .6s cubic-bezier(.39,.575,.565,1) !important;
}

.header-sticky.visible{
	transform: translateY(0) !important;
}
.header-bottom{
	transition: .3s ease;
}
.main-menu ul li:has(a.active):after{
	transition: .3s ease;
}
@media(min-width:1024px){
	.header-sticky.active .header-bottom{
		padding-top: 12px;
		padding-bottom: 12px;
		min-height: 72px;
	}

	.header-sticky.active .main-menu ul li:has(a.active):after{
		bottom: -24px;
	}
}

.news-section.has-animation .news-container{
	opacity: 0;
	transition: 1.2s cubic-bezier(.39, .575, .565, 1);
	transform: translateY(20px);
	transition-delay: 0.4s;
}

.news-section.active .news-container{
	opacity: 1;
	transform: translateY(0);
}

/*.project-item {*/
/*    display: block;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    border-radius: 12px;*/
/*}*/

/*.project-item img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

.project-normal {
    grid-column: span 1;
    grid-row: span 1;
}

.project-tall {
    grid-row: span 2;
}

.project-wide {
    grid-column: span 2;
}

.project-full {
    grid-column: span 6;
    grid-row: span 2;
}
.error-message {
    color: #e3342f;
    font-size: 14px;
    margin-top: 4px;
}
.alert {
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 14px;
}
.alert-success {
    background-color: #d1e7dd;
    color: #0f5132;
}
.alert-error {
    background-color: #f8d7da;
    color: #842029;
}
.search-form {
    width: 100%;
    height: 100%;
    display: flex;
}
.search-button {
    margin-right: 10px;
}
.is-invalid {
    border: 1px solid red !important;
}