/************header*************/
.site-header{
    transition: all .3s ease-in;
}
.site-header .header-top  ul {
    list-style: none;
    display: flex;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.site-header.is-sticky{
    position: sticky;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
    animation: slideDown 0.35s ease-out;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 55;
    backdrop-filter: blur(10px);
}
.site-header.is-sticky .header-top {
    display: none !important;
}
.site-header .header-contact ul{
    margin: 0;
}
.site-header .header-contact ul li a,
.site-header .header-lang a{
    color: var(--color-tertiary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    font-family: var(--primary-font-family);

}
.site-header .header-contact ul li a{
	font-weight: 700;
}
.site-header .header-lang a{
    gap: 2px;
}
.site-header .header-lang a::after{
    content: '|';
    display: block;
    color: #A4A7AE;
    margin-top: -2px;
}
.site-header .header-lang a:last-child:after{
    display: none;
}
.site-header .header-lang{
    display: flex;
    align-items: center;
    gap: 5px;
}
.site-header .header-contact ul li a::before,
.site-header .header-lang::before{
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
}
.site-header .header-contact ul li.link-phone a::before{
    background-image: url('../img/icon-phone.svg');
}
.site-header .header-contact ul li.link-mail a::before{
    background-image: url('../img/icon-mail.svg');
}
.site-header  .header-lang::before{
    background-image: url('../img/icon-globe.svg');
}
.site-header .header-contact ul li a:hover,
.site-header .header-lang a:hover{
    color: var(--color-green);
}
.site-header .header-menu{
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);
    position: relative;
}
.site-header .header-menu .header-menu-content{
    position: relative;
}
.site-header .header-menu .dropdown-classic-menu .submenu{
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: var(--bg-submenu);
    display: flex;
    flex-direction: column;
}
.site-header .header-menu .dropdown-mega-menu,
.site-header .header-menu .dropdown-classic-menu{
    list-style: none;
    margin: 0;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 5;
    display: none;
    width: 0;
    padding-top: 0;
}
.site-header .header-menu .dropdown-mega-menu, 
.site-header .header-menu .dropdown-classic-menu{
    padding-top: 16px;
    top: 98%;
}
.site-header .header-menu  .dropdown-mega-menu-content{
    background-color: var(--bg-submenu);
    padding: 15px 20px;
}
.site-header .header-menu ul li.has-mega-menu{
    position: inherit;
}
.site-header .header-menu ul li.has-mega-menu:hover > .dropdown-mega-menu{
    display: block;
    width: 100%;
    max-width: 100%;
}
.site-header .header-menu .dropdown-mega-menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-header .header-menu .dropdown-mega-menu li a{
    text-decoration: none;
    font-size: 14px;
    color: var(--color-tertiary);
}
.site-header .header-menu .dropdown-mega-menu li a:hover,
.site-header .header-menu .dropdown-mega-menu li.active-menu a {
    color: var(--color-greenlight);
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li > a{
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-primary);
    font-size: 16px;
    display: block;
}
.site-header .header-menu .dropdown-mega-menu .row-menu ul li ul {
    padding-top: 10px;
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul{
    display: flex;
    gap: 15px;
    justify-content: space-between;
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li{
    flex: 0 0 calc(25% - 10px);
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li:last-child ul ul{
    left: 140px;
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li:last-child ul ul ul{
    left: 100%;
}
.site-header .header-menu .dropdown-mega-menu .submenu{ 
    padding: 0;
    margin: 0;
    position: relative;
    top: auto;
    z-index: 1;
}
.site-header .header-menu .submenu a{
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: 400;
    color: var(--color-tertiary);
    border-bottom: 1px solid #D2DDC8;
}
.site-header .header-menu .submenu li:last-child a{
    border: none;
}
.site-header .header-menu .submenu a:hover,
.site-header .header-menu  .submenu li.active-menu a{
    background-color: var(--color-greenlight) ;
    color: #fff;
}
.site-header .header-menu .main-menu > li,
.site-header .nav-links ul li{
    position: relative;
    border: none;
}
.site-header .header-menu li:hover > .dropdown-classic-menu {
    display: block;
    width: 175px;
}

.site-header .header-menu  .main-menu{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow:  none;
    gap: 1rem;
}
.site-header .header-menu .main-menu > li > a{
    display: inline-flex;
    gap: 5px;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 16Px;
    font-weight: 600;
    padding: 10px 6px;
    font-family: var(--primary-font-family);
}
.site-header .header-menu .has-children > a::after{
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
    line-height: 14px;
    position: relative;
    top: 2px;
}
.site-header .header-menu .dropdown-mega-menu .has-children > a::after{
    display: none;
}
.site-header .header-menu .dropdown-mega-menu ul ul ul,
.site-header .header-menu .dropdown-mega-menu .row-menu ul li ul ul{
    display: none;
    background: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
    padding-top: 5px;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    min-width: 200px;
    gap: 5px;
    width: auto;
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li:first-child > ul > li > ul {
    left: calc(100% - 50px);
    min-width: 150px;
}
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li:last-child > ul > li > ul,
.site-header .header-menu .dropdown-mega-menu .row-menu > ul > li:last-child > ul > li > ul ul {
    min-width: 110px;
}
.site-header .header-menu .dropdown-mega-menu ul ul > li.has-children{
    position: relative;
    display: inline-flex;
    width: auto;
}
.site-header .header-menu .dropdown-mega-menu ul ul > li.has-children > a{
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}
.site-header .header-menu .dropdown-mega-menu ul ul > li.has-children > a li a{
    font-weight: 400;
}
.site-header .header-menu .dropdown-mega-menu ul ul > li.has-children > a::after{
    content: '>';
    display: none;
    font-size: 10px;
}
.site-header .header-menu .dropdown-mega-menu ul ul  li.has-children:hover > a::after{
    display: block;
}
.site-header .header-menu .dropdown-mega-menu ul ul > li.has-children:hover > ul{
    display: flex;
    
}
.site-header .header-menu .dropdown-mega-menu ul ul > li.has-children ul li a{
    padding:  0 5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    display: inline-flex;
}
.site-header .nav-links ul{
    margin: 0;
    display: flex;
    padding: 0;
    gap: 1rem;
    list-style: none;
}
.site-header .nav-links ul ul{
    display: none;
    gap: 0;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
}
.site-header .nav-links ul .link-pers-green li  a{
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #087443;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid var(--color-greenlight);
    padding: 11px 18px;
    background-color: #fff;
}
.site-header .nav-links ul .link-pers-green li:hover a{
    color: var(--color-greenlight);
}
.site-header .nav-links ul ul li:last-child a{
    border: none;
}
.site-header .nav-links ul li:hover ul{
    display: flex;
    flex-direction: column;
}
.site-header .header-menu .btn,
.site-header .nav-links > ul > li > a{
    font-size: 16px;
    font-weight: 600;
    font-family: var(--primary-font-family);
    border: 2px solid #D5D7DA;
    padding: 11px 18px;
    background-color: #fff;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 20px;
}
.site-header .nav-links .link-pers-white a{
    color: var(--color-tertiary);
}
.site-header .header-menu .btn.btn-green,
.site-header .nav-links .link-pers-green a{
    border-color: var(--color-green);
    background-color: var(--color-green);
    color: #fff;
}
.site-header .header-menu .btn.btn-green:hover{
    background-color: var(--color-greenlight);
}
.site-header .header-menu .btn:hover,
.site-header .nav-links .link-pers-white a:hover{
    background-color: var(--color-green);
    color: #fff;
}
.site-header .header-menu .btn::after,
.site-header .nav-links .link-pers-white a::after,
.site-header .nav-links ul .link-pers-green li a::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.site-header .nav-links ul .link-pers-green li a::after{
    background-image: url('../img/arrow-up-right-green.svg');
}
.site-header .header-menu .btn.btn-green::after,
.site-header .nav-links > ul > li.link-pers-green > a::after{ 
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}
.site-header .header-menu .btn.btn-white::after,
.site-header .nav-links .link-pers-white a::after{ 
    background-image: url('../img/arrow-up-right-green.svg');
}
.site-header .menu-mobile a{
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}
.site-header .menu-mobile i{
    display: block;
    height: 5px;
    background-color: var(--color-green);
    width: 40px;
}
.site-header .menu-mobile i:nth-child(2){
    width: 30px;
}
.menuMobile:not(.mm-menu--opened){
    display: none;
}

.site-header  nav .main-menu{
    background: transparent;
    border: 0;
    margin: 0;
}
.site-header .sm ul a .sub-arrow::before {
    content: "\f105";
}
.site-header .sm .sm-nowrap li a{
    font-family: var(--primary-font-family);
}
.site-header .sm ul {
    border: none;
    box-shadow: none;
    background-color: var(--bg-submenu);
}
.site-header .sm .sm-nowrap > li > a{
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px;
    text-decoration: none;
    border-bottom: 1px solid #D2DDC8;
    font-weight: 400;
    color: var(--color-tertiary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.site-header .sm .sm-nowrap li a:hover,
.site-header .sm .sm-nowrap li.active-menu a{
    background-color: var(--color-greenlight);
    color: #fff;
}
.site-header .logo{
    max-width: 132px;
}
.site-footer .logo{
    max-width: 240px;
    font-size: 14px;
}
.site-header .menu-icons ul{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.site-header .menu-icons img{
    max-height: 50px;
    margin: 0 auto;
}
.site-footer .footer-codeBar > div{
    max-width: 96px;
}

@media (min-width: 1025px) {
    .site-header .sm a .sub-arrow {
        right: 0;
        position: relative;
        margin-top: 0;
        width: 14px;
    }
    .site-header .sm a:hover,
    .site-header .sm a:focus,
    .site-header .sm li:hover a,
    .site-header .sm a.highlighted {
        background: transparent;
    }
    /* hide the button in desktop view */
    .site-header .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    .site-header #main-menu-state:not(:checked) ~ #main-menu {
        display: flex;
    }
    
}


/************Footer*************/
.site-footer-content{
    padding-bottom: 0;
    padding-top: 25px;
}
.site-footer .site-footer-menus{
    padding-bottom: 90px;
    background-size: cover;
    position: relative;
}
.site-footer .site-footer-menus::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 90Px;
    background: url('../img/footer-calque.png') no-repeat left bottom  transparent;
    z-index: 1;
    width: 100%;
    background-size: cover;
}
.site-footer .footer-menus ul,
.site-footer .footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    display: flex;
    gap: 7px;
    font-size: 14px;
}
.site-footer .footer-menus  .footer-menu,
.site-footer .footer-menu{
    max-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-size: 14px;
}
.site-footer .footer-menus .title-footer,
.site-footer .footer-menu .title-footer{
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}
.site-footer .footer-menus  .footer-menu a,
.site-footer .footer-menu a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.site-footer .footer-menus  .footer-menu ul li:has(ul) > a,
.site-footer .footer-menu ul li:has(ul) > a{
    font-weight: 700;
}
.site-footer .footer-right{
    max-width: 300px;
}
.site-footer .footer-menus  .footer-menu ul ul {
    padding-top: 6px;
    gap: 6px;
}
.site-footer .footer-menus  .footer-menu ul ul li{
    display: flex;
    gap: 5px;
    align-items: center;
    
}
.site-footer .footer-menus  .footer-menu ul ul li::before{
    content: '>';
    display: block;
}
.site-footer .footer-menus  .footer-menu ul ul li a{
    font-size: 12px;
}
.site-footer .footer-menus  .footer-menu a:hover{
    text-decoration: underline;
}
.site-footer .footer-menus  .footer-menu strong{
    font-weight: 600;
}
.site-footer .site-footer-copyright{
    font-size: 16Px;
    line-height: 24px;
}
.site-footer .site-footer-copyright p,
.site-footer .site-footer-copyright .menu-pages a{
    font-size: 14px;
    line-height: 18px;
}
.site-footer .site-footer-copyright .menu-pages{
    gap: 0;
}
.site-footer .site-footer-copyright .menu-pages li{
    padding: 0 10px;
    position: relative;
}
.site-footer .site-footer-copyright .menu-pages li::after{
    content: '';
    display: block;
    height: 15px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 8px;
}
.site-footer .site-footer-copyright .menu-pages li:last-child:after{
    display: none;
}
.site-footer .site-footer-copyright a{
    text-decoration: none;
    color: #fff;
}
.site-footer .site-footer-copyright p a:hover{
    text-decoration: underline;
}
.site-footer .site-footer-copyright ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 24px;
    font-size: 24px;
}
.site-footer .site-footer-copyright ul li a:hover{
    color: var(--color-yellow);
}
.site-footer .site-footer-bottom{
    background-color: var(--color-greenlight);
    text-align: center;
}
.site-footer .site-footer-bottom p,
.site-footer .site-footer-bottom a{
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}
.site-footer .site-footer-bottom a{
    font-weight: 500;
}
/************Home*************/
.site .section-slideshow {
    margin-bottom: 0;
}
.section-slideshow  .slide-item{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-slideshow .slide-item-content{
    position: relative;
    padding: 200px 0 150px;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    min-height: 550px;
}

.section-slideshow .slide-item-content >  div{ 
    position: relative;
    z-index: 2;
    
}
.section-slideshow  .slide-item .subheading{
    font-size: 16px;
    line-height: 24px;
    color: var(--color-green);
    font-weight: 600;
}
.section-slideshow  .slide-item h2{
    margin-top: 25px;
    font-size: 4.5rem;
    line-height: 5.5rem;
    letter-spacing: -0.02px;
    font-weight: 600;
}
.section-slideshow .slick-dots,
.slides-thumb .slick-dots{
    bottom: 100px;
    z-index: 1;
}
.section-slideshow .slick-dots li button,
.slides-thumb .slick-dots li button{
    padding: 0;
    width: 18px;
    height: 8px;
}
.section-slideshow .slick-dots li button::before,
.slides-thumb .slick-dots li button::before{ 
    width: 18px;
    height: 8px;
    background-color: #fff;
    border-radius: 10px;
    opacity: 0.3;
    content: "";
}
.section-slideshow .slick-dots li.slick-active button::before,
.slides-thumb .slick-dots li.slick-active button::before{
    opacity: 1;
}
.section-slideshow .slick-prev,
.section-slideshow .slick-next,
.slides-thumb .slick-prev,
.slides-thumb  .slick-next{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    transform: none;
    opacity: 1;
    z-index: 2;
}
.section-slideshow .slick-prev,
.slides-thumb .slick-prev{
    left: 50px;
    background-image: url('../img/chevron-left.svg');
}
.section-slideshow .slick-next,
.slides-thumb .slick-next{
    right: 50px;
    background-image: url('../img/chevron-right.svg');
}
.section-slideshow .slick-prev:hover,
.section-slideshow .slick-next:hover,
.slides-thumb .slick-prev:hover,
.slides-thumb .slick-next:hover{
    background-color: var(--color-greenlight);
}
.section-slideshow .slick-prev::before,
.section-slideshow .slick-next::before,
.slides-thumb  .slick-prev::before,
.slides-thumb  .slick-next::before{
    display: none;
}
@media (min-width: 1700px) {
    .section-slideshow .slick-prev{
        left: 15%;
    }
    .section-slideshow .slick-next{
        right: 15%;
    }
}

/************Services*************/
.section .section-head{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0 auto;
    max-width: 640px;
    align-items: center;
}
.section .section-head h2{
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--color-primary);
    letter-spacing: -0.02px;
    font-size: 36px;
}
.section .section-head p:last-child{
    margin: 0;
}
.section .section-head a,
.section .link-modal{
    color: #000;
    font-weight: 300;
    color: var(--color-tertiary);
}
.section .link-modal,
.section .link-modal:hover,
.section .link-modal:focus{
    background: none transparent;
    border: none;
    text-decoration: underline;
    outline: 0 none;
    cursor: pointer;
}
.modalBox h2{
    font-size: 18px;
    font-weight: 600;
    color: var(--color-green);
}
.modalBox h3{
    font-size: 16px;
    font-weight: 600;
}
.section .section-head p,
.section .section-head ul{
    font-size: 18px;
    line-height: 28px;
}
.section .btn,
.section .section-head .btn{
    font-size: 16px;
    line-height: 24px;
    padding: 12px 18px;
    color: #fff;
    width: auto;
    font-weight: 600;
}
.section .btn::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url('../img/arrow-up-right.svg') no-repeat center center transparent;
    background-size: contain;
}
.section .btn-green{
    background-color: var(--color-greenbtn);
}
.section .btn-green:hover,
.section .btn-green:active,
.section .btn-green:focus{
    background-color: var(--color-greenlight);
    color: #fff;
}
.section-services-products{
    position: relative;
}
.section-services-products::before{
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 1;
    background-image: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);
    content: "";
    display: block;
}
.section .listing-services h3{ 
    margin: 0;
    font-size: 18px;
    line-height: 28Px;
    font-weight: 400;
    color: #727272;
}
.section .listing-services .service-icon{
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section .listing-services .service{
    padding: 32px;
    position: relative;
    flex: 1;
}
.section .listing-services .service .service-content::after{
    content: "";
    display: block;
    position: absolute;
    right: -32px;
    height: 100%;
    width: 2px;
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);

}
.section .listing-services .service:last-child .service-content::after{
    display: none;
}
.section .listing-services .service:hover h3{
    color: var(--color-greenlight);
}
.section  .section-headLeft{
    text-align: left;
    justify-content: start;
    align-items: start;
}
.section .listing-keys .key {
    flex: 0 0 50%;
}
.section .listing-keys .key .key-content{
    
    display: flex;
    gap: 15px;
}
.section .listing-keys .key .icon-key{
    width: 48px;
    height: 48px;
    background-color: var(--color-greenlight);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section .listing-keys .key .text-key{
    display: flex;
    gap: 10px;
    flex-direction: column;
    font-weight: 600;
}
.section .listing-keys .key .value-key{
    font-size: 48px;
    line-height: 35px;
    color: var(--color-green);
    letter-spacing: -0.02px;
}
.section .listing-keys .key .label-key{
    color: var(--color-primary);
    font-size: 18px;
}
.section .block-slide .slide-thumb-content{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 480px;
    position: relative;
}
.section .block-slide .slide-thumb-content::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}
.section-blog-subscribe .block-slide{
    width: 50%;
}
.section-blog-subscribe{
    position: relative;
    margin-top: 150px;
}
.section-blog-subscribe .title-blog,
.section-blog-subscribe .block-newsletter .title-newsletter{
    margin: 0;
    position: relative;
    top: -125px;
    font-weight: 700;
    color: var(--color-primary);
    letter-spacing: -0.02px;
    font-size: 32px;
}
.section-blog-subscribe::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-greenlight);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.section-blog-subscribe .blocks-news{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.section-blog-subscribe .blocks-news .post-news{
    height: 100%;
}
.section-blog-subscribe .blocks-news .post-news .post-date{
    font-size: 14px;
    display: inline-block;
    padding: 2px 10px;
    background-color: rgba(22, 179, 100, 0.3);
    border-radius: 20px;
    font-weight: 600;
}
.section-blog-subscribe .blocks-news .post-news .post-news-content{
    display: flex;
    justify-content: space-between;
    gap: 100px;
    height: 100%;
    flex-direction: column;
    padding-right: 15px;
}
.section-blog-subscribe .blocks-news .post-news .post-news-infos{
    display: flex;
    gap: 11px;
    align-items: start;
    flex-wrap: wrap;
}
.section-blog-subscribe .blocks-news .slide-posts{
    margin: 0;
}
.section-blog-subscribe .blocks-news .post-news h3 a{
    text-decoration: none;
    color: #fff;
}
.section-blog-subscribe .blocks-news .post-news h3{
    font-weight: 600;
    margin: 0;
    font-size: 36px;
    line-height: 48px;
}
.section-blog-subscribe .blocks-news .post-news p{ 
    font-size: 18px;
    line-height: 26px;
    margin: 0;
}
.section-blog-subscribe .blocks-news .btn-white{
    color: var(--color-secondary);
}
.section-blog-subscribe .blocks-news .btn-white::after{
    background-image: url('../img/arrow-up-right-black.svg');
}
.section-blog-subscribe .blocks-news .btn-white:hover{
    background-color: var(--color-greenlight);
    color: #fff;
}
.section-blog-subscribe .blocks-news .btn-white:hover::after{
    background-image: url('../img/arrow-up-right.svg');
    
}
.section-blog-subscribe .blocks-news .slick-dots{
    bottom: 90px;
    text-align: left;
}
.section-blog-subscribe .blocks-news .slick-dots li{
    margin: 0;
}
.section-blog-subscribe .blocks-news .slick-dots li button:before{
    font-size: 10px;
    color: #E9EAEB;
}
.section-blog-subscribe .blocks-news .slick-dots li.slick-active button:before{
    color: #fff;
}
.section-blog-subscribe .block-newsletter .block-newsletter-content{
    padding-left: 15px;
    max-width: 528px;
}
.section-blog-subscribe .block-newsletter  h2{
    font-weight:  700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02px;
    margin-bottom: 30px;
    color: #fff;
}   

.section-blog-subscribe .block-newsletter .block-newsletter-form input,
.section-banner .block-newsletter-form input{
    width: 100%;
    padding: 12px 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #717680;
    padding-right: 125px;
    border: none transparent;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form input:focus,
.section-blog-subscribe .block-newsletter .block-newsletter-form input:focus-visible,
.section-blog-subscribe .block-newsletter .block-newsletter-form input:focus-within,
.section-banner .block-newsletter-form input:focus,
.section-banner .block-newsletter-form input:focus-visible,
.section-banner .block-newsletter-form input:focus-within{
    outline: 0 none;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form,
.section-banner .block-newsletter-form {
    padding-top: 110px;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form input::placeholder,
.section-banner .block-newsletter-form input::placeholder{
    opacity: 1;
    color: #717680;
    border-radius: 0;
    background: #fff;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form form .form-group,
.section-banner .block-newsletter-form form .form-group{
    position: relative;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form button,
.section-banner .block-newsletter-form button{
    border: 1px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    outline: none;
    background-color: var(--color-green);
    color: #fff;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form button::after,
.section-banner .block-newsletter-form button::after{
    display: none;
}
.section-blog-subscribe .block-newsletter .block-newsletter-form button:hover,
.section-banner .block-newsletter-form button:hover{
    background-color: var(--color-greenbtn);
}

.section .tabs-container {
    display: flex;
    flex-direction: row;
}

.section .tabs {
    width: 25%;
    background-color: #F1F6F2;
}

.section .tab-button {
    width: 100%;
    padding: 16px 20px;
    border: none;
    background: #F1F6F2;
    text-align: left;
    cursor: pointer;
    border: none transparent;
    display: inline-flex;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #D2DDC8;
    align-items: center;
    gap: 10px;
}
.section .tab-button::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url('../img/marker-pin-green.svg') no-repeat center transparent;
    background-size: contain;
    display: block;
}
.section .tab-button.active {
    background: var(--color-greenlight);
    color: #fff;
}
.section .tab-button.active::before {
    background-image: url('../img/marker-pin-white.svg');
}
.section .tab-content {
    display: none;
    width: 75%;
}
.section .tab-content.active {
    display: block;
}
.section .tab-content .tab-content-agency{
    display: flex;
    width: 100%;
    height: 100%;
}
.section .tab-content .tab-content-agency .tab-agency-infos{
    background-color: #5D965F;
    color: #fff;
    padding: 24px;
    flex: 0 0 33%;
    font-size: 16px;
    line-height: 24px;
}
.section .tab-content .tab-content-agency .tab-agency-map{
    flex: 0 0 67%;
}
.section .tab-agency-infos div{
    margin-bottom: 15px;
    padding-left: 40px;
}

.section .tab-agency-infos .agency-mail,
.section .tab-agency-infos .agency-crc,
.section .tab-agency-infos .agency-swift,
.section .tab-agency-infos .agency-bp {
    padding: 0;
}
.section .tab-agency-infos .agency-mail p,
.section .tab-agency-infos .agency-crc p,
.section .tab-agency-infos .agency-swift p,
.section .tab-agency-infos .agency-bp p{
    line-height: 18px;
}
.section .tab-agency-infos .agency-mail a,
.section .tab-agency-infos .agency-crc a,
.section .tab-agency-infos .agency-swift a,
.section .tab-agency-infos .agency-bp a{
    background: none transparent;
    padding: 0;
    border: none transparent;
    display: inline-block;
    font-size: 14px;
    margin: 0;
}
.section .tab-agency-infos .agency-mail a::before,
.section .tab-agency-infos .agency-crc a::before,
.section .tab-agency-infos .agency-swift a::before,
.section .tab-agency-infos .agency-bp a::before{
    display: none;
}
.section .tab-agency-infos .agency-location{
    background: url('../img/marker-pin-white.svg') no-repeat left center transparent;
    min-height: 35px;
}
.section .tab-agency-infos .agency-hours{
    background: url('../img/icon-clock.svg') no-repeat left center transparent;
}
.section  .tab-agency-infos a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 24px;
    gap: 10px;
    border: 2px solid #fff;
    margin-bottom: 15px;
}
.section  .tab-agency-infos a::before{
    content: "";
    display: block;
    width: 20PX;
    height: 20PX;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.section  .tab-agency-infos a.agency-phone::before{
    background-image: url('../img/icon-phone-white.svg');
}
.section  .tab-agency-infos a.agency-road::before{
    background-image: url('../img/arrow-up-right.svg');
}
.section  .tab-agency-infos a:hover{
    opacity: 0.8;
}
.mm-menu--theme-white {
    --mm-color-background: var(--bg-submenu);
}

.section .hImageFull div{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 20px);
    height: 100%;
   
}
.section .hImgDeco div::before{
    content: "";
    display: block;
    width: 75px;
    height: 100%;
    background: url('../img/horizontal-deco.png') no-repeat bottom center transparent;
    background-size: contain;
    position: absolute;
    z-index: 1;
    right: 25%;
    max-height: 400px;
    bottom: 0;
}
.section .hImageFull img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-bg-map{
    background: url('../img/map-vector.png') no-repeat top center transparent;
    background-size: contain;
}
.section  .section-head-full{
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.section .row-imgLeft h3{
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 20px;
}
.section  .section-text p{
    font-size: 18px;
    line-height: 28px;
}
.section  .section-text ul,
.section .section-head ul{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-left: 16px;
    gap: 20px;
    list-style: none;
}
.section  .section-text ul li,
.section .section-head ul li{
    display: flex;
    gap: 12px;
    font-size: 18px;
    line-height: 28px;
    padding-left: 35px;
    background: url('../img/icon-circle-check-green.svg') no-repeat left top transparent;
}
.section-values,
.section-ambitions .item-value .item-value-content{
    background-color: #FAFAFA;
}
.section-ambitions .item-value .item-value-content{
    height: 100%;
} 
.section .item-value h4,
.section .item-value h3{
    font-size: 18px;
    color: var(--color-primary);
}
.section .box-icon{ 
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px #0A0D120D;
    box-shadow: 0px -2px 0px 0px #0A0D120D inset;
    box-shadow: 0px 0px 0px 1px #0A0D120D inset;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);

}
/* page */
.section-banner {
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);
    background-blend-mode: multiply;
    min-height: 252px;
    display: flex;
    align-items: center;
}
.section-banner h1{
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
}
.section-banner span{
    font-weight: 700;
    font-size: 16px;
    display: block;
    padding-bottom: 10px;
}
.section-banner .container{
    max-width: 800px;
}
.section .timeline{
    position: relative;
}
.section .timeline::before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 12px;
    height: 75%;
    top: 15%;
    left: 50%;
    background: url('../img/timeline-dots.png') no-repeat top center transparent;
    background-size: contain;
}
.section .timeline .year{
    padding: 32px;
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, rgba(185, 207, 38, 0) 100%);
    border-bottom: 1px solid #fff;
    display: flex;
    width: 100%;
}
.section .timeline .year:nth-child(even){
    background: linear-gradient(90deg, rgba(185, 207, 38, 0) 0%, #7DAC36 50%, #2A893D 100%);
    justify-content: end;
}
.section .year .year-content{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 512px;
}
.section .year .year-content h3{
    margin: 0;
    font-size: 4.4rem;
    line-height: 4.5rem;
    font-weight: 700;
}
.section .year .year-content .year-title{
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}
.section-testimonials .testimonials{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.section .section-sign-content .section-head{
    max-width: 800px;
}
.section-testimonials .testimonials .section-head  h2{
    color: #fff;
}
.section-testimonials .testimonials::before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);
    background-blend-mode: multiply;
    content: "";
    opacity: 85%;
}
.section .btn-noIcon::after{
    display: none;
}
.section-network .info-network-content{
    height: 100%;
    background-color: #EDF3D2;
}
.section-network .info-network-content h3{
    margin: 0 0 4px ;
    font-size: 18px;
    line-height: 28PX;
    color: var(--color-primary);
}
.section-network .info-network-content p,
.section-network .info-network-content  ul{
    margin: 0;
    min-height: 80px;
}
.section-network .info-network-content  ul{
    margin-bottom: 7px;
}
.section-network .info-network-content a{ 
    text-decoration: none;
}
.section-network .info-network-content a:hover{
    color: var(--color-green);
}
.section .listing-countries h3{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}
.section .listing-countries img{
    max-width: 128px;
}
.section .contact-text a{ 
    text-decoration: none;
    color: #087443;
    font-weight: 700;
}
.section .contact-text a:hover{ 
    text-decoration: underline;
}
.section .section-head .text-subheading-circle{
    padding: 4px 12px;
    background-color: #EDFCF2;
    border: 1px solid #AAF0C4;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
}
.section .form-search-container .form-group{
    position: relative;
}
.section .form-search-container .form-group::before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 12px;
    background: url('../img/icon-search.svg') no-repeat center transparent;
    background-size: contain;
}
.section .form-search-container input{
    padding: 9px 14px;
    font-size: 16px;
    color: #717680;
    padding-left: 40px;
}
.section .form-search-container input::placeholder{
    color: #717680;
    opacity: 1;
}
/*******Produits**********/
.section-thumbnail div{
    position: relative;
    padding-bottom: 30px;
}
.section-banner p{
    font-size: 20px;
}
.section-thumbnail div::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 82px;
    z-index: 1;
    background: url('../img/horizontal-bottom.png') no-repeat bottom center transparent;
    background-size: cover;
}
.section-thumbnail img{
    width: 100%;
    object-fit: cover;
    height: auto;
    max-height: 342px;
}
.section .listing-features .item-feature,
.section .listing-features .item-feature:nth-child(even) .feature-number{
    background-color: var(--color-light1);
}
.section .listing-features .item-feature .feature-number{
    background-color: var(--color-greenlight);
    color: #fff;
}
.section .listing-features .item-feature .feature-content{
    align-items: center;
}
.section .listing-features .item-feature .feature-number{ 
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: 700;
    font-size: 20px;
}
.section .listing-features .item-feature:nth-child(even) .feature-number{ 
    color: var(--color-greenlight);
}
.section .listing-features .item-feature:nth-child(odd) .feature-number{ 
    color: #fff;
}
.section .listing-features .item-feature:nth-child(odd) h3{ 
    color: var(--color-primary);
}
.section .listing-features .item-feature h3{ 
    font-size: 18px;
    line-height: 28px;
}
.section .listing-features .item-feature .feature-text{ 
    max-width: 341px;
    margin: 0 auto;
}
.main-product .section .section-head .text-subheading,
.main-services .section .section-head .text-subheading,
.site-main .section .section-head .text-subheading-green{ 
    color: var(--color-green);
    font-weight: 700;
}
.main-product .section .section-head,
.main-services .section .section-head{ 
    max-width: 820px;
}
.section .responsive-table{
    background-color: #EDF3D2;
    border: 1px solid rgba(42, 137, 61, 0.501);
    position: relative;
}

.section .responsive-table .tab{ 
    display: flex;
    border-bottom: 1px solid rgba(42, 137, 61, 0.501);
    position: relative;
}
.section .responsive-table .tab::before{ 
    content: " ";
    display: block;
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    background-color: rgba(42, 137, 61, 0.501);
    position: absolute;
}
.section .responsive-table .tab > div{
    padding: 32px;
 }
.section .responsive-table .tab:last-child{ 
    border: none;
}
.section .responsive-table .tab .tab-header,
.section .responsive-table .tab .tab-header h3{ 
    font-weight: 700;
    color: var(--color-green);
    font-size: 18px;
    line-height: 28px;
}
.section .responsive-table .tab .tab-header{
    display: flex;
    align-items: center;
}
.section .responsive-table .tab .tab-header p{
    color: var(--color-tertiary);
    font-weight: 400;
}
.section .responsive-table .tab > div{
    flex: 1;
}
.section-table-white .responsive-table{
    background-color: #fff;
}
.section .responsive-table .tab ul,
.modalBox ul{ 
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12Px;
}
.modalBox ul{
    margin-bottom: 10px;
}
.modalBox .accordion-button{
    padding: 0 15px;
    font-weight: 600;
}
.modalBox .accordion-button:not(.collapsed){
    background-color: transparent;
    color: var(--color-green);
    box-shadow: none;
    font-weight: 600;
}
.modalBox .accordion-button:hover,
.modalBox .accordion-button:focus{
    box-shadow: none;
}
.modalBox .modal-header h1{
    text-align: center;
}
.section .responsive-table .tab ul li,
.modalBox ul li{ 
    font-size: 18px;
    line-height: 28px;
    padding-left: 35px;
    background: url('../img/check-circle-greenlight.svg') no-repeat left top transparent;
    background-size: 28px;
}
.modalBox ul li{
    font-size: 14px;
    line-height: 20px;
    background-size: 20px;
    padding-left: 25px;
}
.section .responsive-table .tab ul li.check-green{
    background-image: url('../img/check-circle-green.svg');
}
.section .form-container{
    max-width: 480px;
}
.section .form-container label{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 6px;
    color: #414651;
}
.section .form-container label sup{
    color: var(--color-greenbtn);
}
.section .form-container input[type="text"],
.section .form-container input[type="email"], 
.section .form-container input[type="tel"],
.section .form-container textarea,
.section .form-bbb input[type="text"],
.section .form-bbb input[type="number"], 
.section .form-bbb input[type="tel"]{
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.051);
    border: 1px solid #D5D7DA;
    background-color: #fff;
    color: #717680;
    font-size: 14px;
    width: 100%;
}
.section .form-container .form-fields{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.section .form-container  .fields-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.section .form-container .fields-group .field,
.section .form-container .fields-radio{
    flex: 1;
}
.section .form-container textarea{ 
    min-height: 134px;
}
.section .form-container  .field-submit button{
    width: 100%;
    color: #fff;
    box-shadow: 0px 1px 2px 0px #0A0D120D;
    box-shadow: 0px -2px 0px 0px #0A0D120D inset;
    box-shadow: 0px 0px 0px 1px #0A0D120D inset;
    background-color: var(--color-greenbtn);
    border-radius: 8px;
    padding: 11px 18px;
    border: 2px solid var(--color-greenbtn);
}
.section .form-container  .field-submit button:hover{
    background-color: var(--color-greenlight);
    border-color: var(--color-greenlight);
}
.section .form-container .fields-radio > div{
    padding-top: 10px;
}
.section .listing-features-2cols .item-feature:nth-child(1),
.section .listing-features-2cols .item-feature:nth-child(4){ 
    background-color: var(--color-light1);
}
.section .listing-features-2cols .item-feature:nth-child(1) .feature-number,
.section  .listing-features-2cols .item-feature:nth-child(4) .feature-number{
    color: #fff;
    background-color: var(--color-greenlight);
}
.section .listing-features-2cols .item-feature:nth-child(1) h3,
.section  .listing-features-2cols .item-feature:nth-child(4) h3{
    color: var(--color-primary)
}

.section .listing-features-2cols .item-feature:nth-child(2),
.section .listing-features-2cols .item-feature:nth-child(3){ 
    background-color: var(--color-greenlight);
    color: #fff;
}
.section .listing-features-2cols .item-feature:nth-child(2) .feature-number,
.section  .listing-features-2cols .item-feature:nth-child(3) .feature-number{
    color: var(--color-greenlight);
    background-color: var(--color-light1);
}
.section .listing-features-2cols .item-feature:nth-child(2) h3,
.section .listing-features-2cols .item-feature:nth-child(3) h3{
    color: #fff;
 }
.section .responsive-table .tab:not(:has(.tab-header))::before{
    display: none;
 }
/********News********/
.section-banner .block-newsletter-form {
    max-width: 500px ;
    margin: 0 auto;
}
.section-banner .block-newsletter-form p{
    font-size: 14px;
    text-align: left;
}
.section-banner .block-newsletter-form p a{
    color: #fff;
}
.section-featured-post .post .post-thumb img{
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 800px;
    transition: all .3s ease-in;
}
.section-featured-post .post .post-thumb{
    position: relative;
    margin-top: -120px;
}
.section .post .post-thumb{
    overflow: hidden;
    transition: all .3s ease-in;
}
.section .post:hover .post-thumb img{
    transform: scale(1.05);
}
.section .post .post-date{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--color-greenlight);
    text-transform: capitalize;
}
.section-featured-post .post .post-date{
    color: var(--color-green);
}
.section-featured-post .post h2{
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--color-primary);
}
.section-featured-post .post h2 a{
    text-decoration: none;
    color: var(--color-primary);
}
.section-featured-post .post:hover h2 a,
.section-posts .post .post-news-content:hover h2 a{
    color: var(--color-greenlight);
}
.section-featured-post .post  p{
    font-size: 16px;
    line-height: 24px;
}
.section-featured-post .post .read-more{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color-greenlight);
    text-decoration: none;
    display: inline-block;
    padding-right: 20px;
    background: url('../img/arrow-up-right-green.svg') no-repeat right center transparent;
}
.section-featured-post .post .read-more:hover{
    color: var(--color-green);
}
.section-posts .post .post-thumb img{
    width: 100%;
    height: 256px;
    object-fit: cover;
    object-position: top center;
    transition: all .3s ease-in;
}
.section-posts .post .post-news-content .post-news-infos{
    padding: 30px 15px 45px;
    flex-grow: 1;
    position: relative;
}
.section-posts .post .post-news-content{
    background-color: var(--color-light2);
    border: 1px solid var(--color-light1);
    position: relative;
}
.section-posts .post .post-news-content h2{
    font-size: 18px;
    line-height: 28px;
    color: var(--color-primary);
    margin: 0;
}
.section-posts .post .post-news-content h2 a{
    text-decoration: none;
    color: var(--color-primary);
}
.section-posts .post .post-news-content p{
    margin: 0;
}
.section-posts .post .post-news-content{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.section-posts .post .read-more{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color-greenlight);
    text-decoration: none;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.section-posts .post .post-news-content:hover .read-more{
    color: var(--color-green);
}
.section .block-navigation {
    border-top: 1px solid #E9EAEB;
    font-size: 14px;
}
.section .block-navigation  .arrow_navigation a,
.section .pagination a{
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    color: var(--color-tertiary);
    text-decoration: none;
}
.section .block-navigation  .arrow_navigation a i,
.section .pagination a i{
    color: #A4A7AE;
}
.section .block-navigation  .arrow_navigation a:hover,
.section .block-navigation ul li a:hover,
.section .pagination a:hover{
    color: var(--color-greenlight);
}
.section .block-navigation ul{
    list-style: none;
}
.section .block-navigation ul li a{
    text-decoration: none;
    color: #717680;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section .block-navigation ul li.active-page a{
    width: 40px;
    height: 40px;
    background-color: #FAFAFA;
    border-radius: 50px;
}
.section-post .slides-thumb{
    margin-top: -80px;
    margin-bottom: 0;
}
.section-post .post-thumbnail img{
    width: 100%;
    max-height: 640px;
    object-fit: contain;
}
.section-post .post-container{
    max-width: 720px;
}
.section-post .post-excerpt,
.section-post .post-content{
    border-bottom: 1px solid #E9EAEB;
}
.section-post .post-excerpt{
    font-size: 20px;
    line-height: 30px;
}
.section-post .post-content{
    font-size: 18px;
    line-height: 28px;
}
.section-post .post-content h2{
    font-size: 30PX;
    line-height: 38px;
    color: var(--color-primary);
    margin-bottom: 20px;
}
.section-post .post-content img{
    margin-top: 30Px;
    margin-bottom: 30px;
}
.section-post .post-content h3{
    font-size: 24px;
    line-height: 34px;
    color: var(--color-primary);
    font-weight: 700;
}
.section-post .post-content .post-resume{
    background-color: #FAFAFA;
    padding: 32px;
    margin-top: 30px;
    border-radius: 16px;
}
.section-post .post-tags span{
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #AAF0C4;
    color: #087443;
    background-color: #EDFCF2;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
}
.section-post .post-tags span:nth-child(2){
    border: 1px solid #C7D7FE;
    color: #3538CD;
    background-color: #EEF4FF;
}
.section-post  .post-socials ul{
    list-style: none;
}
.section-post  .post-socials ul li a{
    text-decoration: none;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    box-shadow: 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset;
    box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.05) inset;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    color: #414651;
    align-items: center;
    padding: 10px 14px;
    height: 100%;
    justify-content: center;
    border: 1px solid #D5D7DA;
    border-radius: 8px;
    gap: 10px;
} 
.section-post  .post-socials ul li a i{
    color: #A4A7AE;
    font-size: 20px;
}  
.section-post  .post-socials ul li a:hover,
.section-post  .post-socials ul li a:hover i{
    color: var(--color-greenlight);
}
/******become customer*******/
.section .steps-table{
    background-color: var(--color-yellow2);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--color-greenlight);
}
.section .steps-table .tab{
    flex: 0 0 50%;
    padding: 32px;
    display: flex;
    gap: 20px;
    border-bottom: 1px solid var(--color-greenlight);
    border-right: 1px solid var(--color-greenlight);
    justify-content: space-between;
}
.section .steps-table .tab:nth-child(even){
    border-right: none;
}
.section .steps-table .tab:nth-child(3),
.section .steps-table .tab:nth-child(4){
    border-bottom: none;
}
.section .steps-table .step-number{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-green);
    color: var(--color-yellow2);
    font-weight: 700;
}
.section .steps-table  .tab-contents{
    flex: 0 0 calc(100% - 70px);
}
.section .steps-table  .tab-contents h3{
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: var(--color-green);
    text-transform: uppercase;
    margin-top: 0;
}
.section .steps-table  .tab-contents a{
    text-decoration: none;
}
.section-steps-form div.form-container {
    max-width: 1008px;
}
.section-steps-form{
    background-color: #F1F6F2;
}
.section .multisteps-form ul.progressbar{
    overflow: hidden;
    counter-reset: step;
}
.section .progressbar li{
    flex: 1;
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-secondary);
    opacity: 0.6;
}
.section .progressbar li.active{
    opacity: 1;
}
.section .progressbar li::before{
    content: counter(step);
    counter-increment: step;
    width: 24px;
    line-height: 24px;
    display: block;
    font-size: 10px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px solid #E9EAEB;
    color:  #717680;
    text-align: center;
    position: relative;
    z-index: 1;
}
.section .progressbar li.active::before{
    /*background-color: var(--color-green);*/
    color: var(--color-secondary);
}

