Tropical Energy<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 100px 50px;\r\n }\r\n\r\n .main-title {\r\n font-size: 58px;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #0072ce 0%, #0072ce 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 80px;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .content-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n margin-top: 60px;\r\n }\r\n\r\n .section-card {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 50px;\r\n box-shadow: 0 15px 50px rgba(0, 114, 206, 0.1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .section-label {\r\n display: inline-block;\r\n color: #ffffff;\r\n background: linear-gradient(135deg, #0072ce 0%, #0072ce 100%);\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n padding: 12px 30px;\r\n border-radius: 50px;\r\n margin-bottom: 35px;\r\n text-transform: uppercase;\r\n box-shadow: 0 8px 25px rgba(0, 114, 206, 0.3);\r\n }\r\n\r\n .section-text {\r\n font-size: 16px;\r\n line-height: 1.9;\r\n color: #444;\r\n font-weight: 400;\r\n text-align: justify;\r\n position: relative;\r\n padding-left: 20px;\r\n border-left: 3px solid transparent;\r\n transition: border-left-color 0.3s ease;\r\n }\r\n\r\n .section-card:hover .section-text {\r\n border-left-color: #0072ce;\r\n }\r\n\r\n .content-inner {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .content-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .main-title {\r\n font-size: 42px;\r\n }\r\n\r\n .section-card {\r\n padding: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 60px 20px;\r\n }\r\n\r\n .main-title {\r\n font-size: 32px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-card {\r\n padding: 30px;\r\n }\r\n\r\n .section-label {\r\n font-size: 12px;\r\n padding: 10px 25px;\r\n }\r\n\r\n .section-text {\r\n font-size: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1 class=\"main-title\"><\/h1>\r\n <div class=\"content-wrapper\">\r\n \r\n \r\n <div class=\"section-card\">\r\n <div class=\"content-inner\">\r\n <span class=\"section-label\">Our Vision<\/span>\r\n <p class=\"section-text\">\r\n TROPICAL ENERGY aims to become, within the next ten years, the benchmark for renewable energy in Benin and Africa, with global recognition. Its logo embodies this vision: Africa, in blue, a symbol of trust, illuminated by yellow solar energy, all surrounded by a circle representing unity and family.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-card\">\r\n <div class=\"content-inner\">\r\n <span class=\"section-label\">Our Mission<\/span>\r\n <p class=\"section-text\">\r\n We actively contribute to Africa's energy independence through sustainable, accessible, and innovative solutions. Our actions are based on listening, auditing, training, research, and technical advice on renewable energies.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-4312099 e-flex e-con-boxed e-con e-parent\" data-id=\"4312099\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-19a868b elementor-widget elementor-widget-heading\" data-id=\"19a868b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our values<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-5bf8d44 e-flex e-con-boxed e-con e-parent\" data-id=\"5bf8d44\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-73fb867 elementor-widget elementor-widget-text-editor\" data-id=\"73fb867\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tLa <span style=\"color: #000000; font-weight: bold;\">trust<\/span>, there <span style=\"color: #0072ce; font-weight: bold;\">passion<\/span> et la <span style=\"color: #0072ce; font-weight: bold;\">responsabilit\u00e9<\/span> sont au c\u0153ur de tout ce que nous faisons. <br> Nous \u0153uvrons chaque jour pour cr\u00e9er un <span style=\"color: #0072ce; font-weight: bold;\">lien sinc\u00e8re<\/span> and <span style=\"color: #0072ce; font-weight: bold;\">durable<\/span> avec ceux qui nous font confiance.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-3af813a e-flex e-con-boxed e-con e-parent\" data-id=\"3af813a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-2aceb4d elementor-widget elementor-widget-html\" data-id=\"2aceb4d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n body { font-family: 'Poppins', sans-serif; background: #f5f5f5; }\r\n\r\n .values-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 50px 20px;\r\n }\r\n\r\n .values-wrapper {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* 3 cartes sur la m\u00eame ligne *\/\r\n gap: 30px;\r\n }\r\n\r\n .value-card {\r\n background: #ffffff;\r\n border: 1.5px solid #0072CE;\r\n border-radius: 20px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n .value-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 35px rgba(0,114,206,0.2);\r\n border-color: #005bb5;\r\n }\r\n\r\n .value-card-text {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: #333333;\r\n font-weight: 500;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n @media(max-width: 1024px) {\r\n .values-wrapper {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .values-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .value-card {\r\n padding: 30px 25px;\r\n }\r\n .value-card-text {\r\n font-size: 15px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"values-container\">\r\n <div class=\"values-wrapper\">\r\n \r\n <div class=\"value-card\">\r\n <p class=\"value-card-text\">Family spirit, a driving force for solidarity and cohesion<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"value-card\">\r\n <p class=\"value-card-text\">Professionalism, guaranteeing quality and respect for commitments<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"value-card\">\r\n <p class=\"value-card-text\">Empathy, to integrate each client into a lasting relationship<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-c24a4f6 e-flex e-con-boxed e-con e-parent\" data-id=\"c24a4f6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-7d575af elementor-widget elementor-widget-html\" data-id=\"7d575af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .te-mission-vision-container * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .te-mission-vision-container {\r\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 20px 0;\r\n }\r\n\r\n .te-cards-wrapper {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .te-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n display: flex;\r\n gap: 30px;\r\n align-items: flex-start;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .te-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.2);\r\n }\r\n\r\n .te-icon-wrapper {\r\n width: 80px;\r\n height: 80px;\r\n background: #0072CE;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .te-card:hover .te-icon-wrapper {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .te-icon-wrapper svg {\r\n width: 40px;\r\n height: 40px;\r\n stroke: white;\r\n stroke-width: 2;\r\n fill: none;\r\n }\r\n\r\n .te-card-content {\r\n flex: 1;\r\n }\r\n\r\n .te-card-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #2d3748;\r\n margin-bottom: 12px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .te-card-text {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #4a5568;\r\n font-weight: 400;\r\n }\r\n\r\n @media(max-width: 968px) {\r\n .te-cards-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n .te-card {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n @media(max-width: 640px) {\r\n .te-card {\r\n flex-direction: column;\r\n text-align: left;\r\n padding: 25px;\r\n }\r\n .te-card-title {\r\n font-size: 20px;\r\n }\r\n .te-card-text {\r\n font-size: 14px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"te-mission-vision-container\">\r\n <div class=\"te-cards-wrapper\">\r\n \r\n <div class=\"te-card\">\r\n <div class=\"te-icon-wrapper\">\r\n <svg viewbox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M32 8 C24 8 18 14 18 22 C18 30 32 44 32 44 C32 44 46 30 46 22 C46 14 40 8 32 8 Z\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"32\" cy=\"22\" r=\"5\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M20 38 C14 40 10 44 10 48 C10 54 20 56 32 56 C44 56 54 54 54 48 C54 44 50 40 44 38\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"te-card-content\">\r\n <h3 class=\"te-card-title\">Accompaniement<\/h3>\r\n <p class=\"te-card-text\">\r\n Tropical Energy focuses on personalized support and skills transfer through training, advice and project monitoring.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"te-card\">\r\n <div class=\"te-icon-wrapper\">\r\n <svg viewbox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"24\" cy=\"20\" r=\"8\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M12 48 C12 38 16 34 24 34 C32 34 36 38 36 48\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"44\" cy=\"24\" r=\"6\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M38 48 C38 42 40 38 44 38 C48 38 50 40 52 44\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M32 10 L32 18 M38 12 L34 16 M26 12 L30 16\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"te-card-content\">\r\n <h3 class=\"te-card-title\">Support<\/h3>\r\n <p class=\"te-card-text\">\r\n Tropical Energy supports its customers with technical and human support, while promoting ecological responsibility and sustainability.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"te-card\">\r\n <div class=\"te-icon-wrapper\">\r\n <svg viewbox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 32 L22 22 L32 32 L42 22 L52 32\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M16 36 L32 52 L48 36\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"32\" cy=\"14\" r=\"6\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M20 28 L32 40 L44 28\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"te-card-content\">\r\n <h3 class=\"te-card-title\">Accessibility<\/h3>\r\n <p class=\"te-card-text\">\r\n Tropical Energy offers accessible and inclusive solutions, designed to meet the needs of vulnerable populations.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"te-card\">\r\n <div class=\"te-icon-wrapper\">\r\n <svg viewbox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M32 8 L48 14 L48 30 C48 42 32 52 32 52 C32 52 16 42 16 30 L16 14 Z\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M28 32 L30 34 L36 26\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"32\" cy=\"22\" r=\"3\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <path d=\"M26 32 C26 32 28 28 32 28 C36 28 38 32 38 32\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"te-card-content\">\r\n <h3 class=\"te-card-title\">Ethics Policy<\/h3>\r\n <p class=\"te-card-text\">\r\n We act with integrity and respect for ethical standards, thus strengthening the trust of our partners.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-6842faf e-flex e-con-boxed e-con e-parent\" data-id=\"6842faf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-793992c elementor-widget elementor-widget-html\" data-id=\"793992c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .partners-section {\r\n font-family: 'Poppins', sans-serif;\r\n background: #f8f9fa;\r\n padding: 80px 20px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .partners-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .partners-header h2 {\r\n font-size: 46px;\r\n font-weight: 700;\r\n color: #000;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .partners-header h2 .highlight {\r\n color: #0072ce;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 16px;\r\n color: #555;\r\n line-height: 1.8;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .partners-header p .bold {\r\n font-weight: 600;\r\n color: #0072ce;\r\n }\r\n\r\n .partners-header p .strong {\r\n font-weight: 700;\r\n color: #000;\r\n }\r\n\r\n .carousel-container {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 40px 0;\r\n }\r\n\r\n .carousel-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n gap: 40px;\r\n animation: scroll 30s linear infinite;\r\n }\r\n\r\n .carousel-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .partner-card {\r\n flex: 0 0 250px;\r\n height: 160px;\r\n background: #fff;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 30px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .partner-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 8px 25px rgba(0, 114, 206, 0.15);\r\n }\r\n\r\n .partner-card img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .nav-button {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: #CBCCCD;\r\n border: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(0, 114, 206, 0.3);\r\n flex-shrink: 0;\r\n display: none;\r\n }\r\n\r\n .nav-button:hover {\r\n background: #005aa3;\r\n transform: scale(1.1);\r\n }\r\n\r\n .nav-button svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: #fff;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partners-section {\r\n padding: 50px 15px;\r\n }\r\n\r\n .partners-header h2 {\r\n font-size: 28px;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 14px;\r\n }\r\n\r\n .partner-card {\r\n flex: 0 0 200px;\r\n height: 140px;\r\n padding: 20px;\r\n }\r\n\r\n .nav-button {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n\r\n .nav-button svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"partners-section\">\r\n <div class=\"partners-header\">\r\n <h2>They make us <span class=\"highlight\">trust<\/span><\/h2>\r\n <p>Do as <span class=\"bold\">thousands of businesses<\/span> who optimize their energy consumption thanks to our <span class=\"strong\">sustainable and innovative solutions<\/span>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel-wrapper\">\r\n <button class=\"nav-button\" onclick=\"scrollCarousel(-1)\" aria-label=\"Previous\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\">\r\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n \r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/8334ae_a9351aaa7c5d4fd39dca03e15f9f1911mv2.jpeg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/326695592_568674914883480_6988010403244911059_n.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/adapamilogo.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/AFCONS_logo.svg.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/arton2785.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Brussels-Airlines-Logo-scaled.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/cropped-lagazel-lampe-solaire-logo.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/images.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Institution-2-1.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Logo_of_the_United_Nations_Office_for_Project_Services.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/logo-alt.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/SOGEA_SATOM_Plan-de-travail-1.png\"><\/div>\r\n\r\n \r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/8334ae_a9351aaa7c5d4fd39dca03e15f9f1911mv2.jpeg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/326695592_568674914883480_6988010403244911059_n.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/adapamilogo.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/AFCONS_logo.svg.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/arton2785.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Brussels-Airlines-Logo-scaled.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/cropped-lagazel-lampe-solaire-logo.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/images.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Institution-2-1.jpg\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Logo_of_the_United_Nations_Office_for_Project_Services.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/logo-alt.png\"><\/div>\r\n <div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/SOGEA_SATOM_Plan-de-travail-1.png\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"nav-button\" onclick=\"scrollCarousel(1)\" aria-label=\"Following\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\">\r\n <path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function scrollCarousel(direction) {\r\n const track = document.getElementById('carouselTrack');\r\n const cardWidth = 250 + 40;\r\n const scrollAmount = cardWidth * 3 * direction;\r\n \r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${scrollAmount}px)`;\r\n \r\n setTimeout(() => {\r\n track.style.animation = 'scroll 30s linear infinite';\r\n track.style.transform = 'translateX(0)';\r\n }, 500);\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-8280d79 e-flex e-con-boxed e-con e-parent\" data-id=\"8280d79\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-c4b326c elementor-widget elementor-widget-html\" data-id=\"c4b326c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Pourquoi nous choisir<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n background-color: #f8f9fa;\r\n }\r\n\r\n .pourquoi-container {\r\n max-width: 1400px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .pourquoi-section {\r\n display: grid;\r\n grid-template-columns: 55% 45%;\r\n gap: 0;\r\n align-items: stretch;\r\n background: white;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 114, 198, 0.08);\r\n }\r\n\r\n .image-section {\r\n position: relative;\r\n height: 100%;\r\n min-height: 700px;\r\n overflow: hidden;\r\n order: 2;\r\n }\r\n\r\n .image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #0072ce 0%, #0072ce 100%);\r\n }\r\n\r\n .decorative-circle-top {\r\n position: absolute;\r\n top: -80px;\r\n right: -80px;\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 50%;\r\n border: 40px solid rgba(255, 255, 255, 0.12);\r\n z-index: 1;\r\n }\r\n\r\n .decorative-circle-bottom {\r\n position: absolute;\r\n bottom: -100px;\r\n left: -100px;\r\n width: 320px;\r\n height: 320px;\r\n border-radius: 50%;\r\n border: 50px solid rgba(255, 255, 255, 0.1);\r\n z-index: 1;\r\n }\r\n\r\n .main-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n z-index: 2;\r\n }\r\n\r\n .content-section {\r\n padding: 60px 40px 60px 80px;\r\n order: 1;\r\n }\r\n\r\n .main-title {\r\n font-size: 52px;\r\n font-weight: 700;\r\n color: #1a2f42;\r\n margin-bottom: 24px;\r\n line-height: 1.2;\r\n }\r\n\r\n .intro-text {\r\n font-size: 17px;\r\n color: #5a6c7d;\r\n line-height: 1.7;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .intro-text strong {\r\n color: #0072C6;\r\n font-weight: 600;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 40px;\r\n }\r\n\r\n .feature-item {\r\n position: relative;\r\n padding-left: 0;\r\n }\r\n\r\n .feature-number {\r\n display: inline-block;\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #0072C6;\r\n background: rgba(0, 114, 198, 0.1);\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .feature-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #1a2f42;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-description {\r\n font-size: 15px;\r\n color: #5a6c7d;\r\n line-height: 1.6;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .pourquoi-section {\r\n gap: 40px;\r\n }\r\n \r\n .content-section {\r\n padding: 50px 60px 50px 20px;\r\n }\r\n\r\n .main-title {\r\n font-size: 44px;\r\n }\r\n }\r\n\r\n @media (max-width: 968px) {\r\n .pourquoi-section {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n\r\n .image-section {\r\n min-height: 500px;\r\n order: 2;\r\n }\r\n\r\n .content-section {\r\n padding: 50px 40px;\r\n order: 1;\r\n }\r\n\r\n .main-title {\r\n font-size: 38px;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .pourquoi-container {\r\n margin: 30px auto;\r\n padding: 0 15px;\r\n }\r\n\r\n .content-section {\r\n padding: 40px 30px;\r\n }\r\n\r\n .main-title {\r\n font-size: 32px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro-text {\r\n font-size: 16px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .image-section {\r\n min-height: 400px;\r\n }\r\n\r\n .feature-title {\r\n font-size: 18px;\r\n }\r\n\r\n .feature-description {\r\n font-size: 14px;\r\n }\r\n\r\n .decorative-circle-top {\r\n width: 200px;\r\n height: 200px;\r\n border-width: 30px;\r\n }\r\n\r\n .decorative-circle-bottom {\r\n width: 240px;\r\n height: 240px;\r\n border-width: 35px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"pourquoi-container\">\r\n <div class=\"pourquoi-section\">\r\n <div class=\"image-section\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"decorative-circle-top\"><\/div>\r\n <div class=\"decorative-circle-bottom\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-07-19-at-14.30.26.jpeg\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"content-section\">\r\n <h1 class=\"main-title\">Why choose us?<\/h1>\r\n <p class=\"intro-text\">\r\n At the house of <strong>Tropical Energy<\/strong>, we know that choosing the right partner for your energy needs is a key decision. Here's why we're your best choice:\r\n <\/p>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-item\">\r\n <span class=\"feature-number\">1.<\/span>\r\n <h3 class=\"feature-title\">Tailor-made, sustainable and guaranteed solutions, adapted to your needs and accessible at a lower cost.\r\n<\/h3>\r\n <p class=\"feature-description\">\r\n \r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"feature-number\">2.<\/span>\r\n <h3 class=\"feature-title\">Over 10 years of successful experience in energy and climate, with projects that speak for themselves.<\/h3>\r\n <p class=\"feature-description\">\r\n \r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"feature-number\">3.<\/span>\r\n <h3 class=\"feature-title\">A team of certified and passionate experts, capable of providing innovative and reliable solutions<\/h3>\r\n <p class=\"feature-description\">\r\n \r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"feature-number\">4.<\/span>\r\n <h3 class=\"feature-title\">A large community of satisfied customers, who testify to our seriousness and our impact.<\/h3>\r\n <p class=\"feature-description\">\r\n \r\n <\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-number\">5.<\/span>\r\n <h3 class=\"feature-title\">Responsive and almost free after-sales support, so you always have peace of mind.<\/h3>\r\n <p class=\"feature-description\">\r\n \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n\t\t<div class=\"default no-position show_shadow rs-sticky-default elementor-element elementor-element-7c6a933 e-flex e-con-boxed e-con e-parent\" data-id=\"7c6a933\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\t\t\t\t<div class=\"elementor-element elementor-element-7925fd4 elementor-widget elementor-widget-heading\" data-id=\"7925fd4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Trust us <br>your project today and transform<br> together your energy challenges into lasting successes.<\/h6>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TROPICAL ENERGY est une entreprise b\u00e9ninoise sp\u00e9cialis\u00e9e dans les solutions \u00e9nerg\u00e9tiques durables, l\u2019\u00e9lectrification moderne et l\u2019innovation technologique. Avec plusieurs ann\u00e9es d\u2019exp\u00e9rience \u00e0 notre actif, nous op\u00e9rons sur des projets de petites et grandes envergures aussi bien sur le territoire national qu\u2019au-del\u00e0 des fronti\u00e8res. Tropical Energy Notre Vision TROPICAL ENERGY ambitionne de devenir, dans les dix…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":0,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"wp:attachment":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}