/* Style pour afficher les forfaits */
        .forfaits-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding: 20px;
            font-family: Arial, sans-serif;
            width: 100%;
            height: auto;
        }
        .forfait-card {
            background: #ffffff;
            border: 2px solid #7ba389;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            width: calc(14% - 7px);
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 20px;
            color: #333;
            position: relative;
            padding: 10px;
        }
        .forfait-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }
        .forfait-card h3 {
            font-size: 24px;
            margin: 0px 0 15px;
            padding: 0;
            color: #7ba389 !important;
        }
        .forfait-card .price {
            font-size: 20px;
            margin: 5px 0;
            font-family: 'Poly';
            font-weight: bold;
        }
        .forfait-card .minutes {
			font-family: 'Poly';
            font-size: 19px;
            margin: 10px 0;
            text-align: center;
            font-weight: bold;
            color: #b5995a;
        }
        .forfait-card .credits {
            font-size: 14px;
            margin: 10px 0;
            color: #888;
        }
        .forfait-card .buy-button {
            background-color: #7ba389;
            border: none;
            color: white;
            cursor: pointer;
			font-family: 'Poly';
            font-size: 1em;
            padding: 10px;
            text-transform: uppercase;
            transition: background-color 0.3s;
            border-radius: 5px;
        }
        .forfait-card .buy-button:hover {
            background-color: #477757;
        }
        .forfait-card .ribbon {
            width: 120px;
            height: 120px;
            overflow: hidden;
            position: absolute;
            top: -10px;
            right: -10px;
        }
        .forfait-card .ribbon span {
            position: absolute;
            display: block;
            width: 160px;
            height: 29px;
            padding: 5px 0;
            background-color: #b5995a;
            color: #fff;
			font-family: 'Poly';
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
            transform: rotate(45deg);
            top: 20px;
            right: -40px;
            box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        }
        .forfait-card .ribbon-recommend {
            background-color: #7ba389;
        }
        .forfait-card .ribbon-best {
            background-color: #7ba389 ;
        }
        /* Ajout de styles pour centrer l'image */
        .forfait-card img {
            display: block;
            margin: 0 auto;
        }

@media (max-width: 1600px) {
            .forfait-card {
                width: calc(33.33% - 20px);
            }
        }

        @media (max-width: 1280px) {
            .forfait-card {
                width: calc(33.33% - 20px);
            }
        }
        @media (max-width: 900px) {
            .forfait-card {
                width: calc(50% - 20px);
            }
        }
        @media (max-width: 600px) {
            .forfait-card {
                width: calc(100% - 20px);
            }
        }