/*!
Theme Name: tlumaczeniamtpl
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tlumaczeniamtpl
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

tlumaczeniamtpl is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 3em;
	margin: 0.67em 0;
}
h2 {
	font-size: 2em;
}
h3 {
	font-weight: 400;
}

.service-title h2 {
	    font-size: 1rem;
}

@media (max-width: 768px) {
.club-unverified-banner__content .page-title h2{
font-size: 1em;
text-align:center
}
	.club-unverified-banner__content .page-title h1{
font-size: 1.5em;
text-align:center
	}
	}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

.br {
    padding: 20px 0px 20px 0px;
}
/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
     color:#000000ab ;
}

.title {
  
	color: #fe8b30;
    margin-bottom: 20px;
}

p {
}

dfn,
cite,
em,
i {
	font-style: italic;
}

.c {
	text-align: center;
}

blockquote {
    position: relative;
    line-height: 1.6;
    font-style: italic;
    color: #2b2d2f; /* Колір тексту цитати */
    padding: 20px 40px;
    border-left: 5px solid #fe8b31; /* Основний колір як бордер зліва */
    margin: 20px 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Додаємо легку тінь */
    border-radius: 10px; /* Округлі кути для блоку */
}


/* Приховуємо мобільне меню за замовчуванням */

/* Відображаємо меню, коли воно відкрито */
.mobile-navigation.open {
    display: block;
}

.menu-toggle {
    display: none;
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    width: 25px;
    height: 3px;
    background: #000;
    margin: 5px 0;
}





blockquote::before {
    content: "“"; /* Ліва лапка */
    font-size: 50px;
    color: #fe8b31; /* Основний колір для лапок */
    position: absolute;
    left: 10px;
    top: -10px;
    font-weight: bold;
    line-height: 1;
}

blockquote::after {
    content: "”"; /* Права лапка */
    font-size: 50px;
    color: #fe8b31; /* Основний колір для лапок */
    position: absolute;
    right: 10px;
    bottom: -20px;
    font-weight: bold;
    line-height: 1;
}

blockquote cite {
    display: block;
    text-align: right;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fe8b31; /* Основний колір для автора цитати */
    margin-top: 10px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #fe8b30;
}

a:hover,
a:focus,
a:active {
	color: #fe8b30;
}

.service-title h3 a {
	    color: #4e4e4e;
	    text-decoration: none;

}

.service-title h2 a {
	    color: #4e4e4e;
	    text-decoration: none;

}
.service-title {
    padding: 0px 20px 0px 20px;
		margin-left:auto;
	margin-right:auto;
}
a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/


/* Сontact Form 7
--------------------------------------------- */
.contacts-form {
	width: 100%;
	background: #f0f3f6;
	padding: 30px 30px;
	border-radius: 12px;
	font-family: 'Mont', sans-serif;
	color: #2b2d2f;
}

.contacts-form h2 {
	   display: flex;
    align-items: center; /* Вирівнює елементи по вертикалі */
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 1px;
    height: 1px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 0px;
    position: relative;
}

.wpcf7-list-item {
    margin-top: 10px;
}

.contacts-form label {
	display: block;
	margin-bottom: 5px;
	color: #333;
}

.contacts-form input[type="text"],
.contacts-form input[type="email"],
.contacts-form input[type="tel"],
.contacts-form textarea {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	background: #ffffff;
	font-size: 1.4rem;
	color: #333;
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.3s ease;
}

.wpcf7-not-valid-tip {
    margin-left: 12px;
}

.contacts-form input:focus,
.contacts-form textarea:focus {
	border-color: #fe8b31;
}

.contacts-form textarea {
	height: 205px;
	resize: none;
	overflow-y: hidden;
}

.contacts-form .checkbox {
	display: flex;
	align-items: center;
}

.contacts-form .checkbox input[type="checkbox"] {
	margin-right: 10px;
}

.contacts-form .checkbox a {
	color: #fe8b31;
	text-decoration: none;
}

.contacts-form .button-wrapper {
	margin-top: 20px;
}


/*******/
/*футер*/

.footer {
  background-color: #f1f3f6;
  padding: 20px 0;
}

.container {
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1366px;
  margin: 0 auto;
}

.footer-column {
  padding: 10px;
  text-align: left;
}