.section .progressbar li::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #E9EAEB;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: 0;
}
.section .progressbar li.prev-active::before{
    width: 20px;
    height: 20px;
    background: url('../img/step-icon-check.svg') no-repeat transparent center;
    background-size: contain;
    content: '';
}
.section .progressbar li.prev-active::after,
.section .progressbar li.prev-active + li::after{
    background: var(--color-green);
}
.section .progressbar li:first-child::after{
    display: none;
}
.section  form .step-form label sup{ 
    color: var(--color-green);
}

.section  form .step-form label,
.section .form-bbb label{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-secondary);
}
.section  form .step-form h3,
.section .form-bbb h3{
    margin: 0;    
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary);
}
.section  form .step-form{
    margin: 0 auto;
    max-width: 500px;
}
.section  form .step-form .field-file .label-file{
    display: block;
    margin-bottom: 6px;
}
.section  form .step-form .field-file label {
  margin: 0;
  cursor: pointer;
  display: block;
}
.section  form .step-form .field-file input{
    opacity: 0;
    display: none;
}
.section  form .step-form .field-file .file-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    background-color: #fff;
    border: 1px dashed #D5D7DA;
    padding: 16px 24px;
    font-size: 12px;
    text-align: center;
    text-align: center;
    align-items: center;

}
.section  form .step-form .field-file label:hover .file-content{
    opacity: 0.8;
}

