@import url("assets/font/stylesheet.css")

body{
	font-family: 'Gilroy';
    font-size: 16px;
}

a:hover{
	color: #9E0B06;
}
p {
	white-space: pre-wrap;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: #2D2C2C;
    margin-bottom: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Gilroy';
    font-weight: normal;
    margin-top: 0px;
    font-style: normal;
    font-weight: 500;
}
.page_title h1{
	font-size: 36px;
}

h2{
	font-size: 28px;
}
h3{
	font-size: 24px;
}

h4{
	font-size: 26px;
   text-transform: uppercase;
}
hr {
    border-bottom: 1px solid #eeeeee;
    border-top: 0 none;
    margin: 20px 0;
    padding: 0;
}
.header-area {
    z-index: 999;
    position: relative;
    background: #f6f6f6;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}
.box-shadow {
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}
.position{
   position: absolute;
   left: -8px;
}
.logo {
    padding: 12px 0;
    transition: all 0.3s ease 0s;
}
.logo img{
	height: 40px;
}
img{
   border-radius: 12px;
}
.main-menu > li {
    display: inline-block;
    margin: 0 18px;
    padding: 20px 0;
    position: relative;
    transition: all 0.3s ease 0s;
}
.header-search {
    padding: 6px 0;
    transition: all 0.3s ease 0s;
}
.mobile-menu-area {
   z-index: 1;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    background: #F4F4F4;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}
.sticky .logo img {
    transition: all 0.3s ease 0s;
    height: 40px;
    width: auto; 
}
.mean-container .mean-bar::after {
    color: #ffffff;
    content: url('../../images/logo/logo_menu.png');
    font-size: 18px;
    left: -6px;
    position: absolute;
    top: 6px;
}

.slider2-title-2 {
    color: #575757;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    text-transform: none;
}
.slider-desc-3 .slider2-title-1, .slider-desc-3 .slider2-title-2 {
    margin-bottom: 20px;
}
.slider2-title-3 {
    color: #666666;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 20px;
    position: relative;
    text-transform: none;
}
.ptb-150 {
	min-height: 480px;
    padding: 260px 0;
}
.slider-desc-3 {
    margin: 0;
    width: calc(100% - 1%);
}
.mean-container a.meanmenu-reveal span {
    display: block;
    background: #666666;
    height: 3px;
    margin-top: 3px;
}
.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #666666;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: 'Gilroy';
    font-weight: 700;
    float: right;
}
.bg-3 {
	background-image: url('../../img/bg/bg-pro-clinicu-n.png');
}
.bg_poslugy {
   background-image: url('../../img/bg/bg-poslugy.png');
}
.bg_price {
   background-image: url('../../img/bg/bg-price.png');
}
.bg-2 {
   background-image: url('../../img/bg/bg_about.png');
}
.bg-2 {
   background-attachment: scroll;
   background-clip: initial;
   background-color: rgba(26, 24, 24, 0);
   background-origin: initial;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 0;
}
.bg-3, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10 {
	background-attachment: scroll;
	background-clip: initial;
	background-color: rgba(26, 24, 24, 0);
	background-origin: initial;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}
#popular-product{
	background: #F8F8F8;
}
.product-img{
	text-align: center;
	padding-top: 20px;
}
.product-img img{
	width: auto;
	height: 40px;
}
.product-item:hover{
	box-shadow: none;
}
.product-title {
    color: #434343;
    font-family: 'Gilroy';
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}
.product-info {
    padding: 20px 0;
    text-align: center;
}
.product-item {
    margin: 30px 0 0 0;
    transition: all 0.3s ease 0s;
	height: 280px;
}
.comming_text{
   font-size: 18px;
	margin: 12px 0;
   font-weight: 600;
}
.comming_url{
	margin: 12px 0;
	text-transform: uppercase;
   font-weight: 600;
}
.up-comming-pro-info h3 {
    color: #575757;
    font-weight: 600;
    margin: 12px 0 12px;
}