.footer-logo {
  width: 100px;
  height: auto;
  margin-bottom: 10px;
}

.footer-title {
	font-weight: 600;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Однаковий відступ між контактними елементами */
}

.contact-item {
  display: flex;
  align-items: center;
}

.icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 21px;
}


.footer-links a {
  text-decoration: none;
  color: #333;
}

.footer-bottom {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.footer-bottom p {
  margin: 0;
}



@media (max-width: 768px) {
.footer-links {
 text-align: center;
 font-size: 16px;
}
	.contact-item {
    display: flow;
}
	
	.contacts-form h2 {
	    font-size: 20px;
}
	.footer-column {
    margin: auto;
}
}
/*кінець футера*/


/* Pryvit
--------------------------------------------- */
/* Основні стилі header */


/* Базовий стиль шапки */
.site-header {
    background-color: #f1f3f6; /* Узгоджений фон із футером */
    padding: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.hed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin: 0 auto;
}

.container {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin: 0 auto;
}


.logo img {
    width: 120px; /* Для великих екранів */
    height: auto;
}

@media (max-width: 768px) {
    .logo img {
        width: 80px; /* Для мобільних екранів */
        height: auto;
    }
}

.main-navigation {
    flex: 1;
    text-align: center;
}

.menu-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-items li {
    margin: 0 15px;
	list-style: none;
}

.menu-items li a {
    text-decoration: none;
    color: #2b2d2f;
    font-size: 1.6rem;
    transition: color 0.3s ease;
}

.menu-items li a:hover {
    color: #fe8b31; /* Основний колір */
}

/* Кнопка Wycena */
.header-button .button {
    background-color: #fe8b31;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 1.4rem;
    text-decoration: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.header-button .button:hover {
    background-color: #e67729;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}




.second-column .wpcf7-form {
    color: #ffffff;
}

.wpcf7-form input,
.wpcf7-form textarea {
    margin-bottom: 5px;
    background-color: #ffff;
    font-size: 1.1rem;
	font-weight: 500;
	    border: solid;
	border-color: #fe8b30;
}

.form-button {
	height:35px;
	margin-bottom: 15px;
}


.wpcf7-form input[type="submit"] {
background-color: #fe8b31;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 32px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button {
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #fe8b30;
    --swiper-navigation-size: 44px;
    font-family: Mont, sans-serif;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    user-select: none;
    letter-spacing: 0.02em;
    text-align: center;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(43, 45, 47, 0);
    position: relative;
    border-radius: 32px;
    transition: all 0.3s ease;
    background-color: #fe8b31;
    border: 1px solid #fe8b31;
    padding: 0px 27px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wpcf7-form select {
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    letter-spacing: .02em;
    padding: 0px 27px;
    border: solid;
	border-color: #fe8b30;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover ефект */
.wpcf7-form input[type="submit"]:hover {
    background-color: #333333;
    transform: translateY(-3px); /* Додаємо невеликий ефект підняття */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Додаємо тінь */
}

/* Focus ефект */
.wpcf7-form input[type="submit"]:focus {
    outline: none;
    box-shadow: 0px 0px 5px rgba(254, 139, 49, 0.5);
}

#KontaktForm .form-row {
    display: flex;
    justify-content: end;
    gap: 5px; /* Відступ між колонками */
    flex-wrap: wrap;
}

#KontaktForm .form-column {
    flex: 1;
}



#KontaktForm .form-group input,
#KontaktForm .form-group textarea {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 12px;

}

#KontaktForm .form-group input[type="submit"] {
    background-color: #fe8b31;
    color: #ffffff;
    cursor: pointer;
}

#KontaktForm .form-group input[type="submit"]:hover {
    background-color: #333333;
}

#KontaktForm .form-group textarea {
    min-height: 120px;
}

@media (max-width: 768px) {
    #KontaktForm .form-row {
        flex-direction: column;
    }
	
	.wpcf7-not-valid-tip {
    font-size: 1em;
}
	

    #KontaktForm .form-column {
        min-width: 100%;
    }
}






.banner {
    margin-top: 30px;
}

.club-unverified-banner {
	background-color: #b4b3b359;
	/* Основний колір фону */
	color: #2b2d2f;
	font-weight: 400;
	font-family: 'Mont', sans-serif;
	line-height: normal;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
	padding: 30px;
	flex-wrap: wrap;
	gap: 20px;
	background-size: cover;
}