.section  form .step-form .field-file .file-content::before{
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url('../img/upload-file-icon.png') no-repeat center transparent;
    background-size: contain;
}
.section  form .step-form .field-file .file_names{
    font-weight: 600;
}
.section  form .step-form  .field-email input{
    padding-left: 40px;
    background: url('../img/input-icon-mail.png') no-repeat 15px center #fff;
}
.section  form .fields-radio .field-group{
    justify-content: space-between;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}
.section  form .field-radio label,
.section  form .field-checkbox label,
.section  form .fields-radio .form-check input[type="radio"] + label{
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: center; 
    gap: 12px; 
    cursor: pointer;
    position: relative;
}
.section  form .field-checkbox label{
    align-items: flex-start;
    font-size: 14px;
}
.section  form .field-radio label sup{
    font-weight: 700;
}
.section  form .field-radio label::before,
.section  form .field-checkbox label::before,
.section  form .fields-radio .form-check input[type="radio"] + label::before{
    content: "";
    display: block;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #D5D7DA;
}
.section  form .field-checkbox label::before{
    border-radius: 4px;
    background-color: transparent;
    width: 16px;
    height: 16px;
}
.section  form .field-radio input:checked + label::before,
.section  form .field-radio input:checked  label::before,
.section  form .form-check input[type="radio"]:checked + label::before{
    background-color: var(--color-greenbtn);
    background: url('../img/icon-checkbox-green.svg') no-repeat transparent;
    background-size: contain;
}
.section  form .field-checkbox input:checked + label::before,
.section  form .field-checkbox input:checked  label::before{
    background-color: var(--color-green);
}
.section  form .box-accept{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section  form .box-accept::before{
    content: '';
    display: block;
    margin: 20px auto 0 ;
    width: 100%;
    max-width: 400px;
    height: 1px;
    background-color: var(--color-border);
}
.section  form .field-radio input,
.section  form .field-checkbox input,
.section  form .form-check input[type="radio"]{
    display: none;
}
.section-steps-form  form fieldset:not(:first-of-type) {
   display: none;
}
.section-steps-form  form fieldset.step-form-boxes{
    display: block;
}
.section-steps-form  form fieldset.step-form-boxes{
    max-width: 992px;
}
.section-steps-form  .step-form select,
.section-steps-form  .step-form input,
.section .form-bbb select{
    background-color: #fff;
    border: 1px solid #D5D7DA;
    border-radius: 8px;
    font-size: 16px;
    width: 100%;
    padding: 10px 14px;
    color: #717680;
}
.section-steps-form  .step-form select,
.section .form-bbb select{
    appearance: none;
    position: relative;
    background-image: url('../img/icon-chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 97% center;
    padding-right: 40px;
}
.section-steps-form  form .action-button,
.section .form-bbb .btn-submit{
    background-color: #fff;
    padding: 12px 18px;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    box-shadow: 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset;
    box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.05) inset;
    border: 1px solid #D5D7DA;
    flex: 1;
} 
.section-steps-form  form .btn-next,
.section-steps-form  form .action-button:hover,
.section-steps-form  form .btn-save,
.section-steps-form .box-thanks a,
.section .form-bbb .btn-submit,
.section .form-bbb .action-button:hover{
    color: #fff;
    border-color: var(--color-green);
    background-color: var(--color-green);
    font-weight: 700;
}
.section-steps-form  form .btn-next:hover,
.section-steps-form  form .btn-save:hover,
.section .form-bbb .btn-submit:hover,
.section-steps-form .box-thanks a:hover{
    border-color: var(--color-greenlight);
    background-color: var(--color-greenlight);
}
.section-steps-form  .step-form > .field-group,
.section-steps-form .person-represent > .field-group,
.section-steps-form  .step-form-2 .fields-radio,
.section-steps-form  .step-form-3 .fields-radio,
.section-steps-form  .step-form-4 .fields-radio,
.section-steps-form  .step-form-5 .fields-radio,
.section-steps-form  .step-form-6 .fields-radio,
.section-steps-form  .step-form-7 .fields-radio,
.section .form-container .adding-account .field-group,
.section .form-container .box-form .field-group{
    margin-bottom: 20px;
}
.section-steps-form  .step-form > .field-group:last-child,
.section .form-container .adding-account .field-group:last-child,
.section .form-container .box-form .field-group:last-child,
.section .form-container .box-form .field-group .field-group{
    margin-bottom: 0;
}
.section-steps-form  .step-form .text-alert{
    font-size: 14px;
}
.section-steps-form .step-form > .field-group,
.section-steps-form .person-represent > .field-group,
.section form .group-fields-2{
    display: flex;
    gap: 15px;
    justify-content: space-between;
}
.section .form-container .adding-accounts .adding-account{
    border-top: 1px solid #E9EAEB;
}
.section .form-container  .adding-accounts .adding-account:first-child{
    border-top: none;
}
.section-steps-form .step-form  .field-group .field,
.section form .group-fields-2 .field,
.section form .group-fields-2{
    flex: 1;
}
.section form .form-container .field .disabled,
.section .form-container input.disabled[type="text"]{
    background: #FAFAFA;
}
.section-steps-form .step-form .add-represent,
.section .form-container .add-account{
    display: block;
    text-align: center;
    background: none transparent;
    padding: 0;
    border: none;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-green);
    width: 100%;
    cursor: pointer;
}
.section .form-container .box-folder-number{
    text-transform: uppercase;
    position: relative;
}
.section .form-container .box-folder-number input[type="text"]{
    width: auto;
    font-weight: 700;
    padding: 12px 15px;
    color: var(--color-greenlight);
    text-align: center;
    border: none;
    border-radius: 0;
    font-size: 14px;
}
.section .form-container .box-folder-number input[type="text"]:focus{
    outline:  0 none;
}
.section .form-container .copy-text button::before {
	content: "Copié";
	position: absolute;
	top: -25px;
	right: 0px;
	background: var(--color-green);
	padding: 8px 10px;
	border-radius: 20px;
	font-size: 15px;
    display: none;
}
.section .form-container .copy-text button::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 25px;
	width: 10px;
	height: 10px;
	background: var(--color-green);
	transform: rotate(45deg);
    display: none;
}
.section .form-container .copy-text.active button::before,
.section .form-container .box-folder-number .copy-text.active button::after {
	display: block;
}
.section .form-container  button{
    background-color: var(--color-greenlight);
    color:  #fff;
    border: none transparent;
    padding: 16px;
}
.section form .box-folder-number label{
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 12px;
    margin: 0;
}
.section .field .iti {
    display: block;
}
.section-steps-form .step-form .add-represent:hover,
.section-steps-form .step-form .add-represent:focus,
.section .form-container .add-account:focus,
.section .form-container .add-account:hover{
    color: var(--color-greenlight);
    outline: 0 none ;
}
.section-steps-form .step-form  .hidden{
    display: none;
}
.section .form-container .box-form .box-form-content{
    height: 100%;
    border: 1px solid #8BBE87;
    padding: 16px 30px;
}
.section .form-container .box-form .box-form-content .box-form-title{
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-bottom: 30px;
}
.section .form-container .box-form .box-form-content .box-form-icon{
    max-width: 102px;
}
.section .form-container .box-form .box-form-content .box-form-icon img{
    object-fit: contain;
    height: 60px;
}
.section .form-container .box-form .box-form-choice input{
    display: none;
}
.section .form-container .box-form .box-form-choice label{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: start;
    padding-left: 35px;
    color: var(--color-green);
    cursor: pointer;
    position: relative;
}
.section .form-container .box-form .box-form-choice label::before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid #D5D7DA;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #FAFAFA;
}
.section .form-container .box-form .form-user{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(139, 190, 135, 0.5);
}
.section .form-container .box-form .form-user:last-child{
    padding-bottom: 0;
    border: none;
    margin: 0;
}
.section-steps-form .step-form .box-form  .field-group-form{
    max-width: 100%;
    gap: 10px;
}
.section-steps-form .step-form .box-form  .field-group-form .field {
    flex: 0 0 auto;
}
.section .form-container .fields-radio-form2 label::before{
    border-radius: 6px;
}
.section-steps-form .step-form .box-form table{
    font-size: 12px;
    border-collapse: collapse;
}
.section-steps-form .step-form .box-form table th, 
.section-steps-form .step-form .box-form table td {
    border: 1px solid #8BBE87;
    padding: 4px;
    font-weight: 400;
}
.section-steps-form .step-form .box-form table .header-col th{
    background-color: #8BBE87;
    color: var(--color-primary);
    border-color: #2A893D;
    text-align: center;
}
.section-steps-form .step-form .box-form table th.header-col{
    font-weight: 700;
}
.section-steps-form .step-form .empty {
    background: #f5f5f5;
 }