.expert_block{
	background: #EEEEEE;
	width: 100%;
}
.expert_img{
	text-align: center;
}
.expert_img img{
	max-width: 100%;
}
.expert_text{
	align-self: center;
	padding: 20px;
}
.expert_text h3{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
.btn_expert{
	font-size: 16px;
	padding: 12px 16px;
	background: #C4C4C4;
}
.flex_box{
	display: flex;
	align-items: flex-start;
}

.pro_cliniku img{
	width: 100%;
	margin-bottom: 20px;
}
.pro_cliniku_text {
	align-self: center;
	padding: 20px;
}

.perevagy_block{
   padding: 20px 0;
   width: 100%;
   width: 100%;
}
.perevagy_img img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-bottom: 20px;
}
.contact_title{
	margin: 20px 0;
}

.contact_title h3{
	font-size: 32px
}
.contact_text{
	margin: 0 0 6px 0;
	font-size: 16px;
   font-weight: 400;
	color: #000;
}
.contact_text a{
	margin-right: 12px
}
.contact_text i{
   margin-left: 12px;
	margin-right: 6px;
	font-size: 16px;
	color: #9e0b06;
	border-radius: 50% 50%;
	padding: 6px;
}

.m_t_40{
	margin-top: 40px;
}
#footer{
	margin-top: 0;
}
.footer-top {
	background: #f6f6f6;
}
.footer_logo {
	text-align: left
}
.footer_logo img{
	height: 46px;
	margin-bottom: 2px;
}
.footer_slogan p{
	text-align: left;
	font-size: 14px;
}

.special{
	min-height: 300px;
	background: #f6f6f6;
	padding: 20px;
	color: #000;
}
.special b{
	font-size: 20px;
	color: #000;
	text-transform: uppercase
}
.special strong{
	float: right;
	color: red
}
.footer-menu-2{
	text-align: right;
}
.footer-social{
	text-align: right;
	bottom: 0px
	
}
.footer-menu-2 li {
    display: inline-block;
    margin-right: 2px;
    position: relative;
}
.about_img{
	padding: 0;
}
.about_img img{
	width: 100%;
	padding: 0;
}
.about_img_r{
	padding: 0;
}
.about_img_r img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 20px;
}

.about_img_d img{
	width: 100%;
	padding: 0;
}

.h_title h3{
	margin: 12px 0 20px 0;
}

.bg_grey_small{
	background: #f6f6f6;
	padding: 20px;
	color: #000;
	margin-bottom: 12px;
}
.bg_grey{
	min-height: 300px;
	background: #f6f6f6;
	padding: 20px;
	color: #000;
}