.club-unverified-banner__content {
	max-width: 50%;
}

.club-unverified-banner__form {
	max-width: 40%;
}

.club-unverified-banner__content--title {
	font-size: 2.4rem;
	margin-bottom: 20px;
	font-weight: 700;
}


.club-unverified-banner__content--discl {
	margin-top: 20px;
	font-size: 1.4rem;
}

.textstyle p {
	margin-bottom: 20px;
}

.orange {
	color: #fe8b31;
}

.express-form-wrapper {
	background-color:#fe8b3066;
	padding: 20px;
	border-radius: 10px;
	color: #333;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {

	.express-form-wrapper {
		padding: 10px;}
	
	.club-unverified-banner__content,
	.club-unverified-banner__form {
		max-width: 100%;
	}

	.club-unverified-banner {
		flex-direction: column;
	}

        .club-unverified-banner__content--title {
            font-size: 1.4rem;
            margin-bottom: 20px;
            font-weight: 700;
            text-align: center;
        }
        .textstyle {
            display: none;
        }

                .club-unverified-banner {
                    padding: 30px 10px;
                    
                }
        .contacts-form input[type="text"],
        .contacts-form input[type="email"],
        .contacts-form input[type="tel"],
        .contacts-form textarea {
    
            font-size: 1rem;
    
        }
}

.container {
    padding: 0 20px;
    margin: 0 auto;
    font-family: Mont, sans-serif;
}


.hr button {
    margin-left: auto; /* Це вирівнює кнопку по правій стороні */
}
.hr button:last-child {
    margin-left: auto; /* Остання кнопка буде вирівняна по правій стороні */
}

.head-title-link a {
    text-decoration: none;
}

.slider-wrapper {
    position: relative;
}


.news-item {
    flex: 0 0 auto;
    text-decoration: none;
    color: #2b2d2f;
}

.news-img img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

.news-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.news-date {
    font-size: 1.2rem;
    color: #999;
    margin-bottom: 5px;
}

.news-text {
    font-size: 1.4rem;
}

.slider-dots {
    margin: 25px;
    text-align: center;
	margin-left: auto;
	margin-right:auto;
}


/*Кнопка*/
/* Стиль для кнопки */
.extra-menu .menu-items li a{
	    color: #fff; /* Білий колір тексту */
}
.button a{
	    color: #fff; /* Білий колір тексту */
	text-decoration-line: blink;
}

/*блог*/



.h1.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}


.news-box {
    display: flex;
    overflow-x: scroll;
}

.news-item {
    text-decoration: none;
    color: #2b2d2f;
    background: linear-gradient(to bottom, rgb(255 255 255), rgb(240 243 246 / 37%));
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    transition: transform 0.3s ease;
    overflow: hidden;
    position: relative;
}


.news-img img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover; /* Обрізка зображень для збереження співвідношення сторін */
}

.news-info {
     padding: 0px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.news-date {
    font-size: 1.2rem;
    color: #999;
    margin-bottom: 5px;
}

.news-title {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.news-text {
    font-size: 1.4rem;
    flex-grow: 1; /* Розтягує текст, щоб елементи були рівномірно розташовані */
}

/* Адаптивні стилі */
@media (max-width: 1024px) {
    .news-item {
        width: calc(50% - 24px); /* Дві колонки для планшетів */
    }
}

@media (max-width: 768px) {
    .news-item {
        width: 100%; /* Одна колонка для мобільних */
    }

    .news-info {
        padding: 15px;
    }

    .news-title {
        font-size: 1.2rem;
    }

    .news-date, .news-text {
        font-size: 1.2rem;
    }
}


/** Кінець блогам */


/*Partmet*/

.partners-wrapper {
	display: flex;
	/* Робимо блок горизонтальним */
	flex-wrap: wrap;
	/* Додаємо можливість переносу для адаптивності */
	justify-content: space-between;
}

.partner-item {
    margin-bottom: 20px;
    text-align: center;
    width: 33%;
}

.partner-item img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	transition: transform 0.3s ease;
}

.partner-item a:hover img {
	transform: scale(1.05);
	/* Легке збільшення зображення при ховері */
}

/* Адаптивність */
@media (max-width: 768px) {
	.partner-item {
		flex: 0 1 45%;
		/* 2 колонки на планшетах */
	}
}

.languages-block {
    margin-bottom: 40px;
}

.swiper-container {
    width: 100%;
    padding: 20px 0;
}

.swiper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Хвилястий ефект */
.swiper-slide {
    animation: wave 2s ease-in-out infinite;
}

@keyframes wave {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
}
/*Мови*/
.languages-wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	/* Проміжки між елементами */
}