.section .form-container .fields-radio-form2 .field-radio input:checked + label::before{
    background: var(--color-green);
}
.section .form-container .box-form .box-form-choice input:checked + label::before{
    background-color: var(--color-green);
    border-color: var(--color-green);
}
.section .form-container .box-form td.check{
    text-align: center;
    color: #2A893D;
}
.section .form-container .box-form td.check-bg{
    background-color: var(--color-yellow2);
}
.section.section-steps-formElectronics {
    background-color: #FAFAFA;
}
.section-steps-form .person-represent h2::before{
    content: '';
    display: block;
}
.section-steps-form .step-form-infos  .info-row,
.section .box-formLoan form .info-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    position: relative;
}
.section-steps-form .step-form-infos{
    padding-bottom: 10px;
}
.section-steps-form .step-form-infos:last-of-type{
    padding-bottom: 0;
}
.section-steps-form .step-form-infos  .info-row > div,
.section .form-bbb .info-row span{
    position: relative;
}
.section-steps-form  .step-form-infos  .info-row::before,
.section .form-bbb .info-row::before{
    top: 50%;
    content: '';
    width: 100%;
    position: absolute;
    height: 1px ;
    background-color: rgba(233, 234, 235, 0.5);

}
.section-steps-form .step-form-infos  .info-row .info-label,
.section .form-bbb .info-row .info-label{
    padding-right: 5px;
    color: #717680;
    font-size: 16px;
}

