/*! 
    Theme Name: Bogun
    Version: 1.4
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body {
	font-family: 'Manrope', sans-serif;
	overflow-x:hidden;
}
.carousel-caption {
    position: absolute;
    right: 0%;
    left: 0%;
	bottom: 0%;
    padding-top: 50px;
    padding-bottom: 75px;
    color: #000;
    text-align: left;
}  
.capt-text {
	width:60%;
}
.carousel-caption h5{
	color:#000;
	font-size: 90px;
    line-height: 80px;
    font-weight: 500;
}
@media (max-width: 1400px){
	.carousel-caption h5{
		font-size: 73px;
		line-height: 55px;
		font-weight: 500;
	}
}
@media (max-width: 1400px){
	.carousel-caption h5{
		font-size: 60px;
		line-height: 45px;
		font-weight: 500;
	}
}
@media (max-width: 991px){
	.carousel-caption h5{
		font-size: 40px;
		line-height: 35px;
		font-weight: 500;
	}
}
.carousel-caption .h6{
	color:#000;
	font-size: 50px;
    line-height: 50px;
	padding:15px 0px;
}
.carousel-caption .h7{
	color:#000;
	font-size: 35px;
    line-height: 35px;
	padding:15px 0px;
}
.carousel-caption .h8{
	color:#000;
	font-size: 20px;
    line-height: 20px;
	padding:15px 0px;
}
.under-caption{
	font-size: 20px;
    line-height: 25px;
	background-color:#0000001a;
	border-radius:5px;
	padding:7px 10px;
	display:inline-block;
	margin-bottom:10px;
}
#carouselExampleCaptions .carousel-item {
	height:600px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
@media (max-width: 1200px){
		#carouselExampleCaptions .carousel-item {
		background-position: -1200px 0px;
	}
}
@media (max-width: 600px){
	#carouselExampleCaptions .carousel-item {
		height:450px;
		background-size:cover;
		background-position: -1310px 0px;
	}
	#carouselExampleCaptions .carousel-item .carousel-caption {
		background-color:#00000070;
	}
	.carousel-caption p, .carousel-caption .h6, .carousel-caption .h7, .carousel-caption .h8{
		color:#FFF;
		font-size: 16px;
		line-height: 16px;
		padding:10px 0px;
	}	
	.capt-text {
		width:95%;
		position:absolute;
		bottom:30px;
	}
	.carousel-caption {
		padding-top: 10px;
		padding-bottom: 30px;
		position: relative;
		right:auto;
		left: auto;
		bottom: auto;
		text-align:center;
		height: 100%;
		vertical-align:center;
	} 
	.carousel-caption .container {
		height:100%;
	}
	.carousel-caption h5{
		font-size: 40px;
		line-height: 40px;
		font-weight: 500;
		color:#FFF;
	}
	.fs-4 {
		font-size:18px !important;
	}
	.fs-5 {
		font-size:18px !important;
	}
}
.btn{
    border-radius:3px;
}


.btn-warning {
    background: linear-gradient(45deg, #27a7e7 0%, #2b9de3 25%, #2f93df 50%, #3389db 75%, #377fd7 100%);
    border-color: #27a7e7;
    color: #FFF;
    transition: all 0.3s ease;
}

.btn-warning:hover {
    background: linear-gradient(45deg, #27a7e7 0%, #2b9de3 25%, #2f93df 50%, #3389db 75%, #377fd7 100%);
    border-color: #1f8bc4;
    /* Можно добавить другие эффекты */
    box-shadow: 0 4px 12px rgba(39, 167, 231, 0.3);
	color: #FFF;
	transform: translateY(-2px);
}