.language-item {
	flex: 1 1 calc(15% - 20px);
	/* Кожен елемент займатиме 20% мінус відступ */
	max-width: calc(15% - 20px);
	/* Додатково обмежуємо максимальну ширину */
	text-align: center;
	margin-bottom: 20px;
}
details .language-item {
	flex: 1 1 calc(12% - 20px);
}
.language-item img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 10px;
}

.language-item h3 {
	font-size: 1.4rem;
	font-weight: bold;
        color: black;
}

/* Адаптивність */
@media (max-width: 768px) {
	.language-item {
		flex: 1 1 calc(50% - 20px);
		/* 2 елементи на планшетах */
		max-width: calc(50% - 20px);
	}
}


/*Сервіси*/
.services-block {
	margin-bottom: 40px;
}

.services-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.service-item {
	flex: 0 1 calc(50% - 20px);
	/* Дві колонки */
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

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

.service-image {
	flex: 0 0 30%;
	margin-right: 20px;
}

.service-image img {
	max-width: 100%;
	border-radius: 8px;
}


/* Адаптивність */
@media (max-width: 768px) {
	.service-item {
		flex: 0 1 100%;
		/* Одна колонка на планшетах і мобільних */
	}
}

.load-more-wrapper {
	text-align: center;
	margin-top: 20px;
}


/*Про нас*/
.about-company-block {
	margin-bottom: 40px;
}

.about-company-wrapper {
	display: flex;
	justify-content: space-between;
	/* Додає простір між колонками */
	gap: 20px;
	/* Проміжок між зображенням та контентом */
	align-items: center;
}

.about-company-image {
	flex: 1 1 50%;
	/* Зображення займає 50% простору */
	max-width: 50%;
}

.about-company-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
      
}

.about-company-content {
	flex: 1 1 50%;
	/* Контент займає 50% простору */
}

.about-company-content h2 {
	font-size: 2rem;
	margin-bottom: 15px;
}

.about-company-content p {
	font-size: 1.2rem;
	margin-bottom: 20px;
}


/* Адаптивність для мобільних пристроїв */
@media (max-width: 768px) {
	.about-company-wrapper {
		flex-direction: column;
		text-align: center;
	}

	.about-company-image,
	.about-company-content {
		max-width: 100%;
		flex: 1 1 100%;
	}

	.about-company-content {
		text-align: center;
	}
}



/*FAq*/
/* Стилі для заголовку групи FAQ */
.faq-group-title {
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    color: #2b2d2f;
    font-family: Mont,sans-serif;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(43,45,47,0);
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 0;
}

/* Підсвічування при наведенні */
.faq-question:hover {
    color: #fe8b31; /* Колір тексту при наведенні */
}

/* Підсвічування для активного елементу */
.faq-question.active {
    color: #fe8b31; /* Колір тексту для активного елементу */
}