.section-steps-form .step-form-infos  .info-row .info-details,
.section .form-bbb .info-row .info-details{
    padding-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--color-secondary);
    font-weight: 600;
    font-size: 14px;
    max-width: 300px;
}
.section-steps-form .step-form-infos  .info-row .info-details a,
.section .form-bbb .info-row .info-details a,
.section-steps-form  .actions-update a {
    color: var(--color-green);
}
.section-steps-form .step-form-infos .step-form-update {
  display: none;
}
.section-steps-form .step-form-infos .btn-thumb{
    text-decoration: none;
    background-color: #2A893D;
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-steps-form .box-thanks{
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
}
.section-steps-form .box-thanks::before{
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: url('../img/thanks-icon.png') no-repeat center center transparent;
    background-size: contain;
    margin-bottom: 15px;
}
.section-steps-form .box-thanks h2{
    color: var(--color-tertiary);
}
.section-steps-form .box-thanks  a{
    width: 100%;
    border-radius: 8px;
}
.section-steps-form .box-thanks  a::after{
    display: none;
}
.section-steps-form .step-form .field-group-form .field{
    flex: 0 0 calc(33% - 10px);
}
.section-steps-form .step-form .field-group-form{
    max-width: 300px;
    align-items: center;
    margin-bottom: 15px;
}
.section-steps-form .step-form .field-group-form .field-other-text{
    flex: 0 0 calc(60% - 10px);
}
.section form .box-warning{
    background-color: var(--color-yellow2);
    border: 1px solid rgba(125, 172, 54, 0.5);
    display: flex;
    padding: 16px;
    gap: 16px;
    font-size: 14px;
}
.section form .box-warning::before{
    content: '';
    width: 20px;
    height: 20px;
    background: url('../img/icon-warning.png') no-repeat center transparent;
    background-size: contain;
}
.section form .box-warning .box-warning-text{
    flex: 0 0 calc(100% - 40px);
}
.section form .box-warning h3{
    font-size: 14px;
    font-weight: 600;
}
.slides-thumb .slick-prev,
.slides-thumb  .slick-next{
    background-color: var(--color-green);
}
.section .listing-features-2cols.bg-white .item-feature, 
.section .listing-features-2cols.bg-white .item-feature{
    background-color: #fff;
}
.section .listing-features-2cols.bg-white .item-feature .feature-number, 
.section .listing-features-2cols.bg-white .item-feature .feature-number {
    color: var(--color-greenlight);
    background-color: var(--color-light1);

}
.section .listing-features-2cols.bg-white .item-feature h3,
.section .listing-features-2cols.bg-white .item-feature p{
    color: var(--color-tertiary);
}
.section .listing-features-2cols.bg-white .item-feature p{
    font-size: 16px;
}
.section .listing-features-2cols.bg-white .item-feature .feature-text {
    max-width: 600px;
}
.bg-linePattern::before{
    background: url('../img/line-pattern.png') no-repeat center transparent;
    background-size: contain;
    width: 298px;
    height: 300Px;
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    bottom: 0;
    z-index: -1;
}
.bg-linePattern img{
    max-width: 400px;
}
.section-thumbRight.bg-linePattern::before{
    right: auto;
    left: 15px;
}
.listing-countries .container{
    max-width: 1000px;
}
.section-banner .breadcrumb {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.section-banner .breadcrumb li + li::before {
  content: "›";
  padding: 0 10px 0 0 ;
  color: var(--color-breadcrumbs);
  font-size: 18px;
}

.section-banner .breadcrumb a,
.section-banner .breadcrumb li {
  text-decoration: none;
  color: var(--color-breadcrumbs);
  font-size: 12px;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
}
.section-bg-map .container{
    max-width: 800px;
}
.section-banner .breadcrumb li[aria-current="page"] {
  color: var(--color-breadcrumbs);
}
.section-banner .breadcrumb a:hover {
    font-weight: 600;
}
/******Gouvernance*******/
.section .person-card{
    max-width: 100%;
    width: 300px;
}
.section .person-card img{
    height: 296px;
    width: 100%;
    object-fit: cover;
    margin: 0 auto;
}
.section .person-card h4,
.section .title-row h3{
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: var(--color-primary);
}
.section .person-card  .person-card-job{
    font-size: 16px;
    color: #087443;
}
.section .title-row{
    position: relative;
    min-height: 1px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.section .title-row::before {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    background-color: #E9EAEB;
}
.section .title-row h3,
.section .title-row h4{
    display: inline-block;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.section .step-form .title-row  h4{
    font-size: 16px;
}
.section .title-row:has(h3)::before,
.section .title-row:has(h4)::before{
    position: absolute;
    top: 50%;
}
.section-products-values .item-value .item-value-content{
    box-shadow: 0px 1px 2px 0px #0A0D120D;
    border: 1px solid;
    border-image-source: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);

}
.section .listing-faq .faqs{
    max-width: 710px;
    margin: 0 auto;
}
.section .listing-faq .faqs .faq-item{
    border-bottom: 1px solid #E9EAEB;
    padding: 24px 0;
}
.section .listing-faq .faqs .faq-item h3{
    margin: 0 0 5px;
    position: relative;
    font-weight: 700;
    color: var(--color-primary);
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.section .listing-faq .faqs .faq-item h3::after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/plus-circle.svg') no-repeat center center transparent;
    background-size: contain;
}
.section .listing-faq .faqs .faq-item .active h3::after{
    background-image: url('../img/minus-circle.svg');
}
.section .listing-faq .faqs .faq-item{
    font-size: 16px;
    line-height: 24px;
}
.section .listing-faq .faqs .faq-content{
    display: none;
}
.section .listing-faq .faqs .faq-header{
    cursor: pointer;
}
.section .box-faq-contact img{
    border-radius: 50%;
    width: 56px;
    height: 56px;
    object-fit: cover;
}
.section .box-faq-contact  h3{
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--color-primary);
}
.section .box-faq-contact p{
    font-size: 18px;
    line-height: 28px;
}
.section  .tabs-menu-products .tabs{
     display: flex;
     margin-bottom: 0;
     text-align: center;
     width: 100%;
     flex-wrap: wrap;
}
.section  .tabs-menu-products .tabs .tab{
    text-transform: uppercase;
    flex: 1;
}
.section  .tabs-menu-products .tabs .tab {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    color: var(--color-quaternary);
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    box-shadow: none;
    background: none transparent;
    outline: 0 none;
    text-align: center;
    padding: 8px 12px;
}
.section  .tabs-menu-products .tabs .tab img.active-icon,
.section  .tabs-menu-products .tabs .tab.active img{
    display: none;
}
.section  .tabs-menu-products .tabs .tab.active{
    color: #fff;
    background: linear-gradient(90deg, #2A893D 0%, #7DAC36 50%, #B9CF26 100%);
}
.section  .tabs-menu-products .tabs .tab.active img.active-icon{
    display: block;
}
.section  .tabs-menu-products .tab-content { 
    display: none; 
    padding: 32px 48px; 
    background: var(--color-green); 
    color: #fff; 
    width: 100%;
    text-transform: uppercase;
}
.section  .tabs-menu-products .tab-content ul,
.section-other-products .features-services ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    
}
.section  .tabs-menu-products .tab-content ul li a{
    color: #fff;
    text-decoration: none;
}
.section  .tabs-menu-products .tab-content ul ul {
    position: relative;
}
.section  .tabs-menu-products .tab-content .submenuHover{
    /*position: absolute;
    width: 100%;
    left: 100%;*/
    z-index: 1;
    top: 0;
    padding: 8px 16px;
    background: #7DAC364D;
    gap: 8px;
    display: none;
}
.section  .tabs-menu-products .tab-content .has-submenuHover{
    background: #7DAC364D;
    padding-left: 8px;
}
.section  .tabs-menu-products .tab-content .col > ul > li > ul > li{
    padding-left: 8px;
}
.section  .tabs-menu-products .tab-content ul ul li:last-child a,
.section .tabs-menu-products .menu-grid .col ul li.has-submenuHover > a{
    border: none;
}
.section .tabs-menu-products .menu-grid .menu-level > li > ul > li{
    padding-right: 8px;
}
.section  .tabs-menu-products .tab-content.active { 
    display: block; 
}
.section  .tabs-menu-products{
    font-family: var(--secondary-font-family);
}
.section  .tabs-menu-products .menu-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;

}
.section  .tabs-menu-products .tab-content-text{
    max-width: 680px;
    padding-bottom: 20px;
}
.section  .tabs-menu-products .tab-content-text p{
    text-transform: none;
    font-size: 14px;
    
}
.section  .tabs-menu-products .menu-grid .col {
    flex: 1 1 0;
    min-width: 0;
}
.section  .tabs-menu-products .menu-grid .col:has(.has-submenuHover),
.section  .tabs-menu-products .menu-grid .col .col-menu-level{
    /*flex: 0 0 calc(50% - 70px);*/
}
.section  .tabs-menu-products .menu-grid .col  ul  li,
.section-other-products .features-services ul li {
    position: relative;
}
.section  .tabs-menu-products .menu-grid .col  ul  li  a,
.section-other-products .features-services ul li a{
    padding: 6px 0 10px 0;
    font-size: 16px;
    border-bottom: 1px solid var(--color-yellow);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.section  .tabs-menu-products .menu-grid .col  ul li.has-children > a::after{
    display: none;
}
.section  .tabs-menu-products .menu-grid .col  ul li a::after,
.section-other-products .features-services ul li a::after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url('../img/arrow-up-right.svg') no-repeat center center transparent;
    background-size: contain;
}
.section  .tabs-menu-products .menu-grid .col  ul li.has-children li > a::after{
    display: block;
}

.section  .tabs-menu-products .menu-grid  .col:has(.has-submenuHover) > ul > li > ul,
.section  .tabs-menu-products .menu-grid .col .col-menu-level > ul > li > ul {
    /*flex: 0 0 50%;
    width: 50%;*/
}
.section .tabs-menu-products .tab-content .col > ul{
    gap: 30px;
}
.section .menu-header select{
    appearance: none;
    background: #0E5A1D;
    padding: 8px 30px 8px 12px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border: none;
    outline: none;
    width: 100%;
    cursor: pointer;
}
.section .menu-header .selectType{
    position: relative;
    background: #0E5A1D;
    width: auto;
    max-width: 183px;
}
.section .menu-header .selectType::after {
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 15px;
    color: var(--color-yellow);
    right: 15px;
}
.section.section-banner-thumb{
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section.section-banner-thumb::before{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg, rgba(42, 137, 61, 0.3) 0%, rgba(125, 172, 54, 0.5) 50%, rgba(185, 207, 38, 0.9) 100%);
    background-blend-mode: multiply;
    content: '';
    display: block;
}
.section.section-banner-thumb > div{
    position: relative;
    padding-bottom: 30px;
}
.section.section-banner-thumb::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 82px;
    z-index: 1;
    background: url('../img/horizontal-bottom.png') no-repeat bottom center transparent;
    background-size: cover;
}
.section .table-list table td,
.section .table-list table th{
    padding: 12px 25px;
    color: var(--color-tertiary);
    border: 1px solid #8BBE87;
    box-shadow: none;
}
.section .table-list th{
    color: var(--color-tertiary);
}
.section  table ul{
    margin: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.section  table ul.checked-list li {
    padding-left: 20px;
    background: url('../img/icon-checked.svg') no-repeat left 5px transparent;
    background-size: 14px 14px;
    font-size: 18px;
}
.section .steps-table-carreers{
    border: 1px solid #8BBE87;
}
.section .steps-table.steps-table-carreers .tab{
    flex: 0 0 calc(33.333% - 10px) ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none transparent;
    border: none !important;
    align-items: center;
    text-align: center;
    font-size: 14px;
}
.section .steps-table.steps-table-carreers .feature-number,
.section.section-features-careers  .listing-features .item-feature .feature-number {
    background-color: #8BBE87;
    border-radius: 50%;
    color: #fff;
}
.section .steps-table.steps-table-carreers h3,
.section.section-features-careers .listing-features .item-feature:nth-child(odd) h3,
.section.section-features-careers .listing-features h3{
    font-size: 18px;
    color: var(--color-tertiary);
    text-transform: none;
    font-weight: 700;
}
.section.section-features-careers  .listing-features .item-feature .feature-text{
    color: var(--color-tertiary);
    max-width: 100%;
}
.section-network-ressources .info-network .info-network-content {
    background-color: var(--color-light2);
}
.section-network-ressources .info-network:nth-child(even) .info-network-content {
    background-color: var(--color-light1);
}
.section-network-ressources div .listing-network-infos{
    margin: 0;
}
.section-network-ressources .listing-network-infos .info-network{
    padding: 0;
}
.section-network-ressources .listing-network-infos .info-network a{
    color: var(--color-green);
    font-weight: 700;
}
.section .table-docs{
    border: 1px solid #E9EAEB;
    box-shadow: 0px 1px 2px 0px #0A0D120D;

}
.section .table-docs h2{
    padding: 20px 24px;
    margin: 0;
    font-size: 18px;
    border-bottom: 1px solid #E9EAEB;
}
.section .table-docs table th,
.section .table-docs table td{
    padding: 12px 24px;
}

.section .table-docs table th{
    color: var(--color-quaternary);
    font-size: 12px;
    line-height: 18px;
}
.section .table-docs .file-info{
    display: flex;
    gap: 15px;
}
.section .table-docs .file-info span{
    display: block;
}
.section .table-docs .file-info span,
.section .table-docs table td{
    font-size: 14px;
    color: var(--color-tertiary);
}
.section .table-docs .file-info .file-name{
    color: var(--color-primary);
}
.section .table-docs .download a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-green);
    gap: 5px;
    font-size: 14px;
    font-weight: 700;
}
.section .table-docs .download a:hover{
    opacity: 0.7;
}
.section .table-docs table tbody tr:nth-child(odd) td{
    background-color: #FDFDFD;
}
.section .table-docs table tbody tr:last-child td{
    border: none;
}
.section .filter-table .filter-table-header ul{
    list-style: none;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.section .filter-table .filter-table-header ul li a{
    text-decoration: none;
    display: block;
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid  rgb(213, 215, 218, 0.5);
    color: var(--color-secondary);
}
.section .filter-table .filter-table-header ul li .active,
.section .filter-table .filter-table-header ul li a:hover{
    background-color: var(--color-light1);
}
.section .filter-table .filter-table-header form{
    padding: 10px 14px 10px 40px;
    border: 1px solid  #D5D7DA;
    background: url('../img/search-icon.svg') no-repeat 10px center #fff;
}
.section .filter-table .filter-table-header form input{
    background: none transparent;
    border: none;
    outline: 0 none;
}
.section .filter-table .filter-item-thumb{
    height: 256px;
    overflow: hidden;
}
.section .filter-table .filter-item-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in;
}
.section .filter-table  .filter-item-content:hover img{
    transform: scale(1.02);
}
.section .filter-table  .filter-item-content{
    height: 100%;
    border: 1px solid #8BBE87;
    background-color: var(--color-light2);
    position: relative;
}
.section .filter-table .filter-item .filter-cat{
    display: inline-block;
    background-color: var(--color-light1);
    padding: 4px 10px;
    font-weight: 700;
    font-size: 12px;
    color: #0E5A1D;
}
.section .filter-table .filter-item .filter-item-infos{
    align-items: flex-start;
}
.section .filter-table .filter-item .filter-item-infos > div{
    width: 100%;
}
.section .filter-table .filter-item  .file-info-text{
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    display: flex;
}
.section .filter-table .filter-item  .file-name{
    color: #000;
}
.section .filter-table .filter-item  .file-download{
    display: inline-block;
    color: var(--color-green);
    font-weight: 700;
    text-decoration: none;
    background: url('../img/icon-download-file.svg') no-repeat left center transparent;
    padding-left: 25px;
}
.section .filter-table .filter-item  .file-date{
    font-size: 14px;
}
.section .pagination a{
    font-weight: 400;
    color: var(--color-secondary);
    font-size: 14px;
}
.section .pagination .page-numbers{
    padding: 0 15px;
    border-left: 1px solid #8BBE87;
    border-right: 1px solid #8BBE87;
    font-size: 14px;
}
.section .box-formLoan.form-container{
    border: 1px solid #8BBE87;
    max-width: 960px;
}
.section  .field{
    margin-bottom: 15px;
}
.section .box-formLoan h3{
    font-size: 18px;
}
.section .box-formLoan .text-advice{
    font-size: 12px;
}
.section  form .field-rate{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    color: #717680;
    font-size: 16px;
}
.section  form .amount-rate{
    font-size: 24px;
    font-weight: 700;
    color: #0E5A1D;
}
.section  form  .col-amount{
    border-right: 1px solid #8BBE87;
}

