.okompanipage, .singlepage {
	width: 100%;
	max-width: 1320px;
    padding: 0 15px;
    margin: 0 auto;
	min-height: calc(100vh - 450px)
}

.okompani {
	width: 100%;
	max-width: 1320px;
    padding: 0;
    margin: 0 auto;
	position: relative;
}

.okompani h2 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	left: 70px;
	width: 1320px;
	position: absolute;
}

.okompani1 {
	padding: 120px 0px 0px 0px;
}

.okompani1 h4 {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 24px;
	line-height: 125%;
	letter-spacing: 0%;
	position: relative;
	top: 30px;
	left: 70px;
	color: #0065AA;
	margin: 0px;
	padding: 0px;
	width: 500px;
}

.okompani1 p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: -60px 0px 40px 650px;
	padding: 0px 0px 0px 0px;
	width: 500px;
}

.okompaniimg1 img {
	width: 1320px;
	height: 230px;
	border-radius: 30px;
}

.okompani2 {
	padding: 35px 0px 0px 0px;
}

.okompani2 h3 {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: relative;
	top: 30px;
	left: 70px;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: 500px;
}

.okompani2 h5 {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	position: relative;
	top: 80px;
	left: 70px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 500px;
}

.okompani2 p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	position: relative;
	top: -160px;
	left: 650px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 65px 0px;
	width: 500px;
}

.okompani3 {
	padding: 0px 0px 0px 0px;
	position: relative;
    top: -410px;
	background-color: #F5F5F5;
}

.okompaniimg3 {
	position: relative;
	top: 0px;
	left: 40px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;	
}

.okompaniimg3 img {
	width: 380px;
	height: 600px;
}

.okompani3 h3 {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: relative;
	top: -525px;
	left: 475px;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: 500px;
}

/* АСПЕКТИ */


.okompani3 ul {
	list-style: none;
	top: -480px;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.sp-okompaniaspekt li {
	height: 180px;
    border-radius: 0px 35px 35px 35px;
	display: inline-block;
    position: absolute;
}

.sp-okompaniaspekt li h4 {
	font-size: 34px;
	line-height: 35px;
	font-weight: 400;
	color: #fff;
	margin: 30px;
	height: 70px;
}

.sp-okompaniaspekt li:nth-child(1) {
    background-color: #8FCFDA;
	margin: 0px 0px 0px 475px;
	width: 355px;
}

.sp-okompaniaspekt li:nth-child(1) h4 {
    color: #000;
	background-color: #8FCFDA;
}

.sp-okompaniaspekt li:nth-child(2) {
    background-color: #000000;
	width: 355px;
	margin: 0px 0px 0px 855px;
}

.sp-okompaniaspekt li:nth-child(2) h4 {
	background-color: #000000;
}


.sp-okompaniaspekt li:nth-child(3) {
    background-color: #0065AA;
	width: 355px;
	margin: 210px 0px 0px 475px;
}

.sp-okompaniaspekt li:nth-child(3) h4 {
	background-color: #0065AA;
}

.sp-okompaniaspekt li:nth-child(4) {
    background-image: url("/wp-content/themes/evertech2025/images/gradposlug.png");
	background-size: 410px;
	width: 410px;
	margin: 210px 0px 0px 855px;
}

.sp-okompaniaspekt li:nth-child(4) h4 {
	width: 250px;
}

.sp-okompaniaspekt li:hover {
	cursor: pointer;
    z-index: 1;
}

.sp-okompaniaspekt li:hover .ks-aspekt {
	display: none;
}

.sp-okompaniaspekt li:nth-child(1):hover .ks-aspekt-content {
	display: block;
	color: #0065AA;
	background-color: #8FCFDA;
	border-radius: 0px 0px 35px 35px;
	padding: 15px;
	cursor: default;
	animation: fadeInAspect 1.5s ease;
}

.sp-okompaniaspekt li:nth-child(2):hover .ks-aspekt-content {
	display: block;
	color: #56BFCA;
	background-color: #000;
	border-radius: 0px 0px 35px 35px;
	padding: 15px;
	cursor: default;
	animation: fadeInAspect 1.5s ease;
}

.sp-okompaniaspekt li:nth-child(3):hover .ks-aspekt-content {
	display: block;
	color: #56BFCA;
	background-color: #0065AA;
	border-radius: 0px 0px 35px 35px;;
	padding: 15px;
	cursor: default;
	animation: fadeInAspect 1.5s ease;

}

.sp-okompaniaspekt li:nth-child(4):hover .ks-aspekt-content {
	display: block;
	color: #56BFCA;
	background: linear-gradient(to top, #fff);
	background-image: url("/wp-content/themes/evertech2025/images/gradposlug.png");
	background-size: 410px;
	border-radius: 0px 0px 35px 35px;
	padding: 15px;
	cursor: default;
	animation: fadeInAspect 1.5s ease;
}


.ks-aspekt-content {
	display: none;
  	position: relative;
		z-index: -1;
}

.ks-aspekt-content p {
	font-size: 20px;
	line-height: 32px;	
	padding: 0px 0px 0px 15px;
	width: 100%;
}

.sp-okompaniaspekt li:hover .ks-aspekt-content p {
	animation: fadeIn 2s ease;
}

.ks-aspekt {
	position: absolute;
    bottom: 20px;
    right: 20px;
	width: 58px;
	height: 58px
}

@keyframes fadeInAspect {
  from {

	top: -100px;
  }

  to {

	  top: 0px;
  }
}

.okompani4 {
	padding: 0px 0px 0px 0px;
	position: relative;
    top: 525px;
	height: 250px;
}

.okompani4 h4 {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: relative;
	top: 30px;
	left: 70px;
	color: #0065AA;
	margin: 0px;
	padding: 0px;
	width: 450px;
}

.okompani4 h5 {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
	position: relative;
	top: 80px;
	left: 70px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 475px;
}

.okompaniimg4 {
	position: relative;
	top: -230px;
	left: 640px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 600px;	
}

.okompaniimg4 img {
	width: 575px;
	height: 280px;
	border-radius: 30px;
}



.kontakt {
	padding: 0px 0px 50px 0px;
}

.kontakt h2 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: absolute;
	top: 145px;
	padding: 0px 0px 0px 70px;
	color: #000;
	margin: 0px;

}

.kontakt h5 {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 0%;
	position: relative;
	color: #000;
	margin: 115px 0px 0px 70px;
	padding: 0px;
	width: 500px;	
}

.kontakt p img {
	width: 300px;	
	border-radius: 22px;
	margin: 50px 0px 20px 0px;	
}

.kontakt p {
	width: 300px;	
	margin: 0px 0px 30px 70px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 13px;
	line-height: 100%;
	letter-spacing: 0%;
	position: relative;
	color: #000;
	padding: 0px;
}

.kontakt p span {
	width: 300px;	
	margin: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	position: relative;
	color: #000;
	padding: 0px;
	top: 5px;
}


.kontaktforma {
	margin: -580px 0px 0px 500px;
	padding: 0px;
	width: 740px;	
	height: 540px;
	border-radius: 22px;
	background-color: #E9E9E9;
}

/* Сітка для полів 2х2 */
.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	margin: 0px 30px 30px 55px;
	padding: 20px 0px 0px 0px;
}

