.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-4e486b45-3c9e-1584-18cc-a7b749641274 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-f295a529-594c-da3d-4ab8-133bc2bd0ef9 {
border-radius: var(--border-radius-sm) !important;
box-shadow: var(--box-shadow-sm) !important;
color: var(--white) !important;
}
.btn-devis-header a {
  background-color: #A1CEBB !important;
  color: white !important;
  padding: 12px 20px 12px 6px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: auto;
  text-align: center;
}

.btn-devis-header a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/documents/d/template-312054/file-text');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease, margin-right 0.3s ease;
  margin-right: 0;
}

/* hover : on aligne à gauche + ajoute padding à droite */
.btn-devis-header a:hover {
  background-color: #85B7A2 !important;
  justify-content: flex-start;
      padding-left: 20px;
    padding-right: 24px;
}

.btn-devis-header a:hover::before {
  opacity: 1;
  transform: translateX(0);
  margin-right: 19px;
}
.lfr-layout-structure-item-fc86afe9-933f-8dda-4a3d-302a218bec05 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
color: #274589 !important;
}
.lfr-layout-structure-item-c1ef4d62-3a27-5995-f707-774d6c00743d {

}

.linkpa a{
color:#fff !important;
}.lfr-layout-structure-item-658135c3-2e97-5905-1837-271aba1eace4 {
font-size: 18px !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
text-align: justify !important;
color: #274589 !important;
}
.lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f {
margin-left: var(--spacer-4,1.5rem) !important;
margin-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f {
 gap: 10px
}.lfr-layout-structure-item-69fb5c0c-0705-032a-384e-b5d0d99d7ad1 {
color: var(--white) !important;
}
.lfr-layout-structure-item-522ddf4d-263d-182e-2c61-5eb83d715525 {
height: 38px !important;
max-height: 38px !important;
max-width: 38px !important;
min-height: 38px !important;
min-width: 38px !important;
text-align: justify !important;
width: 38px !important;
}
.lfr-layout-structure-item-edacd956-ddd8-725d-904c-babd47d9a957 {
display: none !important;
}
.lfr-layout-structure-item-939cdaaa-2673-d5ef-1796-f63f26f5da05 {
max-width: 56px !important;
text-align: center !important;
}
.lfr-layout-structure-item-d0c34082-f38a-cab3-bcfc-546a44ef4d25 {
text-align: center !important;
color: #274589 !important;
}
.title-secion{
    position: relative;
    top: 8px;
}.lfr-layout-structure-item-ae15df8c-9afb-0f23-9686-1d0106e6d8c4 {
max-width: 56px !important;
text-align: center !important;
}
.lfr-layout-structure-item-00a97aa5-da19-c1b4-109b-18c8d9505619 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
text-align: center !important;
}
.btn-hover-energy-sec2 a.btn{
  background-color: #003366 !important;
  color: white !important;
  padding: 12px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-hover-energy-sec2 a.btn::after {
  content: " ➜";
  opacity: 0;
  margin-left: 0px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-5px);
        position: relative;
    top: 1px;
    left: 7px;
}

.btn-hover-energy-sec2 a.btn:hover {
  background-color: #85B7A2 !important;
}

.btn-hover-energy-sec2 a.btn:hover::after {
  opacity: 1;
  transform: translateX(0);
}.lfr-layout-structure-item-01c5f66d-f2c1-44a3-de8f-dae8875c0912 {
background-color: var(--gray-800) !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-01c5f66d-f2c1-44a3-de8f-dae8875c0912) !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.inline-flex{
display: inline-flex;
}
.logo-title{
width:56px;
}
.lfr-layout-structure-item-15bd6e8c-f540-18e3-e786-96ddfd61cc59 {
background-color: #1E3A8A !important;
padding-bottom: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 60px !important;
color: var(--white) !important;
}
.div-footer{
border-radius: 40px 40px 0px 0px;
}.lfr-layout-structure-item-34cebccd-20be-81a8-4dc8-9bbee232f661 {
background-color: #E0F7FB !important;
border-radius: 20px !important;
height: 408px !important;
max-height: 408px !important;
min-height: 408px !important;
padding-top: var(--spacer-3,1rem) !important;
}
.card-energie {
    position: relative;
    overflow: hidden;
}

.card-energie:hover {
    z-index: 10;
}

.card-energie .component-image {
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* This pushes the image to the bottom */
    height: 100%; /* Ensure the container takes full height */
}

.card-energie .component-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
    transform-origin: bottom center;
    /* Remove bottom: 0 as it's not needed with flexbox */
}