.section .box-formLoan form .btn-submit{
    width: 100%;
}
.section .box-formLoan form  h4{
    font-size: 16px;
    color: #000;
}
.section .box-formLoan form .msg-result{
    color: #717680;
    text-align: center;
    max-width: 250px;
    display: block;
    margin: 0 auto;
}
.section .box-formLoan form .msg-result::before{
    content: '';
    display: block;
    background: url('../img/calculator-icon.svg') no-repeat left center transparent;
    background-size: contain;
    margin: 0 auto;
    width: 48px;
    height: 48px;
}
.section .box-formLoan form  .info-row.line .amount-green{
    color: var(--color-green);
}
.section .box-formLoan form .info-row{
    color: #717680;
    font-size: 14px;
    font-style: italic;
}
.section .box-formLoan form .info-row.line{
    font-size: 16px;
    font-style: normal;
}
#scrollTop{
    background-color: #fff;
    color: var(--color-green);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: none transparent;
    display: none;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    position: fixed; 
    bottom: 137px;
    right: 30px;
    z-index: 99;
    box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);
    border: 1px solid var(--color-greenlight);
}
#scrollTop:hover{
    background-color: var(--color-greenlight);
    color: #fff;
}
.section-other-products .features-services{
    border: 1px solid #8BBE87;
}
.section-other-products .features-services .item-feature{
    border-right: 1px solid #8BBE87;
}
.section-other-products .features-services .item-feature:last-child{
    border: none;
}
.section-other-products .features-services h3{
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--color-green);
}
.section-other-products .features-services p{
    font-size: 16px;
}
.section-other-products .features-services ul{
    list-style: none;
    padding: 0 15px;
}
.section-other-products .features-services ul li a::after{
    background-image: url('../img/arrow-up-right-green.svg');
}
.section-other-products .features-services ul li a{
    text-decoration: none;
    font-size: 12px;
    color: var(--color-green);
    text-transform: uppercase;
    border-bottom-color: #8BBE87;
}
.section-other-products .features-services ul li a:hover{
    color: var(--color-greenlight);
}
.section .listing-features .item-feature:nth-child(even), 
.section .listing-features .item-feature:nth-child(odd) .feature-number,
.section .listing-features.listing-features-2cols .item-feature:nth-child(3n),
.section .listing-features.listing-features-2cols .item-feature:nth-child(4n) .feature-number{
    background-color: var(--color-greenlight);
    
}
.section .listing-features .item-feature:nth-child(even),
.section .listing-features.listing-features-2cols .item-feature:nth-child(3n){
    color: #fff;
}
.section .listing-features .item-feature:nth-child(odd), 
.section .listing-features .item-feature:nth-child(even) .feature-number,
.section .listing-features.listing-features-2cols .item-feature:nth-child(4n),
.section .listing-features.listing-features-2cols .item-feature:nth-child(3n) .feature-number{
    background-color: var(--color-light1);
}
.section .listing-features.listing-features-2cols .item-feature:nth-child(4n){
    color: var(--color-tertiary);
}
.section .form-container  .iti__country-container button{
    background-color: transparent;
    color: var(--color-tertiary);
}
.section .form-bbb .field-groupFour .field-codeBank,
.section .form-bbb .field-groupFour .field-codeAgency{
    flex: 0 0 100px;
}
.section .form-bbb .field-groupFour .field-keyAccount{
    flex: 0 0 60px;
}
.section .form-bbb .field-groupFour  .field-noAccount{
    flex: 0 0 190px;
}
.section .box-form-1 .fields-radio-circle .field-radio{
    flex: 0 0 calc(50% - 10px);
    margin: 0;
}
.section .tabs-pack-container .tabs-pack:not(:first-of-type){
    display: none;
}
.section .form-container .box-form td.uncheck {
    text-align: center;
    color: #FDA29B;
}
.section  .tabs-pack-container .tabs-pack{
    display: flex;
    flex-wrap: wrap;
}
.section  .tabs-pack-container .tabs-pack .tabs{
    flex: 0 0 30px;
    width: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    text-align: center;
}
.section  .tabs-pack-container .tabs-pack .tab-content{
    flex: 0 0 calc(100% - 30px);
    width: calc(100% - 30px);
    background-color: var(--color-light1);
    border: 1px solid rgba(139, 190, 135, 0.5);
    padding: 24px;
}
.section  .tabs-pack-container .tabs-pack table{
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    border-color: rgba(139, 190, 135, 0.5);
}
.section  .tabs-pack-container .tabs-pack .tab-button.active::before,
.section  .tabs-pack-container .tabs-pack .tab-button::before{
    display: none;
}
.section  .tabs-pack-container .tabs-pack .tab-button{
    background-color: #fff;
    font-size: 12px;
    font-weight: 700;
    color: #717680;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 5px 0;
    flex: 1;
    text-align: center;
    display: block;
    text-transform: uppercase;
    cursor: none;
}
.section  .tabs-pack-container .tabs-pack .tab-content h3{
    font-size: 14px;
    color: var(--color-secondary);
}
.section  .tabs-pack-container .tabs-pack .tab-button.active{
    background-color: var(--color-green);
    color: #fff;
}
.section .tabs-pack-container .tabs-pack table td{
    background: none transparent;
    font-size: 10px;
}
.section-steps-formElectronics form  .fields-btn input,
.section-steps-formElectronics form  .fields-btn button,
.section-steps-formElectronics form .field-checkbox{
    max-width: 500px;
    margin: 0 auto;
}
.section-steps-formElectronics form .title-row h3{
    background-color: #FAFAFA;
    font-size: 12px;
}
.section .form-container .adding-accounts #account1{
    border: none;
}
.section .box-form .field-withHover{
    position: relative;
}
.section .box-form .field-withHover .field-withHover-text{
    background-color: var(--color-green);
    color: #fff;
    font-size: 10px;
    padding: 15px;
    position: absolute;
    bottom: 100%;
    left: -15px;
    width: 220px;
    display: none;
}
.section .box-form .field-withHover:hover .field-withHover-text{
    display: block;
}
.section .box-form .field-withHover.field-withHover-bottom .field-withHover-text{
    top: 100%;
    bottom: auto;
}
.section .box-form .field-withHover .field-withHover-text::before{
    content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: var(--color-green);
	transform: rotate(45deg);
    bottom: -5px;
    right: 50%;
}
.section .box-form .field-withHover.field-withHover-bottom .field-withHover-text::before{
    bottom: auto;
    top: -5px;
}
.section .box-form .field-withHover .field-withHover-text h4{
    font-size: 12px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}