.form-field {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px
}

.form-field p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

		
}

/* Стилі для текстових полів інпутів та textarea */
.custom-form-container input[type="text"],
.custom-form-container input[type="tel"],
.custom-form-container input[type="email"],
.custom-form-container textarea {
    width: 100% !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 22px !important; /* Сильне заокруглення кутів */
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 15px;
	line-height: 130%;
	letter-spacing: 0%;
    color: #333;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
	padding: 15px 0px 15px 25px !important;
}

/* Висота для великого текстового поля */

.form-full-width {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

.form-full-width p {
	margin: 0px 0px 0px 55px;
	padding: 0px 0px 0px 0px;
	width: 630px;
}

.custom-form-container textarea {
    height: 190px;
    resize: none;
}










/* Стилізація плейсхолдерів (тексту всередині полів) */
.custom-form-container ::placeholder {
    color: #8a8a8a;
    opacity: 1;
}

/* Нижній рядок з файлом та кнопкою */
.form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    gap: 20px;
}

/* Кастомне завантаження файлу */
.file-upload-wrapper {
    position: relative;
    cursor: pointer;
}
.custom-file-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.plus-icon {
    font-size: 72px !important;
	width: 100px !important;
	font-family: TT Firs Neue;
	font-weight: 100 !important;
}
.file-text {
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #000 !important;
	font-family: TT Firs Neue;
	font-weight: 400 !important;
}
/* Ховаємо дефолтну негарну кнопку вибору файлу */
.file-upload-wrapper input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Стиль кнопки ВІДПРАВИТИ */
.custom-form-container input[type="submit"] {
    background: transparent !important;
    color: #000000 !important;
    border: 1.5px solid #000000 !important;
    border-radius: 30px !important; /* Овальна кнопка */
    padding: 15px 45px !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Ефект при наведенні на кнопку */
.custom-form-container input[type="submit"]:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Стилізація плейсхолдерів (тексту всередині полів) */
.custom-form-container ::placeholder {
    color: #8a8a8a;
    opacity: 1;
}

.kontaktforma0 {
	background-color: #E9E9E9;
}

.kontaktforma1 {
	margin: 120px 0px 0px 290px;
	padding: 0px;
	width: 740px;	
	height: 540px;
}

.page404 {
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.page404 h2 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 120px;
	line-height: 130%;
	color: #000;
	margin: 0;
}


.page404 p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	color: #000;
	margin: 10px;
}