{"result":"\n            <div style=\"background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%); border-radius: 16px; padding: 25px 30px; margin-bottom: 20px; border: 2px solid #C9A962;\">\n                <div style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;\">\n                    <div style=\"display: flex; align-items: center; gap: 20px;\">\n                        <div style=\"width: 80px; height: 60px; background: white; border-radius: 10px; display: flex; align-items: center; justify-content: center;\">\n                            <i class=\"fa fa-ban\" style=\"font-size: 30px; color: #999;\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 style=\"font-size: 18px; font-weight: 800; color: #2E7D32; margin: 0 0 5px 0;\">OPTION SANS TRANSFERT<\/h3>\n                            <p style=\"color: #558B2F; font-size: 14px; margin: 0;\">Continuer sans option de transfert<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"text-align: center;\">\n                        <div style=\"font-size: 11px; color: #558B2F; font-weight: 600; margin-bottom: 5px;\">PACKAGE<\/div>\n                        <div style=\"font-size: 28px; font-weight: 900; color: #2E7D32; margin-bottom: 10px;\">0 €<\/div>\n                        <a href=\"javascript:chooseTransfert(0)\" \n                           style=\"display: inline-block; background: linear-gradient(135deg, #C9A962, #388E3C); color: white; padding: 12px 30px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase;\">\n                            Sans transfert\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/3\/ajC25e50840f5a4d1b7734b669e7d476e72.jpg\" \n                             alt=\"TVG\" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 1 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">TVG<\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">haramain high speed railway<\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(320,54)\" \n                                    name=\"nbTransfert54\" \n                                    id=\"nbTransfert54\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (1 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert54\">320.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg54\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir54\"\n                                onclick=\"chooseTransfert(54)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/11\/8qpprix-toyota-corolla-sedan.jpg\" \n                             alt=\"Texi 4 seter sedan\" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 4 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi 4 seter sedan<\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">voiture 4 personnes seter sedan <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(312.5,189)\" \n                                    name=\"nbTransfert189\" \n                                    id=\"nbTransfert189\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (4 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert189\">312.50 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg189\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir189\"\n                                onclick=\"chooseTransfert(189)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/11\/k85prix-toyota-corolla-sedan.jpg\" \n                             alt=\"Texi 4 seter sedan\" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 4 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi 4 seter sedan<\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">voiture 4 personnes seter sedan <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(325,190)\" \n                                    name=\"nbTransfert190\" \n                                    id=\"nbTransfert190\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (4 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert190\">325.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg190\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir190\"\n                                onclick=\"chooseTransfert(190)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/1\/s9Jford-gmc.png\" \n                             alt=\"Ford\" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 4 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Ford<\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">CARTHAGE BUS<\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(1700,199)\" \n                                    name=\"nbTransfert199\" \n                                    id=\"nbTransfert199\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (4 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert199\">1,700.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg199\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir199\"\n                                onclick=\"chooseTransfert(199)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/12\/ubcJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 7 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 7 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 7 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 7 personnes <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(412.5,191)\" \n                                    name=\"nbTransfert191\" \n                                    id=\"nbTransfert191\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (7 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert191\">412.50 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg191\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir191\"\n                                onclick=\"chooseTransfert(191)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/12\/ztbJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 7 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 7 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 7 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 7 personnes <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(425.5,192)\" \n                                    name=\"nbTransfert192\" \n                                    id=\"nbTransfert192\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (7 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert192\">425.50 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg192\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir192\"\n                                onclick=\"chooseTransfert(192)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/1\/Atvgmx.jpeg\" \n                             alt=\"GMC\" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 7 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">GMC<\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">CARTHAGE BUS<\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(2400,200)\" \n                                    name=\"nbTransfert200\" \n                                    id=\"nbTransfert200\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (7 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert200\">2,400.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg200\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir200\"\n                                onclick=\"chooseTransfert(200)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/13\/3jxJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 8 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 8 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 8 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 8 personnes <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(400,193)\" \n                                    name=\"nbTransfert193\" \n                                    id=\"nbTransfert193\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (8 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert193\">400.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg193\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir193\"\n                                onclick=\"chooseTransfert(193)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/13\/ajkJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 8 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 8 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 8 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 8 personnes <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(425,194)\" \n                                    name=\"nbTransfert194\" \n                                    id=\"nbTransfert194\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (8 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert194\">425.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg194\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir194\"\n                                onclick=\"chooseTransfert(194)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/14\/wxsJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 10 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 10 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 10 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 10 seats <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(400,195)\" \n                                    name=\"nbTransfert195\" \n                                    id=\"nbTransfert195\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (10 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert195\">400.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg195\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir195\"\n                                onclick=\"chooseTransfert(195)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/14\/6nnJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 10 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 10 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 10 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 10 seats <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(425,196)\" \n                                    name=\"nbTransfert196\" \n                                    id=\"nbTransfert196\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (10 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert196\">425.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg196\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir196\"\n                                onclick=\"chooseTransfert(196)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/15\/ahkJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 11 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 11 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 11 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 11 seats <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(475,197)\" \n                                    name=\"nbTransfert197\" \n                                    id=\"nbTransfert197\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (11 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert197\">475.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg197\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir197\"\n                                onclick=\"chooseTransfert(197)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/15\/t3nJiz3IAYp-NJYwJ.jpg\" \n                             alt=\"Texi: Staria vip and Starx\/H1 11 seats \" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 11 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">Texi: Staria vip and Starx\/H1 11 seats <\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">Voiture Staria vip and Starx\/H1 11 seats <\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(487.5,198)\" \n                                    name=\"nbTransfert198\" \n                                    id=\"nbTransfert198\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (11 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert198\">487.50 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg198\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir198\"\n                                onclick=\"chooseTransfert(198)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"transfert-card-item\" style=\"background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); margin-bottom: 20px; border: 1px solid #E0F7FA;\">\n                <div style=\"display: grid; grid-template-columns: 220px 1fr 200px; gap: 0; min-height: 180px;\">\n                    <div style=\"position: relative; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 15px;\">\n                        <img src=\"http:\/\/nexsafar.com\/-image\/transfert\/1\/HCZbus-yutong.jpg\" \n                             alt=\"BUS 2021\" \n                             style=\"max-width: 100%; max-height: 140px; object-fit: contain;\"\n                             onerror=\"this.src='\/assets\/img\/transfert-default.jpg'\">\n                        <div style=\"position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #00737f, #005a64); color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;\">\n                            <i class=\"fa fa-users\" style=\"font-size: 11px;\"><\/i> 48 personnes\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 20px 25px; display: flex; flex-direction: column; justify-content: center;\">\n                        <h3 style=\"font-size: 18px; font-weight: 800; color: #00737f; margin: 0 0 10px 0;\">BUS 2021<\/h3>\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px;\">\n                            <div style=\"width: 28px; height: 28px; background: #00737f; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                                <i class=\"fa fa-building\" style=\"color: white; font-size: 12px;\"><\/i>\n                            <\/div>\n                            <span style=\"color: #546E7A; font-size: 14px; font-weight: 600;\">CARTHAGE BUS<\/span>\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; color: #78909C; font-size: 12px; font-weight: 600; margin-bottom: 6px;\">Nombre de véhicules :<\/label>\n                            <select onchange=\"calculTarifTransfert(5000,201)\" \n                                    name=\"nbTransfert201\" \n                                    id=\"nbTransfert201\"\n                                    style=\"padding: 10px 15px; border: 2px solid #E0E0E0; border-radius: 8px; font-size: 14px; font-weight: 600; min-width: 180px; cursor: pointer;\">\n                                <option value=\"1\" selected>1 véhicule (48 pers.)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: linear-gradient(180deg, #f8f9fa 0%, #eceff1 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n                        <div style=\"font-size: 11px; color: #78909C; font-weight: 700; margin-bottom: 8px;\">PRIX TOTAL<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: #00737f; margin-bottom: 5px;\" id=\"transfert201\">5,000.00 €<\/div>\n                        <div style=\"font-size: 12px; color: #90A4AE; margin-bottom: 15px; display: none;\" id=\"selectMsg201\">Sélectionnez le nombre<\/div>\n                        <button type=\"button\" \n                                id=\"btnChoisir201\"\n                                onclick=\"chooseTransfert(201)\" \n                                \n                                style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #00737f, #005a64); cursor: pointer; opacity: 1; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; border: none;\">\n                            Choisir <i class=\"fa fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>","rows":"15","qty":20,"active":1,"zone":null,"zone_id":null}