/* Стилі для запитання */
.faq-question {
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    color: #2b2d2f;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: Mont,sans-serif;
    line-height: normal;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(43,45,47,0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

/* Стилі для відповіді */
.faq-answer {
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    color: #2b2d2f;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: Mont,sans-serif;
    line-height: normal;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(43,45,47,0);
    display: none;
    width: 100%;
}
.faq-box {
     background: #f0f3f6;
    border-radius: 24px;
	padding: 0px 20px 0px 20px;   
	margin: 20px 0px;
	border-left: 5px solid #fe8b31;
}
.faq-group {
  padding: 5px;
}


.eb-accordion-content{   
	font-size: large;
}

/*Головна форма*/
/* Головна форма */


/* Основні стилі для вирівнювання і однакових розмірів */
.form-row {
  display: flex;
  flex-wrap: wrap;
}

.form-group {
  flex: 1 1 calc(33.333% - 20px); /* Для триколоночного макета */
  flex-direction: column;
}

#WycenaForm {
	  margin-bottom: 25px;

}
.acceptance-wrapper {
  display: flex;
  align-items: center; /* Вирівнювання по вертикалі */
  gap: 10px; /* Відстань між чекбоксом і текстом */
  margin-bottom: 20px;
}

.acceptance-wrapper label {
  margin-left: 0; /* Видаляємо зайвий відступ */
  font-size: 14px;
}

/* Стиль для чекбоксів */
input[type="checkbox"] {
  width: auto;
  height: auto;
  margin: 0; /* Вирівнюємо за замовчуванням */
}

.form-group label {
  margin-bottom: 5px;
}

input, select {
  width: 100%;
	height: 50px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #ccc;
}

textarea {
  height: 250px;

}

/* Адаптивність для мобільних пристроїв (одна колонка) */
@media (max-width: 768px) {
  .form-group {
    flex: 1 1 100%;
  }
}

/* Стилі для третього кроку */
#step-3 .form-row {
  flex-wrap: wrap;
}

#step-3 .form-group {
  flex: 1 1 calc(50% - 20px); /* Дві колонки для третього кроку */
}

/* Стилі для кнопок */


.button:hover {
  background-color: #e67e22;
}

/* Стилі для індикаторів кроків */
.form-steps-indicator {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}


.step-indicator {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
	margin: 20px;
}

.step-indicator.active {
  background-color: #fe8b31;
}


.services-list {
    margin-top: 20px;
}

.services-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.service-item {
    text-align: center;
    background-color: #f0f3f6;
    border-radius: 10px;
}

.service-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.service-title h3 {
    font-size: 1rem;
}

/* Адаптивність для мобільних пристроїв */
@media (max-width: 768px) {
    .services-wrapper {
        grid-template-columns: 1fr;
    }
}

.page-content {
    margin-top: 40px;
}

.contact-info-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 450px;
    box-sizing: border-box;
}

.google-map {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contact-info-content {
    z-index: 2;
    background: linear-gradient(to right, rgb(241 243 246) 0%, rgb(241 243 246 / 53%) 100%);
    padding: 20px;
	border-radius: 12px;
	height: 100%;
 
}

.contact-info-content h2 {
    font-size: 2.4rem;
    margin-bottom: 10px;
}

.contact-info-content p {
    font-size: 1.6rem;
    margin: 10px 0;
}

.contact-socials {
    margin-top: 20px;
}

.social-icon {
    margin-right: 15px;
	        width: 25px;

}

.social-icon svg {
	        width: 25px;

}


.google-map iframe{
	border-radius: 12px;
}



@media (max-width: 768px) {
    .contact-info-section {
        flex-direction: column;
        height: auto;
    }
	textarea {
    width: 350px;
}

    .google-map {
        position: static;
        width: 100%;
        height: 300px;
        margin-top: 20px;
    }

    .contact-info-content {
        max-width: 100%;
        margin: 0;
    }
}

.acceptance-wrapper {
    display: flex;
    justify-content: space-between;
}

/* Стилі для мобільних пристроїв */
@media only screen and (max-width: 768px) {
    .form-column {
        width: 100%; /* Колонки займають всю ширину на мобільних пристроях */
    }

	
    /* Текстові поля */
    .form-control {
        width: 100%;
		display:block;
    }
	#step-3 .form-group {
    flex: 2 1 calc(100% - 20px);
}

    /* Погодження в одну колонку на мобільних пристроях */
    .acceptance-wrapper {
        flex-direction: column; /* Зробити погодження в одну колонку */
        align-items: flex-start;
    }

    /* Вирівнювання тексту для погоджень на мобільних */
    .acceptance-wrapper label {
        margin-top: 10px;
        margin-left: 0;
    }
}

.container-404 {
    text-align: center;
    margin: 100px auto;
    padding: 20px;
    font-family: Mont, sans-serif;
    color: #2b2d2f;
}


p {
    color: #555555;
}

.button-404 {
    padding: 10px 30px;
    font-size: 1.6rem;
    background-color: #fe8b31;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.button-404:hover {
    background-color: #e67e22;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }

}
/* Основний стиль для контейнера навігації */
.post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding: 20px;
    background-color: #ffffff; /* Білий фон */
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
}