.konsult_text b {
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}
.konsult_text strong {
	text-transform: uppercase;
    float: right;
    color: #9E0B06;
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

.konsult_text_phone b {
    float: left;
    font-size: 16px;
    font-weight: 400;
     margin-top: 20px;
}
.konsult_text_phone strong {
   text-transform: uppercase;
   color: #9E0B06;
   font-size: 18px;
   font-weight: 400;
   margin-top: 20px;
}
.pershyj_seans_main {
   border-left: 2px solid #9E0B06;
   margin: 60px 12px 20px 0;
}
.pershyj_seans_main ul{
   margin-left: 20px;
}
.pershyj_seans_main b{
   color: #9E0B06;
   font-weight: 600;
}

.pershyj_seans {
   margin: 60px 12px 20px 12px;
}
.pershyj_seans ul{
   margin-left: 20px;
}
.pershyj_seans b{
   color: #9E0B06;
   font-weight: 600;
}
.konsult_img{
   text-align: center;
}
.konsult_img img{
   display: block;
   width: 100%;
}
.dropdown{
    font-size: 12px
}
.panel-default>.panel-heading {
    color: #333;
    border-color: #ddd;
}
.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    background: #f6f6f6;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}

td,
th {
    border: none;
    padding: 10px;
}

td {
    text-align: left;
    font-style: 16px;
}

tr:nth-child(even) {
    background-color: #eee;
}

th[scope='col'] {
    background-color: #696969;
    color: #fff;
}

th[scope='row'] {
    background-color: #d7d9f2;
}

caption {
    padding: 12px;
    caption-side: bottom;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    letter-spacing: 1px;
    font-size: 16px;
    color: #000;
}
.likuvsnnia_zubiv img{
    height: 26px
}
.option-btn {
    margin-left: 6px;
    padding: 0;
}
.sidebar_left{
    background: #f6f6f6;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}
.sidebar_left_menu{
    padding: 6px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.vydy_licuvannia{
	border: 1px solid #f6f6f6;
    background: #f6f6f6;
    padding: 30px 0;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}
.sidebar_left_menu_active a{
    color: #9E0B06;
}
.position_top {
    position: sticky;
    top: 100px;
}
.left_line{
	margin: 40px 20px;
    padding-left: 20px;
    font-weight: 500;
    color: #000;
    font-size: 22px;
    border-left: 1px solid #9E0B06;
}

.title_vertical p{
    font-size: 30px;
    margin-top: 18%;
}
.page_content img{
    width: 100%
}
.kar_item h5{
    font-size: 18px;
    margin: 12px 0
}

.kar_item{
	margin: 20px 0;
	padding: 12px;
}

@media (min-width: 980px){
	
	.work_item p{
		margin-left: 60px;
	}
	.work_item img{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin-bottom: 40px;
		margin-right: 20px;
		float: left;
	}
	.work_item h5{
	    font-weight: 600;
	}
	
}
@media (max-width: 980px){
	
	.work_item p{
		margin-left: 40px;
		margin-bottom: 20px;
	}
	.work_item img{
		width: 20px;
		height: 20px;
		border-radius: 50%;
		margin-right: 20px;
		float: left;
	}
	.work_item h5{
	    font-weight: 600;
	}
	.work_item .seans p{
		margin-left: 2px;
	}
	
}

.page_content li {
    list-style: inside;
}
a.button {
   border-radius: 12px;
}
a.button.extra-small span {
    padding: 12px 20px;
    font-size: 16px;
}
.poslugy_small img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}
.poslugy_small p{
	margin-left: 62px
}

.poslugy_small ul{
	margin-left: 62px
}
.single-mega-item .menu-title {
    color: #444;
    font-size: 14px;
    padding-bottom: 12px;
    text-transform: uppercase;
}
.pa_12{
	padding: 12px
}
.ma_12{
	margin: 12px
}

.vydy_koronok{
	margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}
.vydy_koronok_top{
	padding: 20px;
	background: #EEEEEE
}
.vydy_koronok_bot{
	padding: 20px;
}
.footer_menu_block{
	text-align: left
}
.footer_menu_block h5{
	margin-top: 12px;
	font-size: 14px
}
.footer_menu_block li{
    list-style: inside;
}
.action-box p{
	font-size: 18px
}
.btn_tel a{
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 3%) inset;
    cursor: pointer;
    display: inline-block;
    margin: 12px auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    background-color: #575757;
    color: #fff;
    font-size: 26px;
}

.item_block{
	padding: 12px;
	background: #fff;
}
.item_img{
	background: #fff;
	padding: 6px 6px 0 6px;
	max-height: 260px;
	overflow: hidden;
}
.item_img img{
	width: 100%;
	max-height: 300px
}
.blog-item-2 .blog-desc {
   margin: auto;
   text-align: left;
   padding-top: 20px;
}

.blog-item-2 .blog-image {
   padding-top: 20px;
   overflow: hidden;
}
.blog-item-2 .blog-image img {
   height: 180px;
   width: 200px;
}

.contact_menu_block{
	margin: 0 6px;
	padding: 0;
}

.mh_200{
	min-height: 200px
}

.banner-2::after {
    border-left: 270px solid #f6f6f6;
    border-top: 40px solid rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    position: absolute;
    left: 0;
}
.banner-2::before {
    border-right: 270px solid #f6f6f6;
    border-top: 40px solid rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
}

#nivoslider-2{
	background-color: rgba(0, 0, 0, 0);
}