.card-energie:hover .component-image img {
    transform: scale(1.15);
}.lfr-layout-structure-item-197e10ce-acd5-5f83-21f3-afff5ad71a3f {
margin-top: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-8d011973-13b6-e4cb-75fb-26ffc8f2d0bc {
font-size: 20px !important;
padding-bottom: 2rem !important;
padding-left: var(--spacer-3,1rem) !important;
color: #272833 !important;
}
.lfr-layout-structure-item-22625f92-3da9-7013-263a-2262259c3add {
font-size: 14px !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-a3477db5-f884-07cd-dffc-69d40084950a {
position: relative;
left: -50px;
float: left;
}.lfr-layout-structure-item-16a319a5-8512-7f91-3ef9-443cb3ce63e0 {
display: none !important;
}
.lfr-layout-structure-item-7d8c5949-3c53-04a4-2acb-a6a199b9b924 {
height: 257px !important;
overflow: hidden !important;
width: 100% !important;
}
.lfr-layout-structure-item-a1c8b555-f4b2-c5ae-bd91-08db157f5977 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-f131b114-ac3a-59b1-920c-0e775a8b991d {
height: 100% !important;
}
.lfr-layout-structure-item-34ba4362-6797-6834-36e4-b35dd5e5262d {
font-family: "Gotham Pro", sans-serif !important;
font-size: 0.9rem !important;
font-weight: var(--font-weight-bold) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
color: #2F2F2F !important;
}
.lfr-layout-structure-item-34ba4362-6797-6834-36e4-b35dd5e5262d {
    
}.lfr-layout-structure-item-acf54c7e-ba6f-5111-4a0b-3d9a9354afe9 {
font-size: 18px !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
text-align: justify !important;
color: #274589 !important;
}
.lfr-layout-structure-item-43c18a4e-9312-c49d-6d8f-5cb59becce3e {
max-width: 56px !important;
text-align: center !important;
}
.lfr-layout-structure-item-5763184a-d902-8953-7f9a-07f6b9b62c2f {
font-size: 18px !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
text-align: justify !important;
color: #274589 !important;
}
.lfr-layout-structure-item-dfeee396-c047-c3ef-5511-f112b0a864b8 {
color: #28478B !important;
}
.lfr-layout-structure-item-082382ea-0a01-b46d-bdd0-0371855c8c8b {
font-size: var(--font-size-sm) !important;
text-align: center !important;
color: #274589 !important;
}
.title-secion{
    position: relative;
    top: 8px;
    font-weight: 700;
    font-style: bold;
}.lfr-layout-structure-item-2e8292d3-d6ef-bdea-06ec-bac2a20a20a2 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
color: #274589 !important;
}
.lfr-layout-structure-item-58a75e98-609b-717a-739b-661f92d1814a {
background-color: #E0EFFF !important;
border-radius: 20px !important;
height: 408px !important;
max-height: 408px !important;
min-height: 408px !important;
padding-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.card-energie {
    position: relative;
    overflow: hidden;
}

.card-energie:hover {
    z-index: 10;
}

.card-energie .component-image {
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* This pushes the image to the bottom */
    height: 100%; /* Ensure the container takes full height */
}

.card-energie .component-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
    transform-origin: bottom center;
    /* Remove bottom: 0 as it's not needed with flexbox */
}

.card-energie:hover .component-image img {
    transform: scale(1.15);
}.lfr-layout-structure-item-17ba00da-6bab-22e5-fc72-a8a844ef0452 {
text-align: center !important;
color: #274589 !important;
}
.title-secion{
    position: relative;
    top: 8px;
font-family: 'Poppins', sans-serif !important;
}.lfr-layout-structure-item-095c88a6-8e18-9993-c884-2fdabb99fb27 {
color: var(--white) !important;
}
.lfr-layout-structure-item-ffa28072-1f3c-325e-eb35-22f82a12ae57 {
padding-left: var(--spacer-3,1rem) !important;
color: #274589 !important;
}
.lfr-layout-structure-item-7dbb03b7-4a77-c3ca-1dc2-03abc09e1127 {
 flex: 1;
}.lfr-layout-structure-item-4575dc57-7779-f557-6b45-c9f4fa9f8332 {
height: 81px !important;
max-height: 81px !important;
max-width: 253px !important;
min-height: 81px !important;
min-width: 253px !important;
width: 253px !important;
}
.lfr-layout-structure-item-221f6c24-205f-5447-d9a0-65af637dfcab {
display: none !important;
}
.energy-option-card {
  background: white;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 15px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}
.energy-option-card:hover {
  border-color: #4a90e2;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

Parfait ! Avec une classe globale energie-forms et 7 onglets, voici comment adapter le CSS pour que la progression soit automatique selon l'onglet actif :
Solution CSS automatique avec la classe globale
css/* Style de base pour la barre de progression */
.energie-forms .separator-progress {
    position: relative !important;
    height: 12px !important;
    background: #e8f2ff !important;
    border-radius: 20px !important;
    border: none !important;
    margin: 20px 0 !important;
    overflow: hidden;
}

.energie-forms .separator-progress hr,
.energie-forms .separator-progress .separator {
    display: none !important;
}

.energie-forms .separator-progress::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, #4a90e2 0%, #357abd 100%);
    border-radius: 20px;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    width: 14.28%; /* 100% / 7 tabs = 14.28% par défaut pour tab 1 */
}

.energie-forms .separator-progress::after {
    content: '14%';
    position: absolute;
    right: -50px;
    top: -8px;
    color: #4a90e2;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

/* Progression automatique selon l'onglet actif */
/* Tab 1 actif */
.energie-forms .nav-tabs .nav-item:nth-child(1) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(1)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 14.28%;
}
.energie-forms .nav-tabs .nav-item:nth-child(1) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(1)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '14%';
}

/* Tab 2 actif */
.energie-forms .nav-tabs .nav-item:nth-child(2) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(2)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 28.56%;
}
.energie-forms .nav-tabs .nav-item:nth-child(2) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(2)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '29%';
}

/* Tab 3 actif */
.energie-forms .nav-tabs .nav-item:nth-child(3) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(3)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 42.84%;
}
.energie-forms .nav-tabs .nav-item:nth-child(3) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(3)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '43%';
}

/* Tab 4 actif */
.energie-forms .nav-tabs .nav-item:nth-child(4) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(4)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 57.12%;
}
.energie-forms .nav-tabs .nav-item:nth-child(4) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(4)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '57%';
}

/* Tab 5 actif */
.energie-forms .nav-tabs .nav-item:nth-child(5) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(5)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 71.4%;
}
.energie-forms .nav-tabs .nav-item:nth-child(5) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(5)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '71%';
}

/* Tab 6 actif */
.energie-forms .nav-tabs .nav-item:nth-child(6) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(6)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 85.68%;
}
.energie-forms .nav-tabs .nav-item:nth-child(6) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(6)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '86%';
}

