:root {
    box-sizing: border-box;
    font-size: calc(0.65em + 1vw);
    --header_height: 0;
    --banner_height: 0;
    --text_banner_height: 0;
}

body {
    display: flex;
    flex-direction: column;
    background-image: url('https://test.powergrids.pl/wp-content/uploads/2023/11/bkgd_site-scaled.jpg');
    
    background-position: top;
    background-size: 100% auto;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

sub, sup {
    font-size: 0.6em;
}



/* BODY*/
.container {
	max-width: 1000px;
    min-width: 320px;
    margin: 0 auto;
}

a:hover {
	color: #008477 !important;
}

body {
	font-family: 'Open sans',sans-serif;
	font-size: 1rem;
}

/*_______________________________________________________*/

/*HEADER*/

.header {
    display: grid;
    grid-template-columns: 1fr 150px 1fr;
    grid-template-rows: 1fr auto;
    column-gap: 20px;
    align-items: flex-end;
	font-family: 'Open sans',sans-serif;
    color: #666666;
    padding: 10px 20px;
    background-color: #fff;
    position: relative;
}

.header_box{
    display: block;
    width: 100%;
    height: fit-content;    
    box-shadow: 0px 2px 10px 0px rgba(0, 132, 119, 0.25);
    position: relative;
}

.header_logo_block {
    display: block;
    margin: 0 auto;	
    grid-row: 1/span 2;
    grid-column: 2;
}

.header_logo_block > a  {
    display: block;
	max-width: 150px;
	height:auto;
}

.header_logo_block > a > img {
	max-width: 150px;
	height: auto;
}

    /*_______________________________________________________*/

	/*Lang_swich*/

.lang_swich_block {
	display: flex;
	flex-direction: row;
	height: auto;
	justify-content: flex-end;
    font-size: max(12px, 0.5rem);
    margin-bottom: auto;
    position: absolute;
    top: 5px;
    right: 10px;
}

.lang_swich_block_down {
	display: flex;
	flex-direction: row;
	padding: 3px 5px;
	margin-left: 5px;
}

.globus_img {
	color: #008477; 
	padding-top: 2px;
    margin-top: 0.25em;
    margin-left: 3px;
    font-size: max(12px, 0.5rem);
}

.wpglobus-language-switcher img {
	display: none;
}

.wpglobus-language-switcher {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3em;
    height: auto;
	width: auto;
	padding: 0.3em;
}

.dropdown_lang_item a {
    font-size: max(13px, 0.5rem);
}

.dropdown_lang_item.active {
	color: #008477;
}


.dropdown_lang_item:nth-child(2n) {
	display: none;
}

.actived a {
    position: relative;
}

.actived a:before {
    content: ' ';
    position: absolute;
    top: calc(50% - 2px);
    left: -12px;
    width: 0;
    height: 0;
    float: left;
    border: solid 4px; 
    border-color: #666 transparent transparent transparent;
}

.lang_swich_block_down:hover {
	background-color: #F5F5F5;
	border-radius: 5px;
}

.lang_swich_block_down:hover .actived a:before{
    opacity: 0;
}


.lang_swich_block_down:hover .dropdown_lang_item:nth-child(2n) {
	display: block;
}

.lang_swich_block_down:hover a {
	display: block;
	color: #666;
}

.arrow_lang {
    display: blockx;
    margin-top: 0.25em;
    height: 18px;
}

    /*_______________________________________________________*/

	/*header_menu*/

.header__menu_wrap {
    display: block;
    width: 100%;
    height: fit-content;
    padding: 5px 30px 0 0;
    grid-row: 1/span 2;
}

.heaeder__menu {
	width: 100%;
    height: 25px;    
    border-bottom: 0.5px solid #008477;
}

.heaeder__menu ul.flex-start-between {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: auto;
    width: 100%;
    height: 100%; 
    overflow: hidden;    
}

.list_number0 {
    gap: 10px;
    justify-content: flex-start;
}

.menu_arrow_0 {
    display: flex;
    justify-content: center;
    align-items: center;   
    position: relative;
}

.menu_arrow_0::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #666;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: calc(50% - 3px);
}



.heaeder__menu ul.flex-start-between li {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 100%;
    width: fit-content;
    padding-bottom: 5px;
    border-bottom: 0px solid #008477;   
    /*transition: border 100ms ease-in-out, padding 100ms ease-in-out;*/
}



.heaeder__menu ul.flex-start-between li a {
    font-size: max(14px, 0.6rem);
	color: #666;
}

ul.flex-start-between li:hover {
    border-bottom: 3px solid #008477;
    padding-bottom: 2px; 
}

.header__menu_dropdown_wrap:hover .list_number0 {
    border-bottom: 3px solid #008477;
    padding-bottom: 2px; 
}

.flex-start-between>li:nth-child(even)>div,
.flex-start-between>li:nth-child(3)>div {
    display: none;
}



/*header_menu END*/

.header_search_block {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	width: 100%;
    justify-content: space-between;
    height: fit-content;
    padding-left: 30px;
    grid-row: 2;
    grid-column: 3;
}

.header__search {
    display: flex;
	flex-direction: row;
	align-items: center;
	width: 35%;
    justify-content: flex-start;
    height: 20px; 
    border-radius: 0px 10px 10px 0px;
    border-bottom: 0.5px solid #008477;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03),
                0px 4px 4px 0px rgba(0, 0, 0, 0.03), 
                0px 9px 6px 0px rgba(0, 0, 0, 0.02), 
                0px 17px 7px 0px rgba(0, 0, 0, 0.00), 
                0px 26px 7px 0px rgba(0, 0, 0, 0.00);
}

.header__search_field {
	display: block;
    max-width: 200px;
    width: 80%;  
    height: 100%;
    padding: 0 10px;
    outline: none;
    border-radius: 0;
    color: #00584F;
    font-size: max(12px, 0.5rem);
}

.header__search_field::placeholder {
    color: rgba(0, 132, 119, 0.40);
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.header_search_buton_mobi {
    display: none;
}

.header_search_buton {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20%;
	max-width: 60px;
    height: 100%;
    max-height: 20px;
    border-left: 0.5px solid #008477;
    background-color: transparent;
}

.header_search_buton img {
    min-height: 10px;
	min-width: 10px;
	height: 10px;
	width: 10px;
    z-index: 1;
}

.header__search_field:focus::placeholder {
    color: transparent;
}

.header__search:focus-within {
    border-radius: 10px;
    border: none;
    box-shadow: none;
}

.header__search_field:focus {
    border-radius: 10px 0px 0px 10px;
    border: 1px solid #008477;
    background: #FFF;
    box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.05) inset, 
                -4px 0px 4px 0px rgba(0, 0, 0, 0.04) inset, 
                -10px 0px 6px 0px rgba(0, 0, 0, 0.03) inset, 
                -18px 0px 7px 0px rgba(0, 0, 0, 0.01) inset, 
                -28px 0px 8px 0px rgba(0, 0, 0, 0.00) inset;
}

.header__search_field:focus + .header_search_buton {
    border-radius: 0px 10px 10px 0px;
    background: #008477;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20), 
                0px 0px 4px 0px rgba(0, 0, 0, 0.17), 
                0px 0px 5px 0px rgba(0, 0, 0, 0.10),
                0px 0px 6px 0px rgba(0, 0, 0, 0.03), 
                0px 0px 7px 0px rgba(0, 0, 0, 0.00);
}

