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

    Template Name: DomInno
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1.  Find Home Area
    2.  About Area
    3.  Service Area
    4.  Property Area
    5.  Advertise Area
	6.  Feature Area
	7.  Fun Factor Area
	8.  Team Area
	9.  Testimonial Area
	10.  Blog Area
	11.  Client Area
	12.  About Page
	13.  Property Page
		13.1  Sidebar (Property Page)
	14.  Property List Page
	15.  Property Details Page
	16.  Blog Page Sidebar
	17.  Blog Details Page
	18.  Agent Details Page
	19.  Create Agency Page
	20.  Single Post Page
	21.  Contact Page
	22.  Error Page
	23.  Modal
	24.  Additional Page CSS
	
-----------------------------------------------------------------------------------*/

/*************************
 Bootstrap Custom Container
************************/
.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 576px){
  .container, 
  .container-sm {
    max-width: 540px;
}
}

@media (min-width: 768px){
  .container, 
  .container-md, 
  .container-sm {
    max-width: 720px;
}
}

@media (min-width: 992px){
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm {
    max-width: 960px;
}
}

@media (min-width: 1200px){
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl {
    max-width: 1200px;
  }
}

@media (min-width: 1400px){
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl, 
  .container-xxl {
    max-width: 1230px;
  }
}


.row {
  --bs-gutter-x: 30px;
}

