Chiller Truck Rental Abu Dhabi | 1-10 Ton Fleet 24\/7 | +2\u00b0C to +8\u00b0C<\/title>\r\n <meta name=\"description\" content=\"Rent chiller trucks in Abu Dhabi with 1-10 Ton commercial fleet, +2\u00b0C to +8\u00b0C temperature control, 24\/7 dispatch & same-day booking. Call +971 55 449 1928 for reliable refrigerated transport.\" \/>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 1: HERO ===== *\/\r\n .hero {\r\n background-color: #FFFFFF;\r\n padding: clamp(2rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .hero__inner {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .hero__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1.25rem, 2.5vw, 2rem);\r\n justify-content: center;\r\n }\r\n\r\n \/* Badge *\/\r\n .hero__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .hero__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hero__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .hero__title {\r\n font-size: clamp(2.2rem, 5.5vw, 4.2rem);\r\n font-weight: 700;\r\n line-height: 1.08;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 13ch;\r\n }\r\n\r\n .hero__title span {\r\n color: #2997AA;\r\n }\r\n\r\n \/* Sub-heading *\/\r\n .hero__subtitle {\r\n font-size: clamp(1.05rem, 1.4vw, 1.35rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.4;\r\n max-width: 36ch;\r\n margin-top: -0.25rem;\r\n }\r\n\r\n \/* Description *\/\r\n .hero__description {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 52ch;\r\n }\r\n\r\n \/* ===== FEATURE HIGHLIGHTS ===== *\/\r\n .hero__features {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin: clamp(0.25rem, 0.5vw, 0.5rem) 0 clamp(0.5rem, 0.75vw, 0.75rem);\r\n }\r\n\r\n .hero__feature {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.85rem, 1.2vw, 1.25rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .hero__feature:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .hero__feature-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n margin-bottom: 0.6rem;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hero__feature-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .hero__feature-label {\r\n font-size: clamp(0.6rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .hero__feature-value {\r\n font-size: clamp(0.95rem, 1.1vw, 1.15rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .hero__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(0.25rem, 0.5vw, 0.5rem);\r\n }\r\n\r\n .hero__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .hero__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .hero__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .hero__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .hero__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== PHONE ===== *\/\r\n .hero__phone {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 500;\r\n color: #111111;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n margin-left: clamp(0.25rem, 0.5vw, 0.5rem);\r\n }\r\n\r\n .hero__phone:hover {\r\n color: #2997AA;\r\n }\r\n\r\n .hero__phone svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hero__phone-divider {\r\n color: #E5E7EB;\r\n font-weight: 300;\r\n font-size: 1.2rem;\r\n padding: 0 0.1rem;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .hero__media {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 420px;\r\n }\r\n\r\n .hero__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .hero__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .hero__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .hero__media-caption span {\r\n opacity: 0.85;\r\n }\r\n\r\n \/* ============================================================ *\/\r\n \/* RESPONSIVE BREAKPOINTS *\/\r\n \/* ============================================================ *\/\r\n\r\n \/* Tablets & Medium Screens *\/\r\n @media (max-width: 1024px) {\r\n .hero__inner {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n align-items: center;\r\n }\r\n\r\n .hero__content {\r\n order: 1;\r\n }\r\n\r\n .hero__media {\r\n order: 2;\r\n min-height: 380px;\r\n max-height: 480px;\r\n aspect-ratio: 16 \/ 10;\r\n height: auto;\r\n width: 100%;\r\n }\r\n\r\n .hero__title {\r\n max-width: 100%;\r\n }\r\n\r\n .hero__subtitle {\r\n max-width: 100%;\r\n }\r\n\r\n .hero__description {\r\n max-width: 100%;\r\n }\r\n\r\n .hero__features {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n \/* Small Tablets & Large Phones *\/\r\n @media (max-width: 768px) {\r\n .hero__media {\r\n min-height: 300px;\r\n max-height: 400px;\r\n aspect-ratio: 16 \/ 10;\r\n }\r\n\r\n .hero__features {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.75rem;\r\n }\r\n\r\n .hero__feature {\r\n padding: 0.85rem 0.75rem;\r\n border-radius: 16px;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .hero {\r\n padding: 1.5rem 1rem 2.5rem;\r\n }\r\n\r\n .hero__inner {\r\n gap: 1.75rem;\r\n }\r\n\r\n .hero__title {\r\n font-size: clamp(1.8rem, 8vw, 2.4rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero__subtitle {\r\n font-size: clamp(0.95rem, 3.5vw, 1.1rem);\r\n }\r\n\r\n .hero__description {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .hero__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.65rem;\r\n }\r\n\r\n .hero__feature {\r\n padding: 0.75rem 0.65rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .hero__feature-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-bottom: 0.35rem;\r\n }\r\n\r\n .hero__feature-label {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .hero__feature-value {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .hero__actions {\r\n flex-wrap: wrap;\r\n gap: 0.65rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .hero__btn {\r\n font-size: 0.85rem;\r\n padding: 0.65rem 1.1rem;\r\n border-radius: 14px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 130px;\r\n justify-content: center;\r\n }\r\n\r\n .hero__btn svg {\r\n width: 17px;\r\n height: 17px;\r\n }\r\n\r\n .hero__phone {\r\n font-size: 0.85rem;\r\n margin-left: 0;\r\n width: 100%;\r\n justify-content: center;\r\n padding-top: 0.15rem;\r\n }\r\n\r\n .hero__phone-divider {\r\n display: none;\r\n }\r\n\r\n .hero__media {\r\n min-height: 220px;\r\n max-height: 320px;\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 14px;\r\n }\r\n\r\n .hero__media img {\r\n border-radius: 14px;\r\n }\r\n\r\n .hero__media-caption {\r\n padding: 0.65rem 0.9rem;\r\n font-size: 0.65rem;\r\n border-radius: 0 0 14px 14px;\r\n }\r\n\r\n .hero__badge {\r\n font-size: 0.55rem;\r\n padding: 0.25rem 0.7rem;\r\n }\r\n\r\n .hero__badge-icon {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* Small Mobile *\/\r\n @media (max-width: 420px) {\r\n .hero__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .hero__feature {\r\n padding: 0.6rem 0.5rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .hero__feature-icon {\r\n width: 18px;\r\n height: 18px;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .hero__feature-value {\r\n font-size: 0.78rem;\r\n }\r\n\r\n .hero__feature-label {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .hero__btn {\r\n font-size: 0.78rem;\r\n padding: 0.55rem 0.9rem;\r\n min-width: 100px;\r\n border-radius: 12px;\r\n }\r\n\r\n .hero__btn svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n .hero__media {\r\n min-height: 180px;\r\n max-height: 260px;\r\n }\r\n }\r\n\r\n \/* ===== UTILITY ===== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"hero\" aria-labelledby=\"hero-title\">\r\n <div class=\"hero__inner\">\r\n\r\n \r\n <div class=\"hero__content\">\r\n\r\n \r\n <div class=\"hero__badge\">\r\n <span class=\"hero__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Professional Refrigerated Logistics\r\n <\/div>\r\n\r\n \r\n <h1 id=\"hero-title\" class=\"hero__title\">\r\n Chiller Truck Rental <span>Abu Dhabi<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"hero__subtitle\">\r\n Professional Chiller Truck Rental Services in Abu Dhabi\r\n <\/p>\r\n\r\n \r\n <p class=\"hero__description\">\r\n Arctic Flow Transport provides reliable chiller truck rental services in Abu Dhabi for businesses requiring temperature-controlled transportation and refrigerated logistics solutions. Our chiller trucks support food suppliers, restaurants, hotels, catering companies, supermarkets, dairy distributors, and businesses that depend on chilled transport for daily operations.\r\n <\/p>\r\n <p class=\"hero__description\" style=\"margin-top: -0.25rem;\">\r\n Whether you need scheduled deliveries or urgent refrigerated transportation, our chiller truck fleet helps maintain product freshness and operational efficiency throughout Abu Dhabi.\r\n <\/p>\r\n\r\n \r\n <div class=\"hero__features\">\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Temperature Range<\/div>\r\n <div class=\"hero__feature-value\">+2\u00b0C to +8\u00b0C<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Availability<\/div>\r\n <div class=\"hero__feature-value\">24\/7<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Fleet<\/div>\r\n <div class=\"hero__feature-value\">Commercial Fleet<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Dispatch<\/div>\r\n <div class=\"hero__feature-value\">Same-Day*<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"hero__btn hero__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Now\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"hero__btn hero__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <span class=\"hero__phone-divider\" aria-hidden=\"true\">|<\/span>\r\n <a href=\"tel:+971554491928\" class=\"hero__phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n +971 55 449 1928\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"hero__media\" role=\"img\" aria-label=\"Commercial chiller truck fleet in Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.08-AM-2.jpeg\"\r\n alt=\"Professional Chiller Truck Rental Abu Dhabi\"\r\n title=\"Chiller Truck Rental Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"hero__media-caption\">\r\n <span>Commercial Chiller Truck Fleet in Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-510113c e-flex e-con-boxed e-con e-parent\" data-id=\"510113c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8696cf1 elementor-widget elementor-widget-html\" data-id=\"8696cf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>About Chiller Truck Rental | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 2: ABOUT CHILLER TRUCK RENTAL ===== *\/\r\n .about {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .about__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .about__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .about__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .about__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .about__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .about__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 14ch;\r\n }\r\n\r\n \/* Paragraphs *\/\r\n .about__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n .about__text--narrow {\r\n max-width: 50ch;\r\n }\r\n\r\n \/* Small heading inside content *\/\r\n .about__small-heading {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .about__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .about__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .about__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .about__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .about__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== FEATURE CARDS GRID ===== *\/\r\n .about__cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.5vw, 1.5rem);\r\n margin-top: clamp(1.5rem, 2.5vw, 2.5rem);\r\n }\r\n\r\n .about__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.25rem, 1.8vw, 2rem) clamp(1rem, 1.5vw, 1.5rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n height: 100%;\r\n }\r\n\r\n .about__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .about__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .about__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .about__card-title {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .about__card-desc {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .about__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(1.5rem, 2.5vw, 2.5rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .about__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .about__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .about__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .about__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .about__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .about__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .about__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .about__content {\r\n order: 1;\r\n }\r\n\r\n .about__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .about__title {\r\n max-width: 100%;\r\n }\r\n\r\n .about__text {\r\n max-width: 100%;\r\n }\r\n\r\n .about__text--narrow {\r\n max-width: 100%;\r\n }\r\n\r\n .about__cards {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .about {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .about__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .about__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .about__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .about__small-heading {\r\n font-size: clamp(1rem, 4vw, 1.15rem);\r\n }\r\n\r\n .about__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.75rem;\r\n }\r\n\r\n .about__card {\r\n padding: 1rem 0.85rem;\r\n border-radius: 16px;\r\n gap: 0.35rem;\r\n }\r\n\r\n .about__card-icon {\r\n width: 28px;\r\n height: 28px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .about__card-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .about__card-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .about__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .about__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 140px;\r\n justify-content: center;\r\n }\r\n\r\n .about__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .about__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .about__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .about__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .about__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .about__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .about__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .about__card {\r\n padding: 0.75rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .about__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .about__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .about__card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .about__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 100px;\r\n border-radius: 14px;\r\n }\r\n\r\n .about__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"about\" aria-labelledby=\"about-title\">\r\n\r\n \r\n <div class=\"about__split\">\r\n\r\n \r\n <div class=\"about__content\">\r\n\r\n \r\n <div class=\"about__badge\">\r\n <span class=\"about__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n About Our Services\r\n <\/div>\r\n\r\n \r\n <h2 id=\"about-title\" class=\"about__title\">\r\n Professional Chiller Truck Rental Services in Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"about__text\">\r\n Arctic Flow Transport provides reliable chiller truck rental services in Abu Dhabi for businesses requiring temperature-controlled transportation and refrigerated logistics solutions. Our chiller trucks support food suppliers, restaurants, hotels, catering companies, supermarkets, dairy distributors, and businesses that depend on chilled transport for daily operations.\r\n <\/p>\r\n <p class=\"about__text about__text--narrow\" style=\"margin-top: -0.25rem;\">\r\n Whether you need scheduled deliveries or urgent refrigerated transportation, our chiller truck fleet helps maintain product freshness and operational efficiency throughout Abu Dhabi.\r\n <\/p>\r\n\r\n \r\n <h3 class=\"about__small-heading\">What Is a Chiller Truck?<\/h3>\r\n\r\n \r\n <p class=\"about__text\" style=\"max-width: 100%;\">\r\n A chiller truck is a temperature-controlled commercial vehicle designed to transport products that require chilled conditions during transportation. Unlike freezer trucks, which operate at deep frozen temperatures, chiller trucks maintain cool environments that preserve freshness without freezing the products.\r\n <\/p>\r\n <p class=\"about__text\" style=\"max-width: 100%; margin-top: -0.25rem;\">\r\n These vehicles are widely used across the food, beverage, hospitality, dairy, catering, and retail industries where maintaining a consistent chilled temperature is essential for product quality and safety.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"about__media\" role=\"img\" aria-label=\"Professional Chiller Truck Rental Services in Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-22-2026-03_40_27-PM.png\"\r\n alt=\"Professional Chiller Truck Rental Services in Abu Dhabi\"\r\n title=\"Professional Chiller Truck Rental Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"about__media-caption\">\r\n <span>Commercial Chiller Truck Fleet Ready for Temperature-Controlled Deliveries<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"about__cards\">\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Fresh Food Transport<\/h4>\r\n <p class=\"about__card-desc\">Safe transportation for vegetables, fruits, ready meals, and fresh ingredients.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Dairy Distribution<\/h4>\r\n <p class=\"about__card-desc\">Reliable chilled transport for milk, cheese, yogurt, and dairy products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Beverage Logistics<\/h4>\r\n <p class=\"about__card-desc\">Professional transportation for juices, soft drinks, and bottled beverages.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Bakery Deliveries<\/h4>\r\n <p class=\"about__card-desc\">Maintain freshness for cakes, pastries, and baked products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Restaurant Supply<\/h4>\r\n <p class=\"about__card-desc\">Daily chilled transportation supporting restaurants and commercial kitchens.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Hospitality Logistics<\/h4>\r\n <p class=\"about__card-desc\">Reliable refrigerated transportation for hotels and catering companies.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"about__actions\">\r\n\r\n \r\n <a href=\"\/services\/\" class=\"about__btn about__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n View Fleet\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"about__btn about__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-869111f e-flex e-con-boxed e-con e-parent\" data-id=\"869111f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f99de elementor-widget elementor-widget-html\" data-id=\"02f99de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Pricing & Fleet Overview | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 3: PRICING & FLEET OVERVIEW ===== *\/\r\n .pricing {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .pricing__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .pricing__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .pricing__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .pricing__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .pricing__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .pricing__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .pricing__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .pricing__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .pricing__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .pricing__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .pricing__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== PRICING CARDS ===== *\/\r\n .pricing__cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.5vw, 1.5rem);\r\n margin-top: clamp(0.5rem, 1vw, 1rem);\r\n }\r\n\r\n .pricing__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.25rem, 1.5vw, 1.75rem) clamp(1rem, 1.2vw, 1.5rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n position: relative;\r\n height: 100%;\r\n }\r\n\r\n .pricing__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Most Popular badge *\/\r\n .pricing__card--popular {\r\n border-color: #2997AA;\r\n background-color: #F8FCFD;\r\n box-shadow: 0 4px 20px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .pricing__card--popular:hover {\r\n box-shadow: 0 8px 40px rgba(41, 151, 170, 0.18);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .pricing__card-popular-tag {\r\n position: absolute;\r\n top: -10px;\r\n right: 16px;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n font-size: clamp(0.55rem, 0.6vw, 0.65rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n padding: 0.2rem 0.75rem;\r\n border-radius: 100px;\r\n box-shadow: 0 2px 12px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .pricing__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .pricing__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .pricing__card-title {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .pricing__card-price {\r\n font-size: clamp(1.1rem, 1.3vw, 1.4rem);\r\n font-weight: 700;\r\n color: #2997AA;\r\n line-height: 1.2;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .pricing__card-price small {\r\n font-size: 0.6em;\r\n font-weight: 500;\r\n color: #666666;\r\n }\r\n\r\n .pricing__card-best-for {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n color: #666666;\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .pricing__card-best-for span {\r\n color: #111111;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== MONTHLY RENTAL INFO CARD ===== *\/\r\n .pricing__info {\r\n margin-top: clamp(2rem, 3vw, 3rem);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2vw, 2.5rem) clamp(1.5rem, 2.5vw, 3rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n }\r\n\r\n .pricing__info:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .pricing__info-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .pricing__info-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .pricing__info-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 50ch;\r\n }\r\n\r\n .pricing__info-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing__info-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pricing__info-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== FLEET FACTS GRID ===== *\/\r\n .pricing__facts {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.75rem, 1vw, 1rem);\r\n margin-top: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .pricing__fact {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.85rem, 1.2vw, 1.25rem) clamp(0.6rem, 0.8vw, 0.9rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .pricing__fact:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pricing__fact-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n color: #2997AA;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .pricing__fact-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .pricing__fact-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n .pricing__fact-value {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .pricing__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(2rem, 3vw, 3rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .pricing__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .pricing__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .pricing__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pricing__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .pricing__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .pricing__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .pricing__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .pricing__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .pricing__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .pricing__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .pricing__content {\r\n order: 1;\r\n }\r\n\r\n .pricing__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .pricing__title {\r\n max-width: 100%;\r\n }\r\n\r\n .pricing__text {\r\n max-width: 100%;\r\n }\r\n\r\n .pricing__cards {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .pricing__facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .pricing__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .pricing {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .pricing__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .pricing__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .pricing__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .pricing__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.75rem;\r\n }\r\n\r\n .pricing__card {\r\n padding: 1rem 0.85rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .pricing__card-icon {\r\n width: 26px;\r\n height: 26px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .pricing__card-title {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .pricing__card-price {\r\n font-size: 1rem;\r\n }\r\n\r\n .pricing__card-best-for {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .pricing__card-popular-tag {\r\n font-size: 0.5rem;\r\n top: -8px;\r\n right: 10px;\r\n padding: 0.15rem 0.6rem;\r\n }\r\n\r\n .pricing__info {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n }\r\n\r\n .pricing__info-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .pricing__info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .pricing__info-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .pricing__info-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .pricing__facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.6rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .pricing__fact {\r\n padding: 0.7rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .pricing__fact-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .pricing__fact-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .pricing__fact-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .pricing__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .pricing__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .pricing__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .pricing__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .pricing__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .pricing__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .pricing__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .pricing__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .pricing__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .pricing__card {\r\n padding: 0.75rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .pricing__card-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .pricing__card-title {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .pricing__card-price {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .pricing__card-best-for {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .pricing__facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .pricing__fact {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .pricing__fact-value {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .pricing__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .pricing__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .pricing__card-popular-tag {\r\n font-size: 0.45rem;\r\n top: -6px;\r\n right: 8px;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"pricing\" aria-labelledby=\"pricing-title\">\r\n\r\n \r\n <div class=\"pricing__split\">\r\n\r\n \r\n <div class=\"pricing__content\">\r\n\r\n \r\n <div class=\"pricing__badge\">\r\n <span class=\"pricing__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Rental Pricing\r\n <\/div>\r\n\r\n \r\n <h2 id=\"pricing-title\" class=\"pricing__title\">\r\n Chiller Truck Rental Pricing in Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"pricing__text\">\r\n Our rental pricing is designed to provide flexible transport solutions for businesses of every size. Pricing varies depending on vehicle capacity, rental duration, delivery distance, temperature requirements, loading conditions, and operational scheduling.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"pricing__media\" role=\"img\" aria-label=\"3 Ton Chiller Truck Rental Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.06-AM-3.jpeg\"\r\n alt=\"3 Ton Chiller Truck Rental Abu Dhabi\"\r\n title=\"Commercial Chiller Truck Rental Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"pricing__media-caption\">\r\n <span>Professional Temperature-Controlled Fleet<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__cards\">\r\n\r\n \r\n <div class=\"pricing__card\">\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">1 Ton Chiller Van<\/h4>\r\n <div class=\"pricing__card-price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Small Deliveries<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__card pricing__card--popular\">\r\n <span class=\"pricing__card-popular-tag\">Most Popular<\/span>\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">3 Ton Chiller Truck<\/h4>\r\n <div class=\"pricing__card-price\">AED 350 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Medium Businesses<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__card\">\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">5 Ton Chiller Truck<\/h4>\r\n <div class=\"pricing__card-price\">AED 450 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Bulk Distribution<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__card\">\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">7 Ton Chiller Truck<\/h4>\r\n <div class=\"pricing__card-price\">AED 550 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Large Commercial Operations<\/span><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__info\">\r\n <div class=\"pricing__info-content\">\r\n <h3 class=\"pricing__info-title\">Need Monthly Rental?<\/h3>\r\n <p class=\"pricing__info-text\">\r\n We provide customized monthly rental packages for businesses requiring dedicated refrigerated transport services. Contact our team for a tailored commercial quotation based on your operational requirements.\r\n <\/p>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"pricing__info-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Custom Quote\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__facts\">\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Temperature<\/div>\r\n <div class=\"pricing__fact-value\">+2\u00b0C to +8\u00b0C<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Availability<\/div>\r\n <div class=\"pricing__fact-value\">24\/7<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Fleet<\/div>\r\n <div class=\"pricing__fact-value\">1 Ton to 10 Ton<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Commercial Contracts<\/div>\r\n <div class=\"pricing__fact-value\">Available<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Booking<\/div>\r\n <div class=\"pricing__fact-value\">Phone & WhatsApp<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Dispatch<\/div>\r\n <div class=\"pricing__fact-value\">Same-Day*<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"pricing__btn pricing__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Free Quote\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"pricing__btn pricing__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"pricing__btn pricing__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-dcf15a0 e-flex e-con-boxed e-con e-parent\" data-id=\"dcf15a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d219c95 elementor-widget elementor-widget-html\" data-id=\"d219c95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Fleet Specifications | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 4: FLEET SPECIFICATIONS ===== *\/\r\n .fleet {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .fleet__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .fleet__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .fleet__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .fleet__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .fleet__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .fleet__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .fleet__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .fleet__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .fleet__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .fleet__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .fleet__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .fleet__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== SECTION ONE: SPECIFICATION CARDS ===== *\/\r\n .fleet__specs {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(0.5rem, 1vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .fleet__spec {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.2rem;\r\n }\r\n\r\n .fleet__spec:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .fleet__spec-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .fleet__spec-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .fleet__spec-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n .fleet__spec-value {\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== SECTION TWO: PREMIUM TABLE ===== *\/\r\n .fleet__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .fleet__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n }\r\n\r\n .fleet__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .fleet__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.75rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .fleet__table thead th:first-child {\r\n width: 32%;\r\n }\r\n\r\n .fleet__table thead th:last-child {\r\n width: 68%;\r\n }\r\n\r\n .fleet__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .fleet__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .fleet__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .fleet__table tbody td {\r\n padding: clamp(0.8rem, 1.1vw, 1.15rem) clamp(1rem, 1.5vw, 1.75rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .fleet__table tbody td:first-child {\r\n font-weight: 500;\r\n color: #111111;\r\n }\r\n\r\n .fleet__table tbody td:last-child {\r\n color: #666666;\r\n }\r\n\r\n \/* ===== FEATURE CARDS ===== *\/\r\n .fleet__features {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.5vw, 1.5rem);\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .fleet__feature {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.25rem, 1.8vw, 2rem) clamp(1rem, 1.5vw, 1.5rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.4rem;\r\n height: 100%;\r\n }\r\n\r\n .fleet__feature:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .fleet__feature-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .fleet__feature-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .fleet__feature-title {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .fleet__feature-desc {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .fleet__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(0.5rem, 1vw, 1rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .fleet__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .fleet__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .fleet__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .fleet__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .fleet__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .fleet__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .fleet__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .fleet__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .fleet__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .fleet__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .fleet__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .fleet__content {\r\n order: 1;\r\n }\r\n\r\n .fleet__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .fleet__title {\r\n max-width: 100%;\r\n }\r\n\r\n .fleet__text {\r\n max-width: 100%;\r\n }\r\n\r\n .fleet__specs {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .fleet__features {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .fleet__specs {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .fleet {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .fleet__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .fleet__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .fleet__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .fleet__specs {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .fleet__spec {\r\n padding: 0.8rem 0.6rem;\r\n border-radius: 16px;\r\n gap: 0.1rem;\r\n }\r\n\r\n .fleet__spec-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet__spec-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .fleet__spec-value {\r\n font-size: 0.75rem;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .fleet__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .fleet__table thead {\r\n display: none;\r\n }\r\n\r\n .fleet__table,\r\n .fleet__table tbody,\r\n .fleet__table tr,\r\n .fleet__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .fleet__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.75rem, 2vw, 1rem) clamp(0.75rem, 2vw, 1rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .fleet__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .fleet__table tbody td {\r\n padding: 0.2rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.8rem, 2.5vw, 0.9rem);\r\n }\r\n\r\n .fleet__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .fleet__table tbody td:last-child {\r\n color: #666666;\r\n font-weight: 400;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .fleet__table tbody td:first-child::after {\r\n content: '';\r\n display: none;\r\n }\r\n\r\n .fleet__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.75rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .fleet__feature {\r\n padding: 1rem 0.85rem;\r\n border-radius: 16px;\r\n gap: 0.3rem;\r\n }\r\n\r\n .fleet__feature-icon {\r\n width: 28px;\r\n height: 28px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet__feature-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .fleet__feature-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .fleet__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .fleet__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .fleet__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .fleet__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .fleet__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .fleet__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .fleet__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .fleet__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .fleet__specs {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .fleet__spec {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .fleet__spec-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .fleet__spec-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .fleet__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .fleet__feature {\r\n padding: 0.75rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .fleet__feature-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .fleet__feature-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .fleet__feature-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .fleet__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fleet__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .fleet__table tbody td {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"fleet\" aria-labelledby=\"fleet-title\">\r\n\r\n \r\n <div class=\"fleet__split\">\r\n\r\n \r\n <div class=\"fleet__content\">\r\n\r\n \r\n <div class=\"fleet__badge\">\r\n <span class=\"fleet__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Fleet Specifications\r\n <\/div>\r\n\r\n \r\n <h2 id=\"fleet-title\" class=\"fleet__title\">\r\n Professional Chiller Truck Fleet Specifications\r\n <\/h2>\r\n\r\n \r\n <p class=\"fleet__text\">\r\n Our refrigerated fleet is equipped with modern cooling technology designed to maintain stable chilled temperatures for commercial deliveries throughout Abu Dhabi. Every vehicle is regularly maintained to support reliable cold chain transportation while helping businesses preserve product quality and delivery efficiency.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"fleet__media\" role=\"img\" aria-label=\"Professional Chiller Truck Fleet Specifications Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.08-AM-2.jpeg\"\r\n alt=\"Professional Chiller Truck Fleet Specifications Abu Dhabi\"\r\n title=\"Commercial Chiller Truck Fleet\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"fleet__media-caption\">\r\n <span>Modern Refrigerated Fleet Ready for Daily Commercial Operations<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__specs\">\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Temperature Range<\/div>\r\n <div class=\"fleet__spec-value\">+2\u00b0C to +8\u00b0C<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Commercial Fleet<\/div>\r\n <div class=\"fleet__spec-value\">1 Ton \u2013 10 Ton<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 2 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Service Area<\/div>\r\n <div class=\"fleet__spec-value\">Abu Dhabi<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Availability<\/div>\r\n <div class=\"fleet__spec-value\">24\/7<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Booking<\/div>\r\n <div class=\"fleet__spec-value\">Phone & WhatsApp<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Commercial Contracts<\/div>\r\n <div class=\"fleet__spec-value\">Available<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Dispatch<\/div>\r\n <div class=\"fleet__spec-value\">Same-Day*<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Driver<\/div>\r\n <div class=\"fleet__spec-value\">Professional Included<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__table-wrap\">\r\n <table class=\"fleet__table\">\r\n <thead>\r\n <tr>\r\n <th>Feature<\/th>\r\n <th>Details<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Temperature Range<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Fleet Sizes<\/td>\r\n <td>1 Ton to 10 Ton<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Vehicle Types<\/td>\r\n <td>Chiller Vans & Chiller Trucks<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cooling System<\/td>\r\n <td>Commercial Refrigeration Units<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cargo Body<\/td>\r\n <td>Fully Insulated<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Driver<\/td>\r\n <td>Professional Driver Included<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Booking<\/td>\r\n <td>Phone & WhatsApp<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Rental Options<\/td>\r\n <td>Daily \u2022 Weekly \u2022 Monthly<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Commercial Contracts<\/td>\r\n <td>Available<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dispatch<\/td>\r\n <td>Same-Day (Subject to Availability)<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__features\">\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Commercial Refrigeration<\/h4>\r\n <p class=\"fleet__feature-desc\">Modern cooling systems for stable chilled transportation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" \/>\r\n <path d=\"M8 4v16\" \/>\r\n <path d=\"M16 4v16\" \/>\r\n <path d=\"M2 12h20\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Fully Insulated Body<\/h4>\r\n <p class=\"fleet__feature-desc\">Designed to reduce temperature fluctuation during transport.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\" \/>\r\n <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Professional Fleet Maintenance<\/h4>\r\n <p class=\"fleet__feature-desc\">Vehicles are regularly inspected and maintained for dependable commercial operations.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <path d=\"M8 14h.01\" \/>\r\n <path d=\"M12 14h.01\" \/>\r\n <path d=\"M16 14h.01\" \/>\r\n <path d=\"M8 18h.01\" \/>\r\n <path d=\"M12 18h.01\" \/>\r\n <path d=\"M16 18h.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Flexible Business Rental<\/h4>\r\n <p class=\"fleet__feature-desc\">Daily, weekly, monthly and long-term rental options for businesses.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__actions\">\r\n\r\n \r\n <a href=\"\/services\/\" class=\"fleet__btn fleet__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n View Fleet\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"fleet__btn fleet__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"fleet__btn fleet__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-95a3cfd e-flex e-con-boxed e-con e-parent\" data-id=\"95a3cfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15afee1 elementor-widget elementor-widget-html\" data-id=\"15afee1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Chilled Food Transport | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 5: CHILLED FOOD TRANSPORT ===== *\/\r\n .food {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .food__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .food__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .food__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .food__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .food__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== TWO COLUMN LAYOUT ===== *\/\r\n .food__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT SIDE: IMAGE ===== *\/\r\n .food__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .food__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .food__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .food__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .food__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: SERVICE CARDS ===== *\/\r\n .food__cards {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .food__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.85rem, 1.2vw, 1.25rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.35rem;\r\n height: 100%;\r\n }\r\n\r\n .food__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .food__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .food__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .food__card-title {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .food__card-desc {\r\n font-size: clamp(0.8rem, 0.85vw, 0.9rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== TIMELINE ===== *\/\r\n .food__timeline {\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .food__timeline-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: clamp(1.5rem, 2vw, 2rem);\r\n }\r\n\r\n .food__timeline-steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n align-items: center;\r\n }\r\n\r\n .food__step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 0.5rem;\r\n position: relative;\r\n }\r\n\r\n .food__step-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 52px;\r\n height: 52px;\r\n background-color: #E8F7FA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n border-radius: 50%;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .food__step:hover .food__step-icon {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: scale(1.05);\r\n }\r\n\r\n .food__step-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .food__step-label {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .food__step-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #E5E7EB;\r\n font-size: 1.5rem;\r\n font-weight: 300;\r\n flex-shrink: 0;\r\n padding: 0 0.25rem;\r\n }\r\n\r\n .food__step-arrow svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* ===== BOTTOM HIGHLIGHT PANEL ===== *\/\r\n .food__highlight {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .food__highlight:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .food__highlight-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .food__highlight-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .food__highlight-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .food__highlight-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__highlight-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .food__highlight-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .food__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .food__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .food__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .food__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .food__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .food__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .food__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .food__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .food__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .food__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .food__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .food__media {\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .food__title {\r\n max-width: 100%;\r\n }\r\n\r\n .food__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .food__cards {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .food__timeline-steps {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .food__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .food {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .food__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .food__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .food__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .food__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .food__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .food__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .food__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .food__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n\r\n .food__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.25rem;\r\n }\r\n\r\n .food__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .food__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .food__card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* Timeline -> vertical on mobile *\/\r\n .food__timeline-steps {\r\n grid-template-columns: 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .food__step {\r\n flex-direction: row;\r\n text-align: left;\r\n gap: 0.75rem;\r\n padding: 0.6rem 0.8rem;\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 16px;\r\n transition: border-color 0.25s ease;\r\n }\r\n\r\n .food__step:hover {\r\n border-color: #2997AA;\r\n }\r\n\r\n .food__step-icon {\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__step-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .food__step-label {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .food__step-arrow {\r\n display: none;\r\n }\r\n\r\n .food__timeline-title {\r\n font-size: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .food__highlight {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .food__highlight-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .food__highlight-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .food__highlight-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .food__highlight-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .food__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .food__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .food__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .food__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .food__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .food__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .food__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .food__card-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .food__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .food__card-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .food__step {\r\n padding: 0.5rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .food__step-icon {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .food__step-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .food__step-label {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .food__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .food__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"food\" aria-labelledby=\"food-title\">\r\n\r\n \r\n <div class=\"food__header\">\r\n\r\n \r\n <div class=\"food__badge\">\r\n <span class=\"food__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Food Logistics\r\n <\/div>\r\n\r\n \r\n <h2 id=\"food-title\" class=\"food__title\">\r\n Chilled Food Transport Services Across Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"food__intro\">\r\n Food businesses across Abu Dhabi depend on reliable temperature-controlled transportation to move fresh inventory safely between suppliers, warehouses, restaurants, supermarkets, hotels, and catering facilities. Arctic Flow Transport provides professional chiller truck rental services that help maintain freshness, reduce spoilage risks, and support uninterrupted commercial food logistics throughout the city.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__split\">\r\n\r\n \r\n <figure class=\"food__media\" role=\"img\" aria-label=\"Professional Chilled Food Transport Services Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-29-at-1.46.09-AM-1.jpeg\"\r\n alt=\"Professional Chilled Food Transport Services Abu Dhabi\"\r\n title=\"Commercial Chilled Food Logistics\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"food__media-caption\">\r\n <span>Temperature-Controlled Food Transportation Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n \r\n <div class=\"food__cards\">\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Fresh Food Deliveries<\/h4>\r\n <p class=\"food__card-desc\">Maintain freshness for vegetables, fruits, prepared meals, and fresh ingredients.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Restaurant Supply Transport<\/h4>\r\n <p class=\"food__card-desc\">Reliable daily chilled transport for restaurants and commercial kitchens.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Bakery Logistics<\/h4>\r\n <p class=\"food__card-desc\">Safe transportation for cakes, pastries, desserts, and baked products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Beverage Distribution<\/h4>\r\n <p class=\"food__card-desc\">Professional transport for chilled drinks, juices, bottled water, and soft beverages.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Dairy Distribution<\/h4>\r\n <p class=\"food__card-desc\">Temperature-controlled transportation for milk, yogurt, cheese, and dairy products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Catering Food Logistics<\/h4>\r\n <p class=\"food__card-desc\">Reliable refrigerated transport supporting hotels, weddings, corporate events, and catering businesses.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__timeline\">\r\n\r\n <h3 class=\"food__timeline-title\">Commercial Logistics Process<\/h3>\r\n\r\n <div class=\"food__timeline-steps\">\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Pickup<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Temperature Check<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Secure Transport<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Safe Delivery<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__highlight\">\r\n\r\n <div class=\"food__highlight-content\">\r\n <h3 class=\"food__highlight-title\">Reliable Chilled Food Transportation for Commercial Businesses<\/h3>\r\n <p class=\"food__highlight-text\">\r\n Our refrigerated fleet supports restaurants, food manufacturers, catering companies, supermarkets, bakeries, hotels, and commercial kitchens requiring dependable chilled transportation throughout Abu Dhabi while maintaining product quality and food safety standards.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"food__highlight-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"food__btn food__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Chiller Truck\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"food__btn food__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"food__btn food__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-a70d374 e-flex e-con-boxed e-con e-parent\" data-id=\"a70d374\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5988168 elementor-widget elementor-widget-html\" data-id=\"5988168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Choose the Right Chiller Truck | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 6: CHOOSE THE RIGHT CHILLER TRUCK ===== *\/\r\n .choose {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .choose__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .choose__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .choose__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .choose__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .choose__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .choose__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .choose__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .choose__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .choose__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .choose__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .choose__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .choose__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== FLEET CARDS ===== *\/\r\n .choose__cards {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .choose__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n position: relative;\r\n height: 100%;\r\n }\r\n\r\n .choose__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Most Popular badge *\/\r\n .choose__card--popular {\r\n border-color: #2997AA;\r\n background-color: #F8FCFD;\r\n box-shadow: 0 4px 20px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .choose__card--popular:hover {\r\n box-shadow: 0 8px 40px rgba(41, 151, 170, 0.18);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .choose__card-popular-tag {\r\n position: absolute;\r\n top: -10px;\r\n right: 14px;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n padding: 0.2rem 0.7rem;\r\n border-radius: 100px;\r\n box-shadow: 0 2px 12px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .choose__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .choose__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .choose__card-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .choose__card-label {\r\n font-size: clamp(0.5rem, 0.5vw, 0.55rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .choose__card-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0.1rem 0 0.1rem 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.05rem;\r\n }\r\n\r\n .choose__card-items li {\r\n font-size: clamp(0.7rem, 0.7vw, 0.75rem);\r\n color: #666666;\r\n line-height: 1.4;\r\n padding-left: 0.9rem;\r\n position: relative;\r\n }\r\n\r\n .choose__card-items li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0.5rem;\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n .choose__card-temp {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 500;\r\n color: #2997AA;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n \/* ===== COMPARISON TABLE ===== *\/\r\n .choose__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .choose__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n }\r\n\r\n .choose__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .choose__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .choose__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .choose__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .choose__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .choose__table tbody td {\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .choose__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n }\r\n\r\n .choose__table tbody td:last-child {\r\n color: #666666;\r\n }\r\n\r\n .choose__table .choose__table-badge {\r\n display: inline-block;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n padding: 0.15rem 0.6rem;\r\n border-radius: 100px;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n \/* ===== RECOMMENDATION PANEL ===== *\/\r\n .choose__recommend {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .choose__recommend:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .choose__recommend-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .choose__recommend-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .choose__recommend-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .choose__recommend-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .choose__recommend-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .choose__recommend-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .choose__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .choose__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .choose__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .choose__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .choose__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .choose__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .choose__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .choose__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .choose__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .choose__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .choose__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .choose__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .choose__content {\r\n order: 1;\r\n }\r\n\r\n .choose__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .choose__title {\r\n max-width: 100%;\r\n }\r\n\r\n .choose__text {\r\n max-width: 100%;\r\n }\r\n\r\n .choose__cards {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .choose__cards {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .choose {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .choose__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .choose__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .choose__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .choose__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .choose__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .choose__card-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .choose__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .choose__card-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .choose__card-items li {\r\n font-size: 0.65rem;\r\n padding-left: 0.75rem;\r\n }\r\n\r\n .choose__card-items li::before {\r\n top: 0.4rem;\r\n width: 3px;\r\n height: 3px;\r\n }\r\n\r\n .choose__card-temp {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .choose__card-popular-tag {\r\n font-size: 0.45rem;\r\n top: -8px;\r\n right: 10px;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .choose__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .choose__table thead {\r\n display: none;\r\n }\r\n\r\n .choose__table,\r\n .choose__table tbody,\r\n .choose__table tr,\r\n .choose__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .choose__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(0.65rem, 1.5vw, 0.85rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .choose__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .choose__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .choose__table tbody td {\r\n padding: 0.15rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n }\r\n\r\n .choose__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .choose__table tbody td:last-child {\r\n color: #666666;\r\n font-weight: 400;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .choose__table .choose__table-badge {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .choose__recommend {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .choose__recommend-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .choose__recommend-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .choose__recommend-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .choose__recommend-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .choose__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .choose__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .choose__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .choose__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .choose__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .choose__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .choose__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .choose__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .choose__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .choose__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .choose__card-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .choose__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .choose__card-items li {\r\n font-size: 0.6rem;\r\n padding-left: 0.65rem;\r\n }\r\n\r\n .choose__card-temp {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .choose__card-popular-tag {\r\n font-size: 0.4rem;\r\n top: -6px;\r\n right: 8px;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n\r\n .choose__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .choose__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .choose__table tbody td {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"choose\" aria-labelledby=\"choose-title\">\r\n\r\n \r\n <div class=\"choose__split\">\r\n\r\n \r\n <div class=\"choose__content\">\r\n\r\n \r\n <div class=\"choose__badge\">\r\n <span class=\"choose__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Fleet Guide\r\n <\/div>\r\n\r\n \r\n <h2 id=\"choose-title\" class=\"choose__title\">\r\n Choose the Right Chiller Truck for Your Business\r\n <\/h2>\r\n\r\n \r\n <p class=\"choose__text\">\r\n Selecting the correct chiller truck helps improve delivery efficiency, reduce transportation costs, and maintain stable chilled temperatures throughout every journey. Arctic Flow Transport offers multiple refrigerated vehicle sizes suitable for businesses of every scale across Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"choose__media\" role=\"img\" aria-label=\"Commercial Chiller Truck Fleet Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_refrigerated_transport_truck_202606281556.jpeg\"\r\n alt=\"Commercial Chiller Truck Fleet Abu Dhabi\"\r\n title=\"Professional Chiller Truck Fleet\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"choose__media-caption\">\r\n <span>Choose the Right Refrigerated Vehicle for Your Business<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__cards\">\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">1 Ton Chiller Van<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Restaurants<\/li>\r\n <li>Florists<\/li>\r\n <li>Small Caf\u00e9s<\/li>\r\n <li>Bakery Deliveries<\/li>\r\n <li>Daily City Deliveries<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card choose__card--popular\">\r\n <span class=\"choose__card-popular-tag\">Most Popular<\/span>\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">3 Ton Chiller Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Hotels<\/li>\r\n <li>Catering<\/li>\r\n <li>Food Suppliers<\/li>\r\n <li>Medium Distribution<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">5 Ton Chiller Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Supermarkets<\/li>\r\n <li>Wholesale Food<\/li>\r\n <li>Warehouses<\/li>\r\n <li>Retail Chains<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">7 Ton Chiller Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Industrial Distribution<\/li>\r\n <li>Commercial Logistics<\/li>\r\n <li>Food Manufacturers<\/li>\r\n <li>Large Daily Deliveries<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">10 Ton Refrigerated Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Large Commercial Operations<\/li>\r\n <li>Bulk Food Distribution<\/li>\r\n <li>Central Warehouses<\/li>\r\n <li>Long Distance Logistics<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__table-wrap\">\r\n <table class=\"choose__table\">\r\n <thead>\r\n <tr>\r\n <th>Vehicle<\/th>\r\n <th>Best For<\/th>\r\n <th>Capacity<\/th>\r\n <th>Temperature<\/th>\r\n <th>Industries<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 Ton Chiller Van<\/td>\r\n <td>Small Deliveries<\/td>\r\n <td>1 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Restaurants, Florists, Caf\u00e9s<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 Ton Chiller Truck <span class=\"choose__table-badge\">Most Popular<\/span><\/td>\r\n <td>Medium Businesses<\/td>\r\n <td>3 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Hotels, Catering, Food Suppliers<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>Bulk Distribution<\/td>\r\n <td>5 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Supermarkets, Wholesale, Warehouses<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>7 Ton Chiller Truck<\/td>\r\n <td>Large Commercial<\/td>\r\n <td>7 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Industrial, Food Manufacturers<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>10 Ton Refrigerated Truck<\/td>\r\n <td>Bulk & Long Distance<\/td>\r\n <td>10 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Bulk Food, Warehouses, Logistics<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__recommend\">\r\n\r\n <div class=\"choose__recommend-content\">\r\n <h3 class=\"choose__recommend-title\">Not Sure Which Vehicle You Need?<\/h3>\r\n <p class=\"choose__recommend-text\">\r\n Our logistics specialists help businesses select the most suitable refrigerated vehicle based on cargo size, delivery frequency, transport distance, and temperature requirements.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"choose__recommend-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Expert Advice\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"choose__btn choose__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Request Recommendation\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"choose__btn choose__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Fleet Expert\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"choose__btn choose__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Fleet Advisor\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-1aa83fb e-flex e-con-boxed e-con e-parent\" data-id=\"1aa83fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71cd085 elementor-widget elementor-widget-html\" data-id=\"71cd085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Industries We Support | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 7: INDUSTRIES WE SUPPORT ===== *\/\r\n .industries {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .industries__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .industries__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .industries__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .industries__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .industries__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .industries__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .industries__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .industries__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .industries__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .industries__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .industries__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .industries__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== INDUSTRY CARDS ===== *\/\r\n .industries__cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .industries__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n height: 100%;\r\n }\r\n\r\n .industries__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .industries__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .industries__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .industries__card-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .industries__card-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0.1rem 0 0 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.05rem;\r\n }\r\n\r\n .industries__card-items li {\r\n font-size: clamp(0.7rem, 0.7vw, 0.75rem);\r\n color: #666666;\r\n line-height: 1.4;\r\n padding-left: 0.9rem;\r\n position: relative;\r\n }\r\n\r\n .industries__card-items li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0.5rem;\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n \/* ===== COMPARISON TABLE ===== *\/\r\n .industries__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .industries__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n }\r\n\r\n .industries__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .industries__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .industries__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .industries__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .industries__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .industries__table tbody td {\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .industries__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n }\r\n\r\n .industries__table tbody td:last-child {\r\n color: #2997AA;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== BOTTOM HIGHLIGHT PANEL ===== *\/\r\n .industries__highlight {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .industries__highlight:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .industries__highlight-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .industries__highlight-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .industries__highlight-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .industries__highlight-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .industries__highlight-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .industries__highlight-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .industries__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .industries__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .industries__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .industries__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .industries__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .industries__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .industries__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .industries__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .industries__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .industries__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .industries__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .industries__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .industries__content {\r\n order: 1;\r\n }\r\n\r\n .industries__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .industries__title {\r\n max-width: 100%;\r\n }\r\n\r\n .industries__text {\r\n max-width: 100%;\r\n }\r\n\r\n .industries__cards {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .industries__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .industries {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .industries__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .industries__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .industries__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .industries__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .industries__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .industries__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .industries__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .industries__card-items li {\r\n font-size: 0.65rem;\r\n padding-left: 0.75rem;\r\n }\r\n\r\n .industries__card-items li::before {\r\n top: 0.4rem;\r\n width: 3px;\r\n height: 3px;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .industries__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .industries__table thead {\r\n display: none;\r\n }\r\n\r\n .industries__table,\r\n .industries__table tbody,\r\n .industries__table tr,\r\n .industries__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .industries__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(0.65rem, 1.5vw, 0.85rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .industries__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .industries__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .industries__table tbody td {\r\n padding: 0.15rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n }\r\n\r\n .industries__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .industries__table tbody td:last-child {\r\n color: #2997AA;\r\n font-weight: 500;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .industries__highlight {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .industries__highlight-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .industries__highlight-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .industries__highlight-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .industries__highlight-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .industries__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .industries__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .industries__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .industries__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .industries__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .industries__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .industries__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .industries__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .industries__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .industries__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .industries__card-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .industries__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .industries__card-items li {\r\n font-size: 0.6rem;\r\n padding-left: 0.65rem;\r\n }\r\n\r\n .industries__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .industries__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .industries__table tbody td {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"industries\" aria-labelledby=\"industries-title\">\r\n\r\n \r\n <div class=\"industries__split\">\r\n\r\n \r\n <div class=\"industries__content\">\r\n\r\n \r\n <div class=\"industries__badge\">\r\n <span class=\"industries__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Industries We Support\r\n <\/div>\r\n\r\n \r\n <h2 id=\"industries-title\" class=\"industries__title\">\r\n Reliable Chiller Truck Rental for Restaurants, Hotels & Commercial Businesses\r\n <\/h2>\r\n\r\n \r\n <p class=\"industries__text\">\r\n Restaurants, hotels, catering companies, bakeries, supermarkets, beverage suppliers, dairy distributors, and hospitality businesses depend on reliable refrigerated transportation to maintain product freshness and ensure efficient daily deliveries. Arctic Flow Transport provides dependable chiller truck rental services designed for commercial food logistics across Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"industries__media\" role=\"img\" aria-label=\"Commercial Chiller Truck Services for Restaurants Hotels and Catering\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.08-AM-1.jpeg\"\r\n alt=\"Commercial Chiller Truck Services for Restaurants Hotels and Catering\"\r\n title=\"Industries We Serve\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"industries__media-caption\">\r\n <span>Reliable Temperature-Controlled Transport for Commercial Businesses<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__cards\">\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Restaurants<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Fresh ingredient transportation<\/li>\r\n <li>Daily inventory delivery<\/li>\r\n <li>Commercial kitchen supply<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Hotels<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Food logistics<\/li>\r\n <li>Banquet supplies<\/li>\r\n <li>Hospitality inventory<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Catering Companies<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Corporate events<\/li>\r\n <li>Wedding catering<\/li>\r\n <li>Outdoor catering logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Supermarkets<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Dairy products<\/li>\r\n <li>Fresh inventory<\/li>\r\n <li>Retail replenishment<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Bakeries<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Cakes<\/li>\r\n <li>Pastries<\/li>\r\n <li>Fresh bakery deliveries<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Beverage Suppliers<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Soft drinks<\/li>\r\n <li>Juices<\/li>\r\n <li>Water distribution<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Dairy Companies<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Milk<\/li>\r\n <li>Cheese<\/li>\r\n <li>Yogurt<\/li>\r\n <li>Temperature-controlled dairy logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Commercial Kitchens<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Bulk ingredients<\/li>\r\n <li>Prepared meals<\/li>\r\n <li>Daily refrigerated supply<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__table-wrap\">\r\n <table class=\"industries__table\">\r\n <thead>\r\n <tr>\r\n <th>Industry<\/th>\r\n <th>Products Transported<\/th>\r\n <th>Recommended Vehicle<\/th>\r\n <th>Temperature<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Restaurants<\/td>\r\n <td>Fresh Ingredients<\/td>\r\n <td>1 Ton Chiller Van<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Hotels<\/td>\r\n <td>Food Supplies<\/td>\r\n <td>3 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Catering<\/td>\r\n <td>Prepared Meals<\/td>\r\n <td>3 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Supermarkets<\/td>\r\n <td>Dairy & Fresh Products<\/td>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Bakeries<\/td>\r\n <td>Bakery Products<\/td>\r\n <td>1 Ton Chiller Van<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Beverage Suppliers<\/td>\r\n <td>Cold Drinks<\/td>\r\n <td>3 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dairy Companies<\/td>\r\n <td>Milk & Dairy<\/td>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Commercial Kitchens<\/td>\r\n <td>Bulk Food<\/td>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__highlight\">\r\n\r\n <div class=\"industries__highlight-content\">\r\n <h3 class=\"industries__highlight-title\">Professional Refrigerated Logistics for Every Industry<\/h3>\r\n <p class=\"industries__highlight-text\">\r\n Our commercial chiller truck fleet supports businesses of every size with reliable temperature-controlled transportation, helping maintain product quality, improve operational efficiency, and ensure uninterrupted cold chain logistics across Abu Dhabi.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"industries__highlight-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"industries__btn industries__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Chiller Truck\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"industries__btn industries__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"industries__btn industries__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-0a15c49 e-flex e-con-boxed e-con e-parent\" data-id=\"0a15c49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc5f3c elementor-widget elementor-widget-html\" data-id=\"5fc5f3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Areas We Cover | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 8: AREAS WE COVER ===== *\/\r\n .areas {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .areas__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .areas__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .areas__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .areas__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .areas__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .areas__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT ===== *\/\r\n .areas__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ===== LEFT SIDE: IMAGE ===== *\/\r\n .areas__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .areas__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .areas__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .areas__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .areas__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: LOCATION CARDS ===== *\/\r\n .areas__locations {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.6rem, 1vw, 0.85rem);\r\n align-content: start;\r\n }\r\n\r\n .areas__location {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.85rem, 1.2vw, 1.25rem) clamp(0.75rem, 1vw, 1rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(0.6rem, 0.9vw, 0.9rem);\r\n }\r\n\r\n .areas__location:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__location-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n }\r\n\r\n .areas__location-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .areas__location-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.05rem;\r\n flex: 1;\r\n }\r\n\r\n .areas__location-name {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .areas__location-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n font-size: clamp(0.5rem, 0.5vw, 0.55rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n color: #2997AA;\r\n background-color: #E8F7FA;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .areas__location-badge-dot {\r\n display: inline-block;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n \/* ===== COMMERCIAL COVERAGE HIGHLIGHTS ===== *\/\r\n .areas__highlights {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.6rem, 1vw, 0.85rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .areas__highlight {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.8rem, 1.1vw, 1.15rem) clamp(0.6rem, 0.8vw, 0.9rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .areas__highlight:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__highlight-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n color: #2997AA;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .areas__highlight-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .areas__highlight-label {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== BOTTOM INFORMATION PANEL ===== *\/\r\n .areas__info {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .areas__info:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .areas__info-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .areas__info-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .areas__info-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .areas__info-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .areas__info-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__info-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== SERVICE STRIP ===== *\/\r\n .areas__strip {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .areas__strip-item {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.6rem, 0.9vw, 0.9rem) clamp(0.4rem, 0.6vw, 0.6rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.1rem;\r\n }\r\n\r\n .areas__strip-item:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__strip-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n color: #2997AA;\r\n }\r\n\r\n .areas__strip-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .areas__strip-label {\r\n font-size: clamp(0.55rem, 0.6vw, 0.65rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .areas__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .areas__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .areas__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .areas__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .areas__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .areas__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .areas__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .areas__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .areas__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .areas__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .areas__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .areas__media {\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .areas__title {\r\n max-width: 100%;\r\n }\r\n\r\n .areas__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .areas__locations {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .areas__strip {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .areas__locations {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .areas {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .areas__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .areas__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .areas__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .areas__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .areas__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .areas__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .areas__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .areas__locations {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .areas__location {\r\n padding: 0.7rem 0.6rem;\r\n border-radius: 16px;\r\n gap: 0.5rem;\r\n }\r\n\r\n .areas__location-icon {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n\r\n .areas__location-name {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .areas__location-badge {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.4rem;\r\n }\r\n\r\n .areas__location-badge-dot {\r\n width: 4px;\r\n height: 4px;\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .areas__highlight {\r\n padding: 0.7rem 0.5rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .areas__highlight-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .areas__highlight-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .areas__info {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .areas__info-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .areas__info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .areas__info-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .areas__info-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .areas__strip {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .areas__strip-item {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .areas__strip-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .areas__strip-label {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .areas__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .areas__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .areas__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .areas__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .areas__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .areas__locations {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n\r\n .areas__location {\r\n padding: 0.6rem 0.5rem;\r\n border-radius: 14px;\r\n gap: 0.4rem;\r\n }\r\n\r\n .areas__location-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .areas__location-name {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.4rem;\r\n }\r\n\r\n .areas__highlight {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .areas__highlight-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .areas__highlight-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .areas__strip {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .areas__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .areas__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"areas\" aria-labelledby=\"areas-title\">\r\n\r\n \r\n <div class=\"areas__header\">\r\n\r\n \r\n <div class=\"areas__badge\">\r\n <span class=\"areas__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Service Coverage\r\n <\/div>\r\n\r\n \r\n <h2 id=\"areas-title\" class=\"areas__title\">\r\n Areas We Cover Across Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"areas__intro\">\r\n Arctic Flow Transport provides dependable chiller truck rental services across Abu Dhabi's major commercial, industrial, hospitality, retail, and residential districts. Our refrigerated fleet supports businesses requiring fast temperature-controlled transportation throughout the city.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__split\">\r\n\r\n \r\n <figure class=\"areas__media\" role=\"img\" aria-label=\"Chiller Truck Rental Service Areas Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_314c3dfec85deb2ab924af4bea6daa31eg.png\"\r\n alt=\"Chiller Truck Rental Service Areas Abu Dhabi\"\r\n title=\"Service Coverage Across Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"areas__media-caption\">\r\n <span>Commercial Refrigerated Transport Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n \r\n <div class=\"areas__locations\">\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Mussafah<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Khalifa City<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Mohammed Bin Zayed City<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">ICAD<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Al Reem Island<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Yas Island<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Al Raha<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Baniyas<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Al Shahama<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Airport Road<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlights\">\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"22\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"22\" \/>\r\n <line x1=\"2\" y1=\"8\" x2=\"22\" y2=\"8\" \/>\r\n <line x1=\"2\" y1=\"16\" x2=\"22\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Industrial Areas<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Commercial Districts<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Hotels<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Restaurants<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Warehouses<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Retail<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Food Distribution<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Hospitality<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__info\">\r\n\r\n <div class=\"areas__info-content\">\r\n <h3 class=\"areas__info-title\">Reliable Chiller Truck Rental Throughout Abu Dhabi<\/h3>\r\n <p class=\"areas__info-text\">\r\n Businesses across Abu Dhabi rely on Arctic Flow Transport for dependable refrigerated logistics, temperature-controlled transport, commercial food distribution, dairy logistics, catering deliveries, and hospitality supply chain operations. Our professional fleet supports fast dispatch and reliable chilled transportation across key commercial areas.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"areas__info-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip\">\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">24\/7 Dispatch<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Temperature-Controlled Fleet<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Commercial Logistics<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Professional Drivers<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Fast Response<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Abu Dhabi Coverage<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"areas__btn areas__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Check Availability\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"areas__btn areas__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"areas__btn areas__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-cb2ca8d e-flex e-con-boxed e-con e-parent\" data-id=\"cb2ca8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55d5f55 elementor-widget elementor-widget-html\" data-id=\"55d5f55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Temperature-Controlled Transport | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 9: TEMPERATURE-CONTROLLED TRANSPORT ===== *\/\r\n .temp {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .temp__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .temp__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .temp__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .temp__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .temp__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT ===== *\/\r\n .temp__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT SIDE: IMAGE ===== *\/\r\n .temp__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .temp__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .temp__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .temp__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .temp__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: BENEFIT CARDS ===== *\/\r\n .temp__benefits {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .temp__benefit {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.85rem, 1.2vw, 1.25rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.3rem;\r\n height: 100%;\r\n }\r\n\r\n .temp__benefit:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .temp__benefit-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .temp__benefit-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .temp__benefit-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .temp__benefit-desc {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== TIMELINE ===== *\/\r\n .temp__timeline {\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .temp__timeline-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: clamp(1.5rem, 2vw, 2rem);\r\n }\r\n\r\n .temp__timeline-steps {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n align-items: center;\r\n }\r\n\r\n .temp__step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 0.4rem;\r\n position: relative;\r\n }\r\n\r\n .temp__step-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n background-color: #E8F7FA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n border-radius: 50%;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .temp__step:hover .temp__step-icon {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: scale(1.05);\r\n }\r\n\r\n .temp__step-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .temp__step-label {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .temp__step-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #E5E7EB;\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n flex-shrink: 0;\r\n padding: 0 0.15rem;\r\n }\r\n\r\n .temp__step-arrow svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* ===== INFORMATION PANEL ===== *\/\r\n .temp__info {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .temp__info:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .temp__info-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .temp__info-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .temp__info-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .temp__info-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__info-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .temp__info-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== TRUST METRICS STRIP ===== *\/\r\n .temp__metrics {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .temp__metric {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.4rem, 0.6vw, 0.6rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.1rem;\r\n }\r\n\r\n .temp__metric:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .temp__metric-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n color: #2997AA;\r\n }\r\n\r\n .temp__metric-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .temp__metric-value {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 700;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n .temp__metric-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 500;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .temp__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .temp__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .temp__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .temp__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .temp__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .temp__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .temp__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .temp__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .temp__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .temp__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .temp__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .temp__media {\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .temp__title {\r\n max-width: 100%;\r\n }\r\n\r\n .temp__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .temp__benefits {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .temp__timeline-steps {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n\r\n .temp__metrics {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .temp__benefits {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .temp {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .temp__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .temp__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .temp__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .temp__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .temp__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .temp__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .temp__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .temp__benefits {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n\r\n .temp__benefit {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .temp__benefit-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .temp__benefit-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .temp__benefit-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* Timeline -> vertical on mobile *\/\r\n .temp__timeline-steps {\r\n grid-template-columns: 1fr;\r\n gap: 0.4rem;\r\n }\r\n\r\n .temp__step {\r\n flex-direction: row;\r\n text-align: left;\r\n gap: 0.6rem;\r\n padding: 0.6rem 0.8rem;\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 16px;\r\n transition: border-color 0.25s ease;\r\n }\r\n\r\n .temp__step:hover {\r\n border-color: #2997AA;\r\n }\r\n\r\n .temp__step-icon {\r\n width: 36px;\r\n height: 36px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__step-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .temp__step-label {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .temp__step-arrow {\r\n display: none;\r\n }\r\n\r\n .temp__timeline-title {\r\n font-size: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .temp__info {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .temp__info-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .temp__info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .temp__info-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .temp__info-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .temp__metrics {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .temp__metric {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__metric-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .temp__metric-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .temp__metric-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .temp__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .temp__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .temp__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .temp__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .temp__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .temp__benefits {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .temp__benefit {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__benefit-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .temp__benefit-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .temp__benefit-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .temp__step {\r\n padding: 0.5rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__step-icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .temp__step-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .temp__step-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .temp__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .temp__metrics {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"temp\" aria-labelledby=\"temp-title\">\r\n\r\n \r\n <div class=\"temp__header\">\r\n\r\n \r\n <div class=\"temp__badge\">\r\n <span class=\"temp__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Cold Chain Logistics\r\n <\/div>\r\n\r\n \r\n <h2 id=\"temp-title\" class=\"temp__title\">\r\n Professional Temperature-Controlled Transport Across Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"temp__intro\">\r\n Temperature-controlled transport is essential for businesses that rely on fresh, chilled, and temperature-sensitive products. Arctic Flow Transport provides dependable chiller truck rental services that help maintain product freshness, reduce spoilage risks, and support uninterrupted commercial logistics across Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__split\">\r\n\r\n \r\n <figure class=\"temp__media\" role=\"img\" aria-label=\"Temperature Controlled Chiller Truck Transport Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-May-28-2026-10_55_19-PM.png\"\r\n alt=\"Temperature Controlled Chiller Truck Transport Abu Dhabi\"\r\n title=\"Commercial Cold Chain Transport\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"temp__media-caption\">\r\n <span>Reliable Chilled Transportation Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n \r\n <div class=\"temp__benefits\">\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Maintain Product Freshness<\/h4>\r\n <p class=\"temp__benefit-desc\">Keep chilled goods within recommended transport temperatures.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Reduce Spoilage Risks<\/h4>\r\n <p class=\"temp__benefit-desc\">Minimize product loss caused by temperature fluctuations.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <polyline points=\"9 12 11 14 15 10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Support Food Safety<\/h4>\r\n <p class=\"temp__benefit-desc\">Reliable transport helping businesses maintain food quality standards.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Reliable Cold Chain<\/h4>\r\n <p class=\"temp__benefit-desc\">Continuous chilled transportation from pickup to delivery.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Commercial Logistics<\/h4>\r\n <p class=\"temp__benefit-desc\">Professional refrigerated transport for businesses across Abu Dhabi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Operational Efficiency<\/h4>\r\n <p class=\"temp__benefit-desc\">Improve delivery performance with dependable fleet coordination.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__timeline\">\r\n\r\n <h3 class=\"temp__timeline-title\">Cold Chain Workflow<\/h3>\r\n\r\n <div class=\"temp__timeline-steps\">\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\" \/>\r\n <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">Vehicle Inspection<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">Temperature Calibration<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">Secure Loading<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 2 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">GPS Monitored Transport<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">On-Time Delivery<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__info\">\r\n\r\n <div class=\"temp__info-content\">\r\n <h3 class=\"temp__info-title\">Why Temperature-Controlled Transport Matters<\/h3>\r\n <p class=\"temp__info-text\">\r\n Businesses transporting food, dairy products, beverages, bakery items, catering supplies, hospitality inventory, and other temperature-sensitive products depend on professional refrigerated transportation to maintain product quality, reduce operational risks, and improve customer satisfaction throughout the delivery process.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"temp__info-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Learn More\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metrics\">\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">+2\u00b0C to +8\u00b0C<\/span>\r\n <span class=\"temp__metric-label\">Temperature Controlled<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">24\/7<\/span>\r\n <span class=\"temp__metric-label\">Commercial Support<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">Professional Fleet<\/span>\r\n <span class=\"temp__metric-label\">Regularly Maintained<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">Fast Dispatch<\/span>\r\n <span class=\"temp__metric-label\">Subject to Availability<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">Abu Dhabi<\/span>\r\n <span class=\"temp__metric-label\">Service Coverage<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"temp__btn temp__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Chiller Truck\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"temp__btn temp__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"temp__btn temp__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-bed4367 e-flex e-con-boxed e-con e-parent\" data-id=\"bed4367\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7814d5 elementor-widget elementor-widget-html\" data-id=\"f7814d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Chiller Truck vs Freezer Truck | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 10: CHILLER TRUCK VS FREEZER TRUCK ===== *\/\r\n .compare {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .compare__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .compare__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .compare__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .compare__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .compare__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 20ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .compare__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT FOR COMPARISON CARDS ===== *\/\r\n .compare__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CARD: Chiller Truck ===== *\/\r\n .compare__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 2.5rem) clamp(1.25rem, 2vw, 2rem);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n height: 100%;\r\n }\r\n\r\n .compare__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .compare__card--chiller {\r\n border-top: 4px solid #2997AA;\r\n }\r\n\r\n .compare__card--freezer {\r\n border-top: 4px solid #2997AA;\r\n }\r\n\r\n .compare__card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(0.6rem, 1vw, 0.9rem);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .compare__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n background-color: #E8F7FA;\r\n border-radius: 12px;\r\n padding: 0.4rem;\r\n }\r\n\r\n .compare__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .compare__card-title {\r\n font-size: clamp(1.2rem, 1.4vw, 1.5rem);\r\n font-weight: 700;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n .compare__card-temp {\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n font-weight: 600;\r\n color: #2997AA;\r\n padding: 0.2rem 0.8rem;\r\n background-color: #E8F7FA;\r\n border-radius: 100px;\r\n display: inline-block;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .compare__card-label {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .compare__card-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.15rem;\r\n }\r\n\r\n .compare__card-items li {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.5;\r\n padding-left: 1.2rem;\r\n position: relative;\r\n }\r\n\r\n .compare__card-items li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0.55rem;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n .compare__card-advantages {\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .compare__card-advantages-title {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .compare__card-advantages-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n }\r\n\r\n .compare__card-advantages-list li {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.5;\r\n padding-left: 1.2rem;\r\n position: relative;\r\n }\r\n\r\n .compare__card-advantages-list li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n color: #2997AA;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .compare__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .compare__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .compare__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .compare__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .compare__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== COMPARISON TABLE ===== *\/\r\n .compare__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .compare__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n }\r\n\r\n .compare__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .compare__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .compare__table thead th:first-child {\r\n width: 22%;\r\n }\r\n\r\n .compare__table thead th:nth-child(2) {\r\n width: 39%;\r\n }\r\n\r\n .compare__table thead th:nth-child(3) {\r\n width: 39%;\r\n }\r\n\r\n .compare__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .compare__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .compare__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .compare__table tbody td {\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .compare__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n }\r\n\r\n .compare__table tbody td:nth-child(2) {\r\n color: #2997AA;\r\n }\r\n\r\n .compare__table tbody td:nth-child(3) {\r\n color: #2997AA;\r\n }\r\n\r\n \/* ===== RECOMMENDATION PANEL ===== *\/\r\n .compare__recommend {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .compare__recommend:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .compare__recommend-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .compare__recommend-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .compare__recommend-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .compare__recommend-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .compare__recommend-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .compare__recommend-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .compare__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .compare__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .compare__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .compare__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .compare__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .compare__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .compare__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .compare__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .compare__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .compare__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .compare__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .compare__split {\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(1.5rem, 3vw, 2.5rem);\r\n }\r\n\r\n .compare__media {\r\n grid-column: 1 \/ -1;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .compare__title {\r\n max-width: 100%;\r\n }\r\n\r\n .compare__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .compare__card {\r\n height: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .compare__split {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .compare {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .compare__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .compare__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .compare__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .compare__split {\r\n grid-template-columns: 1fr;\r\n gap: 1.25rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .compare__card {\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 0.4rem;\r\n }\r\n\r\n .compare__card-header {\r\n gap: 0.5rem;\r\n }\r\n\r\n .compare__card-icon {\r\n width: 32px;\r\n height: 32px;\r\n padding: 0.3rem;\r\n border-radius: 10px;\r\n }\r\n\r\n .compare__card-title {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .compare__card-temp {\r\n font-size: 0.85rem;\r\n padding: 0.15rem 0.6rem;\r\n }\r\n\r\n .compare__card-label {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .compare__card-items li {\r\n font-size: 0.8rem;\r\n padding-left: 1rem;\r\n }\r\n\r\n .compare__card-items li::before {\r\n top: 0.45rem;\r\n width: 4px;\r\n height: 4px;\r\n }\r\n\r\n .compare__card-advantages-title {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .compare__card-advantages-list li {\r\n font-size: 0.8rem;\r\n padding-left: 1rem;\r\n }\r\n\r\n .compare__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n min-height: auto;\r\n }\r\n\r\n .compare__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .compare__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .compare__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .compare__table thead {\r\n display: none;\r\n }\r\n\r\n .compare__table,\r\n .compare__table tbody,\r\n .compare__table tr,\r\n .compare__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .compare__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(0.65rem, 1.5vw, 0.85rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .compare__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .compare__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .compare__table tbody td {\r\n padding: 0.15rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n }\r\n\r\n .compare__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .compare__table tbody td:nth-child(2) {\r\n color: #2997AA;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .compare__table tbody td:nth-child(3) {\r\n color: #2997AA;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .compare__recommend {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .compare__recommend-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .compare__recommend-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .compare__recommend-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .compare__recommend-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .compare__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .compare__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .compare__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .compare__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .compare__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .compare__card {\r\n padding: 1rem 0.8rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .compare__card-icon {\r\n width: 28px;\r\n height: 28px;\r\n padding: 0.25rem;\r\n }\r\n\r\n .compare__card-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .compare__card-temp {\r\n font-size: 0.75rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .compare__card-items li {\r\n font-size: 0.75rem;\r\n padding-left: 0.9rem;\r\n }\r\n\r\n .compare__card-advantages-list li {\r\n font-size: 0.75rem;\r\n padding-left: 0.9rem;\r\n }\r\n\r\n .compare__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .compare__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .compare__table tbody td {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"compare\" aria-labelledby=\"compare-title\">\r\n\r\n \r\n <div class=\"compare__header\">\r\n\r\n \r\n <div class=\"compare__badge\">\r\n <span class=\"compare__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Vehicle Comparison\r\n <\/div>\r\n\r\n \r\n <h2 id=\"compare-title\" class=\"compare__title\">\r\n Chiller Truck vs Freezer Truck \u2013 Which One Is Right for Your Business?\r\n <\/h2>\r\n\r\n \r\n <p class=\"compare__intro\">\r\n Choosing the right temperature-controlled vehicle depends on the products you transport and the required storage temperature. Chiller trucks are designed for chilled goods, while freezer trucks maintain deep frozen temperatures for frozen inventory. Understanding the difference helps businesses select the most suitable refrigerated transport solution.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__split\">\r\n\r\n \r\n <div class=\"compare__card compare__card--chiller\">\r\n <div class=\"compare__card-header\">\r\n <div class=\"compare__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"compare__card-title\">Chiller Truck<\/span>\r\n <\/div>\r\n\r\n <span class=\"compare__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n\r\n <span class=\"compare__card-label\">Suitable For<\/span>\r\n <ul class=\"compare__card-items\">\r\n <li>Fresh Food<\/li>\r\n <li>Milk<\/li>\r\n <li>Dairy Products<\/li>\r\n <li>Bakery Products<\/li>\r\n <li>Fresh Fruits<\/li>\r\n <li>Fresh Vegetables<\/li>\r\n <li>Flowers<\/li>\r\n <li>Cold Beverages<\/li>\r\n <li>Restaurants<\/li>\r\n <li>Hotels<\/li>\r\n <li>Catering<\/li>\r\n <\/ul>\r\n\r\n <div class=\"compare__card-advantages\">\r\n <span class=\"compare__card-advantages-title\">Advantages<\/span>\r\n <ul class=\"compare__card-advantages-list\">\r\n <li>Maintain chilled temperatures<\/li>\r\n <li>Preserve freshness<\/li>\r\n <li>Daily commercial deliveries<\/li>\r\n <li>Reliable food logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__card compare__card--freezer\">\r\n <div class=\"compare__card-header\">\r\n <div class=\"compare__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"compare__card-title\">Freezer Truck<\/span>\r\n <\/div>\r\n\r\n <span class=\"compare__card-temp\">-18\u00b0C to -25\u00b0C<\/span>\r\n\r\n <span class=\"compare__card-label\">Suitable For<\/span>\r\n <ul class=\"compare__card-items\">\r\n <li>Frozen Meat<\/li>\r\n <li>Seafood<\/li>\r\n <li>Ice Cream<\/li>\r\n <li>Frozen Meals<\/li>\r\n <li>Frozen Desserts<\/li>\r\n <li>Frozen Vegetables<\/li>\r\n <li>Cold Storage Transfers<\/li>\r\n <\/ul>\r\n\r\n <div class=\"compare__card-advantages\">\r\n <span class=\"compare__card-advantages-title\">Advantages<\/span>\r\n <ul class=\"compare__card-advantages-list\">\r\n <li>Maintain frozen conditions<\/li>\r\n <li>Prevent thawing<\/li>\r\n <li>Long-distance frozen transport<\/li>\r\n <li>Commercial frozen logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <figure class=\"compare__media\" role=\"img\" aria-label=\"Difference Between Chiller Truck and Freezer Truck\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/Chiller_truck_vs_freezer_truck_202607080047.jpeg\"\r\n alt=\"Difference Between Chiller Truck and Freezer Truck\"\r\n title=\"Chiller Truck vs Freezer Truck Comparison\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"compare__media-caption\">\r\n <span>Choosing the Right Temperature-Controlled Vehicle<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__table-wrap\">\r\n <table class=\"compare__table\">\r\n <thead>\r\n <tr>\r\n <th>Feature<\/th>\r\n <th>Chiller Truck<\/th>\r\n <th>Freezer Truck<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Temperature Range<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>-18\u00b0C to -25\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Typical Products<\/td>\r\n <td>Fresh Food, Dairy, Bakery, Fruits, Vegetables<\/td>\r\n <td>Frozen Meat, Seafood, Ice Cream, Frozen Meals<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Industries<\/td>\r\n <td>Restaurants, Hotels, Catering, Supermarkets<\/td>\r\n <td>Food Manufacturing, Cold Storage, Logistics<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cooling Level<\/td>\r\n <td>Chilled (Preserve Freshness)<\/td>\r\n <td>Deep Frozen (Preserve Frozen State)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Fresh Food<\/td>\r\n <td>\u2713 Ideal<\/td>\r\n <td>\u2717 Not Suitable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Frozen Goods<\/td>\r\n <td>\u2717 Not Suitable<\/td>\r\n <td>\u2713 Ideal<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Daily Deliveries<\/td>\r\n <td>\u2713 Excellent<\/td>\r\n <td>\u2713 Suitable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Long Distance<\/td>\r\n <td>\u2713 Suitable<\/td>\r\n <td>\u2713 Excellent<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Commercial Logistics<\/td>\r\n <td>\u2713 Daily Food Supply<\/td>\r\n <td>\u2713 Frozen Supply Chain<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Recommended Use<\/td>\r\n <td>Chilled Food Distribution<\/td>\r\n <td>Frozen Food Distribution<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__recommend\">\r\n\r\n <div class=\"compare__recommend-content\">\r\n <h3 class=\"compare__recommend-title\">Not Sure Which Vehicle You Need?<\/h3>\r\n <p class=\"compare__recommend-text\">\r\n Our logistics specialists help businesses select the right refrigerated vehicle based on cargo type, required temperature, delivery schedule, transport distance, and daily operational requirements. Whether you require chilled or frozen transportation, we recommend the most suitable commercial solution.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"compare__recommend-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Expert Advice\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__actions\">\r\n\r\n \r\n <a href=\"\/services\/\" class=\"compare__btn compare__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n Compare Our Fleet\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"compare__btn compare__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Expert\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"compare__btn compare__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-3b88720 e-flex e-con-boxed e-con e-parent\" data-id=\"3b88720\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-771bb87 elementor-widget elementor-widget-html\" data-id=\"771bb87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Why Choose Arctic Flow Transport | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 11: WHY CHOOSE ARCTIC FLOW TRANSPORT ===== *\/\r\n .why {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .why__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .why__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .why__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .why__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .why__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .why__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .why__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .why__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .why__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .why__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .why__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .why__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== FEATURE CARDS ===== *\/\r\n .why__cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .why__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.3rem;\r\n height: 100%;\r\n }\r\n\r\n .why__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .why__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .why__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .why__card-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .why__card-desc {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== TRUST METRICS ===== *\/\r\n .why__metrics {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .why__metric {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.4rem, 0.6vw, 0.6rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.1rem;\r\n }\r\n\r\n .why__metric:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why__metric-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n color: #2997AA;\r\n }\r\n\r\n .why__metric-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .why__metric-value {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 700;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n .why__metric-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 500;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ===== COMMITMENT PANEL ===== *\/\r\n .why__commitment {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .why__commitment:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .why__commitment-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .why__commitment-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .why__commitment-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .why__commitment-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .why__commitment-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why__commitment-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .why__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .why__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .why__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .why__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .why__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .why__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .why__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .why__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .why__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .why__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .why__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .why__content {\r\n order: 1;\r\n }\r\n\r\n .why__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .why__title {\r\n max-width: 100%;\r\n }\r\n\r\n .why__text {\r\n max-width: 100%;\r\n }\r\n\r\n .why__cards {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .why__metrics {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .why__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .why {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .why__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .why__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .why__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .why__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .why__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .why__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .why__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .why__card-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .why__metrics {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .why__metric {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .why__metric-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .why__metric-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .why__metric-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .why__commitment {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .why__commitment-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .why__commitment-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .why__commitment-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .why__commitment-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .why__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .why__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .why__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .why__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .why__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .why__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .why__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .why__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .why__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .why__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .why__card-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .why__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .why__card-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .why__metrics {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .why__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .why__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"why\" aria-labelledby=\"why-title\">\r\n\r\n \r\n <div class=\"why__split\">\r\n\r\n \r\n <div class=\"why__content\">\r\n\r\n \r\n <div class=\"why__badge\">\r\n <span class=\"why__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Why Choose Us\r\n <\/div>\r\n\r\n \r\n <h2 id=\"why-title\" class=\"why__title\">\r\n Why Businesses Choose Arctic Flow Transport\r\n <\/h2>\r\n\r\n \r\n <p class=\"why__text\">\r\n Businesses across Abu Dhabi trust Arctic Flow Transport because we provide dependable chiller truck rental services backed by professional fleet management, temperature-controlled logistics, and responsive customer support. Our goal is to help businesses transport chilled products safely, efficiently, and on time.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"why__media\" role=\"img\" aria-label=\"Professional Chiller Truck Fleet Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-8-2026-12_40_10-AM.png\"\r\n alt=\"Professional Chiller Truck Fleet Abu Dhabi\"\r\n title=\"Why Choose Arctic Flow Transport\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"why__media-caption\">\r\n <span>Reliable Commercial Refrigerated Transport Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__cards\">\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">24\/7 Availability<\/h4>\r\n <p class=\"why__card-desc\">Commercial refrigerated transport support whenever your business needs reliable logistics.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Temperature-Controlled Fleet<\/h4>\r\n <p class=\"why__card-desc\">Modern refrigerated vehicles maintaining +2\u00b0C to +8\u00b0C throughout transportation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Professional Drivers<\/h4>\r\n <p class=\"why__card-desc\">Experienced drivers trained to handle temperature-sensitive commercial deliveries.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Fast Dispatch<\/h4>\r\n <p class=\"why__card-desc\">Same-day dispatch available subject to fleet availability and operational scheduling.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Commercial Fleet<\/h4>\r\n <p class=\"why__card-desc\">Multiple vehicle capacities from 1 Ton to 10 Ton for every business requirement.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Flexible Rental Plans<\/h4>\r\n <p class=\"why__card-desc\">Daily, weekly, monthly, and long-term rental options for commercial businesses.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <polyline points=\"9 12 11 14 15 10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Reliable Cold Chain<\/h4>\r\n <p class=\"why__card-desc\">Helping businesses maintain product freshness and uninterrupted chilled logistics.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Abu Dhabi Coverage<\/h4>\r\n <p class=\"why__card-desc\">Serving commercial, industrial, hospitality, and retail businesses across Abu Dhabi.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metrics\">\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">1\u201310 Ton<\/span>\r\n <span class=\"why__metric-label\">Commercial Fleet<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">+2\u00b0C to +8\u00b0C<\/span>\r\n <span class=\"why__metric-label\">Temperature Range<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">24\/7<\/span>\r\n <span class=\"why__metric-label\">Commercial Support<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">Professional<\/span>\r\n <span class=\"why__metric-label\">Experienced Team<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">Available<\/span>\r\n <span class=\"why__metric-label\">Commercial Contracts<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">Fast<\/span>\r\n <span class=\"why__metric-label\">Subject to Availability<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__commitment\">\r\n\r\n <div class=\"why__commitment-content\">\r\n <h3 class=\"why__commitment-title\">Committed to Reliable Chilled Transportation<\/h3>\r\n <p class=\"why__commitment-text\">\r\n At Arctic Flow Transport, we are committed to helping businesses maintain efficient cold chain logistics through dependable chiller truck rental services. Our professional fleet, experienced drivers, and responsive support ensure safe transportation for food, dairy, beverages, catering supplies, and other temperature-sensitive products across Abu Dhabi.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"why__commitment-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"why__btn why__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Now\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"why__btn why__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"why__btn why__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-69ab34d e-flex e-con-boxed e-con e-parent\" data-id=\"69ab34d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08b004e elementor-widget elementor-widget-html\" data-id=\"08b004e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Frequently Asked Questions | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 12: FREQUENTLY ASKED QUESTIONS ===== *\/\r\n .faq {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .faq__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .faq__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .faq__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .faq__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .faq__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT: FAQ + HELP CARD ===== *\/\r\n .faq__split {\r\n display: grid;\r\n grid-template-columns: 1fr 340px;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n align-items: start;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT: FAQ ACCORDION ===== *\/\r\n .faq__accordion {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n }\r\n\r\n .faq__item {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background-color: #FFFFFF;\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .faq__item:hover {\r\n border-color: #d0d5dd;\r\n }\r\n\r\n .faq__item--open {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1rem;\r\n padding: clamp(1rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.5rem);\r\n cursor: pointer;\r\n user-select: none;\r\n transition: background-color 0.2s ease;\r\n width: 100%;\r\n background: none;\r\n border: none;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n text-align: left;\r\n }\r\n\r\n .faq__question:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .faq__question-text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.4;\r\n flex: 1;\r\n }\r\n\r\n .faq__question-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .faq__question-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .faq__item--open .faq__question-icon svg {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq__answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease, opacity 0.3s ease;\r\n opacity: 0;\r\n padding: 0 clamp(1rem, 1.5vw, 1.5rem);\r\n }\r\n\r\n .faq__item--open .faq__answer {\r\n max-height: 300px;\r\n opacity: 1;\r\n padding: 0 clamp(1rem, 1.5vw, 1.5rem) clamp(1rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.5rem);\r\n }\r\n\r\n .faq__answer-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== RIGHT: STICKY HELP CARD ===== *\/\r\n .faq__help {\r\n position: sticky;\r\n top: 2rem;\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2vw, 2.25rem) clamp(1.25rem, 1.8vw, 2rem);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1vw, 1rem);\r\n }\r\n\r\n .faq__help:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__help-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n background-color: #E8F7FA;\r\n border-radius: 14px;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__help-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .faq__help-title {\r\n font-size: clamp(1.05rem, 1.15vw, 1.2rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .faq__help-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n .faq__help-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.6rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .faq__help-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 16px;\r\n padding: clamp(0.7rem, 0.9vw, 0.85rem) clamp(1.25rem, 1.6vw, 1.75rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n width: 100%;\r\n }\r\n\r\n .faq__help-btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .faq__help-btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq__help-btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .faq__help-btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .faq__help-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__help-divider {\r\n border: none;\r\n border-top: 1px solid #E5E7EB;\r\n margin: 0.1rem 0;\r\n }\r\n\r\n .faq__help-phone {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n font-weight: 500;\r\n color: #111111;\r\n text-decoration: none;\r\n padding: 0.4rem 0;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .faq__help-phone:hover {\r\n color: #2997AA;\r\n }\r\n\r\n .faq__help-phone svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BOTTOM PANEL ===== *\/\r\n .faq__bottom {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .faq__bottom:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__bottom-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .faq__bottom-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .faq__bottom-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .faq__bottom-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__bottom-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq__bottom-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .faq__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .faq__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .faq__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .faq__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .faq__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .faq__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .faq__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .faq__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .faq__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 3vw, 2.5rem);\r\n }\r\n\r\n .faq__help {\r\n position: static;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n padding: clamp(1.25rem, 1.8vw, 1.75rem) clamp(1.25rem, 1.8vw, 1.75rem);\r\n gap: 0.75rem 1.5rem;\r\n }\r\n\r\n .faq__help-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .faq__help-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .faq__help-content {\r\n flex: 1;\r\n min-width: 180px;\r\n }\r\n\r\n .faq__help-actions {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-top: 0;\r\n width: auto;\r\n }\r\n\r\n .faq__help-btn {\r\n width: auto;\r\n white-space: nowrap;\r\n padding: 0.6rem 1.25rem;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help-phone {\r\n padding: 0.2rem 0;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help-divider {\r\n display: none;\r\n }\r\n\r\n .faq__title {\r\n max-width: 100%;\r\n }\r\n\r\n .faq__intro {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .faq__help {\r\n flex-direction: column;\r\n align-items: stretch;\r\n text-align: center;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .faq__help-icon {\r\n align-self: center;\r\n }\r\n\r\n .faq__help-actions {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .faq__help-btn {\r\n width: 100%;\r\n justify-content: center;\r\n white-space: normal;\r\n }\r\n\r\n .faq__help-phone {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .faq {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .faq__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .faq__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .faq__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .faq__split {\r\n gap: 1.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .faq__item {\r\n border-radius: 16px;\r\n }\r\n\r\n .faq__question {\r\n padding: 0.85rem 0.9rem;\r\n gap: 0.75rem;\r\n }\r\n\r\n .faq__question-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__question-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .faq__item--open .faq__answer {\r\n padding: 0 0.9rem 0.85rem 0.9rem;\r\n }\r\n\r\n .faq__answer-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help {\r\n padding: 1rem 0.9rem;\r\n border-radius: 16px;\r\n gap: 0.6rem;\r\n }\r\n\r\n .faq__help-icon {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .faq__help-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .faq__help-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .faq__help-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .faq__help-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .faq__bottom {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .faq__bottom-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .faq__bottom-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__bottom-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .faq__bottom-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .faq__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .faq__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .faq__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .faq__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .faq__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .faq__question {\r\n padding: 0.7rem 0.7rem;\r\n gap: 0.5rem;\r\n }\r\n\r\n .faq__question-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .faq__question-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .faq__item--open .faq__answer {\r\n padding: 0 0.7rem 0.7rem 0.7rem;\r\n }\r\n\r\n .faq__answer-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .faq__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .faq__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"faq\" aria-labelledby=\"faq-title\">\r\n\r\n \r\n <div class=\"faq__header\">\r\n\r\n \r\n <div class=\"faq__badge\">\r\n <span class=\"faq__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Frequently Asked Questions\r\n <\/div>\r\n\r\n \r\n <h2 id=\"faq-title\" class=\"faq__title\">\r\n Everything You Need to Know About Chiller Truck Rental\r\n <\/h2>\r\n\r\n \r\n <p class=\"faq__intro\">\r\n Find answers to the most frequently asked questions about chiller truck rental services, temperature-controlled transportation, booking, fleet availability, and commercial refrigerated logistics in Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__split\">\r\n\r\n \r\n <div class=\"faq__accordion\" role=\"list\">\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-01\" id=\"faq-question-01\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">What is a chiller truck?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-01\" role=\"region\" aria-labelledby=\"faq-question-01\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">A chiller truck is a refrigerated vehicle designed to transport products requiring chilled temperatures between +2\u00b0C and +8\u00b0C while maintaining freshness throughout transportation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-02\" id=\"faq-question-02\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Which businesses require chiller truck rental?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-02\" role=\"region\" aria-labelledby=\"faq-question-02\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Restaurants, hotels, catering companies, bakeries, supermarkets, beverage suppliers, dairy companies, florists, food manufacturers and commercial kitchens commonly require chilled transportation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-03\" id=\"faq-question-03\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Do you provide same-day booking?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-03\" role=\"region\" aria-labelledby=\"faq-question-03\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Same-day booking is available depending on fleet availability and operational scheduling.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-04\" id=\"faq-question-04\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Do you provide services throughout Abu Dhabi?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-04\" role=\"region\" aria-labelledby=\"faq-question-04\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Yes. We provide chiller truck rental across Mussafah, Khalifa City, MBZ City, ICAD, Yas Island, Al Reem Island, Baniyas, Al Shahama and surrounding commercial areas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-05\" id=\"faq-question-05\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Are your services available 24\/7?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-05\" role=\"region\" aria-labelledby=\"faq-question-05\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Yes. Our commercial refrigerated transport services operate 24\/7 subject to scheduling and fleet availability.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-06\" id=\"faq-question-06\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">What products can be transported?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-06\" role=\"region\" aria-labelledby=\"faq-question-06\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Fresh food, dairy products, beverages, bakery products, catering supplies, flowers, prepared meals and other temperature-sensitive goods.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-07\" id=\"faq-question-07\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Which temperature do your chiller trucks maintain?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-07\" role=\"region\" aria-labelledby=\"faq-question-07\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Our commercial chiller fleet maintains temperatures between +2\u00b0C and +8\u00b0C depending on operational requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-08\" id=\"faq-question-08\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Can I rent a truck monthly?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-08\" role=\"region\" aria-labelledby=\"faq-question-08\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Yes. We offer daily, weekly, monthly and long-term commercial rental plans.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <aside class=\"faq__help\">\r\n <div class=\"faq__help-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\r\n <circle cx=\"9\" cy=\"10\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" \/>\r\n <circle cx=\"15\" cy=\"10\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"faq__help-content\">\r\n <h3 class=\"faq__help-title\">Need Help Choosing a Chiller Truck?<\/h3>\r\n <p class=\"faq__help-text\">Our logistics specialists can recommend the most suitable vehicle based on cargo type, delivery schedule, rental duration and temperature requirements.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq__help-actions\">\r\n <a href=\"\/contact-us\/\" class=\"faq__help-btn faq__help-btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Expert Advice\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"faq__help-btn faq__help-btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <hr class=\"faq__help-divider\" \/>\r\n <a href=\"tel:+971554491928\" class=\"faq__help-phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n +971 55 449 1928\r\n <\/a>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__bottom\">\r\n\r\n <div class=\"faq__bottom-content\">\r\n <h3 class=\"faq__bottom-title\">Still Have Questions?<\/h3>\r\n <p class=\"faq__bottom-text\">\r\n Contact our commercial logistics team for expert advice on refrigerated transportation, fleet selection, rental plans and temperature-controlled delivery solutions across Abu Dhabi.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"faq__bottom-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Contact Us\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"faq__btn faq__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Now\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"faq__btn faq__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"faq__btn faq__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [{\r\n \"@type\": \"Question\",\r\n \"name\": \"What is a chiller truck?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"A chiller truck is a refrigerated vehicle designed to transport products requiring chilled temperatures between +2\u00b0C and +8\u00b0C while maintaining freshness throughout transportation.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Which businesses require chiller truck rental?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Restaurants, hotels, catering companies, bakeries, supermarkets, beverage suppliers, dairy companies, florists, food manufacturers and commercial kitchens commonly require chilled transportation.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide same-day booking?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Same-day booking is available depending on fleet availability and operational scheduling.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide services throughout Abu Dhabi?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. We provide chiller truck rental across Mussafah, Khalifa City, MBZ City, ICAD, Yas Island, Al Reem Island, Baniyas, Al Shahama and surrounding commercial areas.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Are your services available 24\/7?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Our commercial refrigerated transport services operate 24\/7 subject to scheduling and fleet availability.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"What products can be transported?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Fresh food, dairy products, beverages, bakery products, catering supplies, flowers, prepared meals and other temperature-sensitive goods.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Which temperature do your chiller trucks maintain?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Our commercial chiller fleet maintains temperatures between +2\u00b0C and +8\u00b0C depending on operational requirements.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I rent a truck monthly?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. We offer daily, weekly, monthly and long-term commercial rental plans.\"\r\n }\r\n }]\r\n }\r\n <\/script>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const faqItems = document.querySelectorAll('.faq__item');\r\n\r\n faqItems.forEach(function(item) {\r\n const question = item.querySelector('.faq__question');\r\n const answer = item.querySelector('.faq__answer');\r\n\r\n question.addEventListener('click', function() {\r\n const isOpen = item.classList.contains('faq__item--open');\r\n\r\n \/\/ Close all items\r\n faqItems.forEach(function(otherItem) {\r\n otherItem.classList.remove('faq__item--open');\r\n otherItem.querySelector('.faq__question').setAttribute('aria-expanded',\r\n 'false');\r\n });\r\n\r\n \/\/ Toggle current item\r\n if (!isOpen) {\r\n item.classList.add('faq__item--open');\r\n question.setAttribute('aria-expanded', 'true');\r\n }\r\n });\r\n\r\n \/\/ Keyboard support\r\n question.addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n question.click();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Open first FAQ item by default\r\n if (faqItems.length > 0) {\r\n faqItems[0].classList.add('faq__item--open');\r\n faqItems[0].querySelector('.faq__question').setAttribute('aria-expanded', 'true');\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Chiller Truck Rental Abu Dhabi | 1-10 Ton Fleet 24\/7 | +2\u00b0C to +8\u00b0C Professional Refrigerated Logistics Chiller Truck Rental Abu Dhabi Professional Chiller Truck Rental Services in Abu Dhabi Arctic Flow Transport provides reliable chiller truck rental services in Abu Dhabi for businesses requiring temperature-controlled transportation and refrigerated logistics solutions. Our chiller trucks support […]<\/p>\n","protected":false},"author":2,"featured_media":2577,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2723","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/2723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/comments?post=2723"}],"version-history":[{"count":82,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/2723\/revisions"}],"predecessor-version":[{"id":3660,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/2723\/revisions\/3660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media\/2577"}],"wp:attachment":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media?parent=2723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Chiller Truck Rental Abu Dhabi | 1-10 Ton Fleet 24\/7 | +2\u00b0C to +8\u00b0C<\/title>\r\n <meta name=\"description\" content=\"Rent chiller trucks in Abu Dhabi with 1-10 Ton commercial fleet, +2\u00b0C to +8\u00b0C temperature control, 24\/7 dispatch & same-day booking. Call +971 55 449 1928 for reliable refrigerated transport.\" \/>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 1: HERO ===== *\/\r\n .hero {\r\n background-color: #FFFFFF;\r\n padding: clamp(2rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .hero__inner {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .hero__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1.25rem, 2.5vw, 2rem);\r\n justify-content: center;\r\n }\r\n\r\n \/* Badge *\/\r\n .hero__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .hero__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hero__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .hero__title {\r\n font-size: clamp(2.2rem, 5.5vw, 4.2rem);\r\n font-weight: 700;\r\n line-height: 1.08;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 13ch;\r\n }\r\n\r\n .hero__title span {\r\n color: #2997AA;\r\n }\r\n\r\n \/* Sub-heading *\/\r\n .hero__subtitle {\r\n font-size: clamp(1.05rem, 1.4vw, 1.35rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.4;\r\n max-width: 36ch;\r\n margin-top: -0.25rem;\r\n }\r\n\r\n \/* Description *\/\r\n .hero__description {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 52ch;\r\n }\r\n\r\n \/* ===== FEATURE HIGHLIGHTS ===== *\/\r\n .hero__features {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin: clamp(0.25rem, 0.5vw, 0.5rem) 0 clamp(0.5rem, 0.75vw, 0.75rem);\r\n }\r\n\r\n .hero__feature {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.85rem, 1.2vw, 1.25rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .hero__feature:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .hero__feature-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n margin-bottom: 0.6rem;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hero__feature-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .hero__feature-label {\r\n font-size: clamp(0.6rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .hero__feature-value {\r\n font-size: clamp(0.95rem, 1.1vw, 1.15rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .hero__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(0.25rem, 0.5vw, 0.5rem);\r\n }\r\n\r\n .hero__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .hero__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .hero__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .hero__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .hero__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== PHONE ===== *\/\r\n .hero__phone {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 500;\r\n color: #111111;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n margin-left: clamp(0.25rem, 0.5vw, 0.5rem);\r\n }\r\n\r\n .hero__phone:hover {\r\n color: #2997AA;\r\n }\r\n\r\n .hero__phone svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hero__phone-divider {\r\n color: #E5E7EB;\r\n font-weight: 300;\r\n font-size: 1.2rem;\r\n padding: 0 0.1rem;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .hero__media {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 420px;\r\n }\r\n\r\n .hero__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .hero__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .hero__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .hero__media-caption span {\r\n opacity: 0.85;\r\n }\r\n\r\n \/* ============================================================ *\/\r\n \/* RESPONSIVE BREAKPOINTS *\/\r\n \/* ============================================================ *\/\r\n\r\n \/* Tablets & Medium Screens *\/\r\n @media (max-width: 1024px) {\r\n .hero__inner {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n align-items: center;\r\n }\r\n\r\n .hero__content {\r\n order: 1;\r\n }\r\n\r\n .hero__media {\r\n order: 2;\r\n min-height: 380px;\r\n max-height: 480px;\r\n aspect-ratio: 16 \/ 10;\r\n height: auto;\r\n width: 100%;\r\n }\r\n\r\n .hero__title {\r\n max-width: 100%;\r\n }\r\n\r\n .hero__subtitle {\r\n max-width: 100%;\r\n }\r\n\r\n .hero__description {\r\n max-width: 100%;\r\n }\r\n\r\n .hero__features {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n \/* Small Tablets & Large Phones *\/\r\n @media (max-width: 768px) {\r\n .hero__media {\r\n min-height: 300px;\r\n max-height: 400px;\r\n aspect-ratio: 16 \/ 10;\r\n }\r\n\r\n .hero__features {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.75rem;\r\n }\r\n\r\n .hero__feature {\r\n padding: 0.85rem 0.75rem;\r\n border-radius: 16px;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .hero {\r\n padding: 1.5rem 1rem 2.5rem;\r\n }\r\n\r\n .hero__inner {\r\n gap: 1.75rem;\r\n }\r\n\r\n .hero__title {\r\n font-size: clamp(1.8rem, 8vw, 2.4rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero__subtitle {\r\n font-size: clamp(0.95rem, 3.5vw, 1.1rem);\r\n }\r\n\r\n .hero__description {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .hero__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.65rem;\r\n }\r\n\r\n .hero__feature {\r\n padding: 0.75rem 0.65rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .hero__feature-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-bottom: 0.35rem;\r\n }\r\n\r\n .hero__feature-label {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .hero__feature-value {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .hero__actions {\r\n flex-wrap: wrap;\r\n gap: 0.65rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .hero__btn {\r\n font-size: 0.85rem;\r\n padding: 0.65rem 1.1rem;\r\n border-radius: 14px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 130px;\r\n justify-content: center;\r\n }\r\n\r\n .hero__btn svg {\r\n width: 17px;\r\n height: 17px;\r\n }\r\n\r\n .hero__phone {\r\n font-size: 0.85rem;\r\n margin-left: 0;\r\n width: 100%;\r\n justify-content: center;\r\n padding-top: 0.15rem;\r\n }\r\n\r\n .hero__phone-divider {\r\n display: none;\r\n }\r\n\r\n .hero__media {\r\n min-height: 220px;\r\n max-height: 320px;\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 14px;\r\n }\r\n\r\n .hero__media img {\r\n border-radius: 14px;\r\n }\r\n\r\n .hero__media-caption {\r\n padding: 0.65rem 0.9rem;\r\n font-size: 0.65rem;\r\n border-radius: 0 0 14px 14px;\r\n }\r\n\r\n .hero__badge {\r\n font-size: 0.55rem;\r\n padding: 0.25rem 0.7rem;\r\n }\r\n\r\n .hero__badge-icon {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* Small Mobile *\/\r\n @media (max-width: 420px) {\r\n .hero__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .hero__feature {\r\n padding: 0.6rem 0.5rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .hero__feature-icon {\r\n width: 18px;\r\n height: 18px;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .hero__feature-value {\r\n font-size: 0.78rem;\r\n }\r\n\r\n .hero__feature-label {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .hero__btn {\r\n font-size: 0.78rem;\r\n padding: 0.55rem 0.9rem;\r\n min-width: 100px;\r\n border-radius: 12px;\r\n }\r\n\r\n .hero__btn svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n .hero__media {\r\n min-height: 180px;\r\n max-height: 260px;\r\n }\r\n }\r\n\r\n \/* ===== UTILITY ===== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"hero\" aria-labelledby=\"hero-title\">\r\n <div class=\"hero__inner\">\r\n\r\n \r\n <div class=\"hero__content\">\r\n\r\n \r\n <div class=\"hero__badge\">\r\n <span class=\"hero__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Professional Refrigerated Logistics\r\n <\/div>\r\n\r\n \r\n <h1 id=\"hero-title\" class=\"hero__title\">\r\n Chiller Truck Rental <span>Abu Dhabi<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"hero__subtitle\">\r\n Professional Chiller Truck Rental Services in Abu Dhabi\r\n <\/p>\r\n\r\n \r\n <p class=\"hero__description\">\r\n Arctic Flow Transport provides reliable chiller truck rental services in Abu Dhabi for businesses requiring temperature-controlled transportation and refrigerated logistics solutions. Our chiller trucks support food suppliers, restaurants, hotels, catering companies, supermarkets, dairy distributors, and businesses that depend on chilled transport for daily operations.\r\n <\/p>\r\n <p class=\"hero__description\" style=\"margin-top: -0.25rem;\">\r\n Whether you need scheduled deliveries or urgent refrigerated transportation, our chiller truck fleet helps maintain product freshness and operational efficiency throughout Abu Dhabi.\r\n <\/p>\r\n\r\n \r\n <div class=\"hero__features\">\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Temperature Range<\/div>\r\n <div class=\"hero__feature-value\">+2\u00b0C to +8\u00b0C<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Availability<\/div>\r\n <div class=\"hero__feature-value\">24\/7<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Fleet<\/div>\r\n <div class=\"hero__feature-value\">Commercial Fleet<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__feature\">\r\n <div class=\"hero__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero__feature-label\">Dispatch<\/div>\r\n <div class=\"hero__feature-value\">Same-Day*<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"hero__btn hero__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Now\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"hero__btn hero__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <span class=\"hero__phone-divider\" aria-hidden=\"true\">|<\/span>\r\n <a href=\"tel:+971554491928\" class=\"hero__phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n +971 55 449 1928\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"hero__media\" role=\"img\" aria-label=\"Commercial chiller truck fleet in Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.08-AM-2.jpeg\"\r\n alt=\"Professional Chiller Truck Rental Abu Dhabi\"\r\n title=\"Chiller Truck Rental Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"hero__media-caption\">\r\n <span>Commercial Chiller Truck Fleet in Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-510113c e-flex e-con-boxed e-con e-parent\" data-id=\"510113c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8696cf1 elementor-widget elementor-widget-html\" data-id=\"8696cf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>About Chiller Truck Rental | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 2: ABOUT CHILLER TRUCK RENTAL ===== *\/\r\n .about {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .about__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .about__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .about__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .about__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .about__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .about__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 14ch;\r\n }\r\n\r\n \/* Paragraphs *\/\r\n .about__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n .about__text--narrow {\r\n max-width: 50ch;\r\n }\r\n\r\n \/* Small heading inside content *\/\r\n .about__small-heading {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .about__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .about__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .about__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .about__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .about__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== FEATURE CARDS GRID ===== *\/\r\n .about__cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.5vw, 1.5rem);\r\n margin-top: clamp(1.5rem, 2.5vw, 2.5rem);\r\n }\r\n\r\n .about__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.25rem, 1.8vw, 2rem) clamp(1rem, 1.5vw, 1.5rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n height: 100%;\r\n }\r\n\r\n .about__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .about__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .about__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .about__card-title {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .about__card-desc {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .about__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(1.5rem, 2.5vw, 2.5rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .about__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .about__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .about__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .about__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .about__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .about__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .about__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .about__content {\r\n order: 1;\r\n }\r\n\r\n .about__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .about__title {\r\n max-width: 100%;\r\n }\r\n\r\n .about__text {\r\n max-width: 100%;\r\n }\r\n\r\n .about__text--narrow {\r\n max-width: 100%;\r\n }\r\n\r\n .about__cards {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .about {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .about__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .about__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .about__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .about__small-heading {\r\n font-size: clamp(1rem, 4vw, 1.15rem);\r\n }\r\n\r\n .about__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.75rem;\r\n }\r\n\r\n .about__card {\r\n padding: 1rem 0.85rem;\r\n border-radius: 16px;\r\n gap: 0.35rem;\r\n }\r\n\r\n .about__card-icon {\r\n width: 28px;\r\n height: 28px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .about__card-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .about__card-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .about__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .about__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 140px;\r\n justify-content: center;\r\n }\r\n\r\n .about__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .about__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .about__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .about__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .about__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .about__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .about__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .about__card {\r\n padding: 0.75rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .about__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .about__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .about__card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .about__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 100px;\r\n border-radius: 14px;\r\n }\r\n\r\n .about__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"about\" aria-labelledby=\"about-title\">\r\n\r\n \r\n <div class=\"about__split\">\r\n\r\n \r\n <div class=\"about__content\">\r\n\r\n \r\n <div class=\"about__badge\">\r\n <span class=\"about__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n About Our Services\r\n <\/div>\r\n\r\n \r\n <h2 id=\"about-title\" class=\"about__title\">\r\n Professional Chiller Truck Rental Services in Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"about__text\">\r\n Arctic Flow Transport provides reliable chiller truck rental services in Abu Dhabi for businesses requiring temperature-controlled transportation and refrigerated logistics solutions. Our chiller trucks support food suppliers, restaurants, hotels, catering companies, supermarkets, dairy distributors, and businesses that depend on chilled transport for daily operations.\r\n <\/p>\r\n <p class=\"about__text about__text--narrow\" style=\"margin-top: -0.25rem;\">\r\n Whether you need scheduled deliveries or urgent refrigerated transportation, our chiller truck fleet helps maintain product freshness and operational efficiency throughout Abu Dhabi.\r\n <\/p>\r\n\r\n \r\n <h3 class=\"about__small-heading\">What Is a Chiller Truck?<\/h3>\r\n\r\n \r\n <p class=\"about__text\" style=\"max-width: 100%;\">\r\n A chiller truck is a temperature-controlled commercial vehicle designed to transport products that require chilled conditions during transportation. Unlike freezer trucks, which operate at deep frozen temperatures, chiller trucks maintain cool environments that preserve freshness without freezing the products.\r\n <\/p>\r\n <p class=\"about__text\" style=\"max-width: 100%; margin-top: -0.25rem;\">\r\n These vehicles are widely used across the food, beverage, hospitality, dairy, catering, and retail industries where maintaining a consistent chilled temperature is essential for product quality and safety.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"about__media\" role=\"img\" aria-label=\"Professional Chiller Truck Rental Services in Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-22-2026-03_40_27-PM.png\"\r\n alt=\"Professional Chiller Truck Rental Services in Abu Dhabi\"\r\n title=\"Professional Chiller Truck Rental Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"about__media-caption\">\r\n <span>Commercial Chiller Truck Fleet Ready for Temperature-Controlled Deliveries<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"about__cards\">\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Fresh Food Transport<\/h4>\r\n <p class=\"about__card-desc\">Safe transportation for vegetables, fruits, ready meals, and fresh ingredients.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Dairy Distribution<\/h4>\r\n <p class=\"about__card-desc\">Reliable chilled transport for milk, cheese, yogurt, and dairy products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Beverage Logistics<\/h4>\r\n <p class=\"about__card-desc\">Professional transportation for juices, soft drinks, and bottled beverages.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Bakery Deliveries<\/h4>\r\n <p class=\"about__card-desc\">Maintain freshness for cakes, pastries, and baked products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Restaurant Supply<\/h4>\r\n <p class=\"about__card-desc\">Daily chilled transportation supporting restaurants and commercial kitchens.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"about__card\">\r\n <div class=\"about__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"about__card-title\">Hospitality Logistics<\/h4>\r\n <p class=\"about__card-desc\">Reliable refrigerated transportation for hotels and catering companies.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"about__actions\">\r\n\r\n \r\n <a href=\"\/services\/\" class=\"about__btn about__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n View Fleet\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"about__btn about__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-869111f e-flex e-con-boxed e-con e-parent\" data-id=\"869111f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f99de elementor-widget elementor-widget-html\" data-id=\"02f99de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Pricing & Fleet Overview | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 3: PRICING & FLEET OVERVIEW ===== *\/\r\n .pricing {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .pricing__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .pricing__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .pricing__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .pricing__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .pricing__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .pricing__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .pricing__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .pricing__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .pricing__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .pricing__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .pricing__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== PRICING CARDS ===== *\/\r\n .pricing__cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.5vw, 1.5rem);\r\n margin-top: clamp(0.5rem, 1vw, 1rem);\r\n }\r\n\r\n .pricing__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.25rem, 1.5vw, 1.75rem) clamp(1rem, 1.2vw, 1.5rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n position: relative;\r\n height: 100%;\r\n }\r\n\r\n .pricing__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Most Popular badge *\/\r\n .pricing__card--popular {\r\n border-color: #2997AA;\r\n background-color: #F8FCFD;\r\n box-shadow: 0 4px 20px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .pricing__card--popular:hover {\r\n box-shadow: 0 8px 40px rgba(41, 151, 170, 0.18);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .pricing__card-popular-tag {\r\n position: absolute;\r\n top: -10px;\r\n right: 16px;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n font-size: clamp(0.55rem, 0.6vw, 0.65rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n padding: 0.2rem 0.75rem;\r\n border-radius: 100px;\r\n box-shadow: 0 2px 12px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .pricing__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .pricing__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .pricing__card-title {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .pricing__card-price {\r\n font-size: clamp(1.1rem, 1.3vw, 1.4rem);\r\n font-weight: 700;\r\n color: #2997AA;\r\n line-height: 1.2;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .pricing__card-price small {\r\n font-size: 0.6em;\r\n font-weight: 500;\r\n color: #666666;\r\n }\r\n\r\n .pricing__card-best-for {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n color: #666666;\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .pricing__card-best-for span {\r\n color: #111111;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== MONTHLY RENTAL INFO CARD ===== *\/\r\n .pricing__info {\r\n margin-top: clamp(2rem, 3vw, 3rem);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2vw, 2.5rem) clamp(1.5rem, 2.5vw, 3rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n }\r\n\r\n .pricing__info:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .pricing__info-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .pricing__info-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .pricing__info-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 50ch;\r\n }\r\n\r\n .pricing__info-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing__info-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pricing__info-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== FLEET FACTS GRID ===== *\/\r\n .pricing__facts {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.75rem, 1vw, 1rem);\r\n margin-top: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .pricing__fact {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.85rem, 1.2vw, 1.25rem) clamp(0.6rem, 0.8vw, 0.9rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .pricing__fact:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pricing__fact-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n color: #2997AA;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .pricing__fact-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .pricing__fact-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n .pricing__fact-value {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .pricing__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(2rem, 3vw, 3rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .pricing__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .pricing__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .pricing__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pricing__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .pricing__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .pricing__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .pricing__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .pricing__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .pricing__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .pricing__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .pricing__content {\r\n order: 1;\r\n }\r\n\r\n .pricing__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .pricing__title {\r\n max-width: 100%;\r\n }\r\n\r\n .pricing__text {\r\n max-width: 100%;\r\n }\r\n\r\n .pricing__cards {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .pricing__facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .pricing__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .pricing {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .pricing__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .pricing__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .pricing__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .pricing__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.75rem;\r\n }\r\n\r\n .pricing__card {\r\n padding: 1rem 0.85rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .pricing__card-icon {\r\n width: 26px;\r\n height: 26px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .pricing__card-title {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .pricing__card-price {\r\n font-size: 1rem;\r\n }\r\n\r\n .pricing__card-best-for {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .pricing__card-popular-tag {\r\n font-size: 0.5rem;\r\n top: -8px;\r\n right: 10px;\r\n padding: 0.15rem 0.6rem;\r\n }\r\n\r\n .pricing__info {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n }\r\n\r\n .pricing__info-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .pricing__info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .pricing__info-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .pricing__info-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .pricing__facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.6rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .pricing__fact {\r\n padding: 0.7rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .pricing__fact-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .pricing__fact-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .pricing__fact-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .pricing__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .pricing__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .pricing__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .pricing__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .pricing__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .pricing__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .pricing__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .pricing__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .pricing__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .pricing__card {\r\n padding: 0.75rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .pricing__card-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .pricing__card-title {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .pricing__card-price {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .pricing__card-best-for {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .pricing__facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .pricing__fact {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .pricing__fact-value {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .pricing__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .pricing__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .pricing__card-popular-tag {\r\n font-size: 0.45rem;\r\n top: -6px;\r\n right: 8px;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"pricing\" aria-labelledby=\"pricing-title\">\r\n\r\n \r\n <div class=\"pricing__split\">\r\n\r\n \r\n <div class=\"pricing__content\">\r\n\r\n \r\n <div class=\"pricing__badge\">\r\n <span class=\"pricing__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Rental Pricing\r\n <\/div>\r\n\r\n \r\n <h2 id=\"pricing-title\" class=\"pricing__title\">\r\n Chiller Truck Rental Pricing in Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"pricing__text\">\r\n Our rental pricing is designed to provide flexible transport solutions for businesses of every size. Pricing varies depending on vehicle capacity, rental duration, delivery distance, temperature requirements, loading conditions, and operational scheduling.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"pricing__media\" role=\"img\" aria-label=\"3 Ton Chiller Truck Rental Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.06-AM-3.jpeg\"\r\n alt=\"3 Ton Chiller Truck Rental Abu Dhabi\"\r\n title=\"Commercial Chiller Truck Rental Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"pricing__media-caption\">\r\n <span>Professional Temperature-Controlled Fleet<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__cards\">\r\n\r\n \r\n <div class=\"pricing__card\">\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">1 Ton Chiller Van<\/h4>\r\n <div class=\"pricing__card-price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Small Deliveries<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__card pricing__card--popular\">\r\n <span class=\"pricing__card-popular-tag\">Most Popular<\/span>\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">3 Ton Chiller Truck<\/h4>\r\n <div class=\"pricing__card-price\">AED 350 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Medium Businesses<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__card\">\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">5 Ton Chiller Truck<\/h4>\r\n <div class=\"pricing__card-price\">AED 450 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Bulk Distribution<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__card\">\r\n <div class=\"pricing__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"pricing__card-title\">7 Ton Chiller Truck<\/h4>\r\n <div class=\"pricing__card-price\">AED 550 <small>\/ Day<\/small><\/div>\r\n <div class=\"pricing__card-best-for\">Best For <span>Large Commercial Operations<\/span><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__info\">\r\n <div class=\"pricing__info-content\">\r\n <h3 class=\"pricing__info-title\">Need Monthly Rental?<\/h3>\r\n <p class=\"pricing__info-text\">\r\n We provide customized monthly rental packages for businesses requiring dedicated refrigerated transport services. Contact our team for a tailored commercial quotation based on your operational requirements.\r\n <\/p>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"pricing__info-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Custom Quote\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__facts\">\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Temperature<\/div>\r\n <div class=\"pricing__fact-value\">+2\u00b0C to +8\u00b0C<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Availability<\/div>\r\n <div class=\"pricing__fact-value\">24\/7<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Fleet<\/div>\r\n <div class=\"pricing__fact-value\">1 Ton to 10 Ton<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Commercial Contracts<\/div>\r\n <div class=\"pricing__fact-value\">Available<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Booking<\/div>\r\n <div class=\"pricing__fact-value\">Phone & WhatsApp<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__fact\">\r\n <div class=\"pricing__fact-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"pricing__fact-label\">Dispatch<\/div>\r\n <div class=\"pricing__fact-value\">Same-Day*<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"pricing__btn pricing__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Free Quote\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"pricing__btn pricing__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"pricing__btn pricing__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-dcf15a0 e-flex e-con-boxed e-con e-parent\" data-id=\"dcf15a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d219c95 elementor-widget elementor-widget-html\" data-id=\"d219c95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Fleet Specifications | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 4: FLEET SPECIFICATIONS ===== *\/\r\n .fleet {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .fleet__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .fleet__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .fleet__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .fleet__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .fleet__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .fleet__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .fleet__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .fleet__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .fleet__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .fleet__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .fleet__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .fleet__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== SECTION ONE: SPECIFICATION CARDS ===== *\/\r\n .fleet__specs {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(0.5rem, 1vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .fleet__spec {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.2rem;\r\n }\r\n\r\n .fleet__spec:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .fleet__spec-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .fleet__spec-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .fleet__spec-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n .fleet__spec-value {\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== SECTION TWO: PREMIUM TABLE ===== *\/\r\n .fleet__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .fleet__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n }\r\n\r\n .fleet__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .fleet__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.75rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .fleet__table thead th:first-child {\r\n width: 32%;\r\n }\r\n\r\n .fleet__table thead th:last-child {\r\n width: 68%;\r\n }\r\n\r\n .fleet__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .fleet__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .fleet__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .fleet__table tbody td {\r\n padding: clamp(0.8rem, 1.1vw, 1.15rem) clamp(1rem, 1.5vw, 1.75rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .fleet__table tbody td:first-child {\r\n font-weight: 500;\r\n color: #111111;\r\n }\r\n\r\n .fleet__table tbody td:last-child {\r\n color: #666666;\r\n }\r\n\r\n \/* ===== FEATURE CARDS ===== *\/\r\n .fleet__features {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.5vw, 1.5rem);\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .fleet__feature {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.25rem, 1.8vw, 2rem) clamp(1rem, 1.5vw, 1.5rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.4rem;\r\n height: 100%;\r\n }\r\n\r\n .fleet__feature:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .fleet__feature-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .fleet__feature-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .fleet__feature-title {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .fleet__feature-desc {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .fleet__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-top: clamp(0.5rem, 1vw, 1rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .fleet__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .fleet__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .fleet__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .fleet__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .fleet__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .fleet__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .fleet__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .fleet__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .fleet__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .fleet__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .fleet__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .fleet__content {\r\n order: 1;\r\n }\r\n\r\n .fleet__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .fleet__title {\r\n max-width: 100%;\r\n }\r\n\r\n .fleet__text {\r\n max-width: 100%;\r\n }\r\n\r\n .fleet__specs {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .fleet__features {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .fleet__specs {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .fleet {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .fleet__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .fleet__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .fleet__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .fleet__specs {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .fleet__spec {\r\n padding: 0.8rem 0.6rem;\r\n border-radius: 16px;\r\n gap: 0.1rem;\r\n }\r\n\r\n .fleet__spec-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet__spec-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .fleet__spec-value {\r\n font-size: 0.75rem;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .fleet__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .fleet__table thead {\r\n display: none;\r\n }\r\n\r\n .fleet__table,\r\n .fleet__table tbody,\r\n .fleet__table tr,\r\n .fleet__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .fleet__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.75rem, 2vw, 1rem) clamp(0.75rem, 2vw, 1rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .fleet__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .fleet__table tbody td {\r\n padding: 0.2rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.8rem, 2.5vw, 0.9rem);\r\n }\r\n\r\n .fleet__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .fleet__table tbody td:last-child {\r\n color: #666666;\r\n font-weight: 400;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .fleet__table tbody td:first-child::after {\r\n content: '';\r\n display: none;\r\n }\r\n\r\n .fleet__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.75rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .fleet__feature {\r\n padding: 1rem 0.85rem;\r\n border-radius: 16px;\r\n gap: 0.3rem;\r\n }\r\n\r\n .fleet__feature-icon {\r\n width: 28px;\r\n height: 28px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet__feature-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .fleet__feature-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .fleet__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .fleet__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .fleet__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .fleet__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .fleet__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .fleet__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .fleet__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .fleet__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .fleet__specs {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .fleet__spec {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .fleet__spec-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .fleet__spec-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .fleet__features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .fleet__feature {\r\n padding: 0.75rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .fleet__feature-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .fleet__feature-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .fleet__feature-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .fleet__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fleet__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .fleet__table tbody td {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"fleet\" aria-labelledby=\"fleet-title\">\r\n\r\n \r\n <div class=\"fleet__split\">\r\n\r\n \r\n <div class=\"fleet__content\">\r\n\r\n \r\n <div class=\"fleet__badge\">\r\n <span class=\"fleet__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Fleet Specifications\r\n <\/div>\r\n\r\n \r\n <h2 id=\"fleet-title\" class=\"fleet__title\">\r\n Professional Chiller Truck Fleet Specifications\r\n <\/h2>\r\n\r\n \r\n <p class=\"fleet__text\">\r\n Our refrigerated fleet is equipped with modern cooling technology designed to maintain stable chilled temperatures for commercial deliveries throughout Abu Dhabi. Every vehicle is regularly maintained to support reliable cold chain transportation while helping businesses preserve product quality and delivery efficiency.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"fleet__media\" role=\"img\" aria-label=\"Professional Chiller Truck Fleet Specifications Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.08-AM-2.jpeg\"\r\n alt=\"Professional Chiller Truck Fleet Specifications Abu Dhabi\"\r\n title=\"Commercial Chiller Truck Fleet\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"fleet__media-caption\">\r\n <span>Modern Refrigerated Fleet Ready for Daily Commercial Operations<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__specs\">\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Temperature Range<\/div>\r\n <div class=\"fleet__spec-value\">+2\u00b0C to +8\u00b0C<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Commercial Fleet<\/div>\r\n <div class=\"fleet__spec-value\">1 Ton \u2013 10 Ton<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 2 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Service Area<\/div>\r\n <div class=\"fleet__spec-value\">Abu Dhabi<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Availability<\/div>\r\n <div class=\"fleet__spec-value\">24\/7<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Booking<\/div>\r\n <div class=\"fleet__spec-value\">Phone & WhatsApp<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Commercial Contracts<\/div>\r\n <div class=\"fleet__spec-value\">Available<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Dispatch<\/div>\r\n <div class=\"fleet__spec-value\">Same-Day*<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__spec\">\r\n <div class=\"fleet__spec-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"fleet__spec-label\">Driver<\/div>\r\n <div class=\"fleet__spec-value\">Professional Included<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__table-wrap\">\r\n <table class=\"fleet__table\">\r\n <thead>\r\n <tr>\r\n <th>Feature<\/th>\r\n <th>Details<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Temperature Range<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Fleet Sizes<\/td>\r\n <td>1 Ton to 10 Ton<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Vehicle Types<\/td>\r\n <td>Chiller Vans & Chiller Trucks<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cooling System<\/td>\r\n <td>Commercial Refrigeration Units<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cargo Body<\/td>\r\n <td>Fully Insulated<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Driver<\/td>\r\n <td>Professional Driver Included<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Booking<\/td>\r\n <td>Phone & WhatsApp<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Rental Options<\/td>\r\n <td>Daily \u2022 Weekly \u2022 Monthly<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Commercial Contracts<\/td>\r\n <td>Available<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dispatch<\/td>\r\n <td>Same-Day (Subject to Availability)<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__features\">\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Commercial Refrigeration<\/h4>\r\n <p class=\"fleet__feature-desc\">Modern cooling systems for stable chilled transportation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" \/>\r\n <path d=\"M8 4v16\" \/>\r\n <path d=\"M16 4v16\" \/>\r\n <path d=\"M2 12h20\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Fully Insulated Body<\/h4>\r\n <p class=\"fleet__feature-desc\">Designed to reduce temperature fluctuation during transport.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\" \/>\r\n <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Professional Fleet Maintenance<\/h4>\r\n <p class=\"fleet__feature-desc\">Vehicles are regularly inspected and maintained for dependable commercial operations.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__feature\">\r\n <div class=\"fleet__feature-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <path d=\"M8 14h.01\" \/>\r\n <path d=\"M12 14h.01\" \/>\r\n <path d=\"M16 14h.01\" \/>\r\n <path d=\"M8 18h.01\" \/>\r\n <path d=\"M12 18h.01\" \/>\r\n <path d=\"M16 18h.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"fleet__feature-title\">Flexible Business Rental<\/h4>\r\n <p class=\"fleet__feature-desc\">Daily, weekly, monthly and long-term rental options for businesses.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet__actions\">\r\n\r\n \r\n <a href=\"\/services\/\" class=\"fleet__btn fleet__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n View Fleet\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"fleet__btn fleet__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"fleet__btn fleet__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-95a3cfd e-flex e-con-boxed e-con e-parent\" data-id=\"95a3cfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15afee1 elementor-widget elementor-widget-html\" data-id=\"15afee1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Chilled Food Transport | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 5: CHILLED FOOD TRANSPORT ===== *\/\r\n .food {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .food__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .food__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .food__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .food__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .food__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== TWO COLUMN LAYOUT ===== *\/\r\n .food__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT SIDE: IMAGE ===== *\/\r\n .food__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .food__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .food__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .food__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .food__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: SERVICE CARDS ===== *\/\r\n .food__cards {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .food__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.85rem, 1.2vw, 1.25rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.35rem;\r\n height: 100%;\r\n }\r\n\r\n .food__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .food__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .food__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .food__card-title {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .food__card-desc {\r\n font-size: clamp(0.8rem, 0.85vw, 0.9rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== TIMELINE ===== *\/\r\n .food__timeline {\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .food__timeline-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: clamp(1.5rem, 2vw, 2rem);\r\n }\r\n\r\n .food__timeline-steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n align-items: center;\r\n }\r\n\r\n .food__step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 0.5rem;\r\n position: relative;\r\n }\r\n\r\n .food__step-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 52px;\r\n height: 52px;\r\n background-color: #E8F7FA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n border-radius: 50%;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .food__step:hover .food__step-icon {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: scale(1.05);\r\n }\r\n\r\n .food__step-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .food__step-label {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .food__step-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #E5E7EB;\r\n font-size: 1.5rem;\r\n font-weight: 300;\r\n flex-shrink: 0;\r\n padding: 0 0.25rem;\r\n }\r\n\r\n .food__step-arrow svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* ===== BOTTOM HIGHLIGHT PANEL ===== *\/\r\n .food__highlight {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .food__highlight:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .food__highlight-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .food__highlight-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .food__highlight-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .food__highlight-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__highlight-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .food__highlight-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .food__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .food__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .food__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .food__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .food__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .food__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .food__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .food__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .food__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .food__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .food__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .food__media {\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .food__title {\r\n max-width: 100%;\r\n }\r\n\r\n .food__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .food__cards {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .food__timeline-steps {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .food__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .food {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .food__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .food__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .food__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .food__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .food__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .food__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .food__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .food__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n\r\n .food__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.25rem;\r\n }\r\n\r\n .food__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .food__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .food__card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* Timeline -> vertical on mobile *\/\r\n .food__timeline-steps {\r\n grid-template-columns: 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .food__step {\r\n flex-direction: row;\r\n text-align: left;\r\n gap: 0.75rem;\r\n padding: 0.6rem 0.8rem;\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 16px;\r\n transition: border-color 0.25s ease;\r\n }\r\n\r\n .food__step:hover {\r\n border-color: #2997AA;\r\n }\r\n\r\n .food__step-icon {\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .food__step-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .food__step-label {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .food__step-arrow {\r\n display: none;\r\n }\r\n\r\n .food__timeline-title {\r\n font-size: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .food__highlight {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .food__highlight-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .food__highlight-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .food__highlight-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .food__highlight-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .food__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .food__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .food__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .food__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .food__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .food__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .food__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .food__card-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .food__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .food__card-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .food__step {\r\n padding: 0.5rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .food__step-icon {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .food__step-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .food__step-label {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .food__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .food__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"food\" aria-labelledby=\"food-title\">\r\n\r\n \r\n <div class=\"food__header\">\r\n\r\n \r\n <div class=\"food__badge\">\r\n <span class=\"food__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Food Logistics\r\n <\/div>\r\n\r\n \r\n <h2 id=\"food-title\" class=\"food__title\">\r\n Chilled Food Transport Services Across Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"food__intro\">\r\n Food businesses across Abu Dhabi depend on reliable temperature-controlled transportation to move fresh inventory safely between suppliers, warehouses, restaurants, supermarkets, hotels, and catering facilities. Arctic Flow Transport provides professional chiller truck rental services that help maintain freshness, reduce spoilage risks, and support uninterrupted commercial food logistics throughout the city.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__split\">\r\n\r\n \r\n <figure class=\"food__media\" role=\"img\" aria-label=\"Professional Chilled Food Transport Services Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-29-at-1.46.09-AM-1.jpeg\"\r\n alt=\"Professional Chilled Food Transport Services Abu Dhabi\"\r\n title=\"Commercial Chilled Food Logistics\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"food__media-caption\">\r\n <span>Temperature-Controlled Food Transportation Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n \r\n <div class=\"food__cards\">\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Fresh Food Deliveries<\/h4>\r\n <p class=\"food__card-desc\">Maintain freshness for vegetables, fruits, prepared meals, and fresh ingredients.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Restaurant Supply Transport<\/h4>\r\n <p class=\"food__card-desc\">Reliable daily chilled transport for restaurants and commercial kitchens.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Bakery Logistics<\/h4>\r\n <p class=\"food__card-desc\">Safe transportation for cakes, pastries, desserts, and baked products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Beverage Distribution<\/h4>\r\n <p class=\"food__card-desc\">Professional transport for chilled drinks, juices, bottled water, and soft beverages.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Dairy Distribution<\/h4>\r\n <p class=\"food__card-desc\">Temperature-controlled transportation for milk, yogurt, cheese, and dairy products.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__card\">\r\n <div class=\"food__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"food__card-title\">Catering Food Logistics<\/h4>\r\n <p class=\"food__card-desc\">Reliable refrigerated transport supporting hotels, weddings, corporate events, and catering businesses.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__timeline\">\r\n\r\n <h3 class=\"food__timeline-title\">Commercial Logistics Process<\/h3>\r\n\r\n <div class=\"food__timeline-steps\">\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Pickup<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Temperature Check<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Secure Transport<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"food__step\">\r\n <div class=\"food__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"food__step-label\">Safe Delivery<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__highlight\">\r\n\r\n <div class=\"food__highlight-content\">\r\n <h3 class=\"food__highlight-title\">Reliable Chilled Food Transportation for Commercial Businesses<\/h3>\r\n <p class=\"food__highlight-text\">\r\n Our refrigerated fleet supports restaurants, food manufacturers, catering companies, supermarkets, bakeries, hotels, and commercial kitchens requiring dependable chilled transportation throughout Abu Dhabi while maintaining product quality and food safety standards.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"food__highlight-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"food__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"food__btn food__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Chiller Truck\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"food__btn food__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"food__btn food__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-a70d374 e-flex e-con-boxed e-con e-parent\" data-id=\"a70d374\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5988168 elementor-widget elementor-widget-html\" data-id=\"5988168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Choose the Right Chiller Truck | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 6: CHOOSE THE RIGHT CHILLER TRUCK ===== *\/\r\n .choose {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .choose__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .choose__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .choose__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .choose__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .choose__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .choose__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .choose__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .choose__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .choose__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .choose__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .choose__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .choose__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== FLEET CARDS ===== *\/\r\n .choose__cards {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .choose__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n position: relative;\r\n height: 100%;\r\n }\r\n\r\n .choose__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Most Popular badge *\/\r\n .choose__card--popular {\r\n border-color: #2997AA;\r\n background-color: #F8FCFD;\r\n box-shadow: 0 4px 20px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .choose__card--popular:hover {\r\n box-shadow: 0 8px 40px rgba(41, 151, 170, 0.18);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .choose__card-popular-tag {\r\n position: absolute;\r\n top: -10px;\r\n right: 14px;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n padding: 0.2rem 0.7rem;\r\n border-radius: 100px;\r\n box-shadow: 0 2px 12px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .choose__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .choose__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .choose__card-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .choose__card-label {\r\n font-size: clamp(0.5rem, 0.5vw, 0.55rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .choose__card-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0.1rem 0 0.1rem 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.05rem;\r\n }\r\n\r\n .choose__card-items li {\r\n font-size: clamp(0.7rem, 0.7vw, 0.75rem);\r\n color: #666666;\r\n line-height: 1.4;\r\n padding-left: 0.9rem;\r\n position: relative;\r\n }\r\n\r\n .choose__card-items li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0.5rem;\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n .choose__card-temp {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 500;\r\n color: #2997AA;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n \/* ===== COMPARISON TABLE ===== *\/\r\n .choose__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .choose__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n }\r\n\r\n .choose__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .choose__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .choose__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .choose__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .choose__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .choose__table tbody td {\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .choose__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n }\r\n\r\n .choose__table tbody td:last-child {\r\n color: #666666;\r\n }\r\n\r\n .choose__table .choose__table-badge {\r\n display: inline-block;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n padding: 0.15rem 0.6rem;\r\n border-radius: 100px;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n \/* ===== RECOMMENDATION PANEL ===== *\/\r\n .choose__recommend {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .choose__recommend:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .choose__recommend-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .choose__recommend-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .choose__recommend-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .choose__recommend-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .choose__recommend-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .choose__recommend-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .choose__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .choose__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .choose__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .choose__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .choose__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .choose__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .choose__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .choose__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .choose__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .choose__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .choose__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .choose__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .choose__content {\r\n order: 1;\r\n }\r\n\r\n .choose__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .choose__title {\r\n max-width: 100%;\r\n }\r\n\r\n .choose__text {\r\n max-width: 100%;\r\n }\r\n\r\n .choose__cards {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .choose__cards {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .choose {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .choose__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .choose__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .choose__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .choose__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .choose__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .choose__card-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .choose__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .choose__card-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .choose__card-items li {\r\n font-size: 0.65rem;\r\n padding-left: 0.75rem;\r\n }\r\n\r\n .choose__card-items li::before {\r\n top: 0.4rem;\r\n width: 3px;\r\n height: 3px;\r\n }\r\n\r\n .choose__card-temp {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .choose__card-popular-tag {\r\n font-size: 0.45rem;\r\n top: -8px;\r\n right: 10px;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .choose__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .choose__table thead {\r\n display: none;\r\n }\r\n\r\n .choose__table,\r\n .choose__table tbody,\r\n .choose__table tr,\r\n .choose__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .choose__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(0.65rem, 1.5vw, 0.85rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .choose__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .choose__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .choose__table tbody td {\r\n padding: 0.15rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n }\r\n\r\n .choose__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .choose__table tbody td:last-child {\r\n color: #666666;\r\n font-weight: 400;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .choose__table .choose__table-badge {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .choose__recommend {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .choose__recommend-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .choose__recommend-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .choose__recommend-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .choose__recommend-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .choose__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .choose__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .choose__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .choose__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .choose__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .choose__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .choose__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .choose__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .choose__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .choose__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .choose__card-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .choose__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .choose__card-items li {\r\n font-size: 0.6rem;\r\n padding-left: 0.65rem;\r\n }\r\n\r\n .choose__card-temp {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .choose__card-popular-tag {\r\n font-size: 0.4rem;\r\n top: -6px;\r\n right: 8px;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n\r\n .choose__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .choose__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .choose__table tbody td {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"choose\" aria-labelledby=\"choose-title\">\r\n\r\n \r\n <div class=\"choose__split\">\r\n\r\n \r\n <div class=\"choose__content\">\r\n\r\n \r\n <div class=\"choose__badge\">\r\n <span class=\"choose__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Fleet Guide\r\n <\/div>\r\n\r\n \r\n <h2 id=\"choose-title\" class=\"choose__title\">\r\n Choose the Right Chiller Truck for Your Business\r\n <\/h2>\r\n\r\n \r\n <p class=\"choose__text\">\r\n Selecting the correct chiller truck helps improve delivery efficiency, reduce transportation costs, and maintain stable chilled temperatures throughout every journey. Arctic Flow Transport offers multiple refrigerated vehicle sizes suitable for businesses of every scale across Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"choose__media\" role=\"img\" aria-label=\"Commercial Chiller Truck Fleet Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_refrigerated_transport_truck_202606281556.jpeg\"\r\n alt=\"Commercial Chiller Truck Fleet Abu Dhabi\"\r\n title=\"Professional Chiller Truck Fleet\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"choose__media-caption\">\r\n <span>Choose the Right Refrigerated Vehicle for Your Business<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__cards\">\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">1 Ton Chiller Van<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Restaurants<\/li>\r\n <li>Florists<\/li>\r\n <li>Small Caf\u00e9s<\/li>\r\n <li>Bakery Deliveries<\/li>\r\n <li>Daily City Deliveries<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card choose__card--popular\">\r\n <span class=\"choose__card-popular-tag\">Most Popular<\/span>\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">3 Ton Chiller Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Hotels<\/li>\r\n <li>Catering<\/li>\r\n <li>Food Suppliers<\/li>\r\n <li>Medium Distribution<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">5 Ton Chiller Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Supermarkets<\/li>\r\n <li>Wholesale Food<\/li>\r\n <li>Warehouses<\/li>\r\n <li>Retail Chains<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">7 Ton Chiller Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Industrial Distribution<\/li>\r\n <li>Commercial Logistics<\/li>\r\n <li>Food Manufacturers<\/li>\r\n <li>Large Daily Deliveries<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__card\">\r\n <div class=\"choose__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"choose__card-title\">10 Ton Refrigerated Truck<\/h4>\r\n <span class=\"choose__card-label\">Best For<\/span>\r\n <ul class=\"choose__card-items\">\r\n <li>Large Commercial Operations<\/li>\r\n <li>Bulk Food Distribution<\/li>\r\n <li>Central Warehouses<\/li>\r\n <li>Long Distance Logistics<\/li>\r\n <\/ul>\r\n <span class=\"choose__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__table-wrap\">\r\n <table class=\"choose__table\">\r\n <thead>\r\n <tr>\r\n <th>Vehicle<\/th>\r\n <th>Best For<\/th>\r\n <th>Capacity<\/th>\r\n <th>Temperature<\/th>\r\n <th>Industries<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 Ton Chiller Van<\/td>\r\n <td>Small Deliveries<\/td>\r\n <td>1 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Restaurants, Florists, Caf\u00e9s<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 Ton Chiller Truck <span class=\"choose__table-badge\">Most Popular<\/span><\/td>\r\n <td>Medium Businesses<\/td>\r\n <td>3 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Hotels, Catering, Food Suppliers<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>Bulk Distribution<\/td>\r\n <td>5 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Supermarkets, Wholesale, Warehouses<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>7 Ton Chiller Truck<\/td>\r\n <td>Large Commercial<\/td>\r\n <td>7 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Industrial, Food Manufacturers<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>10 Ton Refrigerated Truck<\/td>\r\n <td>Bulk & Long Distance<\/td>\r\n <td>10 Ton<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>Bulk Food, Warehouses, Logistics<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__recommend\">\r\n\r\n <div class=\"choose__recommend-content\">\r\n <h3 class=\"choose__recommend-title\">Not Sure Which Vehicle You Need?<\/h3>\r\n <p class=\"choose__recommend-text\">\r\n Our logistics specialists help businesses select the most suitable refrigerated vehicle based on cargo size, delivery frequency, transport distance, and temperature requirements.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"choose__recommend-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Expert Advice\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"choose__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"choose__btn choose__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Request Recommendation\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"choose__btn choose__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Fleet Expert\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"choose__btn choose__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Fleet Advisor\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-1aa83fb e-flex e-con-boxed e-con e-parent\" data-id=\"1aa83fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71cd085 elementor-widget elementor-widget-html\" data-id=\"71cd085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Industries We Support | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 7: INDUSTRIES WE SUPPORT ===== *\/\r\n .industries {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .industries__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .industries__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .industries__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .industries__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .industries__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .industries__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .industries__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .industries__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .industries__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .industries__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .industries__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .industries__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== INDUSTRY CARDS ===== *\/\r\n .industries__cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .industries__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n height: 100%;\r\n }\r\n\r\n .industries__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .industries__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .industries__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .industries__card-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .industries__card-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0.1rem 0 0 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.05rem;\r\n }\r\n\r\n .industries__card-items li {\r\n font-size: clamp(0.7rem, 0.7vw, 0.75rem);\r\n color: #666666;\r\n line-height: 1.4;\r\n padding-left: 0.9rem;\r\n position: relative;\r\n }\r\n\r\n .industries__card-items li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0.5rem;\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n \/* ===== COMPARISON TABLE ===== *\/\r\n .industries__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .industries__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n }\r\n\r\n .industries__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .industries__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .industries__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .industries__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .industries__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .industries__table tbody td {\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .industries__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n }\r\n\r\n .industries__table tbody td:last-child {\r\n color: #2997AA;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== BOTTOM HIGHLIGHT PANEL ===== *\/\r\n .industries__highlight {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .industries__highlight:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .industries__highlight-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .industries__highlight-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .industries__highlight-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .industries__highlight-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .industries__highlight-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .industries__highlight-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .industries__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .industries__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .industries__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .industries__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .industries__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .industries__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .industries__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .industries__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .industries__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .industries__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .industries__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .industries__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .industries__content {\r\n order: 1;\r\n }\r\n\r\n .industries__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .industries__title {\r\n max-width: 100%;\r\n }\r\n\r\n .industries__text {\r\n max-width: 100%;\r\n }\r\n\r\n .industries__cards {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .industries__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .industries {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .industries__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .industries__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .industries__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .industries__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .industries__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .industries__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .industries__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .industries__card-items li {\r\n font-size: 0.65rem;\r\n padding-left: 0.75rem;\r\n }\r\n\r\n .industries__card-items li::before {\r\n top: 0.4rem;\r\n width: 3px;\r\n height: 3px;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .industries__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .industries__table thead {\r\n display: none;\r\n }\r\n\r\n .industries__table,\r\n .industries__table tbody,\r\n .industries__table tr,\r\n .industries__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .industries__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(0.65rem, 1.5vw, 0.85rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .industries__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .industries__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .industries__table tbody td {\r\n padding: 0.15rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n }\r\n\r\n .industries__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .industries__table tbody td:last-child {\r\n color: #2997AA;\r\n font-weight: 500;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .industries__highlight {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .industries__highlight-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .industries__highlight-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .industries__highlight-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .industries__highlight-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .industries__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .industries__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .industries__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .industries__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .industries__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .industries__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .industries__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .industries__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .industries__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .industries__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .industries__card-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .industries__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .industries__card-items li {\r\n font-size: 0.6rem;\r\n padding-left: 0.65rem;\r\n }\r\n\r\n .industries__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .industries__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .industries__table tbody td {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"industries\" aria-labelledby=\"industries-title\">\r\n\r\n \r\n <div class=\"industries__split\">\r\n\r\n \r\n <div class=\"industries__content\">\r\n\r\n \r\n <div class=\"industries__badge\">\r\n <span class=\"industries__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Industries We Support\r\n <\/div>\r\n\r\n \r\n <h2 id=\"industries-title\" class=\"industries__title\">\r\n Reliable Chiller Truck Rental for Restaurants, Hotels & Commercial Businesses\r\n <\/h2>\r\n\r\n \r\n <p class=\"industries__text\">\r\n Restaurants, hotels, catering companies, bakeries, supermarkets, beverage suppliers, dairy distributors, and hospitality businesses depend on reliable refrigerated transportation to maintain product freshness and ensure efficient daily deliveries. Arctic Flow Transport provides dependable chiller truck rental services designed for commercial food logistics across Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"industries__media\" role=\"img\" aria-label=\"Commercial Chiller Truck Services for Restaurants Hotels and Catering\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.08-AM-1.jpeg\"\r\n alt=\"Commercial Chiller Truck Services for Restaurants Hotels and Catering\"\r\n title=\"Industries We Serve\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"industries__media-caption\">\r\n <span>Reliable Temperature-Controlled Transport for Commercial Businesses<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__cards\">\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Restaurants<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Fresh ingredient transportation<\/li>\r\n <li>Daily inventory delivery<\/li>\r\n <li>Commercial kitchen supply<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Hotels<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Food logistics<\/li>\r\n <li>Banquet supplies<\/li>\r\n <li>Hospitality inventory<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Catering Companies<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Corporate events<\/li>\r\n <li>Wedding catering<\/li>\r\n <li>Outdoor catering logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Supermarkets<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Dairy products<\/li>\r\n <li>Fresh inventory<\/li>\r\n <li>Retail replenishment<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Bakeries<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Cakes<\/li>\r\n <li>Pastries<\/li>\r\n <li>Fresh bakery deliveries<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Beverage Suppliers<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Soft drinks<\/li>\r\n <li>Juices<\/li>\r\n <li>Water distribution<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Dairy Companies<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Milk<\/li>\r\n <li>Cheese<\/li>\r\n <li>Yogurt<\/li>\r\n <li>Temperature-controlled dairy logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__card\">\r\n <div class=\"industries__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"industries__card-title\">Commercial Kitchens<\/h4>\r\n <ul class=\"industries__card-items\">\r\n <li>Bulk ingredients<\/li>\r\n <li>Prepared meals<\/li>\r\n <li>Daily refrigerated supply<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__table-wrap\">\r\n <table class=\"industries__table\">\r\n <thead>\r\n <tr>\r\n <th>Industry<\/th>\r\n <th>Products Transported<\/th>\r\n <th>Recommended Vehicle<\/th>\r\n <th>Temperature<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Restaurants<\/td>\r\n <td>Fresh Ingredients<\/td>\r\n <td>1 Ton Chiller Van<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Hotels<\/td>\r\n <td>Food Supplies<\/td>\r\n <td>3 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Catering<\/td>\r\n <td>Prepared Meals<\/td>\r\n <td>3 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Supermarkets<\/td>\r\n <td>Dairy & Fresh Products<\/td>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Bakeries<\/td>\r\n <td>Bakery Products<\/td>\r\n <td>1 Ton Chiller Van<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Beverage Suppliers<\/td>\r\n <td>Cold Drinks<\/td>\r\n <td>3 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dairy Companies<\/td>\r\n <td>Milk & Dairy<\/td>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Commercial Kitchens<\/td>\r\n <td>Bulk Food<\/td>\r\n <td>5 Ton Chiller Truck<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__highlight\">\r\n\r\n <div class=\"industries__highlight-content\">\r\n <h3 class=\"industries__highlight-title\">Professional Refrigerated Logistics for Every Industry<\/h3>\r\n <p class=\"industries__highlight-text\">\r\n Our commercial chiller truck fleet supports businesses of every size with reliable temperature-controlled transportation, helping maintain product quality, improve operational efficiency, and ensure uninterrupted cold chain logistics across Abu Dhabi.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"industries__highlight-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industries__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"industries__btn industries__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Chiller Truck\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"industries__btn industries__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"industries__btn industries__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-0a15c49 e-flex e-con-boxed e-con e-parent\" data-id=\"0a15c49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc5f3c elementor-widget elementor-widget-html\" data-id=\"5fc5f3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Areas We Cover | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 8: AREAS WE COVER ===== *\/\r\n .areas {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .areas__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .areas__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .areas__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .areas__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .areas__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .areas__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT ===== *\/\r\n .areas__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ===== LEFT SIDE: IMAGE ===== *\/\r\n .areas__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .areas__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .areas__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .areas__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .areas__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: LOCATION CARDS ===== *\/\r\n .areas__locations {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.6rem, 1vw, 0.85rem);\r\n align-content: start;\r\n }\r\n\r\n .areas__location {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.85rem, 1.2vw, 1.25rem) clamp(0.75rem, 1vw, 1rem);\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(0.6rem, 0.9vw, 0.9rem);\r\n }\r\n\r\n .areas__location:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__location-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n }\r\n\r\n .areas__location-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .areas__location-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.05rem;\r\n flex: 1;\r\n }\r\n\r\n .areas__location-name {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .areas__location-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n font-size: clamp(0.5rem, 0.5vw, 0.55rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n color: #2997AA;\r\n background-color: #E8F7FA;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .areas__location-badge-dot {\r\n display: inline-block;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n \/* ===== COMMERCIAL COVERAGE HIGHLIGHTS ===== *\/\r\n .areas__highlights {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.6rem, 1vw, 0.85rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .areas__highlight {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.8rem, 1.1vw, 1.15rem) clamp(0.6rem, 0.8vw, 0.9rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .areas__highlight:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__highlight-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n color: #2997AA;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .areas__highlight-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .areas__highlight-label {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== BOTTOM INFORMATION PANEL ===== *\/\r\n .areas__info {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .areas__info:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .areas__info-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .areas__info-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .areas__info-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .areas__info-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .areas__info-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__info-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== SERVICE STRIP ===== *\/\r\n .areas__strip {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .areas__strip-item {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.6rem, 0.9vw, 0.9rem) clamp(0.4rem, 0.6vw, 0.6rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.1rem;\r\n }\r\n\r\n .areas__strip-item:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__strip-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n color: #2997AA;\r\n }\r\n\r\n .areas__strip-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .areas__strip-label {\r\n font-size: clamp(0.55rem, 0.6vw, 0.65rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .areas__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .areas__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .areas__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .areas__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .areas__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .areas__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .areas__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .areas__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .areas__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .areas__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .areas__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .areas__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .areas__media {\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .areas__title {\r\n max-width: 100%;\r\n }\r\n\r\n .areas__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .areas__locations {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .areas__strip {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .areas__locations {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .areas {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .areas__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .areas__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .areas__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .areas__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .areas__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .areas__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .areas__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .areas__locations {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .areas__location {\r\n padding: 0.7rem 0.6rem;\r\n border-radius: 16px;\r\n gap: 0.5rem;\r\n }\r\n\r\n .areas__location-icon {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n\r\n .areas__location-name {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .areas__location-badge {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.4rem;\r\n }\r\n\r\n .areas__location-badge-dot {\r\n width: 4px;\r\n height: 4px;\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .areas__highlight {\r\n padding: 0.7rem 0.5rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .areas__highlight-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .areas__highlight-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .areas__info {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .areas__info-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .areas__info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .areas__info-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .areas__info-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .areas__strip {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .areas__strip-item {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .areas__strip-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .areas__strip-label {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .areas__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .areas__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .areas__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .areas__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .areas__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .areas__locations {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n\r\n .areas__location {\r\n padding: 0.6rem 0.5rem;\r\n border-radius: 14px;\r\n gap: 0.4rem;\r\n }\r\n\r\n .areas__location-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .areas__location-name {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .areas__highlights {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.4rem;\r\n }\r\n\r\n .areas__highlight {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .areas__highlight-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .areas__highlight-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .areas__strip {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .areas__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .areas__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"areas\" aria-labelledby=\"areas-title\">\r\n\r\n \r\n <div class=\"areas__header\">\r\n\r\n \r\n <div class=\"areas__badge\">\r\n <span class=\"areas__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Service Coverage\r\n <\/div>\r\n\r\n \r\n <h2 id=\"areas-title\" class=\"areas__title\">\r\n Areas We Cover Across Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"areas__intro\">\r\n Arctic Flow Transport provides dependable chiller truck rental services across Abu Dhabi's major commercial, industrial, hospitality, retail, and residential districts. Our refrigerated fleet supports businesses requiring fast temperature-controlled transportation throughout the city.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__split\">\r\n\r\n \r\n <figure class=\"areas__media\" role=\"img\" aria-label=\"Chiller Truck Rental Service Areas Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_314c3dfec85deb2ab924af4bea6daa31eg.png\"\r\n alt=\"Chiller Truck Rental Service Areas Abu Dhabi\"\r\n title=\"Service Coverage Across Abu Dhabi\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"areas__media-caption\">\r\n <span>Commercial Refrigerated Transport Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n \r\n <div class=\"areas__locations\">\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Mussafah<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Khalifa City<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Mohammed Bin Zayed City<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">ICAD<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Al Reem Island<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Yas Island<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Al Raha<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Baniyas<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Al Shahama<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__location\">\r\n <div class=\"areas__location-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"areas__location-info\">\r\n <span class=\"areas__location-name\">Airport Road<\/span>\r\n <span class=\"areas__location-badge\">\r\n <span class=\"areas__location-badge-dot\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlights\">\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"22\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"22\" \/>\r\n <line x1=\"2\" y1=\"8\" x2=\"22\" y2=\"8\" \/>\r\n <line x1=\"2\" y1=\"16\" x2=\"22\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Industrial Areas<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Commercial Districts<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Hotels<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 8l-2 3v9h16V11l-2-3\" \/>\r\n <path d=\"M6 8l2-3h8l2 3\" \/>\r\n <path d=\"M8 5V3h8v2\" \/>\r\n <path d=\"M10 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Restaurants<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Warehouses<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Retail<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Food Distribution<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__highlight\">\r\n <div class=\"areas__highlight-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 10a6 6 0 0 0-12 0c0 3 1.5 6 3 9l1.5 3h3L15 19c1.5-3 3-6 3-9z\" \/>\r\n <path d=\"M10 10l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__highlight-label\">Hospitality<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__info\">\r\n\r\n <div class=\"areas__info-content\">\r\n <h3 class=\"areas__info-title\">Reliable Chiller Truck Rental Throughout Abu Dhabi<\/h3>\r\n <p class=\"areas__info-text\">\r\n Businesses across Abu Dhabi rely on Arctic Flow Transport for dependable refrigerated logistics, temperature-controlled transport, commercial food distribution, dairy logistics, catering deliveries, and hospitality supply chain operations. Our professional fleet supports fast dispatch and reliable chilled transportation across key commercial areas.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"areas__info-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip\">\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">24\/7 Dispatch<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Temperature-Controlled Fleet<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Commercial Logistics<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Professional Drivers<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Fast Response<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__strip-item\">\r\n <div class=\"areas__strip-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"areas__strip-label\">Abu Dhabi Coverage<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"areas__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"areas__btn areas__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Check Availability\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"areas__btn areas__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"areas__btn areas__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-cb2ca8d e-flex e-con-boxed e-con e-parent\" data-id=\"cb2ca8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55d5f55 elementor-widget elementor-widget-html\" data-id=\"55d5f55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Temperature-Controlled Transport | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 9: TEMPERATURE-CONTROLLED TRANSPORT ===== *\/\r\n .temp {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .temp__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .temp__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .temp__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .temp__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .temp__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT ===== *\/\r\n .temp__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT SIDE: IMAGE ===== *\/\r\n .temp__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .temp__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .temp__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .temp__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .temp__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: BENEFIT CARDS ===== *\/\r\n .temp__benefits {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .temp__benefit {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.85rem, 1.2vw, 1.25rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.3rem;\r\n height: 100%;\r\n }\r\n\r\n .temp__benefit:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .temp__benefit-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .temp__benefit-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .temp__benefit-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .temp__benefit-desc {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== TIMELINE ===== *\/\r\n .temp__timeline {\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .temp__timeline-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: clamp(1.5rem, 2vw, 2rem);\r\n }\r\n\r\n .temp__timeline-steps {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n align-items: center;\r\n }\r\n\r\n .temp__step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 0.4rem;\r\n position: relative;\r\n }\r\n\r\n .temp__step-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n background-color: #E8F7FA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n border-radius: 50%;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .temp__step:hover .temp__step-icon {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: scale(1.05);\r\n }\r\n\r\n .temp__step-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .temp__step-label {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 500;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .temp__step-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #E5E7EB;\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n flex-shrink: 0;\r\n padding: 0 0.15rem;\r\n }\r\n\r\n .temp__step-arrow svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* ===== INFORMATION PANEL ===== *\/\r\n .temp__info {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .temp__info:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .temp__info-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .temp__info-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .temp__info-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .temp__info-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__info-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .temp__info-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== TRUST METRICS STRIP ===== *\/\r\n .temp__metrics {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .temp__metric {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.4rem, 0.6vw, 0.6rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.1rem;\r\n }\r\n\r\n .temp__metric:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .temp__metric-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n color: #2997AA;\r\n }\r\n\r\n .temp__metric-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .temp__metric-value {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 700;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n .temp__metric-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 500;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .temp__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .temp__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .temp__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .temp__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .temp__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .temp__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .temp__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .temp__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .temp__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .temp__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .temp__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .temp__media {\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .temp__title {\r\n max-width: 100%;\r\n }\r\n\r\n .temp__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .temp__benefits {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .temp__timeline-steps {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n\r\n .temp__metrics {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .temp__benefits {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .temp {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .temp__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .temp__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .temp__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .temp__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .temp__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .temp__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .temp__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .temp__benefits {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n\r\n .temp__benefit {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .temp__benefit-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .temp__benefit-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .temp__benefit-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* Timeline -> vertical on mobile *\/\r\n .temp__timeline-steps {\r\n grid-template-columns: 1fr;\r\n gap: 0.4rem;\r\n }\r\n\r\n .temp__step {\r\n flex-direction: row;\r\n text-align: left;\r\n gap: 0.6rem;\r\n padding: 0.6rem 0.8rem;\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 16px;\r\n transition: border-color 0.25s ease;\r\n }\r\n\r\n .temp__step:hover {\r\n border-color: #2997AA;\r\n }\r\n\r\n .temp__step-icon {\r\n width: 36px;\r\n height: 36px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .temp__step-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .temp__step-label {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .temp__step-arrow {\r\n display: none;\r\n }\r\n\r\n .temp__timeline-title {\r\n font-size: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .temp__info {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .temp__info-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .temp__info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .temp__info-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .temp__info-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .temp__metrics {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .temp__metric {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__metric-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .temp__metric-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .temp__metric-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .temp__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .temp__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .temp__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .temp__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .temp__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .temp__benefits {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .temp__benefit {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__benefit-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .temp__benefit-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .temp__benefit-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .temp__step {\r\n padding: 0.5rem 0.6rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__step-icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .temp__step-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .temp__step-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .temp__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .temp__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .temp__metrics {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"temp\" aria-labelledby=\"temp-title\">\r\n\r\n \r\n <div class=\"temp__header\">\r\n\r\n \r\n <div class=\"temp__badge\">\r\n <span class=\"temp__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Cold Chain Logistics\r\n <\/div>\r\n\r\n \r\n <h2 id=\"temp-title\" class=\"temp__title\">\r\n Professional Temperature-Controlled Transport Across Abu Dhabi\r\n <\/h2>\r\n\r\n \r\n <p class=\"temp__intro\">\r\n Temperature-controlled transport is essential for businesses that rely on fresh, chilled, and temperature-sensitive products. Arctic Flow Transport provides dependable chiller truck rental services that help maintain product freshness, reduce spoilage risks, and support uninterrupted commercial logistics across Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__split\">\r\n\r\n \r\n <figure class=\"temp__media\" role=\"img\" aria-label=\"Temperature Controlled Chiller Truck Transport Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-May-28-2026-10_55_19-PM.png\"\r\n alt=\"Temperature Controlled Chiller Truck Transport Abu Dhabi\"\r\n title=\"Commercial Cold Chain Transport\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"temp__media-caption\">\r\n <span>Reliable Chilled Transportation Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n \r\n <div class=\"temp__benefits\">\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Maintain Product Freshness<\/h4>\r\n <p class=\"temp__benefit-desc\">Keep chilled goods within recommended transport temperatures.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Reduce Spoilage Risks<\/h4>\r\n <p class=\"temp__benefit-desc\">Minimize product loss caused by temperature fluctuations.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <polyline points=\"9 12 11 14 15 10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Support Food Safety<\/h4>\r\n <p class=\"temp__benefit-desc\">Reliable transport helping businesses maintain food quality standards.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Reliable Cold Chain<\/h4>\r\n <p class=\"temp__benefit-desc\">Continuous chilled transportation from pickup to delivery.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Commercial Logistics<\/h4>\r\n <p class=\"temp__benefit-desc\">Professional refrigerated transport for businesses across Abu Dhabi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__benefit\">\r\n <div class=\"temp__benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"temp__benefit-title\">Operational Efficiency<\/h4>\r\n <p class=\"temp__benefit-desc\">Improve delivery performance with dependable fleet coordination.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__timeline\">\r\n\r\n <h3 class=\"temp__timeline-title\">Cold Chain Workflow<\/h3>\r\n\r\n <div class=\"temp__timeline-steps\">\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\" \/>\r\n <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">Vehicle Inspection<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">Temperature Calibration<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">Secure Loading<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 2 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">GPS Monitored Transport<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step-arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"9 18 15 12 9 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__step\">\r\n <div class=\"temp__step-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__step-label\">On-Time Delivery<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__info\">\r\n\r\n <div class=\"temp__info-content\">\r\n <h3 class=\"temp__info-title\">Why Temperature-Controlled Transport Matters<\/h3>\r\n <p class=\"temp__info-text\">\r\n Businesses transporting food, dairy products, beverages, bakery items, catering supplies, hospitality inventory, and other temperature-sensitive products depend on professional refrigerated transportation to maintain product quality, reduce operational risks, and improve customer satisfaction throughout the delivery process.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"temp__info-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Learn More\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metrics\">\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">+2\u00b0C to +8\u00b0C<\/span>\r\n <span class=\"temp__metric-label\">Temperature Controlled<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">24\/7<\/span>\r\n <span class=\"temp__metric-label\">Commercial Support<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">Professional Fleet<\/span>\r\n <span class=\"temp__metric-label\">Regularly Maintained<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">Fast Dispatch<\/span>\r\n <span class=\"temp__metric-label\">Subject to Availability<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__metric\">\r\n <div class=\"temp__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"temp__metric-value\">Abu Dhabi<\/span>\r\n <span class=\"temp__metric-label\">Service Coverage<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"temp__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"temp__btn temp__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Chiller Truck\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"temp__btn temp__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"temp__btn temp__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-bed4367 e-flex e-con-boxed e-con e-parent\" data-id=\"bed4367\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7814d5 elementor-widget elementor-widget-html\" data-id=\"f7814d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Chiller Truck vs Freezer Truck | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 10: CHILLER TRUCK VS FREEZER TRUCK ===== *\/\r\n .compare {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .compare__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .compare__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .compare__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .compare__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .compare__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 20ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .compare__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT FOR COMPARISON CARDS ===== *\/\r\n .compare__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n align-items: stretch;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CARD: Chiller Truck ===== *\/\r\n .compare__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 2.5rem) clamp(1.25rem, 2vw, 2rem);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n height: 100%;\r\n }\r\n\r\n .compare__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .compare__card--chiller {\r\n border-top: 4px solid #2997AA;\r\n }\r\n\r\n .compare__card--freezer {\r\n border-top: 4px solid #2997AA;\r\n }\r\n\r\n .compare__card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(0.6rem, 1vw, 0.9rem);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .compare__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n background-color: #E8F7FA;\r\n border-radius: 12px;\r\n padding: 0.4rem;\r\n }\r\n\r\n .compare__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .compare__card-title {\r\n font-size: clamp(1.2rem, 1.4vw, 1.5rem);\r\n font-weight: 700;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n .compare__card-temp {\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n font-weight: 600;\r\n color: #2997AA;\r\n padding: 0.2rem 0.8rem;\r\n background-color: #E8F7FA;\r\n border-radius: 100px;\r\n display: inline-block;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .compare__card-label {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .compare__card-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.15rem;\r\n }\r\n\r\n .compare__card-items li {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.5;\r\n padding-left: 1.2rem;\r\n position: relative;\r\n }\r\n\r\n .compare__card-items li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0.55rem;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background-color: #2997AA;\r\n }\r\n\r\n .compare__card-advantages {\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .compare__card-advantages-title {\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .compare__card-advantages-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n }\r\n\r\n .compare__card-advantages-list li {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n color: #666666;\r\n line-height: 1.5;\r\n padding-left: 1.2rem;\r\n position: relative;\r\n }\r\n\r\n .compare__card-advantages-list li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n color: #2997AA;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .compare__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n min-height: 300px;\r\n }\r\n\r\n .compare__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .compare__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .compare__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .compare__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== COMPARISON TABLE ===== *\/\r\n .compare__table-wrap {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .compare__table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n }\r\n\r\n .compare__table thead tr {\r\n background-color: #F8FCFD;\r\n border-bottom: 2px solid #E5E7EB;\r\n }\r\n\r\n .compare__table thead th {\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n text-align: left;\r\n font-weight: 600;\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #666666;\r\n }\r\n\r\n .compare__table thead th:first-child {\r\n width: 22%;\r\n }\r\n\r\n .compare__table thead th:nth-child(2) {\r\n width: 39%;\r\n }\r\n\r\n .compare__table thead th:nth-child(3) {\r\n width: 39%;\r\n }\r\n\r\n .compare__table tbody tr {\r\n border-bottom: 1px solid #E5E7EB;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .compare__table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .compare__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .compare__table tbody td {\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.8rem, 1.2vw, 1.4rem);\r\n color: #111111;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .compare__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n }\r\n\r\n .compare__table tbody td:nth-child(2) {\r\n color: #2997AA;\r\n }\r\n\r\n .compare__table tbody td:nth-child(3) {\r\n color: #2997AA;\r\n }\r\n\r\n \/* ===== RECOMMENDATION PANEL ===== *\/\r\n .compare__recommend {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .compare__recommend:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .compare__recommend-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .compare__recommend-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .compare__recommend-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .compare__recommend-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .compare__recommend-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .compare__recommend-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .compare__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .compare__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .compare__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .compare__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .compare__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .compare__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .compare__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .compare__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .compare__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .compare__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .compare__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .compare__split {\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(1.5rem, 3vw, 2.5rem);\r\n }\r\n\r\n .compare__media {\r\n grid-column: 1 \/ -1;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n min-height: auto;\r\n height: auto;\r\n }\r\n\r\n .compare__title {\r\n max-width: 100%;\r\n }\r\n\r\n .compare__intro {\r\n max-width: 100%;\r\n }\r\n\r\n .compare__card {\r\n height: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .compare__split {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .compare {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .compare__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .compare__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .compare__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .compare__split {\r\n grid-template-columns: 1fr;\r\n gap: 1.25rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .compare__card {\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 0.4rem;\r\n }\r\n\r\n .compare__card-header {\r\n gap: 0.5rem;\r\n }\r\n\r\n .compare__card-icon {\r\n width: 32px;\r\n height: 32px;\r\n padding: 0.3rem;\r\n border-radius: 10px;\r\n }\r\n\r\n .compare__card-title {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .compare__card-temp {\r\n font-size: 0.85rem;\r\n padding: 0.15rem 0.6rem;\r\n }\r\n\r\n .compare__card-label {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .compare__card-items li {\r\n font-size: 0.8rem;\r\n padding-left: 1rem;\r\n }\r\n\r\n .compare__card-items li::before {\r\n top: 0.45rem;\r\n width: 4px;\r\n height: 4px;\r\n }\r\n\r\n .compare__card-advantages-title {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .compare__card-advantages-list li {\r\n font-size: 0.8rem;\r\n padding-left: 1rem;\r\n }\r\n\r\n .compare__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n min-height: auto;\r\n }\r\n\r\n .compare__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .compare__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n \/* Table -> Card layout on mobile *\/\r\n .compare__table-wrap {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .compare__table thead {\r\n display: none;\r\n }\r\n\r\n .compare__table,\r\n .compare__table tbody,\r\n .compare__table tr,\r\n .compare__table td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .compare__table tbody tr {\r\n display: flex;\r\n flex-direction: column;\r\n padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(0.65rem, 1.5vw, 0.85rem);\r\n border-bottom: 1px solid #E5E7EB;\r\n background-color: #F8FCFD;\r\n margin-bottom: 0.25rem;\r\n border-radius: 12px;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .compare__table tbody tr:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .compare__table tbody tr:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .compare__table tbody td {\r\n padding: 0.15rem 0;\r\n border: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n }\r\n\r\n .compare__table tbody td:first-child {\r\n font-weight: 600;\r\n color: #111111;\r\n padding-bottom: 0.1rem;\r\n }\r\n\r\n .compare__table tbody td:nth-child(2) {\r\n color: #2997AA;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .compare__table tbody td:nth-child(3) {\r\n color: #2997AA;\r\n padding-top: 0.1rem;\r\n }\r\n\r\n .compare__recommend {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .compare__recommend-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .compare__recommend-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .compare__recommend-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .compare__recommend-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .compare__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .compare__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .compare__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .compare__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .compare__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .compare__card {\r\n padding: 1rem 0.8rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .compare__card-icon {\r\n width: 28px;\r\n height: 28px;\r\n padding: 0.25rem;\r\n }\r\n\r\n .compare__card-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .compare__card-temp {\r\n font-size: 0.75rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .compare__card-items li {\r\n font-size: 0.75rem;\r\n padding-left: 0.9rem;\r\n }\r\n\r\n .compare__card-advantages-list li {\r\n font-size: 0.75rem;\r\n padding-left: 0.9rem;\r\n }\r\n\r\n .compare__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .compare__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .compare__table tbody td {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"compare\" aria-labelledby=\"compare-title\">\r\n\r\n \r\n <div class=\"compare__header\">\r\n\r\n \r\n <div class=\"compare__badge\">\r\n <span class=\"compare__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Vehicle Comparison\r\n <\/div>\r\n\r\n \r\n <h2 id=\"compare-title\" class=\"compare__title\">\r\n Chiller Truck vs Freezer Truck \u2013 Which One Is Right for Your Business?\r\n <\/h2>\r\n\r\n \r\n <p class=\"compare__intro\">\r\n Choosing the right temperature-controlled vehicle depends on the products you transport and the required storage temperature. Chiller trucks are designed for chilled goods, while freezer trucks maintain deep frozen temperatures for frozen inventory. Understanding the difference helps businesses select the most suitable refrigerated transport solution.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__split\">\r\n\r\n \r\n <div class=\"compare__card compare__card--chiller\">\r\n <div class=\"compare__card-header\">\r\n <div class=\"compare__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"compare__card-title\">Chiller Truck<\/span>\r\n <\/div>\r\n\r\n <span class=\"compare__card-temp\">+2\u00b0C to +8\u00b0C<\/span>\r\n\r\n <span class=\"compare__card-label\">Suitable For<\/span>\r\n <ul class=\"compare__card-items\">\r\n <li>Fresh Food<\/li>\r\n <li>Milk<\/li>\r\n <li>Dairy Products<\/li>\r\n <li>Bakery Products<\/li>\r\n <li>Fresh Fruits<\/li>\r\n <li>Fresh Vegetables<\/li>\r\n <li>Flowers<\/li>\r\n <li>Cold Beverages<\/li>\r\n <li>Restaurants<\/li>\r\n <li>Hotels<\/li>\r\n <li>Catering<\/li>\r\n <\/ul>\r\n\r\n <div class=\"compare__card-advantages\">\r\n <span class=\"compare__card-advantages-title\">Advantages<\/span>\r\n <ul class=\"compare__card-advantages-list\">\r\n <li>Maintain chilled temperatures<\/li>\r\n <li>Preserve freshness<\/li>\r\n <li>Daily commercial deliveries<\/li>\r\n <li>Reliable food logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__card compare__card--freezer\">\r\n <div class=\"compare__card-header\">\r\n <div class=\"compare__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4 12H2\" \/>\r\n <path d=\"M22 12h-2\" \/>\r\n <path d=\"M6.5 6.5L5.09 5.09\" \/>\r\n <path d=\"M18.91 18.91L17.5 17.5\" \/>\r\n <path d=\"M17.5 6.5l1.41-1.41\" \/>\r\n <path d=\"M5.09 18.91L6.5 17.5\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"compare__card-title\">Freezer Truck<\/span>\r\n <\/div>\r\n\r\n <span class=\"compare__card-temp\">-18\u00b0C to -25\u00b0C<\/span>\r\n\r\n <span class=\"compare__card-label\">Suitable For<\/span>\r\n <ul class=\"compare__card-items\">\r\n <li>Frozen Meat<\/li>\r\n <li>Seafood<\/li>\r\n <li>Ice Cream<\/li>\r\n <li>Frozen Meals<\/li>\r\n <li>Frozen Desserts<\/li>\r\n <li>Frozen Vegetables<\/li>\r\n <li>Cold Storage Transfers<\/li>\r\n <\/ul>\r\n\r\n <div class=\"compare__card-advantages\">\r\n <span class=\"compare__card-advantages-title\">Advantages<\/span>\r\n <ul class=\"compare__card-advantages-list\">\r\n <li>Maintain frozen conditions<\/li>\r\n <li>Prevent thawing<\/li>\r\n <li>Long-distance frozen transport<\/li>\r\n <li>Commercial frozen logistics<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <figure class=\"compare__media\" role=\"img\" aria-label=\"Difference Between Chiller Truck and Freezer Truck\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/Chiller_truck_vs_freezer_truck_202607080047.jpeg\"\r\n alt=\"Difference Between Chiller Truck and Freezer Truck\"\r\n title=\"Chiller Truck vs Freezer Truck Comparison\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"compare__media-caption\">\r\n <span>Choosing the Right Temperature-Controlled Vehicle<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__table-wrap\">\r\n <table class=\"compare__table\">\r\n <thead>\r\n <tr>\r\n <th>Feature<\/th>\r\n <th>Chiller Truck<\/th>\r\n <th>Freezer Truck<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Temperature Range<\/td>\r\n <td>+2\u00b0C to +8\u00b0C<\/td>\r\n <td>-18\u00b0C to -25\u00b0C<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Typical Products<\/td>\r\n <td>Fresh Food, Dairy, Bakery, Fruits, Vegetables<\/td>\r\n <td>Frozen Meat, Seafood, Ice Cream, Frozen Meals<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Industries<\/td>\r\n <td>Restaurants, Hotels, Catering, Supermarkets<\/td>\r\n <td>Food Manufacturing, Cold Storage, Logistics<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cooling Level<\/td>\r\n <td>Chilled (Preserve Freshness)<\/td>\r\n <td>Deep Frozen (Preserve Frozen State)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Fresh Food<\/td>\r\n <td>\u2713 Ideal<\/td>\r\n <td>\u2717 Not Suitable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Frozen Goods<\/td>\r\n <td>\u2717 Not Suitable<\/td>\r\n <td>\u2713 Ideal<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Daily Deliveries<\/td>\r\n <td>\u2713 Excellent<\/td>\r\n <td>\u2713 Suitable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Long Distance<\/td>\r\n <td>\u2713 Suitable<\/td>\r\n <td>\u2713 Excellent<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Commercial Logistics<\/td>\r\n <td>\u2713 Daily Food Supply<\/td>\r\n <td>\u2713 Frozen Supply Chain<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Recommended Use<\/td>\r\n <td>Chilled Food Distribution<\/td>\r\n <td>Frozen Food Distribution<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__recommend\">\r\n\r\n <div class=\"compare__recommend-content\">\r\n <h3 class=\"compare__recommend-title\">Not Sure Which Vehicle You Need?<\/h3>\r\n <p class=\"compare__recommend-text\">\r\n Our logistics specialists help businesses select the right refrigerated vehicle based on cargo type, required temperature, delivery schedule, transport distance, and daily operational requirements. Whether you require chilled or frozen transportation, we recommend the most suitable commercial solution.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"compare__recommend-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Expert Advice\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"compare__actions\">\r\n\r\n \r\n <a href=\"\/services\/\" class=\"compare__btn compare__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n Compare Our Fleet\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"compare__btn compare__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Expert\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"compare__btn compare__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-3b88720 e-flex e-con-boxed e-con e-parent\" data-id=\"3b88720\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-771bb87 elementor-widget elementor-widget-html\" data-id=\"771bb87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Why Choose Arctic Flow Transport | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 11: WHY CHOOSE ARCTIC FLOW TRANSPORT ===== *\/\r\n .why {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP SPLIT LAYOUT ===== *\/\r\n .why__split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(2.5rem, 5vw, 5rem);\r\n align-items: center;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT CONTENT ===== *\/\r\n .why__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.5rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .why__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .why__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .why__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .why__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* Paragraph *\/\r\n .why__text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 54ch;\r\n }\r\n\r\n \/* ===== RIGHT SIDE: IMAGE ===== *\/\r\n .why__media {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.03);\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n aspect-ratio: 4 \/ 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .why__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .why__media:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .why__media-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1rem 1.5rem;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, transparent 100%);\r\n color: #FFFFFF;\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n font-weight: 400;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n border-radius: 0 0 20px 20px;\r\n }\r\n\r\n .why__media-caption span {\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ===== FEATURE CARDS ===== *\/\r\n .why__cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .why__card {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1rem, 1.4vw, 1.5rem) clamp(0.75rem, 1vw, 1.1rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.3rem;\r\n height: 100%;\r\n }\r\n\r\n .why__card:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.08);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .why__card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .why__card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .why__card-title {\r\n font-size: clamp(0.85rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .why__card-desc {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== TRUST METRICS ===== *\/\r\n .why__metrics {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n .why__metric {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 1rem) clamp(0.4rem, 0.6vw, 0.6rem);\r\n text-align: center;\r\n transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.1rem;\r\n }\r\n\r\n .why__metric:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why__metric-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n color: #2997AA;\r\n }\r\n\r\n .why__metric-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .why__metric-value {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 700;\r\n color: #111111;\r\n line-height: 1.2;\r\n }\r\n\r\n .why__metric-label {\r\n font-size: clamp(0.5rem, 0.55vw, 0.6rem);\r\n font-weight: 500;\r\n color: #666666;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ===== COMMITMENT PANEL ===== *\/\r\n .why__commitment {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .why__commitment:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .why__commitment-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .why__commitment-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .why__commitment-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .why__commitment-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .why__commitment-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why__commitment-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .why__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .why__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .why__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .why__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .why__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .why__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .why__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .why__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .why__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .why__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .why__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .why__content {\r\n order: 1;\r\n }\r\n\r\n .why__media {\r\n order: 2;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n }\r\n\r\n .why__title {\r\n max-width: 100%;\r\n }\r\n\r\n .why__text {\r\n max-width: 100%;\r\n }\r\n\r\n .why__cards {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .why__metrics {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .why__cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .why {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .why__split {\r\n gap: 1.75rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .why__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .why__text {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .why__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .why__card {\r\n padding: 0.85rem 0.7rem;\r\n border-radius: 16px;\r\n gap: 0.2rem;\r\n }\r\n\r\n .why__card-icon {\r\n width: 24px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .why__card-title {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .why__card-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .why__metrics {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .why__metric {\r\n padding: 0.6rem 0.4rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .why__metric-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .why__metric-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .why__metric-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .why__commitment {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .why__commitment-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .why__commitment-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .why__commitment-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .why__commitment-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .why__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .why__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .why__media {\r\n aspect-ratio: 4 \/ 3;\r\n border-radius: 16px;\r\n width: 100%;\r\n }\r\n\r\n .why__media img {\r\n border-radius: 16px;\r\n }\r\n\r\n .why__media-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n border-radius: 0 0 16px 16px;\r\n }\r\n\r\n .why__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .why__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .why__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .why__cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n\r\n .why__card {\r\n padding: 0.65rem 0.5rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .why__card-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .why__card-title {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .why__card-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .why__metrics {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .why__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .why__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"why\" aria-labelledby=\"why-title\">\r\n\r\n \r\n <div class=\"why__split\">\r\n\r\n \r\n <div class=\"why__content\">\r\n\r\n \r\n <div class=\"why__badge\">\r\n <span class=\"why__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Why Choose Us\r\n <\/div>\r\n\r\n \r\n <h2 id=\"why-title\" class=\"why__title\">\r\n Why Businesses Choose Arctic Flow Transport\r\n <\/h2>\r\n\r\n \r\n <p class=\"why__text\">\r\n Businesses across Abu Dhabi trust Arctic Flow Transport because we provide dependable chiller truck rental services backed by professional fleet management, temperature-controlled logistics, and responsive customer support. Our goal is to help businesses transport chilled products safely, efficiently, and on time.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <figure class=\"why__media\" role=\"img\" aria-label=\"Professional Chiller Truck Fleet Abu Dhabi\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-8-2026-12_40_10-AM.png\"\r\n alt=\"Professional Chiller Truck Fleet Abu Dhabi\"\r\n title=\"Why Choose Arctic Flow Transport\"\r\n width=\"800\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <figcaption class=\"why__media-caption\">\r\n <span>Reliable Commercial Refrigerated Transport Across Abu Dhabi<\/span>\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__cards\">\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">24\/7 Availability<\/h4>\r\n <p class=\"why__card-desc\">Commercial refrigerated transport support whenever your business needs reliable logistics.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Temperature-Controlled Fleet<\/h4>\r\n <p class=\"why__card-desc\">Modern refrigerated vehicles maintaining +2\u00b0C to +8\u00b0C throughout transportation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Professional Drivers<\/h4>\r\n <p class=\"why__card-desc\">Experienced drivers trained to handle temperature-sensitive commercial deliveries.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Fast Dispatch<\/h4>\r\n <p class=\"why__card-desc\">Same-day dispatch available subject to fleet availability and operational scheduling.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Commercial Fleet<\/h4>\r\n <p class=\"why__card-desc\">Multiple vehicle capacities from 1 Ton to 10 Ton for every business requirement.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Flexible Rental Plans<\/h4>\r\n <p class=\"why__card-desc\">Daily, weekly, monthly, and long-term rental options for commercial businesses.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <polyline points=\"9 12 11 14 15 10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Reliable Cold Chain<\/h4>\r\n <p class=\"why__card-desc\">Helping businesses maintain product freshness and uninterrupted chilled logistics.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__card\">\r\n <div class=\"why__card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"why__card-title\">Abu Dhabi Coverage<\/h4>\r\n <p class=\"why__card-desc\">Serving commercial, industrial, hospitality, and retail businesses across Abu Dhabi.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metrics\">\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" \/>\r\n <polyline points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\r\n <circle cx=\"5.5\" cy=\"18\" r=\"2.5\" \/>\r\n <circle cx=\"18.5\" cy=\"18\" r=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">1\u201310 Ton<\/span>\r\n <span class=\"why__metric-label\">Commercial Fleet<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2v20\" \/>\r\n <path d=\"M12 6a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4z\" \/>\r\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">+2\u00b0C to +8\u00b0C<\/span>\r\n <span class=\"why__metric-label\">Temperature Range<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">24\/7<\/span>\r\n <span class=\"why__metric-label\">Commercial Support<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">Professional<\/span>\r\n <span class=\"why__metric-label\">Experienced Team<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">Available<\/span>\r\n <span class=\"why__metric-label\">Commercial Contracts<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"why__metric\">\r\n <div class=\"why__metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n <polyline points=\"17 6 23 6 23 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"why__metric-value\">Fast<\/span>\r\n <span class=\"why__metric-label\">Subject to Availability<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__commitment\">\r\n\r\n <div class=\"why__commitment-content\">\r\n <h3 class=\"why__commitment-title\">Committed to Reliable Chilled Transportation<\/h3>\r\n <p class=\"why__commitment-text\">\r\n At Arctic Flow Transport, we are committed to helping businesses maintain efficient cold chain logistics through dependable chiller truck rental services. Our professional fleet, experienced drivers, and responsive support ensure safe transportation for food, dairy, beverages, catering supplies, and other temperature-sensitive products across Abu Dhabi.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"why__commitment-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Started\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"why__btn why__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Now\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"why__btn why__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"why__btn why__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-69ab34d e-flex e-con-boxed e-con e-parent\" data-id=\"69ab34d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08b004e elementor-widget elementor-widget-html\" data-id=\"08b004e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Frequently Asked Questions | Arctic Flow Transport<\/title>\r\n\r\n \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=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== SECTION 12: FREQUENTLY ASKED QUESTIONS ===== *\/\r\n .faq {\r\n background-color: #FFFFFF;\r\n padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 4.5rem) clamp(3rem, 6vw, 6rem);\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* ===== TOP CONTENT ===== *\/\r\n .faq__header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1.2vw, 1rem);\r\n margin-bottom: clamp(2.5rem, 4vw, 4rem);\r\n }\r\n\r\n \/* Badge *\/\r\n .faq__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 100px;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n }\r\n\r\n .faq__badge-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__badge-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Heading *\/\r\n .faq__title {\r\n font-size: clamp(2rem, 4.2vw, 3.2rem);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #111111;\r\n max-width: 18ch;\r\n }\r\n\r\n \/* Introduction *\/\r\n .faq__intro {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n max-width: 60ch;\r\n }\r\n\r\n \/* ===== SPLIT LAYOUT: FAQ + HELP CARD ===== *\/\r\n .faq__split {\r\n display: grid;\r\n grid-template-columns: 1fr 340px;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n align-items: start;\r\n margin-bottom: clamp(3rem, 5vw, 5rem);\r\n }\r\n\r\n \/* ===== LEFT: FAQ ACCORDION ===== *\/\r\n .faq__accordion {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.5rem, 0.8vw, 0.75rem);\r\n }\r\n\r\n .faq__item {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background-color: #FFFFFF;\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .faq__item:hover {\r\n border-color: #d0d5dd;\r\n }\r\n\r\n .faq__item--open {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1rem;\r\n padding: clamp(1rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.5rem);\r\n cursor: pointer;\r\n user-select: none;\r\n transition: background-color 0.2s ease;\r\n width: 100%;\r\n background: none;\r\n border: none;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n text-align: left;\r\n }\r\n\r\n .faq__question:hover {\r\n background-color: #F8FCFD;\r\n }\r\n\r\n .faq__question-text {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.4;\r\n flex: 1;\r\n }\r\n\r\n .faq__question-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n flex-shrink: 0;\r\n color: #2997AA;\r\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .faq__question-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .faq__item--open .faq__question-icon svg {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq__answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease, opacity 0.3s ease;\r\n opacity: 0;\r\n padding: 0 clamp(1rem, 1.5vw, 1.5rem);\r\n }\r\n\r\n .faq__item--open .faq__answer {\r\n max-height: 300px;\r\n opacity: 1;\r\n padding: 0 clamp(1rem, 1.5vw, 1.5rem) clamp(1rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.5rem);\r\n }\r\n\r\n .faq__answer-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== RIGHT: STICKY HELP CARD ===== *\/\r\n .faq__help {\r\n position: sticky;\r\n top: 2rem;\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2vw, 2.25rem) clamp(1.25rem, 1.8vw, 2rem);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(0.75rem, 1vw, 1rem);\r\n }\r\n\r\n .faq__help:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__help-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n background-color: #E8F7FA;\r\n border-radius: 14px;\r\n color: #2997AA;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__help-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .faq__help-title {\r\n font-size: clamp(1.05rem, 1.15vw, 1.2rem);\r\n font-weight: 600;\r\n color: #111111;\r\n line-height: 1.3;\r\n }\r\n\r\n .faq__help-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n }\r\n\r\n .faq__help-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.6rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .faq__help-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 16px;\r\n padding: clamp(0.7rem, 0.9vw, 0.85rem) clamp(1.25rem, 1.6vw, 1.75rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n width: 100%;\r\n }\r\n\r\n .faq__help-btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .faq__help-btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq__help-btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .faq__help-btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .faq__help-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__help-divider {\r\n border: none;\r\n border-top: 1px solid #E5E7EB;\r\n margin: 0.1rem 0;\r\n }\r\n\r\n .faq__help-phone {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n font-weight: 500;\r\n color: #111111;\r\n text-decoration: none;\r\n padding: 0.4rem 0;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .faq__help-phone:hover {\r\n color: #2997AA;\r\n }\r\n\r\n .faq__help-phone svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BOTTOM PANEL ===== *\/\r\n .faq__bottom {\r\n background-color: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: clamp(1.5rem, 2.5vw, 3rem) clamp(1.5rem, 2.5vw, 3.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(1.5rem, 2.5vw, 3rem);\r\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(2rem, 3vw, 3rem);\r\n }\r\n\r\n .faq__bottom:hover {\r\n border-color: #2997AA;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__bottom-content {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .faq__bottom-title {\r\n font-size: clamp(1.1rem, 1.3vw, 1.35rem);\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .faq__bottom-text {\r\n font-size: clamp(0.9rem, 0.95vw, 1rem);\r\n color: #666666;\r\n line-height: 1.6;\r\n max-width: 55ch;\r\n }\r\n\r\n .faq__bottom-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.9rem, 1vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.7rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2.2rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__bottom-btn:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq__bottom-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .faq__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: clamp(0.75rem, 1.2vw, 1.25rem);\r\n padding-top: clamp(0.5rem, 1vw, 1rem);\r\n border-top: 1px solid #E5E7EB;\r\n }\r\n\r\n .faq__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n padding: clamp(0.75rem, 1.1vw, 1rem) clamp(1.5rem, 2.2vw, 2.4rem);\r\n transition: all 0.25s ease;\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.01em;\r\n white-space: nowrap;\r\n }\r\n\r\n .faq__btn--primary {\r\n background-color: #2997AA;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .faq__btn--primary:hover {\r\n background-color: #1f7d8e;\r\n box-shadow: 0 8px 32px rgba(41, 151, 170, 0.35);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq__btn--secondary {\r\n background-color: #E8F7FA;\r\n color: #2997AA;\r\n border: 1px solid rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .faq__btn--secondary:hover {\r\n background-color: #d6f0f4;\r\n border-color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.10);\r\n }\r\n\r\n .faq__btn--phone {\r\n background-color: #FFFFFF;\r\n color: #111111;\r\n border: 1px solid #E5E7EB;\r\n }\r\n\r\n .faq__btn--phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(41, 151, 170, 0.06);\r\n }\r\n\r\n .faq__btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq__btn--phone svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n .faq__btn--phone:hover svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n\r\n \/* Tablets *\/\r\n @media (max-width: 1024px) {\r\n .faq__split {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 3vw, 2.5rem);\r\n }\r\n\r\n .faq__help {\r\n position: static;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n padding: clamp(1.25rem, 1.8vw, 1.75rem) clamp(1.25rem, 1.8vw, 1.75rem);\r\n gap: 0.75rem 1.5rem;\r\n }\r\n\r\n .faq__help-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .faq__help-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .faq__help-content {\r\n flex: 1;\r\n min-width: 180px;\r\n }\r\n\r\n .faq__help-actions {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-top: 0;\r\n width: auto;\r\n }\r\n\r\n .faq__help-btn {\r\n width: auto;\r\n white-space: nowrap;\r\n padding: 0.6rem 1.25rem;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help-phone {\r\n padding: 0.2rem 0;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help-divider {\r\n display: none;\r\n }\r\n\r\n .faq__title {\r\n max-width: 100%;\r\n }\r\n\r\n .faq__intro {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .faq__help {\r\n flex-direction: column;\r\n align-items: stretch;\r\n text-align: center;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .faq__help-icon {\r\n align-self: center;\r\n }\r\n\r\n .faq__help-actions {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .faq__help-btn {\r\n width: 100%;\r\n justify-content: center;\r\n white-space: normal;\r\n }\r\n\r\n .faq__help-phone {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 640px) {\r\n .faq {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n\r\n .faq__header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .faq__title {\r\n font-size: clamp(1.8rem, 7vw, 2.2rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .faq__intro {\r\n font-size: clamp(0.9rem, 3vw, 0.95rem);\r\n }\r\n\r\n .faq__split {\r\n gap: 1.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .faq__item {\r\n border-radius: 16px;\r\n }\r\n\r\n .faq__question {\r\n padding: 0.85rem 0.9rem;\r\n gap: 0.75rem;\r\n }\r\n\r\n .faq__question-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__question-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .faq__item--open .faq__answer {\r\n padding: 0 0.9rem 0.85rem 0.9rem;\r\n }\r\n\r\n .faq__answer-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help {\r\n padding: 1rem 0.9rem;\r\n border-radius: 16px;\r\n gap: 0.6rem;\r\n }\r\n\r\n .faq__help-icon {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .faq__help-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .faq__help-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .faq__help-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__help-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1rem;\r\n border-radius: 14px;\r\n }\r\n\r\n .faq__help-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .faq__bottom {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 1.25rem 1rem;\r\n border-radius: 16px;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .faq__bottom-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .faq__bottom-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .faq__bottom-btn {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .faq__bottom-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .faq__badge {\r\n font-size: 0.6rem;\r\n padding: 0.3rem 0.75rem;\r\n }\r\n\r\n .faq__badge-icon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n\r\n .faq__actions {\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n padding-top: 0.75rem;\r\n }\r\n\r\n .faq__btn {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.25rem;\r\n border-radius: 16px;\r\n white-space: normal;\r\n flex: 1 1 auto;\r\n min-width: 120px;\r\n justify-content: center;\r\n }\r\n\r\n .faq__btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Small mobile *\/\r\n @media (max-width: 420px) {\r\n .faq__question {\r\n padding: 0.7rem 0.7rem;\r\n gap: 0.5rem;\r\n }\r\n\r\n .faq__question-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .faq__question-icon {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .faq__item--open .faq__answer {\r\n padding: 0 0.7rem 0.7rem 0.7rem;\r\n }\r\n\r\n .faq__answer-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .faq__btn {\r\n font-size: 0.8rem;\r\n padding: 0.6rem 1rem;\r\n min-width: 90px;\r\n border-radius: 14px;\r\n }\r\n\r\n .faq__btn svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n \r\n \r\n <section class=\"faq\" aria-labelledby=\"faq-title\">\r\n\r\n \r\n <div class=\"faq__header\">\r\n\r\n \r\n <div class=\"faq__badge\">\r\n <span class=\"faq__badge-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n Frequently Asked Questions\r\n <\/div>\r\n\r\n \r\n <h2 id=\"faq-title\" class=\"faq__title\">\r\n Everything You Need to Know About Chiller Truck Rental\r\n <\/h2>\r\n\r\n \r\n <p class=\"faq__intro\">\r\n Find answers to the most frequently asked questions about chiller truck rental services, temperature-controlled transportation, booking, fleet availability, and commercial refrigerated logistics in Abu Dhabi.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__split\">\r\n\r\n \r\n <div class=\"faq__accordion\" role=\"list\">\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-01\" id=\"faq-question-01\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">What is a chiller truck?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-01\" role=\"region\" aria-labelledby=\"faq-question-01\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">A chiller truck is a refrigerated vehicle designed to transport products requiring chilled temperatures between +2\u00b0C and +8\u00b0C while maintaining freshness throughout transportation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-02\" id=\"faq-question-02\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Which businesses require chiller truck rental?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-02\" role=\"region\" aria-labelledby=\"faq-question-02\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Restaurants, hotels, catering companies, bakeries, supermarkets, beverage suppliers, dairy companies, florists, food manufacturers and commercial kitchens commonly require chilled transportation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-03\" id=\"faq-question-03\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Do you provide same-day booking?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-03\" role=\"region\" aria-labelledby=\"faq-question-03\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Same-day booking is available depending on fleet availability and operational scheduling.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-04\" id=\"faq-question-04\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Do you provide services throughout Abu Dhabi?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-04\" role=\"region\" aria-labelledby=\"faq-question-04\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Yes. We provide chiller truck rental across Mussafah, Khalifa City, MBZ City, ICAD, Yas Island, Al Reem Island, Baniyas, Al Shahama and surrounding commercial areas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-05\" id=\"faq-question-05\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Are your services available 24\/7?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-05\" role=\"region\" aria-labelledby=\"faq-question-05\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Yes. Our commercial refrigerated transport services operate 24\/7 subject to scheduling and fleet availability.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-06\" id=\"faq-question-06\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">What products can be transported?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-06\" role=\"region\" aria-labelledby=\"faq-question-06\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Fresh food, dairy products, beverages, bakery products, catering supplies, flowers, prepared meals and other temperature-sensitive goods.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-07\" id=\"faq-question-07\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Which temperature do your chiller trucks maintain?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-07\" role=\"region\" aria-labelledby=\"faq-question-07\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Our commercial chiller fleet maintains temperatures between +2\u00b0C and +8\u00b0C depending on operational requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq__question\" aria-expanded=\"false\" aria-controls=\"faq-answer-08\" id=\"faq-question-08\">\r\n <span class=\"faq__question-text\" itemprop=\"name\">Can I rent a truck monthly?<\/span>\r\n <span class=\"faq__question-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq__answer\" id=\"faq-answer-08\" role=\"region\" aria-labelledby=\"faq-question-08\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <p class=\"faq__answer-text\" itemprop=\"text\">Yes. We offer daily, weekly, monthly and long-term commercial rental plans.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <aside class=\"faq__help\">\r\n <div class=\"faq__help-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\r\n <circle cx=\"9\" cy=\"10\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" \/>\r\n <circle cx=\"15\" cy=\"10\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"faq__help-content\">\r\n <h3 class=\"faq__help-title\">Need Help Choosing a Chiller Truck?<\/h3>\r\n <p class=\"faq__help-text\">Our logistics specialists can recommend the most suitable vehicle based on cargo type, delivery schedule, rental duration and temperature requirements.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq__help-actions\">\r\n <a href=\"\/contact-us\/\" class=\"faq__help-btn faq__help-btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Get Expert Advice\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"faq__help-btn faq__help-btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <hr class=\"faq__help-divider\" \/>\r\n <a href=\"tel:+971554491928\" class=\"faq__help-phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n +971 55 449 1928\r\n <\/a>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__bottom\">\r\n\r\n <div class=\"faq__bottom-content\">\r\n <h3 class=\"faq__bottom-title\">Still Have Questions?<\/h3>\r\n <p class=\"faq__bottom-text\">\r\n Contact our commercial logistics team for expert advice on refrigerated transportation, fleet selection, rental plans and temperature-controlled delivery solutions across Abu Dhabi.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"\/contact-us\/\" class=\"faq__bottom-btn\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Contact Us\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"faq__actions\">\r\n\r\n \r\n <a href=\"\/contact-us\/\" class=\"faq__btn faq__btn--primary\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n Book Now\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"faq__btn faq__btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" \/>\r\n <path d=\"M16.5 14.2c-.2.6-.8 1-1.4 1.1a8 8 0 0 1-3.5-.8 8.6 8.6 0 0 1-2.9-2.2 4.9 4.9 0 0 1-1.2-2.4c0-.6.2-1.2.6-1.6.2-.2.5-.3.8-.2h.5c.2 0 .4.2.5.4l.7 1.5c.1.2.1.4 0 .6-.1.1-.2.2-.3.3l-.4.4c-.1.1-.1.2-.1.3.1.3.2.6.4.9.2.3.5.6.8.9.3.3.6.5.9.7.3.1.6.2.9.1.1 0 .2-.1.3-.2l.4-.4c.1-.1.2-.2.4-.1.2.1.3.1.5.2l1.5.7c.2.1.3.2.4.4v.5z\" \/>\r\n <\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:+971554491928\" class=\"faq__btn faq__btn--phone\" aria-label=\"Call +971 55 449 1928\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [{\r\n \"@type\": \"Question\",\r\n \"name\": \"What is a chiller truck?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"A chiller truck is a refrigerated vehicle designed to transport products requiring chilled temperatures between +2\u00b0C and +8\u00b0C while maintaining freshness throughout transportation.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Which businesses require chiller truck rental?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Restaurants, hotels, catering companies, bakeries, supermarkets, beverage suppliers, dairy companies, florists, food manufacturers and commercial kitchens commonly require chilled transportation.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide same-day booking?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Same-day booking is available depending on fleet availability and operational scheduling.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide services throughout Abu Dhabi?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. We provide chiller truck rental across Mussafah, Khalifa City, MBZ City, ICAD, Yas Island, Al Reem Island, Baniyas, Al Shahama and surrounding commercial areas.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Are your services available 24\/7?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Our commercial refrigerated transport services operate 24\/7 subject to scheduling and fleet availability.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"What products can be transported?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Fresh food, dairy products, beverages, bakery products, catering supplies, flowers, prepared meals and other temperature-sensitive goods.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Which temperature do your chiller trucks maintain?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Our commercial chiller fleet maintains temperatures between +2\u00b0C and +8\u00b0C depending on operational requirements.\"\r\n }\r\n }, {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I rent a truck monthly?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. We offer daily, weekly, monthly and long-term commercial rental plans.\"\r\n }\r\n }]\r\n }\r\n <\/script>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const faqItems = document.querySelectorAll('.faq__item');\r\n\r\n faqItems.forEach(function(item) {\r\n const question = item.querySelector('.faq__question');\r\n const answer = item.querySelector('.faq__answer');\r\n\r\n question.addEventListener('click', function() {\r\n const isOpen = item.classList.contains('faq__item--open');\r\n\r\n \/\/ Close all items\r\n faqItems.forEach(function(otherItem) {\r\n otherItem.classList.remove('faq__item--open');\r\n otherItem.querySelector('.faq__question').setAttribute('aria-expanded',\r\n 'false');\r\n });\r\n\r\n \/\/ Toggle current item\r\n if (!isOpen) {\r\n item.classList.add('faq__item--open');\r\n question.setAttribute('aria-expanded', 'true');\r\n }\r\n });\r\n\r\n \/\/ Keyboard support\r\n question.addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n question.click();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Open first FAQ item by default\r\n if (faqItems.length > 0) {\r\n faqItems[0].classList.add('faq__item--open');\r\n faqItems[0].querySelector('.faq__question').setAttribute('aria-expanded', 'true');\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Chiller Truck Rental Abu Dhabi | 1-10 Ton Fleet 24\/7 | +2\u00b0C to +8\u00b0C Professional Refrigerated Logistics Chiller Truck Rental Abu Dhabi Professional Chiller Truck Rental Services in Abu Dhabi Arctic Flow Transport provides reliable chiller truck rental services in Abu Dhabi for businesses requiring temperature-controlled transportation and refrigerated logistics solutions. Our chiller trucks support […]<\/p>\n","protected":false},"author":2,"featured_media":2577,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2723","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/2723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/comments?post=2723"}],"version-history":[{"count":82,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/2723\/revisions"}],"predecessor-version":[{"id":3660,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/2723\/revisions\/3660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media\/2577"}],"wp:attachment":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media?parent=2723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}