.header__search_field:focus + .header_search_buton img {
    filter: brightness(0) invert(1);
}

.heder_consultation_btn {
    display: flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 5px;

    border-radius: 10px;
    border: 2px solid #008477;
    background-color: transparent;
}

.heder_consultation_btn p {
    color: #008477;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.heder_consultation_btn svg {
    width: 15px;
    fill: #008477;
}

.heder_consultation_btn img {
    display: none;
}

.heder_consultation_btn:hover {
    border: 2px solid #fff;
    background-color: #008477;
}

.heder_consultation_btn:hover p {
    color: #fff;
}

@keyframes move_arrow {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(8px);
    }
    100% {
       transform: translateX(0);
    }
  }

.heder_consultation_btn:hover svg {
    fill: #fff;
    animation: move_arrow 500ms forwards;
}




        /*_______________________________________________________*/

		/*drop down menu setting*/ 

.header__menu_dropdown_wrap_pad {
    /*display: block;*/
    width: 100%;
    height: 0;
    max-height: 0;
    position: absolute;
    left: 0;
    top: var(--header_height);
    z-index: 24;
    background-color: rgba(0, 132, 119, 0.1);
    transition: max-height 0.5s ease-in-out;
}

.header__menu_dropdown_wrap { 
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-width: 1000px;
	max-height: 0;
    z-index: 25; 
    display: block;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
}

.header__menu_dropdown {
	display: flex;
	max-width: 1000px;
    min-width: 320px;
	height: 450px;
    width: 100%;
	
}

            /*_______________________________________________________*/

			/*dropdown menu items*/

.header__menu_dropdown_col_up {
	width: 100%;
	height: auto;
	max-height: 410px;
	display: flex;
	flex-direction: row;
	position: relative;
    overflow: hidden;	
}