.pershyj_seans_button{
	margin-top: 6px;
	margin-left: 12px
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
}
@media (min-width: 992px)
.modal-lg {
    width: 900px;
    margin: 80px auto;
}
@media (min-width: 768px)
.modal-dialog {
    width: 600px;
    margin: 80px auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 80px auto;
}

.m_6{
	margin: 0 3px;
}

.b_m20 p{
	margin: 0 0 12px 12px;
	color: #616161;
	position: absolute;
	bottom: 12px;
}
.title_work_item{
	width: 100%;
}
.title_work_item h3{
	margin-bottom: 40px;
}
.mb-20{
	margin-bottom: 20px;
}

.widget-title h5{
   text-transform: none;
   font-weight: 600;
   font-size: 18px;
}
.bor_posl{
	padding-left: 20px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    border-left: 1px solid #9E0B06;
}
.bor_posl_2{
	padding: 20px;
}
.bor_posl_3{
	padding: 20px;
}
.sticky .header_phone{
   padding-top: 16px;
}
.header_phone{
   text-align: left;
   padding-top: 7px;
   transition: all 0.3s ease 0s;
}
.header_phone i{
	font-size: 12px
}
.col-12{
	width: 100%
}
.main-menu > li > a {
    color: #303030;
    display: block;
}
.main-menu .active {
    color: #9E0B06;
    text-decoration: underline;
    text-underline-offset: 6px;
}


.sticky .main-menu > li {
    padding: 28px 0;
}
.price_btn{
	color: red;
}

.bor_shad{
	background: #fff;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}

.img_r {
	text-align: right;
}
.img_r img{
	max-width: 200px
}

.bg_gr{
	min-height: 240px;
	padding: 20px;
	background: #f6f6f6;
}

.btn_sitebar{
	margin-top: 20px;
}

.contact_img img{
	width: 100%;
	border-radius: 6px;
}

.footer-social{
    margin-bottom: 20px;
}

.footer-social li a {
    border: none;
    border-radius: 12%;
    color: #999;
    display: block;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}

.fa-instagram:before {
    font-size: 30px;
    content: "\f16d";
}

.fa-telegram:before {
    font-size: 30px;
    content: "\f16d";
}

.fa-viber:before {
    font-size: 30px;
    content: "\f16d";
}

#scrollUp{
    display: none
}

.btn-primary {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}

iframe{
	border: 2px solid #666666;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    margin-top: 20px;
}

.title_work_item .fa{
	color: #666666;
	margin-right: 6px;
}
.text-uppercase .fa{
	color: #666666;
	margin-right: 6px;
}

.bg_grey_small{
	margin-bottom: 12px;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}
.bg_grey_small p{
	margin-left: 6px;
}

.work_item .bg_grey{
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
    margin-bottom: 12px;
}
.pro_cliniku img{
	border-radius: 18px;
    box-shadow: 0 1px 3px rgb(50 50 50 / 40%);
}

.vydy_koronok .mb-20{
	margin: 0 0 20px 0;
}

.pro_cliniku_text p{
	margin-left: 3px;
}

.top_icon{
   margin-right: 6px;
   color: #9E0B06;
}

::selection {
    background-color: #9E0B06;
    color: #ffffff;
}
.slider-area a.button_no_bg{
   background: none;
   text-transform: none;
}
.poslugy_items{
   
}
.poslugy_item{
   padding: 12px;
   background: #e9e9e9;
   border-radius: 12px;
}
.poslugy_title img{
   margin-top: -6px;
   width: 26px;
}

