/* Section Card */

.section-card {
    background-color: var(--main-1-color);
    padding: 2.2857rem;
    display: flex;
    flex-direction: column;
    gap: 3.5714rem;
    border-radius: 1.1429rem;
}

.section-card .text {
    color: #FFF;
    font-size: 2.2857rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8571rem;
    letter-spacing: -0.0457rem;
}

/* Grid Card */

.grid-card {
    background-color: var(--main-2-color);
    /* min-height: 17.8571rem; */
    padding: 1.7143rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-top: calc(1.7143rem + 4.6429rem);
    position: relative;
    transition: all 300ms ease-out;
}

.grid-card .text {
    color: #FFF;
    font-size: 2.2857rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8571rem; /* 125% */
    letter-spacing: -0.0457rem;
    transition: all 300ms ease-out;
}

.grid-card.icone-minage::after {
    content: url(../sgv/icone_minage.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-minage:hover::after {
    content: url(../sgv/icone_minage_white.svg);
}

.grid-card.icone-minage:hover {
    background-color: #E88230;
}

.grid-card.icone-construction::after {
    content: url(../sgv/icone_construction.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-minage:hover::after {
    content: url(../sgv/icone_construction_white.svg);
}

.grid-card.icone-minage:hover {
    background-color: #B66B0D;
}

.grid-card.icone-demolition::after {
    content: url(../sgv/icone_demolition.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-demolition:hover::after {
    content: url(../sgv/icone_demolition_white.svg);
}

.grid-card.icone-demolition:hover {
    background-color: #B66B0D;
}

.grid-card.icone-etude-sol::after {
    content: url(../sgv/icone_etude_sol.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card .icone-custom {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-etude-sol:hover::after {
    content: url(../sgv/icone_etude_sol_white.svg);
}

.grid-card.icone-etude-sol:hover {
    background-color: #084123;
}

.grid-card.icone-exploration-mine::after {
    content: url(../sgv/icone_exploration_mine.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-exploration-mine:hover::after {
    content: url(../sgv/icone_exploration_mine_white.svg);
}

.grid-card.icone-exploration-mine:hover {
    background-color: #E73443;
}

.grid-card.icone-forage::after {
    content: url(../sgv/icone_forage_eau.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-forage:hover::after {
    content: url(../sgv/icone_forage_white.svg);
}

.grid-card.icone-forage:hover {
    background-color: #0D92D2;
}

.grid-card.icone-geothermie::after {
    content: url(../sgv/icone_geothermie.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-geothermie:hover::after {
    content: url(../sgv/icone_geothermie_white.svg);
}

.grid-card.icone-geothermie:hover {
    background-color: #640C00;
}

.grid-card.icone-travaux::after {
    content: url(../sgv/icone_travaux.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-travaux:hover::after {
    content: url(../sgv/icone_travaux_white.svg);
}

.grid-card.icone-travaux:hover {
    background-color: #7AA38F;
}

.grid-card.icone-travaux:hover .text {
    color: #272727;
}

.grid-card:hover .text {
    display: flex;
    flex-direction: column;
    gap: 1.1429rem;
    padding-bottom: 46px;
}

.grid-card .link {
    opacity: 0;
    position: absolute;
}

.grid-card:hover .link {
    animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* Grey Card */

.grey-card {
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 16rem;
    padding: 1.7143rem;
    background-color: #E5ECEF;
    border-radius: 1.1429rem;
    position: relative;
    transition: all 300ms ease-out;
}

.distributor-card {
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 16rem;
    padding: 1.7143rem;
    border-radius: 1.1429rem;
    position: relative;
    transition: all 300ms ease-out;
    min-height: 300px;
    border: 1px solid #E5ECEF;
}

.grey-card .text, .distributor-card .text {
    color: #808C92;
    font-size: 1.7857rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8571rem; /* 125% */
    letter-spacing: -0.0457rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.1429rem;
    transition: all 300ms ease-out;
}

.grey-card .small-text, .distributor-card .small-text {
    color: #6A7179;
    font-size: 1.1429rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.7143rem; /* 150% */
    letter-spacing: normal;
}

.grey-card::before, .distributor-card::before {
    filter: opacity(0) brightness(0.4);
    transition: all 300ms;
}

.grey-card:hover::before {
    filter: opacity(1) brightness(0.4);
}

.distributor-card:hover {
    background-color: #7d8081;
}

.grey-card.icone-intervention-site::after {
    content: url(../sgv/icone_intervention_site.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-intervention-site::before {
    content: "";
    background-image: url(../img/image_intervention_site.png);
    background: linear-gradient(180deg, rgba(26, 42, 50, 0) 0%, rgba(26, 42, 50, 0.4) 100%), url(../img/image_intervention_site.png), #1A2A32;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.arrow:hover .text::after, .distributor-card.arrow:hover .text::after {
    content: url(../sgv/arrow_up_red.svg);
    height: 1.7143rem;
}

.grey-card.line:hover .text::after, .distributor-card.line:hover .text::after {
    content: url(../sgv/line_red.svg);
    line-height: 0;
    font-size: 0;
}

.grid-section-4 .grey-card.line:hover .text {
    padding-bottom: 54px;
}

.grid-section-4 .grey-card.line:hover .text::after {
    content: unset;
}

.grid-section-4 .grey-card.line:hover::after {
    content: unset;
}

.grid-section-4 .grey-card.line:hover {
    background-color: #1A2A32;
}

.grid-section-4 .grey-card .small-text {
    height: 0;
    opacity: 0;
    color: white;
}

.grid-section-4 .grey-card:hover .small-text {
    height: auto;
    opacity: 1;
}

.grid-section-4 .grey-card.line.icone-piece-detache:hover,
.grid-section-4 .grey-card.line.icone-location:hover {
    background-color: #E73443;
}


.grey-card:hover .text, .distributor-card:hover .text {
    color: white;
}

.grey-card:hover .small-text, .distributor-card:hover .small-text {
    color: white;
}

.grey-card.icone-maintenance::after {
    content: url(../sgv/icone_maintenance.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-maintenance::before {
    content: "";
    background-image: url(../img/image_maintenance.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.icone-depannage::after {
    content: url(../sgv/icone_depannage.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-depannage::before {
    content: "";
    background-image: url(../img/image_depannage.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.icone-piece-detache::before {
    content: "";
    background-image: url(../img/image_depannage.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.icone-intervention::after {
    content: url(../sgv/icone_intervention.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-intervention::before {
    content: "";
    background-image: url(../img/image_intervention.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.icone-technologie::after {
    content: url(../sgv/icone_technologie.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-technologie::before {
    content: "";
    background-image: url(../img/image_technologie.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.icone-sav::after {
    content: url(../sgv/icone_sav.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-sav::before {
    content: "";
    background-image: url(../img/image_sav.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.icone-partenaire::after {
    content: url(../sgv/icone_partenaire.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-partenaire::before {
    content: "";
    background-image: url(../img/image_partenaire.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.1429rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.grey-card.line {
    min-height: 400px;   
}

.grey-card:hover .text, .distributor-card:hover .text {
    display: flex;
    flex-direction: column;
    gap: 1.1429rem;
    padding-bottom: 46px;
}

.distributor-card:hover .small-text {
    display: flex;
    flex-direction: column;
    gap: 1.1429rem;
}

.distributor-row .elementor-row  {
    display: flex;
    gap: 25px;
}

.grey-card.line:hover .text, .distributor-card.line:hover .text {
    padding-bottom: 24px;
}

.grey-card .link {
    opacity: 0;
    position: absolute;
    z-index: 50;
}

.distributor-card .link {
    opacity: 0;
    height: 0;
    display: block;
}

.grey-card:hover .link, .distributor-card:hover .link {
    animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.distributor-card:hover .link {
    height: auto;
}

.grid-section-4 .grey-card.line {
    min-height: 21.5714rem;
}

/* Small white card */

.small-white-card {
    display: flex;
    flex-direction: column;
}

.small-white-card .text {
    color: var(--secondary-3-color);
    text-align: center;
    font-size: 1.7143rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.2857rem; /* 133.333% */
    margin-bottom: .8571rem;
    margin-top: 1.7143rem;
}

.small-white-card .small-text {
    color: #6A7179;
    text-align: center;
    font-size: 1.1429rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7143rem; /* 150% */
}

.icone-piece-stock::before {
    content: url(../sgv/icone_piece_stock.svg);
    text-align: center;
}

.icone-garantie::before {
    content: url(../sgv/icone_garantie.svg);
    text-align: center;
}

.icone-service-client::before {
    content: url(../sgv/icone_service_client.svg);
    text-align: center;
}

.icone-paiement::before {
    content: url(../sgv/icone_paiement.svg);
    text-align: center;
}

.stats .elementor-container {
    background: white;
    border-radius: 16px;
    padding: 4.5714rem;
}

.stats.stats-top .elementor-container {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.stats.stats-bottom .elementor-container {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.grid-eco .grid-card:hover {
    background-color: #458695;
}

.grid-eco .grid-card .sub-text {
    height: 0;
    opacity: 0;
    color: white;
}

.grid-eco .grid-card:hover .sub-text {
    height: auto;
    opacity: 1;
}

.grid-eco .grid-card:hover .text {
    padding-bottom: 0;
}

.grid-card.icone-carbone::after {
    content: url(../sgv/icone_carbone.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-dechets::after {
    content: url(../sgv/icone_dechets.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-atelier::after {
    content: url(../sgv/icone_atelier.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.grid-card.icone-amelioration::after {
    content: url(../sgv/icone_amelioration.svg);
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 1.7143rem;
    padding-right: 1.7143rem;
}

.card-center {
    height: fit-content;
    align-self: center;
}

.grey-card.icone-piece-detache::after {
    content: url(../sgv/icone_piece_detache.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-location::after {
    content: url(../sgv/icone_location.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-depannage-medium::after {
    content: url(../sgv/icone_depannage_medium.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.grey-card.icone-maintenance-medium::after {
    content: url(../sgv/icone_maintenance_medium.svg);
    position: absolute;
    top: 1.7143rem;
    right: 1.7143rem;
}

.icone.arrow_up_red::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    background-image: url(../sgv/arrow_up_red.svg);
    background-size: 18px;
}

.icone.arrow_up_blue::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    background-image: url(../sgv/arrow_up_blue.svg);
    background-size: 18px;
}

.distributor-card {
    justify-content: flex-start;
}

.distributor-card .elementor-element-populated, .distributor-card .elementor-widget-wrap {
    flex-grow: 1;
}

.distributor-card .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.distributor-card img {
    max-height: 150px;
    width: auto;
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}