.header__menu_dropdown_col_1,
.header__menu_dropdown_col_1_hid,
.header__menu_dropdown_child_col_1_hid {
    display: block;
    width: 400px;
    height: 410px;
    padding: 20px 30px 5px 30px;
    position: absolute;
    right: 0;
	top: 0;
	background: linear-gradient(to right, #F5F5F5 0 50px, #008477 50px);
	z-index: 2;
}

.header__menu_dropdown_col_1 {
    z-index: 0;
}

.header__menu_dropdown_col_1_hid {
    z-index: 1;
}

.header__menu_dropdown_category_link_2 {
	display: flex;	
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
    width: 100%;
    height: 100%;	
}

.header__menu_dropdown_col_1_hid {
    right: -1100px;
    opacity: 0;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    z-index: 2;
}

.header__menu_dropdown_child_col_1_hid {
    right: -1100px;
    opacity: 0;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}


.header__menu_dropdown_category_image {
	width: 340px;
	height: 220px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: -2px 1px 6px 0px rgba(0, 0, 0, 0.10), 
                -8px 6px 10px 0px rgba(0, 0, 0, 0.09), 
                -19px 13px 14px 0px rgba(0, 0, 0, 0.05), 
                -34px 23px 16px 0px rgba(0, 0, 0, 0.01), 
                -52px 35px 18px 0px rgba(0, 0, 0, 0.00);
}

.header__menu_dropdown_category_image_0_element {
    display: none;
}

.header__menu_dropdown_col_1 p,
.header__menu_dropdown_col_1_hid p,
.header__menu_dropdown_child_col_1_hid p {
	color: transparent;
	font-size: 0.8rem;
	font-weight: 600;
	width: 100%;
    background: linear-gradient(to right, #008477 0 20px, #fff 20px);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}

.arrow_back,
.arrow_backs,
.arrow_category {
    display: none;
}

.header__menu_dropdown_col_1_description {
	width: 100%;
	height: 90px;
	overflow: hidden;
	color: transparent;
	font-family: Open Sans;
	font-size: 0.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: -webkit-box;
    text-overflow: ellipsis;
	-webkit-line-clamp: 5; /* Кількість рядків, які відображатимуться */
	-webkit-box-orient: vertical;
    background: linear-gradient(to right, #008477 0 20px, #fff 20px);
    background-clip: text;	
    -webkit-background-clip: text;
    -moz-background-clip: text;
}

.header__menu_dropdown_col_2 {
	display: flex;
	width: 300px;
	height: 410px;
	padding: 30px 0px 10px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	background: #Fff;
	color: #666666;
	position: absolute;
	top: 0;
    left: 0;
    z-index: 3;
}

.header__menu_dropdown_category {
	display: block;
	padding: 2.5px 20px;
	align-items: flex-start;
	align-self: stretch;
	height: 22px;
}

.header__menu_dropdown_title {
	color: #666;
	font-family: Open Sans;
	font-size: max(16px, 0.6rem);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	z-index: 2;
}

.header__menu_dropdown_title_col_1 {
	color: #FFF;
	font-size: 0.8rem;
	font-weight: 600;
	width: 240px;
}

.header__menu_dropdown_child_category_col_3_hid, 
.header__menu_dropdown_col_3  {
	display: flex;
	width: 300px;
	height: 410px;
	padding: 30px 0px 10px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	background: #F5F5F5;
	color: #666666;
	position: absolute;
    left: 300px;
    transform: scale(0, 1);
    transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
	top: 0;
    z-index: 2;
    opacity: 0;
}

.header__menu_dropdown_col_3 {
    display: flex;
    z-index: 1;
    transform: translateX(0);
    opacity: 1;
}

.header__menu_dropdown_child_category {
	display: block;
	padding: 2.5px 20px;
	align-items: flex-start;
	align-self: stretch;
	height: 20px;
    /*z-index: 1;*/
}

.header__menu_dropdown_childtitle {
	color: #666;
	font-family: Open Sans;
	font-size: max(14px, 0.5rem);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.header__menu_dropdown_childtitle_col_1 {
	color: #FFF;
	font-size: 0.8rem;
	font-weight: 600;
	width: 240px;
}

.header__menu_dropdown_col_down {
	width: 1000px;
	height: 40px;
	display: block;
	flex-direction: row;
	position: relative;
	background-color: #008477;
	position: absolute;
	bottom: 0;
	left: 0;
    z-index: 4;
}

.head__socials {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: row;
	flex-wrap: no-wrap;
	align-items: center;	
	justify-content: flex-end;
}

.head__socials a {
	display: block;
	height: 26px;
	width: auto;
	margin-right: 20px;
}

.head__socials svg {
	display: block;
	height: 26px;
	width: auto;
	color: #fff;
}

                /*_______________________________________________________*/

				/* hovers*/

.header__menu_dropdown_link_1:hover .header__menu_dropdown_title {
	color: #008477;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	z-index: 2;
}

.header__menu_dropdown_category_hov {
	display: none;
	width: 300px;
	height: 10px;
	position: relative;
	top: -10px;
    left: -20px;
	z-index: 1;
	background: #FFF;
	filter: blur(5px);
}

.header__menu_dropdown_link_1:hover .header__menu_dropdown_category_hov {
	display: block;
}

.header__menu_dropdown_childlink_1:hover .header__menu_dropdown_childtitle {
	color: #008477;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.header__menu_dropdown_category:hover .header__menu_dropdown_col_1_hid {
	opacity: 1;
	transform: translateX(-400px);
}

.header__menu_dropdown_category:hover .header__menu_dropdown_child_category_col_3_hid {
	opacity: 1;
    transform: scale(1, 1);
}

.header__menu_dropdown_child_category:hover .header__menu_dropdown_child_col_1_hid {
	/*display: block;*/
	opacity: 1;
	transform: translateX(-700px);
}

/*HEADER END*/

/*_______________________________________________________*/

/*main_top_banner START*/


.main_top_banner_wrap {
	display: block;
	width: 100%;
	height: var(--banner_height);
    min-height: 450px;
    min-width: 250px;	
    background-color: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}

.main_top_banner__carousel {
    display: block;
    width: 100%;
    height: 100%;
}

.main_top_banner__item {
    height: 100%;
}

.main_top_banner__item_box {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 40% 1fr 0.3fr 0.3fr;
    width: 100%;
	height: 100%;
    padding: 0;
}

.main_title_ban_box {
    display: block;
    position: relative;
    height: 100%;
    margin-left: 50px;
    margin-right: 50px; 
    border-bottom: 0.5px solid #008477;
    grid-column: 1;
    grid-row: 1;
    overflow: hidden;
}

.main_title_ban {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: transform 500ms ease-in-out;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 40px;
    width: 100%;
    height: 100%;   
    padding: 50px 0;    
}

.main_top_banner__item_icon {
    display: block;
    width: fit-content;
    height: 100%;
}

.main_top_banner__item_icon img {
    display: block;
    height: 100%;
    max-height: 275px;
    width: auto;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.main_top_banner__item_title {
    display: block;
    width: auto;
    color: #008477;
    font-size: max(20px, 1.35rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;   
}

.main_top_banner__item_text_box {
    margin: 50px;
    margin-bottom: 60px;
    height: calc(1.2 * 5 * max(14px, 0.8rem));
    position: relative;
    grid-row: 2;
    grid-column: 1;
    overflow: hidden;
}

.main_top_banner__item_text {
    display: -webkit-box;

    color: #008477;
    font-size: max(14px, 0.8rem);
    line-height: 1.2;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    height: 100%; 

	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    left: 0;

    transform: translateX(-100%);    
    transition: transform 500ms ease-in-out;
}

.btn_block {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
    height: 100%;
    padding-right: 70px;
    padding-left: 50px;
}

.main_top_banner__item_btn_box {
    display: block;
    position: relative;
    width: 30%;
    height: 100%;
    overflow: hidden;
}

.main_top_banner__item_btn {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #008477;
    font-size: max(14px, 0.6rem);
    line-height: 1.0;
    font-style: normal;
    font-weight: 400;
    color: #008477;
    margin-bottom: 20px;
    position: absolute;
    bottom: -100%;
    left: 0;
}

.main_top_banner__item_btn:hover {
	background-color: #006060;
	color: white!important;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #FFF;	
}



.main_top_banner__item_btn svg {
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    fill: #008477;
    position: relative;
    left: 9px;
    bottom: 0px;
}

.main_top_banner__item_btn:hover svg {
	animation: move_arrow 500ms forwards;
    fill: #fff;
}

.main_top_banner__item_btn_anim {
    transform: translateY(-200%);
    transition: transform 500ms ease-in-out;
}


.image_box {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    grid-row: 1/span 3;
    grid-column: 2;
}

.line_left {
    display: block;
    position: absolute;
    height: calc(100% - 50px);
    width: 3px;
    bottom: 0;
    left: 0;
    background-color: #008477;
    z-index: 2;
    transform: translateY(-200%);
    transition: transform 200ms ease-in-out;
}

.line_top {
    display: block;
    position: absolute;
    width: calc(100% - 50px);
    height: 3px;
    top: 80px;
    left: 0;
    background-color: #008477;
    z-index: 2;
    transform: translateX(200%);
    transition: transform 350ms ease-in-out;
}

.line_right {
    display: block;
    position: absolute;
    height: calc(100% - 50px);
    width: 3px;
    bottom: -30px;
    right: 80px;
    background-color: #008477;
    z-index: 2;
    transform: translateY(200%);
    transition: transform 500ms ease-in-out;
}

.line_botom {
    display: block;
    position: absolute;
    width: calc(100% - 50px);
    height: 3px;
    bottom: 0px;
    left: -30px;
    background-color: #008477;
    z-index: 2;
}

.image {
    display: block;
    position: absolute;
    left: 0;
    top: 80px;
    right: 80px;
    bottom: 0;
    z-index: 1;
}

.image_image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    transform: scale(0.1, 0.1);
    transition: transform 600ms ease-in-out;  
}

.image_desc {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 100px;
    color: transparent;
    font-size: max(14px, 0.6rem);
    transition: color 500ms ease-in-out;    
}

.top_banner_pag {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    grid-row: 4;
    grid-column: 1/span 2;
}

.const_line {
    width: 100%;
    height: 5%;
    background-color: rgba(0, 132, 119, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
}

@keyframes line_top_banner {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}

.dinamic_line {
    width: 100%;
    height: 5%;
    background-color: rgba(0, 132, 119);
    position: absolute;
    left: 0;
    bottom: 0;
    /*transition: width 10s linear;*/
}

.anim {    
    width: 0;
    transition: width 10s linear;
    /*animation: line_top_banner 10.5s linear infinite;*/
}






/*main_top_banner END*/


/*_______________________________________________________*/


/*main_news START*/

.main_news_1 {
    display: flex;
    flex-direction: column;
    width: 95%;
    max-width: 1000px;
    min-width: 250px;
    margin: 0 auto;
}

.main_news_title {
	display: flex;
	margin: 50px auto 0 auto;
	max-width: 1000px;
    min-width: 250px;
    width: 100%;
	padding: 0px 20px 10px 20px;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #008477;
	color: #008477;

	font-size: max(0.86rem, 20px);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.main_news__slider {
	display: block;
	max-width: 1000px;
    min-width: 250px;
    width: 100%;
	height: 399px;
	margin: 0 auto;	
    background-color: #f5f5f5;
    padding: 5px 15px;
}
	

.main_news__slider_box {
	padding: 0 0 30px 0;
	width: 100%;
	height: 100%;
}

.main_news__slider_item {
	display: block;
	position: relative;
	width: 100%;
	min-height: 359px;
   
}

.main_news_slider_item_bkgd {
    position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;
}

.main_news__slider_item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #00847740;
	opacity: 0;
	transition: opacity 500ms;
}

.main_news__slider_item:hover::before {
	opacity: 1;
}

.main_news__slider_item:hover .main_news_slider_item_title {
	background: rgba(0, 132, 119, 0.7);
}

.main_news_slider_item_title {
	display: block;
	position: absolute;
	bottom: 0;
	height: calc(max((16px * 1.4 * 3 + 20px), (0.7rem * 1.4 * 3 + 20px)));
	width: 100%;
	padding: 10px;
	background: rgba(102, 102, 102, 0.7);	
    transition: background 500ms;
}

.main_news_slider_item_title p{
	
	
	
	color: #FFF;
	font-size: max(16px, 0.7rem);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
	height: 100%;

    display: -webkit-box;	
	-webkit-line-clamp: 3; /* Кількість рядків, які відображатимуться */
	-webkit-box-orient: vertical;
    text-overflow: ellipsis;	
	overflow: hidden;
}

/*main_news END*/

/*_______________________________________________________*/

/*About slider*/
.main_abots {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: fit-content;
    position: relative;
    margin-top: 50px;
}

.main_abouts_image {
    background-position: center;
    background-size: cover;
    display: block;
    width: 600px;
    height: 600px;
    min-width: 310px;
    max-width: 600px;
    min-height: 310px;
    padding: 10px 5px 30px 5px;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.20), 
                13px 13px 18px 0px rgba(0, 0, 0, 0.17), 
                29px 29px 25px 0px rgba(0, 0, 0, 0.10), 
                52px 52px 29px 0px rgba(0, 0, 0, 0.03), 
                81px 81px 32px 0px rgba(0, 0, 0, 0.00);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.main_abouts_desc {
    display: flex;
    width: 450px;
    height: 600px;
    min-width: 310px;
    padding: 20px 20px 20px 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    background: #008477;
   margin-top: 50px
}

.main_abouts_title {
    display: flex;
	margin: 0 auto;
	max-width: 500px;
    min-width: 250px;
    width: 100%;
	padding: 0px 20px 10px 20px;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #fff;
	color: #fff;

	font-size: max(0.86rem, 20px);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.main_abouts_text {
    width: 100%;
	height: fit-content;
	color: #FFF;
	font-size: max(0.6rem, 15px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}

/*About slider end*/

/*_______________________________________________________*/

/*recomendet_product START*/


.recomendet_product {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 250px;
}

.recomendet_product_title {
	display: flex;
	margin: 50px auto 0 auto;
	max-width: 1000px;
    min-width: 250px;
    width: 100%;
	padding: 0px 20px 10px 20px;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #008477;
	color: #008477;

	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.recomendet_product_slider {
	display: block;
	max-width: 1000px;
    min-width: 250px;
    width: 100%;
	height: 420px;
	margin: 0 auto;
}

.recomendet_product_slider_box {
	padding: 5px 15px 30px 15px;
	width: 100%;
	height: 100%;
    background-color: #f5f5f5;	
    position: relative;
}

.recomendet_product_slider_item {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	position: relative;
	width: 240px;
	height: 382px;
    transition: box-shadow 0.5s ease-in-out;	
}

.recomendet_product_slider_item_image {
    display: block;
    background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;
    width: 100%;
    height: 322px;
    position: relative;
}

.recomendet_product_slider_item_image p {
	display: block;
    /*text-wrap: nowrap;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
	overflow: hidden;*/
	color: #fff;
	font-size: max(15px, 0.7rem);
	font-style: normal;
	font-weight: 500;
	width: 100%;
	height: fit-content;
	padding: 10px 5px;
    border-bottom: solid 1.5px #fff;
    background: linear-gradient(180deg, #00847710 3.79%, #008477 100%);
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.recomendet_product_slider_item_image p::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #00675D10 3.79%, #00675D 100%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: -1;
}


.recomendet_product_slider_item_title {
	display: block;
    padding: 10px 5px;
	height: 60px;
	width: 100%;
	background: #008477;	
    transition: background 0.5s ease-in-out;
}

.recomendet_product_slider_item_title p {
	display: -webkit-box;
    height: 100%;
	width: 100%;	
	-webkit-line-clamp: 2; /* Кількість рядків, які відображатимуться */
	-webkit-box-orient: vertical;	
	text-overflow: ellipsis;	
	overflow: hidden;
	color: #f5f5f5;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.recomendet_product_slider_item:hover {
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05), 
                2px 3px 4px 0px rgba(0, 0, 0, 0.04), 
                5px 6px 5px 0px rgba(0, 0, 0, 0.03), 
                9px 11px 6px 0px rgba(0, 0, 0, 0.01), 
                14px 18px 6px 0px rgba(0, 0, 0, 0.00);
    z-index: 5;
}

.recomendet_product_slider_item:hover .recomendet_product_slider_item_title {
    background: #00675D;
}



.recomendet_product_slider_item:hover .recomendet_product_slider_item_image p::after {
    opacity: 1;
}

/*recomendet_product END*/

/*_______________________________________________________*/

/*main_partner_brand*/

.main_parner_brand {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: fit-content;
    min-width: 300px;
    max-width: 1000px;
    width: 95vw;
    margin: 0 auto;
  }

  .main_parner_brand_title {
    display: flex;
	margin: 50px auto 0 auto;
	width: 100%;
	padding: 0px 20px 10px 20px;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #008477;
	color: #008477;

	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
  }

.main_parner_brand_slider {
    display: block;
	max-width: 1000px;
    min-width: 300px;
    width: 100%;
	height: 120px;
	margin: 0 auto;
    padding: 10px 20px;
    background-color: #f5f5f5;
    overflow: hidden;
    border: 0 solid #f5f5f5;
    border-width: 0 10px;

}

.main_parner_brand_slider_image {
    display: block;
    height: 100px;
    width: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*main_partner_brand END*/

/*_______________________________________________________*/

/*FOOTER START*/

.foo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    background: #f5f5f5; 
    padding: 0;
    border-top: 2px solid #00675D;  
    margin-top: 50px;
    width: 100%;
    height: 290px;
    max-height: fit-content;
    flex-shrink: 0;
}

.foo_content {
    display: flex;
    max-width: 1000px;
    min-width: 250px;
    height: 100%;
    padding: 20px 0;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    width: 95%;
}

.foo_vertical_line {
    display: block;
    background-color: #00675D;
    height: 100%;
    width: 1px;
}

.foo_horizontal_line {
    display: block;
    background-color: #00675D;
    height: 1px;
    width: 100%;
}

.foo_left_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    height: 100%;
    width: 220px;
    padding: 0 10px;
}

.foo_logo_block {
    display: block;
    width: 100%;
    height: fit-content;
}

.foo__logo img {
    display: block;
	max-width: 150px;
	height:auto;
}

.foo_left_container_abouts,
.foo_right_container_abouts {
    display: block;
    width: 100%;
    height: fit-content;
    color: #00675D;
    font-family: Open Sans;
    font-size: max(14px, 0.52rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}

.foo_nav_menu {
    display: block;
    width: 220px;
    height: 100%;
}

.foo__menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch; 
    height: 100%;
    width: 100%;
    padding: 0 10px;  
}

.foo__menu li a {
    display: block;
    color: #00675D;
    font-size: max(14px, 0.52rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color 0.5s ease-in-out, font-weight 0.5s ease-in-out;
}

.foo__menu li a:hover {
    color: #008477;
    
    font-weight: 500;
    line-height: normal;
}

.foo_right_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    height: 100%;
    width: 220px;
    padding: 0 10px;
}

.foo__socials {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem; 
    height: fit-content;
    width: 100%;   
}

.foo__socials a {
    opacity: .6;
}

.foo__socials a:hover {
    opacity: 1;
}

.foo_copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 100%;
    color: #FFF;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 12.1px */
    background: #008477;
    position: relative;    
}

/*FOOTER END*/


/*===============================MAIN_PAGE END===================================*/







/*================= PAGE 2 News START =================*/

.news_title__wrap {
    background-color: #fff;
    width: 100%;
    height: 200px;
    position: relative;
}

.banner_bkgrd_news {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
}


.news_title {
    color: #00584F;
    padding: 10px 10px 15px 10px;
    border-bottom: 2px solid #00584F;
    font-size: max(26px, 1.2rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: auto auto auto 150px;
}

.news_title_block {
    display: flex;
    align-items: center;
    z-index: 2;
    height: 100%;
    width: 55%;
    position: absolute;
    right: 0;
    background: linear-gradient(115deg, transparent, transparent 10%, #ffffffcd 10%, #ffffffcd);
}



.news_top {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    min-width: 250px;
    width: 100%;
    margin: 0 auto;
}

.top_news {
    display: grid;
    grid-template-columns: repeat(4, 237.5px);
    grid-template-rows: repeat(2, 237.5px);
    justify-items: center;
    justify-content: space-evenly;
    align-items: center;
    min-width: 250px;
    max-width: 1000px;
    width: 100%;
    height: auto;    
    padding: 10px;
    gap: 10px;
    grid-auto-flow: dense;
    background: #F5F5F5;
}

.top_news_box {
    display: block;
    grid-column: span 2;
    grid-row: span 2;
    width: 100%;
    height: 100%;
    max-width: 485px;
    max-height: 485px;
    min-width: 250px;
    min-height: 250px;
    position: relative;    
}

.top_news_item_bkgd {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
}

.top_news_item_title {
	display: block;
	position: absolute;
	bottom: 0;
	height: 100px;
	width: 100%;
	padding: 10px;
	background: rgba(102, 102, 102, 0.7);	
}

.top_news_item_title p {
	display: -webkit-box;	
	
	-webkit-line-clamp: 3; /* Кількість рядків, які відображатимуться */
	-webkit-box-orient: vertical;
	
	text-overflow: ellipsis;
	
	overflow: hidden;
	color: #FFF;
	font-size: max(16px, 0.7rem);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
	height: 100%;
}

.top_news_box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #00847740;
	opacity: 0;
	transition: opacity 500ms;
}

.top_news_box:hover::before {
	opacity: 1;
}

.top_news_box:hover .top_news_item_title {
	background: rgba(0, 132, 119, 0.7);
}

.top_newis_box {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 237.5px;
    max-height: 237.5px;
    min-width: 125px;
    min-height: 125px;
    position: relative;    
}

.top_newis_item_bkgd {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
}

.top_newis_item_title {
	display: block;
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 100%;
	padding: 5px;
	background: rgba(102, 102, 102, 0.7);	
}

.top_newis_item_title p {
	display: -webkit-box;	
	
	-webkit-line-clamp: 3; /* Кількість рядків, які відображатимуться */
	-webkit-box-orient: vertical;
	
	text-overflow: ellipsis;
	
	overflow: hidden;
	color: #FFF;
	font-size: max(12px, 0.5rem);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
	height: 100%;
}

.top_newis_box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #00847740;
	opacity: 0;
	transition: opacity 500ms;
}

.top_newis_box:hover::before {
	opacity: 1;
}

.top_newis_box:hover .top_newis_item_title {
	background: rgba(0, 132, 119, 0.7);
}

.news_tab {
    display: block;
    max-width: 1000px;
    min-width: 250px;
    width: 100%;
    margin: 0 auto;
}

.all_news {
    display: grid;
    grid-template-columns: repeat(3, 320px);
    grid-auto-rows: auto;
    padding: 10px;
    background-color: #f5f5f5;
    gap: 10px;
    justify-items: center;
    justify-content: space-evenly;
    align-items: center;
}

.main_news_slider_item_category {
    display: block;
	position: absolute;
	top: 0;
    right: 0;
	height: fit-content;
	width: 50%;
	padding: 5px 10px;
	background: rgba(102, 102, 102, 0.7);	
    transition: background 500ms;

}

.main_news__slider_item:hover .main_news_slider_item_category {
	background: rgba(0, 132, 119, 0.7);
}

.main_news_slider_item_category p {
    display: -webkit-box;	
	
	-webkit-box-orient: vertical;
	
	text-overflow: ellipsis;
	
	overflow: hidden;
	color: #FFF;
	font-size: max(12px, 0.5rem);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
	height: 100%;
}

.name_post {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
    max-width: 1000px;
    min-width: 250px;
    max-height: 500px;
    min-height: 250px;
    height: 100%;
    margin: 20px auto 50px auto;
    padding: 0 0 0 20px;
}

.post-image {
    display: block;
    width: 450px;
    height: 450px;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;  
}

.name_post_txt_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 500px;
    width: 100%;
    min-width: 250px;
    height: 450px;
    padding: 20px 0;
}

.name_post_txt_tag {
    display: block;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #008477;
    background: #FFF;

    color: #00584F;
    text-align: right;
    font-size: max(16px, 0.8rem);
    font-weight: 400;
    line-height: normal;
    padding: 5px 20px;
}

.name_post_txt {
    width: 100%;
    color: #00584F;
    font-size: max(20px, 1.15rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #FFF;
    padding: 5px 20px;
}

.default_page_content{
   background-color: #fff;
   padding: 10px;
   border: 1px solid #008477;
}

.default_page_content p{
    margin: 0 0 20px 0;
    font-size: max(14px, 0.6rem);
    color: #666;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin: 0.3em 0;
}

.default_page_content h2{
    color: #008477;
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    margin: 0.7em 0;
}

.default_page_content li{
    width: 100%;
    color: #666;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.default_page_content ul{
    margin: 0.5em 0;
}




.new_pagination {
    margin-left: auto;
}

.new_pagination_btn {
    padding: 2px 5px;
    background: #eee;
    border: solid 1px #333;
    color: #333;
    margin-left: 3px;
}

.new_pagination_btn.active,
.new_pagination_btn:hover {
    background: #2564aa;
    border-color: #2564aa;
    color: white !important;
}

.new_pagination_btn.disable {
    opacity: .6;
    pointer-events: none;
}

.news_tab_panel__title span {
    font-size: 25px; 
    vertical-align: middle; 
}

.news_tab_panel__title img {
    display: inline-block;
    vertical-align: middle;
}

.news_list {
    flex-wrap: wrap;
    margin-top: 20px;
}

.news_list__item {
    margin-bottom: 18px;
    width: 48%;
    max-width: 420px;
} 

.news_list__item img {
    width: 100%;
    max-width: 175px;
    max-height: 98px;
    object-fit: cover;
}

.news_list__text_info {
    font-size: 12px;
}

.news_list__item_title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
}

.news_list__item_title:hover {
    text-decoration: underline;
}

.news_list__text_wrap {
    margin-left: 18px;
    width: 100%;
}

.news_tab_panel__title_wrap {
    align-items: center;
} 
/*================= PAGE 2 News END =================*/

/*================= PAGE 3 About Us START =================*/
.categories__first_screen {
    width: 100%;
    height: 200px;
    position: relative;

    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.m_0 {
    margin-bottom: 10px;
}

.categories__first_screen_title_wrap {
    display: flex;
    align-items: center;
    z-index: 2;
    height: 100%;
    width: 55%;
    position: absolute;
    right: 0;
    background: linear-gradient(115deg, transparent, transparent 10%, #ffffffcd 10%, #ffffffcd);
}

.categories__first_screen_title {
    color: #00584F;
    padding: 10px 10px 15px 10px;
    border-bottom: 2px solid #00584F;
    font-size: max(22px, 1.2rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;    
    text-align: center;
    margin: auto auto auto 150px;
}

.about_us {
    display: block;
    max-width: 1000px;
    min-width: 250px;
    width: 100%;
    height: 24rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;

    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
}

.about_us_description {
    display: flex;
    width: 450px;
    height: 100%;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 103, 93, 0.80);  
    z-index: 2;      
}

.d_1 {
    position: absolute;
    right: 0;    
}

.d_1 p {
    margin-bottom: 15px;
    color: #FFF;
    font-size: max(14px, 0.65rem);
    font-style: normal;
    font-weight: 400;
    line-height: max(18px, 0.85rem);
}

.about_us_bkgd {
    display: block;
    position: absolute;
    top: -25%;
    left: -40%;
    width: 140%;
}

.d_2 {
    position: absolute;
    left: 0; 
}

.about_us_title {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;

    color: #fff;
    font-size: max(20px, 0.86rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0px 5px 10px 5px;
    border-bottom: 3px solid #FFF;
    margin-bottom: 10px;
}

.about_us_description_txt p {
    margin-bottom: 15px;
    color: #FFF;
    font-size: max(14px, 0.65rem);
    font-style: normal;
    font-weight: 400;
    line-height: max(18px, 0.85rem);
}

.d_3 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    height:  100%;
    padding: 30px;
}

.about_us_feature_color {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    gap: 16px;
    padding: 20px;
    align-self: stretch;
    flex-wrap: wrap;
    width: 86%;
    height: fit-content;

    background: rgba(0, 103, 93, 0.80);
}

.title_flexbox {
    width: 70%;
    height: fit-content;
}

.about_us_feature_box_item {
    width: 30%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.about_us_feature_box_item_img {
    display: block;
    width: auto;
    height: 100px;
}

.about_us_feature_box_item_title {
    color: #FFF;
    text-align: center;
    font-size: max(16px, 0.65rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.about_us_feature_box_item_desc {
    color: #FFF;
    text-align: center;
    font-size: max(13px, 0.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*================= PAGE 3 About Us END =================*/

/*================= PAGE 4 Contact Start =================*/

.contacts__wrap {
    display: grid;
    grid-template-columns: 34% 33% 33%;
    grid-template-rows: 1fr;
    
    max-width: 1000px;
    min-width: 250px;
    height: fit-content;
    margin: 0 auto;

    background: linear-gradient(90deg, rgba(0, 132, 119, 0.05) 0.05%, rgba(0, 132, 119, 0.30) 100.05%), #FFF;
    border: 3px solid #008477;
}

.wrap {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 100px auto;
    width: 100%;
    height: 100%;
    padding: 30px;     
    row-gap: 20px;
}

.adress {
    border-right: 3px solid #008477;
}

.mail {
    border-left: 3px solid #008477;
}

.contact_icon {
    display: block;
    height: 100px;
    width: auto;
}

.phone_icon {
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.29),
                3px 6px 7px 0px rgba(0, 0, 0, 0.26),
                7px 15px 10px 0px rgba(0, 0, 0, 0.15), 
                12px 26px 11px 0px rgba(0, 0, 0, 0.04), 
                18px 40px 12px 0px rgba(0, 0, 0, 0.01);
}

.contacts_title {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    height: fit-content;

    color: #00675D;
    font-size: max(20px, 0.86rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0px 5px 10px 5px;
    border-bottom: 3px solid #00675D;
}

.adress_content,
.phone_contents,
.mail_contents {
    display: block;
    grid-column: span 2;

    color: #00675D;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}

.phone_contents,
.mail_contents {
    cursor: pointer;
}


/*================= PAGE 4 Contact END =================*/




/*================= PAGE 5 CATEGORIES START =================*/



.categories__first_screen_title_wrap_prod {
    display: flex;
    align-items: center;
    z-index: 2;
    height: 100%;
    width: 55%;
    position: absolute;
    right: 0;
    background: linear-gradient(115deg, transparent, transparent 10%, #008477cd 10%, #008477cd);
}

.categories__first_screen_title_prod {
    color: #fff;
    padding: 10px 10px 15px 10px;
    border-bottom: 2px solid #fff;
    font-size: max(22px, 1.2rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: auto auto auto 150px;
    text-align: center;
}

/*breadcrupms START*/
.breadcrupms_wrap {
    margin-top: 10px;
    margin-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 500px;    
}

.prod_nav {
    max-width: 700px;
}

.breadcrupms_wrap a,
.breadcrupms_wrap p {
    display: block;
    max-width: 150px; 
    width: fit-content;
    padding-right: 20px;
    color: #666666;
    font-size: max(13px, 0.6rem);
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: fit-content;
    -webkit-box-orient: vertical; 
    white-space: nowrap;
    position: relative;
    transition: color 500ms ease-in-out, text-decoration 500ms ease-in-out;
}

.breadcrupms_wrap a:hover {
    text-decoration: underline;
}

.breadcrupms_wrap a:after {
    content: '|';
    color: #666666 !important;
    margin: 0 5px;
    font-size: max(13px, 0.6rem);
    position: absolute;
    right: 1px;
    top: 0 /*calc(50% - (max(13px, 0.6rem) / 2))*/;
}
/*breadcrupms END*/

.category {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    min-width: 250px;
    margin: 50px auto 0 auto;
    width: 100%;
}

.category_box_child_category {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 5px;
    gap: 10px;

    background: rgb(255, 255, 255, 0.8);
}

.child_category_item {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	position: relative;
	width: 100%;
	height: 348px;
    transition: box-shadow 0.5s ease-in-out;
    background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;	
}

.child_category_item_title {
    display: block;
    
    width: 100%;
    height: 100%;
    position: relative;
}

.child_category_item_title p {
	display: block;
    text-overflow: ellipsis;
	overflow: hidden;
	color: #008477;
	font-size: max(15px, 0.7rem);
	font-style: normal;
	font-weight: 500;
	width: 100%;
	height: fit-content;
	padding: 10px 5px;
    
    position: absolute;
    bottom: 0;
    z-index: 3;
    transition: color 0.5s ease-in-out;
}

.child_category_item_title p::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgb(245, 245, 245, 0.00) 0%, rgb(245, 245, 245, 0.8) 35%, rgb(245, 245, 245, 0.8) 100%);
    
    z-index: -2;
}


.child_category_item_title p::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: linear-gradient(180deg, rgba(0, 132, 119, 0.0) 0%,
                                        rgba(0, 132, 119, 0.5) 35%, 
                                        rgba(0, 132, 119, 0.5) 100%);
    transition: opacity 0.5s ease-in-out;
    z-index: -1;
}


.child_category_item_text {
	display: block;    
	height: 60px;
	width: 100%;
    position: relative;	
    padding-bottom: 10px;
    background: rgb(245, 245, 245, 0.8);
}

.child_category_item_text p {
	display: -webkit-box;
    position: relative;
    height: 100%;
	width: 100%;
    padding: 10px 5px;	
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;	
	text-overflow: ellipsis;	
	overflow: hidden;
	color: #008477;
	font-size: max(13px, 0.55rem);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
    z-index: 3;
    transition: color 0.5s ease-in-out;
}


.child_category_item_text::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: rgba(0, 132, 119, 0.5);    
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
}

.child_category_item:hover {
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05), 
                2px 3px 4px 0px rgba(0, 0, 0, 0.04), 
                5px 6px 5px 0px rgba(0, 0, 0, 0.03), 
                9px 11px 6px 0px rgba(0, 0, 0, 0.01), 
                14px 18px 6px 0px rgba(0, 0, 0, 0.00);
    z-index: 5;
}

.child_category_item:hover .child_category_item_text p {
    color: #fff;
}

.child_category_item:hover .child_category_item_title p {
    color: #fff;
}

.child_category_item:hover .child_category_item_title p::after {
    opacity: 1;
}

.child_category_item:hover .child_category_item_text::after {
   opacity: 1;
}

.category_box_prod {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 5px;
    gap: 10px;

    background: rgb(255, 255, 255, 0.8);
}

.category_description {
    background-color: #f5f5f5;
    padding: 10px;
   
    border-bottom: 3px solid #00584F;

    font-size: max(14px, 0.6rem);
    color: #004942;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*================= PAGE 5 CATEGORIES END =================*/


/*================= PAGE 6 Single product START =================*/

.produkt_short_description {
    display: block;
    max-width: 1000px;
    min-width: 250px;
    width: 100%;
    height: fit-content;
    margin: 50px auto 0 auto;
}

.product_present {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    /*gap: -100px;*/
}

.img_and_link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
    width: 50%;
    max-width: 500px;
    min-width: 250px;
}

.image_prod {
    display: block;
    width: 500px;
    height: 500px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.20),
                13px 13px 18px 0px rgba(0, 0, 0, 0.17),
                29px 29px 25px 0px rgba(0, 0, 0, 0.10), 
                52px 52px 29px 0px rgba(0, 0, 0, 0.03), 
                81px 81px 32px 0px rgba(0, 0, 0, 0.00);
    z-index: 10;
}

.prod_link {
    display: flex;
    width: 95%;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    margin: 0;

    background: #FFF;
}

.button_link,
.info_link {
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: 1;
    transition: opacity 500ms ease-in-out;
    padding: 0 10px;
    border-radius: 10px 10px 0 0;
}

.info_link {
    position: relative;
}

.button_link:hover,
.info_link:hover {
    background-color: rgba(0, 132, 119, 0.1);
    border-bottom: 1px solid #00584F;
}

.button_link:hover .button_link_txt,
.info_link:hover .button_link_txt {
    border-bottom: 0;
}

.icon_link {
    width: 25px;
    height: 25px;
}

.button_link_txt {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;

    border-bottom: 1px solid #00584F;

    color: #00584F;
    leading-trim: both;
    text-edge: cap;
    font-size: max(14px, 0.7rem);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.button_link_txt_block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px;
    width: fit-content;
    max-width: 450px;
    height: fit-content;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    border-bottom: 1px solid #00584F;
    border-right: 1px solid #00584F;

    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.10), 
                2px 2px 3px 0px rgba(0, 0, 0, 0.09), 
                5px 4px 4px 0px rgba(0, 0, 0, 0.05), 
                10px 8px 5px 0px rgba(0, 0, 0, 0.01), 
                15px 12px 5px 0px rgba(0, 0, 0, 0.00);
    transform: scale(0, 1);
    opacity: 0;
    overflow: hidden;
    transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
}

.button_link_txt_item {
    display: flex;    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; 
    gap: 15px;   
    padding: 5px 0;
}

.button_link_txt_item div {
    color: #00584F;
    font-size: max(13px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: max-content;
}

.info_link:hover .button_link_txt_block {
    opacity: 1;
    transform: scale(1, 1);
}

.present_info {
    display: flex;
    flex: 1;
    width: 50%;
    padding: 10px 10px 10px 40px;

    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.present_prod_title {
    display: inline-block;
    padding: 10px;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    background: #FFF;

    color: #00584F;
    font-size: max(20px, 1rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.present_prod_short_desc {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
}

.present_prod_short_desc_bkgd {
    display: block;
    width: 120%;
    position: absolute;
    top: 0;
    right: -10px;
    bottom: 0;
    background: #F5F5F5;
    z-index: 1;
}

.present_prod_short_desc_title {
    color: #00584F;
    font-size: max(18px, 0.8rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    z-index: 2;
}

.present_prod_short_desc_txt {
    overflow: hidden;
    color: #00584F;
    text-overflow: ellipsis;
    font-size: max(13px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    z-index: 2;
}

/*PRODUCT TAB START*/

.product_tab__buttons_wrap {
    margin-bottom: 0;
    margin-top: 24px;
}

.product_tab__button {
    display: inline-block;
    position: relative;
    border-radius: 11px 11px 0px 0px;
    border-bottom-color: transparent;
    background: #E6F3F2;
    color: #727272; 
    font-size: max(12px, 0.55rem);
    padding: 6px 6px;
    margin-right: 5px;
}

.product_tab__button.active {
    background: #008477;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 6px;
}

.product_tab__content {
    width: 100%;
    padding: 20px;
    border: 1px solid #008477;
    background-color: rgba(255, 255, 255, 0.85);

}

.tab_panel {
    display: none;
}

.tab_panel.active {
    display: block;
}

.product_description {
    width: 100%;
    color: #666;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.product_description p {
    width: 100%;
    color: #666;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin: 0.3em 0;
}

.product_description h2,
.tab_panel__text {
    color: #008477;
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    margin: 0.7em 0;
}

.tab_panel__text span {
    color: #008477;
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    margin: 0.7em 0;
}

.product_description ul{
    margin: 0.5em 0;
}

.product_description li {
    width: 100%;
    color: #666;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.product_description span {
    color: #008477;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

.drawing_box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

.many_drawing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

.img_drawing {
    display: block;
    width: 90%;
    margin: auto;
}

.name_drawing {
    color: #008477;
    font-size: max(15px, 0.65rem);
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    margin: 0.7em 0;
}

.product_parametrs__table {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    border: solid #E6F3F2;
    border-width: 2px 2px 0 0;
    background-color: #fff;
}

.product_parametrs__table_item {
    display: grid;
    grid-template-columns: 200px repeat(auto-fit, minmax(45px, 1fr));
    gap: 0;
    width: 100%;
    border-bottom: 2px solid #E6F3F2
}

.product_parametrs__table_option {
    display: flex;
    width: 200px;
    padding: 10px;
    align-items: center;
    
    color: #666;
    font-size: max(11px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-left: 2px solid #E6F3F2;
}

.product_parametrs__table_bool {
    display: flex;
    padding: 0px 2px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 100%;

    color: #008477;
    font-size: max(10px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-left: 2px solid #E6F3F2;
}


.tab_panel__title {

}

.faq__list {

}

.faq__item {
    position: relative;
    padding: 8px;
    border-bottom: solid 2px rgba(0,0,0,0.1);
}

.faq__item svg {
    width: 18px;
    position: absolute;
    right: 16px;
    top: 14px;
    pointer-events: none;
}

.faq__item svg.active {
    transform: scale(-1);
}

.faq__item_question {
    cursor: pointer;
    padding-right: 36px;
    transition: .5s;
    font-size: 15px;
}

.faq__item_question:hover {
    color: #4a85c7;
}

.faq__item_answer {
    display: none;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 20px;
}

.product_form_review {
    width: 100%;
    max-width: 550px;
}

.product_form_review .field {
    display: block;
    width: 100%;
    border: solid 1px #ddd;
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}

.product_form_review.field {
    min-height: 60px;
    resize: none;
}

.product_form_review .submit {
    display: block;
    transition: .5s;
    padding: 8px;
}
/*PRODUCT TAB END*/

/*================= PAGE 6 Single product END =================*/

/*================= PAGE 7 Search START =================*/

.search_box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    max-width: 1000px;
    min-width: 250px;
    width: 100%;
    margin: 50px auto;
   
}

.search_item {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: auto auto;
    width: 100%;
    height: 100%;
    max-height: 300px;
    gap: 20px;
    padding: 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #008477;
}

.search_image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 260px;
    grid-row: span 2;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.search_title p {
    color: #008477;
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.search_desc {
    display: -webkit-box;
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
	-webkit-box-orient: vertical;
    color: #666;
    font-size: max(13px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
}





/*================= PAGE 7 Search END =================*/

/*================= PAGE 8 Conult order START =================*/

.consult_banner__wrap {
    width: 100%;
    height: 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_bkgrd_consult {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
}

.consult_title_block {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    height: 100%;
    width: 80%;
    overflow: hidden;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.3) 100%);
}

.consult_title {
    color: #00584F;
    padding: 10px 10px 15px 10px;
    border-bottom: 2px solid #00584F;
    font-size: max(22px, 1.2rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.block_consultation {
    display: flex;
    width: 80%;
    height: 32.3rem;
    margin:0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-radius: 0px 0px 50px 50px;
    border-top: 3px solid #FFF;
    background: #008477;
    margin-top: 30px;
}

.twenty_block {
    border-top: 3px solid #008477;
    background: #fff;
}

.block_consultation_item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    align-items: flex-start;
    gap: 10px;
    width: 50%;
    height: 100%;
    padding: 50px;
}

.name_block_consultation {
    color: #FFF;
    font-size: max(26px,1.2rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    grid-row: 1;
    grid-column: 1/span 2;
}

.sub_block_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.sub_block_item img {
    display: block;
    height: 120px;
    width: auto;
    object-fit: contain;
}

.imposition {
    mix-blend-mode: screen;
}

.sub_block_item p {
    color: #FFF;
    font-size: max(14px,0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.twenty {
    color: #008477;
}

.twenty p {
    color: #008477;
    text-align: center;
}

.block_form {
    display: block;
    width: 50%;
    height: 100%;
    padding: 50px 50px 50px 0;
}

.block_form_item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 50px;
    border-radius: 25px;
    border: 3px solid #008477;
    background: #F5F5F5;
    position: relative;
}

.answer_good,
.answer_not_ok {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 25px;
    border: 3px solid #008477;
    overflow: hidden;
    z-index: 2;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    transform: scale(0, 0);
    transition: transform 500ms ease-in-out;
}

.manager_photo {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50px;
    object-fit: contain;
}

.manager_desc {
    color: #00675D;
    font-size: max(16px,0.8rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sub_blok_form_item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: fit-content;
}

.sub_blok_form_item_field {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 30px;
    padding: 0px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #008477;
    background: #FFF;

    color: rgba(0, 132, 119);
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sub_blok_form_item_select {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 30px;
    padding: 0px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #008477;
    background: #FFF;

    color: rgba(0, 132, 119);
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sub_blok_form_item_field::placeholder {
    color: rgba(0, 132, 119, 0.50);
    font-size: max(14px, 0.55rem);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.font_disabled {
    color: rgba(0, 132, 119);
    font-size: max(14px, 0.55rem);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.font_disabled:hover {
    cursor: pointer;
}


.sub_blok_form_item_btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: fit-content;
    padding: 10px 20px;
    gap: 15px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #008477;

    color: #008477;
    font-size: max(16px, 0.7rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: transparent;
}

.sub_blok_form_item_btn svg {
    fill: #008477;
    height: max(10px,0.55rem);
    width: max(20px,1.1rem);
}

.sub_blok_form_item_btn:hover {    
    border-bottom: 1px solid #fff;
    color: #fff;
    background-color: #008477;
}

.sub_blok_form_item_btn:hover svg {
	animation: move_arrow 500ms forwards;
    fill: #fff;
}

.sub_blok_form_item_btn:disabled {
    border-bottom: 1px solid #999999;
    color: #999999;
    cursor: not-allowed;
}

.sub_blok_form_item_btn:disabled:hover {
    border-bottom: 1px solid #999999;
    color: #999999;
    background-color: transparent;
}

.sub_blok_form_item_btn:disabled svg {
    fill: #999999;
}

.sub_blok_form_item_btn:disabled:hover svg {
    fill: #999999;
    animation: none;
}

.sub_blok_form_item_option_childcat {
    padding-left: 10px;
}

.sub_blok_form_item_option_grandsoncat {
    padding-left: 20px;
}

.selected_cons {
    display: block;
    width: 100%;
    height: fit-content;
    position: relative;
}

.check_cons[type="checkbox"] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: max(12px, 0.6rem);
    height: max(12px, 0.6rem);
    border: 2px solid #008477;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    left: 0;
    /*z-index: 2;*/
    background-color: transparent;
    box-sizing: border-box;
}

.check_cons[type="checkbox"]:focus {
    outline: none; /* Забирає фокусний контур в більшості браузерів */
}

.check_cons[type="checkbox"]::before {
    content: '\2713'; /* Юнікод-символ для галочки */
    display: inline-block;
    font-size: max(11px, 0.55rem); /* Розмір шрифту галочки */
    color: rgb(0, 132, 119, 0.4); 
    font-weight: 600;
}

.check_cons[type="checkbox"]:checked::before {
    color: rgb(0, 132, 119);
}

.check_cons[type="checkbox"]:disabled {
    opacity: 0.5;
}

.desc_checkbox_cons {
    display: inline-block;
    
    width: 100%;
    z-index: 1;
    color: rgba(0, 132, 119, 0.75);
    font-size: max(12px, 0.6rem);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}


.desc_checkbox_cons::first-letter {
    padding-left: 20px;
}

.block_consultation_item_faq {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 50%;
    padding: 50px;
}

.sub_block_faq_item {
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-height: 6rem;
    border-radius: 10px;
    background: #F5F5F5;
    cursor: pointer;
    transition: max-height 500ms ease-in-out;
}

.sub_block_faq_item.open_answer {
    max-height: 20rem;
}

._question_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 97%;
    

    color: #008477;
    font-size: max(16px, 0.8rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

._question_::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #008477;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: calc(50% - 3px);
    right: -4%;
}

._answer_ {
    display: block;
    color: #008477;
    font-size: max(14px, 0.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity 500ms ease-in-out, max-height 500ms ease-in-out;
}

._answer_.open_answer {
    margin-top: 10px;
    opacity: 1;
    max-height: 200px;
}


/*================= PAGE 8 Conult order END =================*/

.cky-btn-revisit {
    background-color: #008477;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {    
    background-color: #008477 !important;
}







.popup__wrap {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    overflow: auto;
    display: none;
    background: rgba(0,0,0,0.4);
    padding: 6vh 3vw;
}

.popup__content {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    background: white;
    border: solid 2px #ddd;
    border-radius: 6px;
    padding: 12px;
    position: relative;
}

.popup_close {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 20px;
    height: 20px;
    opacity: 0.65;
    transition: .5s;
    cursor: pointer;
}

.popup_close span, .popup_close span:before {
    content: '';
    position: absolute;
    background: #666666;
    width: 20px;
    height: 2px;
    display: block;
    transition: .5s;
}

.popup_close:hover span, .popup_close:hover span:before {
    background: #333;
}

.popup_close span {
    transform: rotate(-45deg);
}

.popup_close span:before {
    transform: rotate(90deg);
}