.section .box-form .field-withHover .field-withHover-text .line{
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    border-bottom: 1px solid rgba(139, 190, 135, 0.5);
    padding-bottom: 5px;
}
.section .box-form .field-withHover .field-withHover-text .amount{
    font-size: 12px;
    font-weight: 700;
    color: var(--color-yellow);
}
.section .box-form .field-withHover .field-withHover-table{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.section .box-form .fields-radio-circle .field-withHover {
    padding: 5px 0;
}
.section.section-timeline .timeline{
    display: flex;
    flex-wrap: wrap;
}
.section.section-timeline .timeline::before{
    display: none;
}
.section.section-timeline .timeline .year{
    flex: 1;
    background: var(--color-greenlight);
}
.section.section-timeline .timeline .year:nth-child(even){
    background: var(--color-green);
}
.section.section-timeline .year .year-content h3{
    text-align: center;
    font-size: 48px;
    letter-spacing: -0.02px;
    position: relative;
}
.section.section-timeline .year .year-content h3::after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    bottom: -50px;
    position: absolute;
    left: calc(50% - 6px);
}
.section.section-timeline .year .year-content{
    width: 100%;
    max-width: 100%;
    gap: 100px;
}
.section.section-timeline  .timeline::before {
    width: 75%;
    left: 12.5%;
    height: 1px ;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    content: '';
    display: block;
    top: 147px;
}
.section .featureAbout .section-head h2{
    font-size: 24px;
    line-height: 34px;

}
.section .featureAbout .section-head{
    padding: 34px 30px;
    background-color: #fff;
    height: 100%;
}
.section .featureAbout:nth-child(even) .section-head{
    background-color: var(--color-light2);
}
.section .featureAbout ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.section .featureAbout ul li{
    padding-left: 30px;
    background: url('../img/icon-checked.svg') no-repeat left 5px transparent;
    font-size: 18px;
}

.section-simple-content h2{
    font-size: 20px;
}
.section-simple-content p{
    text-align: justify;
}

