:root{

	--main_color: #FFC806;
	--brand_color: #5C7C89;
    --dark_color: #002E5C;
	
	--grey_color: #F3F3F3;

	--head_big: 2.5rem; 		/*40px*/

	--head_medium: 1.875rem;   /*30px*/
	--head_normal: 1.5rem;    /*24px*/

	--descr_big: 20px;     /*20px*/
	--descr_normal: 1.25rem; /*18px*/

	--small_size: 14px;
	--extrasmall: 12px;

	--font: 'Montserrat', sans-serif;


}

html, body{
	font-family: var(--font) !important;
	color: #000;
}

h1 { font-size: var(--head_big); font-weight: 700; }

.brand_color{
	color: var(--brand_color);
}

.bg_grey{
	background: var(--grey_color);
}

.color_grey{
	color: #6C757D;
}

.color_main{
	color: var(--main_color);
}

.dark_color{
    color: var(--dark_color);
}

.heading{
	background: var(--brand_color);
	height: 32px;
	width: 100%;
}

.bg_600 {
    background: #1f4959;
}


#header{
	background: #fff;
	min-height: 80px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);

}


a{
	text-decoration: none !important;
	color: #000;
}


header .current-menu-item > a{
	color: var(--brand_color) !important;
	font-weight: 600;
}

h1, h2,h3,h4,h5{
	font-weight: 600;
}

.bg_main{
    background-color: var(--brand_color) !important;
}

.bg_brand{
    background: var(--main_color) !important;
}


.fs-40{
	font-size: var(--head_big);
}

.fs-30{
	font-size: var(--head_medium);
}

.fs-24{
	font-size: var(--head_normal);
}

.fs-20{
	font-size: var(--descr_big);
}

.fs-18{
	font-size: var(--descr_normal);
}

.fs-16{
	font-size: 16px;
}

.fs-14{
	font-size: var(--small_size);
}

.fs-12{
	font-size: var(--extrasmall);
}

.font-bold{
	font-weight: 600;
}



.mb-15{
	margin-bottom: 15px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-25{
	margin-bottom: 25px;
}

.mb-45{
	margin-bottom: 45px;
}

.pt-50{
	padding-top: 50px;
}
.pb-50{
	padding-bottom: 50px;
}

.pt-100{
	padding-top: 100px;
}

.pb-100{
	padding-bottom: 100px;
}


.mt-50{
	margin-top: 50px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-12{
	margin-bottom: 12px;
}

.mt-80{
	margin-top: 80px;
}

.mt-100{
	margin-top: 100px;
}

.mb-100{
	margin-bottom: 100px;
}

.w-300{
	width: 300px;
	height: auto;
}


.fw-500{
	font-weight: 500;
}

span.wpcf7-list-item-label {
    font-size: 12px;
    line-height: normal;
}

.item_rounded{
	border-radius: 18px;
}


/* Style the main menu */
.lang {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px; /* Adjust spacing between menu items */
}

.lang > li {
    position: relative;
}

/* Style for menu links */
.lang > li > a {
    text-decoration: none;
    font-weight: 600;
    display: flex;
    gap: 7px;
    align-items: center;
    transition: color 0.3s ease;
    color: var(--brand_color);
    pointer-events: none;
}
.lang > li.menu-item-has-children > a:after{
	content: '';
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
	background-repeat: no-repeat;
	position: relative;
	width: 20px;
	height: 20px;
	opacity: 0.5;
}

.lang > li > a:hover {
    color: var(--brand_color); /* Change color on hover */
}

/* Submenu container */
.lang li ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    top: 100%; /* Position below the parent item */
    left: 0;
    background-color: #fff; /* Background color for the submenu */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none; /* Hidden by default */
    z-index: 1000;
}

/* Submenu items */
.lang li ul li {
    padding: 0;
}

.lang li ul li a {
    text-decoration: none;
    color: #333;
    padding: 8px 15px;
    display: block;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.lang li ul li a:hover {
    background-color: var(--brand_color); /* Highlight background */
    color: #fff !important; /* Text color on hover */
}

/* Show submenu on hover */


.lang li:hover > ul{
    display: block;
    padding: 0px;
    top: 40px;
}


.lang > li:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: -25px;
	display: none;
}

.lang > li:hover:before{
	display: block;
}

.lang > li:before:hover .sub-menu{
	display: block;
    padding: 0px;
    top: 40px;
}

/* Adjust submenu alignment */
.lang li ul li ul {
    left: 100%; /* Position the next level submenu to the right */
    top: 0;
}


/* Button More  */

.btn_default_more{
	background: var(--grey_color);
	display: inline-flex;
	overflow: hidden;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 18px;
    border: none;
}
.btn_default_more img{
	transition: transform 0.4s;
}
.btn_default_more:hover img {
    transform: rotate(-15deg);
    transition: 0.4s;
}

.btn_default_more span:first-child {
    padding: 14px 9px;
    font-weight: 600;
}

.btn_default_more span.icon_more_btn {
    padding: 13px 20px;
    background: var(--main_color);
    border-top-right-radius: 11px;
}


.vbp-header-menu-button__svg {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transform: scaleX(-1);
}

.vbp-header-menu-button__svg line {
  stroke: #5c7c89;
  stroke-dasharray: 100%;
  stroke-dashoffset: 0%;
  transition: transform 0.3s, stroke-dashoffset .4s;
  transform-origin: center;
  stroke-width: 3px;
}

.vbp-header-menu-button__svg .top {
  transform: translateY(-35%);
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(35%);
  -ms-transform: translateY(35%);
  -o-transform: translateY(35%);
}

.vbp-header-menu-button__svg .middle {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transition: opacity .3s, transform .3s;
  -webkit-transition: opacity .3s, transform .3s;
  -moz-transition: opacity .3s, transform .3s;
  -ms-transition: opacity .3s, transform .3s;
  -o-transition: opacity .3s, transform .3s;

}

.vbp-header-menu-button__svg .bottom {
  transform: translateY(33%);
  -webkit-transform: translateY(33%);
  -moz-transform: translateY(33%);
  -ms-transform: translateY(33%);
  -o-transform: translateY(33%);
  stroke-dasharray: 100%;
  stroke-dashoffset: 9px;
}
.vbp-header-menu-button__svg:hover .bottom {
  stroke-dashoffset: 0%;
}
/*** Mode Croix ***/

#header {
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

#header.sticky {
    background: #fff;
    min-height: 80px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transform: translateY(0); /* Slide down when sticky */
}



body.menu-open .vbp-header-menu-button__svg .top {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  stroke-linecap: round;
}

body.menu-open .vbp-header-menu-button__svg .middle {
  transform: scaleX(0.1);
  -webkit-transform: scaleX(0.1);
  -moz-transform: scaleX(0.1);
  -ms-transform: scaleX(0.1);
  -o-transform: scaleX(0.1);
  opacity: 0;
}

body.menu-open .vbp-header-menu-button__svg line.bottom {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  stroke-linecap: round;
}

body.menu-open .vbp-header-menu-button__svg .bottom {
  stroke-dashoffset: 0%;
}


.accordion-item{
    border: 1px solid var(--brand_color) !important;
    border-radius: 16px !important;
}

.accordion-header{
    padding-left: 20px;
}

button.accordion-button {
    padding: 0px;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;


    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-button::after {
    display: none !important;
    
}

.icon__btn{
     width: 50px;
    height: 50px;
    background-color: var(--main_color);
     border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-button:not(.collapsed) .icon__btn{
    border-bottom-right-radius: 0px !important;
}
    .accordion-button:not(.collapsed) .icon__btn img{
        transform: rotate(45deg);
    }