.poslugy_item_title{
   margin-left: 6px;
   margin-top: 6px;
   font-size: 18px;
}
.poslugy_description{
   height: 106px;
   margin-top: 12px;
}
::-moz-selection {
    background-color: #9E0B06;
    color: #ffffff;
}
.col_red{
   color: #9E0B06;
}
.bg_red{
   background: #9E0B06;
}
.btn_send{
   width: 100%;
   text-transform: uppercase;
   background: #9E0B06;
   border: 0 none;
   border-radius: 12px;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
   color: rgb(255, 255, 255);
   cursor: pointer;
   display: inline-block;
   margin-right: 10px;
   overflow: hidden;
   position: relative;
   padding: 12px 20px;
   font-size: 16px;
   font-weight: 600;
   border: 1px solid #9E0B06;
}
.btn_send:hover{
   background: #9E0B06;
   color: #fff;
   border: 1px solid #fff;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
}
.button_wite{
   background: #fff;
}
.zhyzhky_text a.button_wite{
   background: #fff;
   color: #9E0B06;
}
.zhyzhky_text .a.button::after{
   background: #fff;
   color: #9E0B06;
}
.zhyzhky_text a.button_wite span{
   color: #9E0B06;
}
.zhyzhky_img{
   text-align: center;
   width: 100%;
   height: 290px;
   overflow: hidden;
   border-top-right-radius: 12px;
   border-bottom-right-radius: 12px;
}
#zhyzhky {
    margin: 0 auto;
    max-width: 1170px;
}
.zhyzhky{
    border-radius: 12px;
    color: #ffffff;
}
.zhyzhky_text{
   padding: 12px;
   color: #ffffff;
}

.zhyzhky_text p{
   color: #ffffff;
}
.contact_border_l{
   border-left: 2px solid #9E0B06;
   margin: 12px 12px 20px 0;
}
.footer_bg{
   background: #303030;
   color: #fff;
}
.footer_bg p{
   color: #fff;
}
.footer_bg a{
   color: #fff;
}
.strahivka{
   border: 1px solid #fff;
}
.strahivka .product-img{
   text-align: center;
   padding: 12px;
}
.strahivka .product-img img{
   width: 100%;
   height: 140px;
}
.top_title img{
   height: 30px;
}

.top_border_l{
   border-left: 2px solid #999999;
   margin: 12px 20px 20px 0;
}
.top_border_l ul{
   margin-left: 20px;
   color: #fff;
   font-size: 18px;
}
.title_min{
   font-size: 20px;
   font-weight: 600;
}

/* Стили для галереи */
.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

.gallery-item {
    max-width: 600px;
    height: 180px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Зберігає пропорції та заповнює блок */
    object-position: center; /* Центрує картинку всередині блоку */
    cursor: pointer;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.gallery-item img:hover {
    transform: scale(1.05);
}

/* Стили для лайтбокса */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.lightbox img {
    max-width: 90%;
    max-height: 90%;
}

.close {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 30px;
    color: red;
    cursor: pointer;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 40px;
    padding: 10px;
    margin-top: -20px;
    user-select: none;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

/* Затемнення всіх елементів позаду лайтбоксу */
body.darken {
    overflow: hidden; /* Забороняє прокрутку сторінки під лайтбоксом */
}

.darken-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Напівпрозоре затемнення */
    z-index: 998; /* Менше за лайтбокс, але вище за інші елементи */
    display: none;
}

.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Встановлено вище за інші елементи */
}

.contact_title h4{
	font-size: 20px;
}

.pricing_features{
   color: #fff;
   margin-bottom: 20px;
   padding: 20px;
   border: 1px solid #fff;
   border-radius: 12px;
}
.pricing_features p{
   color: #fff;
   margin-bottom: 6px;
}
.col_red{
   color: #9E0B06;
}
.panel_bg{
   background: #f5f5f5;
}
.panel-heading {
   padding: 12px 15px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}
