.blog a[href*="winterhalter.com"] {
    color: #a61a16; /* orange */
    font-weight: 500;
    text-decoration: underline;
}
.single-slider::before {
    display: none !important;
    background: none !important;
}
.single-slider {
    filter: brightness(100%) !important;
}
/* =====================================
   HK CONSULTING — style.css (nettoyé)
   Sections conservées : Global, Header,
   Slider, Why Choose, Portfolio,
   Services, Blog, Footer
======================================= */
.why-choose img {
 border: 1px solid #888;
border-radius: 4px;
}	
.why-choose .row {
    align-items: center;
}
.portfolio .single-pf img {
    border: 1px solid #ddd;
    border-radius: 8px;
}
/*=============================
	Global CSS
===============================*/
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #888;
}

#scrollUp {
	bottom: 15px;
	right: 15px;
	background: #a61a16;
	color: #fff;
	font-size: 25px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 0;
	border-radius: 3px;
	box-shadow: 0px 0px 10px #00000026;
}
#scrollUp:hover {
	background: #2C2D3F;
}

/* Section title */
.section-title {
	text-align: center;
	margin-bottom: 40px;
}
.section-title h2 {
	font-size: 28px;
	font-weight: 600;
	color: #2C2D3F;
}
.section-title p {
	margin-top: 10px;
}

/* Section padding */
.section {
	padding: 50px 0;
}

/* Buttons */
.btn {
	display: inline-block;
	padding: 12px 28px;
	background: #a61a16;
	color: #fff;
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.btn:hover {
	background: #2C2D3F;
	color: #fff;
}
.btn.primary {
	background: #2C2D3F;
	color: #fff;
}
.btn.primary:hover {
	background: #a61a16;
}
/*=============================
	End Global CSS
===============================*/

/*===================
	Start Header CSS
=====================*/
.header {
	background-color: #fff;
	position: relative;
}

/* Topbar */
.header .topbar {
	background-color: #000;
	padding: 5px 0;
	height: 60px;
}
.header .top-contact {
	float: right;
}
.header .top-contact li {
	display: inline-block;
	margin-top: 2px;
	margin-right: 25px;
	color: #fff;
}
.header .top-contact li:last-child {
	margin-right: 0;
}
.header .top-contact li a {
	font-size: 14px;
	color: #fff;
}
.header .top-contact li a:hover {
	color: #a61a16;
}
.header .top-contact li i {
	color: #a61a16;
	margin-right: 8px;
}

/* Header Inner */
.header .header-inner {
	background: #fff;
	z-index: 999;
	width: 100%;
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0;
	min-height: 0;
}

/* Main Menu */
.header .nav li {
	margin-right: 15px;
	float: left;
	position: relative;
}
.header .nav li:last-child {
	margin: 0;
}
.header .nav li a {
	color: #2C2D3F;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 25px 12px;
	display: inline-block;
	position: relative;
}
.header .nav li a::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 3px;
	width: 0%;
	background: #a61a16;
	border-radius: 5px 5px 0 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
}
.header .nav li.active a::before,
.header .nav li:hover a::before {
	opacity: 1;
	visibility: visible;
	width: 100%;
}
.header .nav li.active a,
.header .nav li:hover a {
	color: #a61a16;
}

/* Header Sticky */
.header.sticky .header-inner {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	transition: all 0.4s ease;
	animation: fadeInDown 0.5s both 0.1s;
	
}
/*===================
	End Header CSS
=====================*/

/*===========================
	Start Hero Slider CSS
=============================*/
.slider .single-slider {
	height: 600px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider .single-slider .text {
	margin-top: 120px;
	text-align: center;
}
.slider .single-slider .button {
	display: flex;
	justify-content: center;
}
.slider .single-slider h1 {
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	margin: 0;
	line-height: 42px;
}
li i.fa-caret-right {
  color: #a61a16; 
}
.slider .single-slider h1 span {
	color: #a61a16;
}

.section span {
	color: #a61a16;
}
.slider .single-slider .button {
	margin-top: 30px;
}
.slider .single-slider .btn {
	color: #fff;
	background: #a61a16;
	font-weight: 500;
	display: inline-block;
	margin-right: 10px;
}
.slider .single-slider .btn:last-child {
	margin: 0;
}
.slider .single-slider .btn.primary {
	background: #2C2D3F;
	color: #fff;
}
.slider .owl-carousel .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}
.slider .owl-carousel .owl-nav div {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background: #a61a16;
	color: #fff;
	font-size: 26px;
	position: absolute;
	margin: 0;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 50%;
}
.slider .owl-carousel .owl-nav div:hover {
	background: #2C2D3F;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev { left: 20px; }
.slider .owl-carousel .owl-controls .owl-nav .owl-next { right: 20px; }

/* Slider animations */
.owl-item.active .single-slider h1    { animation: fadeInUp 1s both 0.6s; }
.owl-item.active .single-slider p     { animation: fadeInUp 1s both 1s; }
.owl-item.active .single-slider .button { animation: fadeInDown 1s both 1.5s; }
/*===========================
	End Hero Slider CSS
=============================*/
/*===================
	services et portfolio et blog CSS
=====================*/
.services .choose-left h3 {
	font-size: 24px;
	font-weight: 600;
	color: #2C2D3F;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 24px;
}
.services .choose-left h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background: #a61a16;
}
.services .choose-left p {
	margin-bottom: 35px;
}
.portfolio .choose-left h3 {
	font-size: 24px;
	font-weight: 600;
	color: #2C2D3F;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 24px;
}
.portfolio .choose-left h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background: #a61a16;
}
.portfolio .choose-left p {
	margin-bottom: 35px;
}
.blog .choose-left h3 {
	font-size: 24px;
	font-weight: 600;
	color: #2C2D3F;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 24px;
}
.blog .choose-left h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background: #a61a16;
}
.blog .choose-left p {
	margin-bottom: 35px;
}
/*===================
	Why Choose CSS
=====================*/
.why-choose {
	background: #fff;
}
.why-choose .choose-left h3 {
	font-size: 24px;
	font-weight: 600;
	color: #2C2D3F;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 24px;
}
.why-choose .choose-left h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background: #a61a16;
}
.why-choose .choose-left p {
	margin-bottom: 35px;
}
.why-choose .choose-left .list li {
	color: #868686;
	margin-bottom: 12px;
}
.why-choose .choose-left .list li:last-child {
	margin-bottom: 0;
}
.why-choose .choose-left .list li i {
	height: 15px;
	width: 15px;
	line-height: 15px;
	text-align: center;
	background: #a61a16;
	color: #fff;
	font-size: 14px;
	border-radius: 100%;
	padding-left: 2px;
	margin-right: 16px;
}
.why-choose .choose-right {
	
	height: 100%;
	width: 100%;
}
.why-choose .choose-right img {
	width: 100%;
	height: auto;
	display: block;
}
/*===================
	End Why Choose
=====================*/