a{
    text-decoration: none;
}
.container .row div[class^=col-] {
    position: relative;
}
.mx-n-15px{
    margin-right: -15px;
    margin-left: -15px;
}
.px-15px{
    padding-left: 15px;
    padding-right: 15px;
}
iframe{
    width: 100%;
}
/*----------------------------------------*/
/*  1.  Find Home Area
/*----------------------------------------*/
.form-box {
	position: relative;
	width: 25%;
	z-index: 9;
	float: left;
}
.form-box.large {width: 50%}
.select {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 98%;
}
.select select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff url("../images/arrow.png") no-repeat scroll 92% 50%;
	border: medium none;
	color: #555454;
	cursor: pointer;
	font-size: 13px;
	height: 38px;
	padding: 0 16px;
	width: 100%;
}
.single-info label {
    color: #525252;
    font-family: "montserratsemi_bold";
    font-size: 14px;
    line-height: 34px;
    width: 160px;
}
.single-info input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;
    color: #a2a2a2;
    font-family: "montserratlight";
    font-size: 12px;
    height: 36px;
}
.price_filter {width: 57.5%; float: left;}
.slider-range {
	background: #bbbbbb none repeat scroll 0 0;
	border: 0 none;
	height: 8px;
	border-radius: 0;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
	background: #3494D4 none repeat scroll 0 0;
	border: medium none;
	height: 8px;
	margin-top: 0;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #3494D4 none repeat scroll 0 0;
	border: medium none;
	border-radius: 50%;
	height: 22px;
	margin-top: -3px;
	width: 22px;
}
.slider-values {margin: 5px 0 10px; overflow: hidden;}
.slider-values > span {
	float: left;
	padding-right: 5px;
	text-align: right;
	width: 42%;
}
.price_filter input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #606060;
	float: left;
	font-size: 14px;
	height: 15px;
	line-height: 15px;
	margin: 0;
	min-width: 55px;
	padding: 0;
	text-align: left;
	width: 53%;
}
.price_filter button.search_price {
    border-top: 1px solid #dcdcdc;
    display: block;
    margin: 15px 0 10px;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
/*----------------------------------------*/
/*  2.  About Area
/*----------------------------------------*/
.about-area .col-md-6:last-child {padding-left: 0;}
span.text-dark{font-family: "montserratregular";}
.about-area .link {font-size: 16px; font-family: "raleway"; font-weight: 500;}
.about-area .col-md-6 img {margin-top: -10px;}
.about-showroom-img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.about-showroom {
	position: relative;
	display: block;
	margin-bottom: 36px;
}
.about-showroom-ctas {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: max-content;
	max-width: calc(100% - 8px);
	z-index: 5;
	pointer-events: none;
}
.about-showroom-btn {
	pointer-events: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex: 0 0 auto;
	min-height: 34px;
	padding: 7px 12px;
	border-radius: 6px;
	font-family: "montserratsemi_bold", "montserratregular", sans-serif;
	font-size: 10px;
	line-height: 1.15;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: 0 6px 16px rgba(13, 52, 99, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.about-showroom-btn__icon,
.about-showroom-btn__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.about-showroom-btn__icon svg {
	width: 14px;
	height: 14px;
}
.about-showroom-btn__icon--circle {
	width: 18px;
	height: 18px;
	border: 1.5px solid currentColor;
	border-radius: 50%;
}
.about-showroom-btn__icon--circle svg {
	width: 10px;
	height: 10px;
}
.about-showroom-btn__label {
	display: inline-block;
}
.about-showroom-btn--primary {
	background: #FD9F18;
	color: #ffffff !important;
	border: 1.5px solid #ffffff;
}
.about-showroom-btn--primary:hover {
	background: #e89210;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(13, 52, 99, 0.24);
}
.about-showroom-btn--outline {
	background: #ffffff;
	color: #FD9F18 !important;
	border: 1.5px solid #FD9F18;
}
.about-showroom-btn--outline:hover {
	background: #fff8ef;
	color: #FD9F18 !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(13, 52, 99, 0.24);
}
@media (max-width: 991px) {
	.about-showroom {
		margin-bottom: 48px;
	}
	.about-showroom-ctas {
		max-width: 100%;
		gap: 8px;
	}
	.about-showroom-btn {
		font-size: 9px;
		padding: 6px 10px;
		min-height: 32px;
	}
}
@media (max-width: 575px) {
	.about-showroom-ctas {
		flex-direction: column;
		width: calc(100% - 16px);
		max-width: calc(100% - 16px);
	}
	.about-showroom-btn {
		width: 100%;
		white-space: normal;
		text-align: center;
	}
}
.link > a {position: relative; color: #FD9F18;}
.link > a:hover {color: #0D3463;}
.link > a:before, .link > a:after {
	bottom: -4px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	background: #FD9F18 none repeat scroll 0 0
}
.link > a:after {background: #c6e088 none repeat scroll 0 0; bottom: -5px;}
.link > a:hover:before {background: #3494D4 none repeat scroll 0 0;}
.link > a:hover:after {background: #3b4176 none repeat scroll 0 0;}
/*----------------------------------------*/
/*  3.  Service Area
/*----------------------------------------*/
.single-service-text h4 {
    font-family: "montserratregular";
    font-size: 18px;
    font-weight: 400;
}
.single-service-text p {margin-bottom: 0}
/*----------------------------------------*/
/*  4.  Property Area
/*----------------------------------------*/
.single-property {position: relative;}
.property-title h4 {
    color: #fafafa;
    font-family: "montserratregular";
    font-size: 16px;
    font-weight: 400;
}
.property-title h3 {font-family: "montserratregular"; font-size: 20px; font-weight: 400; color: #FD9F18;}
.single-property .title-left span {
    display: flex;
    align-items: center;
    color: #ffffff;
}
.property-title span img {
	float: left;
	max-width: 11px;
	position: relative;
	top: -2px;
}
.property-image {position: relative;}
.property-image > a> img {width: 100%;}
.hover-container {
	background: rgba(0, 0, 0, 0.64) none repeat scroll 0 0;
	bottom: 0;
	height: 18%;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	-webkit-transition: opacity 0.2s ease-in-out 0s;
	transition: opacity 0.2s ease-in-out 0s
}
.hover-item, .property-content .list-item {display: inline-block;}
.hover-item > span {color: #fafafa; line-height: 20px;}
.owl-carousel .owl-item .hover-item > img, .hover-item > img, .property-content .list-item > img {float: left; width: auto;}
.hover-item:nth-child(1) {width: 35%;}
.hover-item:nth-child(2) {width: 26%;}
.hover-item:nth-child(3) {width: 23%;}
.property-image a{position: relative}
.property-image a span.img-button {
	border: 1px solid #ffffff;
	color: #ffffff;
	display: inline-block;
	font-family: "montserratregular";
	font-weight: 400;
	left: 0;
	line-height: 38px;
	margin: -20px auto 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	right: 0;
	text-align: center;
	top: 41%;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
	width: 130px;
	z-index: 1;
}
.property-image a span.img-button:hover {background: #fff; color: #0D3463}
.single-property:hover .property-image a span.img-button {
	opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	transform: scale(1);
}
.property-image span.p-tag {
	color: #ffffff;
	font-family: "montserratsemi_bold";
	font-weight: 500;
	height: 28px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 93px;
	z-index: 1;
	line-height: 28px;
}
 .owl-dots {
	text-align: center;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin-top: 40px;
}
.owl-dot {
	background: #dbdbdb none repeat scroll 0 0;
	border-radius: 50%;
	display: inline-block;
	height: 11px;
	margin-left: 10px;
	margin-right: 10px;
	width: 11px;
}
.owl-dot.active {
	height: 17px;
	width: 17px;
	top: 2px;
	position: relative;
	background: #FD9F18 none repeat scroll 0 0
}
/*----------------------------------------*/
/*  5.  Advertise Area
/*----------------------------------------*/
.advertise-area h1 {font-size: 32px; font-weight: 800;}
.advertise-area h2 {font-family: "montserratsemi_bold"; font-size: 32px; font-weight: 500;}
/*----------------------------------------*/
/*  6.  Feature Area
/*----------------------------------------*/
.single-feature {float: left; width: 33.333%;}
.single-feature-title > h4 {
    color: #303030;
    font-family: "montserratregular";
    font-size: 16px;
    font-weight: 400;
}
.single-feature-title > img {position: absolute;}
.single-feature-title {position: relative;}
/*----------------------------------------*/
/*  7.  Fun Factor Area
/*----------------------------------------*/
.text-icon > h2 {
	color: #ffffff;
	display: inline-block;
	font-family: "montserratregular";
	font-weight: 400;
	line-height: 28px;
	position: relative;
	top: 8px;
}
.single-fun-factor h4 {
    color: #e0e0e0;
    font-family: "montserratregular";
    font-size: 15px;
    font-weight: 400;
}
.text-icon img {display: inline-block;}
.text-dark .text-icon > h2, .single-fun-factor.text-dark h4 {color: #0D3463;}
.fun-factor h2{font-size: 28px}
.fun-factor-area .single-fun-factor {text-align: center;}
/*----------------------------------------*/
/*  8.  Team Area
/*----------------------------------------*/
.member-text > h3 {
    color: #ffffff;
    font-family: "montserratregular";
    font-size: 16px;
    font-weight: 400;
}
.member-text > span {color: #bcbcbc}
.member-image {position: relative; text-align: center}
.member-image:after {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-team-member:hover .member-image:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.link-effect {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 198px;
	z-index: 1
}
.link-effect li, .agent-link li {
	background: #ffffff none repeat scroll 0 0;
	float: left;
	height: 33px;
	text-align: center;
	width: 36px;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	position: absolute;
}
.agent-link li:hover{background: #FD9F18 none repeat scroll 0 0}
.link-effect li:hover{background: #FD9F18 none repeat scroll 0 0}
.link-effect li a, .agent-link li a {
	display: block;
	height: 100%;
	padding: 8px 0;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s
}
.link-effect li a img, .header-search li img, .agent-link li a img{
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s
}
.link-effect ul li .s-img, .link-effect ul li:hover .p-img, .agent-link ul li .s-img, .agent-link ul li:hover .p-img, .header-search li .s-img, .header-search li:hover .p-img {
    display: none;
}
.link-effect ul li:hover .s-img, .agent-link ul li:hover .s-img {display: block;}
.header-search li:hover .s-img {display: inline-block;}
.link-effect ul li:nth-child(1) {bottom: -43px; left: 0;}
.link-effect ul li:nth-child(2) {
    bottom: -53px;
	left: 54px;
	-webkit-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s
}
.link-effect ul li:nth-child(3) {
    bottom: -63px;
	left: 108px;
	-webkit-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s
}
.link-effect ul li:nth-child(4) {
    bottom: -73px;
	right: 0;
	-webkit-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s
}
.single-team-member:hover .link-effect ul li:nth-child(1), .single-team-member:hover .link-effect ul li:nth-child(2), .single-team-member:hover .link-effect ul li:nth-child(3), .single-team-member:hover .link-effect ul li:nth-child(4) {
    bottom: 0;
}
.member-text {z-index: 1; position: relative;}
/*----------------------------------------*/
/*  9.  Testimonial Area
/*----------------------------------------*/
.testimonial-area {position: relative;}
.testimonial-image-slider {margin-top: 5px;}
.slick-list {margin: 0 5px;}
.sin-testiImage {display: inline-block; margin-bottom: 0; outline: medium none;}
.sin-testiImage img {
	cursor: pointer;
	display: inline-block;
	height: 102px;
	margin-top: 38px;
	outline: 0 none;
	width: 110px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s
}
.sin-testiText {outline: medium none;}
.sin-testiText p {margin-bottom: 10px; margin-top: 37px;}
.slick-current .sin-testiText p {margin-bottom: 13px; margin-top: 48px;}
.sin-testiText span {
    color: #0D3463;
    font-family: "montserratregular";
    font-weight: 400;
}
.sin-div {
	margin: 0 41px;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.sin-div.slick-current{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.slick-slider {z-index: 9;}
.slick-dots li button {
	background: #dbdbdb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 50%;
	color: rgba(0, 0, 0, 0);
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 11px;
	line-height: 0;
	outline: medium none;
	padding: 0;
	width: 11px;
}
.slick-dots > li {display: inline-block; height: 17px; margin: 10px;}
.slick-dots li.slick-active button {
	height: 17px;
	position: relative;
	top: -3px;
	width: 17px;
	background: #FD9F18 none repeat scroll 0 0
}
.slick-dots {height: 22px; margin: 30px auto 0;}
.sin-testiText h4 {
    font-family: "montserratregular";
    font-size: 14px;
    font-weight: 400;
}
.sin-testiText h4 span {color: #606060; font-family: "montserratlight";}
.slick-current .sin-testiText {position: relative;}
.slick-current .sin-testiText:after {
    background: rgba(0, 0, 0, 0) url("../images/coma.png") repeat scroll 0 0;
    content: "";
    height: 47px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -21px;
    width: 57px;
}
/*----------------------------------------*/
/*  10.  Blog Area
/*----------------------------------------*/
.blog-image {position: relative;}
.blog-image a img {width: 100%;}
.blog-image span.blog-text {
    bottom: 0;
    color: #fafafa;
    font-family: "montserratsemi_bold";
    font-size: 20px;
    height: 46px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 55px;
    z-index: 2;
}
.blog-image span.blog-text span {
    font-family: "montserratregular";
    font-size: 14px;
    font-weight: 400;
}
.blog-post-info span i {font-size: 16px;}
.blog-post-info {color: #f4f4f4;}
.single-blog-text h5 {font-family: "montserratregular"; font-weight: 400;}
.single-blog .single-blog-text h5:hover{color: #FD9F18;}
.single-blog-text > a.button {
    color: #0D3463;
    height: auto;
    line-height: 18px;
    padding: 0;
    text-transform: capitalize;
}
.single-blog-text a.button:hover{color: #FD9F18;}
/*----------------------------------------*/
/*  11.  Client Area
/*----------------------------------------*/
.single-client a {
	border: 1px solid #ebebeb;
	display: inline-table;
	height: 110px;
	width: 210px;
}
.single-client:hover a {
    background: #fafafa none repeat scroll 0 0;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.34);
}
.single-client span {display: table-cell; vertical-align: middle;}
.owl-carousel .single-client img {width: auto; margin: auto}
/*----------------------------------------*/
/*  12.  About Page
/*----------------------------------------*/
.banner-title h1 {font-size: 36px; line-height: 29px;}
.b-image img, .b-s-image img, .b-s-image-2 img, .b-s-image-3 img {
	box-shadow: 1px 0 6px rgba(0, 0, 0, 0.58);
	margin: 0;
	position: relative;
	right: -49px;
	top: -46px;
	width: 100%;
}
.b-image, .b-s-image, .b-s-image-2, .b-s-image-3 {
	background: #3494D4 none repeat scroll 0 0;
	box-shadow: 1px 0 6px rgba(0, 0, 0, 0.58);
	display: inline-block;
	margin-right: 49px;
	margin-top: 46px;
}
.s-title {
	color: #0D3463;
	font-family: "montserratregular";
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 13px;
}
.cloumn-left, .cloumn-right {float: left; position: relative; width: 50%;}
.cloumn-left span, .cloumn-right span {
    border-radius: 0 30px 30px 0;
    color: #ffffff;
    font-size: 18px;
    height: 39px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 118px;
	z-index: 9
}
.cloumn-left span {border-radius: 30px 0 0 30px; left: auto; right: 0;}
.about-text h4 {
    color: #0D3463;
    font-family: "montserratregular";
    font-size: 18px;
    font-weight: 400;
    line-height: 15px;
}
.b-s-image > img {left: 34px; right: auto;}
.regular{font-family: "montserratregular"}
.b-s-image-2, .b-s-image-3 {margin: 0;}
.b-s-image-2 > img {right: 41px; top: 41px;}
.b-s-image-3 > img {left: 41px; top: 41px; z-index: 2;}
/*----------------------------------------*/
/*  13.  Property Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  13.1  Sidebar (Property Page)
/*----------------------------------------*/
.single-sidebar-widget .form-box {height: auto; margin-bottom: 18px; width: 50%;}
.single-sidebar-widget .select {width: 100%; border-color: #ccc}
.sidebar-widget-title > h5 {
    font-family: "montserratregular";
    font-weight: 400;
    padding-bottom: 12px;
    position: relative;
}
.sidebar-widget-title > h5:after {
    background: #FD9F18 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.single-sidebar-widget .form-box.large{width: 100%}
.single-sidebar-widget .price_filter {width: 75%;}
.single-sidebar-widget .button {
    float: left;
    height: 45px;
    line-height: 45px;
    width: 270px;
    z-index: 9;
}
.single-sidebar-widget .property-title h4, .single-sidebar-widget .property-title h3 {font-size: 14px;}
.property-image a span.img-button {
	font-size: 12px;
	line-height: 30px;
	margin-top: -5px;
	width: 105px;
}
.sidebar-agent h5 {
    font-family: "montserratlight";
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}
.sidebar-agent a img {width: 100%;}
.sidebar-agent a.border {border: 1px solid #ececec;}
.agent-hover:hover h5{color: #9AC438}
.single-sidebar-widget .tags li a {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #303030;
	float: left;
	padding: 7px 13px;
}
.single-sidebar-widget .tags li a:hover{color: #fff; background: #FD9F18 none repeat scroll 0 0}
/*----------------------------------------*/
/*  14.  Property List Page
/*----------------------------------------*/
.property-container {float: left; width: 40%;}
.property-content .property-title h3 {font-size: 24px;}
.property-content p {font-family: "montserratregular"; line-height: 24px;}
.property-content p span {color: #0D3463;font-size: 16px;}
.list-item span {color: #0D3463;line-height: 20px;}
/*----------------------------------------*/
/*  15.  Property Details Page
/*----------------------------------------*/
.property-image > img {width: 100%;}
.property-desc > p span{font-family: "montserratregular"}
.details-title, .author-info h5, .comment-text .reply, .package-list span.dark{
    color: #303030;
    font-family: "montserratregular";
    font-size: 18px;
    font-weight: 400;
}
.details-title.text-medium{font-size: 16px}
.details-title.text-small{font-size: 14px}
.left-column .desc-info:nth-child(2n+1) {float: left; width: 59%;}
.left-column .desc-info:nth-child(2n) {float: left; width: 41%;}
.left-column .desc-info:last-child{width: 100%}
.desc-info:last-child img{top: -2px; position: relative}
.desc-info .price{font-size: 16px; font-family: "montserratregular"}
.desc-info .location{font-size: 15px}
.right-column .desc-info:nth-child(2n+1) {float: left; width: 66%;}
.right-column .desc-info:nth-child(2n) {float: left; width: 34%;}
.desc-info i{font-size: 18px; top: 2px; position: relative}
.author-image {border: 1px solid #ebebeb;}
.author-info h5 {font-size: 14px; line-height: 12px;}
.author-info span {font-size: 12px;}
.comment-text > p {color: #565656;}
.comment-form input, .comment-form textarea, .single-post-area input, .single-post-area textarea, .single-post-area input{
    border: 1px solid #ebebeb;
    color: #606060;
    font-size: 12px;
    height: 36px;
    padding: 0 15px;
	background: #FBFBFB
}
.comment-form textarea, .single-post-area textarea {height: 200px; resize: none;padding: 12px 15px}
iframe {width: 100%; border: 0}
/*----------------------------------------*/
/*  16.  Blog Page Sidebar
/*----------------------------------------*/
.search-form-box > input {
	background: #ffffff none repeat scroll 0 0;
	border: 0 none;
	color: #606060;
	font-size: 18px;
	height: 100%;
	padding: 0 15px;
}
.search-form-box {
    border: 1px solid #cccccc;
    height: 43px;
    position: relative;
}
.search-form-box > button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #606060;
	font-size: 15px;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	width: 48px;
}
.search-form-box > button:hover{color: #FD9F18;}
.categories li a {color: #606060;}
.categories a:hover{color: #FD9F18;}
.post-img {display: inline-block; float: left;}
.post-texts {overflow: hidden;}
.post-texts > h5 {
    color: #303030;
    font-family: "montserratregular";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.single-sidebar-widget p a:hover {color: #0D3463;}
.post-small img{width: 100%}
.custom .col-lg-4 {padding-left: 4px; padding-right: 4px;}
.row.custom {margin-left: -4px; margin-right: -4px;}
/*----------------------------------------*/
/*  17.  Blog Details Page
/*----------------------------------------*/
.blog-details .blog-image span.blog-text {font-size: 28px; width: 75px;height: 63px;}
.blog-details img {width: 100%;}
.blog-details .blog-image span.blog-text span {font-size: 20px;}
.blog-details .single-blog-text h5 {font-size: 22px;}
.blog-details .bold {
    color: #303030;
    font-family: "montserratregular";
    font-size: 16px;
    font-weight: 400;
}
.tags-and-links span {
    color: #303030;
    font-weight: 400;
	font-family: "montserratregular";
	font-size: 16px
}
.tags > li, .tags, .social-links-small {display: inline-block;}
.tags > li a {color: #565656; padding: 0 1px;}
.tags > li a:hover {color: #9AC438;}
.tags-and-links .social-links-small a {
	border: 0 none;
	color: #606060;
	height: auto;
	margin: 0 0 0 31px;
	padding: 0;
	width: auto;
}
.tags-and-links .social-links-small a:nth-child(2){margin: 0}
.tags-and-links .social-links-small a i {font-size: 14px; line-height: 17px;}
.tags-and-links .social-links-small a:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.comment-text .reply{font-size: 13px}
/*----------------------------------------*/
/*  18.  Agent Details Page
/*----------------------------------------*/
.agent-contact > img {position: absolute;}
.agent-contact {position: relative;}
.agent-contact span {line-height: 17px;}
.agent-link li {background: #f5f5f5 none repeat scroll 0 0; position: inherit;}
.agent-details-content p.text-large {font-size: 15px;}
.agent-details-content span.text-dark {font-family: "montserratlight"; font-weight: 300;}
.agent-details-content .single-fun-factor h4 {font-size: 14px;}
.agent-details-content .single-fun-factor h2 {font-size: 26px;}
.agent-experience i {font-size: 22px;}
/*----------------------------------------*/
/*  19.  Create Agency Page
/*----------------------------------------*/
.create-agency-area textarea, .create-agency-area input {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
}
.create-agency-area textarea{height: 132px}
.property-package .row{margin-left: -12px;margin-right: -12px}
.package-title h4 {
	font-family: "montserratregular";
	font-size: 22px;
	font-weight: 400;
	line-height: 18px;
}
.package-list {background: #f5f5f5 none repeat scroll 0 0;}
.package-list button {
    background: #3494D4 none repeat scroll 0 0;
    line-height: 34px;
    padding: 0 36px;
}
.single-package:hover button{background: #FD9F18 none repeat scroll 0 0}
/*----------------------------------------*/
/*  20.  Single Post Page
/*----------------------------------------*/
h4.sub-title {
    font-family: "montserratregular";
    font-weight: 400;
    position: relative;
}
h4.sub-title:after {
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 75px;
	background: #FD9F18 none repeat scroll 0 0
}
.single-post-area textarea {height: 260px}
.single-post-area input {height: 43px}
.single-post-area .select {border: 0; width: 100%}
.single-post-area .select select {
	background: #fbfbfb url("../images/arrow.png") no-repeat scroll 96% 50%;
	border: 1px solid #ebebeb;
	color: #606060;
	height: 43px;
	padding: 0 0 0 11px;
}
.upload {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    height: 96px;
    position: relative;
    width: 100%;
}
.single-post-area .upload input {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.action {
    display: inline-block;
    font-family: "montserratregular";
    font-weight: 400;
    height: 45px;
    line-height: 43px;
    margin-top: 24px;
    width: 186px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #FD9F18 none repeat scroll 0 0
}
.upload:hover .action{background: #3494D4}
.action i {font-size: 18px; top: 2px; position: relative}
.property-feature .desc-info:nth-child(2n+1) {float: left; width: 49%;}
.property-feature .desc-info:nth-child(2n) {float: left; width: 51%;}
.single-post-area button {line-height: 44px; padding: 0 32px;}
/*----------------------------------------*/
/*  21.  Contact Page
/*----------------------------------------*/
.contact-form-area input, .contact-form-area textarea {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    color: #606060;
    height: 36px;
    padding: 0 12px;
}
.contact-form-area textarea {height: 132px; padding: 10px 12px; resize: none;}
.contact-form-area button.button {padding: 0 32px;}
.contact-information {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.2);
    margin: -52px 58px 0;
    overflow: hidden;
    padding: 54px 67px;
    position: relative;
    z-index: 1;
}
.address-area .contact-information{margin-top: 0}
.single-contact-info {float: left; width: 33.333%;}
.single-contact-info .contents {position: relative;}
.single-contact-info img {left: 0; position: absolute; top: 5px;}
/*----------------------------------------*/
/*  22.  Error Page
/*----------------------------------------*/
.error-text > h3, .error-text h2 {
    color: #303030;
    font-family: "montserratsemi_bold";
    font-size: 40px;
    font-weight: 500;
}
.error-text h2 {font-family: "Open Sans"; font-size: 30px; font-weight: 600;}
.error-text > p {
    font-family: "montserratultra_light";
    font-size: 18px;
    line-height: 28px;
}
.error-text a {
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-family: "montserratbold";
    padding: 12px 20px;
	background: #FD9F18 none repeat scroll 0 0
}
.error-text a:hover {background: #3494D4 none repeat scroll 0 0; color: #fff}
/*----------------------------------------*/
/*  23.  Modal
/*----------------------------------------*/
.modal-header {border: 0 none; padding: 0;}
.modal-header h4.sub-title {margin-bottom: 30px;}
.modal-content {padding: 40px 30px;}
.modal-content .single-post-area input {height: 32px; margin-bottom: 10px;}
.modal-content .single-post-area textarea {height: 75px;}
button.close {
	background: #3494D4 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    height: 26px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 10px;
    top: 13px;
    width: 25px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.close:hover {
    background: #FD9F18 none repeat scroll 0 0;
    color: #ffffff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*----------------------------------------*/
/*  24.  Additional Page CSS
/*----------------------------------------*/
.fixed-bg-1 {background: rgba(0, 0, 0, 0) url("../images/1_1.jpg") no-repeat fixed center top / cover ;}
.fixed-bg-2 {background: rgba(0, 0, 0, 0) url("../images/2_1.jpg") no-repeat fixed center top / cover ;}
.banner-content h1.border-none::after {display: none;}
.video-wrapper, .video-banner {
    height: 570px;
    overflow: hidden;
    position: relative;
}
.gallery-img, .gallery-img img {width: 100%;}
.gallery-img {overflow: hidden; position: relative;}
.gallery-img img {display: block; position: relative;}
.gallery-img .hover-effect {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s linear 0s;
    width: 100%;
}
.gallery-img h2 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #ffffff;
	font-size: 21px;
	line-height: 28px;
	margin: 94px auto 5px;
	opacity: 0;
	padding: 9px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.5s linear 0s;
}
.gallery-img p {
    color: #ffffff;
    margin: 0 30px;
    opacity: 0;
    text-align: center;
    transition: all 0.5s linear 0s;
}
.gallery-img:hover .hover-effect {opacity: 1;}
.gallery-img:hover h2, .gallery-img:hover p {opacity: 1;}
.gallery-img, .gallery-img .hover-effect {background: rgba(52, 148, 212, 0.90) none repeat scroll 0 0;}
.video-gallery {display: block; height: 215px; overflow: hidden;}
.video-gallery .mbYTP_wrapper {height: 215px;}
.video-post {display: block; height: 335px; overflow: hidden;}
.video-post .mbYTP_wrapper {height: 335px;}
.video-post .mb_YTPlayer, .video-gallery .mb_YTPlayer {height: 100%;}
.mb_YTPBar span.mb_OnlyYT {left: auto; right: 68px;}
.mb_YTPUrl.ytpicon {display: none;}
.banner-content .text-content-wrapper.full-width {
	float: none;
	margin: auto;
	position: relative;
	z-index: 9;
}
.shortcode .row {margin-left: -15px; margin-right: -15px;}


.properties-slider.owl-theme .owl-controls .owl-nav div {
  background: #fff none repeat scroll 0 0;
  font-size: 25px;
  height: 40px;
  left: 10px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
  line-height: 40px;
}

.properties-slider.owl-theme .owl-controls .owl-nav div.owl-next {
  left: auto;
  right: 10px;
}
.properties-slider.owl-theme:hover .owl-controls .owl-nav div {
  opacity: 1;
  visibility: visible;
}
.properties-slider.owl-theme .owl-controls .owl-nav div:hover {
  background: #464646 none repeat scroll 0 0;
  color: #fff;
}



.properties-tab-slider .item a img {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  border-radius: 0;
  display: block;
  padding: 0;
  transition: all 0.3s ease 0s;
  max-width: 100%;
}
.properties-tab-slider.owl-theme .owl-controls .owl-nav div {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  font-size: 20px;
  height: 30px;
  left: 0;
  line-height: 30px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 30px;
}

.properties-tab-slider.owl-theme .owl-controls .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}
.properties-tab-slider.owl-theme:hover .owl-controls .owl-nav div {
  opacity: 1;
  visibility: visible;
}
.properties-tab-slider.owl-theme .owl-controls .owl-nav div:hover {
  background: #464646 none repeat scroll 0 0;
  color: #fff;
}



















































/* Partners Area */
.partners-area {
	background: #ffffff;
	position: relative;
	z-index: 0;
	overflow: visible;
}
.partners-row {
	align-items: stretch;
}
.partner-item {
	text-align: center;
	padding: 0 18px;
	height: 100%;
}
.partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 100px;
	margin: 0 auto 28px;
	overflow: hidden;
	background: transparent;
	border: 0;
}
.partner-logo img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 140px !important;
	max-height: 90px !important;
	object-fit: contain !important;
	object-position: center center !important;
	margin: 0 auto;
	filter: none;
	opacity: 1 !important;
}
.partner-item p {
	color: #555555 !important;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 14px;
	opacity: 1 !important;
}
.partner-item h4 {
	color: #0D3463 !important;
	font-family: "montserratsemi_bold";
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	opacity: 1 !important;
}

/* ========== Narela Holding brand (logo) ========== */
:root {
	--narela-blue: #3494D4;
	--narela-text: #0D3463;
	--narela-yellow: #FD9F18;
}
/* Tous les fonds "violet/sombre" → bleu logo */
.bg-violet,
.footer-widget-area.bg-violet,
.footer-area.bg-violet,
.property-title.bg-violet,
.blog-post-info.bg-violet,
.black-bg {
	background: var(--narela-blue) !important;
}
/* Bandeau header → bleu foncé #0D3463 */
.header-top,
.header-top.bg-violet {
	background: #0D3463 !important;
	color: #ffffff !important;
}
.header-top a,
.header-login-register a {
	color: #ffffff !important;
}
.header-login-register a:hover {
	color: var(--narela-yellow) !important;
}
/* Assurer la taille menu */
.main-menu > li > a {
	font-size: 13px !important;
	line-height: 18px !important;
}
/* Une seule ligne, items centrés, largeur au contenu */
#sticky-header .main-menu {
	white-space: nowrap !important;
	justify-content: center !important;
	overflow: visible !important;
}
#sticky-header nav#primary-menu.header-nav-row {
	overflow: visible !important;
}
#sticky-header .main-menu > li {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	min-width: 0 !important;
	padding: 0 14px !important;
	vertical-align: middle !important;
	position: relative !important;
	background: none !important;
	background-image: none !important;
	overflow: visible !important;
}
#sticky-header .main-menu > li > a {
	font-size: 13px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#sticky-header .main-menu > li::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
}
#sticky-header .main-menu > li::before {
	content: none !important;
	display: none !important;
}
#sticky-header .main-menu > li + li::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	right: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 1px !important;
	height: 16px !important;
	background: #98a0aa !important;
	border: 0 !important;
	z-index: 5 !important;
	pointer-events: none !important;
}
/* Mega-menu : largeur fixe pour 3 colonnes */
#sticky-header .main-menu > li.mega-parent {
	position: relative !important;
	overflow: visible !important;
}
#sticky-header .main-menu .dropdown,
#sticky-header .main-menu .mega-menu-area {
	white-space: normal !important;
}
#sticky-header .main-menu .mega-menu-area {
	left: 0 !important;
	right: auto !important;
	width: max-content !important;
	max-width: calc(100vw - 40px) !important;
	min-width: 660px !important;
	padding: 24px 20px !important;
	box-sizing: border-box;
}
#sticky-header .main-menu .mega-menu-area > .row {
	display: flex !important;
	flex-wrap: nowrap !important;
	margin: 0 !important;
	width: max-content !important;
}
#sticky-header .main-menu .mega-menu-area .single-mega-item {
	flex: 0 0 210px !important;
	max-width: 210px !important;
	width: 210px !important;
	min-width: 210px !important;
	float: none !important;
	padding: 0 18px !important;
}
/* Masquer le panneau démo "engrenage" du template */
.style-customizer,
div.style-customizer,
.style-customizer .opener,
.style-customizer .buy-button {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
/* Sticky : forcer fixed malgré #sticky-header { position:relative } */
#sticky-header.sticky {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background: rgba(255, 255, 255, 0.95) !important;
}
/* Bannière : boutons sous le paragraphe */
.hero-banner__ctas {
	top: 67% !important;
	bottom: auto !important;
	left: 3.5% !important;
}
.hero-banner__btn--outline {
	background: #0D3463 !important;
	border-color: #0D3463 !important;
	color: #ffffff !important;
}
.hero-banner__btn--outline:hover,
.hero-banner__btn--outline:focus {
	background: #3494D4 !important;
	border-color: #3494D4 !important;
	color: #ffffff !important;
}
.bg-lemon,
.button.lemon,
button.lemon,
.bg-light-violet,
.p-tag.bg-light-violet,
.p-tag.bg-lemon,
#search-form > button,
.nivo-controlNav a.active,
.nivo-controlNav a:hover,
.preview-2 .nivo-controlNav a.active,
.banner-form .price_filter .ui-slider-handle.ui-state-default.ui-corner-all,
.ui-slider-range.ui-widget-header.ui-corner-all {
	background: var(--narela-yellow) !important;
	border-color: var(--narela-yellow) !important;
	color: #ffffff !important;
}
.add-property-btn:hover,
.button.lemon:hover,
button.lemon:hover {
	background: var(--narela-blue) !important;
	border-color: var(--narela-blue) !important;
}
.main-menu > li:hover > a,
.main-menu > li.active > a,
.main-menu.text-white > li:hover > a,
.main-menu.text-white > li.active > a,
.dropdown li a:hover,
.single-mega-item li a:hover,
.dropdown > li:hover > a {
	color: var(--narela-yellow) !important;
}
.text-color,
.text-color * {
	color: var(--narela-yellow) !important;
}
/* Bandeau CTA : image de fond visible + voile bleu logo */
.advertise-area.bg-1,
.fun-factor-area.bg-1 {
	background: url("../images/2_5.jpg") center center / cover no-repeat !important;
	background-attachment: fixed !important;
}
.bg-overlay-1:before {
	background: rgba(52, 148, 212, 0.72) url("../images/1_2.png") repeat center center !important;
	background-blend-mode: multiply;
	opacity: 1 !important;
}
.bg-overlay-2:before {
	background: rgba(52, 148, 212, 0.65) !important;
}
.preview-2 .nivo-controlNav a {
	background-color: var(--narela-blue) !important;
}
/* Localisation cartes projets */
.property-title .title-left span,
.single-property .title-left span {
	color: #ffffff !important;
}
.property-title span img {
	filter: none !important;
	opacity: 1 !important;
}
/* Search toujours visible sur bandeau bleu */
.header-search li .p-img {
	display: inline-block !important;
	opacity: 1 !important;
	filter: brightness(0) invert(1);
}
.header-search li .s-img {
	display: none !important;
}
.header-search li:hover .p-img {
	opacity: 0.85 !important;
}
/* Icônes footer + social plus visibles */
.footer-contact-info > img {
	opacity: 1 !important;
	filter: brightness(0) invert(1);
}
.footer-widget-area .social-links > a {
	color: #ffffff !important;
	border-color: #ffffff !important;
}
.footer-widget-area .social-links > a:hover {
	background: var(--narela-yellow) !important;
	border-color: var(--narela-yellow) !important;
	color: #ffffff !important;
}
.footer-widget-area .single-footer-widget,
.footer-widget-area .single-footer-widget p,
.footer-widget-area .footer-contact-info,
.footer-widget-area .footer-contact-info a,
.footer-widget-area .footer-list a {
	color: #ffffff !important;
}
.footer-widget-area .footer-contact-info a:hover {
	color: var(--narela-yellow) !important;
}
.footer-widget-content > span {
	color: rgba(255,255,255,0.85) !important;
}
/* Points forts : icônes bien visibles */
.single-feature-title > img {
	opacity: 1 !important;
	filter: none;
}

/* ========== Bande de positionnement ========== */
.section-anchor {
	scroll-margin-top: 110px;
	height: 0;
	overflow: hidden;
}
.positioning-area {
	background:
		radial-gradient(ellipse at top left, rgba(52, 148, 212, 0.06), transparent 55%),
		radial-gradient(ellipse at bottom right, rgba(253, 159, 24, 0.05), transparent 50%),
		#ffffff;
	position: relative;
}
.positioning-area::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 220px;
	height: 160px;
	background-image: radial-gradient(#d5dbe3 1.2px, transparent 1.2px);
	background-size: 14px 14px;
	opacity: 0.55;
	pointer-events: none;
}
.acc-head {
	position: relative;
	z-index: 1;
}
.acc-eyebrow {
	display: inline-block;
	position: relative;
	color: #FD9F18;
	font-family: "montserratsemi_bold";
	font-size: 13px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding: 0 36px;
}
.acc-eyebrow::before,
.acc-eyebrow::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 48px;
	height: 1px;
	background: #FD9F18;
	transform: translateY(-50%);
}
.acc-eyebrow::before { right: 100%; margin-right: 2px; }
.acc-eyebrow::after { left: 100%; margin-left: 2px; }
.acc-eyebrow::before {
	box-shadow: -6px 0 0 1.5px #FD9F18;
}
.acc-eyebrow::after {
	box-shadow: 6px 0 0 1.5px #FD9F18;
}
.acc-title {
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 36px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 14px;
}
.acc-title-bar {
	display: block;
	width: 52px;
	height: 4px;
	margin: 0 auto;
	background: #FD9F18;
	border-radius: 2px;
}
.acc-card {
	display: block;
	position: relative;
	height: 100%;
	background: #ffffff;
	border-radius: 18px;
	overflow: visible;
	text-decoration: none !important;
	box-shadow: 0 12px 28px rgba(13, 52, 99, 0.08);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.acc-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 36px rgba(13, 52, 99, 0.14);
}
.acc-card__media {
	position: relative;
	height: 168px;
	overflow: hidden;
	border-radius: 18px 18px 0 0;
}
.acc-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.5s ease;
}
.acc-card:hover .acc-card__media img {
	transform: scale(1.06);
}
/* Bande couleur basse : ne dépasse pas au-dessus du cercle */
.acc-card__slash {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 37px;
	z-index: 1;
	pointer-events: none;
}
.acc-card--navy .acc-card__slash {
	background: #3494D4;
	/* Même sens que l’orange : monte de gauche à droite */
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.acc-card--orange .acc-card__slash {
	background: #FD9F18;
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
/* Cercle agrandi + bordure blanche */
.acc-card__icon {
	position: absolute;
	left: 50%;
	top: 168px;
	transform: translate(-50%, -50%);
	z-index: 5;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	border: 3px solid #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.acc-card__icon svg {
	width: 32px;
	height: 32px;
	display: block;
	overflow: visible;
}
.acc-card__icon svg path,
.acc-card__icon svg circle,
.acc-card__icon svg rect,
.acc-card__icon svg ellipse,
.acc-card__icon svg line,
.acc-card__icon svg polyline,
.acc-card__icon svg polygon {
	stroke-width: 2;
}
.acc-card--navy .acc-card__icon {
	background: #3494D4;
	color: #ffffff;
}
.acc-card--orange .acc-card__icon {
	background: #FD9F18;
	color: #ffffff;
}
/* Blanc penché : même direction pour toutes les cartes */
.acc-card__body {
	position: relative;
	z-index: 2;
	padding: 52px 20px 26px;
	text-align: center;
	background: #ffffff;
	border-radius: 0 0 18px 18px;
	clip-path: polygon(0 0, 100% 36px, 100% 100%, 0 100%);
}
.acc-card--navy .acc-card__body,
.acc-card--orange .acc-card__body {
	clip-path: polygon(0 0, 100% 36px, 100% 100%, 0 100%);
}
.acc-card__body h3 {
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}
.acc-card__title-line {
	display: block;
	width: 40px;
	height: 3px;
	margin: 0 auto 14px;
	background: #FD9F18;
	border-radius: 2px;
}
.acc-card__body p {
	color: #0D3463;
	font-size: 13px;
	line-height: 21px;
	margin: 0 0 18px;
	min-height: 42px;
	opacity: 0.85;
}
.acc-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.acc-card__cta i {
	color: #FD9F18;
	font-size: 14px;
	transition: transform 0.3s ease;
}
.acc-card:hover .acc-card__cta i {
	transform: translateX(4px);
}
.acc-trust {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	margin-top: 56px;
	padding: 18px 10px;
	position: relative;
	z-index: 1;
	background: linear-gradient(90deg, #3494D4 0%, #0D3463 100%);
	border-radius: 14px;
	box-shadow: 0 14px 30px rgba(13, 52, 99, 0.12);
}
.acc-trust__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex: 1 1 0;
	min-width: 0;
	padding: 6px 18px;
	color: #ffffff;
	position: relative;
}
.acc-trust__item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 36px;
	background: rgba(255, 255, 255, 0.28);
}
.acc-trust__label {
	display: block;
	font-family: "montserratsemi_bold";
	font-size: 12px;
	line-height: 1.35;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
}
.acc-trust__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #FD9F18;
	flex-shrink: 0;
}
.acc-trust__icon svg {
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible;
}
.acc-trust__icon svg path,
.acc-trust__icon svg circle,
.acc-trust__icon svg rect {
	stroke-width: 2.15;
}
@media (max-width: 991px) {
	.acc-title {
		font-size: 28px;
	}
	.acc-card__media {
		height: 150px;
	}
	.acc-card__icon {
		top: 150px;
		width: 68px;
		height: 68px;
	}
	.acc-trust {
		flex-wrap: wrap;
		gap: 18px 0;
		padding: 18px 10px;
	}
	.acc-trust__item {
		flex: 1 1 45%;
		justify-content: flex-start;
		padding: 8px 12px;
	}
	.acc-trust__item:not(:last-child)::after {
		display: none;
	}
	.acc-trust__icon {
		width: 34px;
		height: 34px;
	}
}
@media (max-width: 575px) {
	.acc-title {
		font-size: 24px;
	}
	.acc-eyebrow {
		font-size: 11px;
		letter-spacing: 2px;
	}
}

/* ========== Nos métiers (maquette cartes) ========== */
.metiers-area {
	background: #ffffff;
}
.metiers-head__title {
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 32px;
	letter-spacing: 1px;
	margin: 0 0 16px;
	display: inline-flex;
	align-items: center;
	gap: 18px;
	text-transform: uppercase;
}
.metiers-head__title::before,
.metiers-head__title::after {
	content: "";
	width: 42px;
	height: 3px;
	background: #FD9F18;
	border-radius: 2px;
}
.metiers-head__text {
	color: #6b7480;
	font-size: 15px;
	line-height: 26px;
	margin: 0;
}
.metier-card {
	display: flex;
	align-items: stretch;
	height: 100%;
	min-height: 210px;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 28px rgba(13, 52, 99, 0.08);
	text-decoration: none !important;
	border: 1px solid #e8edf2;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.metier-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(13, 52, 99, 0.14);
}
.metier-card__body {
	flex: 1 1 50%;
	padding: 28px 20px 22px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
/* Coin orange + chiffre blanc (maquette) */
.metier-card__num {
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	border-radius: 0 0 100% 0;
	background: #FD9F18;
	color: #ffffff !important;
	font-family: "montserratsemi_bold";
	font-size: 14px;
	font-weight: 700;
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 10px 0 0 10px;
	line-height: 1;
	z-index: 2;
}
.metier-card__icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #0D3463;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 8px 0 16px;
	flex: 0 0 64px;
	box-shadow: 0 6px 16px rgba(13, 52, 99, 0.22);
}
.metier-card__icon svg {
	width: 30px;
	height: 30px;
	stroke: #ffffff;
	fill: none;
	stroke-width: 2.1;
}
.metier-card__body h3 {
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 15px;
	text-transform: uppercase;
	margin: 0 0 10px;
	letter-spacing: 0.3px;
	line-height: 1.25;
}
.metier-card__body h3::after {
	content: "";
	display: block;
	width: 36px;
	height: 3px;
	background: #FD9F18;
	border-radius: 2px;
	margin: 10px auto 0;
}
.metier-card__body p {
	color: #5a6570;
	font-size: 13px;
	line-height: 21px;
	margin: 0;
	max-width: 240px;
}
.metier-card__media {
	flex: 1 1 50%;
	min-width: 0;
	position: relative;
	overflow: hidden;
}
.metier-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}
.metier-card:hover .metier-card__media img {
	transform: scale(1.05);
}
.metiers-values {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	margin-top: 28px;
	padding: 26px 10px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #e8edf2;
	box-shadow: 0 6px 20px rgba(13, 52, 99, 0.05);
}
.metiers-values__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	flex: 1 1 0;
	min-width: 0;
	padding: 0 16px;
	position: relative;
}
.metiers-values__item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 42px;
	background: #d8dde3;
}
.metiers-values__icon {
	width: 28px;
	height: 28px;
	border-radius: 0;
	background: transparent;
	color: #FD9F18;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	margin-top: 2px;
}
.metiers-values__icon svg {
	width: 26px;
	height: 26px;
	stroke: #FD9F18;
	stroke-width: 2.15;
}
.metiers-values__item strong {
	display: block;
	color: #FD9F18;
	font-family: "montserratsemi_bold";
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-bottom: 6px;
}
.metiers-values__item span {
	display: block;
	color: #0D3463;
	font-size: 12px;
	line-height: 18px;
}
@media (max-width: 991px) {
	.metiers-values {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.metiers-values__item {
		flex: 1 1 40%;
	}
	.metiers-values__item:not(:last-child)::after {
		display: none;
	}
}
@media (max-width: 575px) {
	.metiers-values__item {
		flex: 1 1 100%;
	}
}
@media (max-width: 991px) {
	.metier-card {
		min-height: 190px;
	}
	.metiers-head__title {
		font-size: 26px;
	}
}
@media (max-width: 575px) {
	.metier-card {
		flex-direction: column;
		min-height: 0;
	}
	.metier-card__media {
		min-height: 160px;
	}
}
#construction-btp,
#travaux-voirie,
#materiaux,
#finitions,
#import-export,
#nos-metiers {
	scroll-margin-top: 110px;
}

/* ========== Parcours A à Z (maquette) ========== */
.journey-area {
	background: linear-gradient(180deg, #f7fafc 0%, #eef4f9 100%);
	position: relative;
	overflow: hidden;
}
.journey-area::before {
	content: "SOLUTION INTÉGRÉE";
	position: absolute;
	left: 50%;
	top: 48px;
	transform: translateX(-50%);
	font-family: "montserratsemi_bold";
	font-size: clamp(42px, 8vw, 92px);
	letter-spacing: 2px;
	color: rgba(13, 52, 99, 0.05);
	white-space: nowrap;
	pointer-events: none;
	z-index: 0;
}
.journey-area .container {
	position: relative;
	z-index: 1;
}
.journey-head__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: #FD9F18;
	font-family: "montserratsemi_bold";
	font-size: 15px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.journey-head__eyebrow::before,
.journey-head__eyebrow::after {
	content: "";
	width: 48px;
	height: 3px;
	background: #FD9F18;
}
.journey-head__title {
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin: 0 0 14px;
	line-height: 1.2;
}
.journey-head__text {
	color: #6b7480;
	font-size: 17px;
	line-height: 28px;
	margin: 0;
}
.journey-timeline {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	position: relative;
	margin: 10px 0 42px;
	padding-top: 36px;
	overflow: visible;
}
.journey-timeline__line {
	position: absolute;
	left: 0;
	right: 0;
	top: 58px;
	height: 4px;
	border-radius: 2px;
	z-index: 0;
	/* Orange pur un peu avant 01 et après 05, puis fondu transparent aux bouts */
	background: linear-gradient(
		90deg,
		rgba(253, 159, 24, 0) 0%,
		rgba(253, 159, 24, 0.25) 2%,
		rgba(253, 159, 24, 0.7) 4%,
		#FD9F18 6%,
		#FD9F18 94%,
		rgba(253, 159, 24, 0.7) 96%,
		rgba(253, 159, 24, 0.25) 98%,
		rgba(253, 159, 24, 0) 100%
	);
	-webkit-mask-image: linear-gradient(
		90deg,
		transparent 0%,
		rgba(0, 0, 0, 0.4) 2.5%,
		#000 5.5%,
		#000 94.5%,
		rgba(0, 0, 0, 0.4) 97.5%,
		transparent 100%
	);
	mask-image: linear-gradient(
		90deg,
		transparent 0%,
		rgba(0, 0, 0, 0.4) 2.5%,
		#000 5.5%,
		#000 94.5%,
		rgba(0, 0, 0, 0.4) 97.5%,
		transparent 100%
	);
	/* Plus fin uniquement tout au début et toute à la fin */
	clip-path: polygon(
		0 45%,
		5% 0,
		95% 0,
		100% 45%,
		100% 55%,
		95% 100%,
		5% 100%,
		0 55%
	);
}
.journey-col {
	position: relative;
	z-index: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: visible;
}
/* Colonnes avec flèche au-dessus de l'image suivante */
.journey-timeline > .journey-col:nth-child(2) { z-index: 6; }
.journey-timeline > .journey-col:nth-child(3) { z-index: 5; }
.journey-timeline > .journey-col:nth-child(4) { z-index: 4; }
.journey-timeline > .journey-col:nth-child(5) { z-index: 3; }
.journey-timeline > .journey-col:nth-child(6) { z-index: 2; }
/* Points orange entre les pastilles numérotées */
.journey-col:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 19px;
	right: -16px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #FD9F18;
	z-index: 2;
	box-shadow: 0 0 0 3px #f3f7fb;
}
/* Pastilles blanches + chiffres orange (maquette) */
.journey-col__num {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #ffffff;
	color: #FD9F18;
	font-family: "montserratsemi_bold";
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 22px;
	box-shadow: 0 4px 14px rgba(13, 52, 99, 0.12);
	border: 1px solid rgba(253, 159, 24, 0.18);
	position: relative;
	z-index: 2;
}
.journey-col__icon {
	width: 68px;
	height: 68px;
	color: #0D3463;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}
.journey-col__icon svg {
	width: 52px;
	height: 52px;
	stroke: #0D3463;
	stroke-width: 2.3;
}
.journey-col__label {
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 16px;
	line-height: 1.3;
}
.journey-col__media {
	position: relative;
	width: 100%;
	border-radius: 12px;
	overflow: visible;
	margin-bottom: 16px;
	z-index: 1;
}
.journey-col__media img {
	width: 100%;
	height: 195px;
	object-fit: cover;
	display: block;
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(13, 52, 99, 0.14);
	position: relative;
	z-index: 1;
}
/* Cercle flèche : survole AU-DESSUS des deux images */
.journey-col__arrow {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(calc(50% + 11px), -50%);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #ffffff;
	color: #FD9F18;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 16px rgba(13, 52, 99, 0.18);
	z-index: 40;
	font-size: 20px;
	border: 1px solid rgba(13, 52, 99, 0.06);
	pointer-events: none;
}
.journey-col__desc {
	color: #6b7480;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	max-width: 210px;
	position: relative;
	padding-bottom: 18px;
}
.journey-col__desc::after {
	content: "";
	display: block;
	width: 36px;
	height: 3px;
	background: #FD9F18;
	border-radius: 2px;
	margin: 16px auto 0;
}
.journey-trust {
	display: flex;
	align-items: center;
	gap: 0;
	background: #edf1f6;
	border-radius: 18px;
	padding: 26px 32px;
	position: relative;
	overflow: hidden;
	min-height: 96px;
}
.journey-trust::after {
	content: "";
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
	height: 110px;
	opacity: 0.14;
	background-image:
		linear-gradient(transparent 18%, #0D3463 18%, #0D3463 20%, transparent 20%),
		linear-gradient(90deg, transparent 20%, #0D3463 20%, #0D3463 22%, transparent 22%, transparent 48%, #0D3463 48%, #0D3463 50%, transparent 50%, transparent 76%, #0D3463 76%, #0D3463 78%, transparent 78%),
		linear-gradient(#0D3463, #0D3463);
	background-size: 100% 100%, 100% 100%, 70% 2px;
	background-position: center, center, center 70%;
	background-repeat: no-repeat;
	border: 2px solid rgba(13, 52, 99, 0.35);
	border-radius: 6px 6px 0 0;
	clip-path: polygon(12% 100%, 12% 42%, 50% 12%, 88% 42%, 88% 100%);
	pointer-events: none;
}
.journey-trust__icon {
	width: 48px;
	height: 48px;
	border-radius: 0;
	background: transparent;
	color: #0D3463;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	margin-right: 18px;
}
.journey-trust__icon svg {
	width: 36px;
	height: 36px;
	stroke: #0D3463;
	stroke-width: 2;
}
.journey-trust__divider {
	width: 1px;
	height: 46px;
	background: #c9d0d8;
	margin-right: 22px;
	flex: 0 0 1px;
}
.journey-trust__content {
	position: relative;
	z-index: 1;
	padding-right: 140px;
}
.journey-trust__content strong {
	display: block;
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-bottom: 6px;
}
.journey-trust__content span {
	display: block;
	color: #5a6570;
	font-size: 15px;
	line-height: 23px;
}
@media (max-width: 1199px) {
	.journey-head__title { font-size: 30px; }
	.journey-col__label { font-size: 14px; }
	.journey-col__media img { height: 170px; }
	.journey-col__arrow {
		width: 34px;
		height: 34px;
		font-size: 18px;
		transform: translate(calc(50% + 11px), -50%);
	}
	.journey-trust__content { padding-right: 100px; }
}
@media (max-width: 991px) {
	.journey-timeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 24px;
		padding-top: 10px;
	}
	.journey-timeline__line { display: none; }
	.journey-col:not(:last-child)::before { display: none; }
	.journey-col__num { margin-bottom: 14px; }
	.journey-col__arrow { display: none; }
	.journey-col__media img { height: 200px; }
	.journey-col__desc { max-width: none; font-size: 14px; }
	.journey-trust__content { padding-right: 0; }
	.journey-trust::after { opacity: 0.08; }
}
@media (max-width: 575px) {
	.journey-head__title { font-size: 24px; }
	.journey-timeline { grid-template-columns: 1fr; }
	.journey-trust { flex-wrap: wrap; padding: 22px; }
	.journey-trust__divider { display: none; }
	.journey-trust__icon { margin-right: 12px; }
}

/* ========== NOS POINTS FORTS (maquette premium) ========== */
.points-area {
	background: #f5f7fa;
	position: relative;
	/* Coupe l'aura / ombre pour qu'elle n'envahisse pas LES PARTENAIRES */
	overflow: hidden;
}
.points-area > .container {
	overflow: visible;
}
.points-head {
	margin-bottom: 36px;
	position: relative;
	z-index: 2;
}
.points-head__title {
	position: relative;
	display: inline-block;
	margin: 0 0 18px;
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 32px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1.2;
}
.points-head__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 52px;
	height: 4px;
	background: #F79A1E;
	border-radius: 2px;
}
.points-head__text {
	margin: 18px 0 0;
	max-width: 720px;
	color: #6b7480;
	font-size: 15px;
	line-height: 26px;
}
.points-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, 1fr);
	grid-template-areas:
		"main hero"
		"trust trust";
	/* Espace serré entre les 6 cartes et le bandeau bleu (maquette) */
	gap: 18px 28px;
	align-items: start;
	overflow: visible;
	position: relative;
	isolation: isolate;
}
.points-main {
	grid-area: main;
	position: relative;
	z-index: 3;
	min-width: 0;
}
.points-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px 18px;
	padding-top: 28px;
	position: relative;
	z-index: 3;
}
.points-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: #ffffff;
	border-radius: 22px;
	overflow: visible;
	padding: 36px 0 20px;
	box-shadow: 0 12px 30px rgba(13, 52, 99, 0.09);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	height: 100%;
}
.points-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 42px rgba(13, 52, 99, 0.16);
}
.points-card__icon {
	position: absolute;
	top: -28px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0;
	border-radius: 50%;
	background: #FFE8CC;
	color: #F79A1E;
	box-shadow: 0 8px 18px rgba(247, 154, 30, 0.22);
	border: 4px solid #ffffff;
}
.points-card__icon svg {
	width: 26px;
	height: 26px;
	stroke-width: 2.2;
}
.points-card__title {
	display: block;
	width: 100%;
	margin: 0 0 14px;
	padding: 0 16px;
	box-sizing: border-box;
	color: #0D3463;
	font-family: "montserratsemi_bold";
	font-size: 13px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1.3;
}
.points-card__media {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 68%;
	border-radius: 0;
	overflow: hidden;
	margin: 0 0 14px;
	background: #e8edf2;
	flex: 0 0 auto;
	align-self: stretch;
}
.points-card__media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: center;
	transition: transform 0.5s ease;
}
.points-card:hover .points-card__media img {
	transform: scale(1.04);
}
.points-card__text {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 16px 14px;
	box-sizing: border-box;
	color: #7a8490;
	font-size: 12px;
	line-height: 18px;
}
.points-card__text::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 40px;
	height: 3px;
	background: #F79A1E;
	border-radius: 2px;
}
.points-card__body {
	display: none;
}
.points-hero {
	grid-area: hero;
	position: relative;
	z-index: 1;
	width: 100%;
	/* Ne dicte plus la hauteur de la grille : le bandeau bleu reste juste sous les cartes */
	height: 0;
	min-height: 0;
	max-height: none;
	align-self: start;
	margin: 0;
	padding: 0;
	overflow: visible;
	background: transparent;
	isolation: isolate;
	pointer-events: none;
}
/* Aura colorée adaptative (même image, floue, derrière les cartes) */
.points-hero__glow {
	position: absolute;
	z-index: 0;
	left: -85%;
	/* Ne dépasse pas trop à droite de la photo nette (évite le trait) */
	right: -18%;
	/* Ne remonte pas vers le header */
	top: 8%;
	bottom: -28%;
	width: auto;
	height: auto;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
	filter: blur(64px) saturate(1.35) brightness(1.05);
	opacity: 0.62;
	pointer-events: none;
	user-select: none;
	transform: scale(1.05);
	/* Même rythme de disparition que la photo à droite */
	-webkit-mask-image:
		linear-gradient(to bottom, transparent 0%, #000 20%, #000 62%, transparent 100%),
		linear-gradient(to right, transparent 0%, #000 20%, #000 40%, rgba(0,0,0,.4) 58%, rgba(0,0,0,.12) 72%, transparent 88%);
	-webkit-mask-composite: source-in;
	mask-image:
		linear-gradient(to bottom, transparent 0%, #000 20%, #000 62%, transparent 100%),
		linear-gradient(to right, transparent 0%, #000 20%, #000 40%, rgba(0,0,0,.4) 58%, rgba(0,0,0,.12) 72%, transparent 88%);
	mask-composite: intersect;
}
.points-hero__frame {
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	max-height: none;
	overflow: visible;
}
/* Voile fond de page : la couleur se fond progressivement dans le gris clair */
.points-hero__frame::after {
	content: "";
	position: absolute;
	inset: 0 -40% 0 35%;
	z-index: 3;
	pointer-events: none;
	background: linear-gradient(
		to right,
		rgba(245, 247, 250, 0) 0%,
		rgba(245, 247, 250, 0.15) 28%,
		rgba(245, 247, 250, 0.45) 48%,
		rgba(245, 247, 250, 0.78) 68%,
		rgba(245, 247, 250, 0.95) 85%,
		#f5f7fa 100%
	);
}
/* Image nette : la couleur continue et disparaît peu à peu (surtout à droite) */
.points-hero__photo {
	position: relative;
	z-index: 2;
	display: block;
	width: 135%;
	max-width: none;
	height: auto;
	min-height: 0;
	max-height: none;
	aspect-ratio: 3 / 4.8;
	object-fit: cover;
	object-position: center top;
	border-radius: 0;
	box-shadow: none;
	-webkit-mask-image:
		linear-gradient(
			to bottom,
			transparent 0%,
			rgba(0, 0, 0, 0.4) 7%,
			#000 15%,
			#000 52%,
			rgba(0, 0, 0, 0.5) 70%,
			rgba(0, 0, 0, 0.15) 88%,
			transparent 100%
		),
		linear-gradient(
			to right,
			transparent 0%,
			#000 10%,
			#000 38%,
			rgba(0, 0, 0, 0.65) 52%,
			rgba(0, 0, 0, 0.35) 65%,
			rgba(0, 0, 0, 0.12) 78%,
			rgba(0, 0, 0, 0.03) 90%,
			transparent 100%
		);
	-webkit-mask-composite: source-in;
	mask-image:
		linear-gradient(
			to bottom,
			transparent 0%,
			rgba(0, 0, 0, 0.4) 7%,
			#000 15%,
			#000 52%,
			rgba(0, 0, 0, 0.5) 70%,
			rgba(0, 0, 0, 0.15) 88%,
			transparent 100%
		),
		linear-gradient(
			to right,
			transparent 0%,
			#000 10%,
			#000 38%,
			rgba(0, 0, 0, 0.65) 52%,
			rgba(0, 0, 0, 0.35) 65%,
			rgba(0, 0, 0, 0.12) 78%,
			rgba(0, 0, 0, 0.03) 90%,
			transparent 100%
		);
	mask-composite: intersect;
}
.points-trust {
	grid-area: trust;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 0;
	padding: 22px 28px;
	background: #071F4F;
	border-radius: 18px;
	box-shadow: 0 16px 36px rgba(7, 31, 79, 0.22);
	position: relative;
	z-index: 5;
}
.points-trust__left {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1 1 42%;
	min-width: 0;
}
.points-trust__shield {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	flex-shrink: 0;
	border-radius: 0;
	background: transparent;
	color: #F79A1E;
	box-shadow: none;
}
.points-trust__shield svg {
	width: 42px;
	height: 42px;
}
.points-trust__divider {
	width: 1px;
	height: 48px;
	background: rgba(255, 255, 255, 0.35);
	flex-shrink: 0;
}
.points-trust__copy {
	min-width: 0;
}
.points-trust__copy strong {
	display: block;
	margin-bottom: 6px;
	color: #ffffff;
	font-family: "montserratsemi_bold";
	font-size: 15px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	line-height: 1.25;
}
.points-trust__copy p {
	margin: 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: 12px;
	line-height: 19px;
	max-width: 360px;
}
.points-trust__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 1 1 52%;
	min-width: 0;
}
.points-trust__list li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
	font-family: "montserratsemi_bold";
	font-size: 11px;
	letter-spacing: 0.35px;
	text-transform: uppercase;
	line-height: 1.25;
	flex: 0 1 auto;
	white-space: normal;
}
.points-trust__item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	color: #F79A1E;
}
.points-trust__item-icon svg {
	width: 24px;
	height: 24px;
}
.points-trust__item-label {
	display: block;
}
@media (max-width: 1199px) {
	.points-card__title { font-size: 12px; }
	.points-trust { padding: 20px 18px; gap: 16px; }
	.points-trust__list { gap: 14px; }
	.points-trust__list li { font-size: 10px; }
	.points-trust__copy strong { font-size: 13px; }
}
@media (max-width: 991px) {
	.points-layout {
		grid-template-columns: 1fr;
		grid-template-areas:
			"hero"
			"main"
			"trust";
		gap: 16px;
	}
	.points-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.points-hero {
		height: auto;
		max-width: 560px;
		margin: 0 auto 10px;
		pointer-events: auto;
	}
	.points-hero__photo {
		width: 100%;
		aspect-ratio: 4 / 5;
		min-height: 0;
		-webkit-mask-image:
			linear-gradient(to bottom, transparent 0%, #000 10%, #000 60%, rgba(0,0,0,.35) 82%, transparent 100%),
			linear-gradient(to right, transparent 0%, #000 10%, #000 45%, rgba(0,0,0,.4) 70%, transparent 100%);
		mask-image:
			linear-gradient(to bottom, transparent 0%, #000 10%, #000 60%, rgba(0,0,0,.35) 82%, transparent 100%),
			linear-gradient(to right, transparent 0%, #000 10%, #000 45%, rgba(0,0,0,.4) 70%, transparent 100%);
	}
	.points-hero__frame::after {
		inset: 0 0 0 40%;
	}
	.points-hero__glow {
		left: -18%;
		right: -8%;
		top: -12%;
		bottom: -12%;
		opacity: 0.45;
	}
	.points-trust {
		flex-direction: column;
		align-items: stretch;
	}
	.points-trust__list {
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
		gap: 16px 22px;
	}
}
@media (max-width: 575px) {
	.points-head__title { font-size: 24px; }
	.points-grid {
		grid-template-columns: 1fr;
	}
	.points-hero {
		max-width: none;
	}
	.points-hero__photo {
		aspect-ratio: 3 / 4;
	}
	.points-trust {
		padding: 18px 16px;
		border-radius: 16px;
	}
	.points-trust__left {
		flex-wrap: wrap;
	}
	.points-trust__divider { display: none; }
	.points-trust__list {
		flex-direction: column;
		align-items: flex-start;
	}
	.points-trust__copy strong { font-size: 13px; }
	.points-trust__copy p { max-width: none; }
}

.logo-container {
    text-align: center;
    margin-bottom: 12px;
}

.logo-container img {
    width: 150px;
    height: auto;
}