.navbar  {
	padding: 20px 0px;
}
@media (max-width: 991px){
	.navbar  {
		padding: 10px 0px;
	}
	.navbar .btn {
		margin-bottom:10px;
		width:100%;
	}
}
.navbar-nav {
	margin-left:30px;
}
.navbar-nav .nav-link{
	color:#000;
	font-size:18px;
}
.blogo {
	background: linear-gradient(45deg, #27a7e7 0%, #2b9de3 25%, #2f93df 50%, #3389db 75%, #377fd7 100%);
	border-color: #27a7e7;
	text-transform:uppercase;
	font-size:37px;
	line-height:37px;
	padding:4px 10px;
	color:#FFF;
	display:inline-block;
	margin-right:5px;
	font-weight:800;
}
.blogo-text {
	text-transform:uppercase;
	font-size:16px;
	line-height:16px;
	display:inline-block;
}
.navbar-brand .blogo {
    transition: all 0.3s ease;
}
.navbar-brand:hover .blogo{
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(39, 167, 231, 0.3);
	transition: all 0.3s ease;
}

.instagram{
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	border-color: #f09433;
}
.telegram{
	background: linear-gradient(45deg, #27a7e7 0%, #2b9de3 25%, #2f93df 50%, #3389db 75%, #377fd7 100%);
	border-color: #27a7e7;

} 
.whatsapp{  
	background: linear-gradient(45deg, #4cdf7c 0%, #39d06b 25%, #25d366 50%, #1eb65a 75%, #17994e 100%);
	border-color: #25d366;
	transition: all 0.3s ease;
}
.whatsapp:hover{  
	background: linear-gradient(45deg, #4cdf7c 0%, #39d06b 25%, #25d366 50%, #1eb65a 75%, #17994e 100%);
	border-color: #25d366;
	box-shadow: 0 4px 12px rgba(39, 167, 231, 0.3);
	transform: translateY(-2px);
}
ad
@media (min-width: 991px){
	.carousel-inner .d-none{
		display:inline-block !important;
	}
	.carousel-indicators.d-none {
		display: flex !important;
	}
}
.intro {
	padding-top:40px;
	padding-bottom:40px;
	font-size:22px;
	font-weight:500;
}
@media (max-width: 600px){
	.intro {
		padding-top:20px;
		padding-bottom:20px;
		font-size:18px;
		font-weight:500;
	}	
}
.title {
	font-size: 20px;
    line-height: 25px;
	background-color:#0000001a;
	border-radius:5px;
	padding:7px 10px;
	display:inline-block;
	margin-bottom:10px;
}
.soc .fa {
	font-size:30px;
	line-height:30px;
}
.forma {
	font-weight: 500;
}
.forma textarea, .forma input {
    padding: 7px;
    border: #CCC solid 1px;
    border-radius: 2px;
    width: 100%;
    margin-bottom: 20px;
	margin-top: 10px;
}
.right-img {
	width:100%;
	height:auto;
	max-width:500px;
	margin:0px 0px 15px 15px;
	float:right;
	border-radius:10px;
}
@media (max-width: 1000px){
	.right-img {
		width:100%;
		height:auto;
		max-width:100%;
		margin:0px 0px 15px 0px;
		float:none;
	}	
}
.prew-img {
	border-radius:10px;
}
.entry-title a {
	color:#000;
	text-decoration:none;
}
.nav-previous {
	width:49%;
	float:left;
}
.nav-next {
	width:49%;
	float:right;
	text-align:right;
}
a.page-numbers {
	background-color: #3981F1;
    border-color: #3981F1;
	border-radius: 3px;
	padding: 0.375rem 0.75rem 0.375rem 0.75rem; 
	color:#000;
	text-decoration:none;
	display:inline-block;
}
span.page-numbers {
	background-color: #0000001a;
    border-color: #0000001a;
	border-radius: 3px;
	padding: 0.375rem 0.75rem 0.375rem 0.75rem; 
	color:#000;
	text-decoration:none;
	display:inline-block;
}
.more-link {
	color:#000;
	text-decoration:none;
}
.text-justify {
	text-align:justify;
}
.prev-img {
	background-size:cover;
	background-position:center;
	width:100%;
	aspect-ratio: 16/11;
	border-radius:10px;
}
.prev-title {
	color:#000;
	font-size:24px;
	line-height:30px;
	text-decoration:none;
	font-weight:500;
	display:block;
}
.breads {
	font-size:12px;
}
.breads a {
	text-decoration:none;
	color:#000;
	border-bottom:#000 solid 1px;
}
#overlay {
	position: fixed;
	bottom: 0;
	display: none;
	width: 100%;
	background-color: #f8f8f8e6;
	box-shadow: 0 0 4px rgba(16, 24, 40, 0.15);
	z-index: 999;
	-webkit-animation: fade .6s;
	-moz-animation: fade .6s;
	animation: fade .6s;
	padding:20px 0px;
	font-size:14px;
}
/* Отзывы  */

         .reviews-slider {
            margin: 0 auto;
            padding: 0 15px;
        }
        .review-card {
            height: 100%;
            background: white;
            border-radius: 12px;
            padding: 25px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            border: 1px solid #e9ecef;
        }
        .review-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }
        .review-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 18px;
            flex-wrap: wrap;
            padding-bottom: 15px;
            border-bottom: 1px solid #f1f1f1;
        }
        .review-date {
            font-size: 0.85rem;
            color: #6c757d;
            font-weight: 500;
        }
        .review-rating {
            color: #ffc107;
            font-size: 1.3rem;
            white-space: nowrap;
            letter-spacing: 2px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.1);
        }
        .review-body {
            flex-grow: 1;
        }
        .review-body p {
            margin-bottom: 18px;
            line-height: 1.6;
            color: #333;
            font-size: 0.95rem;
        }
        .review-likes, .review-dislikes {
            font-size: 0.9rem;
            margin-bottom: 12px;
            padding: 10px 15px;
            border-radius: 8px;
            line-height: 1.5;
        }
        .review-likes {
            background-color: #f8fff9;
            border-left: 4px solid #28a745;
            color: #155724;
        }
        .review-dislikes {
            background-color: #fff8f8;
            border-left: 4px solid #dc3545;
            color: #721c24;
        }
        .doctor-response {
            margin-top: 20px;
            padding: 15px;
            background-color: #f0f8ff;
            border-radius: 8px;
            border-left: 4px solid #0d6efd;
            font-size: 0.9rem;
            color: #0c5460;
        }
        .reviews-slider .carousel-control-prev {
            width: 5%;
            opacity: 0.9;
            transition: opacity 0.3s;
			margin-left:-50px;
        }
		.reviews-slider .carousel-control-next {
            width: 5%;
            opacity: 0.9;
            transition: opacity 0.3s;
			margin-right:-50px;
        }
		.carousel-control-prev {
            width:50px;
        }
        .carousel-control-next {
            width:50px;
        }
        .reviews-slider .carousel-control-prev-icon:hover,
        .reviews-slider .carousel-control-next-icon:hover {
            opacity: 0.5;
        }
        .reviews-slider .carousel-indicators {
            bottom: -50px;
        }

        .section-title {
            text-align: center;
            margin-bottom: 40px;
            color: #2c3e50;
            font-weight: 600;
            font-size: 2.2rem;
            position: relative;
            padding-bottom: 15px;
        }
        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: linear-gradient(90deg, #ffc107, #ff9800);
            border-radius: 2px;
        }
        .review-card strong {
            color: #2c3e50;
            font-weight: 600;
        }
        @media (max-width: 768px) {
            .review-header {
                flex-direction: column;
                align-items: flex-start;
            }
            .review-rating {
                margin-top: 8px;
            }
            .review-card {
                padding: 20px 18px;
            }
            .section-title {
                font-size: 1.8rem;
            }
        }
        @media (max-width: 576px) {
            .reviews-slider .carousel-control-prev,
            .reviews-slider .carousel-control-next {
                display: none;
            }
        }
/* Конец Отзывы  */