/*==========================
	Start Portfolio CSS
============================*/
.portfolio {
	background: #fdfdfd;
}
.portfolio .single-pf {
	position: relative;
}
.portfolio .single-pf img {
	height: 100%;
	width: 100%;
	margin-bottom: 10px;
}
.portfolio .single-pf::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #a61a16;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	z-index: 1;
}

.portfolio .single-pf .btn {
	color: #a61a16;
	z-index: 3;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	height: 48px;
	width: 150px;
	text-align: center;
	line-height: 48px;
	padding: 0;
	font-weight: 500;
	font-size: 14px;
	margin-left: -75px;
	margin-top: -24px;
	border-radius: 4px;
}

.portfolio .owl-nav {
	display: none;
}
/*==========================
	End Portfolio CSS
============================*/

/*=========================
	Start Services CSS
===========================*/
.services .single-service {
	margin: 30px 0;
	position: relative;
	padding-left: 70px;
}
.services .single-service i {
	font-size: 45px;
	color: #a61a16;
	position: absolute;
	left: 0;
	transition: all 0.4s ease;
}
.services .single-service h4 {
	text-transform: capitalize;
	margin-bottom: 10px;
	color: #2C2D3F;
	font-size: 18px;
	font-weight: 600;
}
.portfolio .single-pf h6 {
    text-align: center;
}

.services .single-service p {
	color: #868686;
}
/*=========================
	End Services CSS
===========================*/

/*=======================
	Start Blog CSS
=========================*/
.blog {
	background: #fff;
}
.blog .single-news {
	background: #fff;
	position: relative;
	transition: all 0.4s ease;
	box-shadow: 0px 0px 10px #00000014;
	margin-bottom: 30px;
}
.blog .single-news img {
	width: 100%;
	margin: 0;
	padding: 0;
	transition: all 0.4s ease;
}
.blog .single-news .news-head {
	position: relative;
	overflow: hidden;
}
.blog .single-news .news-content {
	text-align: left;
	background: #fff;
	position: relative;
	padding: 30px;
	z-index: 0;
}
.blog .single-news .news-content::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0%;
	background: #a61a16;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
}
.blog .single-news:hover .news-content::before {
	opacity: 1;
	visibility: visible;
	width: 100%;
}
.blog .single-news .news-body h2 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 24px;
	color: #2C2D3F;
}
.blog .single-news .news-content p {
	font-weight: 400;
	font-size: 13px;
	line-height: 23px;
}
.blog .single-news .news-body .date {
	display: inline-block;
	font-size: 13px;
	margin-bottom: 10px;
	background: #a61a16;
	color: #fff;
	padding: 4px 15px;
	border-radius: 3px;
}
/*=======================
	End Blog CSS
=========================*/

/*=========================
	Start Footer CSS
===========================*/
.footer {
	position: relative;
}
.footer .footer-top {
	padding: 80px 0;
	position: relative;
	background: #a61a16;
}
.footer .footer-top::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.1;
}
.single-footer {
	text-align: center;
}
.footer .single-footer p {
	color: #fff;
	margin-bottom: 8px;
}
.footer .single-footer p i {
	margin-right: 8px;
}
.footer .single-footer p a {
	color: #fff;
}
.footer .single-footer p a:hover {
	text-decoration: underline;
}

/* Social */
.footer .single-footer .social {
	margin-top: 25px;
}
.footer .single-footer .social li {
	display: inline-block;
	margin-right: 10px;
}
.footer .single-footer .social li:last-child {
	margin-right: 0;
}
.footer .single-footer .social li a {
	height: 34px;
	width: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #fff;
	padding: 0;
	border-radius: 100%;
	display: block;
	color: #fff;
	font-size: 16px;
	transition: all 0.3s ease;
}
.footer .single-footer .social li a:hover {
	color: #a61a16;
	background: #fff;
	border-color: transparent;
}

/* Copyright */
.footer .copyright {
	background: #a61a16;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.15);
}
.footer .copyright .copyright-content p {
	color: #fff;
	margin: 0;
}
/*=========================
	End Footer CSS
===========================*/
