Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE | Premium Cold Chain Logistics<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE. Trusted by restaurants, supermarkets, catering & pharma businesses.\">\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/\">\r\n <meta property=\"og:title\" content=\"Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE\">\r\n <meta property=\"og:description\" content=\"Professional temperature-controlled transport solutions across the UAE. Commercial refrigerated fleet for restaurants, supermarkets, catering & pharma.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <meta name=\"theme-color\" content=\"#2997AA\">\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressCountry\": \"AE\"\r\n },\r\n \"areaServed\": [\r\n \"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\",\r\n \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"\r\n ],\r\n \"openingHours\": \"Mo-Su 00:00-23:59\",\r\n \"priceRange\": \"AED 250+\"\r\n }\r\n <\/script>\r\n <style>\r\n \/* ============================================\r\n GLOBAL RESET & BASE\r\n ============================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================\r\n HERO SECTION\r\n ============================================ *\/\r\n .hero {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0 calc(var(--section-padding) * 0.5);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .hero .container {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .hero-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1.25rem, 2.5vw, 2rem);\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .hero-badge .stars {\r\n display: inline-flex;\r\n gap: 0.1rem;\r\n font-size: clamp(0.65rem, 0.8vw, 0.8rem);\r\n letter-spacing: 0.05em;\r\n color: #f5b342;\r\n }\r\n\r\n .hero-badge .stars span {\r\n color: var(--color-primary);\r\n }\r\n\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 color: var(--color-heading);\r\n letter-spacing: -0.025em;\r\n max-width: 14ch;\r\n }\r\n\r\n .hero-title .highlight {\r\n color: var(--color-primary);\r\n position: relative;\r\n }\r\n\r\n .hero-sub {\r\n font-size: clamp(1rem, 1.4vw, 1.25rem);\r\n font-weight: 400;\r\n color: var(--color-text);\r\n letter-spacing: 0.01em;\r\n max-width: 48rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .hero-desc {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================\r\n HERO IMAGE (RIGHT)\r\n ============================================ *\/\r\n .hero-image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .hero-image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .hero-image-wrapper picture,\r\n .hero-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .hero-image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .hero-image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .hero-image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ---- fallback placeholder ---- *\/\r\n .hero-image-wrapper .image-placeholder {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n\r\n .hero-image-wrapper.has-fallback .image-placeholder {\r\n display: flex;\r\n }\r\n\r\n .hero-image-wrapper.has-fallback picture,\r\n .hero-image-wrapper.has-fallback img {\r\n display: none;\r\n }\r\n\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================\r\n STATISTICS CARDS\r\n ============================================ *\/\r\n .stats-section {\r\n padding: 0 0 var(--section-padding);\r\n background: var(--color-bg);\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n margin-top: clamp(1.5rem, 3vw, 3rem);\r\n }\r\n\r\n .stat-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.35rem;\r\n min-height: 120px;\r\n height: 100%;\r\n }\r\n\r\n .stat-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .stat-icon {\r\n font-size: clamp(1.5rem, 2vw, 2rem);\r\n line-height: 1;\r\n margin-bottom: 0.15rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .stat-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.06em;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .stat-value {\r\n font-size: clamp(0.85rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.4;\r\n }\r\n\r\n .stat-value .tag {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-size: 0.7em;\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n margin: 0.1rem 0.15rem;\r\n white-space: nowrap;\r\n }\r\n\r\n .stat-value .tag-sm {\r\n font-size: 0.65em;\r\n padding: 0.05rem 0.4rem;\r\n }\r\n\r\n .stat-value .city-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.4rem;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .stat-value .city-list .city {\r\n font-size: 0.8em;\r\n font-weight: 500;\r\n color: var(--color-text);\r\n background: var(--color-white);\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 4px;\r\n border: 1px solid var(--color-border);\r\n }\r\n\r\n .stat-value .industry-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.4rem;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .stat-value .industry-list .ind {\r\n font-size: 0.75em;\r\n font-weight: 500;\r\n color: var(--color-text);\r\n background: var(--color-white);\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 4px;\r\n border: 1px solid var(--color-border);\r\n }\r\n\r\n .stat-value .bullet-sep {\r\n color: var(--color-border);\r\n margin: 0 0.1rem;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (min-width: 1920px) {\r\n .hero-title {\r\n font-size: clamp(3.6rem, 4.2vw, 4.8rem);\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .hero-title {\r\n font-size: clamp(2.6rem, 4.8vw, 3.8rem);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .hero-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .hero-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.75rem;\r\n }\r\n .hero-title {\r\n font-size: clamp(2.2rem, 4.2vw, 3rem);\r\n max-width: 100%;\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .stats-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .stat-card {\r\n min-height: 110px;\r\n padding: 1.25rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 2.5rem 0 1.5rem;\r\n }\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .hero-content {\r\n order: 1;\r\n }\r\n .hero-image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n .hero-title {\r\n font-size: clamp(2rem, 5.5vw, 2.6rem);\r\n max-width: 100%;\r\n }\r\n .hero-sub {\r\n font-size: clamp(0.95rem, 1.6vw, 1.1rem);\r\n }\r\n .hero-desc {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n .hero-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n .hero-image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n .stats-section {\r\n padding: 0 0 2.5rem;\r\n }\r\n .stats-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n margin-top: 1.75rem;\r\n }\r\n .stat-card {\r\n min-height: 100px;\r\n padding: 1rem 1.1rem;\r\n }\r\n .stat-icon {\r\n font-size: 1.3rem;\r\n }\r\n .stat-label {\r\n font-size: 0.55rem;\r\n }\r\n .stat-value {\r\n font-size: 0.8rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.7rem;\r\n padding: 0.05rem 0.45rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.65rem;\r\n padding: 0.05rem 0.45rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n padding: 1.75rem 0 1.25rem;\r\n }\r\n .hero-grid {\r\n gap: 1.5rem;\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .hero-title {\r\n font-size: clamp(1.6rem, 7vw, 2.2rem);\r\n }\r\n .hero-sub {\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n }\r\n .hero-desc {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n .hero-badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n .hero-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n white-space: nowrap;\r\n flex: 0 1 auto;\r\n }\r\n .hero-image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n .stats-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n margin-top: 1.25rem;\r\n }\r\n .stat-card {\r\n min-height: 88px;\r\n padding: 0.85rem 0.9rem;\r\n border-radius: 16px;\r\n }\r\n .stat-icon {\r\n font-size: 1.1rem;\r\n }\r\n .stat-label {\r\n font-size: 0.5rem;\r\n letter-spacing: 0.04em;\r\n }\r\n .stat-value {\r\n font-size: 0.7rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.55rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .stat-value .bullet-sep {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .hero-title {\r\n font-size: clamp(1.4rem, 6.5vw, 1.8rem);\r\n }\r\n .hero-actions {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n white-space: nowrap;\r\n }\r\n .stats-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .stat-card {\r\n min-height: 80px;\r\n padding: 0.7rem 0.75rem;\r\n border-radius: 14px;\r\n }\r\n .stat-icon {\r\n font-size: 1rem;\r\n }\r\n .stat-label {\r\n font-size: 0.45rem;\r\n }\r\n .stat-value {\r\n font-size: 0.65rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .hero {\r\n padding: 1.25rem 0 0.75rem;\r\n }\r\n .hero-title {\r\n font-size: clamp(1.2rem, 5.5vw, 1.5rem);\r\n }\r\n .hero-sub {\r\n font-size: 0.75rem;\r\n }\r\n .hero-desc {\r\n font-size: 0.7rem;\r\n }\r\n .hero-badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n .hero-badge .stars {\r\n font-size: 0.5rem;\r\n }\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .hero-image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n .stats-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n }\r\n .stat-card {\r\n min-height: 70px;\r\n padding: 0.6rem 0.6rem;\r\n border-radius: 12px;\r\n }\r\n .stat-icon {\r\n font-size: 0.85rem;\r\n }\r\n .stat-label {\r\n font-size: 0.4rem;\r\n letter-spacing: 0.03em;\r\n }\r\n .stat-value {\r\n font-size: 0.55rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.45rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n }\r\n\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .hero-image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .stat-card {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n <section class=\"hero\" aria-labelledby=\"hero-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n <div class=\"hero-grid\">\r\n\r\n \r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-badge\" aria-label=\"Rated 5 out of 5 stars by trusted businesses\">\r\n <span class=\"stars\" aria-hidden=\"true\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/span>\r\n <span>Trusted by Restaurants, Supermarkets, Catering & Pharma Businesses<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"hero-heading\" class=\"hero-title\">\r\n Chiller & <span class=\"highlight\">Freezer Truck<\/span> Rental UAE\r\n <\/h1>\r\n\r\n <p class=\"hero-sub\">\r\n Professional Temperature-Controlled Transport Solutions Across the UAE\r\n <\/p>\r\n\r\n <p class=\"hero-desc\">\r\n Arctic Flow Transport provides professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE. Our commercial fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, food distributors, and businesses requiring dependable temperature-controlled logistics.\r\n <br><br>\r\n We provide flexible daily, weekly, monthly, and long-term refrigerated transport solutions while maintaining temperatures from +2\u00b0C to -25\u00b0C for commercial cold chain operations.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\" role=\"group\" aria-label=\"Primary actions\">\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Book Now \u2014 contact us to book your refrigerated truck\">\r\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udccb<\/span>\r\n Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now \u2014 message us on WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udcac<\/span>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now \u2014 call our team\">\r\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udcde<\/span>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-image-wrapper\" role=\"img\" aria-label=\"Arctic Flow Transport Chiller Freezer Truck Rental UAE \u2014 Professional refrigerated truck fleet in the UAE\">\r\n\r\n \r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-8.46.09-AM-1.jpeg\"\r\n alt=\"Arctic Flow Transport Chiller Freezer Truck Rental UAE \u2014 Professional refrigerated truck fleet in the UAE\"\r\n title=\"Professional Refrigerated Truck Rental UAE\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n style=\"width:100%; height:100%; object-fit:cover;\"\r\n onerror=\"this.style.display='none'; this.parentElement.querySelector('.image-placeholder').style.display='flex';\"\r\n >\r\n\r\n \r\n <div class=\"image-placeholder\" aria-hidden=\"true\" style=\"display:none;\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Commercial Temperature-Controlled Fleet Across UAE<\/div>\r\n <div class=\"label\">Refrigerated Truck Fleet<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-image-caption\" aria-hidden=\"true\">\r\n Commercial Temperature-Controlled Fleet Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Refrigerated Trucks<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"stats-section\">\r\n <div class=\"stats-grid\">\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"stat-label\">Temperature Range<\/div>\r\n <div class=\"stat-value\">\r\n <span class=\"tag\">+2\u00b0C<\/span> to <span class=\"tag\">-25\u00b0C<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\ude9a<\/div>\r\n <div class=\"stat-label\">Fleet Capacity<\/div>\r\n <div class=\"stat-value\">\r\n <span class=\"tag tag-sm\">1 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">3 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">5 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">7 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">10 Ton<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udcb0<\/div>\r\n <div class=\"stat-label\">Starting Rental<\/div>\r\n <div class=\"stat-value\">\r\n From <strong>AED 250<\/strong> \/ Day\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udccd<\/div>\r\n <div class=\"stat-label\">Service Coverage<\/div>\r\n <div class=\"stat-value\">\r\n <div class=\"city-list\">\r\n <span class=\"city\">Abu Dhabi<\/span>\r\n <span class=\"city\">Dubai<\/span>\r\n <span class=\"city\">Sharjah<\/span>\r\n <span class=\"city\">Ajman<\/span>\r\n <span class=\"city\">Al Ain<\/span>\r\n <span class=\"city\">Ras Al Khaimah<\/span>\r\n <span class=\"city\">Fujairah<\/span>\r\n <span class=\"city\">Umm Al Quwain<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udd52<\/div>\r\n <div class=\"stat-label\">Availability<\/div>\r\n <div class=\"stat-value\">\r\n 24\/7 Commercial Support\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div>\r\n <div class=\"stat-label\">Industries<\/div>\r\n <div class=\"stat-value\">\r\n <div class=\"industry-list\">\r\n <span class=\"ind\">Restaurants<\/span>\r\n <span class=\"ind\">Hotels<\/span>\r\n <span class=\"ind\">Supermarkets<\/span>\r\n <span class=\"ind\">Catering<\/span>\r\n <span class=\"ind\">Pharmaceutical<\/span>\r\n <span class=\"ind\">Food Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2070f45 e-flex e-con-boxed e-con e-parent\" data-id=\"2070f45\" 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-7738b2e elementor-widget elementor-widget-html\" data-id=\"7738b2e\" 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 Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport is a UAE-based commercial transport company providing professional chiller van rental, freezer truck rental, refrigerated truck rental, and cold chain logistics solutions across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/about\/\" \/>\r\n <meta property=\"og:title\" content=\"About Arctic Flow Transport \u2014 Professional Chiller & Freezer Truck Rental UAE\" \/>\r\n <meta property=\"og:description\" content=\"Professional temperature-controlled transport solutions across the UAE. Trusted by restaurants, supermarkets, catering & pharma businesses.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"address\": { \"@type\": \"PostalAddress\", \"addressCountry\": \"AE\" },\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"],\r\n \"openingHours\": \"Mo-Su 00:00-23:59\",\r\n \"priceRange\": \"AED 250+\"\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 ABOUT\r\n ============================================================ *\/\r\n .about-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .about-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT\r\n ============================================================ *\/\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n \/* ============================================================\r\n CONTENT BLOCK\r\n ============================================================ *\/\r\n .about-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n \/* ---- Badge ---- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n \/* ---- Headings ---- *\/\r\n .about-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* ---- Description ---- *\/\r\n .about-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .about-text p {\r\n margin-bottom: 1rem;\r\n }\r\n .about-text p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* ---- Buttons ---- *\/\r\n .actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n SERVICE CARDS\r\n ============================================================ *\/\r\n .service-cards {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .service-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 220px;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .service-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: clamp(1rem, 1.1vw, 1.2rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.2rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: clamp(0.8rem, 0.85vw, 0.9rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .service-card .ideal-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .service-card .ideal-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.25rem 0.4rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.75em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.5rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .service-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .service-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .service-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .service-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n TRUST PANEL\r\n ============================================================ *\/\r\n .trust-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .trust-panel .trust-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .about-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .about-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .about-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .about-grid {\r\n gap: 1.75rem;\r\n }\r\n .about-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-cards {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n }\r\n .service-card {\r\n min-height: 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .about-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .about-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .about-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .about-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .service-cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n margin-top: 1.75rem;\r\n }\r\n\r\n .service-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 160px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.7rem;\r\n padding: 0.3rem 1rem;\r\n }\r\n\r\n .trust-panel {\r\n padding: 1.5rem;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .trust-panel .trust-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .about-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n\r\n .about-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .about-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n white-space: nowrap;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n .service-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 140px;\r\n border-radius: 16px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n\r\n .trust-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .trust-panel .trust-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .about-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n white-space: nowrap;\r\n }\r\n\r\n .service-cards {\r\n gap: 0.6rem;\r\n }\r\n\r\n .service-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .about-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .about-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .about-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-cards {\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .service-card {\r\n padding: 0.6rem 0.6rem;\r\n min-height: 100px;\r\n border-radius: 12px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n\r\n .trust-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: 1rem;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .service-card,\r\n .trust-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"about-section\" aria-labelledby=\"about-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"about-grid\">\r\n\r\n \r\n <div class=\"about-content\">\r\n\r\n \r\n <div class=\"badge\" aria-label=\"About section\">\r\n <span>About Arctic Flow Transport<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 id=\"about-heading\" class=\"about-heading\">\r\n Professional Chiller & Freezer Truck Rental Company in UAE\r\n <\/h1>\r\n\r\n \r\n <div class=\"about-text\">\r\n <p>\r\n Arctic Flow Transport is a UAE-based commercial transport company providing professional chiller van rental, freezer truck rental, refrigerated truck rental, and cold chain logistics solutions across the UAE.\r\n <\/p>\r\n <p>\r\n Our temperature-controlled fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, food distributors, warehouses, and commercial businesses requiring reliable refrigerated transportation.\r\n <\/p>\r\n <p>\r\n Whether you require a one-day rental, scheduled deliveries, emergency transport, or long-term commercial logistics support, our fleet helps maintain product quality through dependable temperature-controlled transport.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"actions\" role=\"group\" aria-label=\"About actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Our Services \u2014 explore our refrigerated fleet\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Our Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now \u2014 message us on WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now \u2014 call our team\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Professional Chiller and Freezer Truck Rental UAE \u2014 Arctic Flow Transport fleet\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/Chiller_truck_vs_freezer_truck_202607080047.jpeg\" type=\"image\/webp\" \/>\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=\"Professional Chiller and Freezer Truck Rental UAE \u2014 Arctic Flow Transport commercial refrigerated fleet\"\r\n title=\"About Arctic Flow Transport\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n \r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\u2744\ufe0f\ud83d\ude9b<\/div>\r\n <div>Commercial Refrigerated Fleet Ready Across UAE<\/div>\r\n <div class=\"label\">about-arctic-flow-transport.webp<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Commercial Refrigerated Fleet Ready Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Refrigerated Trucks<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"service-cards\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chiller Vans<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Fresh Food<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Flowers<\/span>\r\n <span class=\"tag-item\">Beverages<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chiller Trucks<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Explore Fleet <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Trucks<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Service <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M6 14h4\" \/>\r\n <path d=\"M14 14h4\" \/>\r\n <path d=\"M10 18h4\" \/>\r\n <path d=\"M6 18h4\" \/>\r\n <path d=\"M14 18h4\" \/>\r\n <circle cx=\"9\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"15\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Trucks<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Mixed Cold Chain<\/span>\r\n <span class=\"tag-item\">Food Distribution<\/span>\r\n <span class=\"tag-item\">Pharmaceutical<\/span>\r\n <span class=\"tag-item\">Commercial Logistics<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Logistics<\/h3>\r\n <div class=\"temp-range\">Temperature-Controlled Transport<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Services<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Commercial Distribution<\/span>\r\n <span class=\"tag-item\">Warehouse Transfers<\/span>\r\n <span class=\"tag-item\">Medical Logistics<\/span>\r\n <span class=\"tag-item\">Food Supply Chain<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"trust-panel\">\r\n\r\n <h3 class=\"trust-heading\">\r\n Reliable Temperature-Controlled Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"trust-text\">\r\n Arctic Flow Transport provides dependable refrigerated transport solutions for commercial businesses across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah, and Umm Al Quwain. Our professional fleet supports chilled and frozen transportation while helping businesses maintain product quality and uninterrupted cold chain operations.\r\n <\/p>\r\n\r\n <div class=\"trust-actions\" role=\"group\" aria-label=\"Trust actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Our Services\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Our Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-e0bb292 elementor-widget elementor-widget-html\" data-id=\"e0bb292\" 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 Highlights & Pricing Overview \u2014 Arctic Flow Transport<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport offers commercial refrigerated fleet for every business across the UAE. Daily, weekly, monthly rentals. Chiller vans, freezer trucks, custom fleet solutions.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/fleet\/\" \/>\r\n <meta property=\"og:title\" content=\"Fleet Highlights & Pricing Overview \u2014 Arctic Flow Transport\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated fleet for every business. Chiller vans, freezer trucks, custom fleet solutions across the UAE.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Commercial refrigerated fleet for every business across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 FLEET HIGHLIGHTS\r\n ============================================================ *\/\r\n .fleet-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .fleet-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .fleet-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (intro + image)\r\n ============================================================ *\/\r\n .fleet-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .fleet-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n \/* ---- Badge ---- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n \/* ---- Headings ---- *\/\r\n .fleet-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* ---- Description ---- *\/\r\n .fleet-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Buttons ---- *\/\r\n .actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n HIGHLIGHT CARDS (Top Row)\r\n ============================================================ *\/\r\n .highlight-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .highlight-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.35rem;\r\n min-height: 100px;\r\n height: 100%;\r\n }\r\n\r\n .highlight-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .highlight-card .card-icon {\r\n font-size: clamp(1.5rem, 2vw, 2rem);\r\n line-height: 1;\r\n margin-bottom: 0.15rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-card .card-icon svg {\r\n width: clamp(1.8rem, 2.4vw, 2.6rem);\r\n height: clamp(1.8rem, 2.4vw, 2.6rem);\r\n stroke: var(--color-primary);\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .highlight-card .card-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.06em;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .highlight-card .card-value {\r\n font-size: clamp(0.85rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.4;\r\n }\r\n\r\n .highlight-card .card-value .tag {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-size: 0.7em;\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n margin: 0.1rem 0.15rem;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* ============================================================\r\n FLEET VEHICLE CARDS (Center)\r\n ============================================================ *\/\r\n .fleet-vehicle-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .vehicle-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 280px;\r\n position: relative;\r\n }\r\n\r\n .vehicle-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .vehicle-card .card-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .vehicle-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .vehicle-card h3 {\r\n font-size: clamp(1rem, 1.1vw, 1.2rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .vehicle-card .temp-range {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.2rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .vehicle-card .price {\r\n font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n }\r\n\r\n .vehicle-card .price small {\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n color: var(--color-text);\r\n }\r\n\r\n .vehicle-card .ideal-for {\r\n font-size: clamp(0.8rem, 0.85vw, 0.9rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .vehicle-card .ideal-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.25rem 0.4rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.75em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.5rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .vehicle-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .vehicle-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .vehicle-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .vehicle-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Most Popular badge *\/\r\n .badge-popular {\r\n position: absolute;\r\n top: 0.75rem;\r\n right: 0.75rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM INFO PANEL\r\n ============================================================ *\/\r\n .info-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .info-panel .info-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .info-panel .info-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n \/* ============================================================\r\n QUICK FEATURES (6 small cards)\r\n ============================================================ *\/\r\n .quick-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .quick-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.8rem, 1.2vw, 1.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n min-height: 60px;\r\n }\r\n\r\n .quick-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .quick-card .check-icon {\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n\r\n .quick-card .check-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .quick-card .quick-label {\r\n font-size: clamp(0.7rem, 0.8vw, 0.85rem);\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM ACTIONS (optional \u2013 we already have actions in intro)\r\n ============================================================ *\/\r\n .bottom-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .fleet-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .fleet-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .fleet-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .fleet-grid {\r\n gap: 1.75rem;\r\n }\r\n .fleet-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n\r\n .highlight-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .fleet-vehicle-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n }\r\n .quick-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .fleet-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .fleet-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .fleet-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .fleet-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .fleet-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .highlight-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.875rem;\r\n }\r\n .highlight-card {\r\n min-height: 80px;\r\n padding: 1rem 1.1rem;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.55rem;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .vehicle-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 200px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.9rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.7rem;\r\n padding: 0.3rem 1rem;\r\n }\r\n .badge-popular {\r\n font-size: 0.55rem;\r\n padding: 0.15rem 0.6rem;\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n }\r\n\r\n .info-panel {\r\n padding: 1.5rem;\r\n }\r\n .info-panel .info-heading {\r\n font-size: 1.2rem;\r\n }\r\n .info-panel .info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .quick-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .quick-card {\r\n padding: 0.8rem 1rem;\r\n min-height: 50px;\r\n }\r\n .quick-card .check-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .fleet-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .fleet-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n\r\n .fleet-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .fleet-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .highlight-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .highlight-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 70px;\r\n border-radius: 16px;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.5rem;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 180px;\r\n border-radius: 16px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.8rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n .badge-popular {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .info-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .info-panel .info-heading {\r\n font-size: 1.1rem;\r\n }\r\n .info-panel .info-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .quick-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .quick-card {\r\n padding: 0.6rem 0.8rem;\r\n min-height: 44px;\r\n border-radius: 14px;\r\n }\r\n .quick-card .check-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .fleet-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .highlight-grid {\r\n gap: 0.6rem;\r\n }\r\n .highlight-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 60px;\r\n border-radius: 14px;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.45rem;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n gap: 0.6rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 160px;\r\n border-radius: 14px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n\r\n .quick-grid {\r\n gap: 0.5rem;\r\n }\r\n .quick-card {\r\n padding: 0.5rem 0.6rem;\r\n min-height: 38px;\r\n border-radius: 12px;\r\n }\r\n .quick-card .check-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.65rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .fleet-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .fleet-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .fleet-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .highlight-grid {\r\n gap: 0.5rem;\r\n }\r\n .highlight-card {\r\n padding: 0.6rem 0.6rem;\r\n min-height: 50px;\r\n border-radius: 12px;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.4rem;\r\n letter-spacing: 0.03em;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n gap: 0.5rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.6rem 0.6rem;\r\n min-height: 140px;\r\n border-radius: 12px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.55rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n .badge-popular {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n top: 0.4rem;\r\n right: 0.4rem;\r\n }\r\n\r\n .info-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .info-panel .info-heading {\r\n font-size: 1rem;\r\n }\r\n .info-panel .info-text {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .quick-grid {\r\n gap: 0.4rem;\r\n }\r\n .quick-card {\r\n padding: 0.4rem 0.5rem;\r\n min-height: 32px;\r\n border-radius: 10px;\r\n }\r\n .quick-card .check-icon {\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .highlight-card,\r\n .vehicle-card,\r\n .quick-card,\r\n .info-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"fleet-section\" aria-labelledby=\"fleet-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"fleet-grid\">\r\n\r\n \r\n <div class=\"fleet-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Fleet section\">\r\n <span>Commercial Fleet<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"fleet-heading\" class=\"fleet-heading\">\r\n Professional Refrigerated Fleet for Every Business\r\n <\/h1>\r\n\r\n <div class=\"fleet-text\">\r\n <p>\r\n Whether you require chilled transportation, frozen logistics, or complete refrigerated transport solutions, Arctic Flow Transport offers commercial vehicles suitable for businesses of every size. Our fleet supports restaurants, supermarkets, hotels, pharmaceutical suppliers, catering companies, warehouses, food manufacturers and commercial distributors across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"actions\" role=\"group\" aria-label=\"Fleet actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Explore Fleet \u2014 view our full range\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Explore Fleet\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Commercial Refrigerated Fleet UAE \u2014 Arctic Flow Transport professional vehicles\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_refrigerated_box_truck_iso\u2026_202606281556.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_refrigerated_box_truck_iso\u2026_202606281556.jpeg\"\r\n alt=\"Commercial Refrigerated Fleet UAE \u2014 chiller and freezer trucks ready for rent\"\r\n title=\"Professional Chiller & Freezer Fleet\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Commercial Temperature-Controlled Vehicles<\/div>\r\n <div class=\"label\">commercial-refrigerated-fleet-uae.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Commercial Temperature-Controlled Vehicles\r\n <span>Chiller \u00b7 Freezer \u00b7 Custom Fleet<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-grid\">\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Temperature Range<\/div>\r\n <div class=\"card-value\">\r\n <span class=\"tag\">+2\u00b0C<\/span> to <span class=\"tag\">-25\u00b0C<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Fleet Capacity<\/div>\r\n <div class=\"card-value\">\r\n <span class=\"tag\">1 Ton<\/span> \u00b7 <span class=\"tag\">3 Ton<\/span> \u00b7 <span class=\"tag\">5 Ton<\/span> \u00b7 <span class=\"tag\">7 Ton<\/span> \u00b7 <span class=\"tag\">10 Ton<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Availability<\/div>\r\n <div class=\"card-value\">24\/7 Commercial Support<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Coverage<\/div>\r\n <div class=\"card-value\">All Major Emirates of UAE<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-vehicle-grid\">\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1 Ton Chiller Van<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Caf\u00e9s<\/span>\r\n <span class=\"tag-item\">Florists<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <span class=\"tag-item\">Fresh Deliveries<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <span class=\"badge-popular\">Most Popular<\/span>\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Chiller Truck<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"price\">AED 400 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8h12M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"10\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"14\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>5 Ton Chiller Truck<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"price\">AED 650 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Wholesale<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <span class=\"tag-item\">Retail<\/span>\r\n <span class=\"tag-item\">Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Truck<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"price\">AED 1200 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Custom Fleet<\/h3>\r\n <div class=\"temp-range\">Long-Term Rental<\/div>\r\n <div class=\"price\">Monthly Packages<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Services<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Dedicated Fleet<\/span>\r\n <span class=\"tag-item\">Commercial Contracts<\/span>\r\n <span class=\"tag-item\">Custom Pricing<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Request Quote <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"info-panel\">\r\n\r\n <h3 class=\"info-heading\">\r\n Flexible Rental Plans for Every Business\r\n <\/h3>\r\n\r\n <p class=\"info-text\">\r\n We offer daily, weekly, monthly, project-based and long-term refrigerated truck rental solutions. Pricing depends on vehicle size, rental duration, transport distance, temperature requirements and operational scheduling. Contact our logistics team for a customized commercial quotation.\r\n <\/p>\r\n\r\n \r\n <div class=\"quick-grid\">\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Daily Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Weekly Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Monthly Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Commercial Contracts<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Same-Day Dispatch<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Temperature-Controlled Fleet<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-actions\" role=\"group\" aria-label=\"Additional fleet actions\">\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Explore Fleet\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Explore Fleet\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-75f9ddc elementor-widget elementor-widget-html\" data-id=\"75f9ddc\" 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>Our Services \u2014 Arctic Flow Transport | Refrigerated Truck Rental UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional refrigerated truck rental, chiller truck rental, freezer truck rental, and cold chain logistics services across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/services\/\" \/>\r\n <meta property=\"og:title\" content=\"Our Services \u2014 Arctic Flow Transport | Temperature-Controlled Transport Solutions\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated transport services across the UAE. Chiller vans, freezer trucks, cold chain logistics for businesses of every size.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated truck rental, chiller truck rental, freezer truck rental, and cold chain logistics services across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 SERVICES\r\n ============================================================ *\/\r\n .services-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .services-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .services-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (intro + image)\r\n ============================================================ *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .services-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n \/* ---- Badge ---- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n \/* ---- Headings ---- *\/\r\n .services-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* ---- Description ---- *\/\r\n .services-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Buttons ---- *\/\r\n .actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n SERVICE CARDS (8 cards, 4 columns)\r\n ============================================================ *\/\r\n .service-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .service-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 240px;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .service-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.15rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .service-card .suitable-for {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .service-card .suitable-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .service-card .suitable-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.7em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .service-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.35rem 1.1rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .service-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .service-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .service-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM HIGHLIGHT PANEL\r\n ============================================================ *\/\r\n .highlight-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .highlight-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .highlight-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .highlight-panel .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .services-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .services-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .services-grid {\r\n gap: 2rem;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .services-grid {\r\n gap: 1.75rem;\r\n }\r\n .services-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .service-card {\r\n min-height: 200px;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .services-grid {\r\n gap: 1.75rem;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .service-card {\r\n min-height: 190px;\r\n padding: 1.1rem;\r\n }\r\n .service-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .services-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .services-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .services-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .services-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .service-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 180px;\r\n }\r\n .service-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n\r\n .highlight-panel {\r\n padding: 1.5rem;\r\n }\r\n .highlight-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .highlight-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n .highlight-panel .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .services-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .services-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n\r\n .services-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .services-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .service-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 160px;\r\n border-radius: 16px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.6rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n\r\n .highlight-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .highlight-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .highlight-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n .highlight-panel .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .service-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 150px;\r\n border-radius: 14px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.55rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.6rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .services-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .service-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 130px;\r\n border-radius: 12px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.55rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .service-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 120px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.5rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.15rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .services-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .services-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .services-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .service-card {\r\n padding: 0.5rem 0.5rem;\r\n min-height: 110px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.25rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.45rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n\r\n .highlight-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .highlight-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .highlight-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .highlight-panel .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .service-card,\r\n .highlight-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"services-section\" aria-labelledby=\"services-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"services-grid\">\r\n\r\n \r\n <div class=\"services-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Services section\">\r\n <span>Our Professional Services<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"services-heading\" class=\"services-heading\">\r\n Temperature-Controlled Transport Solutions for Every Commercial Requirement\r\n <\/h1>\r\n\r\n <div class=\"services-text\">\r\n <p>\r\n Arctic Flow Transport provides dependable refrigerated transport solutions for businesses requiring chilled, frozen, and temperature-controlled logistics across the UAE. Whether you need daily food distribution, pharmaceutical transport, commercial freezer trucks, or long-term cold chain support, our professional fleet is ready to meet your operational requirements.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"actions\" role=\"group\" aria-label=\"Service actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"View All Services \u2014 explore our complete range\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n View All Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Professional Refrigerated Transport Services UAE \u2014 Arctic Flow Transport commercial fleet\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.07-AM.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.07-AM.jpeg\"\r\n alt=\"Professional Refrigerated Transport Services UAE \u2014 chiller and freezer trucks for rent\"\r\n title=\"Commercial Chiller and Freezer Truck Services\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Complete Refrigerated Transport Solutions Across UAE<\/div>\r\n <div class=\"label\">temperature-controlled-services-uae.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Complete Refrigerated Transport Solutions Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card-grid\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Truck Rental UAE<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Mixed Cold Chain Transport<\/span>\r\n <span class=\"tag-item\">Food Distribution<\/span>\r\n <span class=\"tag-item\">Commercial Logistics<\/span>\r\n <span class=\"tag-item\">Pharmaceutical Transport<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chiller Truck Rental Abu Dhabi<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Fresh Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Truck Rental UAE<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Cold Storage<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M6 14h4\" \/>\r\n <path d=\"M14 14h4\" \/>\r\n <path d=\"M10 18h4\" \/>\r\n <path d=\"M6 18h4\" \/>\r\n <path d=\"M14 18h4\" \/>\r\n <circle cx=\"9\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"15\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Truck Rental Dubai<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Commercial Deliveries<\/span>\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-dubai\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1 Ton Chiller Van Rental<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Small Deliveries<\/span>\r\n <span class=\"tag-item\">Caf\u00e9s<\/span>\r\n <span class=\"tag-item\">Florists<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8h12M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"10\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"14\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Chiller Truck<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <span class=\"tag-item\">Medium Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <path d=\"M6 8h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Freezer Truck<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Distribution<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <span class=\"tag-item\">Supermarkets<\/span>\r\n <span class=\"tag-item\">Bulk Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Transport UAE<\/h3>\r\n <div class=\"temp-range\">Controlled Logistics<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Food Industry<\/span>\r\n <span class=\"tag-item\">Pharmaceutical<\/span>\r\n <span class=\"tag-item\">Medical<\/span>\r\n <span class=\"tag-item\">Commercial Supply Chain<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Explore Service <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Professional Cold Chain Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our refrigerated fleet supports commercial businesses requiring reliable temperature-controlled transportation throughout Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah, and Umm Al Quwain. Every transport solution is designed to help maintain product quality, improve operational efficiency, and support uninterrupted cold chain logistics.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Bottom service actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"View All Services\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n View All Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-05d42f3 elementor-widget elementor-widget-html\" data-id=\"05d42f3\" 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 \u2014 Refrigerated Truck Rental UAE<\/title>\r\n <meta name=\"description\" content=\"Businesses across the UAE rely on Arctic Flow Transport for dependable refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics solutions.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/why-choose-us\/\" \/>\r\n <meta property=\"og:title\" content=\"Why Choose Arctic Flow Transport \u2014 Trusted Refrigerated Transport Partner\" \/>\r\n <meta property=\"og:description\" content=\"Reliable refrigerated truck rental, freezer truck rental, and cold chain logistics services across the UAE.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics solutions across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 WHY CHOOSE US\r\n ============================================================ *\/\r\n .why-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .why-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .why-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .why-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .why-text p {\r\n margin-bottom: 1rem;\r\n }\r\n .why-text p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* ============================================================\r\n FEATURE CARDS \u2014 8 cards, 4 columns\r\n ============================================================ *\/\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .feature-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 180px;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .feature-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .feature-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-card .card-desc {\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n }\r\n\r\n .feature-card .card-desc .temp-highlight {\r\n font-weight: 600;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n padding: 0.05rem 0.35rem;\r\n border-radius: 3px;\r\n }\r\n\r\n .feature-card .card-desc .plan-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.5rem;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.5rem;\r\n border-radius: 4px;\r\n font-size: 0.8em;\r\n }\r\n\r\n \/* ============================================================\r\n TRUST METRICS ROW\r\n ============================================================ *\/\r\n .metrics-row {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .metric-item {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.8rem, 1.2vw, 1.25rem);\r\n border: 1px solid var(--color-border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow-soft);\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 .metric-item:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .metric-item .metric-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n color: var(--color-primary);\r\n flex-shrink: 0;\r\n }\r\n\r\n .metric-item .metric-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .metric-item .metric-label {\r\n font-size: clamp(0.55rem, 0.65vw, 0.7rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: var(--color-primary);\r\n }\r\n\r\n .metric-item .metric-value {\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n .metric-item .metric-value .sep {\r\n color: var(--color-border);\r\n margin: 0 0.15rem;\r\n }\r\n\r\n \/* ============================================================\r\n COMMITMENT PANEL (split layout)\r\n ============================================================ *\/\r\n .commitment-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .commitment-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .commitment-content .commitment-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .commitment-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .why-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .why-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n .commitment-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .why-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .feature-card {\r\n min-height: 160px;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.875rem;\r\n }\r\n\r\n .commitment-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .commitment-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .feature-card {\r\n min-height: 150px;\r\n padding: 1.1rem;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.5rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .commitment-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .why-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .intro-block {\r\n max-width: 100%;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .why-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .feature-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 140px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.75rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.7rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .metric-item {\r\n padding: 0.7rem 0.8rem;\r\n border-radius: 16px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.5rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .commitment-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .commitment-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .commitment-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .why-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .why-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .feature-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.7rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.6rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .feature-card .card-desc .temp-highlight {\r\n font-size: 0.85em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .metric-item {\r\n padding: 0.6rem 0.7rem;\r\n border-radius: 14px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.45rem;\r\n letter-spacing: 0.04em;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .commitment-grid {\r\n gap: 1.5rem;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: 1.2rem;\r\n }\r\n .commitment-content .commitment-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .commitment-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .feature-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.65rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.55rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.5rem;\r\n }\r\n .metric-item {\r\n padding: 0.5rem 0.5rem;\r\n border-radius: 12px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.4rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .why-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .feature-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 110px;\r\n border-radius: 12px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.6rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.5rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .feature-card .card-desc .temp-highlight {\r\n font-size: 0.85em;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.4rem;\r\n }\r\n .metric-item {\r\n padding: 0.4rem 0.4rem;\r\n border-radius: 10px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.35rem;\r\n letter-spacing: 0.03em;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.55rem;\r\n }\r\n .metric-item .metric-value .sep {\r\n margin: 0 0.1rem;\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: 1.1rem;\r\n }\r\n .commitment-content .commitment-text {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .metrics-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .feature-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 100px;\r\n border-radius: 10px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.55rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.45rem;\r\n padding: 0.02rem 0.2rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.4rem;\r\n }\r\n .metric-item {\r\n padding: 0.35rem 0.35rem;\r\n border-radius: 10px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.35rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .why-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .why-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .feature-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.5rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.4rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .feature-card .card-desc .temp-highlight {\r\n font-size: 0.85em;\r\n padding: 0.02rem 0.2rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.35rem;\r\n }\r\n .metric-item {\r\n padding: 0.3rem 0.3rem;\r\n border-radius: 8px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.3rem;\r\n letter-spacing: 0.02em;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: 1rem;\r\n }\r\n .commitment-content .commitment-text {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .feature-card,\r\n .metric-item {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"why-section\" aria-labelledby=\"why-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Why choose us section\">\r\n <span>Why Choose Us<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"why-heading\" class=\"why-heading\">\r\n Trusted Refrigerated Transport Partner for Commercial Businesses Across the UAE\r\n <\/h1>\r\n\r\n <div class=\"why-text\">\r\n <p>\r\n Businesses across the UAE rely on Arctic Flow Transport for dependable refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics solutions. Our temperature-controlled fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, warehouses, and commercial distributors requiring reliable transport for temperature-sensitive products.\r\n <\/p>\r\n <p>\r\n We focus on dependable fleet availability, professional logistics coordination, flexible rental plans, and reliable temperature-controlled transportation designed to support uninterrupted commercial operations.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-grid\">\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 22v-2\" \/>\r\n <path d=\"M6 6l1.5 1.5\" \/>\r\n <path d=\"M18 6l-1.5 1.5\" \/>\r\n <path d=\"M6 18l1.5-1.5\" \/>\r\n <path d=\"M18 18l-1.5-1.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>24\/7 Commercial Support<\/h3>\r\n <div class=\"card-desc\">\r\n Professional logistics support for scheduled and emergency transport requirements.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <path d=\"M12 18v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Temperature-Controlled Fleet<\/h3>\r\n <div class=\"card-desc\">\r\n Vehicles operating between\r\n <span class=\"temp-highlight\">+2\u00b0C to +8\u00b0C<\/span>\r\n and\r\n <span class=\"temp-highlight\">-18\u00b0C to -25\u00b0C<\/span>\r\n depending on service requirements.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1\u201310 Ton Fleet<\/h3>\r\n <div class=\"card-desc\">\r\n Multiple vehicle sizes suitable for small deliveries and large commercial distribution.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <path d=\"M12 11v4\" \/>\r\n <path d=\"M9 14l3 3 3-3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Professional Drivers<\/h3>\r\n <div class=\"card-desc\">\r\n Experienced commercial drivers handling temperature-sensitive logistics.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Fast Dispatch<\/h3>\r\n <div class=\"card-desc\">\r\n Same-day dispatch subject to operational scheduling and fleet availability.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\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 <h3>Flexible Rental Plans<\/h3>\r\n <div class=\"card-desc\">\r\n <div class=\"plan-list\">\r\n <span class=\"plan-item\">Daily<\/span>\r\n <span class=\"plan-item\">Weekly<\/span>\r\n <span class=\"plan-item\">Monthly<\/span>\r\n <span class=\"plan-item\">Long-Term Contracts<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Logistics<\/h3>\r\n <div class=\"card-desc\">\r\n Professional refrigerated transport supporting food safety and product quality.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <path d=\"M2 12h4\" \/>\r\n <path d=\"M18 12h4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>UAE Service Coverage<\/h3>\r\n <div class=\"card-desc\">\r\n Supporting businesses across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah and Umm Al Quwain.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"metrics-row\">\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Temperature<\/span>\r\n <span class=\"metric-value\">+2\u00b0C to -25\u00b0C<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Fleet<\/span>\r\n <span class=\"metric-value\">1 Ton \u2013 10 Ton<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Availability<\/span>\r\n <span class=\"metric-value\">24\/7<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Coverage<\/span>\r\n <span class=\"metric-value\">All Major Emirates<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Booking<\/span>\r\n <span class=\"metric-value\">WhatsApp & Phone<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"commitment-grid\">\r\n\r\n \r\n <div class=\"commitment-content\">\r\n\r\n <h3 class=\"commitment-heading\">\r\n Committed to Reliable Cold Chain Logistics\r\n <\/h3>\r\n\r\n <p class=\"commitment-text\">\r\n Arctic Flow Transport is committed to helping businesses maintain uninterrupted refrigerated logistics through dependable commercial transport solutions. From chilled food distribution and frozen product transportation to pharmaceutical deliveries and hospitality supply chains, our fleet supports temperature-controlled operations designed to protect product quality and improve delivery reliability across the UAE.\r\n <\/p>\r\n\r\n <div class=\"commitment-actions\" role=\"group\" aria-label=\"Commitment actions\">\r\n\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Get Free Quote \u2014 request a customized quotation\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4.93 4.93l2.83 2.83\" \/>\r\n <path d=\"M16.24 16.24l2.83 2.83\" \/>\r\n <path d=\"M2 12h4\" \/>\r\n <path d=\"M18 12h4\" \/>\r\n <path d=\"M4.93 19.07l2.83-2.83\" \/>\r\n <path d=\"M16.24 7.76l2.83-2.83\" \/>\r\n <\/svg>\r\n <\/span>\r\n Get Free Quote\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Commercial Refrigerated Fleet UAE \u2014 Arctic Flow Transport temperature-controlled vehicles\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_chiller_van_driving_desert\u2026_202606290152.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_chiller_van_driving_desert\u2026_202606290152.jpeg\"\r\n alt=\"Commercial Refrigerated Fleet UAE \u2014 reliable temperature-controlled transport services\"\r\n title=\"Why Choose Arctic Flow Transport\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Reliable Temperature-Controlled Transport Across UAE<\/div>\r\n <div class=\"label\">why-businesses-choose-arctic-flow.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Reliable Temperature-Controlled Transport Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-829204c elementor-widget elementor-widget-html\" data-id=\"829204c\" 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 Serve \u2014 Arctic Flow Transport | Refrigerated Logistics UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional refrigerated logistics solutions for restaurants, hotels, supermarkets, pharmaceutical, dairy, and food distribution industries across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/industries\/\" \/>\r\n <meta property=\"og:title\" content=\"Industries We Serve \u2014 Arctic Flow Transport | Commercial Refrigerated Logistics\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated transport solutions for restaurants, hotels, supermarkets, pharmaceutical, dairy, and food distribution industries across the UAE.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated logistics solutions for restaurants, hotels, supermarkets, pharmaceutical, dairy, and food distribution industries across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 INDUSTRIES\r\n ============================================================ *\/\r\n .industries-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .industries-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .industries-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .industry-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ============================================================\r\n INDUSTRY CARDS \u2014 10 cards, 5 columns\r\n ============================================================ *\/\r\n .industry-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .industry-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 200px;\r\n }\r\n\r\n .industry-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .industry-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .industry-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .industry-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .industry-card .card-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .industry-card .card-tags .tag-item {\r\n font-size: clamp(0.6rem, 0.65vw, 0.7rem);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .industry-card .rec-service {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.15rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .industry-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.3rem 1rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .industry-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .industry-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .industry-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n COMPARISON TABLE\r\n ============================================================ *\/\r\n .table-wrapper {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n overflow: hidden;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .table-wrapper table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n min-width: 600px;\r\n }\r\n\r\n .table-wrapper thead {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n }\r\n\r\n .table-wrapper thead th {\r\n padding: clamp(0.8rem, 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.7rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n .table-wrapper tbody tr {\r\n border-bottom: 1px solid var(--color-border);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .table-wrapper tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .table-wrapper tbody tr:hover {\r\n background: rgba(41, 151, 170, 0.04);\r\n }\r\n\r\n .table-wrapper tbody td {\r\n padding: clamp(0.7rem, 1vw, 1.1rem) clamp(1rem, 1.5vw, 1.75rem);\r\n color: var(--color-text);\r\n font-weight: 400;\r\n }\r\n\r\n .table-wrapper tbody td:first-child {\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n }\r\n\r\n .table-wrapper tbody td .temp-badge {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n font-size: 0.85em;\r\n }\r\n\r\n .table-wrapper tbody td .vehicle-tag {\r\n display: inline-block;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n font-weight: 500;\r\n padding: 0.05rem 0.6rem;\r\n border-radius: 4px;\r\n font-size: 0.85em;\r\n color: var(--color-heading);\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL (split with image)\r\n ============================================================ *\/\r\n .bottom-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .bottom-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-content .bottom-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .bottom-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .industry-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .industry-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1rem;\r\n }\r\n .bottom-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .industry-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .industry-card {\r\n min-height: 170px;\r\n }\r\n\r\n .bottom-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .industry-card {\r\n min-height: 150px;\r\n padding: 1.1rem;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.6rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.65rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n\r\n .bottom-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .industries-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .intro-block {\r\n max-width: 100%;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .industry-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .industry-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 140px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.6rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n\r\n .bottom-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .bottom-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .bottom-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.8rem;\r\n min-width: 500px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.7rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.6rem 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .industries-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .industry-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .industry-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.55rem;\r\n padding: 0.08rem 0.4rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n\r\n .bottom-grid {\r\n gap: 1.5rem;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-content .bottom-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .bottom-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.7rem;\r\n min-width: 420px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.5rem 0.8rem;\r\n font-size: 0.6rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.5rem 0.8rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .table-wrapper tbody td .vehicle-tag {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .industry-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.5rem;\r\n padding: 0.08rem 0.35rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.65rem;\r\n min-width: 360px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.4rem 0.6rem;\r\n font-size: 0.55rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.4rem 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .industry-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .industry-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 110px;\r\n border-radius: 12px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.12rem 0.4rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.55rem;\r\n min-width: 300px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.35rem 0.5rem;\r\n font-size: 0.5rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.35rem 0.5rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .table-wrapper tbody td .vehicle-tag {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-content .bottom-text {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .industry-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 100px;\r\n border-radius: 10px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.38rem;\r\n padding: 0.02rem 0.18rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.4rem;\r\n padding: 0.05rem 0.25rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.4rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .industries-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .industry-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .industry-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.35rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.38rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.38rem;\r\n padding: 0.08rem 0.3rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.5rem;\r\n min-width: 260px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.3rem 0.4rem;\r\n font-size: 0.45rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.3rem 0.4rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .table-wrapper tbody td .vehicle-tag {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-content .bottom-text {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .industry-card,\r\n .table-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"industries-section\" aria-labelledby=\"industry-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Industries section\">\r\n <span>Industries We Serve<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"industry-heading\" class=\"industry-heading\">\r\n Professional Refrigerated Transport Solutions for Every Commercial Industry\r\n <\/h1>\r\n\r\n <div class=\"industry-text\">\r\n <p>\r\n Arctic Flow Transport provides dependable refrigerated logistics solutions for businesses requiring temperature-controlled transportation across the UAE. Our commercial fleet supports industries handling chilled, frozen, and temperature-sensitive products while helping maintain product quality and reliable cold chain operations.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card-grid\">\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M3 3v18\" \/>\r\n <path d=\"M7 3v18\" \/>\r\n <path d=\"M11 21v-8a2 2 0 002-2V5a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M17 21v-8\" \/>\r\n <path d=\"M21 21v-8a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M15 3v4\" \/>\r\n <path d=\"M19 3v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Restaurants<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Fresh Ingredients<\/span>\r\n <span class=\"tag-item\">Daily Inventory<\/span>\r\n <span class=\"tag-item\">Prepared Meals<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Chiller Truck Rental<\/span>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M3 3v18\" \/>\r\n <path d=\"M7 3v18\" \/>\r\n <path d=\"M11 21v-8a2 2 0 002-2V5a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M17 21v-8\" \/>\r\n <path d=\"M21 21v-8a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M15 3v4\" \/>\r\n <path d=\"M19 3v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Hotels<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Food Supply<\/span>\r\n <span class=\"tag-item\">Banquet Logistics<\/span>\r\n <span class=\"tag-item\">Kitchen Inventory<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Chiller Truck Rental<\/span>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" \/>\r\n <path d=\"M3 6h18\" \/>\r\n <path d=\"M8 10h8\" \/>\r\n <path d=\"M8 14h6\" \/>\r\n <path d=\"M8 18h4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Supermarkets<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Retail Distribution<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Freezer Truck Rental<\/span>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Service <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Food Distributors<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Mixed Food Products<\/span>\r\n <span class=\"tag-item\">Commercial Deliveries<\/span>\r\n <span class=\"tag-item\">Warehouse Supply<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Refrigerated Truck<\/span>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Catering Companies<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Corporate Events<\/span>\r\n <span class=\"tag-item\">Wedding Catering<\/span>\r\n <span class=\"tag-item\">Outdoor Catering<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: 3 Ton Chiller Truck<\/span>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Fleet <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Pharmaceutical Companies<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Medical Supplies<\/span>\r\n <span class=\"tag-item\">Temperature-Sensitive Products<\/span>\r\n <span class=\"tag-item\">Healthcare Logistics<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Cold Chain Transport<\/span>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8\" \/>\r\n <path d=\"M6 8L4 4h16l-2 4\" \/>\r\n <path d=\"M10 12h4\" \/>\r\n <path d=\"M10 16h4\" \/>\r\n <path d=\"M12 4V2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Dairy Companies<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Milk<\/span>\r\n <span class=\"tag-item\">Cheese<\/span>\r\n <span class=\"tag-item\">Yogurt<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Chiller Van Rental<\/span>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16\" \/>\r\n <path d=\"M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8\" \/>\r\n <path d=\"M9 8V4h6v4\" \/>\r\n <path d=\"M12 12v6\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Beverage Suppliers<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Soft Drinks<\/span>\r\n <span class=\"tag-item\">Juices<\/span>\r\n <span class=\"tag-item\">Water<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Refrigerated Truck<\/span>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Storage Facilities<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Frozen Inventory<\/span>\r\n <span class=\"tag-item\">Warehouse Transfers<\/span>\r\n <span class=\"tag-item\">Bulk Distribution<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: 3 Ton Freezer Truck<\/span>\r\n <a href=\"\/3-ton-freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Commercial Logistics<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Temperature-Controlled Distribution<\/span>\r\n <span class=\"tag-item\">Supply Chain<\/span>\r\n <span class=\"tag-item\">Warehouse Transport<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Cold Chain Transport<\/span>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"table-wrapper\" role=\"table\" aria-label=\"Industry comparison table\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Industry<\/th>\r\n <th>Recommended Vehicle<\/th>\r\n <th>Temperature<\/th>\r\n <th>Common Products<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Restaurants<\/td>\r\n <td><span class=\"vehicle-tag\">Chiller Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Fresh Food<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Hotels<\/td>\r\n <td><span class=\"vehicle-tag\">Chiller Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Kitchen Inventory<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Supermarkets<\/td>\r\n <td><span class=\"vehicle-tag\">Freezer Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">-18\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Frozen Food<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Food Distribution<\/td>\r\n <td><span class=\"vehicle-tag\">Refrigerated Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Mixed Products<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Catering<\/td>\r\n <td><span class=\"vehicle-tag\">3 Ton Chiller Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Prepared Meals<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pharmaceutical<\/td>\r\n <td><span class=\"vehicle-tag\">Cold Chain Vehicle<\/span><\/td>\r\n <td><span class=\"temp-badge\">Product Specific<\/span><\/td>\r\n <td>Medical Supplies<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dairy<\/td>\r\n <td><span class=\"vehicle-tag\">Chiller Van<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Milk & Dairy<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Beverages<\/td>\r\n <td><span class=\"vehicle-tag\">Refrigerated Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Cold Drinks<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cold Storage<\/td>\r\n <td><span class=\"vehicle-tag\">Freezer Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">-18\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Frozen Inventory<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-grid\">\r\n\r\n \r\n <div class=\"bottom-content\">\r\n\r\n <h3 class=\"bottom-heading\">\r\n Commercial Refrigerated Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"bottom-text\">\r\n From restaurants and hotels to pharmaceutical suppliers, supermarkets, dairy companies and commercial distributors, Arctic Flow Transport provides dependable refrigerated transport solutions designed to maintain product quality, improve delivery reliability and support uninterrupted cold chain logistics across the UAE.\r\n <\/p>\r\n\r\n <div class=\"bottom-actions\" role=\"group\" aria-label=\"Industry actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Explore Industries \u2014 view all services\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Explore Industries\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Industries Using Refrigerated Transport UAE \u2014 Arctic Flow Transport commercial fleet\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_4ec4c8ae111a76ba963430aaaac8f996eg.png\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_4ec4c8ae111a76ba963430aaaac8f996eg.png\"\r\n alt=\"Industries Using Refrigerated Transport UAE \u2014 commercial chiller and freezer trucks\"\r\n title=\"Commercial Refrigerated Transport Industries\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83c\udfed\u2744\ufe0f<\/div>\r\n <div>Temperature-Controlled Logistics for Every Industry<\/div>\r\n <div class=\"label\">industries-we-serve-uae.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Temperature-Controlled Logistics for Every Industry\r\n <span>Restaurants \u00b7 Hotels \u00b7 Supermarkets \u00b7 Pharmaceutical \u00b7 Dairy \u00b7 Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-ac16a9b elementor-widget elementor-widget-html\" data-id=\"ac16a9b\" 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>UAE Service Coverage \u2014 Arctic Flow Transport | Refrigerated Transport Across UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional refrigerated truck rental services across all major Emirates of the UAE including Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah, and Umm Al Quwain.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/coverage\/\" \/>\r\n <meta property=\"og:title\" content=\"UAE Service Coverage \u2014 Arctic Flow Transport | Refrigerated Transport Across UAE\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated transport services across all major Emirates of the UAE. Chiller trucks, freezer trucks, and cold chain logistics.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated truck rental services across all major Emirates of the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 UAE SERVICE COVERAGE\r\n ============================================================ *\/\r\n .coverage-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .coverage-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .coverage-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .coverage-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (Map + Location Cards)\r\n ============================================================ *\/\r\n .coverage-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: stretch;\r\n }\r\n\r\n \/* ---- Map \/ Image Wrapper ---- *\/\r\n .map-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n min-height: 300px;\r\n height: 100%;\r\n }\r\n\r\n .map-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .map-wrapper picture,\r\n .map-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .map-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .map-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .map-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .map-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .map-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .map-placeholder .icon-big {\r\n font-size: 3.5rem;\r\n opacity: 0.6;\r\n }\r\n .map-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ---- Location Cards (right side) ---- *\/\r\n .location-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .location-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1rem, 1.5vw, 1.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.3rem;\r\n height: 100%;\r\n min-height: 120px;\r\n }\r\n\r\n .location-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .location-card .card-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 0.5rem;\r\n }\r\n\r\n .location-card .card-header h4 {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .location-card .status-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\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: #0a8a5a;\r\n background: rgba(10, 138, 90, 0.1);\r\n padding: 0.15rem 0.5rem;\r\n border-radius: 20px;\r\n border: 1px solid rgba(10, 138, 90, 0.15);\r\n }\r\n\r\n .location-card .status-badge .dot {\r\n display: inline-block;\r\n width: 0.4rem;\r\n height: 0.4rem;\r\n border-radius: 50%;\r\n background: #0a8a5a;\r\n flex-shrink: 0;\r\n }\r\n\r\n .location-card .services-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .location-card .services-tags .tag-item {\r\n font-size: clamp(0.55rem, 0.6vw, 0.65rem);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .location-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.25rem 0.9rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.6rem, 0.65vw, 0.7rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .location-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .location-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .location-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n COVERAGE FEATURES\r\n ============================================================ *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .feature-item {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.8rem, 1.2vw, 1.25rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n min-height: 50px;\r\n }\r\n\r\n .feature-item:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .feature-item .fi-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n }\r\n\r\n .feature-item .fi-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .feature-item .fi-label {\r\n font-size: clamp(0.65rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .coverage-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .map-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .coverage-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .coverage-grid {\r\n gap: 2rem;\r\n }\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .coverage-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coverage-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 240px;\r\n width: 100%;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .location-card {\r\n min-height: 110px;\r\n padding: 1rem 1.1rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .location-card {\r\n min-height: 100px;\r\n padding: 0.9rem 1rem;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.85rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .feature-item {\r\n padding: 0.7rem 0.9rem;\r\n min-height: 44px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .coverage-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .intro-block {\r\n max-width: 100%;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coverage-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .coverage-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 200px;\r\n }\r\n .map-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .location-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 100px;\r\n border-radius: 16px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.8rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.4rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.3rem;\r\n height: 0.3rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .feature-item {\r\n padding: 0.6rem 0.8rem;\r\n min-height: 40px;\r\n border-radius: 16px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .coverage-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .coverage-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .coverage-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n min-height: 180px;\r\n }\r\n .map-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .location-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 90px;\r\n border-radius: 14px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.75rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.35rem;\r\n padding: 0.08rem 0.3rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.25rem;\r\n height: 0.25rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .feature-item {\r\n padding: 0.5rem 0.7rem;\r\n min-height: 36px;\r\n border-radius: 14px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .location-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 80px;\r\n border-radius: 12px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.7rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.12rem 0.4rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.3rem;\r\n padding: 0.06rem 0.25rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.2rem;\r\n height: 0.2rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .feature-item {\r\n padding: 0.4rem 0.6rem;\r\n min-height: 32px;\r\n border-radius: 12px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.55rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .coverage-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .location-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 70px;\r\n border-radius: 10px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.65rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.35rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.4rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.3rem;\r\n padding: 0.05rem 0.2rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.2rem;\r\n height: 0.2rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .feature-item {\r\n padding: 0.35rem 0.5rem;\r\n min-height: 28px;\r\n border-radius: 10px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .location-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 65px;\r\n border-radius: 10px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.6rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.3rem;\r\n padding: 0.02rem 0.12rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.35rem;\r\n padding: 0.08rem 0.3rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.25rem;\r\n padding: 0.05rem 0.15rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.15rem;\r\n height: 0.15rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .feature-item {\r\n padding: 0.3rem 0.4rem;\r\n min-height: 24px;\r\n border-radius: 8px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.45rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .coverage-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .coverage-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n min-height: 150px;\r\n }\r\n .map-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .location-card {\r\n padding: 0.35rem 0.4rem;\r\n min-height: 60px;\r\n border-radius: 8px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.55rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.3rem;\r\n padding: 0.02rem 0.1rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.35rem;\r\n padding: 0.08rem 0.25rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.25rem;\r\n padding: 0.04rem 0.12rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.15rem;\r\n height: 0.15rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.25rem;\r\n }\r\n .feature-item {\r\n padding: 0.25rem 0.35rem;\r\n min-height: 22px;\r\n border-radius: 8px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.65rem;\r\n height: 0.65rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.4rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .map-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .location-card,\r\n .feature-item,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"coverage-section\" aria-labelledby=\"coverage-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Coverage section\">\r\n <span>UAE Coverage<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"coverage-heading\" class=\"coverage-heading\">\r\n Professional Refrigerated Transport Across the United Arab Emirates\r\n <\/h1>\r\n\r\n <div class=\"coverage-text\">\r\n <p>\r\n Arctic Flow Transport provides professional refrigerated truck rental services across all major Emirates of the UAE. Whether your business requires chilled transportation, freezer truck rental, or commercial cold chain logistics, our fleet supports temperature-controlled deliveries for restaurants, hotels, supermarkets, pharmaceutical suppliers, food distributors, and commercial businesses throughout the country.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"coverage-grid\">\r\n\r\n \r\n <div class=\"map-wrapper\" role=\"img\" aria-label=\"Arctic Flow Transport Service Coverage Across UAE\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-22-2026-03_53_11-PM.png\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-22-2026-03_53_11-PM.png\"\r\n alt=\"Arctic Flow Transport Service Coverage Across UAE \u2014 refrigerated transport services in all Emirates\"\r\n title=\"Refrigerated Transport Across UAE\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"map-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83c\udde6\ud83c\uddea\u2744\ufe0f<\/div>\r\n <div>Commercial Temperature-Controlled Fleet Covering All Emirates<\/div>\r\n <div class=\"label\">uae-service-coverage-map.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"map-caption\" aria-hidden=\"true\">\r\n Commercial Temperature-Controlled Fleet Covering All Emirates\r\n <span>Abu Dhabi \u00b7 Dubai \u00b7 Sharjah \u00b7 Ajman \u00b7 Al Ain \u00b7 Ras Al Khaimah \u00b7 Fujairah \u00b7 Umm Al Quwain<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"location-grid\">\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Abu Dhabi<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Chiller Trucks<\/span>\r\n <span class=\"tag-item\">Freezer Trucks<\/span>\r\n <span class=\"tag-item\">Cold Chain Logistics<\/span>\r\n <\/div>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Dubai<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Refrigerated Trucks<\/span>\r\n <span class=\"tag-item\">Commercial Distribution<\/span>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-dubai\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Sharjah<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Refrigerated Truck Rental<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Ajman<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Commercial Refrigerated Transport<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Al Ain<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Chiller & Freezer Fleet<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Ras Al Khaimah<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Frozen Logistics<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Fujairah<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Commercial Cold Chain<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Umm Al Quwain<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Temperature-Controlled Transport<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"features-grid\">\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 22v-2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">24\/7 Commercial Support<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Temperature-Controlled Fleet<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <path d=\"M12 11v4\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Professional Drivers<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Fast Dispatch<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Daily Commercial Deliveries<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\r\n <path d=\"M8 14h.01\" \/>\r\n <path d=\"M12 14h.01\" \/>\r\n <path d=\"M16 14h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Long-Term Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Emergency Transport<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Serving Commercial Businesses Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our refrigerated fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, food manufacturers, warehouses, and commercial distributors throughout the UAE. Arctic Flow Transport delivers dependable temperature-controlled transportation designed to maintain product quality and improve supply chain efficiency.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Coverage actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"View Service Areas \u2014 explore our coverage\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <path d=\"M2 12h4\" \/>\r\n <path d=\"M18 12h4\" \/>\r\n <\/svg>\r\n <\/span>\r\n View Service Areas\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-6a50048 elementor-widget elementor-widget-html\" data-id=\"6a50048\" 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 Refrigerated Vehicle \u2014 Arctic Flow Transport | Fleet Guide UAE<\/title>\r\n <meta name=\"description\" content=\"Choose the right refrigerated vehicle for your business. Arctic Flow Transport offers 1-7 ton chiller vans, freezer trucks, and refrigerated trucks across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/fleet-guide\/\" \/>\r\n <meta property=\"og:title\" content=\"Choose the Right Refrigerated Vehicle \u2014 Arctic Flow Transport | Fleet Guide\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated fleet guide. Choose the right chiller van, freezer truck, or refrigerated truck for your business needs.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Choose the right refrigerated vehicle for your business. Fleet guide for chiller vans, freezer trucks, and refrigerated trucks.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 FLEET GUIDE\r\n ============================================================ *\/\r\n .fleetguide-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .fleetguide-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .fleetguide-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK (split with image)\r\n ============================================================ *\/\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .intro-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Image Wrapper ---- *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n FLEET VEHICLE CARDS \u2014 6 cards, 3 columns\r\n ============================================================ *\/\r\n .vehicle-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .vehicle-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 260px;\r\n position: relative;\r\n }\r\n\r\n .vehicle-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .vehicle-card .badge-popular {\r\n position: absolute;\r\n top: 0.75rem;\r\n right: 0.75rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n padding: 0.15rem 0.7rem;\r\n border-radius: 20px;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .vehicle-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .vehicle-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .vehicle-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .vehicle-card .temp-range {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.12rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .vehicle-card .price {\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .vehicle-card .price small {\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n color: var(--color-text);\r\n }\r\n\r\n .vehicle-card .ideal-for {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .vehicle-card .ideal-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.7em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.04rem 0.4rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .vehicle-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.3rem 1rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .vehicle-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .vehicle-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .vehicle-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n COMPARISON TABLE\r\n ============================================================ *\/\r\n .table-wrapper {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n overflow: hidden;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .table-wrapper table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n min-width: 500px;\r\n }\r\n\r\n .table-wrapper thead {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n }\r\n\r\n .table-wrapper thead th {\r\n padding: clamp(0.8rem, 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.7rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n .table-wrapper tbody tr {\r\n border-bottom: 1px solid var(--color-border);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .table-wrapper tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .table-wrapper tbody tr:hover {\r\n background: rgba(41, 151, 170, 0.04);\r\n }\r\n\r\n .table-wrapper tbody td {\r\n padding: clamp(0.7rem, 1vw, 1.1rem) clamp(1rem, 1.5vw, 1.75rem);\r\n color: var(--color-text);\r\n font-weight: 400;\r\n }\r\n\r\n .table-wrapper tbody td:first-child {\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n }\r\n\r\n .table-wrapper tbody td .temp-badge {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n font-size: 0.85em;\r\n }\r\n\r\n .table-wrapper tbody td .avail-badge {\r\n display: inline-block;\r\n background: rgba(10, 138, 90, 0.1);\r\n color: #0a8a5a;\r\n font-weight: 500;\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 4px;\r\n font-size: 0.8em;\r\n border: 1px solid rgba(10, 138, 90, 0.15);\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .fleetguide-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .fleetguide-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .intro-grid {\r\n gap: 2rem;\r\n }\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .fleetguide-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n width: 100%;\r\n order: 0;\r\n }\r\n .intro-content {\r\n order: 1;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .vehicle-card {\r\n min-height: 220px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .vehicle-card {\r\n min-height: 210px;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .vehicle-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 190px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.85rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.5rem;\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .fleetguide-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n }\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .vehicle-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 180px;\r\n border-radius: 16px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.6rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.8rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.8rem;\r\n min-width: 420px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.7rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.6rem 1rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .fleetguide-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 160px;\r\n border-radius: 16px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.55rem;\r\n padding: 0.08rem 0.4rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.15rem 0.6rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.45rem;\r\n padding: 0.08rem 0.4rem;\r\n top: 0.4rem;\r\n right: 0.4rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.7rem;\r\n min-width: 360px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.5rem 0.8rem;\r\n font-size: 0.6rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.5rem 0.8rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .table-wrapper tbody td .avail-badge {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 150px;\r\n border-radius: 14px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.5rem;\r\n padding: 0.06rem 0.35rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.55rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.12rem 0.5rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.4rem;\r\n padding: 0.06rem 0.35rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.6rem;\r\n min-width: 300px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.4rem 0.6rem;\r\n font-size: 0.55rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.4rem 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .fleetguide-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 130px;\r\n border-radius: 12px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.5rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.18rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.35rem;\r\n padding: 0.05rem 0.3rem;\r\n top: 0.35rem;\r\n right: 0.35rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.55rem;\r\n min-width: 260px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.35rem 0.5rem;\r\n font-size: 0.5rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.35rem 0.5rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .table-wrapper tbody td .avail-badge {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 120px;\r\n border-radius: 10px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.4rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.45rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.4rem;\r\n padding: 0.08rem 0.35rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.3rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .fleetguide-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 110px;\r\n border-radius: 10px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.38rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.55rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.42rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.38rem;\r\n padding: 0.02rem 0.12rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.38rem;\r\n padding: 0.06rem 0.3rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.3rem;\r\n padding: 0.04rem 0.2rem;\r\n top: 0.3rem;\r\n right: 0.3rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.5rem;\r\n min-width: 220px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.3rem 0.4rem;\r\n font-size: 0.45rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.3rem 0.4rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .table-wrapper tbody td .avail-badge {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .vehicle-card,\r\n .table-wrapper,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"fleetguide-section\" aria-labelledby=\"fleetguide-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-grid\">\r\n\r\n \r\n <div class=\"intro-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Fleet guide section\">\r\n <span>Fleet Guide<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"fleetguide-heading\" class=\"fleetguide-heading\">\r\n Choose the Right Refrigerated Vehicle for Your Business\r\n <\/h1>\r\n\r\n <div class=\"fleetguide-text\">\r\n <p>\r\n Every business has different transportation requirements. Arctic Flow Transport offers multiple refrigerated vehicle options designed for chilled, frozen and temperature-controlled logistics across the UAE. Choose the vehicle that best matches your cargo volume, delivery schedule and required temperature range.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Commercial Refrigerated Fleet Guide UAE \u2014 Arctic Flow Transport vehicles\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_7df9ed90dac9842ad7447d0319e39504eg.png\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_7df9ed90dac9842ad7447d0319e39504eg.png\"\r\n alt=\"Commercial Refrigerated Fleet Guide UAE \u2014 choose the right chiller van, freezer truck or refrigerated truck\"\r\n title=\"Choose the Right Refrigerated Vehicle\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Professional Temperature-Controlled Fleet<\/div>\r\n <div class=\"label\">commercial-fleet-guide.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Professional Temperature-Controlled Fleet\r\n <span>Chiller Vans \u00b7 Chiller Trucks \u00b7 Freezer Trucks \u00b7 Refrigerated Trucks<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-grid\">\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1 Ton Chiller Van<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Florists<\/span>\r\n <span class=\"tag-item\">Bakeries<\/span>\r\n <span class=\"tag-item\">Caf\u00e9s<\/span>\r\n <span class=\"tag-item\">Fresh Deliveries<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Vehicle <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <span class=\"badge-popular\">Most Popular<\/span>\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Chiller Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">AED 400 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Vehicle <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8h12M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"10\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"14\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>5 Ton Chiller Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">Custom <small>Quote<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Supermarkets<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <span class=\"tag-item\">Retail Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Get Quote <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>7 Ton Chiller Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">Custom <small>Quote<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Industrial Distribution<\/span>\r\n <span class=\"tag-item\">Large Commercial Deliveries<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Get Quote <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Truck<\/h3>\r\n <span class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/span>\r\n <div class=\"price\">AED 1200 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Vehicle <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/span>\r\n <div class=\"price\">Custom <small>Quote<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Mixed Cold Chain<\/span>\r\n <span class=\"tag-item\">Commercial Distribution<\/span>\r\n <span class=\"tag-item\">Medical Logistics<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"table-wrapper\" role=\"table\" aria-label=\"Fleet comparison table\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Vehicle<\/th>\r\n <th>Capacity<\/th>\r\n <th>Temperature<\/th>\r\n <th>Best For<\/th>\r\n <th>Availability<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 Ton Van<\/td>\r\n <td>1 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Small Deliveries<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 Ton Truck<\/td>\r\n <td>3 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Hotels & Catering<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>5 Ton Truck<\/td>\r\n <td>5 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Supermarkets & Warehouses<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>7 Ton Truck<\/td>\r\n <td>7 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Industrial Distribution<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Freezer Truck<\/td>\r\n <td>3\u20135 Ton<\/td>\r\n <td><span class=\"temp-badge\">-18\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Frozen Products<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Refrigerated Truck<\/td>\r\n <td>3\u201310 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Mixed Cold Chain<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Need Help Selecting the Right Vehicle?\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our logistics specialists help businesses choose the most suitable refrigerated vehicle based on cargo type, delivery frequency, required temperature, transport distance and operational requirements.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Fleet guide actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Compare Fleet \u2014 explore all vehicle options\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n Compare Fleet\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Fleet Expert\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Fleet Expert\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Fleet Advisor\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Fleet Advisor\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-ccdc25b elementor-widget elementor-widget-html\" data-id=\"ccdc25b\" 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 Guide & Cold Chain Process \u2014 Arctic Flow Transport | Refrigerated Logistics UAE<\/title>\r\n <meta name=\"description\" content=\"Professional temperature-controlled transport solutions across the UAE. Cold chain logistics for fresh, chilled, and frozen products. Reliable refrigerated fleet.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/cold-chain\/\" \/>\r\n <meta property=\"og:title\" content=\"Temperature Guide & Cold Chain Process \u2014 Arctic Flow Transport\" \/>\r\n <meta property=\"og:description\" content=\"Professional temperature-controlled transport solutions across the UAE. Cold chain logistics for fresh, chilled, and frozen products.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional temperature-controlled transport solutions across the UAE. Cold chain logistics for fresh, chilled, and frozen products.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 COLD CHAIN\r\n ============================================================ *\/\r\n .coldchain-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .coldchain-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .coldchain-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .coldchain-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (Image + Info Cards)\r\n ============================================================ *\/\r\n .coldchain-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: stretch;\r\n }\r\n\r\n \/* ---- Image Wrapper ---- *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n min-height: 280px;\r\n height: 100%;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3.5rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ---- Info Cards (right side) ---- *\/\r\n .info-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .info-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1rem, 1.5vw, 1.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 100px;\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .info-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .info-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .info-card h4 {\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .info-card .card-desc {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ============================================================\r\n COLD CHAIN TIMELINE\r\n ============================================================ *\/\r\n .timeline-wrapper {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.5rem, 2.5vw, 2.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n overflow: hidden;\r\n }\r\n\r\n .timeline {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 0.5rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.3rem;\r\n flex: 1;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .timeline-step .step-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n border-radius: 50%;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-weight: 700;\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n flex-shrink: 0;\r\n position: relative;\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .timeline-step:hover .step-number {\r\n transform: scale(1.08);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.3);\r\n }\r\n\r\n .timeline-step .step-label {\r\n font-size: clamp(0.55rem, 0.65vw, 0.7rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n max-width: 8ch;\r\n }\r\n\r\n .timeline-step .step-arrow {\r\n color: var(--color-border);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n position: absolute;\r\n right: -0.8rem;\r\n top: 0.8rem;\r\n z-index: 1;\r\n }\r\n\r\n .timeline-step:last-child .step-arrow {\r\n display: none;\r\n }\r\n\r\n \/* ============================================================\r\n TEMPERATURE GUIDE \u2014 4 cards\r\n ============================================================ *\/\r\n .temp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .temp-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 160px;\r\n }\r\n\r\n .temp-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .temp-card .temp-range {\r\n font-size: clamp(1rem, 1.2vw, 1.3rem);\r\n font-weight: 700;\r\n color: var(--color-primary);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .temp-card .temp-label {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n }\r\n\r\n .temp-card .temp-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .temp-card .temp-tags .tag-item {\r\n font-size: clamp(0.6rem, 0.65vw, 0.7rem);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .temp-card .temp-desc {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .coldchain-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .coldchain-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .coldchain-grid {\r\n gap: 2rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .coldchain-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coldchain-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 200px;\r\n width: 100%;\r\n }\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .info-card {\r\n min-height: 80px;\r\n padding: 1rem 1.1rem;\r\n }\r\n .info-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.85rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .temp-card {\r\n min-height: 140px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .info-card {\r\n min-height: 70px;\r\n padding: 0.85rem 0.9rem;\r\n border-radius: 16px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.8rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .temp-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 1rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.8rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .timeline {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 0.8rem 1.5rem;\r\n }\r\n .timeline-step {\r\n flex: 0 0 calc(50% - 0.75rem);\r\n flex-direction: row;\r\n gap: 0.5rem;\r\n text-align: left;\r\n }\r\n .timeline-step .step-arrow {\r\n display: none;\r\n }\r\n .timeline-step .step-number {\r\n width: 2rem;\r\n height: 2rem;\r\n font-size: 0.7rem;\r\n flex-shrink: 0;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.6rem;\r\n max-width: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .coldchain-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coldchain-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .coldchain-grid {\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 180px;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .info-card {\r\n padding: 0.7rem 0.8rem;\r\n min-height: 65px;\r\n border-radius: 14px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.75rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 1.25rem;\r\n }\r\n .timeline {\r\n gap: 0.6rem 1rem;\r\n }\r\n .timeline-step {\r\n flex: 0 0 calc(50% - 0.5rem);\r\n }\r\n .timeline-step .step-number {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n font-size: 0.65rem;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .temp-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.9rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.75rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .coldchain-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .coldchain-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .coldchain-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n min-height: 160px;\r\n }\r\n .image-caption {\r\n padding: 0.6rem 0.8rem;\r\n font-size: 0.65rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .info-card {\r\n padding: 0.6rem 0.7rem;\r\n min-height: 60px;\r\n border-radius: 12px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.7rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 1rem;\r\n border-radius: 16px;\r\n }\r\n .timeline {\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n align-items: stretch;\r\n }\r\n .timeline-step {\r\n flex: 1;\r\n flex-direction: row;\r\n gap: 0.6rem;\r\n text-align: left;\r\n padding: 0.3rem 0.5rem;\r\n border-radius: 8px;\r\n transition: background 0.2s ease;\r\n }\r\n .timeline-step:hover {\r\n background: var(--color-primary-light);\r\n }\r\n .timeline-step .step-number {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n font-size: 0.65rem;\r\n flex-shrink: 0;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.6rem;\r\n max-width: none;\r\n font-weight: 500;\r\n }\r\n .timeline-step .step-arrow {\r\n display: none;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .temp-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 110px;\r\n border-radius: 14px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.85rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.7rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .info-card {\r\n padding: 0.5rem 0.6rem;\r\n min-height: 55px;\r\n border-radius: 10px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.65rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .temp-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 100px;\r\n border-radius: 12px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.75rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.65rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .coldchain-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .info-card {\r\n padding: 0.4rem 0.5rem;\r\n min-height: 50px;\r\n border-radius: 10px;\r\n }\r\n .info-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.6rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 0.8rem;\r\n }\r\n .timeline-step {\r\n padding: 0.2rem 0.4rem;\r\n }\r\n .timeline-step .step-number {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n font-size: 0.55rem;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .temp-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.7rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.6rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.38rem;\r\n padding: 0.02rem 0.18rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.45rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .info-card {\r\n padding: 0.35rem 0.4rem;\r\n min-height: 45px;\r\n border-radius: 8px;\r\n }\r\n .info-card .card-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.55rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.4rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .temp-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 80px;\r\n border-radius: 10px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.55rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.35rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .coldchain-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .coldchain-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n min-height: 130px;\r\n }\r\n .image-caption {\r\n padding: 0.4rem 0.6rem;\r\n font-size: 0.55rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .info-card {\r\n padding: 0.3rem 0.35rem;\r\n min-height: 40px;\r\n border-radius: 8px;\r\n }\r\n .info-card .card-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.5rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.38rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 0.6rem;\r\n border-radius: 12px;\r\n }\r\n .timeline-step {\r\n padding: 0.15rem 0.3rem;\r\n gap: 0.4rem;\r\n }\r\n .timeline-step .step-number {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n font-size: 0.5rem;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .temp-card {\r\n padding: 0.35rem 0.4rem;\r\n min-height: 70px;\r\n border-radius: 8px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.6rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.5rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.32rem;\r\n padding: 0.02rem 0.12rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.38rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .info-card,\r\n .temp-card,\r\n .timeline-wrapper,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"coldchain-section\" aria-labelledby=\"coldchain-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Cold chain section\">\r\n <span>Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"coldchain-heading\" class=\"coldchain-heading\">\r\n Temperature-Controlled Transport That Protects Every Delivery\r\n <\/h1>\r\n\r\n <div class=\"coldchain-text\">\r\n <p>\r\n Temperature-controlled transportation is essential for businesses handling fresh, chilled, frozen, and temperature-sensitive products. Arctic Flow Transport provides professional refrigerated logistics solutions that help maintain product quality, reduce spoilage risks, and support uninterrupted commercial supply chains across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"coldchain-grid\">\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Temperature Controlled Refrigerated Transport UAE \u2014 cold chain logistics process\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_bb788814be1bf9084a0447b3223efafadr-1.png\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_bb788814be1bf9084a0447b3223efafadr-1.png\"\r\n alt=\"Temperature Controlled Refrigerated Transport UAE \u2014 cold chain logistics for fresh and frozen products\"\r\n title=\"Professional Cold Chain Logistics\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\u2744\ufe0f\ud83d\ude9b<\/div>\r\n <div>Reliable Temperature-Controlled Transport Process<\/div>\r\n <div class=\"label\">temperature-controlled-logistics.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Reliable Temperature-Controlled Transport Process\r\n <span>Chilled \u00b7 Frozen \u00b7 Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"info-grid\">\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <path d=\"M12 18v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Temperature Controlled<\/h4>\r\n <div class=\"card-desc\">Maintain stable chilled and frozen transport conditions throughout delivery.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Cold Chain Integrity<\/h4>\r\n <div class=\"card-desc\">Continuous refrigeration from pickup to final destination.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M3 3v18\" \/>\r\n <path d=\"M7 3v18\" \/>\r\n <path d=\"M11 21v-8a2 2 0 002-2V5a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M17 21v-8\" \/>\r\n <path d=\"M21 21v-8a2 2 0 00-2-2h-2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Food Safety<\/h4>\r\n <div class=\"card-desc\">Support safe transportation for restaurants, supermarkets and food suppliers.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Pharmaceutical Logistics<\/h4>\r\n <div class=\"card-desc\">Reliable transport for temperature-sensitive medical products.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Commercial Distribution<\/h4>\r\n <div class=\"card-desc\">Efficient transport for warehouses, wholesalers and retailers.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Operational Efficiency<\/h4>\r\n <div class=\"card-desc\">Improve delivery reliability while reducing spoilage risks.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-wrapper\">\r\n <div class=\"timeline\">\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">1<\/span>\r\n <span class=\"step-label\">Booking Confirmation<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">2<\/span>\r\n <span class=\"step-label\">Vehicle Preparation<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">3<\/span>\r\n <span class=\"step-label\">Temperature Calibration<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">4<\/span>\r\n <span class=\"step-label\">Cargo Loading<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">5<\/span>\r\n <span class=\"step-label\">GPS Monitored Transportation<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">6<\/span>\r\n <span class=\"step-label\">Safe Commercial Delivery<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-grid\">\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"temp-label\">Chilled Transport<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Fresh Food<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Beverages<\/span>\r\n <span class=\"tag-item\">Flowers<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"temp-label\">Frozen Transport<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">Mixed Cold Chain<\/div>\r\n <div class=\"temp-label\">Custom Logistics<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Commercial Logistics<\/span>\r\n <span class=\"tag-item\">Custom Temperature<\/span>\r\n <\/div>\r\n <div class=\"temp-desc\">Custom commercial logistics solutions for your specific requirements.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">Vehicle Selection<\/div>\r\n <div class=\"temp-label\">Choose the Right Vehicle<\/div>\r\n <div class=\"temp-desc\">Select the correct vehicle according to cargo type and temperature requirements.<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Chiller Vans<\/span>\r\n <span class=\"tag-item\">Chiller Trucks<\/span>\r\n <span class=\"tag-item\">Freezer Trucks<\/span>\r\n <span class=\"tag-item\">Refrigerated Trucks<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Reliable Cold Chain Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our professional refrigerated fleet supports restaurants, hotels, supermarkets, pharmaceutical suppliers, food manufacturers, catering companies and commercial distributors requiring dependable temperature-controlled transport solutions throughout the UAE.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Cold chain actions\">\r\n\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Book Temperature-Controlled Transport\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Book Temperature-Controlled Transport\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Logistics Team\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Logistics Team\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-94e2e6d elementor-widget elementor-widget-html\" data-id=\"94e2e6d\" 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>Emergency & Scheduled Refrigerated Transport \u2014 Arctic Flow Transport | UAE Logistics<\/title>\r\n <meta name=\"description\" content=\"Emergency and scheduled refrigerated transport solutions across the UAE. Daily, weekly, monthly rentals and commercial cold chain logistics.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/emergency-transport\/\" \/>\r\n <meta property=\"og:title\" content=\"Emergency & Scheduled Refrigerated Transport \u2014 Arctic Flow Transport\" \/>\r\n <meta property=\"og:description\" content=\"Emergency and scheduled refrigerated transport solutions across the UAE. Daily, weekly, monthly rentals and commercial cold chain logistics.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Emergency and scheduled refrigerated transport solutions across the UAE. Commercial cold chain logistics.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 EMERGENCY & SCHEDULED TRANSPORT\r\n ============================================================ *\/\r\n .emergency-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .emergency-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .emergency-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK (split with image)\r\n ============================================================ *\/\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .intro-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .emergency-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Image Wrapper ---- *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n SERVICE CARDS \u2014 6 cards, 3 columns\r\n ============================================================ *\/\r\n .service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .service-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 180px;\r\n position: relative;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .service-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .service-card .card-desc {\r\n font-size: clamp(0.75rem, 0.82vw, 0.87rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .service-card .badge-availability {\r\n display: inline-block;\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 color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 20px;\r\n align-self: flex-start;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ============================================================\r\n RENTAL PLANS \u2014 4 cards\r\n ============================================================ *\/\r\n .plans-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n text-align: center;\r\n }\r\n\r\n .plans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .plan-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 160px;\r\n text-align: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .plan-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .plan-card .highlight-badge {\r\n position: absolute;\r\n top: -0.5rem;\r\n right: 1rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n box-shadow: 0 2px 12px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .plan-card .plan-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n color: var(--color-primary);\r\n flex-shrink: 0;\r\n }\r\n\r\n .plan-card .plan-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .plan-card h4 {\r\n font-size: clamp(1rem, 1.1vw, 1.2rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .plan-card .plan-desc {\r\n font-size: clamp(0.75rem, 0.82vw, 0.87rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ============================================================\r\n BENEFITS \u2014 6 cards, 3 columns\r\n ============================================================ *\/\r\n .benefits-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n text-align: center;\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .benefit-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n min-height: 50px;\r\n }\r\n\r\n .benefit-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .benefit-card .benefit-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n }\r\n\r\n .benefit-card .benefit-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .benefit-card .benefit-label {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .emergency-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .emergency-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .intro-grid {\r\n gap: 2rem;\r\n }\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .emergency-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n width: 100%;\r\n order: 0;\r\n }\r\n .intro-content {\r\n order: 1;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .service-card {\r\n min-height: 160px;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .plan-card {\r\n min-height: 140px;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .service-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 140px;\r\n border-radius: 16px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.75rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.5rem;\r\n padding: 0.08rem 0.5rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .plan-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 1rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.75rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.6rem;\r\n top: -0.4rem;\r\n right: 0.8rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .benefit-card {\r\n padding: 0.7rem 0.9rem;\r\n min-height: 44px;\r\n border-radius: 16px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .emergency-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .emergency-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n }\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.875rem;\r\n }\r\n .service-card {\r\n padding: 0.9rem 1rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.875rem;\r\n }\r\n .plan-card {\r\n padding: 0.9rem 1rem;\r\n min-height: 120px;\r\n border-radius: 16px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.9rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .benefit-card {\r\n padding: 0.6rem 0.8rem;\r\n min-height: 40px;\r\n border-radius: 14px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .emergency-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .emergency-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .service-card {\r\n padding: 0.8rem 0.85rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.45rem;\r\n padding: 0.06rem 0.4rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .plan-card {\r\n padding: 0.8rem 0.85rem;\r\n min-height: 110px;\r\n border-radius: 14px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.85rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.65rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.5rem;\r\n top: -0.35rem;\r\n right: 0.6rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .benefit-card {\r\n padding: 0.5rem 0.7rem;\r\n min-height: 36px;\r\n border-radius: 12px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .service-card {\r\n padding: 0.65rem 0.7rem;\r\n min-height: 110px;\r\n border-radius: 12px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .plan-card {\r\n padding: 0.65rem 0.7rem;\r\n min-height: 100px;\r\n border-radius: 12px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.8rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.6rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.4rem;\r\n padding: 0.08rem 0.4rem;\r\n top: -0.3rem;\r\n right: 0.5rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .benefit-card {\r\n padding: 0.4rem 0.6rem;\r\n min-height: 32px;\r\n border-radius: 10px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.55rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .emergency-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .service-card {\r\n padding: 0.55rem 0.6rem;\r\n min-height: 100px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.55rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.4rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .plan-card {\r\n padding: 0.55rem 0.6rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.75rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.55rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.38rem;\r\n padding: 0.06rem 0.35rem;\r\n top: -0.25rem;\r\n right: 0.4rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 1rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .benefit-card {\r\n padding: 0.35rem 0.5rem;\r\n min-height: 28px;\r\n border-radius: 10px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .service-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .plan-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 80px;\r\n border-radius: 10px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.7rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.5rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.35rem;\r\n padding: 0.05rem 0.3rem;\r\n top: -0.25rem;\r\n right: 0.35rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .benefit-card {\r\n padding: 0.3rem 0.4rem;\r\n min-height: 24px;\r\n border-radius: 8px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.45rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .emergency-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .emergency-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .service-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 80px;\r\n border-radius: 8px;\r\n }\r\n .service-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.45rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.35rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .plan-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 70px;\r\n border-radius: 8px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.65rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.45rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.32rem;\r\n padding: 0.04rem 0.25rem;\r\n top: -0.2rem;\r\n right: 0.3rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.25rem;\r\n }\r\n .benefit-card {\r\n padding: 0.25rem 0.35rem;\r\n min-height: 20px;\r\n border-radius: 8px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.65rem;\r\n height: 0.65rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.4rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .service-card,\r\n .plan-card,\r\n .benefit-card,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"emergency-section\" aria-labelledby=\"emergency-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-grid\">\r\n\r\n \r\n <div class=\"intro-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Commercial logistics support section\">\r\n <span>Commercial Logistics Support<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"emergency-heading\" class=\"emergency-heading\">\r\n Emergency & Scheduled Refrigerated Transport Across the UAE\r\n <\/h1>\r\n\r\n <div class=\"emergency-text\">\r\n <p>\r\n Businesses often require both urgent refrigerated transport and scheduled commercial logistics. Arctic Flow Transport provides flexible refrigerated transport solutions designed for emergency dispatch, recurring deliveries, contract-based transportation, and long-term cold chain operations across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Emergency Refrigerated Transport UAE \u2014 professional commercial logistics\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_58c7ed2872386579c2347ee8142662ebdr.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_58c7ed2872386579c2347ee8142662ebdr.jpeg\"\r\n alt=\"Emergency Refrigerated Transport UAE \u2014 professional commercial cold chain logistics\"\r\n title=\"Emergency & Scheduled Refrigerated Transport\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u26a1<\/div>\r\n <div>Professional Commercial Refrigerated Logistics<\/div>\r\n <div class=\"label\">emergency-refrigerated-transport.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Professional Commercial Refrigerated Logistics\r\n <span>Emergency \u00b7 Scheduled \u00b7 Daily \u00b7 Weekly \u00b7 Monthly \u00b7 Contract<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"service-grid\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Emergency Dispatch<\/h3>\r\n <div class=\"card-desc\">Rapid refrigerated transport for urgent commercial deliveries.<\/div>\r\n <span class=\"badge-availability\">Subject to Availability<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\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 <h3>Scheduled Daily Deliveries<\/h3>\r\n <div class=\"card-desc\">Reliable daily refrigerated transport for commercial businesses.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l3 3\" \/>\r\n <path d=\"M12 6v6\" \/>\r\n <path d=\"M12 12l-3 3\" \/>\r\n <path d=\"M12 12l3 3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Weekly Logistics Support<\/h3>\r\n <div class=\"card-desc\">Flexible weekly transport for recurring supply chain operations.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Monthly Fleet Rental<\/h3>\r\n <div class=\"card-desc\">Dedicated refrigerated vehicles for ongoing business requirements.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 8v4\" \/>\r\n <path d=\"M12 12l-3 3\" \/>\r\n <path d=\"M12 12l3 3\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 20v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Corporate Transport Contracts<\/h3>\r\n <div class=\"card-desc\">Customized transport agreements for commercial organizations.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Distribution<\/h3>\r\n <div class=\"card-desc\">Professional refrigerated logistics supporting uninterrupted supply chain operations.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <h3 class=\"plans-heading\">Commercial Rental Plans<\/h3>\r\n\r\n <div class=\"plans-grid\">\r\n\r\n \r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 20v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Daily Rental<\/h4>\r\n <div class=\"plan-desc\">Flexible booking suitable for urgent and one-time deliveries.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6\" \/>\r\n <path d=\"M12 12l-3 3\" \/>\r\n <path d=\"M12 12l3 3\" \/>\r\n <path d=\"M8 10h8\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Weekly Rental<\/h4>\r\n <div class=\"plan-desc\">Ideal for recurring commercial deliveries.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"plan-card\">\r\n <span class=\"highlight-badge\">Best Value<\/span>\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\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>Monthly Rental<\/h4>\r\n <div class=\"plan-desc\">Dedicated fleet support for businesses.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\r\n <path d=\"M14 2v6h6\" \/>\r\n <path d=\"M16 13H8\" \/>\r\n <path d=\"M16 17H8\" \/>\r\n <path d=\"M10 9H8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Long-Term Contract<\/h4>\r\n <div class=\"plan-desc\">Customized commercial transport agreements with flexible scheduling.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <h3 class=\"benefits-heading\">Business Benefits<\/h3>\r\n\r\n <div class=\"benefits-grid\">\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Fast Dispatch Coordination<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Professional Fleet Scheduling<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\r\n <path d=\"M8 14h.01\" \/>\r\n <path d=\"M12 14h.01\" \/>\r\n <path d=\"M16 14h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Flexible Rental Options<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Commercial Fleet Availability<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Reliable Cold Chain Operations<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <path d=\"M12 18v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Temperature-Controlled Deliveries<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Flexible Refrigerated Transport for Every Business\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Whether you require one-day transportation, recurring deliveries, monthly vehicle rental, or dedicated refrigerated logistics, Arctic Flow Transport provides professional temperature-controlled transport solutions designed to support commercial operations across the UAE.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Emergency transport actions\">\r\n\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Book Transport \u2014 schedule your refrigerated logistics\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n Book Transport\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-497d5b3 elementor-widget elementor-widget-html\" data-id=\"497d5b3\" 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, maximum-scale=5\">\r\n <title>Commercial Rental Plans & Fleet Pricing | Arctic Flow Transport<\/title>\r\n \r\n <meta name=\"description\" content=\"Flexible commercial rental plans & fleet pricing from Arctic Flow Transport. Daily, weekly, monthly & corporate contracts. Refrigerated vans & trucks.\">\r\n <meta property=\"og:title\" content=\"Commercial Rental Plans & Fleet Pricing\">\r\n <meta property=\"og:description\" content=\"Flexible refrigerated vehicle rental plans for every business. Daily to corporate contracts.\">\r\n <link rel=\"canonical\" href=\"https:\/\/www.arcticflowtransport.com\/commercial-rental-plans\/\">\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Product\",\r\n \"name\": \"Commercial Refrigerated Truck Rental\",\r\n \"description\": \"Flexible commercial rental plans for refrigerated vehicles. Daily, weekly, monthly and corporate contracts.\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Arctic Flow Transport\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"AggregateOffer\",\r\n \"priceCurrency\": \"AED\",\r\n \"lowPrice\": \"250\",\r\n \"highPrice\": \"1200\",\r\n \"offerCount\": \"6\"\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* ---------- RESET & BASE (enterprise design system) ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* container \u2013 matches premium enterprise width *\/\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n \/* ---------- SECTION 11: Commercial Rental Plans ---------- *\/\r\n .section-rental-plans {\r\n background: #FFFFFF;\r\n padding: 80px 0 100px;\r\n }\r\n\r\n \/* ----- BADGE (Rental Plans) ----- *\/\r\n .badge-rental {\r\n display: inline-block;\r\n background: #E8F7FA;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* ----- HEADING & INTRO ----- *\/\r\n .section-title {\r\n font-size: clamp(2.2rem, 4.5vw, 3.6rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: #111111;\r\n max-width: 850px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro-text {\r\n font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n color: #666666;\r\n max-width: 800px;\r\n margin-bottom: 56px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ----- premium cards grid (4 columns) ----- *\/\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 28px;\r\n margin-bottom: 72px;\r\n }\r\n\r\n \/* premium card \u2013 apple \/ stripe style *\/\r\n .pricing-card {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: 28px 20px 24px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.02), 0 2px 8px rgba(0,0,0,0.02);\r\n transition: box-shadow 0.2s ease, transform 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n .pricing-card:hover {\r\n box-shadow: 0 20px 40px rgba(41,151,170,0.06), 0 8px 24px rgba(0,0,0,0.04);\r\n transform: translateY(-4px);\r\n border-color: #2997AA30;\r\n }\r\n\r\n \/* card highlight (BEST VALUE) *\/\r\n .pricing-card.highlight {\r\n border-color: #2997AA;\r\n background: #F8FCFD;\r\n box-shadow: 0 12px 32px rgba(41,151,170,0.08);\r\n }\r\n\r\n .card-badge {\r\n display: inline-block;\r\n background: #2997AA;\r\n color: white;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 4px 14px;\r\n border-radius: 40px;\r\n margin-bottom: 16px;\r\n align-self: flex-start;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .card-sub {\r\n font-size: 0.8rem;\r\n color: #666666;\r\n margin-bottom: 12px;\r\n font-weight: 450;\r\n }\r\n\r\n .card-price {\r\n font-size: 1.9rem;\r\n font-weight: 600;\r\n color: #111111;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .card-price small {\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n color: #666666;\r\n margin-left: 2px;\r\n }\r\n\r\n .card-desc {\r\n font-size: 0.9rem;\r\n color: #666666;\r\n margin: 12px 0 8px;\r\n line-height: 1.5;\r\n }\r\n\r\n .card-features {\r\n list-style: none;\r\n margin: 12px 0 20px;\r\n flex: 1;\r\n }\r\n\r\n .card-features li {\r\n font-size: 0.9rem;\r\n color: #444444;\r\n padding: 4px 0 4px 24px;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%232997AA\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>') left center no-repeat;\r\n background-size: 16px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .btn-card {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 60px;\r\n padding: 12px 24px;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n color: #111111;\r\n text-decoration: none;\r\n transition: background 0.15s, border-color 0.15s, color 0.15s;\r\n margin-top: 8px;\r\n width: 100%;\r\n text-align: center;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .btn-card:hover {\r\n background: #F8FCFD;\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-card-primary {\r\n background: #2997AA;\r\n border: 1px solid #2997AA;\r\n color: white;\r\n }\r\n\r\n .btn-card-primary:hover {\r\n background: #1e7e8e;\r\n border-color: #1e7e8e;\r\n color: white;\r\n }\r\n\r\n \/* ----- Fleet Pricing (six cards) ----- *\/\r\n .fleet-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .fleet-card {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: 24px 20px 22px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.02);\r\n transition: box-shadow 0.2s ease, transform 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .fleet-card:hover {\r\n box-shadow: 0 16px 32px rgba(41,151,170,0.06);\r\n transform: translateY(-3px);\r\n border-color: #2997AA30;\r\n }\r\n\r\n .fleet-name {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .fleet-price {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: #111111;\r\n letter-spacing: -0.01em;\r\n margin: 8px 0 2px;\r\n }\r\n\r\n .fleet-price small {\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #666666;\r\n }\r\n\r\n .fleet-temp {\r\n font-size: 0.9rem;\r\n color: #666666;\r\n margin: 6px 0 12px;\r\n background: #F8FCFD;\r\n padding: 4px 12px;\r\n border-radius: 40px;\r\n display: inline-block;\r\n align-self: flex-start;\r\n }\r\n\r\n .fleet-badge {\r\n background: #E8F7FA;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.03em;\r\n padding: 2px 14px;\r\n border-radius: 40px;\r\n align-self: flex-start;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .fleet-link {\r\n font-weight: 500;\r\n color: #2997AA;\r\n text-decoration: none;\r\n margin-top: 12px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: gap 0.2s;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .fleet-link:hover {\r\n gap: 12px;\r\n }\r\n\r\n .fleet-link svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n }\r\n\r\n \/* ----- Pricing Factors (premium feature cards) ----- *\/\r\n .factors-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .factor-card {\r\n background: #F8FCFD;\r\n border-radius: 20px;\r\n padding: 28px 24px 26px;\r\n border: 1px solid #E5E7EB;\r\n transition: box-shadow 0.15s;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .factor-card:hover {\r\n box-shadow: 0 12px 28px rgba(41,151,170,0.04);\r\n }\r\n\r\n .factor-icon {\r\n flex-shrink: 0;\r\n width: 40px;\r\n height: 40px;\r\n background: #E8F7FA;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .factor-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: #2997AA;\r\n stroke-width: 1.8;\r\n }\r\n\r\n .factor-content h4 {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .factor-content p {\r\n font-size: 0.9rem;\r\n color: #666666;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ----- BOTTOM PANEL (custom quote + image) ----- *\/\r\n .bottom-panel {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 48px;\r\n background: #F8FCFD;\r\n border-radius: 28px;\r\n padding: 48px 48px 48px 56px;\r\n border: 1px solid #E5E7EB;\r\n align-items: center;\r\n margin-top: 16px;\r\n }\r\n\r\n .panel-left h2 {\r\n font-size: clamp(1.6rem, 2.8vw, 2.4rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n color: #111111;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .panel-left p {\r\n color: #666666;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n max-width: 460px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n }\r\n\r\n .btn-primary {\r\n background: #2997AA;\r\n border: none;\r\n border-radius: 60px;\r\n padding: 14px 34px;\r\n color: white;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: background 0.15s;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #1e7e8e;\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 60px;\r\n padding: 13px 30px;\r\n color: #111111;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: border-color 0.15s, color 0.15s;\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 60px;\r\n padding: 13px 30px;\r\n color: #111111;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .btn-phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .panel-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .panel-right picture img {\r\n width: 100%;\r\n max-width: 420px;\r\n height: auto;\r\n border-radius: 20px;\r\n box-shadow: 0 12px 36px rgba(0,0,0,0.04);\r\n display: block;\r\n }\r\n\r\n \/* ----- responsive breakpoints ----- *\/\r\n\r\n \/* 1280 & 1440+ *\/\r\n @media (max-width: 1280px) {\r\n .container { padding: 0 28px; }\r\n }\r\n\r\n \/* tablet: 1024, 992, 820, 768 *\/\r\n @media (max-width: 1024px) {\r\n .pricing-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n }\r\n .fleet-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .factors-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .bottom-panel {\r\n grid-template-columns: 1fr;\r\n padding: 40px 32px;\r\n text-align: left;\r\n }\r\n .panel-right {\r\n justify-content: flex-start;\r\n }\r\n .panel-right picture img {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-rental-plans { padding: 60px 0 72px; }\r\n .container { padding: 0 24px; }\r\n .pricing-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n .fleet-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n .factors-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n .bottom-panel { padding: 32px 24px; }\r\n }\r\n\r\n \/* mobile: 576, 480, 430, 390, 375, 360, 320 *\/\r\n @media (max-width: 576px) {\r\n .container { padding: 0 18px; }\r\n .section-rental-plans { padding: 48px 0 56px; }\r\n .pricing-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .fleet-grid {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n .factors-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n .bottom-panel {\r\n padding: 28px 20px;\r\n gap: 28px;\r\n }\r\n .panel-actions {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n .btn-primary, .btn-outline, .btn-phone {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .badge-rental { font-size: 0.7rem; }\r\n }\r\n\r\n \/* extra small *\/\r\n @media (max-width: 380px) {\r\n .container { padding: 0 14px; }\r\n .pricing-card { padding: 22px 16px; }\r\n .fleet-card { padding: 20px 16px; }\r\n }\r\n\r\n \/* ----- utilities (no horizontal scroll, CLS friendly) ----- *\/\r\n img, svg, picture {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* core web vitals: lazy loading *\/\r\n .lazy {\r\n loading: lazy;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"section-rental-plans\" aria-labelledby=\"rental-plans-heading\">\r\n <div class=\"container\">\r\n\r\n \r\n <span class=\"badge-rental\">Rental Plans<\/span>\r\n\r\n \r\n <h1 id=\"rental-plans-heading\" class=\"section-title\">Flexible Commercial Rental Plans for Every Business<\/h1>\r\n\r\n \r\n <p class=\"intro-text\">\r\n Every business has unique transportation requirements. Arctic Flow Transport offers flexible refrigerated vehicle rental plans ranging from one-day rentals to dedicated long-term commercial fleet solutions. Whether you need a single delivery or ongoing cold chain logistics, our fleet is ready to support your operations.\r\n <\/p>\r\n\r\n \r\n <div class=\"pricing-grid\">\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"card-title\">Daily Rental<\/div>\r\n <div class=\"card-price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"card-desc\">Best For<\/div>\r\n <ul class=\"card-features\">\r\n <li>Urgent Deliveries<\/li>\r\n <li>Restaurant Deliveries<\/li>\r\n <li>One-Time Transport<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card\">Book Today<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"card-title\">Weekly Rental<\/div>\r\n <div class=\"card-sub\">Flexible Commercial Plan<\/div>\r\n <div class=\"card-price\">\u2014<\/div>\r\n <div class=\"card-desc\">Best For<\/div>\r\n <ul class=\"card-features\">\r\n <li>Recurring Deliveries<\/li>\r\n <li>Food Distribution<\/li>\r\n <li>Retail Supply<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card\">Get Quote<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card highlight\">\r\n <span class=\"card-badge\">Best Value<\/span>\r\n <div class=\"card-title\">Monthly Rental<\/div>\r\n <div class=\"card-price\">\u2014<\/div>\r\n <ul class=\"card-features\">\r\n <li>Dedicated Fleet<\/li>\r\n <li>Priority Support<\/li>\r\n <li>Business Discounts<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card btn-card-primary\">Request Quote<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"card-title\">Corporate Contracts<\/div>\r\n <div class=\"card-sub\">Custom Pricing<\/div>\r\n <div class=\"card-desc\">Best For<\/div>\r\n <ul class=\"card-features\">\r\n <li>Hotels<\/li>\r\n <li>Supermarkets<\/li>\r\n <li>Warehouses<\/li>\r\n <li>Food Manufacturers<\/li>\r\n <li>Pharmaceutical Companies<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card\">Contact Sales<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-grid\">\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">1 Ton Chiller Van<\/div>\r\n <div class=\"fleet-price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"fleet-link\">View details <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <span class=\"fleet-badge\">Most Popular<\/span>\r\n <div class=\"fleet-name\">3 Ton Chiller Truck<\/div>\r\n <div class=\"fleet-price\">AED 400 <small>\/ Day<\/small><\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"fleet-link\">View details <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">5 Ton Chiller Truck<\/div>\r\n <div class=\"fleet-price\">Custom Quote<\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/contact-us\/\" class=\"fleet-link\">Request quote <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">7 Ton Chiller Truck<\/div>\r\n <div class=\"fleet-price\">Custom Quote<\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/contact-us\/\" class=\"fleet-link\">Request quote <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">Freezer Truck<\/div>\r\n <div class=\"fleet-price\">AED 1200 <small>\/ Day<\/small><\/div>\r\n <div class=\"fleet-temp\">-18\u00b0C to -25\u00b0C<\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"fleet-link\">View details <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">Refrigerated Truck<\/div>\r\n <div class=\"fleet-price\">Custom Quote<\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to -25\u00b0C<\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"fleet-link\">Request quote <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"factors-grid\">\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Rental Duration<\/h4><p>Daily, weekly, monthly or long-term contracts<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M8 6v12M16 6v12\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Vehicle Capacity<\/h4><p>1 to 7+ ton refrigerated options<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 12h18M3 6h18M3 18h18\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M3 12l3-3 3 3 3-3 3 3 3-3 3 3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Delivery Distance<\/h4><p>Local, regional or cross-emirate transport<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2v20M2 12h20\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Temperature Requirement<\/h4><p>Chilled (+2\u00b0C to +8\u00b0C) or frozen (-18\u00b0C to -25\u00b0C)<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 12H4M12 20V4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Loading Requirement<\/h4><p>Tail-lift, ramp or manual loading options<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M3 10h18\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Commercial Schedule<\/h4><p>Flexible scheduling for B2B operations<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n <div class=\"panel-left\">\r\n <h2>Need a Custom Commercial Quote?<\/h2>\r\n <p>Pricing varies depending on fleet size, rental duration, transport distance, cargo requirements and operational scheduling. Contact our logistics specialists for a customized quotation tailored to your business.<\/p>\r\n <div class=\"panel-actions\">\r\n <a href=\"\/contact-us\/\" class=\"btn-primary\">Request Free Quote<\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">WhatsApp Pricing Team<\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-phone\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call Sales Team\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"panel-right\">\r\n <picture>\r\n \r\n <source srcset=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='420' height='280' viewBox='0 0 420 280'%3E%3Crect width='420' height='280' fill='%23E8F7FA'\/%3E%3Ctext x='30' y='150' font-family='system-ui, sans-serif' font-size='22' fill='%232997AA' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='190' font-family='system-ui, sans-serif' font-size='16' fill='%23666'%3EFlexible Rental Plans for Businesses%3C\/text%3E%3C\/svg%3E\" type=\"image\/svg+xml\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='420' height='280' viewBox='0 0 420 280'%3E%3Crect width='420' height='280' fill='%23E8F7FA'\/%3E%3Ctext x='30' y='150' font-family='system-ui, sans-serif' font-size='22' fill='%232997AA' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='190' font-family='system-ui, sans-serif' font-size='16' fill='%23666'%3EFlexible Rental Plans for Businesses%3C\/text%3E%3C\/svg%3E\" \r\n alt=\"Commercial Refrigerated Truck Rental Plans UAE\" \r\n title=\"Commercial Fleet Pricing\" \r\n loading=\"lazy\" \r\n width=\"420\" height=\"280\" \r\n style=\"background: #F8FCFD;\">\r\n <\/picture>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f61991 elementor-widget elementor-widget-html\" data-id=\"0f61991\" 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, maximum-scale=5\">\r\n <title>Frequently Asked Questions | Arctic Flow Transport<\/title>\r\n <meta name=\"description\" content=\"Answers to common questions about refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics across the UAE.\">\r\n <link rel=\"canonical\" href=\"https:\/\/www.arcticflowtransport.com\/faq\/\">\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 {\r\n \"@type\": \"Question\",\r\n \"name\": \"What is a refrigerated truck?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"A refrigerated truck is a temperature-controlled commercial vehicle used to transport chilled and frozen products while maintaining stable transport temperatures.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"What temperature do your vehicles maintain?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Our fleet supports chilled transportation between +2\u00b0C and +8\u00b0C and frozen transportation between -18\u00b0C and -25\u00b0C depending on the selected vehicle.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Which industries use refrigerated transport?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Restaurants, hotels, supermarkets, catering companies, pharmaceutical suppliers, dairy companies, food distributors, warehouses and commercial businesses.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide services across the UAE?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. We provide refrigerated transport across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah and Umm Al Quwain.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I rent a truck daily or monthly?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Daily, weekly, monthly and long-term commercial rental plans are available.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide emergency transport?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Emergency transport may be available depending on fleet availability and operational scheduling.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I book through WhatsApp?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Bookings and quotation requests can be made through WhatsApp or phone.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide commercial contracts?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Customized commercial contracts are available for businesses requiring recurring refrigerated transportation.\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n <style>\r\n \/* ---------- RESET & BASE ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n \/* ---------- SECTION 12: FAQ ---------- *\/\r\n .section-faq {\r\n background: #FFFFFF;\r\n padding: 80px 0 100px;\r\n }\r\n\r\n \/* BADGE *\/\r\n .badge-faq {\r\n display: inline-block;\r\n background: #E8F7FA;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* HEADING & INTRO *\/\r\n .section-title {\r\n font-size: clamp(2.2rem, 4.5vw, 3.6rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: #111111;\r\n max-width: 850px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro-text {\r\n font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n color: #666666;\r\n max-width: 800px;\r\n margin-bottom: 56px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ---------- LAYOUT: DESKTOP 2 COL ---------- *\/\r\n .faq-layout {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 48px;\r\n align-items: start;\r\n }\r\n\r\n \/* ----- ACCORDION (left) ----- *\/\r\n .accordion-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .accordion-item {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n background: #FFFFFF;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n transition: box-shadow 0.2s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .accordion-item:hover {\r\n box-shadow: 0 8px 24px rgba(41,151,170,0.04);\r\n }\r\n\r\n .accordion-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 24px;\r\n cursor: pointer;\r\n background: transparent;\r\n border: none;\r\n width: 100%;\r\n text-align: left;\r\n font-size: 1rem;\r\n font-weight: 550;\r\n color: #111111;\r\n transition: background 0.15s;\r\n gap: 16px;\r\n font-family: inherit;\r\n }\r\n\r\n .accordion-header:hover {\r\n background: #F8FCFD;\r\n }\r\n\r\n .accordion-header .icon-toggle {\r\n flex-shrink: 0;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 40px;\r\n background: #E8F7FA;\r\n transition: background 0.2s, transform 0.3s ease;\r\n }\r\n\r\n .accordion-header .icon-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .accordion-item.open .accordion-header .icon-toggle {\r\n background: #2997AA;\r\n }\r\n\r\n .accordion-item.open .accordion-header .icon-toggle svg {\r\n stroke: white;\r\n transform: rotate(180deg);\r\n }\r\n\r\n .accordion-body {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.35s ease, padding 0.35s ease;\r\n padding: 0 24px;\r\n color: #666666;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .accordion-item.open .accordion-body {\r\n max-height: 300px;\r\n padding: 0 24px 24px 24px;\r\n }\r\n\r\n \/* ----- RIGHT SIDE: STICKY HELP CARD ----- *\/\r\n .help-card {\r\n background: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: 36px 28px 32px;\r\n box-shadow: 0 8px 28px rgba(0,0,0,0.02);\r\n position: sticky;\r\n top: 32px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .help-card h3 {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 10px;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .help-card p {\r\n color: #666666;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .help-card .btn-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .btn-help {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 14px 20px;\r\n border-radius: 60px;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.15s, border-color 0.15s, color 0.15s;\r\n border: 1px solid #E5E7EB;\r\n background: transparent;\r\n color: #111111;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .btn-help-primary {\r\n background: #2997AA;\r\n border: 1px solid #2997AA;\r\n color: white;\r\n }\r\n\r\n .btn-help-primary:hover {\r\n background: #1e7e8e;\r\n border-color: #1e7e8e;\r\n color: white;\r\n }\r\n\r\n .btn-help-outline {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n color: #111111;\r\n }\r\n\r\n .btn-help-outline:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-help-phone {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n color: #111111;\r\n }\r\n\r\n .btn-help-phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-help svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ----- BOTTOM PANEL (Still Need Help?) ----- *\/\r\n .bottom-help {\r\n margin-top: 72px;\r\n background: #F8FCFD;\r\n border-radius: 28px;\r\n padding: 48px 56px;\r\n border: 1px solid #E5E7EB;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .bottom-help h2 {\r\n font-size: clamp(1.6rem, 2.8vw, 2.2rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n color: #111111;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bottom-help p {\r\n color: #666666;\r\n font-size: 1rem;\r\n max-width: 700px;\r\n line-height: 1.6;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .bottom-help .btn-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n justify-content: center;\r\n }\r\n\r\n .btn-bottom {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 34px;\r\n border-radius: 60px;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n border: 1px solid #E5E7EB;\r\n background: transparent;\r\n color: #111111;\r\n transition: border-color 0.15s, color 0.15s, background 0.15s;\r\n }\r\n\r\n .btn-bottom-primary {\r\n background: #2997AA;\r\n border: 1px solid #2997AA;\r\n color: white;\r\n }\r\n\r\n .btn-bottom-primary:hover {\r\n background: #1e7e8e;\r\n border-color: #1e7e8e;\r\n color: white;\r\n }\r\n\r\n .btn-bottom-outline:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-bottom-phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-bottom svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ----- RESPONSIVE ----- *\/\r\n @media (max-width: 1280px) {\r\n .container { padding: 0 28px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .faq-layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .help-card {\r\n position: static;\r\n width: 100%;\r\n }\r\n\r\n .bottom-help {\r\n padding: 40px 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-faq { padding: 60px 0 72px; }\r\n .container { padding: 0 24px; }\r\n .accordion-header {\r\n padding: 16px 18px;\r\n font-size: 0.95rem;\r\n }\r\n .accordion-body {\r\n font-size: 0.9rem;\r\n }\r\n .help-card {\r\n padding: 28px 20px;\r\n }\r\n .bottom-help {\r\n padding: 32px 24px;\r\n }\r\n .bottom-help .btn-group {\r\n flex-direction: column;\r\n width: 100%;\r\n align-items: stretch;\r\n }\r\n .btn-bottom {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .container { padding: 0 18px; }\r\n .section-faq { padding: 48px 0 56px; }\r\n .accordion-header {\r\n padding: 14px 16px;\r\n font-size: 0.9rem;\r\n }\r\n .accordion-body {\r\n padding: 0 16px;\r\n font-size: 0.85rem;\r\n }\r\n .accordion-item.open .accordion-body {\r\n padding: 0 16px 18px 16px;\r\n }\r\n .help-card {\r\n padding: 24px 16px;\r\n }\r\n .bottom-help {\r\n padding: 28px 18px;\r\n }\r\n .badge-faq { font-size: 0.7rem; }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .container { padding: 0 14px; }\r\n .accordion-header {\r\n padding: 12px 14px;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n \/* ----- utilities ----- *\/\r\n img, svg, picture {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* accordion toggle \u2013 pure CSS with :target or class toggled via click (no JS) \r\n we use a hidden checkbox + label trick for pure CSS toggle *\/\r\n .accordion-item {\r\n position: relative;\r\n }\r\n\r\n .accordion-item .accordion-check {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .accordion-item .accordion-check:checked ~ .accordion-body {\r\n max-height: 300px;\r\n padding: 0 24px 24px 24px;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header .icon-toggle {\r\n background: #2997AA;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header .icon-toggle svg {\r\n stroke: white;\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* re-apply hover for label (header) *\/\r\n .accordion-header label {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n cursor: pointer;\r\n padding: 20px 24px;\r\n margin: -20px -24px;\r\n background: transparent;\r\n border: none;\r\n font-weight: 550;\r\n font-size: 1rem;\r\n color: #111111;\r\n font-family: inherit;\r\n }\r\n\r\n .accordion-item .accordion-check:checked ~ .accordion-body {\r\n max-height: 300px;\r\n padding: 0 24px 24px 24px;\r\n }\r\n\r\n \/* fix for header label *\/\r\n .accordion-header {\r\n padding: 0;\r\n background: transparent;\r\n }\r\n\r\n .accordion-header label {\r\n padding: 20px 24px;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n }\r\n\r\n .accordion-header label:hover {\r\n background: #F8FCFD;\r\n border-radius: 20px;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header label .icon-toggle {\r\n background: #2997AA;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header label .icon-toggle svg {\r\n stroke: white;\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* touch-friendly *\/\r\n .accordion-header label {\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"section-faq\" aria-labelledby=\"faq-heading\">\r\n <div class=\"container\">\r\n\r\n \r\n <span class=\"badge-faq\">Frequently Asked Questions<\/span>\r\n\r\n \r\n <h1 id=\"faq-heading\" class=\"section-title\">Answers to Common Questions About Refrigerated Transport<\/h1>\r\n\r\n \r\n <p class=\"intro-text\">\r\n Find answers to the most common questions about refrigerated truck rental, freezer truck rental, chiller truck rental, cold chain logistics, commercial vehicle booking, fleet availability, and temperature-controlled transportation across the UAE.\r\n <\/p>\r\n\r\n \r\n <div class=\"faq-layout\">\r\n\r\n \r\n <div class=\"accordion-list\">\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq1\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq1\">\r\n <span>What is a refrigerated truck?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n A refrigerated truck is a temperature-controlled commercial vehicle used to transport chilled and frozen products while maintaining stable transport temperatures.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq2\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq2\">\r\n <span>What temperature do your vehicles maintain?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Our fleet supports chilled transportation between +2\u00b0C and +8\u00b0C and frozen transportation between -18\u00b0C and -25\u00b0C depending on the selected vehicle.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq3\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq3\">\r\n <span>Which industries use refrigerated transport?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Restaurants, hotels, supermarkets, catering companies, pharmaceutical suppliers, dairy companies, food distributors, warehouses and commercial businesses.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq4\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq4\">\r\n <span>Do you provide services across the UAE?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. We provide refrigerated transport across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah and Umm Al Quwain.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq5\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq5\">\r\n <span>Can I rent a truck daily or monthly?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Daily, weekly, monthly and long-term commercial rental plans are available.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq6\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq6\">\r\n <span>Do you provide emergency transport?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Emergency transport may be available depending on fleet availability and operational scheduling.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq7\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq7\">\r\n <span>Can I book through WhatsApp?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Bookings and quotation requests can be made through WhatsApp or phone.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq8\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq8\">\r\n <span>Do you provide commercial contracts?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Customized commercial contracts are available for businesses requiring recurring refrigerated transportation.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <aside class=\"help-card\" aria-label=\"Expert assistance\">\r\n <h3>Need Expert Assistance?<\/h3>\r\n <p>Our logistics specialists can recommend the right refrigerated vehicle according to your products, delivery schedule, cargo size and temperature requirements.<\/p>\r\n <div class=\"btn-group\">\r\n <a href=\"\/contact-us\/\" class=\"btn-help btn-help-primary\">Book Now<\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-help btn-help-outline\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-help btn-help-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-help\">\r\n <h2>Still Need Help?<\/h2>\r\n <p>Contact Arctic Flow Transport today for professional guidance on refrigerated truck rental, freezer truck rental, commercial cold chain logistics and temperature-controlled transportation anywhere in the UAE.<\/p>\r\n <div class=\"btn-group\">\r\n <a href=\"\/contact-us\/\" class=\"btn-bottom btn-bottom-primary\">Contact Us<\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-bottom btn-bottom-outline\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-bottom btn-bottom-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d58da89 elementor-widget elementor-widget-html\" data-id=\"d58da89\" 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, maximum-scale=5\">\r\n <title>Request a Commercial Quote | Arctic Flow Transport<\/title>\r\n <meta name=\"description\" content=\"Request a free commercial quote for refrigerated truck rental, freezer truck rental, and cold chain logistics across the UAE. 24\/7 support.\">\r\n <link rel=\"canonical\" href=\"https:\/\/www.arcticflowtransport.com\/request-quote\/\">\r\n <style>\r\n \/* ---------- RESET & BASE ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n \/* ---------- SECTION: Request a Commercial Quote ---------- *\/\r\n .section-cta {\r\n background: #2997AA;\r\n padding: 80px 0 90px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* subtle background texture *\/\r\n .section-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 600px;\r\n height: 600px;\r\n background: rgba(255,255,255,0.03);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n .section-cta::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -20%;\r\n left: -5%;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(255,255,255,0.02);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n \/* BADGE *\/\r\n .badge-cta {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.15);\r\n color: #FFFFFF;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n padding: 6px 18px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n backdrop-filter: blur(2px);\r\n }\r\n\r\n \/* HEADING & DESCRIPTION *\/\r\n .cta-title {\r\n font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: #FFFFFF;\r\n max-width: 750px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .cta-desc {\r\n font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n color: rgba(255,255,255,0.9);\r\n max-width: 680px;\r\n line-height: 1.7;\r\n margin-bottom: 36px;\r\n }\r\n\r\n \/* ---------- LAYOUT: 2 COL ---------- *\/\r\n .cta-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 56px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* LEFT CONTENT *\/\r\n .cta-left {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* TRUST STRIP \u2013 6 cards grid *\/\r\n .trust-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .trust-card {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n border-radius: 16px;\r\n padding: 16px 14px 14px;\r\n backdrop-filter: blur(2px);\r\n transition: background 0.2s, transform 0.15s;\r\n text-align: center;\r\n }\r\n\r\n .trust-card:hover {\r\n background: rgba(255,255,255,0.14);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .trust-card .trust-icon {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .trust-card .trust-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n stroke: #FFFFFF;\r\n stroke-width: 1.8;\r\n fill: none;\r\n }\r\n\r\n .trust-card .trust-label {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #FFFFFF;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .trust-card .trust-value {\r\n font-size: 0.75rem;\r\n color: rgba(255,255,255,0.75);\r\n margin-top: 2px;\r\n font-weight: 450;\r\n }\r\n\r\n \/* BUTTON GROUP *\/\r\n .cta-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-top: 4px;\r\n }\r\n\r\n .btn-cta-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #FFFFFF;\r\n border: none;\r\n border-radius: 60px;\r\n padding: 15px 36px;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.1s, box-shadow 0.2s;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n }\r\n\r\n .btn-cta-primary:hover {\r\n background: #F8FCFD;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n }\r\n\r\n .btn-cta-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,255,255,0.12);\r\n border: 1px solid rgba(255,255,255,0.25);\r\n border-radius: 60px;\r\n padding: 14px 30px;\r\n color: #FFFFFF;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.2s, border-color 0.2s, transform 0.1s;\r\n }\r\n\r\n .btn-cta-secondary:hover {\r\n background: rgba(255,255,255,0.2);\r\n border-color: rgba(255,255,255,0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-cta-phone {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n border-radius: 60px;\r\n padding: 14px 30px;\r\n color: #FFFFFF;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.2s, border-color 0.2s, transform 0.1s;\r\n }\r\n\r\n .btn-cta-phone:hover {\r\n background: rgba(255,255,255,0.16);\r\n border-color: rgba(255,255,255,0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-cta-primary svg,\r\n .btn-cta-secondary svg,\r\n .btn-cta-phone svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n .btn-cta-primary svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* RIGHT SIDE: IMAGE PLACEHOLDER *\/\r\n .cta-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n\r\n .cta-image-wrap {\r\n width: 100%;\r\n max-width: 480px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 48px rgba(0,0,0,0.12);\r\n background: rgba(255,255,255,0.06);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n }\r\n\r\n .cta-image-wrap picture img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 24px;\r\n aspect-ratio: 4\/3;\r\n object-fit: cover;\r\n background: #1a7a8a;\r\n }\r\n\r\n \/* ----- RESPONSIVE ----- *\/\r\n @media (max-width: 1280px) {\r\n .container { padding: 0 28px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .cta-layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .cta-right {\r\n justify-content: flex-start;\r\n }\r\n .cta-image-wrap {\r\n max-width: 100%;\r\n }\r\n .section-cta::before,\r\n .section-cta::after {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-cta { padding: 60px 0 64px; }\r\n .container { padding: 0 24px; }\r\n .trust-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n }\r\n .trust-card {\r\n padding: 14px 10px 12px;\r\n }\r\n .trust-card .trust-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n .trust-card .trust-label {\r\n font-size: 0.75rem;\r\n }\r\n .trust-card .trust-value {\r\n font-size: 0.7rem;\r\n }\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .btn-cta-primary,\r\n .btn-cta-secondary,\r\n .btn-cta-phone {\r\n justify-content: center;\r\n }\r\n .cta-image-wrap {\r\n border-radius: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .container { padding: 0 18px; }\r\n .section-cta { padding: 48px 0 52px; }\r\n .trust-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 8px;\r\n }\r\n .trust-card {\r\n padding: 12px 8px 10px;\r\n border-radius: 12px;\r\n }\r\n .trust-card .trust-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n .trust-card .trust-label {\r\n font-size: 0.7rem;\r\n }\r\n .trust-card .trust-value {\r\n font-size: 0.65rem;\r\n }\r\n .badge-cta {\r\n font-size: 0.7rem;\r\n padding: 4px 14px;\r\n }\r\n .cta-image-wrap {\r\n border-radius: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .container { padding: 0 14px; }\r\n .trust-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 8px;\r\n }\r\n .trust-card {\r\n padding: 10px 6px 8px;\r\n }\r\n }\r\n\r\n \/* utilities *\/\r\n img, svg, picture {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"section-cta\" aria-labelledby=\"cta-heading\">\r\n <div class=\"container\">\r\n\r\n \r\n <span class=\"badge-cta\">Commercial Refrigerated Transport<\/span>\r\n\r\n \r\n <div class=\"cta-layout\">\r\n\r\n \r\n <div class=\"cta-left\">\r\n\r\n \r\n <h1 id=\"cta-heading\" class=\"cta-title\">Need a Reliable Chiller or Freezer Truck for Your Business?<\/h1>\r\n\r\n \r\n <p class=\"cta-desc\">\r\n Whether you require a one-time refrigerated delivery, scheduled commercial transport, or long-term cold chain logistics, Arctic Flow Transport provides dependable temperature-controlled transport solutions across the UAE. Contact our logistics team today for a customized quotation based on your transportation requirements.\r\n <\/p>\r\n\r\n \r\n <div class=\"trust-grid\">\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v20M2 12h20\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Temperature<\/div>\r\n <div class=\"trust-value\">+2\u00b0C to -25\u00b0C<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\/>\r\n <path d=\"M8 6v12M16 6v12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Fleet<\/div>\r\n <div class=\"trust-value\">1 Ton \u2013 10 Ton<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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=\"trust-label\">Availability<\/div>\r\n <div class=\"trust-value\">24\/7 Support<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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=\"trust-label\">Coverage<\/div>\r\n <div class=\"trust-value\">UAE Wide<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Booking<\/div>\r\n <div class=\"trust-value\">Phone & WhatsApp<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n <path d=\"M8 2v4M16 2v4\"\/>\r\n <path d=\"M3 10h18\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Rental Plans<\/div>\r\n <div class=\"trust-value\">Daily \u2022 Weekly \u2022 Monthly<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-buttons\">\r\n <a href=\"\/contact-us\/\" class=\"btn-cta-primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\r\n Request Free Quote\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-cta-secondary\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-cta-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-right\">\r\n <div class=\"cta-image-wrap\">\r\n <picture>\r\n <source srcset=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Crect width='480' height='360' fill='%231a7a8a'\/%3E%3Ctext x='30' y='170' font-family='system-ui, sans-serif' font-size='26' fill='%23FFFFFF' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='220' font-family='system-ui, sans-serif' font-size='18' fill='rgba(255,255,255,0.8)'%3ERequest Commercial Quote%3C\/text%3E%3Ctext x='30' y='250' font-family='system-ui, sans-serif' font-size='14' fill='rgba(255,255,255,0.5)'%3EProfessional Temperature-Controlled Fleet%3C\/text%3E%3C\/svg%3E\" type=\"image\/svg+xml\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Crect width='480' height='360' fill='%231a7a8a'\/%3E%3Ctext x='30' y='170' font-family='system-ui, sans-serif' font-size='26' fill='%23FFFFFF' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='220' font-family='system-ui, sans-serif' font-size='18' fill='rgba(255,255,255,0.8)'%3ERequest Commercial Quote%3C\/text%3E%3Ctext x='30' y='250' font-family='system-ui, sans-serif' font-size='14' fill='rgba(255,255,255,0.5)'%3EProfessional Temperature-Controlled Fleet%3C\/text%3E%3C\/svg%3E\" \r\n alt=\"Commercial Refrigerated Truck Rental UAE\" \r\n title=\"Request Commercial Quote\" \r\n loading=\"lazy\" \r\n width=\"480\" height=\"360\">\r\n <\/picture>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\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>Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE | Premium Cold Chain Logistics Skip to main content \u2b50\u2b50\u2b50\u2b50\u2b50 Trusted by Restaurants, Supermarkets, Catering & Pharma Businesses Chiller & Freezer Truck Rental UAE Professional Temperature-Controlled Transport Solutions Across the UAE Arctic Flow Transport provides professional chiller van rental, freezer truck rental, and refrigerated truck […]<\/p>\n","protected":false},"author":1,"featured_media":2286,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"enabled","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-493","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\/493","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":205,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/493\/revisions"}],"predecessor-version":[{"id":3795,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/493\/revisions\/3795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media\/2286"}],"wp:attachment":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media?parent=493"}],"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\t\t\r\n\r\n\r\n \r\n \r\n Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE | Premium Cold Chain Logistics<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE. Trusted by restaurants, supermarkets, catering & pharma businesses.\">\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/\">\r\n <meta property=\"og:title\" content=\"Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE\">\r\n <meta property=\"og:description\" content=\"Professional temperature-controlled transport solutions across the UAE. Commercial refrigerated fleet for restaurants, supermarkets, catering & pharma.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <meta name=\"theme-color\" content=\"#2997AA\">\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressCountry\": \"AE\"\r\n },\r\n \"areaServed\": [\r\n \"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\",\r\n \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"\r\n ],\r\n \"openingHours\": \"Mo-Su 00:00-23:59\",\r\n \"priceRange\": \"AED 250+\"\r\n }\r\n <\/script>\r\n <style>\r\n \/* ============================================\r\n GLOBAL RESET & BASE\r\n ============================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================\r\n HERO SECTION\r\n ============================================ *\/\r\n .hero {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0 calc(var(--section-padding) * 0.5);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .hero .container {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .hero-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1.25rem, 2.5vw, 2rem);\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .hero-badge .stars {\r\n display: inline-flex;\r\n gap: 0.1rem;\r\n font-size: clamp(0.65rem, 0.8vw, 0.8rem);\r\n letter-spacing: 0.05em;\r\n color: #f5b342;\r\n }\r\n\r\n .hero-badge .stars span {\r\n color: var(--color-primary);\r\n }\r\n\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 color: var(--color-heading);\r\n letter-spacing: -0.025em;\r\n max-width: 14ch;\r\n }\r\n\r\n .hero-title .highlight {\r\n color: var(--color-primary);\r\n position: relative;\r\n }\r\n\r\n .hero-sub {\r\n font-size: clamp(1rem, 1.4vw, 1.25rem);\r\n font-weight: 400;\r\n color: var(--color-text);\r\n letter-spacing: 0.01em;\r\n max-width: 48rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .hero-desc {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================\r\n HERO IMAGE (RIGHT)\r\n ============================================ *\/\r\n .hero-image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .hero-image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .hero-image-wrapper picture,\r\n .hero-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .hero-image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .hero-image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .hero-image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ---- fallback placeholder ---- *\/\r\n .hero-image-wrapper .image-placeholder {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n\r\n .hero-image-wrapper.has-fallback .image-placeholder {\r\n display: flex;\r\n }\r\n\r\n .hero-image-wrapper.has-fallback picture,\r\n .hero-image-wrapper.has-fallback img {\r\n display: none;\r\n }\r\n\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================\r\n STATISTICS CARDS\r\n ============================================ *\/\r\n .stats-section {\r\n padding: 0 0 var(--section-padding);\r\n background: var(--color-bg);\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n margin-top: clamp(1.5rem, 3vw, 3rem);\r\n }\r\n\r\n .stat-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.35rem;\r\n min-height: 120px;\r\n height: 100%;\r\n }\r\n\r\n .stat-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .stat-icon {\r\n font-size: clamp(1.5rem, 2vw, 2rem);\r\n line-height: 1;\r\n margin-bottom: 0.15rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .stat-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.06em;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .stat-value {\r\n font-size: clamp(0.85rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.4;\r\n }\r\n\r\n .stat-value .tag {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-size: 0.7em;\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n margin: 0.1rem 0.15rem;\r\n white-space: nowrap;\r\n }\r\n\r\n .stat-value .tag-sm {\r\n font-size: 0.65em;\r\n padding: 0.05rem 0.4rem;\r\n }\r\n\r\n .stat-value .city-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.4rem;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .stat-value .city-list .city {\r\n font-size: 0.8em;\r\n font-weight: 500;\r\n color: var(--color-text);\r\n background: var(--color-white);\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 4px;\r\n border: 1px solid var(--color-border);\r\n }\r\n\r\n .stat-value .industry-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.4rem;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .stat-value .industry-list .ind {\r\n font-size: 0.75em;\r\n font-weight: 500;\r\n color: var(--color-text);\r\n background: var(--color-white);\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 4px;\r\n border: 1px solid var(--color-border);\r\n }\r\n\r\n .stat-value .bullet-sep {\r\n color: var(--color-border);\r\n margin: 0 0.1rem;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (min-width: 1920px) {\r\n .hero-title {\r\n font-size: clamp(3.6rem, 4.2vw, 4.8rem);\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .hero-title {\r\n font-size: clamp(2.6rem, 4.8vw, 3.8rem);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .hero-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .hero-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.75rem;\r\n }\r\n .hero-title {\r\n font-size: clamp(2.2rem, 4.2vw, 3rem);\r\n max-width: 100%;\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .stats-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .stat-card {\r\n min-height: 110px;\r\n padding: 1.25rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 2.5rem 0 1.5rem;\r\n }\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .hero-content {\r\n order: 1;\r\n }\r\n .hero-image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n .hero-title {\r\n font-size: clamp(2rem, 5.5vw, 2.6rem);\r\n max-width: 100%;\r\n }\r\n .hero-sub {\r\n font-size: clamp(0.95rem, 1.6vw, 1.1rem);\r\n }\r\n .hero-desc {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n .hero-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n .hero-image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n .stats-section {\r\n padding: 0 0 2.5rem;\r\n }\r\n .stats-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n margin-top: 1.75rem;\r\n }\r\n .stat-card {\r\n min-height: 100px;\r\n padding: 1rem 1.1rem;\r\n }\r\n .stat-icon {\r\n font-size: 1.3rem;\r\n }\r\n .stat-label {\r\n font-size: 0.55rem;\r\n }\r\n .stat-value {\r\n font-size: 0.8rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.7rem;\r\n padding: 0.05rem 0.45rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.65rem;\r\n padding: 0.05rem 0.45rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n padding: 1.75rem 0 1.25rem;\r\n }\r\n .hero-grid {\r\n gap: 1.5rem;\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .hero-title {\r\n font-size: clamp(1.6rem, 7vw, 2.2rem);\r\n }\r\n .hero-sub {\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n }\r\n .hero-desc {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n .hero-badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n .hero-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n white-space: nowrap;\r\n flex: 0 1 auto;\r\n }\r\n .hero-image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n .stats-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n margin-top: 1.25rem;\r\n }\r\n .stat-card {\r\n min-height: 88px;\r\n padding: 0.85rem 0.9rem;\r\n border-radius: 16px;\r\n }\r\n .stat-icon {\r\n font-size: 1.1rem;\r\n }\r\n .stat-label {\r\n font-size: 0.5rem;\r\n letter-spacing: 0.04em;\r\n }\r\n .stat-value {\r\n font-size: 0.7rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.55rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .stat-value .bullet-sep {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .hero-title {\r\n font-size: clamp(1.4rem, 6.5vw, 1.8rem);\r\n }\r\n .hero-actions {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n white-space: nowrap;\r\n }\r\n .stats-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .stat-card {\r\n min-height: 80px;\r\n padding: 0.7rem 0.75rem;\r\n border-radius: 14px;\r\n }\r\n .stat-icon {\r\n font-size: 1rem;\r\n }\r\n .stat-label {\r\n font-size: 0.45rem;\r\n }\r\n .stat-value {\r\n font-size: 0.65rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .hero {\r\n padding: 1.25rem 0 0.75rem;\r\n }\r\n .hero-title {\r\n font-size: clamp(1.2rem, 5.5vw, 1.5rem);\r\n }\r\n .hero-sub {\r\n font-size: 0.75rem;\r\n }\r\n .hero-desc {\r\n font-size: 0.7rem;\r\n }\r\n .hero-badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n .hero-badge .stars {\r\n font-size: 0.5rem;\r\n }\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n .hero-image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .hero-image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n .stats-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n }\r\n .stat-card {\r\n min-height: 70px;\r\n padding: 0.6rem 0.6rem;\r\n border-radius: 12px;\r\n }\r\n .stat-icon {\r\n font-size: 0.85rem;\r\n }\r\n .stat-label {\r\n font-size: 0.4rem;\r\n letter-spacing: 0.03em;\r\n }\r\n .stat-value {\r\n font-size: 0.55rem;\r\n }\r\n .stat-value .city-list .city {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .stat-value .industry-list .ind {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .stat-value .tag {\r\n font-size: 0.45rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n }\r\n\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .hero-image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .stat-card {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n <section class=\"hero\" aria-labelledby=\"hero-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n <div class=\"hero-grid\">\r\n\r\n \r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-badge\" aria-label=\"Rated 5 out of 5 stars by trusted businesses\">\r\n <span class=\"stars\" aria-hidden=\"true\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/span>\r\n <span>Trusted by Restaurants, Supermarkets, Catering & Pharma Businesses<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"hero-heading\" class=\"hero-title\">\r\n Chiller & <span class=\"highlight\">Freezer Truck<\/span> Rental UAE\r\n <\/h1>\r\n\r\n <p class=\"hero-sub\">\r\n Professional Temperature-Controlled Transport Solutions Across the UAE\r\n <\/p>\r\n\r\n <p class=\"hero-desc\">\r\n Arctic Flow Transport provides professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE. Our commercial fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, food distributors, and businesses requiring dependable temperature-controlled logistics.\r\n <br><br>\r\n We provide flexible daily, weekly, monthly, and long-term refrigerated transport solutions while maintaining temperatures from +2\u00b0C to -25\u00b0C for commercial cold chain operations.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\" role=\"group\" aria-label=\"Primary actions\">\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Book Now \u2014 contact us to book your refrigerated truck\">\r\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udccb<\/span>\r\n Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now \u2014 message us on WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udcac<\/span>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now \u2014 call our team\">\r\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udcde<\/span>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-image-wrapper\" role=\"img\" aria-label=\"Arctic Flow Transport Chiller Freezer Truck Rental UAE \u2014 Professional refrigerated truck fleet in the UAE\">\r\n\r\n \r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-8.46.09-AM-1.jpeg\"\r\n alt=\"Arctic Flow Transport Chiller Freezer Truck Rental UAE \u2014 Professional refrigerated truck fleet in the UAE\"\r\n title=\"Professional Refrigerated Truck Rental UAE\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n style=\"width:100%; height:100%; object-fit:cover;\"\r\n onerror=\"this.style.display='none'; this.parentElement.querySelector('.image-placeholder').style.display='flex';\"\r\n >\r\n\r\n \r\n <div class=\"image-placeholder\" aria-hidden=\"true\" style=\"display:none;\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Commercial Temperature-Controlled Fleet Across UAE<\/div>\r\n <div class=\"label\">Refrigerated Truck Fleet<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-image-caption\" aria-hidden=\"true\">\r\n Commercial Temperature-Controlled Fleet Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Refrigerated Trucks<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"stats-section\">\r\n <div class=\"stats-grid\">\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"stat-label\">Temperature Range<\/div>\r\n <div class=\"stat-value\">\r\n <span class=\"tag\">+2\u00b0C<\/span> to <span class=\"tag\">-25\u00b0C<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\ude9a<\/div>\r\n <div class=\"stat-label\">Fleet Capacity<\/div>\r\n <div class=\"stat-value\">\r\n <span class=\"tag tag-sm\">1 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">3 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">5 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">7 Ton<\/span>\r\n <span class=\"bullet-sep\" aria-hidden=\"true\">\u00b7<\/span>\r\n <span class=\"tag tag-sm\">10 Ton<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udcb0<\/div>\r\n <div class=\"stat-label\">Starting Rental<\/div>\r\n <div class=\"stat-value\">\r\n From <strong>AED 250<\/strong> \/ Day\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udccd<\/div>\r\n <div class=\"stat-label\">Service Coverage<\/div>\r\n <div class=\"stat-value\">\r\n <div class=\"city-list\">\r\n <span class=\"city\">Abu Dhabi<\/span>\r\n <span class=\"city\">Dubai<\/span>\r\n <span class=\"city\">Sharjah<\/span>\r\n <span class=\"city\">Ajman<\/span>\r\n <span class=\"city\">Al Ain<\/span>\r\n <span class=\"city\">Ras Al Khaimah<\/span>\r\n <span class=\"city\">Fujairah<\/span>\r\n <span class=\"city\">Umm Al Quwain<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udd52<\/div>\r\n <div class=\"stat-label\">Availability<\/div>\r\n <div class=\"stat-value\">\r\n 24\/7 Commercial Support\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div>\r\n <div class=\"stat-label\">Industries<\/div>\r\n <div class=\"stat-value\">\r\n <div class=\"industry-list\">\r\n <span class=\"ind\">Restaurants<\/span>\r\n <span class=\"ind\">Hotels<\/span>\r\n <span class=\"ind\">Supermarkets<\/span>\r\n <span class=\"ind\">Catering<\/span>\r\n <span class=\"ind\">Pharmaceutical<\/span>\r\n <span class=\"ind\">Food Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2070f45 e-flex e-con-boxed e-con e-parent\" data-id=\"2070f45\" 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-7738b2e elementor-widget elementor-widget-html\" data-id=\"7738b2e\" 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 Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport is a UAE-based commercial transport company providing professional chiller van rental, freezer truck rental, refrigerated truck rental, and cold chain logistics solutions across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/about\/\" \/>\r\n <meta property=\"og:title\" content=\"About Arctic Flow Transport \u2014 Professional Chiller & Freezer Truck Rental UAE\" \/>\r\n <meta property=\"og:description\" content=\"Professional temperature-controlled transport solutions across the UAE. Trusted by restaurants, supermarkets, catering & pharma businesses.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional chiller van rental, freezer truck rental, and refrigerated truck rental services across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"address\": { \"@type\": \"PostalAddress\", \"addressCountry\": \"AE\" },\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"],\r\n \"openingHours\": \"Mo-Su 00:00-23:59\",\r\n \"priceRange\": \"AED 250+\"\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 ABOUT\r\n ============================================================ *\/\r\n .about-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .about-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT\r\n ============================================================ *\/\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n \/* ============================================================\r\n CONTENT BLOCK\r\n ============================================================ *\/\r\n .about-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n \/* ---- Badge ---- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n \/* ---- Headings ---- *\/\r\n .about-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* ---- Description ---- *\/\r\n .about-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .about-text p {\r\n margin-bottom: 1rem;\r\n }\r\n .about-text p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* ---- Buttons ---- *\/\r\n .actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n SERVICE CARDS\r\n ============================================================ *\/\r\n .service-cards {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .service-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 220px;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .service-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: clamp(1rem, 1.1vw, 1.2rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.2rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: clamp(0.8rem, 0.85vw, 0.9rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .service-card .ideal-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .service-card .ideal-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.25rem 0.4rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.75em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.5rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .service-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .service-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .service-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .service-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n TRUST PANEL\r\n ============================================================ *\/\r\n .trust-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .trust-panel .trust-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .about-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .about-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .about-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .about-grid {\r\n gap: 1.75rem;\r\n }\r\n .about-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-cards {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n }\r\n .service-card {\r\n min-height: 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .about-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .about-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .about-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .about-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .service-cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n margin-top: 1.75rem;\r\n }\r\n\r\n .service-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 160px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.7rem;\r\n padding: 0.3rem 1rem;\r\n }\r\n\r\n .trust-panel {\r\n padding: 1.5rem;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .trust-panel .trust-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .about-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n\r\n .about-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .about-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n white-space: nowrap;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-cards {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n .service-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 140px;\r\n border-radius: 16px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n\r\n .trust-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .trust-panel .trust-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .about-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n white-space: nowrap;\r\n }\r\n\r\n .service-cards {\r\n gap: 0.6rem;\r\n }\r\n\r\n .service-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .about-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .about-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .about-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-cards {\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .service-card {\r\n padding: 0.6rem 0.6rem;\r\n min-height: 100px;\r\n border-radius: 12px;\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .service-card .ideal-for {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n\r\n .service-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n\r\n .trust-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .trust-panel .trust-heading {\r\n font-size: 1rem;\r\n }\r\n\r\n .trust-panel .trust-text {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .service-card,\r\n .trust-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"about-section\" aria-labelledby=\"about-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"about-grid\">\r\n\r\n \r\n <div class=\"about-content\">\r\n\r\n \r\n <div class=\"badge\" aria-label=\"About section\">\r\n <span>About Arctic Flow Transport<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 id=\"about-heading\" class=\"about-heading\">\r\n Professional Chiller & Freezer Truck Rental Company in UAE\r\n <\/h1>\r\n\r\n \r\n <div class=\"about-text\">\r\n <p>\r\n Arctic Flow Transport is a UAE-based commercial transport company providing professional chiller van rental, freezer truck rental, refrigerated truck rental, and cold chain logistics solutions across the UAE.\r\n <\/p>\r\n <p>\r\n Our temperature-controlled fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, food distributors, warehouses, and commercial businesses requiring reliable refrigerated transportation.\r\n <\/p>\r\n <p>\r\n Whether you require a one-day rental, scheduled deliveries, emergency transport, or long-term commercial logistics support, our fleet helps maintain product quality through dependable temperature-controlled transport.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"actions\" role=\"group\" aria-label=\"About actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Our Services \u2014 explore our refrigerated fleet\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Our Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now \u2014 message us on WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now \u2014 call our team\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Professional Chiller and Freezer Truck Rental UAE \u2014 Arctic Flow Transport fleet\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/Chiller_truck_vs_freezer_truck_202607080047.jpeg\" type=\"image\/webp\" \/>\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=\"Professional Chiller and Freezer Truck Rental UAE \u2014 Arctic Flow Transport commercial refrigerated fleet\"\r\n title=\"About Arctic Flow Transport\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n \r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\u2744\ufe0f\ud83d\ude9b<\/div>\r\n <div>Commercial Refrigerated Fleet Ready Across UAE<\/div>\r\n <div class=\"label\">about-arctic-flow-transport.webp<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Commercial Refrigerated Fleet Ready Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Refrigerated Trucks<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"service-cards\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chiller Vans<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Fresh Food<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Flowers<\/span>\r\n <span class=\"tag-item\">Beverages<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chiller Trucks<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Explore Fleet <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Trucks<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Service <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M6 14h4\" \/>\r\n <path d=\"M14 14h4\" \/>\r\n <path d=\"M10 18h4\" \/>\r\n <path d=\"M6 18h4\" \/>\r\n <path d=\"M14 18h4\" \/>\r\n <circle cx=\"9\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"15\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Trucks<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Mixed Cold Chain<\/span>\r\n <span class=\"tag-item\">Food Distribution<\/span>\r\n <span class=\"tag-item\">Pharmaceutical<\/span>\r\n <span class=\"tag-item\">Commercial Logistics<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Logistics<\/h3>\r\n <div class=\"temp-range\">Temperature-Controlled Transport<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Services<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Commercial Distribution<\/span>\r\n <span class=\"tag-item\">Warehouse Transfers<\/span>\r\n <span class=\"tag-item\">Medical Logistics<\/span>\r\n <span class=\"tag-item\">Food Supply Chain<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"trust-panel\">\r\n\r\n <h3 class=\"trust-heading\">\r\n Reliable Temperature-Controlled Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"trust-text\">\r\n Arctic Flow Transport provides dependable refrigerated transport solutions for commercial businesses across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah, and Umm Al Quwain. Our professional fleet supports chilled and frozen transportation while helping businesses maintain product quality and uninterrupted cold chain operations.\r\n <\/p>\r\n\r\n <div class=\"trust-actions\" role=\"group\" aria-label=\"Trust actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Our Services\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Our Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-e0bb292 elementor-widget elementor-widget-html\" data-id=\"e0bb292\" 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 Highlights & Pricing Overview \u2014 Arctic Flow Transport<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport offers commercial refrigerated fleet for every business across the UAE. Daily, weekly, monthly rentals. Chiller vans, freezer trucks, custom fleet solutions.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/fleet\/\" \/>\r\n <meta property=\"og:title\" content=\"Fleet Highlights & Pricing Overview \u2014 Arctic Flow Transport\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated fleet for every business. Chiller vans, freezer trucks, custom fleet solutions across the UAE.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Commercial refrigerated fleet for every business across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 FLEET HIGHLIGHTS\r\n ============================================================ *\/\r\n .fleet-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .fleet-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .fleet-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (intro + image)\r\n ============================================================ *\/\r\n .fleet-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .fleet-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n \/* ---- Badge ---- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n \/* ---- Headings ---- *\/\r\n .fleet-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* ---- Description ---- *\/\r\n .fleet-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Buttons ---- *\/\r\n .actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n HIGHLIGHT CARDS (Top Row)\r\n ============================================================ *\/\r\n .highlight-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .highlight-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.35rem;\r\n min-height: 100px;\r\n height: 100%;\r\n }\r\n\r\n .highlight-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .highlight-card .card-icon {\r\n font-size: clamp(1.5rem, 2vw, 2rem);\r\n line-height: 1;\r\n margin-bottom: 0.15rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-card .card-icon svg {\r\n width: clamp(1.8rem, 2.4vw, 2.6rem);\r\n height: clamp(1.8rem, 2.4vw, 2.6rem);\r\n stroke: var(--color-primary);\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .highlight-card .card-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.06em;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .highlight-card .card-value {\r\n font-size: clamp(0.85rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.4;\r\n }\r\n\r\n .highlight-card .card-value .tag {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-size: 0.7em;\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n margin: 0.1rem 0.15rem;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* ============================================================\r\n FLEET VEHICLE CARDS (Center)\r\n ============================================================ *\/\r\n .fleet-vehicle-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .vehicle-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 280px;\r\n position: relative;\r\n }\r\n\r\n .vehicle-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .vehicle-card .card-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .vehicle-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .vehicle-card h3 {\r\n font-size: clamp(1rem, 1.1vw, 1.2rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .vehicle-card .temp-range {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.2rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .vehicle-card .price {\r\n font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n }\r\n\r\n .vehicle-card .price small {\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n color: var(--color-text);\r\n }\r\n\r\n .vehicle-card .ideal-for {\r\n font-size: clamp(0.8rem, 0.85vw, 0.9rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .vehicle-card .ideal-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.25rem 0.4rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.75em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.5rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .vehicle-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .vehicle-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .vehicle-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .vehicle-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Most Popular badge *\/\r\n .badge-popular {\r\n position: absolute;\r\n top: 0.75rem;\r\n right: 0.75rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM INFO PANEL\r\n ============================================================ *\/\r\n .info-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .info-panel .info-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .info-panel .info-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n \/* ============================================================\r\n QUICK FEATURES (6 small cards)\r\n ============================================================ *\/\r\n .quick-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .quick-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.8rem, 1.2vw, 1.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n min-height: 60px;\r\n }\r\n\r\n .quick-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .quick-card .check-icon {\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n\r\n .quick-card .check-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .quick-card .quick-label {\r\n font-size: clamp(0.7rem, 0.8vw, 0.85rem);\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM ACTIONS (optional \u2013 we already have actions in intro)\r\n ============================================================ *\/\r\n .bottom-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .fleet-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .fleet-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .fleet-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .fleet-grid {\r\n gap: 1.75rem;\r\n }\r\n .fleet-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n\r\n .highlight-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .fleet-vehicle-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n }\r\n .quick-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .fleet-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .fleet-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .fleet-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .fleet-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .fleet-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .highlight-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.875rem;\r\n }\r\n .highlight-card {\r\n min-height: 80px;\r\n padding: 1rem 1.1rem;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.55rem;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .vehicle-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 200px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.9rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.7rem;\r\n padding: 0.3rem 1rem;\r\n }\r\n .badge-popular {\r\n font-size: 0.55rem;\r\n padding: 0.15rem 0.6rem;\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n }\r\n\r\n .info-panel {\r\n padding: 1.5rem;\r\n }\r\n .info-panel .info-heading {\r\n font-size: 1.2rem;\r\n }\r\n .info-panel .info-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .quick-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .quick-card {\r\n padding: 0.8rem 1rem;\r\n min-height: 50px;\r\n }\r\n .quick-card .check-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .fleet-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .fleet-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n\r\n .fleet-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .fleet-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .highlight-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .highlight-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 70px;\r\n border-radius: 16px;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.5rem;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 180px;\r\n border-radius: 16px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.8rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n .badge-popular {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .info-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .info-panel .info-heading {\r\n font-size: 1.1rem;\r\n }\r\n .info-panel .info-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .quick-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .quick-card {\r\n padding: 0.6rem 0.8rem;\r\n min-height: 44px;\r\n border-radius: 14px;\r\n }\r\n .quick-card .check-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .fleet-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .highlight-grid {\r\n gap: 0.6rem;\r\n }\r\n .highlight-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 60px;\r\n border-radius: 14px;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.45rem;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n gap: 0.6rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 160px;\r\n border-radius: 14px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n\r\n .quick-grid {\r\n gap: 0.5rem;\r\n }\r\n .quick-card {\r\n padding: 0.5rem 0.6rem;\r\n min-height: 38px;\r\n border-radius: 12px;\r\n }\r\n .quick-card .check-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.65rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .fleet-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .fleet-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .fleet-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .highlight-grid {\r\n gap: 0.5rem;\r\n }\r\n .highlight-card {\r\n padding: 0.6rem 0.6rem;\r\n min-height: 50px;\r\n border-radius: 12px;\r\n }\r\n .highlight-card .card-icon svg {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .highlight-card .card-label {\r\n font-size: 0.4rem;\r\n letter-spacing: 0.03em;\r\n }\r\n .highlight-card .card-value {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .fleet-vehicle-grid {\r\n gap: 0.5rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.6rem 0.6rem;\r\n min-height: 140px;\r\n border-radius: 12px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.55rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n .badge-popular {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n top: 0.4rem;\r\n right: 0.4rem;\r\n }\r\n\r\n .info-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .info-panel .info-heading {\r\n font-size: 1rem;\r\n }\r\n .info-panel .info-text {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .quick-grid {\r\n gap: 0.4rem;\r\n }\r\n .quick-card {\r\n padding: 0.4rem 0.5rem;\r\n min-height: 32px;\r\n border-radius: 10px;\r\n }\r\n .quick-card .check-icon {\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n }\r\n .quick-card .quick-label {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .highlight-card,\r\n .vehicle-card,\r\n .quick-card,\r\n .info-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"fleet-section\" aria-labelledby=\"fleet-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"fleet-grid\">\r\n\r\n \r\n <div class=\"fleet-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Fleet section\">\r\n <span>Commercial Fleet<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"fleet-heading\" class=\"fleet-heading\">\r\n Professional Refrigerated Fleet for Every Business\r\n <\/h1>\r\n\r\n <div class=\"fleet-text\">\r\n <p>\r\n Whether you require chilled transportation, frozen logistics, or complete refrigerated transport solutions, Arctic Flow Transport offers commercial vehicles suitable for businesses of every size. Our fleet supports restaurants, supermarkets, hotels, pharmaceutical suppliers, catering companies, warehouses, food manufacturers and commercial distributors across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"actions\" role=\"group\" aria-label=\"Fleet actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Explore Fleet \u2014 view our full range\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Explore Fleet\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Commercial Refrigerated Fleet UAE \u2014 Arctic Flow Transport professional vehicles\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_refrigerated_box_truck_iso\u2026_202606281556.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_refrigerated_box_truck_iso\u2026_202606281556.jpeg\"\r\n alt=\"Commercial Refrigerated Fleet UAE \u2014 chiller and freezer trucks ready for rent\"\r\n title=\"Professional Chiller & Freezer Fleet\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Commercial Temperature-Controlled Vehicles<\/div>\r\n <div class=\"label\">commercial-refrigerated-fleet-uae.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Commercial Temperature-Controlled Vehicles\r\n <span>Chiller \u00b7 Freezer \u00b7 Custom Fleet<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-grid\">\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Temperature Range<\/div>\r\n <div class=\"card-value\">\r\n <span class=\"tag\">+2\u00b0C<\/span> to <span class=\"tag\">-25\u00b0C<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Fleet Capacity<\/div>\r\n <div class=\"card-value\">\r\n <span class=\"tag\">1 Ton<\/span> \u00b7 <span class=\"tag\">3 Ton<\/span> \u00b7 <span class=\"tag\">5 Ton<\/span> \u00b7 <span class=\"tag\">7 Ton<\/span> \u00b7 <span class=\"tag\">10 Ton<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Availability<\/div>\r\n <div class=\"card-value\">24\/7 Commercial Support<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-label\">Coverage<\/div>\r\n <div class=\"card-value\">All Major Emirates of UAE<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-vehicle-grid\">\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1 Ton Chiller Van<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Caf\u00e9s<\/span>\r\n <span class=\"tag-item\">Florists<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <span class=\"tag-item\">Fresh Deliveries<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <span class=\"badge-popular\">Most Popular<\/span>\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Chiller Truck<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"price\">AED 400 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8h12M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"10\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"14\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>5 Ton Chiller Truck<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"price\">AED 650 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Wholesale<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <span class=\"tag-item\">Retail<\/span>\r\n <span class=\"tag-item\">Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Truck<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"price\">AED 1200 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Custom Fleet<\/h3>\r\n <div class=\"temp-range\">Long-Term Rental<\/div>\r\n <div class=\"price\">Monthly Packages<\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Services<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Dedicated Fleet<\/span>\r\n <span class=\"tag-item\">Commercial Contracts<\/span>\r\n <span class=\"tag-item\">Custom Pricing<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Request Quote <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"info-panel\">\r\n\r\n <h3 class=\"info-heading\">\r\n Flexible Rental Plans for Every Business\r\n <\/h3>\r\n\r\n <p class=\"info-text\">\r\n We offer daily, weekly, monthly, project-based and long-term refrigerated truck rental solutions. Pricing depends on vehicle size, rental duration, transport distance, temperature requirements and operational scheduling. Contact our logistics team for a customized commercial quotation.\r\n <\/p>\r\n\r\n \r\n <div class=\"quick-grid\">\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Daily Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Weekly Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Monthly Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Commercial Contracts<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Same-Day Dispatch<\/span>\r\n <\/div>\r\n\r\n <div class=\"quick-card\">\r\n <span class=\"check-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"quick-label\">Temperature-Controlled Fleet<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-actions\" role=\"group\" aria-label=\"Additional fleet actions\">\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Explore Fleet\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Explore Fleet\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-75f9ddc elementor-widget elementor-widget-html\" data-id=\"75f9ddc\" 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>Our Services \u2014 Arctic Flow Transport | Refrigerated Truck Rental UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional refrigerated truck rental, chiller truck rental, freezer truck rental, and cold chain logistics services across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/services\/\" \/>\r\n <meta property=\"og:title\" content=\"Our Services \u2014 Arctic Flow Transport | Temperature-Controlled Transport Solutions\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated transport services across the UAE. Chiller vans, freezer trucks, cold chain logistics for businesses of every size.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated truck rental, chiller truck rental, freezer truck rental, and cold chain logistics services across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 SERVICES\r\n ============================================================ *\/\r\n .services-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .services-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .services-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (intro + image)\r\n ============================================================ *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .services-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n \/* ---- Badge ---- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n \/* ---- Headings ---- *\/\r\n .services-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 16ch;\r\n }\r\n\r\n \/* ---- Description ---- *\/\r\n .services-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Buttons ---- *\/\r\n .actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n SERVICE CARDS (8 cards, 4 columns)\r\n ============================================================ *\/\r\n .service-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .service-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 240px;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .service-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .service-card .temp-range {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.15rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .service-card .suitable-for {\r\n font-size: clamp(0.75rem, 0.8vw, 0.85rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .service-card .suitable-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .service-card .suitable-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.7em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .service-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.35rem 1.1rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .service-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .service-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .service-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM HIGHLIGHT PANEL\r\n ============================================================ *\/\r\n .highlight-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .highlight-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .highlight-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .highlight-panel .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .services-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .services-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .services-grid {\r\n gap: 2rem;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .service-card-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .services-grid {\r\n gap: 1.75rem;\r\n }\r\n .services-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .service-card {\r\n min-height: 200px;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .services-grid {\r\n gap: 1.75rem;\r\n }\r\n .service-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .service-card {\r\n min-height: 190px;\r\n padding: 1.1rem;\r\n }\r\n .service-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .services-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .services-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .services-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .services-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .service-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 180px;\r\n }\r\n .service-card .card-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n\r\n .highlight-panel {\r\n padding: 1.5rem;\r\n }\r\n .highlight-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .highlight-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n .highlight-panel .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .services-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .services-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n\r\n .services-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .services-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .service-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 160px;\r\n border-radius: 16px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.6rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n\r\n .highlight-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .highlight-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .highlight-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n .highlight-panel .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .service-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 150px;\r\n border-radius: 14px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.55rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.6rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .services-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .service-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 130px;\r\n border-radius: 12px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.55rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .service-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 120px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.5rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.15rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .services-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .services-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .services-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .service-card {\r\n padding: 0.5rem 0.5rem;\r\n min-height: 110px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .service-card .temp-range {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.25rem;\r\n }\r\n .service-card .suitable-for {\r\n font-size: 0.45rem;\r\n }\r\n .service-card .suitable-for .tag-list .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .service-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n\r\n .highlight-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .highlight-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .highlight-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .highlight-panel .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .service-card,\r\n .highlight-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"services-section\" aria-labelledby=\"services-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"services-grid\">\r\n\r\n \r\n <div class=\"services-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Services section\">\r\n <span>Our Professional Services<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"services-heading\" class=\"services-heading\">\r\n Temperature-Controlled Transport Solutions for Every Commercial Requirement\r\n <\/h1>\r\n\r\n <div class=\"services-text\">\r\n <p>\r\n Arctic Flow Transport provides dependable refrigerated transport solutions for businesses requiring chilled, frozen, and temperature-controlled logistics across the UAE. Whether you need daily food distribution, pharmaceutical transport, commercial freezer trucks, or long-term cold chain support, our professional fleet is ready to meet your operational requirements.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"actions\" role=\"group\" aria-label=\"Service actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"View All Services \u2014 explore our complete range\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n View All Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Professional Refrigerated Transport Services UAE \u2014 Arctic Flow Transport commercial fleet\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.07-AM.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-29-at-1.46.07-AM.jpeg\"\r\n alt=\"Professional Refrigerated Transport Services UAE \u2014 chiller and freezer trucks for rent\"\r\n title=\"Commercial Chiller and Freezer Truck Services\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Complete Refrigerated Transport Solutions Across UAE<\/div>\r\n <div class=\"label\">temperature-controlled-services-uae.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Complete Refrigerated Transport Solutions Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card-grid\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Truck Rental UAE<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Mixed Cold Chain Transport<\/span>\r\n <span class=\"tag-item\">Food Distribution<\/span>\r\n <span class=\"tag-item\">Commercial Logistics<\/span>\r\n <span class=\"tag-item\">Pharmaceutical Transport<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chiller Truck Rental Abu Dhabi<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Fresh Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Truck Rental UAE<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Cold Storage<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M6 14h4\" \/>\r\n <path d=\"M14 14h4\" \/>\r\n <path d=\"M10 18h4\" \/>\r\n <path d=\"M6 18h4\" \/>\r\n <path d=\"M14 18h4\" \/>\r\n <circle cx=\"9\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"15\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Truck Rental Dubai<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Commercial Deliveries<\/span>\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-dubai\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1 Ton Chiller Van Rental<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Small Deliveries<\/span>\r\n <span class=\"tag-item\">Caf\u00e9s<\/span>\r\n <span class=\"tag-item\">Florists<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8h12M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"10\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"14\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Chiller Truck<\/h3>\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <span class=\"tag-item\">Medium Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <path d=\"M6 8h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Freezer Truck<\/h3>\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Distribution<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <span class=\"tag-item\">Supermarkets<\/span>\r\n <span class=\"tag-item\">Bulk Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Transport UAE<\/h3>\r\n <div class=\"temp-range\">Controlled Logistics<\/div>\r\n <div class=\"suitable-for\">\r\n <strong>Suitable For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Food Industry<\/span>\r\n <span class=\"tag-item\">Pharmaceutical<\/span>\r\n <span class=\"tag-item\">Medical<\/span>\r\n <span class=\"tag-item\">Commercial Supply Chain<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Explore Service <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"highlight-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Professional Cold Chain Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our refrigerated fleet supports commercial businesses requiring reliable temperature-controlled transportation throughout Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah, and Umm Al Quwain. Every transport solution is designed to help maintain product quality, improve operational efficiency, and support uninterrupted cold chain logistics.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Bottom service actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"View All Services\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n View All Services\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-05d42f3 elementor-widget elementor-widget-html\" data-id=\"05d42f3\" 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 \u2014 Refrigerated Truck Rental UAE<\/title>\r\n <meta name=\"description\" content=\"Businesses across the UAE rely on Arctic Flow Transport for dependable refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics solutions.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/why-choose-us\/\" \/>\r\n <meta property=\"og:title\" content=\"Why Choose Arctic Flow Transport \u2014 Trusted Refrigerated Transport Partner\" \/>\r\n <meta property=\"og:description\" content=\"Reliable refrigerated truck rental, freezer truck rental, and cold chain logistics services across the UAE.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics solutions across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER\r\n ============================================================ *\/\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 WHY CHOOSE US\r\n ============================================================ *\/\r\n .why-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .why-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .why-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .why-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .why-text p {\r\n margin-bottom: 1rem;\r\n }\r\n .why-text p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* ============================================================\r\n FEATURE CARDS \u2014 8 cards, 4 columns\r\n ============================================================ *\/\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .feature-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n height: 100%;\r\n min-height: 180px;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .feature-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .feature-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-card .card-desc {\r\n font-size: clamp(0.75rem, 0.85vw, 0.9rem);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n }\r\n\r\n .feature-card .card-desc .temp-highlight {\r\n font-weight: 600;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n padding: 0.05rem 0.35rem;\r\n border-radius: 3px;\r\n }\r\n\r\n .feature-card .card-desc .plan-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.5rem;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.5rem;\r\n border-radius: 4px;\r\n font-size: 0.8em;\r\n }\r\n\r\n \/* ============================================================\r\n TRUST METRICS ROW\r\n ============================================================ *\/\r\n .metrics-row {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .metric-item {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.8rem, 1.2vw, 1.25rem);\r\n border: 1px solid var(--color-border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow-soft);\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 .metric-item:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .metric-item .metric-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n color: var(--color-primary);\r\n flex-shrink: 0;\r\n }\r\n\r\n .metric-item .metric-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .metric-item .metric-label {\r\n font-size: clamp(0.55rem, 0.65vw, 0.7rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: var(--color-primary);\r\n }\r\n\r\n .metric-item .metric-value {\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n .metric-item .metric-value .sep {\r\n color: var(--color-border);\r\n margin: 0 0.15rem;\r\n }\r\n\r\n \/* ============================================================\r\n COMMITMENT PANEL (split layout)\r\n ============================================================ *\/\r\n .commitment-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .commitment-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .commitment-content .commitment-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .commitment-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .why-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .why-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n .commitment-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .why-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .feature-card {\r\n min-height: 160px;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.875rem;\r\n }\r\n\r\n .commitment-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .commitment-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .feature-card {\r\n min-height: 150px;\r\n padding: 1.1rem;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.5rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .commitment-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .why-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .intro-block {\r\n max-width: 100%;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .why-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .feature-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 140px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.75rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.7rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .metric-item {\r\n padding: 0.7rem 0.8rem;\r\n border-radius: 16px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.5rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .commitment-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .commitment-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .commitment-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .why-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .why-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .feature-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.7rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.6rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .feature-card .card-desc .temp-highlight {\r\n font-size: 0.85em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .metric-item {\r\n padding: 0.6rem 0.7rem;\r\n border-radius: 14px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.45rem;\r\n letter-spacing: 0.04em;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .commitment-grid {\r\n gap: 1.5rem;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: 1.2rem;\r\n }\r\n .commitment-content .commitment-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .commitment-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .feature-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.65rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.55rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.5rem;\r\n }\r\n .metric-item {\r\n padding: 0.5rem 0.5rem;\r\n border-radius: 12px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.4rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .why-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .feature-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 110px;\r\n border-radius: 12px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.6rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.5rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .feature-card .card-desc .temp-highlight {\r\n font-size: 0.85em;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.4rem;\r\n }\r\n .metric-item {\r\n padding: 0.4rem 0.4rem;\r\n border-radius: 10px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.35rem;\r\n letter-spacing: 0.03em;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.55rem;\r\n }\r\n .metric-item .metric-value .sep {\r\n margin: 0 0.1rem;\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: 1.1rem;\r\n }\r\n .commitment-content .commitment-text {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .metrics-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .feature-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 100px;\r\n border-radius: 10px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.55rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.45rem;\r\n padding: 0.02rem 0.2rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.4rem;\r\n }\r\n .metric-item {\r\n padding: 0.35rem 0.35rem;\r\n border-radius: 10px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.35rem;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .why-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .why-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .why-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .feature-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .feature-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .feature-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .feature-card .card-desc {\r\n font-size: 0.5rem;\r\n }\r\n .feature-card .card-desc .plan-list .plan-item {\r\n font-size: 0.4rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .feature-card .card-desc .temp-highlight {\r\n font-size: 0.85em;\r\n padding: 0.02rem 0.2rem;\r\n }\r\n\r\n .metrics-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.35rem;\r\n }\r\n .metric-item {\r\n padding: 0.3rem 0.3rem;\r\n border-radius: 8px;\r\n }\r\n .metric-item .metric-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .metric-item .metric-label {\r\n font-size: 0.3rem;\r\n letter-spacing: 0.02em;\r\n }\r\n .metric-item .metric-value {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .commitment-content .commitment-heading {\r\n font-size: 1rem;\r\n }\r\n .commitment-content .commitment-text {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .feature-card,\r\n .metric-item {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"why-section\" aria-labelledby=\"why-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Why choose us section\">\r\n <span>Why Choose Us<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"why-heading\" class=\"why-heading\">\r\n Trusted Refrigerated Transport Partner for Commercial Businesses Across the UAE\r\n <\/h1>\r\n\r\n <div class=\"why-text\">\r\n <p>\r\n Businesses across the UAE rely on Arctic Flow Transport for dependable refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics solutions. Our temperature-controlled fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, warehouses, and commercial distributors requiring reliable transport for temperature-sensitive products.\r\n <\/p>\r\n <p>\r\n We focus on dependable fleet availability, professional logistics coordination, flexible rental plans, and reliable temperature-controlled transportation designed to support uninterrupted commercial operations.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-grid\">\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 22v-2\" \/>\r\n <path d=\"M6 6l1.5 1.5\" \/>\r\n <path d=\"M18 6l-1.5 1.5\" \/>\r\n <path d=\"M6 18l1.5-1.5\" \/>\r\n <path d=\"M18 18l-1.5-1.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>24\/7 Commercial Support<\/h3>\r\n <div class=\"card-desc\">\r\n Professional logistics support for scheduled and emergency transport requirements.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <path d=\"M12 18v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Temperature-Controlled Fleet<\/h3>\r\n <div class=\"card-desc\">\r\n Vehicles operating between\r\n <span class=\"temp-highlight\">+2\u00b0C to +8\u00b0C<\/span>\r\n and\r\n <span class=\"temp-highlight\">-18\u00b0C to -25\u00b0C<\/span>\r\n depending on service requirements.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1\u201310 Ton Fleet<\/h3>\r\n <div class=\"card-desc\">\r\n Multiple vehicle sizes suitable for small deliveries and large commercial distribution.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <path d=\"M12 11v4\" \/>\r\n <path d=\"M9 14l3 3 3-3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Professional Drivers<\/h3>\r\n <div class=\"card-desc\">\r\n Experienced commercial drivers handling temperature-sensitive logistics.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Fast Dispatch<\/h3>\r\n <div class=\"card-desc\">\r\n Same-day dispatch subject to operational scheduling and fleet availability.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\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 <h3>Flexible Rental Plans<\/h3>\r\n <div class=\"card-desc\">\r\n <div class=\"plan-list\">\r\n <span class=\"plan-item\">Daily<\/span>\r\n <span class=\"plan-item\">Weekly<\/span>\r\n <span class=\"plan-item\">Monthly<\/span>\r\n <span class=\"plan-item\">Long-Term Contracts<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Logistics<\/h3>\r\n <div class=\"card-desc\">\r\n Professional refrigerated transport supporting food safety and product quality.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <path d=\"M2 12h4\" \/>\r\n <path d=\"M18 12h4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>UAE Service Coverage<\/h3>\r\n <div class=\"card-desc\">\r\n Supporting businesses across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah and Umm Al Quwain.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"metrics-row\">\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Temperature<\/span>\r\n <span class=\"metric-value\">+2\u00b0C to -25\u00b0C<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Fleet<\/span>\r\n <span class=\"metric-value\">1 Ton \u2013 10 Ton<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Availability<\/span>\r\n <span class=\"metric-value\">24\/7<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Coverage<\/span>\r\n <span class=\"metric-value\">All Major Emirates<\/span>\r\n <\/div>\r\n\r\n <div class=\"metric-item\">\r\n <span class=\"metric-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"metric-label\">Booking<\/span>\r\n <span class=\"metric-value\">WhatsApp & Phone<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"commitment-grid\">\r\n\r\n \r\n <div class=\"commitment-content\">\r\n\r\n <h3 class=\"commitment-heading\">\r\n Committed to Reliable Cold Chain Logistics\r\n <\/h3>\r\n\r\n <p class=\"commitment-text\">\r\n Arctic Flow Transport is committed to helping businesses maintain uninterrupted refrigerated logistics through dependable commercial transport solutions. From chilled food distribution and frozen product transportation to pharmaceutical deliveries and hospitality supply chains, our fleet supports temperature-controlled operations designed to protect product quality and improve delivery reliability across the UAE.\r\n <\/p>\r\n\r\n <div class=\"commitment-actions\" role=\"group\" aria-label=\"Commitment actions\">\r\n\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Get Free Quote \u2014 request a customized quotation\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <path d=\"M4.93 4.93l2.83 2.83\" \/>\r\n <path d=\"M16.24 16.24l2.83 2.83\" \/>\r\n <path d=\"M2 12h4\" \/>\r\n <path d=\"M18 12h4\" \/>\r\n <path d=\"M4.93 19.07l2.83-2.83\" \/>\r\n <path d=\"M16.24 7.76l2.83-2.83\" \/>\r\n <\/svg>\r\n <\/span>\r\n Get Free Quote\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Commercial Refrigerated Fleet UAE \u2014 Arctic Flow Transport temperature-controlled vehicles\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_chiller_van_driving_desert\u2026_202606290152.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/White_chiller_van_driving_desert\u2026_202606290152.jpeg\"\r\n alt=\"Commercial Refrigerated Fleet UAE \u2014 reliable temperature-controlled transport services\"\r\n title=\"Why Choose Arctic Flow Transport\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Reliable Temperature-Controlled Transport Across UAE<\/div>\r\n <div class=\"label\">why-businesses-choose-arctic-flow.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Reliable Temperature-Controlled Transport Across UAE\r\n <span>Chiller \u00b7 Freezer \u00b7 Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-829204c elementor-widget elementor-widget-html\" data-id=\"829204c\" 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 Serve \u2014 Arctic Flow Transport | Refrigerated Logistics UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional refrigerated logistics solutions for restaurants, hotels, supermarkets, pharmaceutical, dairy, and food distribution industries across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/industries\/\" \/>\r\n <meta property=\"og:title\" content=\"Industries We Serve \u2014 Arctic Flow Transport | Commercial Refrigerated Logistics\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated transport solutions for restaurants, hotels, supermarkets, pharmaceutical, dairy, and food distribution industries across the UAE.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated logistics solutions for restaurants, hotels, supermarkets, pharmaceutical, dairy, and food distribution industries across the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 INDUSTRIES\r\n ============================================================ *\/\r\n .industries-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .industries-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .industries-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .industry-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ============================================================\r\n INDUSTRY CARDS \u2014 10 cards, 5 columns\r\n ============================================================ *\/\r\n .industry-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .industry-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 200px;\r\n }\r\n\r\n .industry-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .industry-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .industry-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .industry-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .industry-card .card-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .industry-card .card-tags .tag-item {\r\n font-size: clamp(0.6rem, 0.65vw, 0.7rem);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .industry-card .rec-service {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.15rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .industry-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.3rem 1rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .industry-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .industry-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .industry-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n COMPARISON TABLE\r\n ============================================================ *\/\r\n .table-wrapper {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n overflow: hidden;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .table-wrapper table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n min-width: 600px;\r\n }\r\n\r\n .table-wrapper thead {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n }\r\n\r\n .table-wrapper thead th {\r\n padding: clamp(0.8rem, 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.7rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n .table-wrapper tbody tr {\r\n border-bottom: 1px solid var(--color-border);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .table-wrapper tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .table-wrapper tbody tr:hover {\r\n background: rgba(41, 151, 170, 0.04);\r\n }\r\n\r\n .table-wrapper tbody td {\r\n padding: clamp(0.7rem, 1vw, 1.1rem) clamp(1rem, 1.5vw, 1.75rem);\r\n color: var(--color-text);\r\n font-weight: 400;\r\n }\r\n\r\n .table-wrapper tbody td:first-child {\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n }\r\n\r\n .table-wrapper tbody td .temp-badge {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n font-size: 0.85em;\r\n }\r\n\r\n .table-wrapper tbody td .vehicle-tag {\r\n display: inline-block;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n font-weight: 500;\r\n padding: 0.05rem 0.6rem;\r\n border-radius: 4px;\r\n font-size: 0.85em;\r\n color: var(--color-heading);\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL (split with image)\r\n ============================================================ *\/\r\n .bottom-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .bottom-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-content .bottom-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n .bottom-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n IMAGE WRAPPER\r\n ============================================================ *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .industry-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .industry-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1rem;\r\n }\r\n .bottom-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .industry-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .industry-card {\r\n min-height: 170px;\r\n }\r\n\r\n .bottom-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .industry-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .industry-card {\r\n min-height: 150px;\r\n padding: 1.1rem;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.6rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.65rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.65rem;\r\n padding: 0.25rem 0.8rem;\r\n }\r\n\r\n .bottom-grid {\r\n gap: 1.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .industries-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .intro-block {\r\n max-width: 100%;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .industry-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .industry-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 140px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.6rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n\r\n .bottom-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .bottom-content {\r\n order: 1;\r\n }\r\n .image-wrapper {\r\n order: 0;\r\n aspect-ratio: 16 \/ 10;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .bottom-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.8rem;\r\n min-width: 500px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.7rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.6rem 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .industries-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .industry-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .industry-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.55rem;\r\n padding: 0.08rem 0.4rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n\r\n .bottom-grid {\r\n gap: 1.5rem;\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-content .bottom-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .bottom-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.7rem;\r\n min-width: 420px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.5rem 0.8rem;\r\n font-size: 0.6rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.5rem 0.8rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .table-wrapper tbody td .vehicle-tag {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .industry-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.5rem;\r\n padding: 0.08rem 0.35rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.65rem;\r\n min-width: 360px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.4rem 0.6rem;\r\n font-size: 0.55rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.4rem 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .industry-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .industry-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 110px;\r\n border-radius: 12px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.12rem 0.4rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.55rem;\r\n min-width: 300px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.35rem 0.5rem;\r\n font-size: 0.5rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.35rem 0.5rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .table-wrapper tbody td .vehicle-tag {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-content .bottom-text {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .industry-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 100px;\r\n border-radius: 10px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.38rem;\r\n padding: 0.02rem 0.18rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.4rem;\r\n padding: 0.05rem 0.25rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.4rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .industries-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .industry-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .industry-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .industry-card-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .industry-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .industry-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .industry-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .industry-card .card-tags .tag-item {\r\n font-size: 0.35rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .industry-card .rec-service {\r\n font-size: 0.38rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .industry-card .card-btn {\r\n font-size: 0.38rem;\r\n padding: 0.08rem 0.3rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.5rem;\r\n min-width: 260px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.3rem 0.4rem;\r\n font-size: 0.45rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.3rem 0.4rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .table-wrapper tbody td .vehicle-tag {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n\r\n .bottom-content .bottom-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-content .bottom-text {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .industry-card,\r\n .table-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"industries-section\" aria-labelledby=\"industry-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Industries section\">\r\n <span>Industries We Serve<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"industry-heading\" class=\"industry-heading\">\r\n Professional Refrigerated Transport Solutions for Every Commercial Industry\r\n <\/h1>\r\n\r\n <div class=\"industry-text\">\r\n <p>\r\n Arctic Flow Transport provides dependable refrigerated logistics solutions for businesses requiring temperature-controlled transportation across the UAE. Our commercial fleet supports industries handling chilled, frozen, and temperature-sensitive products while helping maintain product quality and reliable cold chain operations.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card-grid\">\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M3 3v18\" \/>\r\n <path d=\"M7 3v18\" \/>\r\n <path d=\"M11 21v-8a2 2 0 002-2V5a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M17 21v-8\" \/>\r\n <path d=\"M21 21v-8a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M15 3v4\" \/>\r\n <path d=\"M19 3v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Restaurants<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Fresh Ingredients<\/span>\r\n <span class=\"tag-item\">Daily Inventory<\/span>\r\n <span class=\"tag-item\">Prepared Meals<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Chiller Truck Rental<\/span>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M3 3v18\" \/>\r\n <path d=\"M7 3v18\" \/>\r\n <path d=\"M11 21v-8a2 2 0 002-2V5a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M17 21v-8\" \/>\r\n <path d=\"M21 21v-8a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M15 3v4\" \/>\r\n <path d=\"M19 3v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Hotels<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Food Supply<\/span>\r\n <span class=\"tag-item\">Banquet Logistics<\/span>\r\n <span class=\"tag-item\">Kitchen Inventory<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Chiller Truck Rental<\/span>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" \/>\r\n <path d=\"M3 6h18\" \/>\r\n <path d=\"M8 10h8\" \/>\r\n <path d=\"M8 14h6\" \/>\r\n <path d=\"M8 18h4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Supermarkets<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Retail Distribution<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Freezer Truck Rental<\/span>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Service <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Food Distributors<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Mixed Food Products<\/span>\r\n <span class=\"tag-item\">Commercial Deliveries<\/span>\r\n <span class=\"tag-item\">Warehouse Supply<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Refrigerated Truck<\/span>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Catering Companies<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Corporate Events<\/span>\r\n <span class=\"tag-item\">Wedding Catering<\/span>\r\n <span class=\"tag-item\">Outdoor Catering<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: 3 Ton Chiller Truck<\/span>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Fleet <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Pharmaceutical Companies<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Medical Supplies<\/span>\r\n <span class=\"tag-item\">Temperature-Sensitive Products<\/span>\r\n <span class=\"tag-item\">Healthcare Logistics<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Cold Chain Transport<\/span>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8\" \/>\r\n <path d=\"M6 8L4 4h16l-2 4\" \/>\r\n <path d=\"M10 12h4\" \/>\r\n <path d=\"M10 16h4\" \/>\r\n <path d=\"M12 4V2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Dairy Companies<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Milk<\/span>\r\n <span class=\"tag-item\">Cheese<\/span>\r\n <span class=\"tag-item\">Yogurt<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Chiller Van Rental<\/span>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16\" \/>\r\n <path d=\"M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8\" \/>\r\n <path d=\"M9 8V4h6v4\" \/>\r\n <path d=\"M12 12v6\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Beverage Suppliers<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Soft Drinks<\/span>\r\n <span class=\"tag-item\">Juices<\/span>\r\n <span class=\"tag-item\">Water<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Refrigerated Truck<\/span>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Storage Facilities<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Frozen Inventory<\/span>\r\n <span class=\"tag-item\">Warehouse Transfers<\/span>\r\n <span class=\"tag-item\">Bulk Distribution<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: 3 Ton Freezer Truck<\/span>\r\n <a href=\"\/3-ton-freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Details <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"industry-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Commercial Logistics<\/h3>\r\n <div class=\"card-tags\">\r\n <span class=\"tag-item\">Temperature-Controlled Distribution<\/span>\r\n <span class=\"tag-item\">Supply Chain<\/span>\r\n <span class=\"tag-item\">Warehouse Transport<\/span>\r\n <\/div>\r\n <span class=\"rec-service\">Recommended: Cold Chain Transport<\/span>\r\n <a href=\"\/cold-chain-transport-uae\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"table-wrapper\" role=\"table\" aria-label=\"Industry comparison table\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Industry<\/th>\r\n <th>Recommended Vehicle<\/th>\r\n <th>Temperature<\/th>\r\n <th>Common Products<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Restaurants<\/td>\r\n <td><span class=\"vehicle-tag\">Chiller Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Fresh Food<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Hotels<\/td>\r\n <td><span class=\"vehicle-tag\">Chiller Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Kitchen Inventory<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Supermarkets<\/td>\r\n <td><span class=\"vehicle-tag\">Freezer Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">-18\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Frozen Food<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Food Distribution<\/td>\r\n <td><span class=\"vehicle-tag\">Refrigerated Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Mixed Products<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Catering<\/td>\r\n <td><span class=\"vehicle-tag\">3 Ton Chiller Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Prepared Meals<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pharmaceutical<\/td>\r\n <td><span class=\"vehicle-tag\">Cold Chain Vehicle<\/span><\/td>\r\n <td><span class=\"temp-badge\">Product Specific<\/span><\/td>\r\n <td>Medical Supplies<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dairy<\/td>\r\n <td><span class=\"vehicle-tag\">Chiller Van<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Milk & Dairy<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Beverages<\/td>\r\n <td><span class=\"vehicle-tag\">Refrigerated Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Cold Drinks<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cold Storage<\/td>\r\n <td><span class=\"vehicle-tag\">Freezer Truck<\/span><\/td>\r\n <td><span class=\"temp-badge\">-18\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Frozen Inventory<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-grid\">\r\n\r\n \r\n <div class=\"bottom-content\">\r\n\r\n <h3 class=\"bottom-heading\">\r\n Commercial Refrigerated Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"bottom-text\">\r\n From restaurants and hotels to pharmaceutical suppliers, supermarkets, dairy companies and commercial distributors, Arctic Flow Transport provides dependable refrigerated transport solutions designed to maintain product quality, improve delivery reliability and support uninterrupted cold chain logistics across the UAE.\r\n <\/p>\r\n\r\n <div class=\"bottom-actions\" role=\"group\" aria-label=\"Industry actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Explore Industries \u2014 view all services\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Explore Industries\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Industries Using Refrigerated Transport UAE \u2014 Arctic Flow Transport commercial fleet\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_4ec4c8ae111a76ba963430aaaac8f996eg.png\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_4ec4c8ae111a76ba963430aaaac8f996eg.png\"\r\n alt=\"Industries Using Refrigerated Transport UAE \u2014 commercial chiller and freezer trucks\"\r\n title=\"Commercial Refrigerated Transport Industries\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83c\udfed\u2744\ufe0f<\/div>\r\n <div>Temperature-Controlled Logistics for Every Industry<\/div>\r\n <div class=\"label\">industries-we-serve-uae.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Temperature-Controlled Logistics for Every Industry\r\n <span>Restaurants \u00b7 Hotels \u00b7 Supermarkets \u00b7 Pharmaceutical \u00b7 Dairy \u00b7 Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-ac16a9b elementor-widget elementor-widget-html\" data-id=\"ac16a9b\" 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>UAE Service Coverage \u2014 Arctic Flow Transport | Refrigerated Transport Across UAE<\/title>\r\n <meta name=\"description\" content=\"Arctic Flow Transport provides professional refrigerated truck rental services across all major Emirates of the UAE including Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah, and Umm Al Quwain.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/coverage\/\" \/>\r\n <meta property=\"og:title\" content=\"UAE Service Coverage \u2014 Arctic Flow Transport | Refrigerated Transport Across UAE\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated transport services across all major Emirates of the UAE. Chiller trucks, freezer trucks, and cold chain logistics.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional refrigerated truck rental services across all major Emirates of the UAE.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 UAE SERVICE COVERAGE\r\n ============================================================ *\/\r\n .coverage-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .coverage-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .coverage-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .coverage-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (Map + Location Cards)\r\n ============================================================ *\/\r\n .coverage-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: stretch;\r\n }\r\n\r\n \/* ---- Map \/ Image Wrapper ---- *\/\r\n .map-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n min-height: 300px;\r\n height: 100%;\r\n }\r\n\r\n .map-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .map-wrapper picture,\r\n .map-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .map-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .map-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .map-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .map-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .map-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .map-placeholder .icon-big {\r\n font-size: 3.5rem;\r\n opacity: 0.6;\r\n }\r\n .map-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ---- Location Cards (right side) ---- *\/\r\n .location-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .location-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1rem, 1.5vw, 1.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.3rem;\r\n height: 100%;\r\n min-height: 120px;\r\n }\r\n\r\n .location-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .location-card .card-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 0.5rem;\r\n }\r\n\r\n .location-card .card-header h4 {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .location-card .status-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\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: #0a8a5a;\r\n background: rgba(10, 138, 90, 0.1);\r\n padding: 0.15rem 0.5rem;\r\n border-radius: 20px;\r\n border: 1px solid rgba(10, 138, 90, 0.15);\r\n }\r\n\r\n .location-card .status-badge .dot {\r\n display: inline-block;\r\n width: 0.4rem;\r\n height: 0.4rem;\r\n border-radius: 50%;\r\n background: #0a8a5a;\r\n flex-shrink: 0;\r\n }\r\n\r\n .location-card .services-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .location-card .services-tags .tag-item {\r\n font-size: clamp(0.55rem, 0.6vw, 0.65rem);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .location-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.25rem 0.9rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.6rem, 0.65vw, 0.7rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .location-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .location-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .location-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n COVERAGE FEATURES\r\n ============================================================ *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .feature-item {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.8rem, 1.2vw, 1.25rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n min-height: 50px;\r\n }\r\n\r\n .feature-item:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .feature-item .fi-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n }\r\n\r\n .feature-item .fi-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .feature-item .fi-label {\r\n font-size: clamp(0.65rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .coverage-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .map-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .coverage-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .coverage-grid {\r\n gap: 2rem;\r\n }\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .coverage-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coverage-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 240px;\r\n width: 100%;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .location-card {\r\n min-height: 110px;\r\n padding: 1rem 1.1rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .location-card {\r\n min-height: 100px;\r\n padding: 0.9rem 1rem;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.85rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .feature-item {\r\n padding: 0.7rem 0.9rem;\r\n min-height: 44px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .coverage-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .intro-block {\r\n max-width: 100%;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coverage-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .coverage-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 200px;\r\n }\r\n .map-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .location-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 100px;\r\n border-radius: 16px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.8rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.6rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.4rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.3rem;\r\n height: 0.3rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .feature-item {\r\n padding: 0.6rem 0.8rem;\r\n min-height: 40px;\r\n border-radius: 16px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .coverage-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .coverage-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .coverage-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n min-height: 180px;\r\n }\r\n .map-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .location-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 90px;\r\n border-radius: 14px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.75rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.5rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.35rem;\r\n padding: 0.08rem 0.3rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.25rem;\r\n height: 0.25rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .feature-item {\r\n padding: 0.5rem 0.7rem;\r\n min-height: 36px;\r\n border-radius: 14px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .location-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 80px;\r\n border-radius: 12px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.7rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.12rem 0.4rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.3rem;\r\n padding: 0.06rem 0.25rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.2rem;\r\n height: 0.2rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .feature-item {\r\n padding: 0.4rem 0.6rem;\r\n min-height: 32px;\r\n border-radius: 12px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.55rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .coverage-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .location-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 70px;\r\n border-radius: 10px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.65rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.35rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.4rem;\r\n padding: 0.1rem 0.35rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.3rem;\r\n padding: 0.05rem 0.2rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.2rem;\r\n height: 0.2rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .feature-item {\r\n padding: 0.35rem 0.5rem;\r\n min-height: 28px;\r\n border-radius: 10px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .location-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 65px;\r\n border-radius: 10px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.6rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.3rem;\r\n padding: 0.02rem 0.12rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.35rem;\r\n padding: 0.08rem 0.3rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.25rem;\r\n padding: 0.05rem 0.15rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.15rem;\r\n height: 0.15rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .feature-item {\r\n padding: 0.3rem 0.4rem;\r\n min-height: 24px;\r\n border-radius: 8px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.45rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .coverage-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .coverage-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .coverage-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .map-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n min-height: 150px;\r\n }\r\n .map-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .location-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .location-card {\r\n padding: 0.35rem 0.4rem;\r\n min-height: 60px;\r\n border-radius: 8px;\r\n }\r\n .location-card .card-header h4 {\r\n font-size: 0.55rem;\r\n }\r\n .location-card .services-tags .tag-item {\r\n font-size: 0.3rem;\r\n padding: 0.02rem 0.1rem;\r\n }\r\n .location-card .card-btn {\r\n font-size: 0.35rem;\r\n padding: 0.08rem 0.25rem;\r\n }\r\n .location-card .status-badge {\r\n font-size: 0.25rem;\r\n padding: 0.04rem 0.12rem;\r\n }\r\n .location-card .status-badge .dot {\r\n width: 0.15rem;\r\n height: 0.15rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.25rem;\r\n }\r\n .feature-item {\r\n padding: 0.25rem 0.35rem;\r\n min-height: 22px;\r\n border-radius: 8px;\r\n }\r\n .feature-item .fi-icon {\r\n width: 0.65rem;\r\n height: 0.65rem;\r\n }\r\n .feature-item .fi-label {\r\n font-size: 0.4rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .map-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .location-card,\r\n .feature-item,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"coverage-section\" aria-labelledby=\"coverage-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Coverage section\">\r\n <span>UAE Coverage<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"coverage-heading\" class=\"coverage-heading\">\r\n Professional Refrigerated Transport Across the United Arab Emirates\r\n <\/h1>\r\n\r\n <div class=\"coverage-text\">\r\n <p>\r\n Arctic Flow Transport provides professional refrigerated truck rental services across all major Emirates of the UAE. Whether your business requires chilled transportation, freezer truck rental, or commercial cold chain logistics, our fleet supports temperature-controlled deliveries for restaurants, hotels, supermarkets, pharmaceutical suppliers, food distributors, and commercial businesses throughout the country.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"coverage-grid\">\r\n\r\n \r\n <div class=\"map-wrapper\" role=\"img\" aria-label=\"Arctic Flow Transport Service Coverage Across UAE\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-22-2026-03_53_11-PM.png\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-22-2026-03_53_11-PM.png\"\r\n alt=\"Arctic Flow Transport Service Coverage Across UAE \u2014 refrigerated transport services in all Emirates\"\r\n title=\"Refrigerated Transport Across UAE\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"map-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83c\udde6\ud83c\uddea\u2744\ufe0f<\/div>\r\n <div>Commercial Temperature-Controlled Fleet Covering All Emirates<\/div>\r\n <div class=\"label\">uae-service-coverage-map.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"map-caption\" aria-hidden=\"true\">\r\n Commercial Temperature-Controlled Fleet Covering All Emirates\r\n <span>Abu Dhabi \u00b7 Dubai \u00b7 Sharjah \u00b7 Ajman \u00b7 Al Ain \u00b7 Ras Al Khaimah \u00b7 Fujairah \u00b7 Umm Al Quwain<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"location-grid\">\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Abu Dhabi<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Chiller Trucks<\/span>\r\n <span class=\"tag-item\">Freezer Trucks<\/span>\r\n <span class=\"tag-item\">Cold Chain Logistics<\/span>\r\n <\/div>\r\n <a href=\"\/chiller-truck-rental-abu-dhabi\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Dubai<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Refrigerated Trucks<\/span>\r\n <span class=\"tag-item\">Commercial Distribution<\/span>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-dubai\/\" class=\"card-btn\">\r\n Explore <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Sharjah<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Refrigerated Truck Rental<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Ajman<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Commercial Refrigerated Transport<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Al Ain<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Chiller & Freezer Fleet<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Ras Al Khaimah<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Frozen Logistics<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Fujairah<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Commercial Cold Chain<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"location-card\">\r\n <div class=\"card-header\">\r\n <h4>Umm Al Quwain<\/h4>\r\n <span class=\"status-badge\">\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n Available\r\n <\/span>\r\n <\/div>\r\n <div class=\"services-tags\">\r\n <span class=\"tag-item\">Temperature-Controlled Transport<\/span>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Contact Us <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"features-grid\">\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 22v-2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">24\/7 Commercial Support<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Temperature-Controlled Fleet<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <path d=\"M12 11v4\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Professional Drivers<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Fast Dispatch<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Daily Commercial Deliveries<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\r\n <path d=\"M8 14h.01\" \/>\r\n <path d=\"M12 14h.01\" \/>\r\n <path d=\"M16 14h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Long-Term Rental<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <span class=\"fi-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"fi-label\">Emergency Transport<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Serving Commercial Businesses Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our refrigerated fleet supports restaurants, supermarkets, hotels, catering companies, pharmaceutical suppliers, food manufacturers, warehouses, and commercial distributors throughout the UAE. Arctic Flow Transport delivers dependable temperature-controlled transportation designed to maintain product quality and improve supply chain efficiency.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Coverage actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"View Service Areas \u2014 explore our coverage\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 22v-4\" \/>\r\n <path d=\"M2 12h4\" \/>\r\n <path d=\"M18 12h4\" \/>\r\n <\/svg>\r\n <\/span>\r\n View Service Areas\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-6a50048 elementor-widget elementor-widget-html\" data-id=\"6a50048\" 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 Refrigerated Vehicle \u2014 Arctic Flow Transport | Fleet Guide UAE<\/title>\r\n <meta name=\"description\" content=\"Choose the right refrigerated vehicle for your business. Arctic Flow Transport offers 1-7 ton chiller vans, freezer trucks, and refrigerated trucks across the UAE.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/fleet-guide\/\" \/>\r\n <meta property=\"og:title\" content=\"Choose the Right Refrigerated Vehicle \u2014 Arctic Flow Transport | Fleet Guide\" \/>\r\n <meta property=\"og:description\" content=\"Professional refrigerated fleet guide. Choose the right chiller van, freezer truck, or refrigerated truck for your business needs.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Choose the right refrigerated vehicle for your business. Fleet guide for chiller vans, freezer trucks, and refrigerated trucks.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 FLEET GUIDE\r\n ============================================================ *\/\r\n .fleetguide-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .fleetguide-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .fleetguide-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK (split with image)\r\n ============================================================ *\/\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .intro-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Image Wrapper ---- *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n FLEET VEHICLE CARDS \u2014 6 cards, 3 columns\r\n ============================================================ *\/\r\n .vehicle-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .vehicle-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 260px;\r\n position: relative;\r\n }\r\n\r\n .vehicle-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .vehicle-card .badge-popular {\r\n position: absolute;\r\n top: 0.75rem;\r\n right: 0.75rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n padding: 0.15rem 0.7rem;\r\n border-radius: 20px;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .vehicle-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .vehicle-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .vehicle-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .vehicle-card .temp-range {\r\n font-size: clamp(0.7rem, 0.75vw, 0.8rem);\r\n font-weight: 500;\r\n color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n display: inline-block;\r\n padding: 0.12rem 0.6rem;\r\n border-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .vehicle-card .price {\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .vehicle-card .price small {\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n color: var(--color-text);\r\n }\r\n\r\n .vehicle-card .ideal-for {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .vehicle-card .ideal-for strong {\r\n color: var(--color-heading);\r\n font-weight: 600;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.7em;\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.04rem 0.4rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .vehicle-card .card-btn {\r\n margin-top: auto;\r\n align-self: flex-start;\r\n padding: 0.3rem 1rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.65rem, 0.7vw, 0.75rem);\r\n font-weight: 600;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-heading);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n font-family: inherit;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .vehicle-card .card-btn:hover {\r\n background: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.2);\r\n }\r\n\r\n .vehicle-card .card-btn .arrow {\r\n display: inline-block;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .vehicle-card .card-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n COMPARISON TABLE\r\n ============================================================ *\/\r\n .table-wrapper {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n overflow: hidden;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .table-wrapper table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n min-width: 500px;\r\n }\r\n\r\n .table-wrapper thead {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n }\r\n\r\n .table-wrapper thead th {\r\n padding: clamp(0.8rem, 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.7rem, 0.8vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n .table-wrapper tbody tr {\r\n border-bottom: 1px solid var(--color-border);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .table-wrapper tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .table-wrapper tbody tr:hover {\r\n background: rgba(41, 151, 170, 0.04);\r\n }\r\n\r\n .table-wrapper tbody td {\r\n padding: clamp(0.7rem, 1vw, 1.1rem) clamp(1rem, 1.5vw, 1.75rem);\r\n color: var(--color-text);\r\n font-weight: 400;\r\n }\r\n\r\n .table-wrapper tbody td:first-child {\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n }\r\n\r\n .table-wrapper tbody td .temp-badge {\r\n display: inline-block;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n padding: 0.1rem 0.5rem;\r\n border-radius: 4px;\r\n font-size: 0.85em;\r\n }\r\n\r\n .table-wrapper tbody td .avail-badge {\r\n display: inline-block;\r\n background: rgba(10, 138, 90, 0.1);\r\n color: #0a8a5a;\r\n font-weight: 500;\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 4px;\r\n font-size: 0.8em;\r\n border: 1px solid rgba(10, 138, 90, 0.15);\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .fleetguide-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .fleetguide-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .intro-grid {\r\n gap: 2rem;\r\n }\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .fleetguide-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n width: 100%;\r\n order: 0;\r\n }\r\n .intro-content {\r\n order: 1;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .vehicle-card {\r\n min-height: 220px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .vehicle-card {\r\n min-height: 210px;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .vehicle-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 190px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.85rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.5rem;\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .fleetguide-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n }\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .vehicle-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 180px;\r\n border-radius: 16px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.6rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.8rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.6rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.6rem;\r\n padding: 0.2rem 0.7rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.5rem;\r\n padding: 0.1rem 0.5rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.8rem;\r\n min-width: 420px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.7rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.6rem 1rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .fleetguide-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 160px;\r\n border-radius: 16px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.55rem;\r\n padding: 0.08rem 0.4rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.55rem;\r\n padding: 0.15rem 0.6rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.45rem;\r\n padding: 0.08rem 0.4rem;\r\n top: 0.4rem;\r\n right: 0.4rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.7rem;\r\n min-width: 360px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.5rem 0.8rem;\r\n font-size: 0.6rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.5rem 0.8rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n .table-wrapper tbody td .avail-badge {\r\n font-size: 0.7em;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 150px;\r\n border-radius: 14px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.5rem;\r\n padding: 0.06rem 0.35rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.55rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.5rem;\r\n padding: 0.12rem 0.5rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.4rem;\r\n padding: 0.06rem 0.35rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.6rem;\r\n min-width: 300px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.4rem 0.6rem;\r\n font-size: 0.55rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.4rem 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .fleetguide-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 130px;\r\n border-radius: 12px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.45rem;\r\n padding: 0.05rem 0.3rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.5rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.18rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.4rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.35rem;\r\n padding: 0.05rem 0.3rem;\r\n top: 0.35rem;\r\n right: 0.35rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.55rem;\r\n min-width: 260px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.35rem 0.5rem;\r\n font-size: 0.5rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.35rem 0.5rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .table-wrapper tbody td .avail-badge {\r\n font-size: 0.65em;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 120px;\r\n border-radius: 10px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.4rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.45rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.4rem;\r\n padding: 0.08rem 0.35rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.3rem;\r\n padding: 0.04rem 0.25rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .fleetguide-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .fleetguide-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .fleetguide-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .vehicle-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .vehicle-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 110px;\r\n border-radius: 10px;\r\n }\r\n .vehicle-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .vehicle-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .vehicle-card .temp-range {\r\n font-size: 0.38rem;\r\n padding: 0.04rem 0.2rem;\r\n }\r\n .vehicle-card .price {\r\n font-size: 0.55rem;\r\n }\r\n .vehicle-card .ideal-for {\r\n font-size: 0.42rem;\r\n }\r\n .vehicle-card .ideal-for .tag-list .tag-item {\r\n font-size: 0.38rem;\r\n padding: 0.02rem 0.12rem;\r\n }\r\n .vehicle-card .card-btn {\r\n font-size: 0.38rem;\r\n padding: 0.06rem 0.3rem;\r\n }\r\n .vehicle-card .badge-popular {\r\n font-size: 0.3rem;\r\n padding: 0.04rem 0.2rem;\r\n top: 0.3rem;\r\n right: 0.3rem;\r\n }\r\n\r\n .table-wrapper table {\r\n font-size: 0.5rem;\r\n min-width: 220px;\r\n }\r\n .table-wrapper thead th {\r\n padding: 0.3rem 0.4rem;\r\n font-size: 0.45rem;\r\n }\r\n .table-wrapper tbody td {\r\n padding: 0.3rem 0.4rem;\r\n }\r\n .table-wrapper tbody td .temp-badge {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .table-wrapper tbody td .avail-badge {\r\n font-size: 0.6em;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .vehicle-card,\r\n .table-wrapper,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"fleetguide-section\" aria-labelledby=\"fleetguide-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-grid\">\r\n\r\n \r\n <div class=\"intro-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Fleet guide section\">\r\n <span>Fleet Guide<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"fleetguide-heading\" class=\"fleetguide-heading\">\r\n Choose the Right Refrigerated Vehicle for Your Business\r\n <\/h1>\r\n\r\n <div class=\"fleetguide-text\">\r\n <p>\r\n Every business has different transportation requirements. Arctic Flow Transport offers multiple refrigerated vehicle options designed for chilled, frozen and temperature-controlled logistics across the UAE. Choose the vehicle that best matches your cargo volume, delivery schedule and required temperature range.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Commercial Refrigerated Fleet Guide UAE \u2014 Arctic Flow Transport vehicles\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_7df9ed90dac9842ad7447d0319e39504eg.png\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_7df9ed90dac9842ad7447d0319e39504eg.png\"\r\n alt=\"Commercial Refrigerated Fleet Guide UAE \u2014 choose the right chiller van, freezer truck or refrigerated truck\"\r\n title=\"Choose the Right Refrigerated Vehicle\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u2744\ufe0f<\/div>\r\n <div>Professional Temperature-Controlled Fleet<\/div>\r\n <div class=\"label\">commercial-fleet-guide.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Professional Temperature-Controlled Fleet\r\n <span>Chiller Vans \u00b7 Chiller Trucks \u00b7 Freezer Trucks \u00b7 Refrigerated Trucks<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-grid\">\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h.01M12 14h.01M16 14h.01\" \/>\r\n <path d=\"M8 18h.01M12 18h.01M16 18h.01\" \/>\r\n <path d=\"M4 12h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>1 Ton Chiller Van<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Florists<\/span>\r\n <span class=\"tag-item\">Bakeries<\/span>\r\n <span class=\"tag-item\">Caf\u00e9s<\/span>\r\n <span class=\"tag-item\">Fresh Deliveries<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"card-btn\">\r\n View Vehicle <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <span class=\"badge-popular\">Most Popular<\/span>\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M5 8h14M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2\" \/>\r\n <path d=\"M7 14h10\" \/>\r\n <path d=\"M7 18h10\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 4v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>3 Ton Chiller Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">AED 400 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Hotels<\/span>\r\n <span class=\"tag-item\">Restaurants<\/span>\r\n <span class=\"tag-item\">Food Suppliers<\/span>\r\n <span class=\"tag-item\">Catering<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"card-btn\">\r\n View Vehicle <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M6 8h12M6 8v10a2 2 0 002 2h8a2 2 0 002-2V8M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"10\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"14\" cy=\"11\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>5 Ton Chiller Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">Custom <small>Quote<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Supermarkets<\/span>\r\n <span class=\"tag-item\">Warehouses<\/span>\r\n <span class=\"tag-item\">Retail Distribution<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Get Quote <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>7 Ton Chiller Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/span>\r\n <div class=\"price\">Custom <small>Quote<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Industrial Distribution<\/span>\r\n <span class=\"tag-item\">Large Commercial Deliveries<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/contact-us\/\" class=\"card-btn\">\r\n Get Quote <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <path d=\"M12 10v6\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Freezer Truck<\/h3>\r\n <span class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/span>\r\n <div class=\"price\">AED 1200 <small>\/ Day<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"card-btn\">\r\n View Vehicle <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"vehicle-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Refrigerated Truck<\/h3>\r\n <span class=\"temp-range\">+2\u00b0C to -25\u00b0C<\/span>\r\n <div class=\"price\">Custom <small>Quote<\/small><\/div>\r\n <div class=\"ideal-for\">\r\n <strong>Ideal For<\/strong>\r\n <div class=\"tag-list\">\r\n <span class=\"tag-item\">Mixed Cold Chain<\/span>\r\n <span class=\"tag-item\">Commercial Distribution<\/span>\r\n <span class=\"tag-item\">Medical Logistics<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"card-btn\">\r\n Learn More <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"table-wrapper\" role=\"table\" aria-label=\"Fleet comparison table\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Vehicle<\/th>\r\n <th>Capacity<\/th>\r\n <th>Temperature<\/th>\r\n <th>Best For<\/th>\r\n <th>Availability<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 Ton Van<\/td>\r\n <td>1 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Small Deliveries<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 Ton Truck<\/td>\r\n <td>3 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Hotels & Catering<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>5 Ton Truck<\/td>\r\n <td>5 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Supermarkets & Warehouses<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>7 Ton Truck<\/td>\r\n <td>7 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to +8\u00b0C<\/span><\/td>\r\n <td>Industrial Distribution<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Freezer Truck<\/td>\r\n <td>3\u20135 Ton<\/td>\r\n <td><span class=\"temp-badge\">-18\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Frozen Products<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Refrigerated Truck<\/td>\r\n <td>3\u201310 Ton<\/td>\r\n <td><span class=\"temp-badge\">+2\u00b0C to -25\u00b0C<\/span><\/td>\r\n <td>Mixed Cold Chain<\/td>\r\n <td><span class=\"avail-badge\">Available<\/span><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Need Help Selecting the Right Vehicle?\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our logistics specialists help businesses choose the most suitable refrigerated vehicle based on cargo type, delivery frequency, required temperature, transport distance and operational requirements.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Fleet guide actions\">\r\n\r\n <a href=\"\/services\/\" class=\"btn btn-primary\" aria-label=\"Compare Fleet \u2014 explore all vehicle options\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n Compare Fleet\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Fleet Expert\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Fleet Expert\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Fleet Advisor\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Fleet Advisor\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-ccdc25b elementor-widget elementor-widget-html\" data-id=\"ccdc25b\" 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 Guide & Cold Chain Process \u2014 Arctic Flow Transport | Refrigerated Logistics UAE<\/title>\r\n <meta name=\"description\" content=\"Professional temperature-controlled transport solutions across the UAE. Cold chain logistics for fresh, chilled, and frozen products. Reliable refrigerated fleet.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/cold-chain\/\" \/>\r\n <meta property=\"og:title\" content=\"Temperature Guide & Cold Chain Process \u2014 Arctic Flow Transport\" \/>\r\n <meta property=\"og:description\" content=\"Professional temperature-controlled transport solutions across the UAE. Cold chain logistics for fresh, chilled, and frozen products.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Professional temperature-controlled transport solutions across the UAE. Cold chain logistics for fresh, chilled, and frozen products.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 COLD CHAIN\r\n ============================================================ *\/\r\n .coldchain-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .coldchain-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .coldchain-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK\r\n ============================================================ *\/\r\n .intro-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n max-width: 56rem;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .coldchain-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ============================================================\r\n SPLIT LAYOUT (Image + Info Cards)\r\n ============================================================ *\/\r\n .coldchain-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: stretch;\r\n }\r\n\r\n \/* ---- Image Wrapper ---- *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n min-height: 280px;\r\n height: 100%;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3.5rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ---- Info Cards (right side) ---- *\/\r\n .info-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n align-content: start;\r\n }\r\n\r\n .info-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1rem, 1.5vw, 1.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 100px;\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .info-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .info-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .info-card h4 {\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .info-card .card-desc {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ============================================================\r\n COLD CHAIN TIMELINE\r\n ============================================================ *\/\r\n .timeline-wrapper {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.5rem, 2.5vw, 2.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n overflow: hidden;\r\n }\r\n\r\n .timeline {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 0.5rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.3rem;\r\n flex: 1;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .timeline-step .step-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n border-radius: 50%;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-weight: 700;\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n flex-shrink: 0;\r\n position: relative;\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .timeline-step:hover .step-number {\r\n transform: scale(1.08);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.3);\r\n }\r\n\r\n .timeline-step .step-label {\r\n font-size: clamp(0.55rem, 0.65vw, 0.7rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n max-width: 8ch;\r\n }\r\n\r\n .timeline-step .step-arrow {\r\n color: var(--color-border);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n position: absolute;\r\n right: -0.8rem;\r\n top: 0.8rem;\r\n z-index: 1;\r\n }\r\n\r\n .timeline-step:last-child .step-arrow {\r\n display: none;\r\n }\r\n\r\n \/* ============================================================\r\n TEMPERATURE GUIDE \u2014 4 cards\r\n ============================================================ *\/\r\n .temp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .temp-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 160px;\r\n }\r\n\r\n .temp-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .temp-card .temp-range {\r\n font-size: clamp(1rem, 1.2vw, 1.3rem);\r\n font-weight: 700;\r\n color: var(--color-primary);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .temp-card .temp-label {\r\n font-size: clamp(0.8rem, 0.9vw, 0.95rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n }\r\n\r\n .temp-card .temp-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.2rem 0.35rem;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .temp-card .temp-tags .tag-item {\r\n font-size: clamp(0.6rem, 0.65vw, 0.7rem);\r\n background: var(--color-white);\r\n border: 1px solid var(--color-border);\r\n padding: 0.05rem 0.45rem;\r\n border-radius: 4px;\r\n color: var(--color-text);\r\n font-weight: 500;\r\n }\r\n\r\n .temp-card .temp-desc {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .coldchain-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .coldchain-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .coldchain-grid {\r\n gap: 2rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .temp-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .coldchain-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coldchain-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 200px;\r\n width: 100%;\r\n }\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .info-card {\r\n min-height: 80px;\r\n padding: 1rem 1.1rem;\r\n }\r\n .info-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.85rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .temp-card {\r\n min-height: 140px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .info-card {\r\n min-height: 70px;\r\n padding: 0.85rem 0.9rem;\r\n border-radius: 16px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.8rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .temp-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 1rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.8rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.55rem;\r\n padding: 0.04rem 0.35rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .timeline {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 0.8rem 1.5rem;\r\n }\r\n .timeline-step {\r\n flex: 0 0 calc(50% - 0.75rem);\r\n flex-direction: row;\r\n gap: 0.5rem;\r\n text-align: left;\r\n }\r\n .timeline-step .step-arrow {\r\n display: none;\r\n }\r\n .timeline-step .step-number {\r\n width: 2rem;\r\n height: 2rem;\r\n font-size: 0.7rem;\r\n flex-shrink: 0;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.6rem;\r\n max-width: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .coldchain-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .coldchain-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .coldchain-grid {\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n min-height: 180px;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .info-card {\r\n padding: 0.7rem 0.8rem;\r\n min-height: 65px;\r\n border-radius: 14px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.75rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 1.25rem;\r\n }\r\n .timeline {\r\n gap: 0.6rem 1rem;\r\n }\r\n .timeline-step {\r\n flex: 0 0 calc(50% - 0.5rem);\r\n }\r\n .timeline-step .step-number {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n font-size: 0.65rem;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .temp-card {\r\n padding: 0.85rem 0.9rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.9rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.75rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.5rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .coldchain-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .coldchain-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .coldchain-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n min-height: 160px;\r\n }\r\n .image-caption {\r\n padding: 0.6rem 0.8rem;\r\n font-size: 0.65rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .info-card {\r\n padding: 0.6rem 0.7rem;\r\n min-height: 60px;\r\n border-radius: 12px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.7rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 1rem;\r\n border-radius: 16px;\r\n }\r\n .timeline {\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n align-items: stretch;\r\n }\r\n .timeline-step {\r\n flex: 1;\r\n flex-direction: row;\r\n gap: 0.6rem;\r\n text-align: left;\r\n padding: 0.3rem 0.5rem;\r\n border-radius: 8px;\r\n transition: background 0.2s ease;\r\n }\r\n .timeline-step:hover {\r\n background: var(--color-primary-light);\r\n }\r\n .timeline-step .step-number {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n font-size: 0.65rem;\r\n flex-shrink: 0;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.6rem;\r\n max-width: none;\r\n font-weight: 500;\r\n }\r\n .timeline-step .step-arrow {\r\n display: none;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .temp-card {\r\n padding: 0.7rem 0.75rem;\r\n min-height: 110px;\r\n border-radius: 14px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.85rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.7rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.45rem;\r\n padding: 0.03rem 0.25rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.55rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .info-card {\r\n padding: 0.5rem 0.6rem;\r\n min-height: 55px;\r\n border-radius: 10px;\r\n }\r\n .info-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.65rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .temp-card {\r\n padding: 0.6rem 0.65rem;\r\n min-height: 100px;\r\n border-radius: 12px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.75rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.65rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.4rem;\r\n padding: 0.03rem 0.2rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .coldchain-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .info-card {\r\n padding: 0.4rem 0.5rem;\r\n min-height: 50px;\r\n border-radius: 10px;\r\n }\r\n .info-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.6rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 0.8rem;\r\n }\r\n .timeline-step {\r\n padding: 0.2rem 0.4rem;\r\n }\r\n .timeline-step .step-number {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n font-size: 0.55rem;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .temp-card {\r\n padding: 0.5rem 0.55rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.7rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.6rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.38rem;\r\n padding: 0.02rem 0.18rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.45rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .info-card {\r\n padding: 0.35rem 0.4rem;\r\n min-height: 45px;\r\n border-radius: 8px;\r\n }\r\n .info-card .card-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.55rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.4rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .temp-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 80px;\r\n border-radius: 10px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.65rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.55rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.35rem;\r\n padding: 0.02rem 0.15rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .coldchain-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .coldchain-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .coldchain-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n min-height: 130px;\r\n }\r\n .image-caption {\r\n padding: 0.4rem 0.6rem;\r\n font-size: 0.55rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .info-card {\r\n padding: 0.3rem 0.35rem;\r\n min-height: 40px;\r\n border-radius: 8px;\r\n }\r\n .info-card .card-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .info-card h4 {\r\n font-size: 0.5rem;\r\n }\r\n .info-card .card-desc {\r\n font-size: 0.38rem;\r\n }\r\n\r\n .timeline-wrapper {\r\n padding: 0.6rem;\r\n border-radius: 12px;\r\n }\r\n .timeline-step {\r\n padding: 0.15rem 0.3rem;\r\n gap: 0.4rem;\r\n }\r\n .timeline-step .step-number {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n font-size: 0.5rem;\r\n }\r\n .timeline-step .step-label {\r\n font-size: 0.45rem;\r\n }\r\n\r\n .temp-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .temp-card {\r\n padding: 0.35rem 0.4rem;\r\n min-height: 70px;\r\n border-radius: 8px;\r\n }\r\n .temp-card .temp-range {\r\n font-size: 0.6rem;\r\n }\r\n .temp-card .temp-label {\r\n font-size: 0.5rem;\r\n }\r\n .temp-card .temp-tags .tag-item {\r\n font-size: 0.32rem;\r\n padding: 0.02rem 0.12rem;\r\n }\r\n .temp-card .temp-desc {\r\n font-size: 0.38rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .info-card,\r\n .temp-card,\r\n .timeline-wrapper,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"coldchain-section\" aria-labelledby=\"coldchain-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-block\">\r\n\r\n <div class=\"badge\" aria-label=\"Cold chain section\">\r\n <span>Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"coldchain-heading\" class=\"coldchain-heading\">\r\n Temperature-Controlled Transport That Protects Every Delivery\r\n <\/h1>\r\n\r\n <div class=\"coldchain-text\">\r\n <p>\r\n Temperature-controlled transportation is essential for businesses handling fresh, chilled, frozen, and temperature-sensitive products. Arctic Flow Transport provides professional refrigerated logistics solutions that help maintain product quality, reduce spoilage risks, and support uninterrupted commercial supply chains across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"coldchain-grid\">\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Temperature Controlled Refrigerated Transport UAE \u2014 cold chain logistics process\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_bb788814be1bf9084a0447b3223efafadr-1.png\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_bb788814be1bf9084a0447b3223efafadr-1.png\"\r\n alt=\"Temperature Controlled Refrigerated Transport UAE \u2014 cold chain logistics for fresh and frozen products\"\r\n title=\"Professional Cold Chain Logistics\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\u2744\ufe0f\ud83d\ude9b<\/div>\r\n <div>Reliable Temperature-Controlled Transport Process<\/div>\r\n <div class=\"label\">temperature-controlled-logistics.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Reliable Temperature-Controlled Transport Process\r\n <span>Chilled \u00b7 Frozen \u00b7 Cold Chain Logistics<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"info-grid\">\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <path d=\"M12 18v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Temperature Controlled<\/h4>\r\n <div class=\"card-desc\">Maintain stable chilled and frozen transport conditions throughout delivery.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Cold Chain Integrity<\/h4>\r\n <div class=\"card-desc\">Continuous refrigeration from pickup to final destination.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M3 3v18\" \/>\r\n <path d=\"M7 3v18\" \/>\r\n <path d=\"M11 21v-8a2 2 0 002-2V5a2 2 0 00-2-2h-2\" \/>\r\n <path d=\"M17 21v-8\" \/>\r\n <path d=\"M21 21v-8a2 2 0 00-2-2h-2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Food Safety<\/h4>\r\n <div class=\"card-desc\">Support safe transportation for restaurants, supermarkets and food suppliers.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M8 12h8\" \/>\r\n <path d=\"M12 2v4\" \/>\r\n <path d=\"M12 18v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Pharmaceutical Logistics<\/h4>\r\n <div class=\"card-desc\">Reliable transport for temperature-sensitive medical products.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Commercial Distribution<\/h4>\r\n <div class=\"card-desc\">Efficient transport for warehouses, wholesalers and retailers.<\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Operational Efficiency<\/h4>\r\n <div class=\"card-desc\">Improve delivery reliability while reducing spoilage risks.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-wrapper\">\r\n <div class=\"timeline\">\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">1<\/span>\r\n <span class=\"step-label\">Booking Confirmation<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">2<\/span>\r\n <span class=\"step-label\">Vehicle Preparation<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">3<\/span>\r\n <span class=\"step-label\">Temperature Calibration<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">4<\/span>\r\n <span class=\"step-label\">Cargo Loading<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">5<\/span>\r\n <span class=\"step-label\">GPS Monitored Transportation<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <div class=\"timeline-step\">\r\n <span class=\"step-number\">6<\/span>\r\n <span class=\"step-label\">Safe Commercial Delivery<\/span>\r\n <span class=\"step-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-grid\">\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">+2\u00b0C to +8\u00b0C<\/div>\r\n <div class=\"temp-label\">Chilled Transport<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Fresh Food<\/span>\r\n <span class=\"tag-item\">Bakery<\/span>\r\n <span class=\"tag-item\">Dairy<\/span>\r\n <span class=\"tag-item\">Beverages<\/span>\r\n <span class=\"tag-item\">Flowers<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">-18\u00b0C to -25\u00b0C<\/div>\r\n <div class=\"temp-label\">Frozen Transport<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Frozen Meat<\/span>\r\n <span class=\"tag-item\">Seafood<\/span>\r\n <span class=\"tag-item\">Ice Cream<\/span>\r\n <span class=\"tag-item\">Frozen Food<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">Mixed Cold Chain<\/div>\r\n <div class=\"temp-label\">Custom Logistics<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Commercial Logistics<\/span>\r\n <span class=\"tag-item\">Custom Temperature<\/span>\r\n <\/div>\r\n <div class=\"temp-desc\">Custom commercial logistics solutions for your specific requirements.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"temp-card\">\r\n <div class=\"temp-range\">Vehicle Selection<\/div>\r\n <div class=\"temp-label\">Choose the Right Vehicle<\/div>\r\n <div class=\"temp-desc\">Select the correct vehicle according to cargo type and temperature requirements.<\/div>\r\n <div class=\"temp-tags\">\r\n <span class=\"tag-item\">Chiller Vans<\/span>\r\n <span class=\"tag-item\">Chiller Trucks<\/span>\r\n <span class=\"tag-item\">Freezer Trucks<\/span>\r\n <span class=\"tag-item\">Refrigerated Trucks<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Reliable Cold Chain Logistics Across the UAE\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Our professional refrigerated fleet supports restaurants, hotels, supermarkets, pharmaceutical suppliers, food manufacturers, catering companies and commercial distributors requiring dependable temperature-controlled transport solutions throughout the UAE.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Cold chain actions\">\r\n\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Book Temperature-Controlled Transport\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <\/svg>\r\n <\/span>\r\n Book Temperature-Controlled Transport\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Logistics Team\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Logistics Team\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-94e2e6d elementor-widget elementor-widget-html\" data-id=\"94e2e6d\" 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>Emergency & Scheduled Refrigerated Transport \u2014 Arctic Flow Transport | UAE Logistics<\/title>\r\n <meta name=\"description\" content=\"Emergency and scheduled refrigerated transport solutions across the UAE. Daily, weekly, monthly rentals and commercial cold chain logistics.\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/arcticflowtransport.com\/emergency-transport\/\" \/>\r\n <meta property=\"og:title\" content=\"Emergency & Scheduled Refrigerated Transport \u2014 Arctic Flow Transport\" \/>\r\n <meta property=\"og:description\" content=\"Emergency and scheduled refrigerated transport solutions across the UAE. Daily, weekly, monthly rentals and commercial cold chain logistics.\" \/>\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <meta name=\"theme-color\" content=\"#2997AA\" \/>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Arctic Flow Transport\",\r\n \"description\": \"Emergency and scheduled refrigerated transport solutions across the UAE. Commercial cold chain logistics.\",\r\n \"url\": \"https:\/\/arcticflowtransport.com\",\r\n \"telephone\": \"+971554491928\",\r\n \"priceRange\": \"AED 250+\",\r\n \"areaServed\": [\"Abu Dhabi\", \"Dubai\", \"Sharjah\", \"Ajman\", \"Al Ain\", \"Ras Al Khaimah\", \"Fujairah\", \"Umm Al Quwain\"]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ============================================================\r\n GLOBAL RESET & DESIGN SYSTEM\r\n ============================================================ *\/\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 :root {\r\n --color-primary: #2997AA;\r\n --color-primary-dark: #1f7a8a;\r\n --color-primary-light: #E8F7FA;\r\n --color-bg: #FFFFFF;\r\n --color-bg-alt: #F8FCFD;\r\n --color-heading: #111111;\r\n --color-text: #666666;\r\n --color-border: #E5E7EB;\r\n --color-white: #FFFFFF;\r\n\r\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n --section-padding: clamp(2.5rem, 6vw, 6rem);\r\n --container-max: 1280px;\r\n --gap-base: clamp(1.5rem, 3vw, 3rem);\r\n\r\n --radius-card: 20px;\r\n --radius-image: 20px;\r\n --radius-button: 12px;\r\n\r\n --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.04);\r\n --shadow-hover: 0 16px 60px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);\r\n --shadow-image: 0 20px 60px rgba(41, 151, 170, 0.15), 0 8px 24px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 clamp(1rem, 4vw, 3rem);\r\n width: 100%;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 EMERGENCY & SCHEDULED TRANSPORT\r\n ============================================================ *\/\r\n .emergency-section {\r\n background: var(--color-bg);\r\n padding: var(--section-padding) 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .emergency-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 60%;\r\n height: 80%;\r\n background: radial-gradient(ellipse at 70% 30%, rgba(41, 151, 170, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .emergency-section .container {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(2rem, 4vw, 4rem);\r\n }\r\n\r\n \/* ============================================================\r\n INTRO BLOCK (split with image)\r\n ============================================================ *\/\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--gap-base);\r\n align-items: center;\r\n }\r\n\r\n .intro-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 1.8vw, 1.8rem);\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--color-primary-light);\r\n color: var(--color-primary);\r\n padding: 0.45rem 1rem 0.45rem 0.9rem;\r\n border-radius: 100px;\r\n font-size: clamp(0.7rem, 0.9vw, 0.85rem);\r\n font-weight: 500;\r\n letter-spacing: 0.01em;\r\n width: fit-content;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n max-width: 18ch;\r\n }\r\n\r\n .emergency-text {\r\n font-size: clamp(0.9rem, 1.05vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 52rem;\r\n }\r\n\r\n \/* ---- Image Wrapper ---- *\/\r\n .image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius-image);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-image);\r\n background: var(--color-bg-alt);\r\n aspect-ratio: 4 \/ 3;\r\n width: 100%;\r\n transition: box-shadow 0.3s ease;\r\n }\r\n\r\n .image-wrapper:hover {\r\n box-shadow: 0 28px 72px rgba(41, 151, 170, 0.18), 0 8px 28px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .image-wrapper picture,\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .image-wrapper img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .image-wrapper:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .image-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.25rem 1.5rem;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);\r\n color: var(--color-white);\r\n font-size: clamp(0.75rem, 0.9vw, 0.95rem);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n pointer-events: none;\r\n }\r\n\r\n .image-caption span {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n opacity: 0.8;\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #e8f7fa 0%, #c5e8ee 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n color: var(--color-primary);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n text-align: center;\r\n padding: 2rem;\r\n gap: 0.5rem;\r\n }\r\n .image-placeholder .icon-big {\r\n font-size: 3rem;\r\n opacity: 0.6;\r\n }\r\n .image-placeholder .label {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ============================================================\r\n SERVICE CARDS \u2014 6 cards, 3 columns\r\n ============================================================ *\/\r\n .service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .service-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 180px;\r\n position: relative;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .service-card .card-icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .service-card .card-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: clamp(0.95rem, 1.05vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n line-height: 1.3;\r\n }\r\n\r\n .service-card .card-desc {\r\n font-size: clamp(0.75rem, 0.82vw, 0.87rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n .service-card .badge-availability {\r\n display: inline-block;\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 color: var(--color-primary);\r\n background: var(--color-primary-light);\r\n padding: 0.1rem 0.6rem;\r\n border-radius: 20px;\r\n align-self: flex-start;\r\n border: 1px solid rgba(41, 151, 170, 0.12);\r\n margin-top: 0.1rem;\r\n }\r\n\r\n \/* ============================================================\r\n RENTAL PLANS \u2014 4 cards\r\n ============================================================ *\/\r\n .plans-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n text-align: center;\r\n }\r\n\r\n .plans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: clamp(1rem, 1.8vw, 1.75rem);\r\n }\r\n\r\n .plan-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(1.25rem, 1.8vw, 2rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.4rem;\r\n height: 100%;\r\n min-height: 160px;\r\n text-align: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .plan-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .plan-card .highlight-badge {\r\n position: absolute;\r\n top: -0.5rem;\r\n right: 1rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n box-shadow: 0 2px 12px rgba(41, 151, 170, 0.25);\r\n }\r\n\r\n .plan-card .plan-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n color: var(--color-primary);\r\n flex-shrink: 0;\r\n }\r\n\r\n .plan-card .plan-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .plan-card h4 {\r\n font-size: clamp(1rem, 1.1vw, 1.2rem);\r\n font-weight: 600;\r\n color: var(--color-heading);\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .plan-card .plan-desc {\r\n font-size: clamp(0.75rem, 0.82vw, 0.87rem);\r\n color: var(--color-text);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ============================================================\r\n BENEFITS \u2014 6 cards, 3 columns\r\n ============================================================ *\/\r\n .benefits-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n text-align: center;\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(0.8rem, 1.2vw, 1.25rem);\r\n }\r\n\r\n .benefit-card {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(0.9rem, 1.2vw, 1.25rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n min-height: 50px;\r\n }\r\n\r\n .benefit-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(41, 151, 170, 0.15);\r\n }\r\n\r\n .benefit-card .benefit-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n flex-shrink: 0;\r\n color: var(--color-primary);\r\n }\r\n\r\n .benefit-card .benefit-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .benefit-card .benefit-label {\r\n font-size: clamp(0.7rem, 0.78vw, 0.82rem);\r\n font-weight: 500;\r\n color: var(--color-heading);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ============================================================\r\n BOTTOM PANEL\r\n ============================================================ *\/\r\n .bottom-panel {\r\n background: var(--color-bg-alt);\r\n border-radius: var(--radius-card);\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n border: 1px solid var(--color-border);\r\n box-shadow: var(--shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .bottom-panel .panel-heading {\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n font-weight: 700;\r\n color: var(--color-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .bottom-panel .panel-text {\r\n font-size: clamp(0.9rem, 1vw, 1.05rem);\r\n line-height: 1.7;\r\n color: var(--color-text);\r\n max-width: 72rem;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.85rem 2rem;\r\n border-radius: var(--radius-button);\r\n font-size: clamp(0.85rem, 0.95vw, 1rem);\r\n font-weight: 600;\r\n font-family: inherit;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n text-align: center;\r\n line-height: 1.2;\r\n min-height: 52px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.25);\r\n }\r\n .btn-primary:hover,\r\n .btn-primary:focus-visible {\r\n background: var(--color-primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(41, 151, 170, 0.35);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--color-bg-alt);\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n }\r\n .btn-secondary:hover,\r\n .btn-secondary:focus-visible {\r\n background: var(--color-primary-light);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(41, 151, 170, 0.08);\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n color: var(--color-heading);\r\n border: 1px solid var(--color-border);\r\n padding: 0.85rem 1.5rem;\r\n }\r\n .btn-phone:hover,\r\n .btn-phone:focus-visible {\r\n background: var(--color-bg-alt);\r\n border-color: var(--color-primary);\r\n color: var(--color-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn .icon {\r\n display: inline-flex;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n line-height: 1;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n @media (min-width: 1920px) {\r\n .emergency-heading {\r\n font-size: clamp(2.4rem, 3.2vw, 3.6rem);\r\n }\r\n .image-wrapper {\r\n aspect-ratio: 4 \/ 3.2;\r\n }\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1440px) {\r\n .emergency-heading {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n }\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .intro-grid {\r\n gap: 2rem;\r\n }\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1280px) {\r\n .service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .emergency-heading {\r\n font-size: clamp(1.8rem, 3.2vw, 2.4rem);\r\n max-width: 100%;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n width: 100%;\r\n order: 0;\r\n }\r\n .intro-content {\r\n order: 1;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .service-card {\r\n min-height: 160px;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .plan-card {\r\n min-height: 140px;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 820px) {\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .service-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 140px;\r\n border-radius: 16px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.9rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.75rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.5rem;\r\n padding: 0.08rem 0.5rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.875rem;\r\n }\r\n .plan-card {\r\n padding: 1rem 1.1rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 1rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.75rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.5rem;\r\n padding: 0.15rem 0.6rem;\r\n top: -0.4rem;\r\n right: 0.8rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.7rem;\r\n }\r\n .benefit-card {\r\n padding: 0.7rem 0.9rem;\r\n min-height: 44px;\r\n border-radius: 16px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .emergency-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n max-width: 100%;\r\n }\r\n\r\n .emergency-text {\r\n font-size: clamp(0.85rem, 1.4vw, 0.95rem);\r\n }\r\n\r\n .badge {\r\n font-size: clamp(0.6rem, 1.2vw, 0.7rem);\r\n padding: 0.3rem 0.7rem 0.3rem 0.6rem;\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.75rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 10;\r\n }\r\n .image-caption {\r\n padding: 1rem 1.25rem;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.875rem;\r\n }\r\n .service-card {\r\n padding: 0.9rem 1rem;\r\n min-height: 130px;\r\n border-radius: 16px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.85rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.875rem;\r\n }\r\n .plan-card {\r\n padding: 0.9rem 1rem;\r\n min-height: 120px;\r\n border-radius: 16px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.9rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .benefit-card {\r\n padding: 0.6rem 0.8rem;\r\n min-height: 40px;\r\n border-radius: 14px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.5rem;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.2rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .panel-actions {\r\n gap: 0.6rem 0.8rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.7rem 1.4rem;\r\n font-size: clamp(0.8rem, 1.2vw, 0.9rem);\r\n min-height: 44px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .emergency-section {\r\n padding: 1.75rem 0;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n }\r\n\r\n .emergency-text {\r\n font-size: clamp(0.8rem, 1.6vw, 0.88rem);\r\n }\r\n\r\n .intro-grid {\r\n gap: 1.5rem;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 11;\r\n }\r\n .image-caption {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .service-card {\r\n padding: 0.8rem 0.85rem;\r\n min-height: 120px;\r\n border-radius: 14px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.8rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.45rem;\r\n padding: 0.06rem 0.4rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.7rem;\r\n }\r\n .plan-card {\r\n padding: 0.8rem 0.85rem;\r\n min-height: 110px;\r\n border-radius: 14px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.4rem;\r\n height: 1.4rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.85rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.65rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.45rem;\r\n padding: 0.1rem 0.5rem;\r\n top: -0.35rem;\r\n right: 0.6rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .benefit-card {\r\n padding: 0.5rem 0.7rem;\r\n min-height: 36px;\r\n border-radius: 12px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1.25rem;\r\n border-radius: 16px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1.1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .panel-actions {\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.6rem 1.2rem;\r\n font-size: clamp(0.75rem, 1.4vw, 0.85rem);\r\n min-height: 40px;\r\n flex: 0 1 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .service-card {\r\n padding: 0.65rem 0.7rem;\r\n min-height: 110px;\r\n border-radius: 12px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.75rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .plan-card {\r\n padding: 0.65rem 0.7rem;\r\n min-height: 100px;\r\n border-radius: 12px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.8rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.6rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.4rem;\r\n padding: 0.08rem 0.4rem;\r\n top: -0.3rem;\r\n right: 0.5rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .benefit-card {\r\n padding: 0.4rem 0.6rem;\r\n min-height: 32px;\r\n border-radius: 10px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.55rem;\r\n }\r\n }\r\n\r\n @media (max-width: 430px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.6rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 390px) {\r\n .emergency-heading {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n }\r\n\r\n .btn {\r\n padding: 0.5rem 1rem;\r\n font-size: clamp(0.7rem, 1.6vw, 0.8rem);\r\n min-height: 36px;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .service-card {\r\n padding: 0.55rem 0.6rem;\r\n min-height: 100px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.7rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.55rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.4rem;\r\n padding: 0.05rem 0.35rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .plan-card {\r\n padding: 0.55rem 0.6rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.75rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.55rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.38rem;\r\n padding: 0.06rem 0.35rem;\r\n top: -0.25rem;\r\n right: 0.4rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 1rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .benefit-card {\r\n padding: 0.35rem 0.5rem;\r\n min-height: 28px;\r\n border-radius: 10px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.5rem;\r\n }\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .service-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 90px;\r\n border-radius: 10px;\r\n }\r\n .service-card .card-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.65rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.4rem;\r\n }\r\n .plan-card {\r\n padding: 0.45rem 0.5rem;\r\n min-height: 80px;\r\n border-radius: 10px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.7rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.5rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.35rem;\r\n padding: 0.05rem 0.3rem;\r\n top: -0.25rem;\r\n right: 0.35rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem;\r\n }\r\n .benefit-card {\r\n padding: 0.3rem 0.4rem;\r\n min-height: 24px;\r\n border-radius: 8px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.45rem;\r\n }\r\n }\r\n\r\n @media (max-width: 320px) {\r\n .emergency-section {\r\n padding: 1.25rem 0;\r\n }\r\n\r\n .emergency-heading {\r\n font-size: clamp(1rem, 4.5vw, 1.3rem);\r\n }\r\n\r\n .emergency-text {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .badge {\r\n font-size: 0.55rem;\r\n padding: 0.2rem 0.5rem 0.2rem 0.45rem;\r\n }\r\n\r\n .btn {\r\n padding: 0.4rem 0.8rem;\r\n font-size: 0.65rem;\r\n min-height: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .image-wrapper {\r\n aspect-ratio: 16 \/ 12;\r\n border-radius: 14px;\r\n }\r\n .image-caption {\r\n padding: 0.5rem 0.75rem;\r\n font-size: 0.6rem;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .service-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 80px;\r\n border-radius: 8px;\r\n }\r\n .service-card .card-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .service-card h3 {\r\n font-size: 0.6rem;\r\n }\r\n .service-card .card-desc {\r\n font-size: 0.45rem;\r\n }\r\n .service-card .badge-availability {\r\n font-size: 0.35rem;\r\n padding: 0.04rem 0.3rem;\r\n }\r\n\r\n .plans-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.35rem;\r\n }\r\n .plan-card {\r\n padding: 0.4rem 0.45rem;\r\n min-height: 70px;\r\n border-radius: 8px;\r\n }\r\n .plan-card .plan-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n }\r\n .plan-card h4 {\r\n font-size: 0.65rem;\r\n }\r\n .plan-card .plan-desc {\r\n font-size: 0.45rem;\r\n }\r\n .plan-card .highlight-badge {\r\n font-size: 0.32rem;\r\n padding: 0.04rem 0.25rem;\r\n top: -0.2rem;\r\n right: 0.3rem;\r\n }\r\n\r\n .plans-heading,\r\n .benefits-heading {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.25rem;\r\n }\r\n .benefit-card {\r\n padding: 0.25rem 0.35rem;\r\n min-height: 20px;\r\n border-radius: 8px;\r\n }\r\n .benefit-card .benefit-icon {\r\n width: 0.65rem;\r\n height: 0.65rem;\r\n }\r\n .benefit-card .benefit-label {\r\n font-size: 0.4rem;\r\n }\r\n\r\n .bottom-panel {\r\n padding: 1rem;\r\n border-radius: 12px;\r\n }\r\n .bottom-panel .panel-heading {\r\n font-size: 1rem;\r\n }\r\n .bottom-panel .panel-text {\r\n font-size: 0.75rem;\r\n }\r\n .panel-actions {\r\n gap: 0.4rem;\r\n }\r\n }\r\n\r\n \/* ---- Print ---- *\/\r\n @media print {\r\n .btn {\r\n border: 1px solid #ccc;\r\n background: #f9f9f9 !important;\r\n color: #333 !important;\r\n box-shadow: none !important;\r\n }\r\n .image-wrapper {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n .service-card,\r\n .plan-card,\r\n .benefit-card,\r\n .bottom-panel {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd;\r\n }\r\n }\r\n\r\n \/* ---- Reduced motion ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n \/* ---- Focus ---- *\/\r\n :focus-visible {\r\n outline: 3px solid var(--color-primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ---- Skip link ---- *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -100%;\r\n left: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n font-weight: 600;\r\n z-index: 9999;\r\n transition: top 0.2s ease;\r\n }\r\n .skip-link:focus {\r\n top: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <a class=\"skip-link\" href=\"#main-content\">Skip to main content<\/a>\r\n\r\n \r\n <section class=\"emergency-section\" aria-labelledby=\"emergency-heading\" id=\"main-content\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"intro-grid\">\r\n\r\n \r\n <div class=\"intro-content\">\r\n\r\n <div class=\"badge\" aria-label=\"Commercial logistics support section\">\r\n <span>Commercial Logistics Support<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"emergency-heading\" class=\"emergency-heading\">\r\n Emergency & Scheduled Refrigerated Transport Across the UAE\r\n <\/h1>\r\n\r\n <div class=\"emergency-text\">\r\n <p>\r\n Businesses often require both urgent refrigerated transport and scheduled commercial logistics. Arctic Flow Transport provides flexible refrigerated transport solutions designed for emergency dispatch, recurring deliveries, contract-based transportation, and long-term cold chain operations across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"image-wrapper\" role=\"img\" aria-label=\"Emergency Refrigerated Transport UAE \u2014 professional commercial logistics\">\r\n\r\n <picture>\r\n <source srcset=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_58c7ed2872386579c2347ee8142662ebdr.jpeg\" type=\"image\/webp\" \/>\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/chillerfreezertrucksrentaluae.com\/wp-content\/uploads\/2026\/03\/Whisk_58c7ed2872386579c2347ee8142662ebdr.jpeg\"\r\n alt=\"Emergency Refrigerated Transport UAE \u2014 professional commercial cold chain logistics\"\r\n title=\"Emergency & Scheduled Refrigerated Transport\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"600\"\r\n onerror=\"this.style.display='none'; this.parentElement.classList.add('has-fallback');\"\r\n \/>\r\n <\/picture>\r\n\r\n <div class=\"image-placeholder\" aria-hidden=\"true\">\r\n <div class=\"icon-big\">\ud83d\ude9b\u26a1<\/div>\r\n <div>Professional Commercial Refrigerated Logistics<\/div>\r\n <div class=\"label\">emergency-refrigerated-transport.webp<\/div>\r\n <\/div>\r\n\r\n <div class=\"image-caption\" aria-hidden=\"true\">\r\n Professional Commercial Refrigerated Logistics\r\n <span>Emergency \u00b7 Scheduled \u00b7 Daily \u00b7 Weekly \u00b7 Monthly \u00b7 Contract<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"service-grid\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <circle cx=\"12\" cy=\"14\" r=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Emergency Dispatch<\/h3>\r\n <div class=\"card-desc\">Rapid refrigerated transport for urgent commercial deliveries.<\/div>\r\n <span class=\"badge-availability\">Subject to Availability<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\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 <h3>Scheduled Daily Deliveries<\/h3>\r\n <div class=\"card-desc\">Reliable daily refrigerated transport for commercial businesses.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l3 3\" \/>\r\n <path d=\"M12 6v6\" \/>\r\n <path d=\"M12 12l-3 3\" \/>\r\n <path d=\"M12 12l3 3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Weekly Logistics Support<\/h3>\r\n <div class=\"card-desc\">Flexible weekly transport for recurring supply chain operations.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Monthly Fleet Rental<\/h3>\r\n <div class=\"card-desc\">Dedicated refrigerated vehicles for ongoing business requirements.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <path d=\"M12 8v4\" \/>\r\n <path d=\"M12 12l-3 3\" \/>\r\n <path d=\"M12 12l3 3\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 20v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Corporate Transport Contracts<\/h3>\r\n <div class=\"card-desc\">Customized transport agreements for commercial organizations.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"card-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Cold Chain Distribution<\/h3>\r\n <div class=\"card-desc\">Professional refrigerated logistics supporting uninterrupted supply chain operations.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <h3 class=\"plans-heading\">Commercial Rental Plans<\/h3>\r\n\r\n <div class=\"plans-grid\">\r\n\r\n \r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <path d=\"M12 2v2\" \/>\r\n <path d=\"M12 20v2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Daily Rental<\/h4>\r\n <div class=\"plan-desc\">Flexible booking suitable for urgent and one-time deliveries.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6\" \/>\r\n <path d=\"M12 12l-3 3\" \/>\r\n <path d=\"M12 12l3 3\" \/>\r\n <path d=\"M8 10h8\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Weekly Rental<\/h4>\r\n <div class=\"plan-desc\">Ideal for recurring commercial deliveries.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"plan-card\">\r\n <span class=\"highlight-badge\">Best Value<\/span>\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\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>Monthly Rental<\/h4>\r\n <div class=\"plan-desc\">Dedicated fleet support for businesses.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\r\n <path d=\"M14 2v6h6\" \/>\r\n <path d=\"M16 13H8\" \/>\r\n <path d=\"M16 17H8\" \/>\r\n <path d=\"M10 9H8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Long-Term Contract<\/h4>\r\n <div class=\"plan-desc\">Customized commercial transport agreements with flexible scheduling.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <h3 class=\"benefits-heading\">Business Benefits<\/h3>\r\n\r\n <div class=\"benefits-grid\">\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n <path d=\"M3 14h9\" \/>\r\n <path d=\"M12 22l10-12h-9\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Fast Dispatch Coordination<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Professional Fleet Scheduling<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M16 2v4\" \/>\r\n <path d=\"M8 2v4\" \/>\r\n <path d=\"M3 10h18\" \/>\r\n <path d=\"M8 14h.01\" \/>\r\n <path d=\"M12 14h.01\" \/>\r\n <path d=\"M16 14h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Flexible Rental Options<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <path d=\"M6 18h12\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Commercial Fleet Availability<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <path d=\"M8 14h8\" \/>\r\n <path d=\"M8 18h8\" \/>\r\n <circle cx=\"8\" cy=\"11\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"11\" r=\"1\" \/>\r\n <path d=\"M12 14v4\" \/>\r\n <path d=\"M8 6v2\" \/>\r\n <path d=\"M16 6v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Reliable Cold Chain Operations<\/span>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <path d=\"M12 22a6 6 0 01-3-11.2V3a3 3 0 016 0v7.8A6 6 0 0112 22z\" \/>\r\n <path d=\"M12 14a2 2 0 100-4 2 2 0 000 4z\" \/>\r\n <path d=\"M12 8v2\" \/>\r\n <path d=\"M12 18v2\" \/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"benefit-label\">Temperature-Controlled Deliveries<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n\r\n <h3 class=\"panel-heading\">\r\n Flexible Refrigerated Transport for Every Business\r\n <\/h3>\r\n\r\n <p class=\"panel-text\">\r\n Whether you require one-day transportation, recurring deliveries, monthly vehicle rental, or dedicated refrigerated logistics, Arctic Flow Transport provides professional temperature-controlled transport solutions designed to support commercial operations across the UAE.\r\n <\/p>\r\n\r\n <div class=\"panel-actions\" role=\"group\" aria-label=\"Emergency transport actions\">\r\n\r\n <a href=\"\/contact-us\/\" class=\"btn btn-primary\" aria-label=\"Book Transport \u2014 schedule your refrigerated logistics\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 8h16M4 8v10a2 2 0 002 2h12a2 2 0 002-2V8M4 8V6a2 2 0 012-2h12a2 2 0 012 2v2\" \/>\r\n <circle cx=\"8\" cy=\"12\" r=\"1\" \/>\r\n <circle cx=\"16\" cy=\"12\" r=\"1\" \/>\r\n <path d=\"M12 8v8\" \/>\r\n <\/svg>\r\n <\/span>\r\n Book Transport\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn btn-secondary\" aria-label=\"WhatsApp Now\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n <\/svg>\r\n <\/span>\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <a href=\"tel:+971554491928\" class=\"btn btn-phone\" aria-label=\"Call Now\">\r\n <span class=\"icon\" aria-hidden=\"true\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 022.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <\/span>\r\n Call Now\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\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 class=\"elementor-element elementor-element-497d5b3 elementor-widget elementor-widget-html\" data-id=\"497d5b3\" 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, maximum-scale=5\">\r\n <title>Commercial Rental Plans & Fleet Pricing | Arctic Flow Transport<\/title>\r\n \r\n <meta name=\"description\" content=\"Flexible commercial rental plans & fleet pricing from Arctic Flow Transport. Daily, weekly, monthly & corporate contracts. Refrigerated vans & trucks.\">\r\n <meta property=\"og:title\" content=\"Commercial Rental Plans & Fleet Pricing\">\r\n <meta property=\"og:description\" content=\"Flexible refrigerated vehicle rental plans for every business. Daily to corporate contracts.\">\r\n <link rel=\"canonical\" href=\"https:\/\/www.arcticflowtransport.com\/commercial-rental-plans\/\">\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Product\",\r\n \"name\": \"Commercial Refrigerated Truck Rental\",\r\n \"description\": \"Flexible commercial rental plans for refrigerated vehicles. Daily, weekly, monthly and corporate contracts.\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Arctic Flow Transport\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"AggregateOffer\",\r\n \"priceCurrency\": \"AED\",\r\n \"lowPrice\": \"250\",\r\n \"highPrice\": \"1200\",\r\n \"offerCount\": \"6\"\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* ---------- RESET & BASE (enterprise design system) ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* container \u2013 matches premium enterprise width *\/\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n \/* ---------- SECTION 11: Commercial Rental Plans ---------- *\/\r\n .section-rental-plans {\r\n background: #FFFFFF;\r\n padding: 80px 0 100px;\r\n }\r\n\r\n \/* ----- BADGE (Rental Plans) ----- *\/\r\n .badge-rental {\r\n display: inline-block;\r\n background: #E8F7FA;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* ----- HEADING & INTRO ----- *\/\r\n .section-title {\r\n font-size: clamp(2.2rem, 4.5vw, 3.6rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: #111111;\r\n max-width: 850px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro-text {\r\n font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n color: #666666;\r\n max-width: 800px;\r\n margin-bottom: 56px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ----- premium cards grid (4 columns) ----- *\/\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 28px;\r\n margin-bottom: 72px;\r\n }\r\n\r\n \/* premium card \u2013 apple \/ stripe style *\/\r\n .pricing-card {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: 28px 20px 24px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.02), 0 2px 8px rgba(0,0,0,0.02);\r\n transition: box-shadow 0.2s ease, transform 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n .pricing-card:hover {\r\n box-shadow: 0 20px 40px rgba(41,151,170,0.06), 0 8px 24px rgba(0,0,0,0.04);\r\n transform: translateY(-4px);\r\n border-color: #2997AA30;\r\n }\r\n\r\n \/* card highlight (BEST VALUE) *\/\r\n .pricing-card.highlight {\r\n border-color: #2997AA;\r\n background: #F8FCFD;\r\n box-shadow: 0 12px 32px rgba(41,151,170,0.08);\r\n }\r\n\r\n .card-badge {\r\n display: inline-block;\r\n background: #2997AA;\r\n color: white;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n padding: 4px 14px;\r\n border-radius: 40px;\r\n margin-bottom: 16px;\r\n align-self: flex-start;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .card-sub {\r\n font-size: 0.8rem;\r\n color: #666666;\r\n margin-bottom: 12px;\r\n font-weight: 450;\r\n }\r\n\r\n .card-price {\r\n font-size: 1.9rem;\r\n font-weight: 600;\r\n color: #111111;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .card-price small {\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n color: #666666;\r\n margin-left: 2px;\r\n }\r\n\r\n .card-desc {\r\n font-size: 0.9rem;\r\n color: #666666;\r\n margin: 12px 0 8px;\r\n line-height: 1.5;\r\n }\r\n\r\n .card-features {\r\n list-style: none;\r\n margin: 12px 0 20px;\r\n flex: 1;\r\n }\r\n\r\n .card-features li {\r\n font-size: 0.9rem;\r\n color: #444444;\r\n padding: 4px 0 4px 24px;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%232997AA\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>') left center no-repeat;\r\n background-size: 16px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .btn-card {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 60px;\r\n padding: 12px 24px;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n color: #111111;\r\n text-decoration: none;\r\n transition: background 0.15s, border-color 0.15s, color 0.15s;\r\n margin-top: 8px;\r\n width: 100%;\r\n text-align: center;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .btn-card:hover {\r\n background: #F8FCFD;\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-card-primary {\r\n background: #2997AA;\r\n border: 1px solid #2997AA;\r\n color: white;\r\n }\r\n\r\n .btn-card-primary:hover {\r\n background: #1e7e8e;\r\n border-color: #1e7e8e;\r\n color: white;\r\n }\r\n\r\n \/* ----- Fleet Pricing (six cards) ----- *\/\r\n .fleet-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .fleet-card {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: 24px 20px 22px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.02);\r\n transition: box-shadow 0.2s ease, transform 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .fleet-card:hover {\r\n box-shadow: 0 16px 32px rgba(41,151,170,0.06);\r\n transform: translateY(-3px);\r\n border-color: #2997AA30;\r\n }\r\n\r\n .fleet-name {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .fleet-price {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: #111111;\r\n letter-spacing: -0.01em;\r\n margin: 8px 0 2px;\r\n }\r\n\r\n .fleet-price small {\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #666666;\r\n }\r\n\r\n .fleet-temp {\r\n font-size: 0.9rem;\r\n color: #666666;\r\n margin: 6px 0 12px;\r\n background: #F8FCFD;\r\n padding: 4px 12px;\r\n border-radius: 40px;\r\n display: inline-block;\r\n align-self: flex-start;\r\n }\r\n\r\n .fleet-badge {\r\n background: #E8F7FA;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.03em;\r\n padding: 2px 14px;\r\n border-radius: 40px;\r\n align-self: flex-start;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .fleet-link {\r\n font-weight: 500;\r\n color: #2997AA;\r\n text-decoration: none;\r\n margin-top: 12px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: gap 0.2s;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .fleet-link:hover {\r\n gap: 12px;\r\n }\r\n\r\n .fleet-link svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n }\r\n\r\n \/* ----- Pricing Factors (premium feature cards) ----- *\/\r\n .factors-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .factor-card {\r\n background: #F8FCFD;\r\n border-radius: 20px;\r\n padding: 28px 24px 26px;\r\n border: 1px solid #E5E7EB;\r\n transition: box-shadow 0.15s;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .factor-card:hover {\r\n box-shadow: 0 12px 28px rgba(41,151,170,0.04);\r\n }\r\n\r\n .factor-icon {\r\n flex-shrink: 0;\r\n width: 40px;\r\n height: 40px;\r\n background: #E8F7FA;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .factor-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: #2997AA;\r\n stroke-width: 1.8;\r\n }\r\n\r\n .factor-content h4 {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .factor-content p {\r\n font-size: 0.9rem;\r\n color: #666666;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ----- BOTTOM PANEL (custom quote + image) ----- *\/\r\n .bottom-panel {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 48px;\r\n background: #F8FCFD;\r\n border-radius: 28px;\r\n padding: 48px 48px 48px 56px;\r\n border: 1px solid #E5E7EB;\r\n align-items: center;\r\n margin-top: 16px;\r\n }\r\n\r\n .panel-left h2 {\r\n font-size: clamp(1.6rem, 2.8vw, 2.4rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n color: #111111;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .panel-left p {\r\n color: #666666;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n max-width: 460px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .panel-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n }\r\n\r\n .btn-primary {\r\n background: #2997AA;\r\n border: none;\r\n border-radius: 60px;\r\n padding: 14px 34px;\r\n color: white;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: background 0.15s;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #1e7e8e;\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 60px;\r\n padding: 13px 30px;\r\n color: #111111;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: border-color 0.15s, color 0.15s;\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-phone {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 60px;\r\n padding: 13px 30px;\r\n color: #111111;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .btn-phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .panel-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .panel-right picture img {\r\n width: 100%;\r\n max-width: 420px;\r\n height: auto;\r\n border-radius: 20px;\r\n box-shadow: 0 12px 36px rgba(0,0,0,0.04);\r\n display: block;\r\n }\r\n\r\n \/* ----- responsive breakpoints ----- *\/\r\n\r\n \/* 1280 & 1440+ *\/\r\n @media (max-width: 1280px) {\r\n .container { padding: 0 28px; }\r\n }\r\n\r\n \/* tablet: 1024, 992, 820, 768 *\/\r\n @media (max-width: 1024px) {\r\n .pricing-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n }\r\n .fleet-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .factors-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .bottom-panel {\r\n grid-template-columns: 1fr;\r\n padding: 40px 32px;\r\n text-align: left;\r\n }\r\n .panel-right {\r\n justify-content: flex-start;\r\n }\r\n .panel-right picture img {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-rental-plans { padding: 60px 0 72px; }\r\n .container { padding: 0 24px; }\r\n .pricing-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n .fleet-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n .factors-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n .bottom-panel { padding: 32px 24px; }\r\n }\r\n\r\n \/* mobile: 576, 480, 430, 390, 375, 360, 320 *\/\r\n @media (max-width: 576px) {\r\n .container { padding: 0 18px; }\r\n .section-rental-plans { padding: 48px 0 56px; }\r\n .pricing-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .fleet-grid {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n .factors-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n .bottom-panel {\r\n padding: 28px 20px;\r\n gap: 28px;\r\n }\r\n .panel-actions {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n .btn-primary, .btn-outline, .btn-phone {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .badge-rental { font-size: 0.7rem; }\r\n }\r\n\r\n \/* extra small *\/\r\n @media (max-width: 380px) {\r\n .container { padding: 0 14px; }\r\n .pricing-card { padding: 22px 16px; }\r\n .fleet-card { padding: 20px 16px; }\r\n }\r\n\r\n \/* ----- utilities (no horizontal scroll, CLS friendly) ----- *\/\r\n img, svg, picture {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* core web vitals: lazy loading *\/\r\n .lazy {\r\n loading: lazy;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"section-rental-plans\" aria-labelledby=\"rental-plans-heading\">\r\n <div class=\"container\">\r\n\r\n \r\n <span class=\"badge-rental\">Rental Plans<\/span>\r\n\r\n \r\n <h1 id=\"rental-plans-heading\" class=\"section-title\">Flexible Commercial Rental Plans for Every Business<\/h1>\r\n\r\n \r\n <p class=\"intro-text\">\r\n Every business has unique transportation requirements. Arctic Flow Transport offers flexible refrigerated vehicle rental plans ranging from one-day rentals to dedicated long-term commercial fleet solutions. Whether you need a single delivery or ongoing cold chain logistics, our fleet is ready to support your operations.\r\n <\/p>\r\n\r\n \r\n <div class=\"pricing-grid\">\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"card-title\">Daily Rental<\/div>\r\n <div class=\"card-price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"card-desc\">Best For<\/div>\r\n <ul class=\"card-features\">\r\n <li>Urgent Deliveries<\/li>\r\n <li>Restaurant Deliveries<\/li>\r\n <li>One-Time Transport<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card\">Book Today<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"card-title\">Weekly Rental<\/div>\r\n <div class=\"card-sub\">Flexible Commercial Plan<\/div>\r\n <div class=\"card-price\">\u2014<\/div>\r\n <div class=\"card-desc\">Best For<\/div>\r\n <ul class=\"card-features\">\r\n <li>Recurring Deliveries<\/li>\r\n <li>Food Distribution<\/li>\r\n <li>Retail Supply<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card\">Get Quote<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card highlight\">\r\n <span class=\"card-badge\">Best Value<\/span>\r\n <div class=\"card-title\">Monthly Rental<\/div>\r\n <div class=\"card-price\">\u2014<\/div>\r\n <ul class=\"card-features\">\r\n <li>Dedicated Fleet<\/li>\r\n <li>Priority Support<\/li>\r\n <li>Business Discounts<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card btn-card-primary\">Request Quote<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"card-title\">Corporate Contracts<\/div>\r\n <div class=\"card-sub\">Custom Pricing<\/div>\r\n <div class=\"card-desc\">Best For<\/div>\r\n <ul class=\"card-features\">\r\n <li>Hotels<\/li>\r\n <li>Supermarkets<\/li>\r\n <li>Warehouses<\/li>\r\n <li>Food Manufacturers<\/li>\r\n <li>Pharmaceutical Companies<\/li>\r\n <\/ul>\r\n <a href=\"\/contact-us\/\" class=\"btn-card\">Contact Sales<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-grid\">\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">1 Ton Chiller Van<\/div>\r\n <div class=\"fleet-price\">AED 250 <small>\/ Day<\/small><\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/1-ton-chiller-van-abu-dhabi\/\" class=\"fleet-link\">View details <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <span class=\"fleet-badge\">Most Popular<\/span>\r\n <div class=\"fleet-name\">3 Ton Chiller Truck<\/div>\r\n <div class=\"fleet-price\">AED 400 <small>\/ Day<\/small><\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/3-ton-chiller-truck-abu-dhabi\/\" class=\"fleet-link\">View details <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">5 Ton Chiller Truck<\/div>\r\n <div class=\"fleet-price\">Custom Quote<\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/contact-us\/\" class=\"fleet-link\">Request quote <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">7 Ton Chiller Truck<\/div>\r\n <div class=\"fleet-price\">Custom Quote<\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to +8\u00b0C<\/div>\r\n <a href=\"\/contact-us\/\" class=\"fleet-link\">Request quote <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">Freezer Truck<\/div>\r\n <div class=\"fleet-price\">AED 1200 <small>\/ Day<\/small><\/div>\r\n <div class=\"fleet-temp\">-18\u00b0C to -25\u00b0C<\/div>\r\n <a href=\"\/freezer-truck-rental-uae\/\" class=\"fleet-link\">View details <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"fleet-card\">\r\n <div class=\"fleet-name\">Refrigerated Truck<\/div>\r\n <div class=\"fleet-price\">Custom Quote<\/div>\r\n <div class=\"fleet-temp\">+2\u00b0C to -25\u00b0C<\/div>\r\n <a href=\"\/refrigerated-truck-rental-uae\/\" class=\"fleet-link\">Request quote <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"factors-grid\">\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Rental Duration<\/h4><p>Daily, weekly, monthly or long-term contracts<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M8 6v12M16 6v12\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Vehicle Capacity<\/h4><p>1 to 7+ ton refrigerated options<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 12h18M3 6h18M3 18h18\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M3 12l3-3 3 3 3-3 3 3 3-3 3 3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Delivery Distance<\/h4><p>Local, regional or cross-emirate transport<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2v20M2 12h20\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Temperature Requirement<\/h4><p>Chilled (+2\u00b0C to +8\u00b0C) or frozen (-18\u00b0C to -25\u00b0C)<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 12H4M12 20V4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Loading Requirement<\/h4><p>Tail-lift, ramp or manual loading options<\/p><\/div>\r\n <\/div>\r\n <div class=\"factor-card\">\r\n <div class=\"factor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M3 10h18\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <div class=\"factor-content\"><h4>Commercial Schedule<\/h4><p>Flexible scheduling for B2B operations<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-panel\">\r\n <div class=\"panel-left\">\r\n <h2>Need a Custom Commercial Quote?<\/h2>\r\n <p>Pricing varies depending on fleet size, rental duration, transport distance, cargo requirements and operational scheduling. Contact our logistics specialists for a customized quotation tailored to your business.<\/p>\r\n <div class=\"panel-actions\">\r\n <a href=\"\/contact-us\/\" class=\"btn-primary\">Request Free Quote<\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">WhatsApp Pricing Team<\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-phone\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call Sales Team\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"panel-right\">\r\n <picture>\r\n \r\n <source srcset=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='420' height='280' viewBox='0 0 420 280'%3E%3Crect width='420' height='280' fill='%23E8F7FA'\/%3E%3Ctext x='30' y='150' font-family='system-ui, sans-serif' font-size='22' fill='%232997AA' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='190' font-family='system-ui, sans-serif' font-size='16' fill='%23666'%3EFlexible Rental Plans for Businesses%3C\/text%3E%3C\/svg%3E\" type=\"image\/svg+xml\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='420' height='280' viewBox='0 0 420 280'%3E%3Crect width='420' height='280' fill='%23E8F7FA'\/%3E%3Ctext x='30' y='150' font-family='system-ui, sans-serif' font-size='22' fill='%232997AA' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='190' font-family='system-ui, sans-serif' font-size='16' fill='%23666'%3EFlexible Rental Plans for Businesses%3C\/text%3E%3C\/svg%3E\" \r\n alt=\"Commercial Refrigerated Truck Rental Plans UAE\" \r\n title=\"Commercial Fleet Pricing\" \r\n loading=\"lazy\" \r\n width=\"420\" height=\"280\" \r\n style=\"background: #F8FCFD;\">\r\n <\/picture>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f61991 elementor-widget elementor-widget-html\" data-id=\"0f61991\" 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, maximum-scale=5\">\r\n <title>Frequently Asked Questions | Arctic Flow Transport<\/title>\r\n <meta name=\"description\" content=\"Answers to common questions about refrigerated truck rental, freezer truck rental, chiller truck rental, and cold chain logistics across the UAE.\">\r\n <link rel=\"canonical\" href=\"https:\/\/www.arcticflowtransport.com\/faq\/\">\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 {\r\n \"@type\": \"Question\",\r\n \"name\": \"What is a refrigerated truck?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"A refrigerated truck is a temperature-controlled commercial vehicle used to transport chilled and frozen products while maintaining stable transport temperatures.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"What temperature do your vehicles maintain?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Our fleet supports chilled transportation between +2\u00b0C and +8\u00b0C and frozen transportation between -18\u00b0C and -25\u00b0C depending on the selected vehicle.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Which industries use refrigerated transport?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Restaurants, hotels, supermarkets, catering companies, pharmaceutical suppliers, dairy companies, food distributors, warehouses and commercial businesses.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide services across the UAE?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. We provide refrigerated transport across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah and Umm Al Quwain.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I rent a truck daily or monthly?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Daily, weekly, monthly and long-term commercial rental plans are available.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide emergency transport?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Emergency transport may be available depending on fleet availability and operational scheduling.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I book through WhatsApp?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Bookings and quotation requests can be made through WhatsApp or phone.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Do you provide commercial contracts?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Yes. Customized commercial contracts are available for businesses requiring recurring refrigerated transportation.\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n <style>\r\n \/* ---------- RESET & BASE ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n \/* ---------- SECTION 12: FAQ ---------- *\/\r\n .section-faq {\r\n background: #FFFFFF;\r\n padding: 80px 0 100px;\r\n }\r\n\r\n \/* BADGE *\/\r\n .badge-faq {\r\n display: inline-block;\r\n background: #E8F7FA;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* HEADING & INTRO *\/\r\n .section-title {\r\n font-size: clamp(2.2rem, 4.5vw, 3.6rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: #111111;\r\n max-width: 850px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro-text {\r\n font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n color: #666666;\r\n max-width: 800px;\r\n margin-bottom: 56px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ---------- LAYOUT: DESKTOP 2 COL ---------- *\/\r\n .faq-layout {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 48px;\r\n align-items: start;\r\n }\r\n\r\n \/* ----- ACCORDION (left) ----- *\/\r\n .accordion-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .accordion-item {\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n background: #FFFFFF;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n transition: box-shadow 0.2s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .accordion-item:hover {\r\n box-shadow: 0 8px 24px rgba(41,151,170,0.04);\r\n }\r\n\r\n .accordion-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 24px;\r\n cursor: pointer;\r\n background: transparent;\r\n border: none;\r\n width: 100%;\r\n text-align: left;\r\n font-size: 1rem;\r\n font-weight: 550;\r\n color: #111111;\r\n transition: background 0.15s;\r\n gap: 16px;\r\n font-family: inherit;\r\n }\r\n\r\n .accordion-header:hover {\r\n background: #F8FCFD;\r\n }\r\n\r\n .accordion-header .icon-toggle {\r\n flex-shrink: 0;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 40px;\r\n background: #E8F7FA;\r\n transition: background 0.2s, transform 0.3s ease;\r\n }\r\n\r\n .accordion-header .icon-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #2997AA;\r\n stroke-width: 2.2;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .accordion-item.open .accordion-header .icon-toggle {\r\n background: #2997AA;\r\n }\r\n\r\n .accordion-item.open .accordion-header .icon-toggle svg {\r\n stroke: white;\r\n transform: rotate(180deg);\r\n }\r\n\r\n .accordion-body {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.35s ease, padding 0.35s ease;\r\n padding: 0 24px;\r\n color: #666666;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .accordion-item.open .accordion-body {\r\n max-height: 300px;\r\n padding: 0 24px 24px 24px;\r\n }\r\n\r\n \/* ----- RIGHT SIDE: STICKY HELP CARD ----- *\/\r\n .help-card {\r\n background: #F8FCFD;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 20px;\r\n padding: 36px 28px 32px;\r\n box-shadow: 0 8px 28px rgba(0,0,0,0.02);\r\n position: sticky;\r\n top: 32px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .help-card h3 {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n color: #111111;\r\n margin-bottom: 10px;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .help-card p {\r\n color: #666666;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .help-card .btn-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .btn-help {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 14px 20px;\r\n border-radius: 60px;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.15s, border-color 0.15s, color 0.15s;\r\n border: 1px solid #E5E7EB;\r\n background: transparent;\r\n color: #111111;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .btn-help-primary {\r\n background: #2997AA;\r\n border: 1px solid #2997AA;\r\n color: white;\r\n }\r\n\r\n .btn-help-primary:hover {\r\n background: #1e7e8e;\r\n border-color: #1e7e8e;\r\n color: white;\r\n }\r\n\r\n .btn-help-outline {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n color: #111111;\r\n }\r\n\r\n .btn-help-outline:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-help-phone {\r\n background: transparent;\r\n border: 1px solid #E5E7EB;\r\n color: #111111;\r\n }\r\n\r\n .btn-help-phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-help svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ----- BOTTOM PANEL (Still Need Help?) ----- *\/\r\n .bottom-help {\r\n margin-top: 72px;\r\n background: #F8FCFD;\r\n border-radius: 28px;\r\n padding: 48px 56px;\r\n border: 1px solid #E5E7EB;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .bottom-help h2 {\r\n font-size: clamp(1.6rem, 2.8vw, 2.2rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n color: #111111;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bottom-help p {\r\n color: #666666;\r\n font-size: 1rem;\r\n max-width: 700px;\r\n line-height: 1.6;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .bottom-help .btn-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n justify-content: center;\r\n }\r\n\r\n .btn-bottom {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 34px;\r\n border-radius: 60px;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n border: 1px solid #E5E7EB;\r\n background: transparent;\r\n color: #111111;\r\n transition: border-color 0.15s, color 0.15s, background 0.15s;\r\n }\r\n\r\n .btn-bottom-primary {\r\n background: #2997AA;\r\n border: 1px solid #2997AA;\r\n color: white;\r\n }\r\n\r\n .btn-bottom-primary:hover {\r\n background: #1e7e8e;\r\n border-color: #1e7e8e;\r\n color: white;\r\n }\r\n\r\n .btn-bottom-outline:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-bottom-phone:hover {\r\n border-color: #2997AA;\r\n color: #2997AA;\r\n }\r\n\r\n .btn-bottom svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ----- RESPONSIVE ----- *\/\r\n @media (max-width: 1280px) {\r\n .container { padding: 0 28px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .faq-layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .help-card {\r\n position: static;\r\n width: 100%;\r\n }\r\n\r\n .bottom-help {\r\n padding: 40px 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-faq { padding: 60px 0 72px; }\r\n .container { padding: 0 24px; }\r\n .accordion-header {\r\n padding: 16px 18px;\r\n font-size: 0.95rem;\r\n }\r\n .accordion-body {\r\n font-size: 0.9rem;\r\n }\r\n .help-card {\r\n padding: 28px 20px;\r\n }\r\n .bottom-help {\r\n padding: 32px 24px;\r\n }\r\n .bottom-help .btn-group {\r\n flex-direction: column;\r\n width: 100%;\r\n align-items: stretch;\r\n }\r\n .btn-bottom {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .container { padding: 0 18px; }\r\n .section-faq { padding: 48px 0 56px; }\r\n .accordion-header {\r\n padding: 14px 16px;\r\n font-size: 0.9rem;\r\n }\r\n .accordion-body {\r\n padding: 0 16px;\r\n font-size: 0.85rem;\r\n }\r\n .accordion-item.open .accordion-body {\r\n padding: 0 16px 18px 16px;\r\n }\r\n .help-card {\r\n padding: 24px 16px;\r\n }\r\n .bottom-help {\r\n padding: 28px 18px;\r\n }\r\n .badge-faq { font-size: 0.7rem; }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .container { padding: 0 14px; }\r\n .accordion-header {\r\n padding: 12px 14px;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n \/* ----- utilities ----- *\/\r\n img, svg, picture {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* accordion toggle \u2013 pure CSS with :target or class toggled via click (no JS) \r\n we use a hidden checkbox + label trick for pure CSS toggle *\/\r\n .accordion-item {\r\n position: relative;\r\n }\r\n\r\n .accordion-item .accordion-check {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .accordion-item .accordion-check:checked ~ .accordion-body {\r\n max-height: 300px;\r\n padding: 0 24px 24px 24px;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header .icon-toggle {\r\n background: #2997AA;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header .icon-toggle svg {\r\n stroke: white;\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* re-apply hover for label (header) *\/\r\n .accordion-header label {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n cursor: pointer;\r\n padding: 20px 24px;\r\n margin: -20px -24px;\r\n background: transparent;\r\n border: none;\r\n font-weight: 550;\r\n font-size: 1rem;\r\n color: #111111;\r\n font-family: inherit;\r\n }\r\n\r\n .accordion-item .accordion-check:checked ~ .accordion-body {\r\n max-height: 300px;\r\n padding: 0 24px 24px 24px;\r\n }\r\n\r\n \/* fix for header label *\/\r\n .accordion-header {\r\n padding: 0;\r\n background: transparent;\r\n }\r\n\r\n .accordion-header label {\r\n padding: 20px 24px;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n }\r\n\r\n .accordion-header label:hover {\r\n background: #F8FCFD;\r\n border-radius: 20px;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header label .icon-toggle {\r\n background: #2997AA;\r\n }\r\n\r\n .accordion-item .accordion-check:checked + .accordion-header label .icon-toggle svg {\r\n stroke: white;\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* touch-friendly *\/\r\n .accordion-header label {\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"section-faq\" aria-labelledby=\"faq-heading\">\r\n <div class=\"container\">\r\n\r\n \r\n <span class=\"badge-faq\">Frequently Asked Questions<\/span>\r\n\r\n \r\n <h1 id=\"faq-heading\" class=\"section-title\">Answers to Common Questions About Refrigerated Transport<\/h1>\r\n\r\n \r\n <p class=\"intro-text\">\r\n Find answers to the most common questions about refrigerated truck rental, freezer truck rental, chiller truck rental, cold chain logistics, commercial vehicle booking, fleet availability, and temperature-controlled transportation across the UAE.\r\n <\/p>\r\n\r\n \r\n <div class=\"faq-layout\">\r\n\r\n \r\n <div class=\"accordion-list\">\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq1\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq1\">\r\n <span>What is a refrigerated truck?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n A refrigerated truck is a temperature-controlled commercial vehicle used to transport chilled and frozen products while maintaining stable transport temperatures.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq2\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq2\">\r\n <span>What temperature do your vehicles maintain?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Our fleet supports chilled transportation between +2\u00b0C and +8\u00b0C and frozen transportation between -18\u00b0C and -25\u00b0C depending on the selected vehicle.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq3\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq3\">\r\n <span>Which industries use refrigerated transport?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Restaurants, hotels, supermarkets, catering companies, pharmaceutical suppliers, dairy companies, food distributors, warehouses and commercial businesses.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq4\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq4\">\r\n <span>Do you provide services across the UAE?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. We provide refrigerated transport across Abu Dhabi, Dubai, Sharjah, Ajman, Al Ain, Ras Al Khaimah, Fujairah and Umm Al Quwain.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq5\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq5\">\r\n <span>Can I rent a truck daily or monthly?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Daily, weekly, monthly and long-term commercial rental plans are available.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq6\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq6\">\r\n <span>Do you provide emergency transport?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Emergency transport may be available depending on fleet availability and operational scheduling.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq7\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq7\">\r\n <span>Can I book through WhatsApp?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Bookings and quotation requests can be made through WhatsApp or phone.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accordion-item\">\r\n <input type=\"checkbox\" id=\"faq8\" class=\"accordion-check\">\r\n <div class=\"accordion-header\">\r\n <label for=\"faq8\">\r\n <span>Do you provide commercial contracts?<\/span>\r\n <span class=\"icon-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n Yes. Customized commercial contracts are available for businesses requiring recurring refrigerated transportation.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <aside class=\"help-card\" aria-label=\"Expert assistance\">\r\n <h3>Need Expert Assistance?<\/h3>\r\n <p>Our logistics specialists can recommend the right refrigerated vehicle according to your products, delivery schedule, cargo size and temperature requirements.<\/p>\r\n <div class=\"btn-group\">\r\n <a href=\"\/contact-us\/\" class=\"btn-help btn-help-primary\">Book Now<\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-help btn-help-outline\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-help btn-help-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-help\">\r\n <h2>Still Need Help?<\/h2>\r\n <p>Contact Arctic Flow Transport today for professional guidance on refrigerated truck rental, freezer truck rental, commercial cold chain logistics and temperature-controlled transportation anywhere in the UAE.<\/p>\r\n <div class=\"btn-group\">\r\n <a href=\"\/contact-us\/\" class=\"btn-bottom btn-bottom-primary\">Contact Us<\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-bottom btn-bottom-outline\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-bottom btn-bottom-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d58da89 elementor-widget elementor-widget-html\" data-id=\"d58da89\" 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, maximum-scale=5\">\r\n <title>Request a Commercial Quote | Arctic Flow Transport<\/title>\r\n <meta name=\"description\" content=\"Request a free commercial quote for refrigerated truck rental, freezer truck rental, and cold chain logistics across the UAE. 24\/7 support.\">\r\n <link rel=\"canonical\" href=\"https:\/\/www.arcticflowtransport.com\/request-quote\/\">\r\n <style>\r\n \/* ---------- RESET & BASE ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: #FFFFFF;\r\n color: #111111;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n \/* ---------- SECTION: Request a Commercial Quote ---------- *\/\r\n .section-cta {\r\n background: #2997AA;\r\n padding: 80px 0 90px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* subtle background texture *\/\r\n .section-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -10%;\r\n width: 600px;\r\n height: 600px;\r\n background: rgba(255,255,255,0.03);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n .section-cta::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -20%;\r\n left: -5%;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(255,255,255,0.02);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n \/* BADGE *\/\r\n .badge-cta {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.15);\r\n color: #FFFFFF;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n padding: 6px 18px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n backdrop-filter: blur(2px);\r\n }\r\n\r\n \/* HEADING & DESCRIPTION *\/\r\n .cta-title {\r\n font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: #FFFFFF;\r\n max-width: 750px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .cta-desc {\r\n font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n color: rgba(255,255,255,0.9);\r\n max-width: 680px;\r\n line-height: 1.7;\r\n margin-bottom: 36px;\r\n }\r\n\r\n \/* ---------- LAYOUT: 2 COL ---------- *\/\r\n .cta-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 56px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* LEFT CONTENT *\/\r\n .cta-left {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* TRUST STRIP \u2013 6 cards grid *\/\r\n .trust-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .trust-card {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n border-radius: 16px;\r\n padding: 16px 14px 14px;\r\n backdrop-filter: blur(2px);\r\n transition: background 0.2s, transform 0.15s;\r\n text-align: center;\r\n }\r\n\r\n .trust-card:hover {\r\n background: rgba(255,255,255,0.14);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .trust-card .trust-icon {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .trust-card .trust-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n stroke: #FFFFFF;\r\n stroke-width: 1.8;\r\n fill: none;\r\n }\r\n\r\n .trust-card .trust-label {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #FFFFFF;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .trust-card .trust-value {\r\n font-size: 0.75rem;\r\n color: rgba(255,255,255,0.75);\r\n margin-top: 2px;\r\n font-weight: 450;\r\n }\r\n\r\n \/* BUTTON GROUP *\/\r\n .cta-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-top: 4px;\r\n }\r\n\r\n .btn-cta-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #FFFFFF;\r\n border: none;\r\n border-radius: 60px;\r\n padding: 15px 36px;\r\n color: #2997AA;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.1s, box-shadow 0.2s;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n }\r\n\r\n .btn-cta-primary:hover {\r\n background: #F8FCFD;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n }\r\n\r\n .btn-cta-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,255,255,0.12);\r\n border: 1px solid rgba(255,255,255,0.25);\r\n border-radius: 60px;\r\n padding: 14px 30px;\r\n color: #FFFFFF;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.2s, border-color 0.2s, transform 0.1s;\r\n }\r\n\r\n .btn-cta-secondary:hover {\r\n background: rgba(255,255,255,0.2);\r\n border-color: rgba(255,255,255,0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-cta-phone {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n border-radius: 60px;\r\n padding: 14px 30px;\r\n color: #FFFFFF;\r\n font-weight: 550;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: background 0.2s, border-color 0.2s, transform 0.1s;\r\n }\r\n\r\n .btn-cta-phone:hover {\r\n background: rgba(255,255,255,0.16);\r\n border-color: rgba(255,255,255,0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-cta-primary svg,\r\n .btn-cta-secondary svg,\r\n .btn-cta-phone svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n .btn-cta-primary svg {\r\n stroke: #2997AA;\r\n }\r\n\r\n \/* RIGHT SIDE: IMAGE PLACEHOLDER *\/\r\n .cta-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n\r\n .cta-image-wrap {\r\n width: 100%;\r\n max-width: 480px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 48px rgba(0,0,0,0.12);\r\n background: rgba(255,255,255,0.06);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n }\r\n\r\n .cta-image-wrap picture img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 24px;\r\n aspect-ratio: 4\/3;\r\n object-fit: cover;\r\n background: #1a7a8a;\r\n }\r\n\r\n \/* ----- RESPONSIVE ----- *\/\r\n @media (max-width: 1280px) {\r\n .container { padding: 0 28px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .cta-layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .cta-right {\r\n justify-content: flex-start;\r\n }\r\n .cta-image-wrap {\r\n max-width: 100%;\r\n }\r\n .section-cta::before,\r\n .section-cta::after {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-cta { padding: 60px 0 64px; }\r\n .container { padding: 0 24px; }\r\n .trust-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n }\r\n .trust-card {\r\n padding: 14px 10px 12px;\r\n }\r\n .trust-card .trust-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n .trust-card .trust-label {\r\n font-size: 0.75rem;\r\n }\r\n .trust-card .trust-value {\r\n font-size: 0.7rem;\r\n }\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .btn-cta-primary,\r\n .btn-cta-secondary,\r\n .btn-cta-phone {\r\n justify-content: center;\r\n }\r\n .cta-image-wrap {\r\n border-radius: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .container { padding: 0 18px; }\r\n .section-cta { padding: 48px 0 52px; }\r\n .trust-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 8px;\r\n }\r\n .trust-card {\r\n padding: 12px 8px 10px;\r\n border-radius: 12px;\r\n }\r\n .trust-card .trust-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n .trust-card .trust-label {\r\n font-size: 0.7rem;\r\n }\r\n .trust-card .trust-value {\r\n font-size: 0.65rem;\r\n }\r\n .badge-cta {\r\n font-size: 0.7rem;\r\n padding: 4px 14px;\r\n }\r\n .cta-image-wrap {\r\n border-radius: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .container { padding: 0 14px; }\r\n .trust-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 8px;\r\n }\r\n .trust-card {\r\n padding: 10px 6px 8px;\r\n }\r\n }\r\n\r\n \/* utilities *\/\r\n img, svg, picture {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"section-cta\" aria-labelledby=\"cta-heading\">\r\n <div class=\"container\">\r\n\r\n \r\n <span class=\"badge-cta\">Commercial Refrigerated Transport<\/span>\r\n\r\n \r\n <div class=\"cta-layout\">\r\n\r\n \r\n <div class=\"cta-left\">\r\n\r\n \r\n <h1 id=\"cta-heading\" class=\"cta-title\">Need a Reliable Chiller or Freezer Truck for Your Business?<\/h1>\r\n\r\n \r\n <p class=\"cta-desc\">\r\n Whether you require a one-time refrigerated delivery, scheduled commercial transport, or long-term cold chain logistics, Arctic Flow Transport provides dependable temperature-controlled transport solutions across the UAE. Contact our logistics team today for a customized quotation based on your transportation requirements.\r\n <\/p>\r\n\r\n \r\n <div class=\"trust-grid\">\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v20M2 12h20\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Temperature<\/div>\r\n <div class=\"trust-value\">+2\u00b0C to -25\u00b0C<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\/>\r\n <path d=\"M8 6v12M16 6v12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Fleet<\/div>\r\n <div class=\"trust-value\">1 Ton \u2013 10 Ton<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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=\"trust-label\">Availability<\/div>\r\n <div class=\"trust-value\">24\/7 Support<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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=\"trust-label\">Coverage<\/div>\r\n <div class=\"trust-value\">UAE Wide<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Booking<\/div>\r\n <div class=\"trust-value\">Phone & WhatsApp<\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-card\">\r\n <div class=\"trust-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n <path d=\"M8 2v4M16 2v4\"\/>\r\n <path d=\"M3 10h18\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"trust-label\">Rental Plans<\/div>\r\n <div class=\"trust-value\">Daily \u2022 Weekly \u2022 Monthly<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-buttons\">\r\n <a href=\"\/contact-us\/\" class=\"btn-cta-primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\r\n Request Free Quote\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971554491928\" class=\"btn-cta-secondary\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <a href=\"tel:+971554491928\" class=\"btn-cta-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n Call Now\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-right\">\r\n <div class=\"cta-image-wrap\">\r\n <picture>\r\n <source srcset=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Crect width='480' height='360' fill='%231a7a8a'\/%3E%3Ctext x='30' y='170' font-family='system-ui, sans-serif' font-size='26' fill='%23FFFFFF' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='220' font-family='system-ui, sans-serif' font-size='18' fill='rgba(255,255,255,0.8)'%3ERequest Commercial Quote%3C\/text%3E%3Ctext x='30' y='250' font-family='system-ui, sans-serif' font-size='14' fill='rgba(255,255,255,0.5)'%3EProfessional Temperature-Controlled Fleet%3C\/text%3E%3C\/svg%3E\" type=\"image\/svg+xml\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Crect width='480' height='360' fill='%231a7a8a'\/%3E%3Ctext x='30' y='170' font-family='system-ui, sans-serif' font-size='26' fill='%23FFFFFF' font-weight='500'%3ECommercial Refrigerated Truck%3C\/text%3E%3Ctext x='30' y='220' font-family='system-ui, sans-serif' font-size='18' fill='rgba(255,255,255,0.8)'%3ERequest Commercial Quote%3C\/text%3E%3Ctext x='30' y='250' font-family='system-ui, sans-serif' font-size='14' fill='rgba(255,255,255,0.5)'%3EProfessional Temperature-Controlled Fleet%3C\/text%3E%3C\/svg%3E\" \r\n alt=\"Commercial Refrigerated Truck Rental UAE\" \r\n title=\"Request Commercial Quote\" \r\n loading=\"lazy\" \r\n width=\"480\" height=\"360\">\r\n <\/picture>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\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>Arctic Flow Transport \u2014 Chiller & Freezer Truck Rental UAE | Premium Cold Chain Logistics Skip to main content \u2b50\u2b50\u2b50\u2b50\u2b50 Trusted by Restaurants, Supermarkets, Catering & Pharma Businesses Chiller & Freezer Truck Rental UAE Professional Temperature-Controlled Transport Solutions Across the UAE Arctic Flow Transport provides professional chiller van rental, freezer truck rental, and refrigerated truck […]<\/p>\n","protected":false},"author":1,"featured_media":2286,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"enabled","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-493","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\/493","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":205,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/493\/revisions"}],"predecessor-version":[{"id":3795,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/pages\/493\/revisions\/3795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media\/2286"}],"wp:attachment":[{"href":"https:\/\/chillerfreezertrucksrentaluae.com\/ar\/wp-json\/wp\/v2\/media?parent=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}