.section ul.list-checked{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.section ul.list-checked li{
    padding-left: 30px;
    background: url('../img/icon-checked.svg') no-repeat left 5px transparent;
}
.section .tab-contents a{
    color: var(--color-greenlight);
    text-decoration: none;
}
.section .list-services-boxes .item-service{
    flex: 0 0 33.33333%;
    overflow: hidden;
    position: relative;
}
.section .list-services-boxes .item-service .item-service-content {
    height: 300px;
    width: 100%;
}
.section .list-services-boxes .item-service img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section .list-services-boxes .item-service .service-title {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 64px;
    background-color: rgba(0, 131, 37, 0.8);
    width: 100%;
    padding: 2px 15px;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section .list-services-boxes{
    /*gap: 30px 0;*/
}
.section .list-services-boxes .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: 40px;
    line-height: 45px;
    color: #fff;
    flex-direction: column;
    text-align: center;
    word-break: break-word;
}
.section .list-services-boxes .item-service .service-title h3 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0;
}
.section .list-services-boxes .item-service a span.read-more {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 64px;
    z-index: 1;
    font-size: 18px;
    display: flex;
    line-height: 21px;
    background-color: var(--color-greenlight);
    font-weight: 700;
    justify-content: center;
    align-items: center;
}
.section .list-services-boxes  .item-service:hover a {
    top: 0;
    background-color: rgba(0, 131, 37, 0.8);
}
.section .list-services-boxes .item-service:hover a span.read-more {
    bottom: 0;
    top: auto;
    color: #fff;
}
.section .list-services-boxes .item-service:hover h3{
    display: none;
}
/* Responsive mobile */
@media (max-width: 1399px) {
    .site .container, .site .container-lg, 
    .site .container-md, .site .container-sm,
    .site .container-xl, .site .container-xxl {
        max-width: 1200px;

    }
}
@media (min-width: 1024px) {
    .container-custom {
        max-width: 1600px;
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 1500px) {
    .section-blog-subscribe .blocks-news .post-news h3 {
        font-size: 32px;
        line-height: 45px;
    }
    .section .listing-services .service {
        padding: 25px;
    }
    .section .listing-services .service .service-content::after{
        right: -25px;
    }
    .section-featured-post .post .post-thumb img {
        max-height: 600px;
    }
}
@media (max-width: 1300px) {
    .section .listing-services h3{
        font-size: 15px;
    }
    .section .listing-services .service{
        padding: 10px;
    }
    .section .listing-services .service .service-content::after{
        right: -10px;
    }
    .section .block-slide .slide-thumb-content {
        min-height: 500px;
    }
    .site-header .header-menu .btn{
        padding: 9px 13px;
    }
    .section .listing-keys .key .value-key {
        font-size: 40px;
    }
    .section-banner h1{
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .section .year .year-content {
        max-width: 400px;
    }
    .section .timeline::before {
        top: 20%;
    }
    .section-network .info-network-content p, 
    .section-network .info-network-content ul {
        min-height: 100px;
    }
    .section-blog-subscribe .blocks-news .post-news h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .section .tabs-menu-products .menu-grid{
        gap: 50px;
    }
}

@media (max-width: 1023px) {
    .section .listing-services .service {
        padding: 10px;
        flex: 0 0 33%;
    }
    .section .listing-services .service:nth-child(3n) .service-content::after {
        display: none;
    }
    .section .listing-services{
        flex-wrap: wrap;
    }
    .section-blog-subscribe .block-slide {
        width: 100%;
        height: 700PX;
    }
    .section .block-slide .slide-thumb-content {
        min-height: 450px;
    }
    .section-blog-subscribe .block-newsletter .block-newsletter-form {
        padding-top: 30px;
    }
    .section-blog-subscribe .block-newsletter h2 {
        font-weight: 700;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .section-blog-subscribe .block-newsletter .block-newsletter-content{
        max-width: 100%;
    }
    .site-footer  .footer-menus-content > div{
        flex-direction: column;
    }
    .site-footer .footer-menus-content > div > div{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .site-footer .footer-right{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: space-between;
    }
    .site-footer .footer-menus .footer-menu{
        max-width: 500px;
        flex: 1;
    }
    .site-footer .footer-codeBar{
        max-width: 300px;
    }
    .site-footer  .footer-menus{
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .section .tabs-container{
        flex-direction: column;
        flex-wrap: wrap;
    }
    .section .tabs,
    .section .tab-content{
        width: 100%;
    }
    .section  .listing-keys{
        gap: 15px;
    }
    .section .listing-keys .key {
        flex: 0 0 calc(50% - 10px);
    }
    .section .listing-keys .key .value-key {
        font-size: 30px;
    }
    .section-slideshow .slide-item h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .section-slideshow .slick-prev, .section-slideshow .slick-next {
        width: 40px;
        height: 40px;
    }
    .section-slideshow .slide-item-content {
        position: relative;
        padding: 100px 0 100px;
        min-height: 400px;
    }
    .section-slideshow .slick-dots {
        bottom: 50px;
    }
    .section-blog-subscribe .blocks-news .post-news .post-news-content,
    .section-blog-subscribe .block-newsletter .block-newsletter-content{
        padding: 0;
    }
    .section-banner h1{
        font-size: 2rem;
        line-height: 2.5rem;
    }
     .section .timeline::before {
        display: none;
    }
    .section .year .year-content{
        width: 100%;
        max-width: 500PX;
    }
    .section .timeline .year:nth-child(even){
        text-align: end;
    }
    .section-featured-post .post .post-thumb img {
        max-height: 500px;
    }
    .section-featured-post .post .post-thumb {
        margin-top: -100px;
    }
    .section-post .slides-thumb{
        margin-top: -40px;
    }
    .section .tabs-menu-products .menu-grid .col{
        flex: 0 0 calc(50% - 30px);
    }
    .section-blog-subscribe .block-newsletter .block-newsletter-content {
        padding-top: 60px;
    }
    .section .tabs-menu-products .tab-content{
        padding: 15px;
    }
    .section .tabs-menu-products .tabs .tab{
        font-size: 12px;
        padding: 8px;
        gap: 10px;
    }
    .section .tabs-menu-products .menu-grid {
        gap: 30px;
    }
    .section .tabs-menu-products .menu-grid .col ul li a{
        font-size: 14px;
    }
    .section .tabs-menu-products .tab-content .col > ul {
        gap: 15px;
    }
    .section .table-docs .file-info span, .section .table-docs table td {
        font-size: 12px;
    }
    .section .table-docs table th, .section .table-docs table td,
    .section .table-docs h2,
    .section .table-docs table .download a {
        padding: 12px;
    }
    .section.section-timeline .year .year-content {
        width: 100%;
        max-width: 100%;
        gap: 50px;
        text-align: left;
    }
    .section.section-timeline .year .year-content h3 {
        font-size: 30px;
    }
    .section.section-timeline .timeline::before {
        top: 109px;
    }
    .section.section-timeline .year .year-content h3::after {
        bottom: -23px;
    }
    .section.section-timeline .timeline .year{
        padding: 20px;
    }
    .section .featureAbout .section-head{
        padding: 20px;
    }
     .section .list-services-boxes .item-service {
        flex: 0 0 50%;
    }
}
@media (min-width: 769px) {
    .section .steps3-table .tab{
        flex: 0 0 33.333%;
        border-bottom: none;
    }
    .section .steps-table .tab:nth-child(even) {
        border-right: 1px solid var(--color-greenlight);
    }
    .section .steps3-table .tab:nth-child(3n) {
        border-right: none;
    }
    
}
@media (max-width: 991px) {
    .section .table-docs {
        border: none;
        box-shadow: none;
        background-color: transparent !important;
    }
    .section .table-docs h2 {
        padding: 0;
    }
    .section .filter-table-header{
        flex-direction: column;
    }
    .section .filter-table .filter-table-header form,
    .section .filter-table .filter-table-header form input{
        width: 100%;
    }
    .section  form  .col-amount{
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-right: none;
        border-bottom: 1px solid #8BBE87;
    }
    .site-header{
        background-color: #fff;
    }
    .section-blog-subscribe::before{
        display: none;
    }
    .section-blog-subscribe .block-slide,
    .section-blog-subscribe .blocks-news {
        height: auto;
    }
    .section-blog-subscribe .block-newsletter .title-newsletter{
        top: auto;
    }
    .section-blog-subscribe .block-newsletter .block-newsletter-content{
        padding-top: 30px;
        background-color: var(--color-greenlight);
    }
    .section-blog-subscribe .title-blog{
        top: -90px;
    }
    .section-blog-subscribe .block-newsletter .block-newsletter-form {
        padding-top: 0;
    }
    .section-blog-subscribe {
        margin-top: 100px;
    }

}
@media (max-width: 768px) {
     
      .tabs-container,
      .section .tab-content .tab-content-agency {
        flex-direction: column;
        flex-wrap: wrap;
      }

      .tabs, .tab-content {
        width: 100%;
      }

    .tab-content {
        border-bottom: 1px solid #ccc;
    }
    .section-slideshow .slide-item-content {
        min-height: 300px;
    }
    .section-slideshow .slick-prev, 
    .section-slideshow .slick-next {
        opacity: 0;
        display: none;
    }
    .section-slideshow .slick-dots {
        bottom: 30px;
    }
    .section-slideshow .slide-item h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0;
    }
    .section .listing-services .service {
        padding: 10px;
        flex: 0 0 50%;
    }
    .section .listing-services .service:nth-child(3n) .service-content::after {
        display: block;
    }
    .section .listing-services .service:nth-child(2n) .service-content::after {
        display: none;
    }
    .section .listing-services h3 {
        font-size: 12px;
    }
    .section-blog-subscribe .blocks-news .post-news h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .section .block-slide .slide-thumb-content {
        min-height: 400px;
    }
    .site-footer-content {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .site-footer .site-footer-copyright .footer-copyright-content{
        flex-direction: column;
        flex-wrap: wrap;
    }
    .section-keys .section-headLeft {
        text-align: center;
        justify-content: center;
        align-items: center;
        gap: 10Px;
        padding-bottom: 30px;
    }
    .section-banner h1{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .section-banner {
        min-height: 150px;
    }
    .section-blog-subscribe .blocks-news .post-news h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .section .section-headLeft {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .section .section-head h2 {
        font-size: 25px;
    }
    .section .section-head p {
        font-size: 16px;
        line-height: 25px;
    }
    .section .responsive-table .tab{ 
        flex-direction: column;
        flex-wrap: wrap;
        padding: 15px;
    }
    .section .responsive-table .tab > div {
        flex: 0 0 100%;
        padding: 15px;
    }
    .section  .tab-contents {
        display: none;
        flex-direction: column;
    }
    .section .responsive-table .tab::before{
        display: none;
    }
    .section  .tab.active .tab-contents {
        display: flex;
        padding: 15px 0;
    }
    .section .responsive-table .tab .tab-header{
        padding: 0;
        font-size: 16px;
        line-height: 25px;
        padding-right: 20px;
    }
    .section .responsive-table .tab ul li {
        font-size: 14PX;
        line-height: 24px;
    }
    .section .responsive-table .tab .tab-header::after{
        position: absolute;
        content: "\2b";
        font-family: "Font Awesome 6 Free";
        right: 15px;
        top: 15px;
    }
    .section .responsive-table .tab.active .tab-header::after{
        content: "\f068";
    }
    .section .responsive-table .tab ul li {
        padding-left: 29px;
        background-size: 20px;
    }
    .section .form-container .form-fields,
    .section .form-container .fields-group {
        gap: 15px;
    }
    .section .responsive-table:not(:has(.tab-header)) .tab-contents{
        display: block;
    }
    
    .section-featured-post .post .post-thumb img {
        max-height: 500px;
    }
    .section-featured-post .post .post-thumb {
        margin-top: 0;
    }
    .section-post .slides-thumb {
        margin-top: 0;
    }
    .section-steps-form .step-form > .field-group,
    .section form .fields-radio .field-group,
    .section .steps-table{
        flex-direction: column;
    }
    .section .steps-table .tab{
        padding: 15px;
        gap: 10px;
    }
    .section .steps-table .tab-contents{
        display: block;
    }
    .section .steps-table .tab-contents h3{
        font-size: 14px;
        line-height: 20px;
    }
    .section .steps-table .tab:nth-child(3) {
        border-bottom: 1px solid var(--color-greenlight);;
    }
    .section .steps-table .tab{
        border-right: 0 !important;
    }
    .section .progressbar li {
        flex: 0 0 150px;
        padding-bottom: 15px;
    }
    .section .multisteps-form ul.progressbar {
        justify-content: center;
    }
    .section .progressbar li::after{
        display: none;
    }
    .section-post .post-thumbnail img{
        height: 400px;
    }
    .section-slideshow .slick-prev, .section-slideshow .slick-next, 
    .slides-thumb .slick-prev, .slides-thumb .slick-next{
        width: 40px;
        height: 40px;
    }
    .section-slideshow .slick-prev, 
    .slides-thumb .slick-prev {
        left: 25px;
    }

    .section-slideshow .slick-next, 
    .slides-thumb .slick-next {
        right: 25px;
    }
    .slides-thumb .slick-dots{
        display: none !important;
    }
    .section .person-card-details{
        text-align: center;
    }
    .section-steps-form .step-form .box-form .field-group-form {
        align-items: flex-start;
    }
    .section .form-container .box-form .box-form-content{
        padding: 16px;
    }
    .section .form-container .box-form .box-form-choice label{
        font-size: 14px;
        padding-left: 30px;
    }
    .section .form-container .box-form .box-form-content .box-form-title{
        padding-bottom: 15px;
    }
    .section-banner p br{
        display: none;
    } 
    .section .tabs-menu-products .tabs .tab{
        flex: 0 0 50%;
        justify-content: flex-start;
    }
    .section .tabs-menu-products .menu-grid .col:has(.has-submenuHover), 
    .section .tabs-menu-products .menu-grid .col .col-menu-level {
        flex: 0 0 calc(50% - 20px);
    }
    .section  table ul.checked-list li {
        font-size: 14px;
    }
    .section .table-list th {
        font-size: 12px;
    }
    .section .table-list table td, .section .table-list table th {
        padding: 5px;
    }
    .section .steps-table.steps-table-carreers .tab{
        flex: 0 0 calc(50% - 10px) ;
    }
    .section .form-bbb .field-groupFour .field-codeBank,
    .section .form-bbb .field-groupFour .field-codeAgency{
        flex: 0 0 auto;
    }
    .section .form-bbb .field-groupFour .field-keyAccount{
        flex: 0 0 auto;
    }
    .section .form-bbb .field-groupFour  .field-noAccount{
        flex: 0 0 auto;
    }
    .section .field-group .field {
        margin-bottom: 0;
    }
    .section.section-timeline .timeline .year {
        flex: 0 0 50%;
        width: 50%;
    }
    .section.section-timeline .timeline::before,
    .section.section-timeline .year .year-content h3::after {
        display: none;
    }
    .section.section-timeline .year .year-content {
        gap: 20px;
    }
    .section .year .year-content .year-title {
        font-size: 16px;
        line-height: 26px;
    }
    .section.section-timeline .year .year-content h3 {
        font-size: 20px;
        line-height: 25px;
        text-align: left;
    }
    .site-footer .footer-menus{
        flex-direction: column;
    }
    .site-footer .title-footer {
        cursor: pointer;
        position: relative;
        display: flex;
        justify-content: space-between;
        max-width: 250px;
        gap: 15px;
        align-items: center;
    }
    .site-footer .footer-menus-content > div > div {
        flex-direction: column;
    }
    .site-footer .footer-right{
        padding-bottom: 15px;
    }
    .site-footer .title-footer::after {
        content: "+";
        display: block;
        right: 0;
        transition: transform 0.3s;
        font-size: 20px;
        font-weight: 200;
    }
    .site-footer .title-footer.open::after {
        /*transform: rotate(-180deg);*/
        content: "-";
    }
    .section-blog-subscribe .title-blog, 
    .section-blog-subscribe .block-newsletter .title-newsletter{
        font-size: 25px;
        line-height: 35px;
    }
    .section-blog-subscribe .title-blog {
        top: -75px;
    }
}

@media (max-width: 480px) {
    .section-blog-subscribe .block-slide {
        height: auto;
    }
    .section .block-slide .slide-thumb-content {
        min-height: 420px;
    }
    .section .year .year-content h3 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .section-blog-subscribe .blocks-news .post-news p {
        font-size: 14px;
        line-height: 20px;
    }
    .section .btn {
        font-size: 14px;
        line-height: 20px;
        padding: 12px 10px;
    }
    .section-blog-subscribe .block-newsletter h2,
    body h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .section-blog-subscribe .blocks-news .post-news .post-news-content{
        gap: 75px;
    }
    .section-blog-subscribe .blocks-news .post-news h3 {
        font-size: 21px;
        line-height: 30px;
    }
    .section .form-container .fields-group{
        flex-direction: column;
    }
    .section .form-container .fields-radio{
        flex-direction: row;
        justify-content: flex-start;
    }
    .section .progressbar li,
    .section-steps-form .step-form-infos .info-row .info-details {
        font-size: 12px;
    }
    .section-steps-form .step-form-infos .info-row .info-label {
        font-size: 14px;
        max-width: 150px;
    }
    .site-footer .site-footer-copyright .menu-pages{
        flex-direction: column;
        width: 100%;
        padding-bottom: 10px;
    }
    .site-footer .site-footer-copyright .menu-pages li{
        padding: 0;
    }
    .site-footer .site-footer-copyright .menu-pages li::after{
        display: none;
    }
    .section .tabs-menu-products .menu-grid .col,
    .section .tabs-menu-products .menu-grid .col:has(.has-submenuHover), 
    .section .tabs-menu-products .menu-grid .col .col-menu-level{
        flex: 0 0 100%;
    }
    .section .tabs-menu-products .menu-grid .col ul ul li a {
        font-size: 10px;
    }
    .section .tabs-menu-products .menu-grid {
        gap: 15px;
    }
    .section .filter-table .filter-item-thumb {
        height: 200px;
    }
    .section.section-timeline .timeline .year {
        flex: 0 0 100%;
        width: 100%;
    }
    .section .featureAbout .section-head{
        padding: 15px;
    }
    .section .list-services-boxes .item-service {
        flex: 0 0 100%;
    }
    
}