.contact_text_page{
   color: #9E0B06;
   padding: 20px;
   height: 120px;
   margin-bottom: 20px;
}
.contact_text_page i{
   margin-right: 6px;
   color: #9E0B06;
}
.contact_text_page a{
   margin-left: 0;
}
.b_rad_12{
   border-radius: 12px;
}
.input-group .form-control {
    position: relative;
    z-index: 0;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

/* Центрування модального вікна */
 .modal-dialog {
     top: 40%;
     transform: translate(-50%, -50%);
     width: 90%; /* Адаптивна ширина */
     max-width: 500px; /* Максимальна ширина */
     margin: 0 auto; /* Видалення стандартних відступів */
 }

 /* Виправлення для малих екранів */
 @media (max-width: 768px) {
     .modal-dialog {
         width: 90%; /* Зменшення ширини на телефонах */
     }
 }

 /* Додаткові стилі */
 .modal-title {
     font-size: 18px;
     font-weight: bold;
 }

 .modal-body .form-group {
     margin-bottom: 15px;
 }

 .bg_red.btn_send {
     background-color: #e74c3c;
     color: #fff;
     border: none;
     padding: 10px 20px;
 }

 .bg_red.btn_send:hover {
     background-color: #c0392b;
 }
 
.modal-social{
   margin: 12px auto;
   text-align: center;
}
.modal-social a{
   margin: 0 3px;
}
.persona_info_block{
   padding: 12px;
   margin-bottom: 12px;
   background: #f6f6f6;
}
.persona_info h3{
   display: none;
   font-size: 20px;
   font-weight: 600;
}
.personal_items{
   text-align: center;
}
.staff-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Розподіл між елементами */
}

.staff-card {
    flex: 1 1 calc(33.333% - 20px); /* Картки займають третину ширини з урахуванням проміжків */
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    padding: 20px;
    /*border: 1px solid #ddd;*/
    border-radius: 8px;
    min-height: 300px; /* Задайте однакову висоту */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Вирівнювання тексту у картці */
}

.staff-card img {
    max-width: 100%;
    height: auto;
    border-radius: 6%;
    margin-bottom: 12px;
}

.staff-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.staff-card p {
    font-size: 14px;
    color: #555;
}

/*  MEDIA  */
@media (min-width: 860px){
   .konsult_text_phone{
      display: none;
   }
	.zhyzhky_img img {
		width: 100%; /* Або width: 500px, якщо потрібна фіксована ширина */
		height: auto;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.min_h_300{
		min-height: 300px;
	}
   .zhyzhky_text {
      padding-left: 40px;
   }
   .zhyzhky_text_top{
      padding-top: 10%;
   }
   .pricing_logo {
       color: #ffffff;
       content: url(../../images/logo/logo_menu.png);
       font-size: 18px;
       position: absolute;
       top: 36px;
       right: 22px;
   }
   #zhyzhky .col-md-5, .col-sm-3, .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
    }
    .callback-bt{
       display: none;
    }
    .desc_none{
       display: none
    }
}

@media (max-width: 860px){
   .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
      position: relative;
      min-height: 1px;
      padding-right: 6px;
      padding-left: 6px;
   }
   .row{
      margin-right: -6px;
      margin-left: -6px;
   }
   .mb-80 {
       margin-bottom: 60px;
   }
   .konsult_text{
      display: none;
   }
   .zhyzhky_img img {
      width: 600px;
      max-width: 100%;
      border-bottom-right-radius: 12px;
      border-bottom-left-radius: 12px;
	}
   .zhyzhky_img {
      padding: 1px;
      border-bottom-right-radius: 12px;
      border-bottom-left-radius: 12px;
   }
	.min_h_300{
		min-height: 300px;
	}
	.slick-slider .arrow-next.slick-arrow {
       left: auto;
       right: 30px;
       background: white;
	}
	.slick-slider .arrow-prev.slick-arrow {
		left: 30px;
		right: auto;
		background: white;
	}
   .pricing_logo {
      display: none;
   }
   .page_content{
      margin-top: 60px;
   }
   .phone_none{
      display: none;
   }
   .staff-card {
      flex: 1 1 calc(50% - 20px); /* Картки займають половину ширини з урахуванням проміжків */
   }
}