/* Tab 7 actif */
.energie-forms .nav-tabs .nav-item:nth-child(7) .nav-link.active ~ .tab-content .separator-progress::before,
.energie-forms [role="tablist"] [role="tab"]:nth-child(7)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::before {
    width: 100%;
}
.energie-forms .nav-tabs .nav-item:nth-child(7) .nav-link.active ~ .tab-content .separator-progress::after,
.energie-forms [role="tablist"] [role="tab"]:nth-child(7)[aria-selected="true"] ~ [role="tabpanel"] .separator-progress::after {
    content: '100%';
}.lfr-layout-structure-item-100a78b6-bbbb-ec6a-53c7-52ed214d5516 {
max-width: 56px !important;
text-align: center !important;
}
.lfr-layout-structure-item-215e4b72-77cb-411a-88d4-6d47f6fcf68f {
color: var(--white) !important;
}
.lfr-layout-structure-item-e0a510c4-d2be-454d-071e-45caa01b3c49 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
text-align: center !important;
color: #274589 !important;
}
.lfr-layout-structure-item-7aad439d-da77-8cc5-fa8c-8fd7bb3ce1bd {
max-width: 56px !important;
text-align: center !important;
}
.lfr-layout-structure-item-966621a3-4d26-a529-d0a3-872e9daabbfc {
text-align: center !important;
}
.lfr-layout-structure-item-f3aaa8b2-d4ec-3802-1e85-0a55cf352b28 {
font-size: 22px !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
text-align: center !important;
color: #183B56 !important;
}
.lfr-layout-structure-item-7160e7f0-f82f-e2b2-8af8-2e1986699c97 {
margin-bottom: var(--spacer-4,1.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-a73056e3-4dcb-daaf-b0f0-1e9828bc432c {
font-size: 14px !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-331048fd-9ce3-8ca3-8f62-8f3d23e0ceb7 {
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-7304d8ca-e4e3-2965-9734-aae2626ddab4 {
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-1,0.25rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
color: #183B56 !important;
}
.lfr-layout-structure-item-d4c93c7d-10af-b64b-99a8-ba5dd18a29ba {
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
color: #414141 !important;
}
.lfr-layout-structure-item-0874f25f-8a5f-2db9-0742-53569fc61c2d {
color: var(--white) !important;
}
.lfr-layout-structure-item-e3e13d7c-f9ec-1f01-25d0-002044dd342a {
background-color: #DEE9E4 !important;
border-color: #DEE9E4 !important;
border-radius: 40px !important;
margin-left: var(--spacer-3,1rem) !important;
margin-right: var(--spacer-3,1rem) !important;
padding-bottom: 80px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 80px !important;
}
.energy-selection-container {
  background: linear-gradient(135deg, #e8f5e8 0%, #d4f0d4 100%);
  border-radius: 20px;
  padding: 40px;
  margin: 20px 0;
display: flex;
}.lfr-layout-structure-item-314203f5-0c59-1aa7-9c99-1d7834e4e79c {
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-314203f5-0c59-1aa7-9c99-1d7834e4e79c {
justify: space-between;
}.lfr-layout-structure-item-b287e452-c5d1-77fc-4b0c-d406360048bc {
text-align: center !important;
}
.lfr-layout-structure-item-d470ca8c-4043-95dc-ae7f-933a8f0ca878 {
border-radius: var(--border-radius-sm) !important;
box-shadow: var(--box-shadow-sm) !important;
color: var(--white) !important;
}
.btn-phone-header a {
  background-color: #72B191 !important;
  color: white !important;
  padding: 12px 20px 12px 6px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: auto;
  text-align: center;
}

.btn-phone-header a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1c-9.39 0-17-7.61-17-17a1 1 0 0 1 1-1H6.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 0.3s ease,  transform 0.3s ease, margin-right 0.3s ease;
  margin-right: 0;
}

.btn-phone-header a:hover {
  background-color: #5D9E7D !important;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 24px;
}


.btn-phone-header a:hover::before {
  opacity: 1;
  transform: translateX(0);
  margin-right: 19px;
}
.lfr-layout-structure-item-285ce49c-93e3-c230-4f67-e3e478aaa92e {
color: var(--white) !important;
}
.lfr-layout-structure-item-d812105f-a214-d676-ec83-7fe448f0c12a {
height: 38px !important;
max-height: 38px !important;
max-width: 38px !important;
min-height: 38px !important;
min-width: 38px !important;
text-align: justify !important;
width: 38px !important;
}
.lfr-layout-structure-item-a5a90b07-391e-02d4-5308-2fd35e4ff1c7 {
text-align: center !important;
}
.lfr-layout-structure-item-637413fc-3ccc-b567-091c-544f8516e43b {
text-align: center !important;
}
.lfr-layout-structure-item-d9097213-d394-3bc7-7ee8-465cbb7308e3 {
text-align: center !important;
}
.lfr-layout-structure-item-5a70e31c-c4b2-1b10-1d7b-ed73676b7e12 {
gap: 10px;
}.lfr-layout-structure-item-ce0390ee-791d-55f2-52cd-8daa61a51e2e {
background-color: #CCE2D6 !important;
border-radius: 20px !important;
height: 139px !important;
max-height: 139px !important;
min-height: 117px !important;
overflow: hidden !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-eedac767-f9b4-f8da-b253-f70aa49334cf {
text-align: center !important;
color: #274589 !important;
}
.title-secion{
    position: relative;
    top: 8px;
font-family: 'Poppins', sans-serif !important;
}.lfr-layout-structure-item-59bb1d9f-9416-2599-ba1d-946543675671 {
text-align: center !important;
color: #274589 !important;
}
.title-secion{
    position: relative;
    top: 8px;
}.lfr-layout-structure-item-0a981fc0-3061-179b-f3ad-5fb03bb53cd5 {
display: none !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-1b1a2458-6629-9d2f-e9be-e49fb955e0c2 {
font-size: var(--font-size-base) !important;
margin-right: var(--spacer-4,1.5rem) !important;
padding-bottom: 2rem !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: 2rem !important;
text-align: center !important;
}
.lfr-layout-structure-item-7f7485d9-83dd-8c76-4581-9bb3e4d91c62 {
font-size: 11px !important;
}
.lfr-layout-structure-item-8e9ecf39-3773-5a87-e297-d7a7dcb2d64c {
background-color: #CCE2D6 !important;
border-radius: 20px !important;
height: 139px !important;
max-height: 139px !important;
min-height: 117px !important;
overflow: hidden !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-6f9b3fc3-6781-adc5-f853-ad993876585b {
font-size: 18px !important;
margin-right: var(--spacer-4,1.5rem) !important;
padding-bottom: 2rem !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: 2rem !important;
text-align: center !important;
}
.lfr-layout-structure-item-6f9b3fc3-6781-adc5-f853-ad993876585b {
justify-content: center;
}.lfr-layout-structure-item-df8960b9-6c4c-493c-4c77-ee108550a9f0 {
height: 38px !important;
max-height: 38px !important;
max-width: 38px !important;
min-height: 38px !important;
min-width: 38px !important;
text-align: justify !important;
width: 38px !important;
}
.lfr-layout-structure-item-cdb06a8a-9a61-3578-d5b8-514c02d49eba {
background-color: #CCE2D6 !important;
border-radius: 20px !important;
height: 139px !important;
max-height: 139px !important;
min-height: 117px !important;
overflow: hidden !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-431d9dad-f2f1-3812-3aac-c88dff4fdf4f {
text-align: center !important;
}
.lfr-layout-structure-item-0c4a8b6b-dc7e-0107-a575-f930e39287ed {
font-family: "Gotham Pro", sans-serif !important;
font-size: 62px !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-3,1rem) !important;
color: var(--brand-color-2) !important;
}
.section1H2{
font-size:62px;
font-family: 'Poppins', sans-serif !important;
}.lfr-layout-structure-item-5afa2c2a-9bcc-ca1a-5a35-c5661660fe7b {
font-size: 16px !important;
font-weight: var(--font-weight-bold) !important;
padding-left: var(--spacer-4,1.5rem) !important;
color: #2F2F2F !important;
}
.lfr-layout-structure-item-b8ac11a0-27bc-bc37-e7d5-6050e47ed704 {
display: none !important;
}
.lfr-layout-structure-item-11454c13-1eb1-2f14-2a5b-4f73b185d4d2 {
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-76293afb-8531-e600-a4b6-3880cb5893a5 {
display: none !important;
}
.lfr-layout-structure-item-a658b117-7f68-de17-cfd6-58a6745a7f47 {
padding-left: var(--spacer-3,1rem) !important;
color: #274589 !important;
}
.lfr-layout-structure-item-0a6e914d-b644-4953-14ef-0d5cf58adb5d {
text-align: center !important;
}
.lfr-layout-structure-item-343ffe5d-60f4-a818-3320-ca5541af632b {
height: 100vh !important;
max-height: 100vh !important;
min-height: 100vh !important;
overflow: auto !important;
}
.lfr-layout-structure-item-8e7751c6-7006-04f4-a63a-e61abaf21a8d {
background-color: #D4EBFA !important;
border-radius: 20px !important;
height: 408px !important;
max-height: 408px !important;
min-height: 408px !important;
padding-top: var(--spacer-3,1rem) !important;
}
.card-energie {
    position: relative;
    overflow: hidden;
}

.card-energie:hover {
    z-index: 10;
}

.card-energie .component-image {
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* This pushes the image to the bottom */
    height: 100%; /* Ensure the container takes full height */
}

.card-energie .component-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
    transform-origin: bottom center;
    /* Remove bottom: 0 as it's not needed with flexbox */
}

.card-energie:hover .component-image img {
    transform: scale(1.15);
}.lfr-layout-structure-item-6966c7e8-e26e-f3b0-72b8-f889ad8e5525 {
background-color: #E4F4F5 !important;
border-radius: 20px !important;
height: 408px !important;
max-height: 408px !important;
min-height: 408px !important;
padding-top: var(--spacer-3,1rem) !important;
}
.card-energie {
    position: relative;
    overflow: hidden;
}

.card-energie:hover {
    z-index: 10;
}

.card-energie .component-image {
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* This pushes the image to the bottom */
    height: 100%; /* Ensure the container takes full height */
}

.card-energie .component-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
    transform-origin: bottom center;
    /* Remove bottom: 0 as it's not needed with flexbox */
}

.card-energie:hover .component-image img {
    transform: scale(1.15);
}.lfr-layout-structure-item-638d63b8-2844-c301-c9f5-0dd12525a152 {
height: 257px !important;
width: 100% !important;
}
.lfr-layout-structure-item-bfa91707-0fa6-eb60-fc00-75b2f84613b9 {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-ec2de2cb-99f4-e9a3-3533-b6e880931ef5 {
background-color: #00000000 !important;
max-width: 56px !important;
text-align: center !important;
}
.lfr-layout-structure-item-51511162-d2da-91c5-140c-ee7a18e5a6bd {
font-size: var(--font-size-base) !important;
margin-right: var(--spacer-4,1.5rem) !important;
padding-bottom: 2rem !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: 2rem !important;
}
.lfr-layout-structure-item-53c6d26d-08b1-3266-cadb-8c36463516f9 {
height: 257px !important;
width: 100% !important;
}
.lfr-layout-structure-item-0821b667-9423-5dde-6d20-476afd1ac66c {
background-color: #B9EBCF !important;
border-radius: 20px !important;
margin-top: 2rem !important;
}
#navigationBarCollapse-rmtr{
display:none !important;
}.lfr-layout-structure-item-a94536f8-3536-e74b-286d-78207dcbe285 {
text-align: center !important;
}
.lfr-layout-structure-item-410725ef-b5fe-01f4-74d3-a06e42e50c63 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.btn-hover-energy-sec2 a.btn{
  background-color: #003366 !important;
  color: white !important;
  padding: 12px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-hover-energy-sec2 a.btn::after {
  content: " ➜";
  opacity: 0;
  margin-left: 0px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-5px);
        position: relative;
    top: 1px;
    left: 7px;
}

.btn-hover-energy-sec2 a.btn:hover {
  background-color: #85B7A2 !important;
}

.btn-hover-energy-sec2 a.btn:hover::after {
  opacity: 1;
  transform: translateX(0);
}.lfr-layout-structure-item-17cb87d5-2365-8dc9-fe89-8fbd77e23b86 {
font-size: var(--font-size-base) !important;
margin-right: var(--spacer-4,1.5rem) !important;
padding-bottom: 2rem !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: 2rem !important;
}
.lfr-layout-structure-item-010ec4e0-3161-5fdb-1456-72068eee9196 {
font-size: 16px !important;
font-weight: var(--font-weight-bold) !important;
padding-left: var(--spacer-4,1.5rem) !important;
color: #2F2F2F !important;
}
.lfr-layout-structure-item-ae212f9b-19ea-ff55-5089-8367aeeac21c {
max-height: 73px !important;
min-height: 63px !important;
}
.lfr-layout-structure-item-de681355-33d1-5b8c-0f8b-36b901a12af4 {
color: var(--white) !important;
}
.lfr-layout-structure-item-76fd2067-cb8e-2c7e-2c58-8c28e544270a {
height: 100% !important;
}
.lfr-layout-structure-item-8e030a3d-e5d1-4b50-f657-be2a02a09f68 {
border-radius: 16px !important;
height: 100% !important;
width: 100% !important;
}
.lfr-layout-structure-item-ecaf3fcc-6148-8bd3-f477-86623f17fc15 {
font-size: 18px !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-5,3rem) !important;
text-align: justify !important;
color: #274589 !important;
}
.lfr-layout-structure-item-42667e5b-fd1a-ce92-e035-b9c0b51c0b06 {
text-align: center !important;
color: #274589 !important;
}
.title-secion{
    position: relative;
    top: 8px;
}.lfr-layout-structure-item-68182a8d-e8ae-140f-3f54-2234f0b5d023 {
text-align: center !important;
}
.lfr-layout-structure-item-228661c3-28bc-7659-8313-5aaf2f821f62 {
gap: 5px;
padding-top: 16px;
}.lfr-layout-structure-item-ab00d545-88d9-ebdb-87f8-024b92b119fb {
margin-left: var(--spacer-4,1.5rem) !important;
margin-right: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-dfb8b21a-1981-0e55-0ffa-a575ec919ab8 {
font-size: 16px !important;
font-weight: var(--font-weight-bold) !important;
padding-left: var(--spacer-4,1.5rem) !important;
color: #2F2F2F !important;
}
.lfr-layout-structure-item-dfb8b21a-1981-0e55-0ffa-a575ec919ab8 {
line-height: 22px;
}.lfr-layout-structure-item-956bebc4-256b-3b61-01b0-9e67d5e11b1a {
padding-bottom: var(--spacer-1,0.25rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.inline-flex{
display: inline-flex;
}
.logo-title{
width:56px;
}.lfr-layout-structure-item-b6d124e2-75fd-f3e7-24c1-af89860b7495 {
background-color: #FAFAFA !important;
border-color: #FAFAFA !important;
height: 11px !important;
max-height: 1px !important;
max-width: 200px !important;
min-height: 1px !important;
min-width: 200px !important;
text-align: center !important;
width: 200px !important;
}
.lfr-layout-structure-item-b6d124e2-75fd-f3e7-24c1-af89860b7495 {

}
.footer-separator{
margin:auto;
}.lfr-layout-structure-item-4e452e85-4a99-b934-acb7-d24051b33114 {
margin-left: var(--spacer-2,0.5rem) !important;
margin-right: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
max-height: 90px !important;
min-height: 80px !important;
}
.lfr-layout-structure-item-c6931b8a-8fea-58b1-92fd-70a08327b820 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
text-align: center !important;
}
.inline-flex{
display: inline-flex;
}
.logo-title{
width:56px;
}.lfr-layout-structure-item-81793bc6-7194-4b7a-8f3a-36472c0a8002 {
padding-top: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-b7702093-8200-0454-c571-de830f9b1e31 {
color: var(--white) !important;
}
.lfr-layout-structure-item-4242b8c7-a094-8f9d-33e4-d9c58c8baf1e {
border-radius: var(--border-radius-sm) !important;
box-shadow: var(--box-shadow-sm) !important;
color: var(--white) !important;
}
.btn-devis-header a {
  background-color: #A1CEBB !important;
  color: white !important;
  padding: 12px 20px 12px 6px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: auto;
  text-align: center;
}

.btn-devis-header a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/documents/d/template-312054/file-text');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease, margin-right 0.3s ease;
  margin-right: 0;
}

/* hover : on aligne à gauche + ajoute padding à droite */
.btn-devis-header a:hover {
  background-color: #85B7A2 !important;
  justify-content: flex-start;
      padding-left: 20px;
    padding-right: 24px;
}

.btn-devis-header a:hover::before {
  opacity: 1;
  transform: translateX(0);
  margin-right: 19px;
}
.lfr-layout-structure-item-571c6792-5f33-d78d-d251-cf2614fb4949 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
color: #274589 !important;
}
.lfr-layout-structure-item-3d4e71e8-51f6-c03c-e078-c5adb0497372 {
font-size: 14px !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-c2122f82-2db0-0b35-dfa3-03bfcaf2c338 {
margin-left: var(--spacer-3,1rem) !important;
margin-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-7d9cd64f-846e-c1d8-f224-616663057e6e {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.btn-hover-energy-sec2 a.btn{
  background-color: #003366 !important;
  color: white !important;
  padding: 12px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-hover-energy-sec2 a.btn::after {
  content: " ➜";
  opacity: 0;
  margin-left: 0px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-5px);
        position: relative;
    top: 1px;
    left: 7px;
}

.btn-hover-energy-sec2 a.btn:hover {
  background-color: #85B7A2 !important;
  border-color: #85B7A2 !important;
}

.btn-hover-energy-sec2 a.btn:hover::after {
  opacity: 1;
  transform: translateX(0);
}.lfr-layout-structure-item-7a802764-0ccd-6603-d53c-f5fbc83669dd {
display: none !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.btn-hover-energy-sec2 a.btn{
  background-color: #003366 !important;
  color: white !important;
  padding: 12px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-hover-energy-sec2 a.btn::after {
  content: " ➜";
  opacity: 0;
  margin-left: 0px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-5px);
        position: relative;
    top: 1px;
    left: 7px;
}

.btn-hover-energy-sec2 a.btn:hover {
  background-color: #85B7A2 !important;
}

.btn-hover-energy-sec2 a.btn:hover::after {
  opacity: 1;
  transform: translateX(0);
}.flex1{
 flex: 1;
}.lfr-layout-structure-item-6b35a4ed-9da0-badb-354a-17b84e2c6ab7 {
color: #28478B !important;
}
.lfr-layout-structure-item-45f30e84-383b-d515-2715-35ca7eb5b363 {
background-color: #F7F7F7 !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
text-align: center !important;
}
.inline-flex{
display: inline-flex;
}
.logo-title{
width:56px;
}.lfr-layout-structure-item-e2488ab4-3d16-3405-2f10-91ea4a021477 {
display: none !important;
}
.lfr-layout-structure-item-4a2e45f0-b040-8c59-bc01-2a37cc18b06d {
text-align: center !important;
}
.lfr-layout-structure-item-674ab975-6bb8-4448-36ec-173889eae707 {
font-size: 16px !important;
font-weight: var(--font-weight-bold) !important;
padding-left: var(--spacer-4,1.5rem) !important;
color: #2F2F2F !important;
}
.lfr-layout-structure-item-7eeabf52-3874-6225-c140-cb854bd17a95 {
background-color: #F7F7F7 !important;
display: none !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-d72febfa-7d1d-4c04-793c-2ec4bbf79e24 {
color: var(--white) !important;
}
.lfr-layout-structure-item-ba2a983b-a811-6a1f-9e10-daf9ee5123fc {
padding-left: var(--spacer-3,1rem) !important;
color: #274589 !important;
}
.lfr-layout-structure-item-f0dcff73-4eb3-8bb9-2159-ea2d02ec26d4 {
text-align: center !important;
}
.lfr-layout-structure-item-fcf429e0-eb89-2bfb-3344-ba547bb9fed9 {
height: 257px !important;
text-align: center !important;
width: 100% !important;
}
.lfr-layout-structure-item-3bee6c90-137e-fc43-71dd-5ea7de480068 {
background-color: #28478B !important;
display: none !important;
height: 43px !important;
margin-top: var(--spacer-3,1rem) !important;
max-height: 43px !important;
min-height: 43px !important;
}
.lfr-layout-structure-item-c659745d-ce20-50b7-4d6e-629c729ef6d3 {
margin-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-903eb7d6-df33-bcf9-66f5-5b27acf19cd2 {
color: var(--white) !important;
}
.lfr-layout-structure-item-e5591c1f-f8a0-316a-ec9d-2aaa70ed08b1 {
height: 74px !important;
max-height: 74px !important;
max-width: 74px !important;
min-height: 203px !important;
min-width: 203px !important;
width: 203px !important;
}
.lfr-layout-structure-item-ea19a986-7240-efce-1f40-ce4be25fe348 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-a5c9b31f-fda8-d264-c121-0a1aee52a7e9 {
border-radius: var(--border-radius-sm) !important;
box-shadow: var(--box-shadow-sm) !important;
color: var(--white) !important;
}
.btn-phone-header a {
  background-color: #72B191 !important;
  color: white !important;
  padding: 12px 20px 12px 6px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: auto;
  text-align: center;
}

.btn-phone-header a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1c-9.39 0-17-7.61-17-17a1 1 0 0 1 1-1H6.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 0.3s ease,  transform 0.3s ease, margin-right 0.3s ease;
  margin-right: 0;
}

.btn-phone-header a:hover {
  background-color: #5D9E7D !important;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 24px;
}


.btn-phone-header a:hover::before {
  opacity: 1;
  transform: translateX(0);
  margin-right: 19px;
}
@media screen and (max-width: 575px) {.lfr-layout-structure-item-4e486b45-3c9e-1584-18cc-a7b749641274 {
margin-top: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-c182c06d-1a6a-3d11-a80c-12caf72bf60b {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-84d03bd8-19d0-96cd-9f15-85f1f4ced34d {
display: none !important;
}
.lfr-layout-structure-item-658135c3-2e97-5905-1837-271aba1eace4 {
padding-left: var(--spacer-2,0.5rem) !important;
text-align: left !important;
}
.lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f {
height: 44px !important;
text-align: left !important;
width: 44px !important;
}
.lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f {
  grid-column: 1;
  justify-self: start;
}

@media (max-width: 768px) {
  .lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f {
    display: none;
  }
}

@media (max-width: 768px) {
  .mobile-drawer .lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
  }

  .mobile-drawer .lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f button,
  .mobile-drawer .lfr-layout-structure-item-42ae783f-c839-93d0-10e6-399125a5443f a {
    width: 100%;
    padding: 12px 16px;
    text-align: left;
    border: 1px solid #ddd;
    background: white;
    border-radius: 4px;
  }
}.lfr-layout-structure-item-522ddf4d-263d-182e-2c61-5eb83d715525 {
height: 33px !important;
max-height: 33px !important;
max-width: 33px !important;
min-height: 33px !important;
min-width: 33px !important;
width: 33px !important;
}
.lfr-layout-structure-item-d0c34082-f38a-cab3-bcfc-546a44ef4d25 {
text-align: center !important;
}
.lfr-layout-structure-item-01c5f66d-f2c1-44a3-de8f-dae8875c0912 {
background-color: #fff !important;
opacity: 1.0 !important;
padding-bottom: 40px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 40px !important;
box-shadow: none !important;
text-align: center !important;
}
.inline-flex {
  display: inline-flex;
}
.logo-title {
  width:56px;
}
.lfr-layout-structure-item-15bd6e8c-f540-18e3-e786-96ddfd61cc59 {
background-color: #28478B !important;
}
.div-footer{
border-radius: 0;
}.lfr-layout-structure-item-34cebccd-20be-81a8-4dc8-9bbee232f661 {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-197e10ce-acd5-5f83-21f3-afff5ad71a3f {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-8d011973-13b6-e4cb-75fb-26ffc8f2d0bc {
display: block !important;
font-size: 14px !important;
text-align: center !important;
}
.lfr-layout-structure-item-22625f92-3da9-7013-263a-2262259c3add {
font-size: 12px !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-a3477db5-f884-07cd-dffc-69d40084950a {
text-align: center !important;
}
.lfr-layout-structure-item-a3477db5-f884-07cd-dffc-69d40084950a {
position: relative;
left: -200px;
float: left;
}.lfr-layout-structure-item-a1c8b555-f4b2-c5ae-bd91-08db157f5977 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-f131b114-ac3a-59b1-920c-0e775a8b991d {
height: 75% !important;
max-height: 80% !important;
max-width: 80% !important;
min-height: 70% !important;
min-width: 70% !important;
width: 75% !important;
}
.lfr-layout-structure-item-f131b114-ac3a-59b1-920c-0e775a8b991d {
justify-self: self-end;
}.lfr-layout-structure-item-34ba4362-6797-6834-36e4-b35dd5e5262d {
font-size: 14px !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-acf54c7e-ba6f-5111-4a0b-3d9a9354afe9 {
padding-left: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-5763184a-d902-8953-7f9a-07f6b9b62c2f {
padding-left: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-dfeee396-c047-c3ef-5511-f112b0a864b8 {
font-size: 10px !important;
}
.lfr-layout-structure-item-dfeee396-c047-c3ef-5511-f112b0a864b8 h5 {
font-size: 12px !important;
}.lfr-layout-structure-item-58a75e98-609b-717a-739b-661f92d1814a {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-17ba00da-6bab-22e5-fc72-a8a844ef0452 {
font-size: 26px !important;
}
.lfr-layout-structure-item-ffa28072-1f3c-325e-eb35-22f82a12ae57 {
font-size: 14px !important;
}
.lfr-layout-structure-item-ffa28072-1f3c-325e-eb35-22f82a12ae57 h4 {
font-weight: 600 !important;
font-style: Medium !important;
font-size: 14px !important;
leading-trim: NONE;
line-height: 21.33px;
letter-spacing: 0%;
}.lfr-layout-structure-item-4575dc57-7779-f557-6b45-c9f4fa9f8332 {
margin-inline: auto;
}.lfr-layout-structure-item-7160e7f0-f82f-e2b2-8af8-2e1986699c97 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-a73056e3-4dcb-daaf-b0f0-1e9828bc432c {
font-size: 12px !important;
padding-bottom: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-331048fd-9ce3-8ca3-8f62-8f3d23e0ceb7 {
font-size: var(--font-size-sm) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-e3e13d7c-f9ec-1f01-25d0-002044dd342a {
background-color: #fff !important;
border-radius: 0px !important;
margin-left: var(--spacer-0,0rem) !important;
margin-right: var(--spacer-0,0rem) !important;
padding-bottom: var(--spacer-0,0rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: 40px !important;
width: 100% !important;
}
.energy-selection-container {
background: white !important;
display: flex !important;
}

.secure-link {
    display: none !important;
  }.lfr-layout-structure-item-314203f5-0c59-1aa7-9c99-1d7834e4e79c {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-d812105f-a214-d676-ec83-7fe448f0c12a {
height: 33px !important;
max-height: 33px !important;
max-width: 33px !important;
min-height: 33px !important;
min-width: 33px !important;
width: 33px !important;
}
.lfr-layout-structure-item-5a70e31c-c4b2-1b10-1d7b-ed73676b7e12 {
display: none !important;
}
.lfr-layout-structure-item-ce0390ee-791d-55f2-52cd-8daa61a51e2e {
height: 100% !important;
margin-bottom: var(--spacer-0,0rem) !important;
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-0276c279-0640-70c1-c6e9-7a78bb336a63 {
overflow: scroll !important;
}
.lfr-layout-structure-item-8e9ecf39-3773-5a87-e297-d7a7dcb2d64c {
height: 100% !important;
margin-bottom: 16px !important;
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-6f9b3fc3-6781-adc5-f853-ad993876585b {
font-weight: var(--font-weight-bold) !important;
padding-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-df8960b9-6c4c-493c-4c77-ee108550a9f0 {
height: 33px !important;
max-height: 33px !important;
max-width: 33px !important;
min-height: 33px !important;
min-width: 33px !important;
width: 33px !important;
}
.lfr-layout-structure-item-cdb06a8a-9a61-3578-d5b8-514c02d49eba {
height: 100% !important;
margin-bottom: 16px !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-0c4a8b6b-dc7e-0107-a575-f930e39287ed {
display: block !important;
font-size: 36px !important;
padding-bottom: var(--spacer-0,0rem) !important;
padding-left: var(--spacer-0,0rem) !important;
text-align: center !important;
color: #15347B !important;
}
.lfr-layout-structure-item-0c4a8b6b-dc7e-0107-a575-f930e39287ed h1 {
 font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    color: #274589;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 auto;
    padding: 0 20px;
}
.lfr-layout-structure-item-5afa2c2a-9bcc-ca1a-5a35-c5661660fe7b {
padding-left: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-11454c13-1eb1-2f14-2a5b-4f73b185d4d2 {
text-align: center !important;
}
.lfr-layout-structure-item-76293afb-8531-e600-a4b6-3880cb5893a5 {
text-align: center !important;
}
.lfr-layout-structure-item-76293afb-8531-e600-a4b6-3880cb5893a5 {
justify-content: center;
}.lfr-layout-structure-item-a658b117-7f68-de17-cfd6-58a6745a7f47 {
font-size: 14px !important;
}
.lfr-layout-structure-item-a658b117-7f68-de17-cfd6-58a6745a7f47 h4 {
font-weight: 600 !important;
font-style: Medium !important;
font-size: 14px !important;
leading-trim: NONE;
line-height: 21.33px;
letter-spacing: 0%;
}.lfr-layout-structure-item-8e7751c6-7006-04f4-a63a-e61abaf21a8d {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-6966c7e8-e26e-f3b0-72b8-f889ad8e5525 {
margin-bottom: var(--spacer-3,1rem) !important;
padding-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-bfa91707-0fa6-eb60-fc00-75b2f84613b9 {
display: block !important;
}
.lfr-layout-structure-item-51511162-d2da-91c5-140c-ee7a18e5a6bd {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-a94536f8-3536-e74b-286d-78207dcbe285 {
  overflow-x: scroll
    scrollbar-width: none;
}

.lfr-layout-structure-item-a94536f8-3536-e74b-286d-78207dcbe285  .news-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: max-content;
}.lfr-layout-structure-item-010ec4e0-3161-5fdb-1456-72068eee9196 {
padding-left: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-ae212f9b-19ea-ff55-5089-8367aeeac21c {
background-color: var(--white) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-ae212f9b-19ea-ff55-5089-8367aeeac21c .navbar-grid {
position: sticky;
top: 0;
}.lfr-layout-structure-item-48a7f271-58cd-34f4-0d1a-d35cd7cbbcec {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-8e030a3d-e5d1-4b50-f657-be2a02a09f68 {
margin-top: 44px !important;
}
.lfr-layout-structure-item-ecaf3fcc-6148-8bd3-f477-86623f17fc15 {
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-228661c3-28bc-7659-8313-5aaf2f821f62 {
width: 90% !important;
}
.lfr-layout-structure-item-ab00d545-88d9-ebdb-87f8-024b92b119fb {
  grid-column: 2;
  justify-self: end;
}.lfr-layout-structure-item-dfb8b21a-1981-0e55-0ffa-a575ec919ab8 {
padding-left: var(--spacer-2,0.5rem) !important;
text-align: left !important;
}
.lfr-layout-structure-item-956bebc4-256b-3b61-01b0-9e67d5e11b1a {
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-4e452e85-4a99-b934-acb7-d24051b33114 {
margin-left: var(--spacer-0,0rem) !important;
margin-right: var(--spacer-0,0rem) !important;
margin-top: var(--spacer-0,0rem) !important;
max-height: 84px !important;
min-height: 84px !important;
}
.lfr-layout-structure-item-4e452e85-4a99-b934-acb7-d24051b33114 {
  position: sticky !important;
  top: 0 !important;
  z-index: 900 !important;
}

.lfr-layout-structure-item-4e452e85-4a99-b934-acb7-d24051b33114 .container .row {
  display: flex;
  align-items: center;
}

.lfr-layout-structure-item-4e452e85-4a99-b934-acb7-d24051b33114 .col:first-child {
  order: 2;
  margin-left: auto;
}

.lfr-layout-structure-item-4e452e85-4a99-b934-acb7-d24051b33114 .col:last-child {
  order: 1;
  margin-right: auto;
}.lfr-layout-structure-item-c6931b8a-8fea-58b1-92fd-70a08327b820 {
padding-bottom: 40px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-3d4e71e8-51f6-c03c-e078-c5adb0497372 {
font-size: 12px !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-c2122f82-2db0-0b35-dfa3-03bfcaf2c338 {
display: none !important;
}
.lfr-layout-structure-item-385cd198-8646-4dee-2bde-fbe5324a270c {
text-align: center !important;
}
.lfr-layout-structure-item-6b35a4ed-9da0-badb-354a-17b84e2c6ab7 {
font-size: 12px !important;
}
.lfr-layout-structure-item-6b35a4ed-9da0-badb-354a-17b84e2c6ab7 h5 {
font-size: 12px !important;
}.lfr-layout-structure-item-45f30e84-383b-d515-2715-35ca7eb5b363 {
padding-bottom: 40px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-e2488ab4-3d16-3405-2f10-91ea4a021477 {
display: block !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
width: 100vw !important;
}
.lfr-layout-structure-item-e2488ab4-3d16-3405-2f10-91ea4a021477 {
        position: absolute;
        bottom: 0;
        justify-self: anchor-center;
        z-index: 900;
        background-color: white;
}.lfr-layout-structure-item-e0048bd7-7c76-3da3-f19e-edc8cb97eb1d {
margin-top: var(--spacer-5,3rem) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-674ab975-6bb8-4448-36ec-173889eae707 {
padding-left: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-7eeabf52-3874-6225-c140-cb854bd17a95 {
padding-bottom: 40px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-ba2a983b-a811-6a1f-9e10-daf9ee5123fc {
font-size: 14px !important;
}
.lfr-layout-structure-item-ba2a983b-a811-6a1f-9e10-daf9ee5123fc h4 {
font-weight: 600 !important;
font-style: Medium !important;
font-size: 14px !important;
leading-trim: NONE;
line-height: 21.33px;
letter-spacing: 0%;
}.lfr-layout-structure-item-3bee6c90-137e-fc43-71dd-5ea7de480068 {
display: block !important;
height: 59px !important;
margin-top: var(--spacer-0,0rem) !important;
max-height: 59px !important;
padding-bottom: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-0,0rem) !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-53abbede-4be1-4189-7b3c-a52178b9ff3a {
text-align: center !important;
}
.lfr-layout-structure-item-53abbede-4be1-4189-7b3c-a52178b9ff3a {
justify-content: center;
}.lfr-layout-structure-item-ea19a986-7240-efce-1f40-ce4be25fe348 {
padding-bottom: 40px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 40px !important;
}
}