/*
Main css file
https://codepen.io/davilotus/pen/KBRNYp
https://codepen.io/ioanmeri/pen/vrwwRY
https://charlie1932.eu/
*/

/************Global*************/
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
}
.bg-green-opacity{
    background-color: #e8ece1;
 }
.bg-green,
.section.bg-green,
.section .list-box-arrow.bg-green{
    background-color: #008325;
    color: #fff;
}
.site .text-green,
a.text-green{
    color: #008325;
}
.site ul li a{
    text-decoration: none;
    transition: all .3s ease-in-out;
}
body .bg-silver{
    background-color: #F0F0F0;
}
body .bg-olive,
.section.bg-olive,
.section .list-box-arrow.bg-olive{
    background-color: #7DA636;
}
.section-banner.bg-olive{
    background: #7DA636;
}
body a{
    transition: all .3s;
}
body .link-more{
    transition: all .3s ease-in-out;
}
body a.link-more:hover{
    text-decoration: none;
}
.link-more > i{
    display: inline-block;
    position: relative;
    top: 1px;
}
body .bg-grey{
    background-color: #F7F7F7;
}
body .bg-white{
    background-color: #fff;
}
.section .bg-yellow{
    background: #B2C826;
}
.section.color-60{
    color: #606060;
}
/************Header*************/
.site-head .menu-top ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
    gap: 25px;
    align-items: center;
}
.site-head .logo{
    max-width: 120px;
}
.site-head .menu-top ul ul{
    justify-content: space-between;
    height: 65px;
    position: relative;
    align-items: center;
    max-width: 1100px;
    float: right;
    width: 100%;
}
.site-head .menu-top ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.site-head .header-top-bar .selector-menu{
    position: relative;
    padding: 18px 20px;
    background-color: #7DAB36;
    font-size: 13px;
}
.header-top-bar{
    position: relative;
}
.header-top-bar .submenu-container{
    position: absolute;
    top: 100%;
    width: 100%;
    right: 0;
    z-index: 1;
    display: none;
}
.header-top-bar .submenu-container::before{
    content: '';
    display: block;
    width: 83%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #B8CE26;
    position: absolute;
}
.site-head .menu-top ul li li a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.site-head .header-top-bar .selector-menu button,
.site-head .header-top-bar .selector-menu button:hover,
.site-head .header-top-bar .selector-menu button:focus,
.site-head .header-top-bar .selector-menu button:active{
    display: block;
    background: none transparent;
    border: none;
    outline: none;
    color: #fff;
    padding: 0;
}
.site-head .header-top-bar .selector-menu button i{
    display: inline-block;
    width: 15px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.site-head .header-top-bar .selector-menu ul{
    position: absolute;
    top: 100%;
    background-color: #B8CE26;
    left: 0;
    width: 100%;
    box-shadow: 3px 3px 12px #1a39c60f;
    display: none;
    z-index: 2;
    margin: 0;
}
.site-head .header-top-bar .has-submenu > a{
    position: relative;
    display: inline-block;
    padding: 17px 0;
}
.site-head .header-top-bar .has-submenu > a::before,
.site-head .header-top-bar li.link-connect > a::before,
.site-head .header-top-bar li.link-customer > a::before{
    content: '';
    position: absolute;
    top: 43px;
    left: calc(50% - 20px);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #B8CE26;
    display: block;
    opacity: 0;
}
.site-head .header-top-bar .has-submenu:hover > a::before,
.site-head .header-top-bar li.link-connect:hover > a::before,
.site-head .header-top-bar li.link-customer:hover > a::before
{
    opacity: 1;
}
.site-head .header-top-bar .dropdown-menu,
.site-head  .dropdown-menu{
    border-radius: 0;
    border: 0;
}
.site-head .header-top-bar .selector-menu button i::before{
    content: "\f107";
}
.site-head .header-top-bar .selector-menu:hover button i::before{
    content: "\f106";
}
.site-head .header-top-bar .selector-menu li{
    display: block;
    padding: 10px 20px;
    
}
.site-head .header-top-bar .selector-menu li a{
    color: #fff;
    
}
.site-head .header-top-bar .selector-menu li a:hover{
    text-decoration: underline;
}
.site-head .header-top-bar li.link-connect > a,
.site-head .header-top-bar li.link-customer > a{
    display: inline-block;
    padding: 5px 20px;
}
.site-head .header-top-bar li.link-connect > a{
    border: 1px solid #fff;
}

.site-head .header-top-bar li.link-customer > a{
    background-color: #7DAB36;
    border: 1px solid #7DAB36;
}
.site-head .header-top-bar li.link-connect > a:hover,
.site-head .header-top-bar li.link-customer > a:hover{
    background-color: #fff;
    color: #7DAB36;
}
.site-head .header-top-bar li.link-lang > a::before,
.site-head .header-top-bar li.link-location > a::before{
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    margin-right: 5px;
}
.site-head .header-top-bar li.link-connect,
.site-head .header-top-bar li.link-customer{
    position: relative;
}
.site-head .header-top-bar li.link-connect .dropdownMenu,
.site-head .header-top-bar li.link-customer .dropdownMenu{
    position: absolute;
    top: 43px;
    right: 0;
    z-index: 1;
    display: none;
    background-color: #B8CE26;
    border-radius: 8px;
    padding: 18px 40px;
    box-shadow: 0 0 16px 4px rgba(0,0,0,0.2);
    width: 300px;
}
.site-head .header-top-bar li.link-connect > a::before, 
.site-head .header-top-bar li.link-customer > a::before{
    top: 32px;
}
.site-head .header-top-bar li.link-connect ul, 
.site-head .header-top-bar li.link-customer ul{
    height: auto;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    gap: 10px;
    float: none;
}
.site-head .header-top-bar li.link-lang a::before{
    content: "\f0ac";
}
.site-head .header-top-bar li.link-location a::before{
    content: "\f3c5";
}
.site-head .main-menu ul ul{
    display: none;
}
.site-head .main-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.site-head .main-menu ul li{
    padding: 15px 0;
}
.site-head .main-menu .navbar{
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}
.site-head .main-menu .navbar > li > a{
    color: #000;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    transition: all .3s;
}
.site-head .main-menu .navbar > li > a:hover,
.site-head .main-menu .navbar > li.current-menu > a{
    color: #008325;
}
.site-head .sub-megamenu{
    display: none;
}
.site-head .sub-megamenu div{
    display: flex;
    justify-content: end;
}
.site-head .sub-megamenu ul{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 20px 0 30px;
    border-top: 1px solid #B8CE26;
	min-width: 950px;
    
}
.site-head .sub-megamenu ul li{
    display: inline-block;
    padding: 5px 30px;
}
.site-head .sub-megamenu ul li{
    border-right: 1px solid #000;
}
.site-head .sub-megamenu ul li:last-child{
    border-right: none;
}
.site-head .sub-megamenu ul li a{
    color: #000;
    font-size: 14px;
}
.site-head .sub-megamenu ul li a:hover{
    color: #008325;
}
/************Footer*************/
.site-foot ul{
    list-style-type: none;
    padding: 0;
}
.site-foot  a{
    color: #fff;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.site-foot h4{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
}
.site-foot .footer-about h4{
    font-size: 21px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
}
.site-foot .footer-about p{
    font-size: 10px;
    line-height: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.site-foot .logos-footer{
    gap: 30px;
}
.site-foot .logos-footer a{
    display: block;
}
.site-foot .logos-footer .logos-two{
    flex-direction: column;
    justify-content: space-around;
}
.site-foot .logos-footer > div{
    flex: 0 0 85px;
}
.site-foot .logos-footer .logo-code-barre img{
    max-height: 90px;
}
.site-foot .menu-social li,
.site-foot .menu-copyright li{
    display: inline-block;
}
.site-foot  .menu-copyright{
    display: flex;
    justify-content: center;
    margin: 0;
}
.site-foot .menu-copyright li{
    padding: 0 5px;
    border-right: 1px solid #fff;
}
.site-foot .menu-copyright li:first-child{
    border-left: 1px solid #fff;
    margin-left: 5px;
}
.site-foot .menu-copyright li:last-child{
    margin-right: 5px;
}
.site-foot .footer-bottom {
    border-top: 1px solid #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.site-foot  a:hover{
    opacity: 0.9;
}
.site-foot .footer-top .footer-infos a,
.site-foot .footer-top .footer-infos{
    font-size: 14px;
}
.site-foot .footer-top .footer-menu a{
    font-size: 13px;
}
.site-foot .footer-top li{
    margin-bottom: 1rem;
}
.site-foot .footer-top .menu-social li a{
    border: 3px solid #fff;
    border-radius: 5px;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-foot{
    position: relative;
}
.site-foot::before{
    background-image: url('../../../images/icon-star.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    bottom: 2.5rem;
    width: 100%;
    height: 12px;
}
.site-foot .footer-top .menu-social li{
    margin-right: 10px;
}
/************Home*************/
.section h2{
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #000000;
}
.section .card{
    border: none;
    border-radius: 0;
}
.section .card h3{
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
}
.section .card a,
.section a.text-olive,
.section a.text-green{
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.section .card a{
    font-size: 13px;
    font-weight: 700;
}
.section a.text-olive{
    color: #7DAB36;
}
.section .card a:hover,
.section a.text-green:hover{
    text-decoration: underline;
}
.section .card .img-card{
    display: flex;
    align-items: end;
    overflow: hidden;
}
.section-banner{
    background: linear-gradient(120deg, #008325 -20%, #B8CE26);
    color: #fff;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(0,131,37,1) 0%, rgba(125,171,54,1) 45%, rgba(184,206,38,1) 100%);
}
.section-banner-entreprise{
    background: linear-gradient(120deg, #008325 20%, #fff);
}
.section-banner h1{
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
}

.section-banner .title-h1{
    font-weight: 400;
}
.section-banner .btn-link,
.section .btn-link-white,
.section .btn-link-green{
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #fff;
    padding: 10px 15px;
    transition: all .3s;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    border-radius: 0;
}
.section .btn-link-green{
    border-color: #008025;
    color: #008325;
}
.section-banner .btn-link:hover,
.section .btn-link-white:hover,
.section .btn-link-green:hover{
    border-radius: 25px;
    text-decoration: none !important;
}
.section .text {
    line-height: 22px;
    font-size: 14px;
}
.section-banner .text{
    font-size: 22px;
    line-height: 28px;
}
.section-services .title-h3,
.section-choice .title-h3,
.section .title-h3{
    color: #636C76;
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
}
.section .nav-tabs .nav-item.show .nav-link img,
.section .nav-tabs .nav-link.active img{
    filter: none;
}
.section .nav-tabs .nav-link img{
    filter: brightness(0) saturate(100%) invert(44%) sepia(10%) saturate(401%) hue-rotate(173deg) brightness(92%) contrast(98%);
    margin-bottom: 10px;
}
.section .nav-tabs{
    justify-content: space-between;
    align-items: center;
    border: none;
    border-bottom: 1px solid rgba(99, 108, 117, 0.5);
}
.section .nav-tabs .icon{
    display: block;
    height: 35px;
}
.section .nav-tabs .nav-link{
    border: none;
    font-size: 13px;
    line-height: 16px;
    color: #878787;
    padding-bottom: 35px;
    padding: 15px 30px 35px;
    text-align: center;
    height: 100%;
}
.section .nav-tabs .nav-link.active span{
    color: #008325;
    font-weight: 700;
}
.section .nav-tabs .nav-link.active {
    border-bottom: 1px solid #008325;
    background-color: transparent;
}
.section .list-services .item-service{
    flex: 0 0 33.33333%;
    overflow: hidden;
    position: relative;
}
.home-entreprise .section .list-services .item-service{
    color: #fff;
}
.home-entreprise .section .list-services .item-service:nth-child(odd){
    background-color: #008025;
}
.home-entreprise .section .list-services .item-service:nth-child(even){
    background-color: #7DA636;
}
.home-entreprise .section .list-services .item-service{
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: auto;
}
.home-entreprise  .section .list-services .item-service-box-color .item-service a{
    position: relative;
    top: auto;
    display: inline-block;
    font-size: 16px;
    text-align: left;
}
.home-entreprise .section .list-services .item-service-box-color{
    height: 387px;
    justify-content: center;
    align-items: center;
    position: relative;
}
.home-entreprise .section .list-services .item-service-box-color a{
    display: block;
    position: absolute;
    bottom: 0;
    padding: 15px;
    background-color: #B8CE26;
    opacity: 0;
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 21px;
}
.home-entreprise .section .list-services .item-service-box-color:hover a{
    opacity: 1;
}
.section .list-services .item-service .item-service-content{
    height: 391px;
    width: 100%;
}
.home-entreprise .section .list-services .item-service-box-color .item-service-content{
    height: auto;
}
.section .list-services .item-service img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section .list-services .item-service .service-title{
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    background-color: rgba(0,131,37,0.8);
    width: 100%;
    padding: 2px 15px;
    transition: all .3s ease-in-out;
}
.section .list-services .item-service-box-color .service-title{
    position: relative;
    background-color: transparent;
}

.section .list-services .item-service .service-title h3{
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.section .list-services .item-service:hover .service-title{
    bottom: auto;
    top: 100%;
}
.section .list-services .item-service-box-color .service-title h3{
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
}
.section .list-services .item-service-box-color:hover .service-title{
    bottom: auto;
    top: auto;
}
.section .list-services .item-service a{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    transition: all .3s ease-in-out;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 15px 50px;
    font-size: 45px;
    line-height: 52px;
    color: #fff;
    flex-direction: column;
    text-align: center;
}
.section .list-services .item-service:hover a{
    top: 0;
    background-color: rgba(0,131,37,0.8);
}
.section .list-services .item-service a span.read-more{
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    z-index: 1;
    font-size: 18px;
    display: block;
    line-height: 21px;
    background-color: #B8CE26;
    font-weight: 700;
}
.section .list-services .item-service:hover a span.read-more{
    bottom: 0;
    top: auto;
}
/*.section .tab-pane.fade {
    transition: all 0.1s;
    transform: translateY(1rem);
 }
.section .tab-pane.fade.show {
    transform: translateY(0rem);
}*/

/*******Services****/
.section-banner-bg{
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    position: relative;
    background-blend-mode: multiply;
}

.section-banner-bg .banner-content{
    flex-direction: column;
    gap: 30px;
}
.section-banner .textBig{
    font-size: 30px;
    line-height: 43px;
}
.section-banner .textBig h1{
    font-size: 60px;
    line-height: 72px;
}
.section-features .resume {
    font-size: 36px;
    line-height: 48px;
}
.section-features .item-feature .content{
    padding: 100px 60px 80px;
    background-color: #fff;
}

.section-features .item-feature h3,
.section .list-advantages .item-advantage .item-advantage-text,
.section .item-box h3{
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
}
.section .item-box > div:hover span{
    color: #7DA636;
}
.section .item-box > div:hover img{
    transform: scale(1.05);
}
.section-features .item-feature{
    margin-bottom: 1.5rem;
    font-size: 21px;
}

.section .item-service-online .text{
    font-size: 21px;
    line-height: 31px;
}
.section .item-service-online{
    border-right: 1px solid #fff;
}
.section .item-service-online:last-child{
    border-right: none;
}
.section .banner-section{
    background-repeat: no-repeat;
    background-position: right;
}
.section-banner-2  .text{
    font-size: 26px;
    line-height: 36px;
}
.section .accordion-header .accordion-button{
    border-color: #eee;
}
.section .accordion-header .accordion-button,
.section .accordion-item{
    border-radius: 0;
    background: none transparent;
    box-shadow: none;
    border-left: none;
    border-right: none;
}
.section .accordion-item i{
    display: inline-block;
    margin-right: 15px;
}
.section .accordion-button::after{
    transform: rotate(0deg);
}
.section .accordion-button[aria-expanded='true']::after{
    transform: rotate(180deg);
}
.section-news .item-news img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all .3s ease-in-out;
}
.section-news .item-news:hover img{
    transform: scale(1.05);
}
.section-news .item-news .link-news{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.section-news .item-news:hover .link-news{
    display: block;
}
.section-news .item-news:hover .read-more{
    background-color: #008025;
}
.section-news .item-news:hover{
    background-color: #008025 !important;
	color: #fff;
}
.section-news .item-news:hover .text-green{
	color: #fff !important;
}
.section-news .item-news h3,
.section-news .item-news h2{
    font-size: 18px;
    line-height: 21px;
}
.section-news .item-news{
    margin-bottom: 1.5rem;
}
.section-news .item-news .news-link span{
    display: inline-block;
    font-size: 12px;
}
.section-news .item-news .news-link  .read-more{
    color: #fff;
}
.section-news a.text-link {
    font-size: 24px;
    transition: all .3s ease-in-out;
}
.section-news .text-link:hover{
    text-decoration: underline;
}
.section .pagination{
    justify-content: center;
}
.section .pagination li a{
    background: none;
    color: #606060;
    border: none;
    padding: 0 5px;
    font-size: 18px;
}
.section .pagination li a.active{
    color: #008325;
}
/********Produits********/
.section-accounts .listing-boxes .item-box {
    display: flex;
    align-items: end;
}
.section-accounts .listing-boxes .item-box a,
.section-accounts-types .item-box-content a,
.section a.link-overlay{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.section-accounts .listing-boxes .item-box .thumb,
.section-accounts-types .thumb,
.listing-boxes .item-box .thumb,
.section .thumb{
    height: 220px;
}
.section-accounts .listing-boxes .item-box .thumb img,
.section .thumb img,
.listing-boxes .item-box .thumb img,
.section .item-investment .thumb img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.section-accounts .listing-boxes .item-box .item-box-content:hover .thumb img,
.listing-boxes .item-box .item-box-content:hover .thumb img,
.section-accounts-types .item-box-content:hover .thumb img,
.section .item-investment > div:hover .thumb img{
    transform: scale(1.05);
}
.section .text-medium p,
.section .text-medium a{
    font-size: 24px;
    line-height: 31px;
}
.section .text p:last-child{
    margin-bottom: 0;
}
.section-accounts .listing-boxes .item-box .item-box-content:hover h3,
.section-accounts .listing-boxes .item-box .item-box-content:hover span,
.listing-boxes .item-box .item-box-content:hover h3,
.listing-boxes .item-box .item-box-content:hover span{
    color: #B8CE26;
}
.section-accounts .listing-boxes .item-box .item-box-content h3,
.section-accounts-types .item-box-content h3{
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
}
.section-accounts .listing-boxes .item-box .item-box-content span,
.section-accounts-types .item-box-content .content span{
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
.section-accounts-types .text p{
    color: #606060;
    font-size: 18px;
    line-height: 24px;
}
.section-accounts-types .thumb img{
    object-position: top center;
}
.section-accounts-types .item-box-content ul{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 1.5rem;
}
.section-accounts-types .item-box-content ul li{
    padding-left: 15px;
    background: url('../../../images/icon-arrow-right.png') no-repeat left center transparent;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}
.section-accounts-types .item-box-content ul li:last-child{
    margin: 0;
}
.section-accounts-types .item-box-content:hover  span{
    background-color: #B8CE26;
}
.section-banner-bg .banner-content a{
    display: inline-block;
    font-size: 21px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
}
.section-banner-bg .banner-content a:hover,
.section .list-advantages .item-advantage .item-advantage-text a:hover{
    text-decoration: underline;
}
.section .list-advantages .item-advantage{
    background-color: #fff;
    overflow: hidden;
}
.section .list-advantages .item-advantage > div{
    width: 50%;
}
.section .list-advantages .item-advantage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section .list-advantages .item-advantage .item-advantage-text{
    padding: 50px;
    position: relative;
    font-weight: 400;
}
.section .list-advantages .item-advantage .item-advantage-text *{
    position: relative;
    z-index: 1;
    max-width: 350px;
}

.section .list-advantages .item-advantage:nth-child(odd) .item-advantage-text:after{
    content: '';
    height: 150%;
    width: 100%;
    position: absolute;
    background-color: #fff;
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    transform: rotate(-45deg);
    top: -156px;
    left: -177px;
}
.section .list-advantages .item-advantage:nth-child(even){
    flex-direction: row-reverse;
}
.section .list-advantages .item-advantage:nth-child(even) .item-advantage-text::after{
    content: '';
    height: 150%;
    width: 100%;
    position: absolute;
    background-color: #fff;
    top: 0;
    right: -160px;
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    transform: rotate(135deg);
  }
.section .list-advantages .item-advantage .item-advantage-text a{
    color: #000;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    line-height: 24px;
}
.section .list-advantages .item-advantage:nth-child(2){
    background-color: #7DA636;
    color: #fff;
}
.section .list-advantages .item-advantage:nth-child(2) .item-advantage-text::after{
    border-color: #7DA636;
    background-color: #7DA636;
}
.section .list-advantages .item-advantage:nth-child(3){
    background-color: #B8CE26;
    color: #fff;
}
.section .list-advantages .item-advantage:nth-child(3) .item-advantage-text::after{
    border-color: #B8CE26;
    background-color: #B8CE26;
}
.section .list-advantages .item-advantage:nth-child(2) .item-advantage-text a,
.section .list-advantages .item-advantage:nth-child(3) .item-advantage-text a{
    color: #fff;
}
.section .item-list{
    border-right: 1px solid #eee;
}
.section .item-list:last-child{
    border: none;
}
.section .item-list h3{
    border-bottom: 1px solid #eee;
    font-size: 11px;
    line-height: 15px;
}
.section .item-list  ul > li{
    position: relative;
    margin-bottom: 10px;
}
.section .item-list .list-unstyled > li::before{
    display: inline-block;
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    margin-right: 15px;
    color: #008325;
}
.section .item-list  ul ul{
    margin-top: 15px;
    list-style-type: disc;
}
.section .item-list .list-payments > li::before{
    content: "\f058";
    font-size: 18px;
}
.section-payments .thumb_app img{
    max-width: 250px;
}
/****financez votre tresorerie***/
.section .thumb-box img{
    width: 100%;
    height: 216px;
    object-fit: cover;
    transition: all .3s;
}
.section .list-boxes-row img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s;
}
.section .list-boxes-row .content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.section  .content-thumb,
.section .thumb-box{
    overflow: hidden;
}
.section .list-boxes-row .content-thumb {
    height: 329px;
}
.section  .content-thumb a:hover img,
.section .thumb-box a:hover img,
.section .item-box-product a:hover img,
.section-listing .item-post-content:hover .thumb img{
    transform: scale(1.05);
}
.section .list-boxes-row  .btn-link-white{
    max-width: 150px;
}
.section ul.list-stars,
.section ul.list-checked,
.section ul.list-arrow-green{
    margin: 0;
    padding: 0;
    list-style: none;
}
.section ul.list-stars li,
.section ul.list-checked li,
.section ul.list-arrow-green li{
    padding-left: 25px;
    background: url('../../../images/icon-star-list.png') no-repeat left center transparent;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
}
.section ul.list-checked li{
    background-position: left 3px;
}
.section ul.list-stars li:last-child,
.section ul.list-arrow-green li:last-child{
    margin-bottom: 0;
}
.section .bg-gradient2{
    background: linear-gradient(90deg, rgba(0,131,37,1) 0%, rgba(125,171,54,1) 50%, rgba(184,206,38,1) 100%);
}
.section ul.list-checked li{
    background-image: url('../../../images/icon-check-white.png');
    padding-left: 30px;
    min-height: 27px;
}
.section ul.list-arrow-green li{
    background-image: url(../../../images/icon-arrow-right2.png);
}
/********Produits particuliers********/
.section .item-box-product img{
    object-fit: cover;
    width: 100%;
    height: 400px;
}
.section .item-box-product .thumb{
    overflow: hidden;
}
.section .item-box-product h3{
    min-height: 118px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}
.section a.text-white{
    text-decoration: none;
    font-weight: 700;
    line-height: 24px;
}
.section a.text-white:hover{
    text-decoration: underline;
}
.section .item-box-product{
    margin-bottom: 3rem;
}
.section .block-table .sub-title{
    font-size: 16px;
}
.section .block-table table th{
    color: #008325;
    font-size: 12px;
    border-right: 1px solid #eee;
    letter-spacing: .6px;
    line-height: 18px;
    background-color: #f6f6f6;
    text-transform: uppercase;
    padding: 15px;
}
.section .block-table table tbody tr {
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.section .block-table table tr td {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 25px;
    text-align: left;
    background-color: #fff;
    min-height: 56px;
    padding: 15px;
    border-right: 1px solid #eee;
}
.section .link-modal{
    cursor: pointer;
}
.section-tables{
    border-bottom: 1px solid #e2e2e2;
}
.section-documents .content-group {
    background-color: #fff;
    overflow: auto;
    position: relative;
}
.section .header .title{
    font-size: 30px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 30px;
}
.section-documents .content {
    width: 50%;
    float: left;
    padding: 30px 48px 20px;
}
.section-documents  .content .list {
    max-width: 500px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.section-documents .content .list .item .item-title {
    display: table;
    margin-bottom: 10px;
    color: #000;
}
.section-documents  .content .list .item .item-info {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 20px;
    padding-left: 24px;
}
.section-documents  .content .list .item .item-title .c-icon.icon-tick {
    padding-right: 11px;
}
.section-documents  .content .list .item .item-title .c-icon, 
.section-documents  .content .list .item .item-title .text {
    display: table-cell;
}
.section .icon-tick {
    width: 14px;
    height: 11px;
    display: inline-block;
    padding-right: 16px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}
.section .content .list .item .item-title .text {
    display: table-cell;
}
.section  .content .title {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.section  .content svg path,
.section-terms ul li svg path{
    color: #008325;
    fill: #008325;
}
.section-documents .content-group::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    border-left: 1px solid #eee;
}
.section-documents .content:nth-of-type(odd) {
    padding-right: 40px;
}
.section-documents .content:nth-of-type(2n) {
    padding-left: 40px;
}
.section .content ul ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px;
}
.section-terms ul{
    list-style-type: none;
    padding: 0;
}
.section-terms .item {
    border-bottom: 1px solid #eee;
}
.section-terms  .item .item-wrapper {
    padding: 8px 0 18px 32px;
    display: block;
    cursor: pointer;
}
.section-terms  .item .question {
    position: relative;
    display: block;
}
.section-terms .item .question .icon-tick {
    position: absolute;
    top: 1px;
    left: -32px;
    width: 20px;
    height: 12px;
}
.section-terms .item.link a {
    color: #000;
}
.section-terms .item .question-text {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 24px;
}
.section-terms .item.link .question .icon-varrow {
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    height: 11px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 7px;
}
/**********finances***********/
.section .list-boxes-row .text,
.section .item-box .text{
    font-size: 16px;
    line-height: 24px;
}
.section .box .group-links{
    gap: 30px;
}
.section .box .group-links .link-resume h4{
    font-size: 8px;
    font-weight: 600;
    margin-bottom: 5px;
}
.section .box .group-links .link-resume .text{
    font-size: 7px;
    line-height: 10px;
}
.section .box .group-links .thumb{
    width: 42px;
    flex: 0 0 42px;
    height: 100%;
}
.section .text-olive,
.section a.text-olive{
    color: #B8CE26;
}
.section .item-investment span{
    font-size: 14px;
}
.section .thumb{
    position: relative;
    overflow: hidden;
}
.section .box .link-block{
    padding: 5px 25px 5px 5px;
    border: 1px solid #fff;
    max-width: 170px;
}
.section .box .link-block > div{
    height: 100%;
}
.section .box .link-block a{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.section .box .link-block::before{
    content: "\f105";
    position: absolute;
    color: #fff;
    right: 10px;
    top: 35%;
    font-family: "Font Awesome 6 Free";
}
.section .container-small{
    max-width: 810px;
    margin: 0 auto;
}
.section .payment .text{
    font-size: 16px;
    line-height: 24px;
}
.section .payment  .logo-p  h3{
    font-size: 36px;
    line-height: 43px;
}
.section .payment  .logo-p p{
    font-size: 14px;
    line-height: 24px;
}
/*******Actualités*****/
.section-listing .item-post{
    margin-bottom: 30px;
}
.section .item-first-post .thumb{
    height: 500px;
}
.section .item-first-post .thumb img{
    width: 100%;
    object-fit: cover;
}
.section .content-first-post{
    position: absolute;
    top: 30px;
    left: 30px;
    height: calc(100% - 60px);
    width: calc(50% - 30px);
    background-color: #fff;
    max-width: 498px;
}
.section-listing .item-post a,
.section .content-first-post a{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.section .content-first-post h2{
    font-size: 30px;
}
.section .content-first-post a{
    height: 67px;
    background-color: #7DA536;
    color: #fff;
    font-size: 24px;
    top: auto;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    line-height: 67px;
}
.section .content-first-post .text{
    font-size: 21px;
}
.section .content-first-post a:hover{
    background-color: #008325;
}
.section .date-first-post span{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #606060;
    padding-right: 15px;
}
.section-listing .item-post .resume{
    padding: 0 20px 30px;
}
.section-listing .item-post .resume h2{
    font-size: 18px;
    line-height: 21px;
}
.section-listing .item-post .thumb img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.section-listing .item-post .thumb{
    height: 225px;
    overflow: hidden;
}
.section-listing .item-post .item-post-content{
    background-color: #fff;
}
.section-thumb img{
    height: 300px;
    max-width: 100%;
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
}
.section .content-single,
.section .content-single p{
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}
.section .entry-title{
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
}
.section .list-socials-share  li a{
    color: #7DA536;
    font-size: 18px;
}
.section .single-galery{
    gap: 15px;
}
.section .list-socials-share  li:hover a{
    color: #008025;
}
.single-galery .thumb img{
   width: 100%;
   height: 250px;
   object-fit: cover;
}
.section .agencies {

}
.section .map-agency{
    width: 70%;
}
.section .agencies form input{
    height: 30px;
    width: 100%;
    padding: 5px 25px 5px 5px;
    font-size: 14px;
    border: 1px solid #D8D8D8;
    color: #D8D8D8;
}
.section .agencies form input::placeholder {
    color: #D8D8D8;
}
.section .agencies form{
    max-width: 295px;
}
.section .agencies button{
    position: absolute;
    z-index: 1;
    right: 5px;
    font-size: 14px;
    top: 4px;
    color: #D8D8D8;
}
.section .agencies button,
.section .agencies button:hover,
.section .agencies button:focus{
    border: none;
    background: none;
}
.section .agencies .agency-distance{
    flex: 0 0 50px;
    color: #6B6B6B;
    padding-top: 5px;
}
.section .agencies h3{
    font-size: 21px;
    line-height: 23px;
}
.section .agencies .closed{
    display: inline-block;
    color: #6B6B6B;
    position: relative;
    padding-left: 10px;
}
.section .agencies .closed:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    top: 8px;
    background-color: #6B6B6B;
    border-radius: 50%;
}
.section .agencies span a{
    display: inline-block;
    color: #fff;
    background-color: #008325;
    padding: 5px 10px;
    text-decoration: none;
}
.section .agencies span a:hover,
.section .agencies span a:focus{
    text-decoration: none;
    opacity: 0.9;
}
.section .agencies .item-agency{
    border-bottom: 1px solid #6B6B6B;
}
.section .agencies .agency-details{
    width: calc(100% - 50px);
}
.section  .map-agency .form-filter{
    max-width: 442px;
    background-color: #fff;
    padding: 15px 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.section  .map-agency .form-filter label{
    font-size: 18px;
}
.section  .map-agency .form-filter form{
    gap: 15px;
    font-size: 18px;
    color: #606060;
}
.section  .map-agency .form-filter select{
    color: #606060;
}
/*......Galery.........*/
.portfolio .portfolio-cats {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    list-style-type: none;
}

.portfolio .portfolio-cats li {
    background-color: #000;
    color: #fff;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 18px;
    transition: all .3s ease-in-out;
}
.portfolio .portfolio-cats li:hover{
    background-color: #008325;
}
.portfolio .portfolio-gallery {
    position: relative;
}

.portfolio .portfolio-item {
    width: 100%;
    height: 200px;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    left: 0;
    transition-property: opacity, transform;
    transition-duration: 0.7s;
}

.portfolio .portfolio-item .item-inner {
    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 4px 0px rgb(0 0 0 / 10%);
    position: relative;
}
.portfolio .portfolio-item .item-inner a{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    transition: all .3s ease-in-out;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 15px 50px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.portfolio .portfolio-item .item-inner:hover a{
    
    color: #fff;
    background-color: rgba(0, 133, 38, 0.8);
    top: 0;
}
.portfolio .portfolio-item .item-inner:hover img{
    transform: scale(1.025);
}
.portfolio .portfolio-item img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all .5s ease-in-out;
}
.section-tabs #nav-tab{
    justify-content: space-between;
    gap: 0;
}
.section-tabs .nav-tabs .nav-link{
    width: 50%;
    background-color: #F1F1F1;
    border-radius: 0;
    font-size: 24px;
    padding: 18px 15px;
}
.section-tabs .nav-tabs .nav-link.active{
    background-color: #008025;
    color: #fff;
}
/******Single gallery********/
#galery-single{
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:4;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
/*******Menu mobile******/
.site-head .burger {
    position: relative;
    display: block;
    cursor: pointer;
    width: 25px;
    height: 15px;
    margin-right: 15px;
    background: transparent;
}
.site-head .burger .burger-line {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    border-radius: 15px;
    background: #008325;
}
.site-head .burger .burger-line:nth-child(1){
    top: 0;
}
.site-head .burger .burger-line:nth-child(2){
    top: 8px;
    width: 70%;
}
.site-head .burger .burger-line:nth-child(3){
    top: 16px;
}
.site-head  .overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.45s ease-in-out;
    cursor: url("https://i.imgur.com/cPh9Zm5.png"), zoom-out;
    pointer-events: visible;
}

.site-head  .overlay.is-active{
    opacity: 1;
      visibility: visible;
}
.site-head .menu-mobile a{
    font-size: 30px;
    color: #008325;
}
.site-head .menuMobile{
    display: none;
}
.mm-menu  .mm-listitem a br{
    display: none;
}
#menuMobile .mm-navbar{
    justify-content: end;
}
/******Compte epargne********/
.site-main .breadcrumbs-block{
    width: 100%;
    height: auto;
    left: 0;
    top: 20px;
    position: absolute;
    z-index: 1;
}
.site-main .section-banner .bg-overlay{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg, rgba(0,131,37,1) 0%, rgba(125,171,54,1) 55%, rgba(184,206,38,0.2) 100%);
}
.site-main .breadcrumbs{
    font-size: 12px;
    color: #fff;
}
.site-main .breadcrumbs a{
    color: #ffff;
    text-decoration: none;
}
.site-main .breadcrumbs a:hover{
    text-decoration: underline;
}
.section .list-checked-green{
    list-style: none;
}
.section .list-checked-green li{
    padding-right: 20px;
    position: relative;
}
.section .list-checked-green li:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;

}
.section .color-60{
    color: #606060;
}
.section .list-box-arrow > div,
.section .list-subpages-tresorerie > div > div{
    flex: 0 0 50%;
    position: relative;
}

.section .list-box-arrow:nth-child(odd),
.section .list-boxes-2 .list-box-arrow.bg-olive{
    flex-direction: row-reverse;
    background-color: #7DA636;
}
.section .list-box-arrow,
.section-junior .list-box-arrow:nth-child(odd),
.section .list-boxes-2 .list-box-arrow.bg-green{
    background-color: #008325;
}
.section .list-box-arrow img,
.section .list-subpages-tresorerie  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section .list-box-arrow  .content,
.section  .list-subpages-tresorerie  .content{
    flex-direction: column;
    justify-content: center;
}
.section .list-box-arrow .thumb-arrow-box,
.section .list-subpages-tresorerie .thumb-arrow-box{
    max-height: 530px;
}
.section .list-box-arrow  .content ul{
    padding: 0;
    margin: 0;
}
.section .list-box-arrow  .content li,
.section .list-box-arrow  .content p,
.section .list-box-arrow  .content .text{
    font-size: 18px;
    
}
.section .list-box-arrow  .content p,
.section .list-box-arrow  .content{
    line-height: 30px;
}
.section .list-box-arrow  .list-arrow-green li{
    background-position: left 10px;
    padding-left: 15px;
}
.section .list-box-arrow .content::before,
.section-junior .list-box-arrow.bg-green .content::before{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-color: #008325;
    position: absolute;
    top: calc(50% - 25px);
    transform: rotate(-44deg);
    left: -25px;
    z-index: 1;
}
.section .list-box-arrow:nth-child(odd) .content::before{
    right: -25px;
    left: auto;
    background-color: #7DA636;
}
.section-junior .list-box-arrow.bg-green .content::before,
.section .list-boxes-2 .list-box-arrow.bg-green .content::before{
    background-color: #008325;
}
.section-junior .list-box-arrow:nth-child(odd) .content::before{
    left: -25px;
}
.section-junior .list-box-arrow.bg-olive .content::before,
.section .list-boxes-2 .list-box-arrow.bg-olive .content::before{
    background-color: #7DA636;
}
.section-banner ul.list-checked li{
    font-size: 18px;
}
.section .color-91{
    color: #919191;
}
.section .list-box-arrow.no-arrow .content::before, 
.section-junior .list-box-arrow.no-arrow .content::before{
    display: none;
}
.section .list-boxes-2 .list-box-arrow.bg-olive{
    flex-direction: row;
}
.section .text-num{
    gap: 20px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}
.section .text-num .num{
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7DAB36;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}
.section  .text .i:before{
    content: 'i';
    font-size: 14px;
    color: #ffff;
    display: inline-block;
    background-color: #7DAB36;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin-right: 15px;
    text-align: center;
    line-height: 19px;
}
/******Pack etudiant********/
.section .text-21{
    font-size: 21px;
    line-height: 30px;
}
.section .text-18,
.section .text-18 a{
    font-size: 18px;
    line-height: 30px;
}
.section .text-24,
.section   a.text-24{
    font-size: 24px;
    line-height: 28px;
}
.section .text-28{
    font-size: 28px;
    line-height: 38px;
}
.section .text-16,
.section .text-16 p{
    font-size: 16px;
    line-height: 24px;
}
.section .list-check-olive{
    margin: 0;
    padding: 0;
    list-style: none;
}
.section .list-check-olive li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.section .list-check-olive li:before{
    color: #7DA636;
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    font-size: 21px;
    position: absolute;
    left: 0;
    top: 0;
}
.section .border-box{
    border: 2px solid rgba(0, 133, 38, 0.1);
}
.section table tr td,
.section table tr{
    border-color: rgba(0, 133, 38, 0.1);
}
.section .table>:not(caption)>*>*{
    padding: 1rem;
}
.section .banner{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.section .banner::before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    content: "";
    display: block;
}
.section .banner .text{
    font-size: 30px;
    line-height: 48px;
}
.section .listing-texts .item-box-text {
    border-left: 2px solid #F7F7F7;
}
.section .item-border-box{
    flex-direction: column;
    border-right: 2px solid rgba(0, 133, 38, 0.1);
}
.section .item-border-box:nth-child(2n){
    border-right: none;
}

.section .item-border-box h3{
    border-bottom: 2px solid rgba(0, 133, 38, 0.1);
}
.blocklisting-cards img{
    height: 255px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.blocklisting-cards .item-card{
    overflow: hidden;
}
.blocklisting-cards .item-card:hover img{
    transform: scale(1.05);
}
.blocklisting-cards .item-card:before,
.blocklisting-cards .text,
.blocklisting-cards .item-card a{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.blocklisting-cards .text{
    z-index: 1;
}
.blocklisting-cards .item-card .text a{
    position: relative;
    color: #fff;
    text-decoration: none;
    top: auto;
    height: auto;
    left: auto;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
}
.blocklisting-cards .item-card:before{
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
}
.blocklisting-cards .item-card h3{
    font-size: 35px;
    line-height: 43px;
    max-width: 320px;
    margin: 0 auto;
}
.blocklisting-cards .item-card a{
    display: block;
    z-index: 2;
}
/******Credit fonctionnaire********/
.section .list-steps span{
    font-size: 21px;
    font-weight: 700;
    display: flex;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.section .list-steps  p{
    font-size: 16px;
    line-height: 24px;
}
.section .list-steps .content{
    position: relative;
    z-index: 1;
}
.section .bg-arrow-green,
.section .bg-arrow-olive,
.section .bg-arrow-yellow{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section .list-steps .bg-green::before,
.section .list-steps .bg-olive::before,
.section .list-steps .bg-yellow::before{
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    background-size: cover;
    content: "";
    z-index: 1;
}
.section .list-steps .bg-green::before{
    right: -60px;
    background-image: url('../../../images/bg-arrow-green.png');
    background-position: right center;
    background-repeat: no-repeat;
}
.section .list-steps .bg-olive::before{
    right: -60px;
    background-image: url('../../../images/bg-arrow-olive.png');
    background-position: right center;
    background-repeat: no-repeat;
}
.section .list-steps .bg-yellow::before{
    right: -60px;
    background-image: url('../../../images/bg-arrow-yellow.png');
    background-position: right center;
    background-repeat: no-repeat;
}
.section .list-steps .bg-olive,
.section .list-steps .bg-yellow{
    padding-left: 100px;
}
.section .list-steps{
    width: calc(100% - 60px);
}
/******Cartes page********/
.section .advantages-card{
    border-top: 0.5px solid rgba(96, 96, 96, 0.5);
    border-bottom: 0.5px solid rgba(96, 96, 96, 0.5);
}
.section .advantages-card .card-head{
    padding-bottom: 10px;
}
.section .advantages-card .icons-grid{
    background-color: rgba(178, 200, 38, 0.1);
}
.section .advantages-card .icons-grid h3,
.section .advantages-card .icons-grid .text{
    line-height: 22px;
}
.section .advantages-card .icons-grid .text{
    color: #606060;
    border-top: 0.5px solid #606060;
}
.section .advantages-card .icons-grid h3{
    font-weight: 700;
}
.section .advantages-card .icons-grid .text strong{
    color: #7DA536;
}
.section .advantages-card .content-card{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section .advantages-card-noborder{
    border: none;
}
.section .text-advice{
    color: #606060;
}

.section .list-checked-olive2 li,
.section .list-right-olive li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}
.section .list-checked-olive2 li:before,
.section .list-right-olive li:before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
}
.section .list-checked-olive2 li:before{
    background: url('../../../images/icon-checked-olive2.svg') no-repeat top center transparent;
}
.section .list-right-olive li:before{
    background: url('../../../images/icon-right-arrow.svg') no-repeat top center transparent;
}
.section .btn-green{
    display: inline-block;
    background-color: #008025;
    color: #fff;
    padding: 12px;
    font-size: 16px;
    transition: all .3s;
    font-weight: 400;
}
.section .btn-green:hover{
    opacity: 0.9;
    text-decoration: none;
    
}
.section .other-cards .box-card{
    border-right: 1px solid rgba(0, 128, 36, 0.1);
}
.section .other-cards .box-card:last-child,
.section .columns-boxes-yellow2 .column:last-child{
    border-right: none;
}
/******tresorie pages********/
.section .list-features-boxes h3{
    font-weight: 700;
}
.section .list-features-boxes span{
    display: inline-flex;
    background-color: #fff;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    font-size: 20px;
    color: #7DA536;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
body .bg-yellow2{
    background-color: rgba(178, 200, 38, 0.1);
}
.section .columns-boxes-yellow2 .column{
    border-right: 1px solid rgba(0, 128, 36, 0.1);
}
.mobile-section .text,
.mobile-section .text p{
    font-size: 36px;
    line-height: 50px;
}
body .bg-radiant{
    background: linear-gradient(#008025, #B2C826);
}
body table,
body .table{
    border-color: rgba(0, 128, 37, 0.1);
    font-size: 16px;
}
body .section-banner-radiant::before{
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: linear-gradient(90deg, rgba(48, 137, 65, 1) 10%, rgba(125, 165, 54, 1) 35%, rgba(182, 204, 38, 0.3) 80%, rgba(182, 204, 38, 0.1) 100%);
    mix-blend-mode: normal;
}
/******Page Exploitations********/
.section .list-subpages-exploitation .list-box-arrow:nth-child(odd),
.section .list-subpages-exploitation .list-box-arrow:nth-child(odd) .content::before{
    flex-direction: row-reverse;
    background-color: #008325;
}
.section .list-subpages-exploitation .content::before{
    background-color: #7DA536;
}
body .text-36{
    font-size: 36px;
    line-height: 50px;
}
.section .list-subpages-tresorerie .content,
.section .list-subpages-exploitation .list-box-arrow .content{
    justify-content: space-between;
}
body img{
    display: block;
    max-width: 100%;
    height: auto;
}
/******Page produits bancaires********/
.section .item-card-details  ul li {
    color: #606060;
    font-size: 16px;
}
.section .listing-cards .item-card{
    border-right: 0.5px solid rgba(125, 165, 54, 0.5);
}
.section .listing-cards .item-card:last-child{
    border: none;
}
.section .box-color-feature .thumb img{
    height: 350px;
    width: 100%;
    object-fit: cover;
}
.section .list-boxes-no-reverse .list-box-arrow:nth-child(odd),
.section .list-boxes-no-reverse .list-box-arrow:nth-child(odd) .content::before{
    background-color: #008325;
}
.section .list-boxes-no-reverse .list-box-arrow:nth-child(even),
.section .list-boxes-no-reverse .list-box-arrow:nth-child(even) .content::before{
    background-color: #7DA636;
}
.section .list-boxes-no-reverse .list-box-arrow,
.section .list-boxes-no-reverse .list-box-arrow:nth-child(odd){
    flex-direction: row;
}
.section .list-boxes-no-reverse .list-box-arrow:nth-child(even) .content::before{
    right: -25px;
    left: auto;
}
body table .table{
    margin: 0;
}
body table i.checked{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../../../images/icon-checked-olive2.svg') no-repeat left center transparent;
}
.section-grid-icons2 .icons-grid .text{
    border-top: 0.5px solid #fff;
}
/******Page contenu********/
.section-content ul li{
    margin-bottom: 15px;
}
.section-content h4{
    font-size: 16px;
    font-weight: 700;
}
.section .accordionList h2 .accordion-button{
    width: 100%;
    background-color: #008325;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 30px 8px 15px;
    position: relative;
}
.section .accordionList .accordion-item {
    margin-bottom: 15px;
}
.section .accordionList h2 .accordion-button::after{
    position: absolute;
    content: '+';
    color: #fff;
    transform: none;
    right: 15px;
    top: 5px;
    font-size: 20px;
}
.section .accordionList h2 .accordion-button[aria-expanded="true"]::after{
    content: '-';
}
.section .accordionList .accordion-body{
    padding: 30px 15px 15px;
    font-size: 16px;
    background-color: rgba(0, 128, 36, 0.1);
}
/******Login********/
.section-form-login{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.section-form-login::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.section-form-login .form-login{
    max-width: 434px;
    position: relative;
    z-index: 1;
}
.section-form-login .form-login form input{
    background-color: #fff;
    height: 62px;
    padding: 15px;
    width: 100%;
    font-size: 21px;
    color: #606060;
    border: 1px solid #fff;
}
.section-form-login .form-login form button{
    background-color: #008025;
    color: #fff;
    font-size: 24px;
    width: 100%;
    transition: all .3s;
    padding: 15px;
    border: 1px solid #008325;
}
.section-form-login .form-login form button:hover{
    background-color: #7DA636;
    border: 1px solid #7DAB36;
}
.section-form-login .form-login a{
    font-weight: 400;
    text-decoration: underline;
}
/******pages peiement********/ 
.section .box-img-text .thumb{
    height: 100%;
}
.section-country ul{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}
.section-country ul li{
    flex: 0  0 23%;
}
.section .btn-green {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
.section .btn-green:hover{
    background-color: #7DA536;
    text-decoration: none !important;
}
.section h2 span.bg-green {
    padding: 10px;
    display: inline-block;
}
.section .bg-green2{
    background-color: rgba(0, 133, 38, 0.1);
}
.section a.btn-olive{
    background-color: #7DA636;
    padding: 15px;
    font-weight: 400;
}
.section a.btn-olive:hover{
    background-color: #008325;
}
.section .table-copy th,
.section .table-copy td{
    font-size: 34px;
    padding-left: 0;
}
.section .table-copy td .copy-btn{
    background-color: #7DAB36;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 400;
}
/******Page carrieress********/
.section .lists-jobs .item-job:first-child{
    border-top: 0.5px solid rgba(96, 96, 96, 0.5);
}
.section .lists-jobs .item-job{
    border-bottom: 0.5px solid rgba(96, 96, 96, 0.5);
}
.section .lists-jobs .item-job .file-type {
    font-size: 16px;
}
.section .lists-jobs .item-job h3{
    font-weight: 700;
}
.section .lists-jobs .item-job i{
    display: inline-block;
    width: 35px;
    height: 25px;
    background: url('../../../images/icon-download.svg') no-repeat center;
}
.section .box-color-feature  .thumb{
    height: 350px;
}
.section .list-services-no-thumb .item-service:hover span{
    text-decoration: underline;
}
.section .item-border-box h3.no-border{
    border: none;
}
/******Gouvernance********/
.section-team .member .member-picture img{
    max-width: 350px;
    height: 296px;
    object-fit: cover;
    display: block;
    width: 100%;
}
.section-team .member .member-infos{
    padding: 20px 0 10px;
}
.section-team .member .member-infos h3{
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}
.section-team .member .member-infos .job{
    min-height: 48px;
}
.section-team .member .member-socials  li a{
    color: #000;
    text-decoration: none;
    font-size: 16px;
}
.section-team .member .member-socials  li a:hover{
    color: #008325;
}
/******Ouvrir un compte********/
.section .steps-account .step-number{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background-color: #008025;
    flex:  0 0 36px;
}
.section .steps-account h3{
    line-height: 18px;
    margin: 0;
}
.section .steps-account .step-account{
    position: relative;
}
.section .steps-account .step-account::after,
.section .steps-account .step-account:before{
    display: block;
    position: absolute;
    content: '';
    
}
.section .steps-account .step-account::after{
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    
}
.section .steps-account .step-account:first-child:after,
.section .steps-account .step-account:nth-child(2):after{
    background-color: rgba(0, 128, 36, 0.1);
}
.section .steps-account .step-account:nth-child(odd):before{
    right: 0;
    width: 1px;
    height: 100%;
    top: 0;
    background-color: rgba(0, 128, 36, 0.1);
}
.section-account input[type=radio],
.section .block-contact  form input[type=radio]{
    /*position: absolute;*/
    /*visibility: hidden;*/
    
}
.section-account  form .label-radio,
.section .block-contact form .label-radio{
    display: block;
    position: relative;
    padding-left: 40px;
    font-size: 24px;
    font-weight: 400;
    color: rgba(59, 66, 86, 1);
    cursor: pointer;
    transition: all 0.25s linear;
}
.section-account  form .label-radio::before,
.section .block-contact form .label-radio::before{
    /*content: '';*/
    /*display: block;*/
    /*width: 24px;*/
    /*height: 24px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 5px;*/
    /*border-radius: 50%;*/
    /*border: 1px solid #7da536;*/
}
.section-account  input[type=radio]:checked ~ .label-radio::before,
.section .block-contact form input[type=radio]:checked ~ .label-radio::before{
    background-color: #7da536;
}
.section-account form .subtitle,
.section-account form label,
.section-account form .field-select label,
.section form .field-select label,
.section form label,
.section form legend,
.section .block-contact  form .subtitle{
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
label.required:after {
    content: " *";
    color: #008025;
    font-weight: 700;
    font-size: 16px;
    top: 0;
}
.section-account form .subtitle sup,
.section .block-contact  form .subtitle sup{
    color: #008025;
    font-weight: 700;
    font-size: 16px;
    top: 0;
}
.section-account form .fields-radio .label-radio,
.section-account form .fields-btn button,
.section .block-contact form .fields-radio .label-radio{
    font-size: 16px;
    font-weight: 400;
}
.section-account form  .fields-row,
.section .block-contact form .fields-row{
    flex-wrap: wrap;
}
.section-account form .fields-radio .label-radio::before{
    top: 0;
}
.section-account form .fields-btn input,
.section-account form .fields-btn .action-button,
.section-account form .fields-btn button,
.section-account form .fields-btn .btn-prev:hover,
.section .block-contact form button{
    border-radius: 6px;
    padding: 8px 16px;
    background-color: #008325;
    color: #fff;
    outline: 0 none;
    transition: all .3s;
    border: 1px solid #008325;
    text-decoration: none;
}
.section-account form .fields-btn input:hover,
.section-account form .fields-btn .btn-prev,
.section .block-contact form button:hover{
    background-color: transparent;
    color: #008325;
}
.section-account form .field-select select,
.section .block-contact form .field-select select{
    width: 100%;
    background-color: #fff;
    padding: 15px 10px;
    color: #3b4256;
    border-color: #fff;
    max-width: 460px;
}
.section-account form .field-text,
.section-account form .field-select,
.section .block-contact form .field-text,
.section .block-contact form .field-select{
    width: 50%;
}
.section-account form .field-text input[type="text"],
.section-account form .field-text input[type="tel"],
.section-account form .field-select select,
.section-account form .field-text input[type="email"],
.section-account form .field-text input[type="date"]{
    max-width: 460px;
    width: 100%;
    background-color: #fff;
    outline: none;
    color: #606060;
}
.section-account form .select2-container--default .select2-selection--single .select2-selection__rendered,
.section-account form .select2-container--default .select2-selection--single{
    height: 40px;
    line-height: 40px;
}
.section-account form  .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 7px;
}
.section-account form .select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #fff;
}
.section-account form .select2-container{
    max-width: 460px;
}
.section-account form .field-text input[type="text"],
.section-account form .field-text input[type="email"],
.section-account form .field-text input[type="tel"],
.section-account form .field-select select,
.section-account form .field-text input[type="date"],
.section .block-contact form .field-text input[type="text"],
.section .block-contact form .field-text input[type="email"],
.section .block-contact form .field-text input[type="tel"],
.section .block-contact form .field-select select{
    background-color: #fff;
    padding: 5px 10px;
    height: 50px;
    border: 1px solid  #fff;
}
.section .block-contact form .field-text input[type="text"],
.section .block-contact form .field-text input[type="email"],
.section .block-contact form .field-text input[type="tel"],
.section .block-contact form .field-select select{
    width: 100%;
    outline: none;
    color: #606060;
}
.section-account form .field-text.field-full,
.section .block-contact form  .field-text.field-full{
    width: 100%;
}
.section-account #progressbar{
    background-color: rgba(54, 165, 85, 0.05);
    flex-wrap: wrap;
    text-align: left;
}
.section-account #progressbar li{
    font-size: 16px;
    color: rgba(96, 96, 96, 1);
    padding: 10px 15px;
}
.section-account #progressbar li.active{
    color: #008325;
    font-weight: 700;
}
.section-account form .fields-row > div:nth-child(3){
    padding-top: 20px;
}
.section-account .form-account {
    position: relative;
    min-height: 600px;
    overflow-x: hidden;
}
.section-account .form-account fieldset {
    width: 100%;
}
.section-account .form-account fieldset:not(:first-of-type) {
    display: none;
}
.step-form-1 h3{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}
.section-account .form-account  .fields-radio,
.section .block-contact .fields-radio {
    flex-wrap: wrap;
}
.section .block-contact form .label-radio::before{
    top: 0;
}
.section .block-contact form .fields-row{
    gap: 30px;
    justify-content: space-between;
}
.section .block-contact form .field-text, 
.section .block-contact form .field-select{
    width: calc(50% - 15px);
}
.section .block-contact form .field-text input[type="tel"], 
.section .block-contact form .field-text input[type="text"], 
.section .block-contact form .field-text input[type="email"], 
.section .block-contact form .field-select select{
    max-width: 100%;
    border-radius: 5px;
}
.section .block-contact form textarea{
    width: 100%;
    height: 200px;
    border: none;
    outline: none;
    border-radius: 5px;
}
/******Responsive********/
@media screen and (min-width: 48em) {
    .portfolio .portfolio-item {
        width: 50%;
    }
}

@media screen and (min-width: 62em) {
    .portfolio .portfolio-item {
        width: 33.3333%;
    }
}

@media (min-width: 1024px){
    .section-features-five .box-color-feature{
        width: 20%;
    }
}
@media (min-width: 991px){
    .section .padding-200{
        padding-left: 200px;
        padding-right: 200px;
    }
}
@media (min-width: 768px){
    .single-galery .thumb{
        width: calc(50% - 15px);
    }
    .single-galery .thumb img{
        height: 361px;
    }
    .container-custom{
        max-width: 900px;
    }
}
@media (max-width: 1199px){
    .site-head .main-menu .navbar {
        gap: 20px;
    }
    .site-head .main-menu .navbar > li > a {
        font-size: 13px;
    }
}
@media (max-width: 991px){
    .section .agencies {
        width: 40%;
    }
    .section .map-agency{
        width: 60%;
    }
    .section .list-services .item-service h3 {
        padding-top: 150px;
    }
    .section .list-services .item-service {
        flex: 0 0 50%;
    }
    .section .list-services .item-service a{
        padding: 15px 20px;
    }
    .site-head .header-top-bar li.link-connect > a:after, 
    .site-head .header-top-bar li.link-customer > a:after{
        display: inline-block;
        font-size: 16px;
        color: #fff;
        font-family: "Font Awesome 6 Free";
    }
    .site-head .header-top-bar li.link-connect > a:after{
        content: "\f023";
    }
    .site-head .header-top-bar li.link-customer > a:after{
        content: "\f19c";
    }
    .site-head .header-top-bar .menu-top > ul > li > a{
        font-size: 0;
        display: inline-block;
    }
    .site-head .header-top-bar li.link-lang > a::before, 
    .site-head .header-top-bar li.link-location > a::before{
        font-size: 16px;
    }
    .site-head .menu-top > ul{
        gap: 10px;
    }
    .site-head .header-top-bar li.link-connect > a:hover:after, 
    .site-head .header-top-bar li.link-customer > a:hover:after {
        color: #7DAB36;
    }
    .section-banner-bg .banner-content {
        gap: 15px;
    }
    .section .container-small{
        padding: 0 15px;
    }
    .section .listing-cards .item-card{
        border-right: none;
        border-bottom: 0.5px solid rgba(125, 165, 54, 0.5);
        margin-bottom: 1.5rem;
    }
    .section .listing-cards .item-card:last-child{
        margin-bottom: 0;
    }
    .section .list-boxes-no-reverse .list-box-arrow, 
    .section .list-boxes-no-reverse .list-box-arrow:nth-child(odd) {
        flex-direction: column-reverse;
    }
    .section .list-boxes-no-reverse .list-box-arrow:nth-child(odd) .content::before, 
    .section .list-boxes-no-reverse .list-box-arrow:nth-child(even) .content::before,
    .section .list-boxes-no-reverse .list-box-arrow .content::before,
    .section .list-box-arrow .content::before {
        right: auto;
        top: -25px;
        left: calc(50% - 25px);
    }
    .section-country ul li{
        flex: 0  0 45%;
    }
    .section-team .member .member-picture img {
        height: 200px;
    }
}
@media (max-width: 767px){
    .section-banner-2 .banner-thumb img{
        margin: 0;
    }
    .section-features .item-feature .content{
        padding: 30px;
    }
    .section-features .item-feature:last-child,
    .site-foot ul{
        margin-bottom: 0;
    }
    .site-foot .menu-copyright {
        flex-direction: column;
        margin: 0;
    }
    .site-foot .menu-copyright li,
    .site-foot .menu-copyright li:first-child,
    .site-foot .menu-copyright li:last-child{
        border: none;
        padding: 0 0 1rem;
        margin: 0;
    }
    .site-foot  img{
        margin: 0 auto;
    }
    .site-foot::before{
        bottom: 15px;
    }
    .site-foot .text-copyright{
        padding-bottom: 15px;
    }
    .section .list-advantages .item-advantage{
        flex-direction: column;
    }
    .section .list-advantages .item-advantage .item-advantage-text{
        padding: 1.5rem;
    }
    .section .list-advantages .item-advantage > div {
        width: 100%;
    }
    .section .list-advantages .item-advantage:nth-child(even){
        flex-direction: column;
    }
    .section .list-advantages .item-advantage:nth-child(odd) .item-advantage-text:after,
    .section .list-advantages .item-advantage:nth-child(even) .item-advantage-text:after{
        display: none;
    }
    .section .thumb-box img{
        width: 100%;
        height: 216px;
        object-fit: cover;
    }
    .section-banner .textBig {
        font-size: 26px;
        line-height: 36px;
    }
    .section-banner h1,
    .section-banner .textBig h1{
        font-size: 30px;
        line-height: 38px;
        margin: 1.5rem 0;
    }
    .section .item-box-product h3{
        min-height: 50px;
    }
    .section .item-box-product:last-child,
    .section-listing .item-post:last-child{
        margin-bottom: 0;
    }
    .footer-top img{
        margin-bottom: 15px;
    }
    .section .payment .logos{
        flex-direction: column;
    }
    .single-galery .thumb,
    .section .agencies,
    .section .map-agency{
        width: 100%;
    }
    .section .container-card{
        flex-direction: column;
    }
    .section-banner .banner-content{
        padding: 30px 0;
        text-align: center;
    }
    .section .list-services .item-service h3 {
        padding-top: 100px;
    }
    .site-foot,
    .site-main{
        text-align: center;
    }
    .section .nav-tabs .nav-link {
        flex: 0 0 50%;
        padding: 15px;
    }
    .site-main ul{
        text-align: left;
    }
    .section .list-services .item-service .item-service-content {
        height: 250px;
    }
    .section .list-services .item-service a{
        font-size: 30px;
        line-height: 35px;
    }
    .section .logo-apps{
        justify-content: center;
    }
    .section .item-news{
        margin-bottom: 2rem;
    }
    .section .col-lg-4:last-child .item-news{
        margin-bottom: 0;
    }
    .site-foot .logos-footer > div {
        flex: 0 0 100%;
        display: block !important;
    }
    .site-foot .logos-footer img{
        margin: 0 auto 15px;
    }
    .site-foot .logos-footer{
        flex-direction: column;
    }
    .site-head .header-top-bar li.link-connect > a, 
    .site-head .header-top-bar li.link-customer > a {
        padding: 5px 15px;
    }
    .section .list-boxes-row .content-thumb {
        height: 250px;
    }
    .section .same-height{
        height: auto !important;
    }
    .section .list-box-arrow > div,
    .section .list-subpages-tresorerie > div > div{
        flex: 0 0 100%;
    }
    .section .list-box-arrow,
    .section .list-box-arrow:nth-child(odd),
    .section .list-subpages-exploitation .list-box-arrow:nth-child(odd),
    .section .list-boxes-2 .list-box-arrow.bg-olive,
    .section .list-subpages-exploitation .list-box-arrow:nth-child(odd) .content::before,
    .section .list-subpages-tresorerie > div{
        flex-direction: column;
    }
    .mobile-section .text, .mobile-section .text p {
        font-size: 30px;
        line-height: 40px;
    }
    .section .list-box-arrow .thumb-arrow-box img{
        max-height: 302px;
    }
    .section .list-box-arrow:nth-child(odd) .content::before,
    .section .list-box-arrow .content::before{
        right: auto;
        top: -25px;
        left: calc(50% - 25px);
    }
    .d-flex .col-12{
        flex: 0 0 100%;
    }
    .section .border-box,
    .section .listing-texts{
        flex-direction: column;
    }
    .section .list-steps .bg-olive,
    .section .list-steps .bg-yellow{
        padding-left: 0;
    }
    .section .list-steps{
        width: calc(100%);
    }
    .section .list-steps .bg-green::before, 
    .section .list-steps .bg-olive::before, 
    .section .list-steps .bg-yellow::before{
        display: none;
    }
    .section .list-steps span{
        max-width: 50px;
        margin: 0 auto;
    }
    .section table thead th{
        font-size: 13px;
    }
    .section .list-subpages-exploitation .list-box-arrow .content .text{
        margin-bottom: 1.5rem;
    }
    .section-banner .text {
        font-size: 18px;
        line-height: 22px;
    }
    .section .listing-cards .item-card{
        text-align: left;
    }
    .section .columns-boxes-yellow2 .column{
        border: none;
    }
    .section .item-first-post .thumb {
        height: 300px;  
    }
    .section .content-first-post{
        width: calc(100% - 60px);
    }
    .section .content-first-post {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin: 1.5rem 0 0;
    }
    .section .post-title{
        flex-direction: column;
    }
    .section .entry-title{
        font-size: 30px;
    }
    .section .table-copy th, .section .table-copy td {
        font-size: 24px;
    }
    .section .text {
        text-align: center;
    }
    .section .box-color-feature  .thumb{
        height: 250px;
    }
    .section-team .member .member-content{
        padding-bottom: 15px;
    }
    .site-main ul{
        justify-content: center;
    }
    .section .steps-account h3,
    .section .steps-account .text{
        text-align: left;
    }
    .section-account form .field-text,
    .section-account form .field-select{
        width: 100%;
    }
    .section-account form .field-text{
        margin-bottom: 15px;
    }
    .section-account form .field-text:last-child{
        margin-bottom: 0;
    }
    .section-account #progressbar li{
        width: 50%;
    }
    .section-account form .subtitle{
        text-align: left;
    }
    .section-account .form-account {
        min-height: 800px;
    }
    .section .block-contact form .field-text, 
    .section .block-contact form .field-select {
        width: 100%;
    }
    .section .block-contact .fields-radio{
        justify-content: center;
    }
    .section .block-contact form textarea {
        height: 150px;
    }
}  
@media (max-width: 575px){
    .section-team .member .member-infos .job {
        min-height: 10px;
    }
    .section-team .member:last-child .member-content {
        padding-bottom: 0;
    }
    .section .steps-account .step-account:after{
        background-color: rgba(0, 128, 36, 0.1);
    }
    .section .steps-account .step-account:nth-child(odd):before{
        background-color: transparent;
    }
    
} 
@media (max-width: 500px){
    .section-thumb img {
        height: 200px;
        object-position: top center;
    }
    .section .list-services .item-service {
        flex: 0 0 100%;
    }
    .site-head .header-top-bar li.link-connect > a, 
    .site-head .header-top-bar li.link-customer > a {
        padding: 5px 10px;
    }
    .site-head .header-top-bar .selector-menu {
        padding: 15px 10px;
        font-size: 12px;
    }
    .section ul.list-stars li, 
    .section ul.list-checked li {
        font-size: 17px;
    }
    .section .list-boxes-row .content-thumb {
        height: 200px;
    }
    .section h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .section .lists-jobs .item-job h3{
        font-size: 20px;
    }
}
@media (max-width: 359px){
    .site-head .header-top-bar li.link-lang > a::before, 
    .site-head .header-top-bar li.link-location > a::before,
    .site-head .header-top-bar li.link-connect a:after, 
    .site-head .header-top-bar li.link-customer a:after{
        font-size: 14px;
    }
    .section .item-first-post .thumb {
        height: 250px;  
    }
    .section-country ul li{
        flex: 0  0 100%;
    }
}
.invalid-feedback.d-block .badge,
label .invalid-feedback.d-block{
    display: none !important;
    height: 0;
    color: #ffffff;
    width: 0;
}
body .mm-btn--next:after,
body .mm-btn--prev:before,
.menuMobile .mm-listitem{
    border-color: #008025;
}