/* Стиль для посилань на попередню та наступну статтю */
.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1; /* Займає рівну частку простору */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

/* Заголовок посилання на статтю */
.nav-title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #2b2d2f;
    text-decoration: none;
    margin-left: 10px;
}

/* Підзаголовок (наприклад, "Previous:", "Next:") */
.nav-subtitle {
    display: block;
    font-size: 1.2rem;
    color: #999;
    margin-bottom: 5px;
}

/* Додаємо стрілочки перед і після заголовків */
.nav-previous .nav-title::before {
    content: '←';
    font-size: 1.6rem;
    color: #fe8b31;
    margin-right: 5px;
}

.nav-next .nav-title::after {
    content: '→';
    font-size: 1.6rem;
    color: #fe8b31;
    margin-left: 5px;
}

/* Стиль при наведенні на посилання */
.nav-title:hover {
    color: #fe8b31; /* Основний колір сайту */
    text-decoration: underline;
}



/* Адаптивний дизайн для мобільних пристроїв */
@media (max-width: 768px) {
    .post-navigation {
        flex-direction: column;
        align-items: center;
    }

    .nav-previous,
    .nav-next {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .nav-title {
        margin: 0;
    }
}





/* Основний стиль мовного перемикача */
.pll-parent-menu-item a {
    display: flex;
    align-items: center;
}

.pll-parent-menu-item img {
    margin-right: 8px;
}

/* Стиль для списку мов */
.pll-parent-menu-item .sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.pll-parent-menu-item:hover .sub-menu {
    display: block;
}

/* Список мов у випадаючому меню */
.sub-menu li {
    padding: 5px 0;
}

.sub-menu li a {
    display: flex;
    align-items: center;
    color: #333;
}

.sub-menu li a img {
    margin-right: 8px;
}

/* Адаптація для мобільних пристроїв */
@media (max-width: 768px) {
    .pll-parent-menu-item {
        display: block;
    }

    .pll-parent-menu-item .sub-menu {
        position: relative;
    }
}

.landing-platforms {
    background-color: #fff;
    padding: 50px 0;
    text-align: center;
}

.landing-platforms-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.landing-platforms-logo img,
.landing-platforms-logo-mobile img {
    max-width: 100%;
}

.landing-platforms-title {
    font-size: 2rem;
    color: #333;
    margin-bottom: 20px;
}

.landing-platforms-text {
    font-size: 1.6rem;
    color: #666;
}

.sticky-section {
    padding: 30px;
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 20px;
}

.landing-platforms-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.landing-platforms-card-num {
    font-size: 2rem;
    font-weight: bold;
}

.landing-platforms-card-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.landing-platforms-card-desc {
    font-size: 1.4rem;
    color: #333;
}

.landing-platforms-card-body img {
    max-width: 100%;
    border-radius: 10px;
}

.flex {
    display: flex;
}


/* Стиль для блоку команди */

.team-section-title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #fe8b31;
    margin-bottom: 40px;
}

.team-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

.team-member {
    background-color: #f0f3f6;
    padding: 20px;
    border-radius: 12px;
    flex: 1 1 calc(33% - 20px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.team-image img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 15px;
    max-width: 150px;
}

.team-posada {
    font-size: 1.4rem;
    font-weight: bold;
    color: #2b2d2f;
}

.team-contact a {
    color: #fe8b31;
    text-decoration: none;
}

.team-contact a:hover {
    text-decoration: underline;
}

/* Mobile menu overlay background */
.mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
}

/* Mobile menu modal */
.mobile-menu-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    z-index: 999;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    padding: 20px;
}

/* When the mobile menu is open */
.mobile-menu-modal.open {
    display: block;
    transform: translateX(0);
}

/* Mobile menu items */
.mobile-navigation .mobile-menu-items {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
	    margin-top: 25%;

}

.mobile-navigation .mobile-menu-items li {
    margin-bottom: 15px;
}

.mobile-navigation .mobile-menu-items li a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: 500;
	    justify-content: center;
}

/* Close button for the mobile menu */
.mobile-menu-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    cursor: pointer;
}

/* Responsive styles */
@media (max-width: 768px) {
    .main-navigation {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .mobile-menu-modal {
        width: 100%;
    }
}