{"id":10021,"date":"2025-06-24T10:02:37","date_gmt":"2025-06-24T10:02:37","guid":{"rendered":"https:\/\/derrick-draa.com\/?page_id=10021"},"modified":"2026-04-05T00:44:03","modified_gmt":"2026-04-05T00:44:03","slug":"derrick-daraa","status":"publish","type":"page","link":"https:\/\/derrick-draa.com\/","title":{"rendered":"Derrick Daraa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10021\" class=\"elementor elementor-10021\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"no-position  elementor-element elementor-element-4042b7f e-flex e-con-boxed e-con e-parent\" data-id=\"4042b7f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf06082 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"cf06082\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1459525512389625');\nfbq('track', 'PageView');\nfbq('track', 'ViewContent');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1459525512389625&ev=PageView&noscript=1\"\n\/><\/noscript>\n<!-- End Meta Pixel Code -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fff43ea elementor-widget-mobile__width-initial gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"fff43ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"hero-section\">\r\n    <div class=\"hero-container\">\r\n      <!-- Header with Logo -->\r\n      <header class=\"hero-header\">\r\n        <div class=\"logo-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2024\/11\/WhatsApp_Image_2025-05-14_at_12.12.25_aa003e05-removebg-preview-1.png\" alt=\"Derrick Draa Logo\" class=\"logo\">\r\n        <\/div>\r\n        <div class=\"contact-info\">\r\n          <span class=\"email\"><i class=\"fas fa-envelope\"><\/i> abouhfid@contrepair.net<\/span>\r\n        <\/div>\r\n      <\/header>\r\n  \r\n      <!-- Main Hero Content -->\r\n      <div class=\"hero-content\">\r\n        <div class=\"hero-left\">\r\n          <div class=\"hero-badge\">\r\n            <i class=\"fas fa-trophy\"><\/i> TOP 5 MONDIAL\r\n          <\/div>\r\n          \r\n          <h1 class=\"hero-title\">\r\n            <span class=\"highlight\">DERRICK DRAA<\/span>\r\n            <span class=\"leader-text\">Leader Africain en<\/span>\r\n            <span class=\"services-text\">Maintenance & Vente de Conteneurs<\/span>\r\n          <\/h1>\r\n          \r\n          <div class=\"hero-subtitle\">\r\n            <p> <strong>Parmi les 5 meilleures companies internationales<\/strong> sp\u00e9cialis\u00e9es dans la maintenance des conteneurs frigorifiques<\/p>\r\n          <\/div>\r\n  \r\n          <div class=\"services-list\">\r\n            <div class=\"service-item\">\r\n              <span class=\"checkmark\"><i class=\"fas fa-check\"><\/i><\/span>\r\n              <span><i class=\"fas fa-shipping-fast\"><\/i> Conteneurs Dry & Frigorifiques d'occasion<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <span class=\"checkmark\"><i class=\"fas fa-check\"><\/i><\/span>\r\n              <span><i class=\"fas fa-tools\"><\/i> Maintenance & Pi\u00e8ces de rechange<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <span class=\"checkmark\"><i class=\"fas fa-check\"><\/i><\/span>\r\n              <span><i class=\"fas fa-search\"><\/i> Inspection & Am\u00e9nagement<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <span class=\"checkmark\"><i class=\"fas fa-check\"><\/i><\/span>\r\n              <span><i class=\"fas fa-warehouse\"><\/i> Stockage & Nettoyage professionnel<\/span>\r\n            <\/div>\r\n          <\/div>\r\n  \r\n          <div class=\"machines-brands\">\r\n            <p class=\"brands-title\"><i class=\"fas fa-handshake\"><\/i> Repr\u00e9sentants officiels en Afrique:<\/p>\r\n            <div class=\"brands-grid\">\r\n              <span class=\"brand\">CARRIER<\/span>\r\n              <span class=\"brand\">THERMOKING<\/span>\r\n              <span class=\"brand\">STARCOOL<\/span>\r\n              <span class=\"brand\">DAIKIN<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n  \r\n        <div class=\"hero-right\">\r\n         <!-- Video Section -->\r\n          <div class=\"video-container\">\r\n            <div class=\"video-wrapper\">\r\n              <div class=\"vimeo-embed\">\r\n                <iframe id=\"vimeoIframe\" src=\"https:\/\/player.vimeo.com\/video\/1096218387?h=832b95c4cc&title=0&byline=0&portrait=0\"\r\n                  allow=\"autoplay; fullscreen; picture-in-picture\"\r\n                  allowfullscreen\r\n                  title=\"Derrick Draa Pr\u00e9sentation\"><\/iframe>\r\n                \r\n                <!-- Image Overlay -->\r\n                <div class=\"video-overlay\" id=\"videoOverlay\">\r\n                  <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-22-175841.png\" alt=\"Video Thumbnail\" class=\"overlay-image\">\r\n                  <div class=\"play-button-overlay\">\r\n                    <i class=\"fas fa-play\"><\/i>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <p class=\"video-caption\"><i class=\"fas fa-bullseye\"><\/i> D\u00e9couvrez pourquoi 1 conteneur mal r\u00e9vis\u00e9 = 1 client perdu<\/p>\r\n          <\/div>\r\n  \r\n          <!-- Contact Form -->\r\n          <div class=\"contact-form-container\">\r\n            <div class=\"form-header\">\r\n              <h3><i class=\"fas fa-briefcase\"><\/i> Demandez votre devis gratuit<\/h3>\r\n              <p><i class=\"fas fa-bolt\"><\/i> R\u00e9ponse sous 24h garantie<\/p>\r\n            <\/div>\r\n            \r\n<form class=\"contact-form\" id=\"mainContactForm\" method=\"POST\" action=\"submit.php\">\r\n  <input type=\"text\" name=\"fullname\" placeholder=\"Nom complet*\" required>\r\n  \r\n  <div class=\"form-row\">\r\n    <input type=\"email\" name=\"email\" placeholder=\"Email professionnel*\" required>\r\n    <input type=\"tel\" name=\"phone\" placeholder=\"T\u00e9l\u00e9phone*\" required>\r\n  <\/div>\r\n  \r\n  <input type=\"text\" name=\"company\" placeholder=\"Entreprise*\" required>\r\n  \r\n  <select name=\"container_type\" required>\r\n    <option value=\"\">Type de conteneur recherch\u00e9*<\/option>\r\n    <option value=\"dry-20\">Conteneur Dry 20\"<\/option>\r\n    <option value=\"dry-40\">Conteneur Dry 40\"<\/option>\r\n    <option value=\"dry-40hc\">Conteneur Dry 40\" HC<\/option>\r\n    <option value=\"dry-45hc\">Conteneur Dry 45\" HC<\/option>\r\n    <option value=\"reefer-20\">Conteneur Frigorifique 20\"<\/option>\r\n    <option value=\"reefer-40\">Conteneur Frigorifique 40\"<\/option>\r\n    <option value=\"maintenance\">Service de maintenance<\/option>\r\n    <option value=\"other\">Autre<\/option>\r\n  <\/select>\r\n  \r\n  <textarea name=\"message\" placeholder=\"D\u00e9crivez votre besoin (quantit\u00e9, d\u00e9lai, destination...)\" rows=\"4\"><\/textarea>\r\n  \r\n  <button type=\"submit\" class=\"cta-button\">\r\n    <span><i class=\"fas fa-rocket\"><\/i> OBTENIR MON DEVIS GRATUIT<\/span>\r\n    <i class=\"fas fa-arrow-right\"><\/i>\r\n  <\/button>\r\n<\/form>\r\n            \r\n            <div class=\"form-footer\">\r\n              <p><i class=\"fas fa-lock\"><\/i> Vos donn\u00e9es sont s\u00e9curis\u00e9es et confidentielles<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <style>\r\n  \/* Add Font Awesome CDN *\/\r\n  @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n  \r\n  .hero-section {\r\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n    min-height: 100vh;\r\n    padding: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .hero-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(45deg, rgba(26, 54, 93, 0.05) 0%, rgba(220, 38, 38, 0.05) 100%);\r\n    z-index: 1;\r\n  }\r\n  \r\n  .hero-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  \r\n  .hero-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 15px 40px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(10px);\r\n    border-bottom: 1px solid rgba(26, 54, 93, 0.1);\r\n  }\r\n  \r\n  .logo-container .logo {\r\n    height: 50px;\r\n    width: auto;\r\n  }\r\n  \r\n  .contact-info {\r\n    display: flex;\r\n    gap: 25px;\r\n    font-weight: 600;\r\n    color: #1a365d;\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .contact-info i {\r\n    margin-right: 8px;\r\n    color: #dc2626;\r\n  }\r\n  \r\n  .hero-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 50px;\r\n    padding: 50px 40px;\r\n    align-items: center;\r\n  }\r\n  \r\n  .hero-left {\r\n    text-align: center;\r\n    padding-right: 20px;\r\n  }\r\n  \r\n  .hero-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 10px;\r\n    box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);\r\n  }\r\n  \r\n  .hero-badge i {\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  .hero-title {\r\n    font-size: 2.6rem;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    margin-bottom: 15px;\r\n    color: #1a365d;\r\n    text-align: center;\r\n  }\r\n  \r\n  .hero-title .highlight {\r\n    color: #dc2626;\r\n    display: block;\r\n    margin-bottom: 2px;\r\n  }\r\n  \r\n  .hero-title .leader-text {\r\n    display: block;\r\n    font-size: 1.3rem;\r\n    color: #4a5568;\r\n    font-weight: 600;\r\n    margin-bottom: 2px;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .hero-title .services-text {\r\n    color: #1a365d;\r\n    font-size: 1.5rem;\r\n    display: block;\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .hero-subtitle {\r\n    margin-bottom: 35px;\r\n    text-align: center;\r\n  }\r\n  \r\n  .hero-subtitle p {\r\n    font-size: 1.15rem;\r\n    color: #2d3748;\r\n    line-height: 1.6;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .hero-subtitle i {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  .services-list {\r\n    margin-bottom: 35px;\r\n    text-align: left;\r\n    max-width: 450px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-bottom: 35px;\r\n  }\r\n  \r\n  .service-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 15px;\r\n    font-size: 1.05rem;\r\n    color: #2d3748;\r\n    font-weight: 500;\r\n  }\r\n  \r\n  .service-item i:not(.fa-check) {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n    width: 16px;\r\n  }\r\n  \r\n  .checkmark {\r\n    background: #dc2626;\r\n    color: white;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    flex-shrink: 0;\r\n  }\r\n  \r\n  .machines-brands {\r\n    background: rgba(26, 54, 93, 0.05);\r\n    padding: 25px;\r\n    border-radius: 15px;\r\n    border-left: 4px solid #dc2626;\r\n    max-width: 450px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .brands-title {\r\n    font-weight: 600;\r\n    color: #1a365d;\r\n    margin-bottom: 18px;\r\n    text-align: center;\r\n    font-size: 1.05rem;\r\n  }\r\n  \r\n  .brands-title i {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  .brands-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n  }\r\n  \r\n  .brand {\r\n    background: white;\r\n    padding: 12px 15px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    color: #1a365d;\r\n    text-align: center;\r\n    font-size: 0.95rem;\r\n    border: 1px solid rgba(26, 54, 93, 0.1);\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n  }\r\n  \r\n  .brand i {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  .hero-right {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n  }\r\n  \r\n  .video-container {\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n  }\r\n  \r\n  .video-wrapper {\r\n    position: relative;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    background: #000;\r\n  }\r\n  \r\n  .vimeo-embed {\r\n    position: relative;\r\n    padding-bottom: 56.25%;\r\n    height: 0;\r\n    overflow: hidden;\r\n    border-radius: 12px;\r\n  }\r\n  \r\n  .vimeo-embed iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n  }\r\n  \r\n  .video-caption {\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    font-style: italic;\r\n    color: #4a5568;\r\n    font-weight: 500;\r\n  }\r\n  \r\n  .video-caption i {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  \/* Video Overlay Styles - FIXED *\/\r\n  .video-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 20;\r\n    cursor: pointer;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  \r\n  .overlay-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  \r\n  .play-button-overlay {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: rgba(220, 38, 38, 0.9);\r\n    color: white;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 20px rgba(220, 38, 38, 0.4);\r\n    pointer-events: none; \/* This prevents the button from blocking clicks *\/\r\n  }\r\n  \r\n  .video-overlay:hover .play-button-overlay {\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n    background: rgba(220, 38, 38, 1);\r\n    box-shadow: 0 6px 25px rgba(220, 38, 38, 0.6);\r\n  }\r\n  \r\n  .play-button-overlay i {\r\n    margin-left: 3px; \/* Slight adjustment for visual centering *\/\r\n  }\r\n  \r\n  .contact-form-container {\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    border-top: 4px solid #dc2626;\r\n  }\r\n  \r\n  .form-header {\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .form-header h3 {\r\n    color: #1a365d;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  .form-header h3 i {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  .form-header p {\r\n    color: #dc2626;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .form-header p i {\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  .contact-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n  \r\n  .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 15px;\r\n  }\r\n  \r\n  .contact-form input,\r\n  .contact-form select,\r\n  .contact-form textarea {\r\n    padding: 14px 16px;\r\n    border: 2px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    background: #f8fafc;\r\n    font-weight: 500;\r\n  }\r\n  \r\n  .contact-form input:focus,\r\n  .contact-form select:focus,\r\n  .contact-form textarea:focus {\r\n    outline: none;\r\n    border-color: #dc2626;\r\n    background: white;\r\n    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);\r\n  }\r\n  \r\n  .cta-button {\r\n    background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n    color: white;\r\n    border: none;\r\n    padding: 18px 24px;\r\n    border-radius: 10px;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n  \r\n  .cta-button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4);\r\n  }\r\n  \r\n  .form-footer {\r\n    text-align: center;\r\n    margin-top: 15px;\r\n  }\r\n  \r\n  .form-footer p {\r\n    font-size: 0.9rem;\r\n    color: #4a5568;\r\n    font-weight: 500;\r\n  }\r\n  \r\n  .form-footer i {\r\n    color: #dc2626;\r\n    margin-right: 8px;\r\n  }\r\n  \r\n  \/* Mobile Responsive Design *\/\r\n  @media (max-width: 1024px) {\r\n    .hero-content {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n      padding: 40px 30px;\r\n    }\r\n    \r\n    .hero-title {\r\n      font-size: 2.8rem;\r\n    }\r\n    \r\n    .hero-title .leader-text {\r\n      font-size: 1.9rem;\r\n    }\r\n    \r\n    .hero-title .services-text {\r\n      font-size: 2.1rem;\r\n    }\r\n    \r\n    .hero-left {\r\n      padding-right: 0;\r\n    }\r\n  }\r\n  \r\n  @media (max-width: 768px) {\r\n    .hero-header {\r\n      flex-direction: column;\r\n      gap: 15px;\r\n      text-align: center;\r\n      padding: 20px;\r\n    }\r\n    \r\n    .logo-container .logo {\r\n      height: 45px;\r\n    }\r\n    \r\n    .contact-info {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      font-size: 0.9rem;\r\n    }\r\n    \r\n    .hero-content {\r\n      padding: 30px 20px;\r\n      gap: 35px;\r\n    }\r\n    \r\n    .hero-title {\r\n      font-size: 2.2rem;\r\n    }\r\n    \r\n    .hero-title .leader-text {\r\n      font-size: 1.5rem;\r\n    }\r\n    \r\n    .hero-title .services-text {\r\n      font-size: 1.7rem;\r\n    }\r\n    \r\n    .hero-subtitle p {\r\n      font-size: 1rem;\r\n    }\r\n    \r\n    .form-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .brands-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .services-list {\r\n      max-width: 100%;\r\n    }\r\n    \r\n    .machines-brands {\r\n      max-width: 100%;\r\n    }\r\n    \r\n    .contact-form-container {\r\n      padding: 20px;\r\n    }\r\n    \r\n    .video-container {\r\n      padding: 15px;\r\n    }\r\n    \r\n    .play-button-overlay {\r\n      width: 60px;\r\n      height: 60px;\r\n      font-size: 20px;\r\n    }\r\n  }\r\n  \r\n  @media (max-width: 480px) {\r\n    .hero-title {\r\n      font-size: 1.8rem;\r\n    }\r\n    \r\n    .hero-title .leader-text {\r\n      font-size: 1.3rem;\r\n    }\r\n    \r\n    .hero-title .services-text {\r\n      font-size: 1.5rem;\r\n    }\r\n    \r\n    .hero-badge {\r\n      font-size: 11px;\r\n      padding: 8px 20px;\r\n    }\r\n    \r\n    .service-item {\r\n      font-size: 0.95rem;\r\n    }\r\n    \r\n    .brands-title {\r\n      font-size: 0.95rem;\r\n    }\r\n    \r\n    .brand {\r\n      font-size: 0.85rem;\r\n      padding: 10px 12px;\r\n    }\r\n    \r\n    .contact-form input,\r\n    .contact-form select,\r\n    .contact-form textarea {\r\n      padding: 12px 14px;\r\n      font-size: 0.95rem;\r\n    }\r\n    \r\n    .cta-button {\r\n      padding: 16px 20px;\r\n      font-size: 1rem;\r\n    }\r\n    \r\n    .play-button-overlay {\r\n      width: 50px;\r\n      height: 50px;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  <\/style>\r\n  \r\n  <script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Video play functionality - FIXED\r\n    const videoOverlay = document.getElementById('videoOverlay');\r\n    const iframe = document.getElementById('vimeoIframe');\r\n    \r\n    if (videoOverlay && iframe) {\r\n      videoOverlay.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        \r\n        \/\/ Hide the overlay with fade effect\r\n        videoOverlay.style.opacity = '0';\r\n        setTimeout(() => {\r\n          videoOverlay.style.display = 'none';\r\n        }, 300);\r\n        \r\n        \/\/ Update iframe src to include autoplay\r\n        const currentSrc = iframe.src;\r\n        if (currentSrc.indexOf('autoplay=1') === -1) {\r\n          const separator = currentSrc.indexOf('?') !== -1 ? '&' : '?';\r\n          iframe.src = currentSrc + separator + 'autoplay=1';\r\n        }\r\n      });\r\n    }\r\n    \r\n    \/\/ Form submission with loading state\r\n    const form = document.getElementById('mainContactForm');\r\n    if (form) {\r\n      form.addEventListener('submit', function(e) {\r\n        const submitButton = form.querySelector('.cta-button');\r\n        const originalText = submitButton.innerHTML;\r\n        \r\n        \/\/ Show loading state\r\n        submitButton.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> ENVOI EN COURS...';\r\n        submitButton.disabled = true;\r\n        \r\n        \/\/ Form will submit normally to submit.php\r\n        \/\/ The loading state will be visible until page redirects\r\n      });\r\n    }\r\n  });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7edfd70 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"7edfd70\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"why-choose-section\">\r\n  <div class=\"why-choose-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-star\"><\/i> POURQUOI DERRICK DRAA\r\n      <\/div>\r\n      <h2 class=\"section-title\">\r\n        <span class=\"highlight\">Votre Partenaire de Confiance<\/span>\r\n        <span class=\"subtitle\">pour tous vos besoins en conteneurs<\/span>\r\n      <\/h2>\r\n      <p class=\"section-description\">\r\n       <\/i> Reconnus parmi les <strong>5 meilleures entreprises mondiales<\/strong> dans la maintenance de conteneurs frigorifiques\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Content Grid -->\r\n    <div class=\"why-choose-content\">\r\n      <!-- Left Side - Key Benefits -->\r\n      <div class=\"benefits-grid\">\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><i class=\"fas fa-trophy\"><\/i><\/div>\r\n          <h3>Excellence Mondiale<\/h3>\r\n          <p>Class\u00e9s TOP 5 international en maintenance de conteneurs frigorifiques avec plus de 15 ans d'exp\u00e9rience<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n          <h3>R\u00e9activit\u00e9 24\/7<\/h3>\r\n          <p>Service client disponible 24h\/24, r\u00e9ponse garantie sous 2h pour toute urgence logistique<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n          <h3>Expertise Technique<\/h3>\r\n          <p>Techniciens certifi\u00e9s sur toutes les marques : Carrier, Thermoking, Starcool, Daikin<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n          <h3>Qualit\u00e9 Garantie<\/h3>\r\n          <p>Tous nos conteneurs d'occasion sont inspect\u00e9s, test\u00e9s et certifi\u00e9s avant livraison<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - Stats & Trust Indicators -->\r\n      <div class=\"stats-section\">\r\n        <div class=\"stats-card\">\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-number\">+40<\/div>\r\n            <div class=\"stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-number\">+5000<\/div>\r\n            <div class=\"stat-label\">Conteneurs vendus<\/div>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-number\">12<\/div>\r\n            <div class=\"stat-label\">Pays couverts<\/div>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-number\">98%<\/div>\r\n            <div class=\"stat-label\">Clients satisfaits<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Brands Slider -->\r\n    <div class=\"brands-slider-section\">\r\n      <h3 class=\"slider-title\"><i class=\"fas fa-handshake\"><\/i> Nos Partenaires Officiels<\/h3>\r\n      <div class=\"brands-slider\">\r\n        <div class=\"brands-track\">\r\n          <!-- First set of logos -->\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/carrier-logo-vector-2.png\" alt=\"Carrier\" class=\"brand-logo\">\r\n          <\/div>\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/thermo-king-vector-logo-1.png\" alt=\"Thermoking\" class=\"brand-logo\">\r\n          <\/div>\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/Star-Cool-logo-ordinary-2-scaled.png\" alt=\"Starcool\" class=\"brand-logo\">\r\n          <\/div>\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/daikin_vertical-logo_brandlogos.net_9sjcv-2.png\" alt=\"Daikin\" class=\"brand-logo\">\r\n          <\/div>\r\n          <!-- Duplicate set for infinite loop -->\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/carrier-logo-vector-2.png\" alt=\"Carrier\" class=\"brand-logo\">\r\n          <\/div>\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/thermo-king-vector-logo-1.png\" alt=\"Thermoking\" class=\"brand-logo\">\r\n          <\/div>\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/Star-Cool-logo-ordinary-2-scaled.png\" alt=\"Starcool\" class=\"brand-logo\">\r\n          <\/div>\r\n          <div class=\"brand-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/daikin_vertical-logo_brandlogos.net_9sjcv-2.png\" alt=\"Daikin\" class=\"brand-logo\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Add Font Awesome CDN if not already included *\/\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n\r\n.why-choose-section {\r\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n  padding: 80px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.why-choose-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(45deg, rgba(26, 54, 93, 0.03) 0%, rgba(220, 38, 38, 0.03) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.why-choose-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.section-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  padding: 10px 25px;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);\r\n}\r\n\r\n.section-badge i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n  color: #1a365d;\r\n}\r\n\r\n.section-title .highlight {\r\n  color: #dc2626;\r\n  display: block;\r\n}\r\n\r\n.section-title .subtitle {\r\n  color: #4a5568;\r\n  font-size: 2.2rem;\r\n  font-weight: 600;\r\n  display: block;\r\n}\r\n\r\n.section-description {\r\n  font-size: 1.2rem;\r\n  color: #2d3748;\r\n  line-height: 1.6;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.section-description i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.why-choose-content {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr;\r\n  gap: 60px;\r\n  margin-bottom: 80px;\r\n  align-items: start;\r\n}\r\n\r\n.benefits-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.benefit-card {\r\n  background: white;\r\n  padding: 30px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n  border-top: 4px solid #dc2626;\r\n  transition: all 0.3s ease;\r\n  text-align: center;\r\n}\r\n\r\n.benefit-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.benefit-icon {\r\n  font-size: 3rem;\r\n  margin-bottom: 15px;\r\n  display: block;\r\n  color: #dc2626;\r\n}\r\n\r\n.benefit-card h3 {\r\n  color: #1a365d;\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.benefit-card p {\r\n  color: #4a5568;\r\n  line-height: 1.6;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.stats-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n}\r\n\r\n.stats-card {\r\n  background: white;\r\n  padding: 35px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n  border-left: 4px solid #dc2626;\r\n}\r\n\r\n.stat-item {\r\n  text-align: center;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.stat-item:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  color: #dc2626;\r\n  line-height: 1;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 0.9rem;\r\n  color: #4a5568;\r\n  font-weight: 600;\r\n  margin-top: 5px;\r\n}\r\n\r\n.trust-indicators {\r\n  background: rgba(26, 54, 93, 0.05);\r\n  padding: 25px;\r\n  border-radius: 16px;\r\n  border-left: 4px solid #1a365d;\r\n}\r\n\r\n.trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 15px;\r\n  font-weight: 600;\r\n  color: #1a365d;\r\n}\r\n\r\n.trust-item:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.trust-icon {\r\n  font-size: 1.2rem;\r\n  color: #dc2626;\r\n}\r\n\r\n.brands-slider-section {\r\n  text-align: center;\r\n}\r\n\r\n.slider-title {\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: #1a365d;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.slider-title i {\r\n  color: #dc2626;\r\n  margin-right: 10px;\r\n}\r\n\r\n.brands-slider {\r\n  overflow: hidden;\r\n  background: white;\r\n  border-radius: 16px;\r\n  padding: 30px 0;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.brands-track {\r\n  display: flex;\r\n  animation: slide 20s linear infinite;\r\n  width: calc(200px * 8); \/* 4 logos \u00d7 2 sets \u00d7 200px width *\/\r\n}\r\n\r\n.brand-slide {\r\n  flex: 0 0 200px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0 20px;\r\n}\r\n\r\n.brand-logo {\r\n  max-width: 120px;\r\n  max-height: 60px;\r\n  object-fit: contain;\r\n  filter: grayscale(100%);\r\n  opacity: 0.7;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.brand-logo:hover {\r\n  filter: grayscale(0%);\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n@keyframes slide {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n  100% {\r\n    transform: translateX(calc(-200px * 4)); \/* Move by 4 logo widths *\/\r\n  }\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .why-choose-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .benefits-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.8rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .why-choose-container {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .why-choose-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-header {\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .section-description {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .benefit-card {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .benefit-icon {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .benefit-card h3 {\r\n    font-size: 1.2rem;\r\n  }\r\n  \r\n  .stats-card {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .stat-number {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .slider-title {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .brands-track {\r\n    width: calc(150px * 8);\r\n  }\r\n  \r\n  .brand-slide {\r\n    flex: 0 0 150px;\r\n  }\r\n  \r\n  .brand-logo {\r\n    max-width: 100px;\r\n    max-height: 50px;\r\n  }\r\n  \r\n  @keyframes slide {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      transform: translateX(calc(-150px * 4));\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title {\r\n    font-size: 1.7rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.3rem;\r\n  }\r\n  \r\n  .benefit-card {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .benefit-icon {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .stat-number {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .brands-slider {\r\n    padding: 20px 0;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a518a92 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"a518a92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"containers-section\">\r\n  <div class=\"containers-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-shipping-fast\"><\/i> NOS CONTENEURS\r\n      <\/div>\r\n      <h2 class=\"section-title\">\r\n        <span class=\"highlight\">Gamme Compl\u00e8te<\/span>\r\n        <span class=\"subtitle\">de Conteneurs d'Occasion<\/span>\r\n      <\/h2>\r\n      <p class=\"section-description\">\r\n        <i class=\"fas fa-search-plus\"><\/i> Tous nos conteneurs sont <strong>inspect\u00e9s, test\u00e9s et certifi\u00e9s<\/strong> avant livraison\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Container Types Grid -->\r\n    <div class=\"container-types-grid\">\r\n      <!-- Dry Containers -->\r\n      <div class=\"container-type-card\">\r\n        <div class=\"container-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2025\/05\/40-high-cube-new-container-2-1.webp\" alt=\"Conteneurs Dry\" class=\"container-img\">\r\n          <div class=\"image-overlay\">\r\n            <span class=\"overlay-text\"><i class=\"fas fa-box\"><\/i> Conteneurs Dry<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"container-content\">\r\n          <h3><i class=\"fas fa-box\"><\/i> Conteneurs Dry<\/h3>\r\n          <p class=\"container-description\">\r\n            Parfaits pour le transport de marchandises s\u00e8ches et non p\u00e9rissables\r\n          <\/p>\r\n          \r\n          <div class=\"container-sizes\">\r\n            <h4><i class=\"fas fa-list\"><\/i> Tailles disponibles:<\/h4>\r\n            <div class=\"sizes-list\">\r\n              <span class=\"size-tag\"><i class=\"fas fa-box\"><\/i> 20 pieds<\/span>\r\n              <span class=\"size-tag\"><i class=\"fas fa-box\"><\/i> 40 pieds<\/span>\r\n              <span class=\"size-tag\"><i class=\"fas fa-box\"><\/i> 40 HC<\/span>\r\n              <span class=\"size-tag\"><i class=\"fas fa-box\"><\/i> 45 HC<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"container-features\">\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> \u00c9tanche \u00e0 l'air et \u00e0 l'eau<\/div>\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Structure renforc\u00e9e<\/div>\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Plancher en contreplaqu\u00e9<\/div>\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Inspection compl\u00e8te effectu\u00e9e<\/div>\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Reefer Containers -->\r\n      <div class=\"container-type-card\">\r\n        <div class=\"container-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/cdn.abacus.ai\/images\/2923ce2e-0069-4b31-a176-d87f86ec4032.png\" alt=\"Conteneurs Frigorifiques\" class=\"container-img\">\r\n          <div class=\"image-overlay\">\r\n            <span class=\"overlay-text\"><i class=\"fas fa-snowflake\"><\/i> Conteneurs Frigorifiques<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"container-content\">\r\n          <h3><i class=\"fas fa-snowflake\"><\/i> Conteneurs Frigorifiques<\/h3>\r\n          <p class=\"container-description\">\r\n            Id\u00e9aux pour le transport de produits n\u00e9cessitant un contr\u00f4le de temp\u00e9rature\r\n          <\/p>\r\n          \r\n          <div class=\"container-sizes\">\r\n            <h4><i class=\"fas fa-list\"><\/i> Tailles disponibles:<\/h4>\r\n            <div class=\"sizes-list\">\r\n              <span class=\"size-tag\"><i class=\"fas fa-snowflake\"><\/i> 20 pieds<\/span>\r\n              <span class=\"size-tag\"><i class=\"fas fa-snowflake\"><\/i> 40 pieds<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"container-features\">\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Contr\u00f4le temp\u00e9rature pr\u00e9cis<\/div>\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Isolation thermique renforc\u00e9e<\/div>\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Machine frigorifique test\u00e9e<\/div>\r\n            <div class=\"feature\"><i class=\"fas fa-check-circle\"><\/i> Certificat de fonctionnement<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA Section -->\r\n    <div class=\"containers-cta\">\r\n      <div class=\"cta-content\">\r\n        <h3><i class=\"fas fa-rocket\"><\/i> Besoin d'un devis personnalis\u00e9 ?<\/h3>\r\n        <p>Nos experts vous conseillent sur le meilleur conteneur pour vos besoins<\/p>\r\n        <button href=\"#contact\" class=\"cta-button\">\r\n          <i class=\"fas fa-comments\"><\/i> DEMANDER UN DEVIS GRATUIT\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Add Font Awesome CDN *\/\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n\r\n.containers-section {\r\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n  padding: 80px 0;\r\n  position: relative;\r\n}\r\n\r\n.containers-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.section-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  padding: 10px 25px;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);\r\n}\r\n\r\n.section-badge i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n  color: #1a365d;\r\n}\r\n\r\n.section-title .highlight {\r\n  color: #dc2626;\r\n  display: block;\r\n}\r\n\r\n.section-title .subtitle {\r\n  color: #4a5568;\r\n  font-size: 2.2rem;\r\n  font-weight: 600;\r\n  display: block;\r\n}\r\n\r\n.section-description {\r\n  font-size: 1.2rem;\r\n  color: #2d3748;\r\n  line-height: 1.6;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.section-description i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.container-types-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\r\n  gap: 40px;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.container-type-card {\r\n  background: white;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.container-type-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.container-image {\r\n  position: relative;\r\n  height: 250px;\r\n  overflow: hidden;\r\n}\r\n\r\n.container-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.container-type-card:hover .container-img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.image-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n  padding: 30px 20px 20px;\r\n  color: white;\r\n}\r\n\r\n.overlay-text {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n}\r\n\r\n.overlay-text i {\r\n  margin-right: 10px;\r\n  color: #dc2626;\r\n}\r\n\r\n.container-content {\r\n  padding: 30px;\r\n}\r\n\r\n.container-content h3 {\r\n  color: #1a365d;\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.container-content h3 i {\r\n  color: #dc2626;\r\n  margin-right: 10px;\r\n}\r\n\r\n.container-description {\r\n  color: #4a5568;\r\n  font-size: 1.1rem;\r\n  line-height: 1.6;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.container-sizes {\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.container-sizes h4 {\r\n  color: #1a365d;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.container-sizes h4 i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.sizes-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.size-tag {\r\n  background: rgba(220, 38, 38, 0.1);\r\n  color: #dc2626;\r\n  padding: 8px 15px;\r\n  border-radius: 20px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  border: 1px solid rgba(220, 38, 38, 0.2);\r\n}\r\n\r\n.size-tag i {\r\n  margin-right: 6px;\r\n}\r\n\r\n.machine-brands {\r\n  margin-bottom: 25px;\r\n  padding: 20px;\r\n  background: rgba(26, 54, 93, 0.05);\r\n  border-radius: 12px;\r\n}\r\n\r\n.machine-brands h4 {\r\n  color: #1a365d;\r\n  margin-bottom: 15px;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.machine-brands h4 i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.brands-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.brand-tag {\r\n  background: white;\r\n  padding: 8px 15px;\r\n  border-radius: 20px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: #1a365d;\r\n  border: 1px solid rgba(26, 54, 93, 0.2);\r\n}\r\n\r\n.brand-tag i {\r\n  color: #dc2626;\r\n  margin-right: 6px;\r\n}\r\n\r\n.container-features {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 12px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.feature {\r\n  font-size: 0.95rem;\r\n  color: #2d3748;\r\n  font-weight: 500;\r\n}\r\n\r\n.feature i {\r\n  color: #10b981;\r\n  margin-right: 8px;\r\n}\r\n\r\n.container-cta-btn {\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  border: none;\r\n  padding: 12px 25px;\r\n  border-radius: 8px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  width: 100%;\r\n}\r\n\r\n.container-cta-btn i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.container-cta-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(220, 38, 38, 0.3);\r\n}\r\n\r\n.containers-cta {\r\n  text-align: center;\r\n  background: white;\r\n  padding: 40px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n  border-top: 4px solid #dc2626;\r\n}\r\n\r\n.cta-content h3 {\r\n  color: #1a365d;\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.cta-content h3 i {\r\n  color: #dc2626;\r\n  margin-right: 10px;\r\n}\r\n\r\n.cta-content p {\r\n  color: #4a5568;\r\n  font-size: 1.1rem;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.cta-button {\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  border: none;\r\n  padding: 18px 35px;\r\n  border-radius: 12px;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.cta-button i {\r\n  margin-right: 10px;\r\n}\r\n\r\n.cta-button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4);\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .container-types-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .containers-container {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .containers-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .container-content {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .container-image {\r\n    height: 200px;\r\n  }\r\n  \r\n  .container-content h3 {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .brands-list, .sizes-list {\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.4rem;\r\n  }\r\n  \r\n  .container-content {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .containers-cta {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .overlay-text {\r\n    font-size: 1.2rem;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d942d2 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"9d942d2\" data-element_type=\"widget\" id=\"contact\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"contact-form-section\">\r\n  <div class=\"contact-form-section-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-phone\"><\/i> CONTACTEZ-NOUS\r\n      <\/div>\r\n      <h2 class=\"section-title\">\r\n        <span class=\"highlight\">Demandez Votre Devis<\/span>\r\n        <span class=\"subtitle\">Gratuit et Sans Engagement<\/span>\r\n      <\/h2>\r\n      <p class=\"section-description\">\r\n        <i class=\"fas fa-bolt\"><\/i> <strong>R\u00e9ponse garantie sous 24h<\/strong> - Nos experts vous accompagnent dans votre projet\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Contact Form -->\r\n    <div class=\"form-wrapper\">\r\n      <div class=\"contact-form-container\">\r\n        <div class=\"form-header\">\r\n          <h3><i class=\"fas fa-briefcase\"><\/i> Demandez votre devis gratuit<\/h3>\r\n          <p><i class=\"fas fa-bolt\"><\/i> R\u00e9ponse sous 24h garantie<\/p>\r\n        <\/div>\r\n        \r\n        <form class=\"contact-form\" id=\"mainContactForm\" method=\"POST\" action=\"submit.php\">\r\n  <input type=\"text\" name=\"fullname\" placeholder=\"Nom complet*\" required>\r\n  \r\n  <div class=\"form-row\">\r\n    <input type=\"email\" name=\"email\" placeholder=\"Email professionnel*\" required>\r\n    <input type=\"tel\" name=\"phone\" placeholder=\"T\u00e9l\u00e9phone*\" required>\r\n  <\/div>\r\n  \r\n  <input type=\"text\" name=\"company\" placeholder=\"Entreprise*\" required>\r\n  \r\n  <select name=\"container_type\" required>\r\n    <option value=\"\">Type de conteneur recherch\u00e9*<\/option>\r\n    <option value=\"dry-20\">Conteneur Dry 20\"<\/option>\r\n    <option value=\"dry-40\">Conteneur Dry 40\"<\/option>\r\n    <option value=\"dry-40hc\">Conteneur Dry 40\" HC<\/option>\r\n    <option value=\"dry-45hc\">Conteneur Dry 45\" HC<\/option>\r\n    <option value=\"reefer-20\">Conteneur Frigorifique 20\"<\/option>\r\n    <option value=\"reefer-40\">Conteneur Frigorifique 40\"<\/option>\r\n    <option value=\"maintenance\">Service de maintenance<\/option>\r\n    <option value=\"other\">Autre<\/option>\r\n  <\/select>\r\n  \r\n  <textarea name=\"message\" placeholder=\"D\u00e9crivez votre besoin (quantit\u00e9, d\u00e9lai, destination...)\" rows=\"4\"><\/textarea>\r\n  \r\n  <button type=\"submit\" class=\"cta-button\">\r\n    <span><i class=\"fas fa-rocket\"><\/i> OBTENIR MON DEVIS GRATUIT<\/span>\r\n    <i class=\"fas fa-arrow-right\"><\/i>\r\n  <\/button>\r\n<\/form>\r\n        \r\n        <div class=\"form-footer\">\r\n          <p><i class=\"fas fa-lock\"><\/i> Vos donn\u00e9es sont s\u00e9curis\u00e9es et confidentielles<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Footer Section -->\r\n<footer class=\"footer-section\">\r\n  <div class=\"footer-container\">\r\n    <!-- Main Footer Content -->\r\n    <div class=\"footer-content\">\r\n      <!-- Company Info -->\r\n      <div class=\"footer-column\">\r\n        <div class=\"footer-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/derrick-draa.com\/wp-content\/uploads\/2024\/11\/WhatsApp_Image_2025-05-14_at_12.12.25_aa003e05-removebg-preview-1.png\" alt=\"Derrick Draa Logo\" class=\"logo\">\r\n        <\/div>\r\n        <p class=\"footer-description\">\r\n          <i class=\"fas fa-trophy\"><\/i> <strong>Parmi les 5 meilleures entreprises mondiales<\/strong> sp\u00e9cialis\u00e9es dans la maintenance des conteneurs frigorifiques en Afrique.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Contact Info -->\r\n      <div class=\"footer-column\">\r\n        <h3><i class=\"fas fa-map-marker-alt\"><\/i> Contact<\/h3>\r\n        <div class=\"contact-list\">\r\n          <div class=\"contact-item\">\r\n            <span class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/span>\r\n            <div>\r\n              <strong>Email<\/strong>\r\n              <p>abouhfid@contrepair.net<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-item\">\r\n            <span class=\"contact-icon\"><i class=\"fas fa-building\"><\/i><\/span>\r\n            <div>\r\n              <strong>Adresse<\/strong>\r\n              <p>Zone Industrielle<br>Casablanca, Maroc<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Services -->\r\n      <div class=\"footer-column\">\r\n        <h3><i class=\"fas fa-tools\"><\/i> Nos Services<\/h3>\r\n        <ul class=\"services-list\">\r\n          <li><i class=\"fas fa-shipping-fast\"><\/i> Vente conteneurs d'occasion<\/li>\r\n          <li><i class=\"fas fa-tools\"><\/i> Maintenance & r\u00e9paration<\/li>\r\n          <li><i class=\"fas fa-cog\"><\/i> Pi\u00e8ces de rechange<\/li>\r\n          <li><i class=\"fas fa-search\"><\/i> Inspection technique<\/li>\r\n          <li><i class=\"fas fa-warehouse\"><\/i> Am\u00e9nagement conteneurs<\/li>\r\n          <li><i class=\"fas fa-broom\"><\/i> Nettoyage & stockage<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Partners & Hours -->\r\n      <div class=\"footer-column\">\r\n        <h3><i class=\"fas fa-handshake\"><\/i> Nos Partenaires<\/h3>\r\n        <div class=\"partners-grid\">\r\n          <span class=\"partner-brand\"><\/i> CARRIER<\/span>\r\n          <span class=\"partner-brand\"><\/i> THERMOKING<\/span>\r\n          <span class=\"partner-brand\"><\/i> STARCOOL<\/span>\r\n          <span class=\"partner-brand\"><\/i> DAIKIN<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"hours-info\">\r\n          <h4><i class=\"fas fa-clock\"><\/i> Horaires<\/h4>\r\n          <p><strong>Lun-Ven:<\/strong> 8h-18h<br>\r\n          <strong>Samedi:<\/strong> 8h-12h<br>\r\n          <strong>Dimanche:<\/strong> Ferm\u00e9<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer Bottom -->\r\n    <div class=\"footer-bottom\">\r\n      <div class=\"footer-bottom-content\">\r\n        <p>&copy; 2025 Derrick Draa. Tous droits r\u00e9serv\u00e9s. Powered by proclaimers<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\/* Add Font Awesome CDN *\/\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n\r\n.contact-form-section {\r\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n  padding: 80px 0;\r\n  position: relative;\r\n}\r\n\r\n.contact-form-section-container {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.section-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  padding: 10px 25px;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);\r\n}\r\n\r\n.section-badge i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n  color: #1a365d;\r\n}\r\n\r\n.section-title .highlight {\r\n  color: #dc2626;\r\n  display: block;\r\n}\r\n\r\n.section-title .subtitle {\r\n  color: #4a5568;\r\n  font-size: 2.2rem;\r\n  font-weight: 600;\r\n  display: block;\r\n}\r\n\r\n.section-description {\r\n  font-size: 1.2rem;\r\n  color: #2d3748;\r\n  line-height: 1.6;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.section-description i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.form-wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.contact-form-container {\r\n  background: white;\r\n  border-radius: 16px;\r\n  padding: 35px;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n  border-top: 4px solid #dc2626;\r\n  width: 100%;\r\n  max-width: 600px;\r\n}\r\n\r\n.form-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.form-header h3 {\r\n  color: #1a365d;\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.form-header h3 i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.form-header p {\r\n  color: #dc2626;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n}\r\n\r\n.form-header p i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.contact-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 18px;\r\n}\r\n\r\n.contact-form input,\r\n.contact-form select,\r\n.contact-form textarea {\r\n  padding: 16px 18px;\r\n  border: 2px solid #e2e8f0;\r\n  border-radius: 10px;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n  background: #f8fafc;\r\n  font-weight: 500;\r\n}\r\n\r\n.contact-form input:focus,\r\n.contact-form select:focus,\r\n.contact-form textarea:focus {\r\n  outline: none;\r\n  border-color: #dc2626;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);\r\n}\r\n\r\n.cta-button {\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  border: none;\r\n  padding: 18px 24px;\r\n  border-radius: 10px;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  margin-top: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.cta-button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4);\r\n}\r\n\r\n.form-footer {\r\n  text-align: center;\r\n  margin-top: 20px;\r\n}\r\n\r\n.form-footer p {\r\n  font-size: 0.9rem;\r\n  color: #4a5568;\r\n  font-weight: 500;\r\n}\r\n\r\n.form-footer i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n\/* Footer Styles *\/\r\n.footer-section {\r\n  background: linear-gradient(135deg, #1a365d 0%, #2d3748 100%);\r\n  color: white;\r\n  padding: 60px 0 0;\r\n}\r\n\r\n.footer-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.footer-content {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.footer-column h3 {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: #dc2626;\r\n}\r\n\r\n.footer-column h3 i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.footer-column h4 {\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  margin-bottom: 10px;\r\n  margin-top: 25px;\r\n  color: #e2e8f0;\r\n}\r\n\r\n.footer-column h4 i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.footer-logo .logo {\r\n  height: 50px;\r\n  width: auto;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.footer-description {\r\n  font-size: 0.95rem;\r\n  line-height: 1.6;\r\n  color: #cbd5e0;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.footer-description i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.footer-badges {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.footer-badge {\r\n  background: rgba(220, 38, 38, 0.2);\r\n  color: #dc2626;\r\n  padding: 6px 12px;\r\n  border-radius: 15px;\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  border: 1px solid rgba(220, 38, 38, 0.3);\r\n}\r\n\r\n.footer-badge i {\r\n  margin-right: 6px;\r\n}\r\n\r\n.contact-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n}\r\n\r\n.contact-icon {\r\n  font-size: 1.2rem;\r\n  width: 20px;\r\n  text-align: center;\r\n  margin-top: 2px;\r\n  color: #dc2626;\r\n}\r\n\r\n.contact-item strong {\r\n  color: #e2e8f0;\r\n  font-size: 0.9rem;\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.contact-item p {\r\n  color: #cbd5e0;\r\n  font-size: 0.9rem;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n}\r\n\r\n.services-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.services-list li {\r\n  padding: 8px 0;\r\n  color: #cbd5e0;\r\n  font-size: 0.95rem;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.services-list li:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.services-list li i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n  width: 16px;\r\n}\r\n\r\n.partners-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 8px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.partner-brand {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  color: #e2e8f0;\r\n}\r\n\r\n.partner-brand i {\r\n  color: #dc2626;\r\n  margin-right: 6px;\r\n}\r\n\r\n.hours-info p {\r\n  color: #cbd5e0;\r\n  font-size: 0.9rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n.footer-bottom {\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  padding: 25px 0;\r\n}\r\n\r\n.footer-bottom-content {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n}\r\n\r\n.footer-bottom p {\r\n  color: #cbd5e0;\r\n  font-size: 0.9rem;\r\n  margin: 0;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .footer-content {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .contact-form-section-container {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .contact-form-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .section-description {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .contact-form-container {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .footer-container {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .footer-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n  }\r\n  \r\n  .footer-bottom-content {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n  \r\n  .partners-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .section-title .subtitle {\r\n    font-size: 1.4rem;\r\n  }\r\n  \r\n  .contact-form-container {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .contact-form input,\r\n  .contact-form select,\r\n  .contact-form textarea {\r\n    padding: 14px 16px;\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .cta-button {\r\n    padding: 16px 20px;\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .footer-section {\r\n    padding: 40px 0 0;\r\n  }\r\n  \r\n  .footer-badges {\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Form submission with loading state\r\n  const form = document.getElementById('mainContactForm');\r\n  if (form) {\r\n    form.addEventListener('submit', function(e) {\r\n      const submitButton = form.querySelector('.cta-button');\r\n      const originalText = submitButton.innerHTML;\r\n      \r\n      \/\/ Show loading state\r\n      submitButton.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> ENVOI EN COURS...';\r\n      submitButton.disabled = true;\r\n      \r\n      \/\/ Form will submit normally to submit.php\r\n      \/\/ The loading state will be visible until page redirects\r\n    });\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>abouhfid@contrepair.net TOP 5 MONDIAL DERRICK DRAA Leader Africain en Maintenance &#038; Vente de Conteneurs Parmi les 5 meilleures companies internationales sp\u00e9cialis\u00e9es dans la maintenance des conteneurs frigorifiques Conteneurs Dry &#038; Frigorifiques d&#8217;occasion Maintenance &#038; Pi\u00e8ces de rechange Inspection &#038; Am\u00e9nagement Stockage &#038; Nettoyage professionnel Repr\u00e9sentants officiels en Afrique: CARRIER THERMOKING STARCOOL DAIKIN D\u00e9couvrez pourquoi 1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10021","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages\/10021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/comments?post=10021"}],"version-history":[{"count":86,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages\/10021\/revisions"}],"predecessor-version":[{"id":10156,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages\/10021\/revisions\/10156"}],"wp:attachment":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/media?parent=10021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}