{"id":31,"date":"2025-12-01T16:40:10","date_gmt":"2025-12-01T16:40:10","guid":{"rendered":"https:\/\/akplasticindustries.com\/?page_id=31"},"modified":"2026-05-18T20:24:49","modified_gmt":"2026-05-18T20:24:49","slug":"home-2","status":"publish","type":"page","link":"https:\/\/akplasticindustries.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0f9285 e-con-full e-flex e-con e-parent\" data-id=\"b0f9285\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66f5250 elementor-widget elementor-widget-html\" data-id=\"66f5250\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&display=swap');\r\n\r\n    .al-karam-premium {\r\n        width: 100%;\r\n        height: 550px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        background: #fdfdfd; \/* Clean professional white *\/\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .slide {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n        padding: 0 10%;\r\n        box-sizing: border-box;\r\n        animation: ae-transition 12s infinite ease-in-out;\r\n    }\r\n\r\n    .slide:nth-child(1) { animation-delay: 0s; visibility: visible; }\r\n    .slide:nth-child(2) { animation-delay: 6s; }\r\n\r\n    \/* PNG Background Fix & Floating Animation *\/\r\n    .img-wrap {\r\n        width: 45%;\r\n        position: relative;\r\n        \/* \"Multiply\" white background ko transparent kar deta hai *\/\r\n        mix-blend-mode: multiply; \r\n        animation: float 4s infinite ease-in-out;\r\n    }\r\n\r\n    .product-img {\r\n        width: 100%;\r\n        max-height: 420px;\r\n        object-fit: contain;\r\n    }\r\n\r\n    \/* Text Animation (After Effects Style) *\/\r\n    .text-wrap { width: 50%; }\r\n\r\n    .pre-title {\r\n        color: #ed1c24;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n        animation: slideLeft 1s both 0.5s;\r\n    }\r\n\r\n    .main-title {\r\n        font-size: 4rem; \/* Slightly reduced to accommodate longer text *\/\r\n        line-height: 0.95;\r\n        font-weight: 900;\r\n        color: #1a237e;\r\n        margin: 0;\r\n        animation: slideLeft 1s both 0.7s;\r\n    }\r\n\r\n    .accent-red { color: #ed1c24; }\r\n\r\n    .description {\r\n        font-size: 1.2rem;\r\n        color: #555;\r\n        margin-top: 25px;\r\n        max-width: 400px;\r\n        line-height: 1.6;\r\n        border-left: 5px solid #ed1c24;\r\n        padding-left: 20px;\r\n        animation: slideLeft 1s both 0.9s;\r\n    }\r\n\r\n    \/* Keyframes for High-End Motion *\/\r\n    @keyframes ae-transition {\r\n        0% { opacity: 0; transform: scale(1.1); visibility: visible; }\r\n        8% { opacity: 1; transform: scale(1); }\r\n        45% { opacity: 1; }\r\n        52% { opacity: 0; transform: scale(0.95); }\r\n        100% { opacity: 0; }\r\n    }\r\n\r\n    @keyframes float {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-20px) rotate(2deg); }\r\n    }\r\n\r\n    @keyframes slideLeft {\r\n        from { opacity: 0; transform: translateX(50px); filter: blur(10px); }\r\n        to { opacity: 1; transform: translateX(0); filter: blur(0); }\r\n    }\r\n\r\n    \/* Mobile Responsiveness Fixes *\/\r\n    @media (max-width: 768px) {\r\n        .al-karam-premium {\r\n            height: auto;\r\n            min-height: 600px; \/* Gives extra space on mobile *\/\r\n        }\r\n        .slide { \r\n            flex-direction: column; \r\n            text-align: center; \r\n            justify-content: flex-start; \/* Changed to start so padding pushes it exactly *\/\r\n            padding: 100px 5% 40px 5%; \/* Top 100px pushes hero section below the mobile header *\/\r\n        }\r\n        .main-title { \r\n            font-size: 2.2rem; \r\n        }\r\n        .img-wrap, .text-wrap { \r\n            width: 100%; \r\n        }\r\n        .product-img {\r\n            max-height: 220px; \/* Prevents image from taking whole screen *\/\r\n            margin-bottom: 20px;\r\n        }\r\n        .description { \r\n            border-left: none; \r\n            border-top: 3px solid #ed1c24; \r\n            padding: 15px 0 0 0; \r\n            margin: 20px auto 0 auto; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"al-karam-premium\">\r\n    <div class=\"slide\">\r\n        <div class=\"img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775484002543.png\" class=\"product-img\">\r\n        <\/div>\r\n        <div class=\"text-wrap\">\r\n            <span class=\"pre-title\">Certified Quality<\/span>\r\n            <h1 class=\"main-title\">FEMALE <br><span class=\"accent-red\">THREADED SOCKET<\/span><\/h1>\r\n            <p class=\"description\">Architecting Infrastructure using 100% food-class polymers. Precision engineered since 2016.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"slide\">\r\n        <div class=\"img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775322312531.webp\" class=\"product-img\">\r\n        <\/div>\r\n        <div class=\"text-wrap\">\r\n            <span class=\"pre-title\">Heavy Duty<\/span>\r\n            <h1 class=\"main-title\">GATE <br><span class=\"accent-red\">VALVE<\/span><\/h1>\r\n            <p class=\"description\">Designed for high-pressure PN20 systems. The ultimate choice for modern industrial integrity.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7085adc e-con-full e-flex e-con e-parent\" data-id=\"7085adc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fa4554 elementor-widget elementor-widget-html\" data-id=\"2fa4554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat Only *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n    :root {\r\n        --ak-navy: #001f3f;\r\n        --ak-red: #ed1c24;\r\n        --ak-gold: #d4af37;\r\n        --ak-bg: #fdfdfd; \/* Clean Professional White *\/\r\n    }\r\n\r\n    .ak-premium-about {\r\n        padding: clamp(100px, 12vw, 160px) 0;\r\n        background-color: var(--ak-bg);\r\n        font-family: 'Poppins', sans-serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Massive Corporate Watermark *\/\r\n    .ak-premium-about::before {\r\n        content: 'AUTHORITY';\r\n        position: absolute;\r\n        top: 40%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 16vw;\r\n        font-weight: 900;\r\n        color: transparent;\r\n        -webkit-text-stroke: 2px rgba(0, 31, 63, 0.03); \/* Subtle Navy Outline *\/\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ak-about-wrapper {\r\n        max-width: 1350px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: clamp(50px, 8vw, 100px);\r\n        padding: 0 5%;\r\n        position: relative;\r\n        z-index: 5;\r\n    }\r\n\r\n    \/* --- Left Content Area --- *\/\r\n    .ak-about-text { \r\n        flex: 1.1; \r\n    }\r\n\r\n    .ak-about-text span.subtitle {\r\n        display: block;\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: var(--ak-gold);\r\n        font-size: 1.05rem;\r\n        font-weight: 700;\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ak-about-text h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(2.5rem, 4vw, 4rem);\r\n        font-weight: 900;\r\n        color: var(--ak-navy);\r\n        line-height: 1.1;\r\n        margin: 0 0 35px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .ak-about-text h2 b {\r\n        color: var(--ak-red);\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Clean Architectural Underline *\/\r\n    .ak-about-text h2 b::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 8px; \r\n        left: 0;\r\n        width: 100%; \r\n        height: 8px;\r\n        background: rgba(237, 28, 36, 0.15);\r\n        z-index: -1;\r\n    }\r\n\r\n    .ak-about-text p {\r\n        font-size: 1.1rem;\r\n        color: #555555;\r\n        line-height: 1.8;\r\n        font-weight: 400;\r\n        margin-bottom: 50px;\r\n        border-left: 4px solid var(--ak-gold);\r\n        padding-left: 25px;\r\n        max-width: 550px;\r\n    }\r\n\r\n    \/* Premium Stats Section *\/\r\n    .ak-elite-stats { \r\n        display: flex; \r\n        align-items: center;\r\n        gap: 40px; \r\n    }\r\n\r\n    .stat-box {\r\n        position: relative;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .stat-box:hover {\r\n        transform: translateY(-5px); \/* Subtle lift on hover *\/\r\n    }\r\n\r\n    .stat-box h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        color: var(--ak-navy);\r\n        margin: 0;\r\n        line-height: 1;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .stat-box h4 span {\r\n        color: var(--ak-gold);\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .stat-box p {\r\n        border: none;\r\n        padding: 0;\r\n        margin: 8px 0 0 0;\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #888;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Elegant Vertical Divider *\/\r\n    .stat-divider {\r\n        width: 1px;\r\n        height: 60px;\r\n        background: linear-gradient(to bottom, transparent, rgba(0, 31, 63, 0.2), transparent);\r\n    }\r\n\r\n    \/* --- Right Image Area --- *\/\r\n    .ak-about-visual {\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Solid Expensive Offset Frame *\/\r\n    .ak-about-visual::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 40px;\r\n        right: -40px;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 4px solid var(--ak-gold);\r\n        z-index: 1;\r\n        transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ak-about-visual:hover::after {\r\n        top: 25px;\r\n        right: -25px;\r\n        border-color: var(--ak-navy); \/* Shifts to navy on hover *\/\r\n    }\r\n\r\n    .image-frame {\r\n        position: relative;\r\n        z-index: 2;\r\n        background: #fff;\r\n        box-shadow: 0 30px 60px rgba(0, 31, 63, 0.12); \/* Deep corporate shadow *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .image-frame img {\r\n        width: 100%;\r\n        height: 600px;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    }\r\n\r\n    \/* Hover State *\/\r\n    .ak-about-visual:hover .image-frame img {\r\n        transform: scale(1.05); \/* Smooth, high-end zoom *\/\r\n    }\r\n\r\n    \/* Premium Experience Badge *\/\r\n    .experience-badge {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        background: var(--ak-red);\r\n        color: #ffffff;\r\n        padding: 35px 40px;\r\n        z-index: 10;\r\n        box-shadow: 15px -15px 0 rgba(255, 255, 255, 0.9); \/* Creates a cutout effect *\/\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .experience-badge h5 { \r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 2.8rem; \r\n        margin: 0; \r\n        font-weight: 900; \r\n        line-height: 1; \r\n    }\r\n\r\n    .experience-badge span { \r\n        display: block;\r\n        font-family: 'Poppins', sans-serif;\r\n        margin-top: 8px; \r\n        font-size: 0.75rem; \r\n        letter-spacing: 3px; \r\n        text-transform: uppercase; \r\n        font-weight: 600; \r\n        opacity: 0.9; \r\n    }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media (max-width: 1024px) {\r\n        .ak-about-wrapper { flex-direction: column; text-align: center; gap: 80px; }\r\n        .ak-about-text p { border-left: none; border-top: 3px solid var(--ak-gold); padding: 25px 0 0; margin: 0 auto 50px auto; }\r\n        .ak-elite-stats { justify-content: center; }\r\n        .ak-about-visual { width: 90%; max-width: 600px; margin: 0 auto; }\r\n        .image-frame img { height: 500px; }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .ak-premium-about { padding: 80px 0; }\r\n        .ak-premium-about::before { font-size: 22vw; top: 15%; }\r\n        .ak-about-text span.subtitle { font-size: 0.9rem; letter-spacing: 4px; }\r\n        .ak-about-text p { font-size: 1rem; }\r\n        .stat-box h4 { font-size: 2.2rem; }\r\n        .stat-box p { font-size: 0.65rem; letter-spacing: 1px; }\r\n        .stat-divider { height: 40px; }\r\n        \r\n        .ak-about-visual::after { top: 20px; right: -20px; border-width: 3px; }\r\n        .image-frame img { height: 400px; }\r\n        .experience-badge { padding: 20px 25px; box-shadow: 10px -10px 0 rgba(255, 255, 255, 0.9); }\r\n        .experience-badge h5 { font-size: 2rem; }\r\n        .experience-badge span { font-size: 0.6rem; letter-spacing: 2px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-premium-about\">\r\n    <div class=\"ak-about-wrapper\">\r\n        \r\n        <div class=\"ak-about-text\">\r\n            <span class=\"subtitle\">Engineering Trust<\/span>\r\n            <h2>Architecting <br><b>Infrastructure<\/b><\/h2>\r\n            <p>\r\n                Al Karam is more than a manufacturing unit; it is the center of hydraulic precision. We specialize in high-performance PPRC systems, engineered with 100% pure food-class polymers to ensure flawless endurance in every drop.\r\n            <\/p>\r\n            \r\n            <div class=\"ak-elite-stats\">\r\n                <div class=\"stat-box\">\r\n                    <h4>100<span>%<\/span><\/h4>\r\n                    <p>Virgin Polymer<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"stat-divider\"><\/div>\r\n                \r\n                <div class=\"stat-box\">\r\n                    <h4>PN<span>20<\/span><\/h4>\r\n                    <p>Pressure Rated<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-about-visual\">\r\n            <div class=\"image-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2025\/12\/ak-scaled.jpg\" alt=\"Al Karam Manufacturing Authority\">\r\n                \r\n                <div class=\"experience-badge\">\r\n                    <h5>10+<\/h5>\r\n                    <span>Years of Excellence<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eee6a46 e-con-full e-flex e-con e-parent\" data-id=\"eee6a46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b408e21 elementor-widget elementor-widget-html\" data-id=\"b408e21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat Only *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&family=Poppins:wght@300;400;500&display=swap');\r\n\r\n    \/* --- AL KARAM ELITE BRIGHT FEATURES --- *\/\r\n    .ak-luxury-features {\r\n        padding: clamp(100px, 12vw, 150px) 0;\r\n        background-color: #fdfdfd; \/* Off-white to make pure white boxes pop *\/\r\n        font-family: 'Poppins', sans-serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Subtle Architectural Detail (Very light pattern) *\/\r\n    .ak-luxury-features::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: radial-gradient(rgba(0, 31, 63, 0.02) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Giant Background Watermark *\/\r\n    .ak-luxury-features::after {\r\n        content: 'TRUST';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 22vw;\r\n        font-weight: 900;\r\n        color: transparent; \r\n        -webkit-text-stroke: 2px rgba(0, 31, 63, 0.02); \r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ak-features-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 5;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    \/* --- ELITE HEADER --- *\/\r\n    .ak-features-header {\r\n        text-align: center;\r\n        margin-bottom: clamp(70px, 8vw, 110px);\r\n    }\r\n\r\n    .ak-features-header span {\r\n        display: block;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        color: #d4af37; \/* Champagne Gold *\/\r\n        font-size: clamp(0.9rem, 1.5vw, 1.1rem);\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ak-features-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(2.5rem, 5vw, 4rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        letter-spacing: -1.5px;\r\n        margin: 0;\r\n        color: #001f3f; \/* Deep Navy Text *\/\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .ak-features-header h2 b {\r\n        color: #ed1c24; \/* Al Karam Red *\/\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .ak-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px; \/* Separated boxes look more premium than connected ones *\/\r\n        position: relative;\r\n    }\r\n\r\n    .feature-box {\r\n        padding: clamp(50px, 6vw, 80px) 40px;\r\n        text-align: center;\r\n        background: #ffffff; \/* Pure White Box *\/\r\n        border-radius: 4px;\r\n        box-shadow: 0 10px 30px rgba(0, 31, 63, 0.03); \/* Extremely soft navy shadow *\/\r\n        border-bottom: 4px solid transparent;\r\n        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Ghost Numbers in Background *\/\r\n    .feature-box::before {\r\n        content: attr(data-number);\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 30px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 5rem;\r\n        font-weight: 900;\r\n        color: rgba(0, 31, 63, 0.02);\r\n        line-height: 1;\r\n        transition: color 0.6s ease;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Hover Transformation *\/\r\n    .feature-box:hover {\r\n        transform: translateY(-15px);\r\n        box-shadow: 0 40px 80px rgba(0, 31, 63, 0.08); \/* Deep elegant lift *\/\r\n        border-bottom: 4px solid #ed1c24; \/* Sharp Red signature line on hover *\/\r\n    }\r\n\r\n    .feature-box:hover::before {\r\n        color: rgba(212, 175, 55, 0.08); \/* Number glows faint gold on hover *\/\r\n    }\r\n\r\n    \/* Luxury Gold Icons *\/\r\n    .feature-icon {\r\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n        color: #d4af37;\r\n        margin-bottom: 35px;\r\n        display: inline-block;\r\n        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s ease;\r\n    }\r\n\r\n    .feature-box:hover .feature-icon {\r\n        transform: scale(1.15) translateY(-5px);\r\n        color: #ed1c24; \/* Icon turns Al Karam Red on hover *\/\r\n    }\r\n\r\n    .feature-box h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(1.2rem, 2vw, 1.4rem);\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        margin-bottom: 20px;\r\n        color: #001f3f;\r\n    }\r\n\r\n    .feature-box p {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 1rem;\r\n        color: #666; \/* Readable Grey *\/\r\n        line-height: 1.8;\r\n        font-weight: 400;\r\n        max-width: 320px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- MOBILE REFINEMENTS --- *\/\r\n    @media (max-width: 1024px) {\r\n        .ak-features-grid { \r\n            grid-template-columns: repeat(2, 1fr); \r\n            gap: 25px; \r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .ak-luxury-features::after {\r\n            font-size: 28vw;\r\n        }\r\n        .ak-features-grid { \r\n            grid-template-columns: 1fr; \r\n            gap: 30px; \r\n        }\r\n        .feature-box { \r\n            padding: 50px 30px; \r\n        }\r\n        .ak-features-header h2 { \r\n            font-size: 2.3rem; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-luxury-features\">\r\n    <div class=\"ak-features-container\">\r\n        \r\n        <div class=\"ak-features-header\">\r\n            <span>The Gold Standard in Piping<\/span>\r\n            <h2>Why Partners <b>Trust Us<\/b><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"ak-features-grid\">\r\n            \r\n            <div class=\"feature-box\" data-number=\"01\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                <h4>Leak-Proof Mastery<\/h4>\r\n                <p>Engineered for absolute integrity. Our molecular fusion technology ensures zero-leakage in demanding environments.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-box\" data-number=\"02\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-temperature-high\"><\/i><\/div>\r\n                <h4>Thermal Resilience<\/h4>\r\n                <p>Designed to withstand extreme temperature fluctuations, optimized for solar and industrial systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-box\" data-number=\"03\">\r\n                <div class=\"feature-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n                <h4>Generational Life<\/h4>\r\n                <p>Crafted from 100% virgin food-class polymers, our systems are built to outlive the structures they inhabit.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60add1f e-con-full e-flex e-con e-parent\" data-id=\"60add1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a3baa7 elementor-widget elementor-widget-html\" data-id=\"6a3baa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat Only *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@400;500;600&display=swap');\r\n\r\n    .ak-scroller-section {\r\n        padding: 80px 0;\r\n        background-color: #f4f6f9;\r\n        font-family: 'Poppins', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .ak-scroller-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .ak-scroller-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #001f3f;\r\n        font-weight: 900;\r\n        font-size: clamp(2rem, 4vw, 3rem);\r\n        text-transform: uppercase;\r\n        margin-bottom: 30px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .ak-scroller-header h2 b {\r\n        color: #ed1c24;\r\n    }\r\n\r\n    \/* Premium Toggle Buttons *\/\r\n    .ak-toggle-btns {\r\n        display: inline-flex;\r\n        background: #ffffff;\r\n        padding: 5px;\r\n        border-radius: 50px;\r\n        box-shadow: 0 10px 25px rgba(0, 31, 63, 0.08);\r\n    }\r\n\r\n    .ak-btn-toggle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        padding: 15px 35px;\r\n        border: none;\r\n        background: transparent;\r\n        color: #001f3f;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .ak-btn-toggle.active {\r\n        background: #001f3f;\r\n        color: #ffffff;\r\n        box-shadow: 0 5px 15px rgba(0, 31, 63, 0.2);\r\n    }\r\n\r\n    \/* Slider Container *\/\r\n    .ak-slider-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 100vw;\r\n    }\r\n\r\n    .ak-slider-track {\r\n        display: none; \/* Hidden by default *\/\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .ak-slider-track.active-track {\r\n        display: flex; \/* Only active track shows *\/\r\n    }\r\n\r\n    \/* The Moving Part *\/\r\n    .ak-slide-items {\r\n        display: flex;\r\n        gap: 30px;\r\n        width: max-content;\r\n        \/* Scroll animation - duplicate items ensure seamless loop *\/\r\n        animation: scrollLeft 40s linear infinite; \r\n    }\r\n\r\n    \/* Pause animation on hover for better user experience *\/\r\n    .ak-slider-track:hover .ak-slide-items {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Individual Product Card *\/\r\n    .ak-slide-item {\r\n        width: 250px;\r\n        height: 250px;\r\n        background: #ffffff;\r\n        border-radius: 8px;\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.04);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 20px;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        text-decoration: none; \/* Remove link underline *\/\r\n    }\r\n\r\n    .ak-slide-item:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 35px rgba(0, 31, 63, 0.1);\r\n        border-bottom: 3px solid #d4af37;\r\n    }\r\n\r\n    .ak-slide-item img {\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        object-fit: contain;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .ak-slide-item:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Animation Keyframes *\/\r\n    @keyframes scrollLeft {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \r\n        \/* Translates exactly half its width to loop the duplicated items perfectly *\/\r\n    }\r\n\r\n    \/* Mobile adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .ak-slide-item {\r\n            width: 200px;\r\n            height: 200px;\r\n        }\r\n        .ak-btn-toggle {\r\n            padding: 12px 25px;\r\n            font-size: 0.8rem;\r\n        }\r\n        .ak-slide-items {\r\n            gap: 20px;\r\n            animation: scrollLeft 30s linear infinite; \/* Slightly faster on mobile *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-scroller-section\">\r\n    <div class=\"ak-scroller-header\">\r\n        <h2>Explore <b>Our Range<\/b><\/h2>\r\n        <div class=\"ak-toggle-btns\">\r\n            <button class=\"ak-btn-toggle active\" id=\"btn-green\" onclick=\"switchSeries('green')\">Green Series<\/button>\r\n            <button class=\"ak-btn-toggle\" id=\"btn-blue\" onclick=\"switchSeries('blue')\">Blue Series<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ak-slider-wrapper\">\r\n        <!-- ================= GREEN SERIES TRACK ================= -->\r\n        <div id=\"track-green\" class=\"ak-slider-track active-track\">\r\n            <div class=\"ak-slide-items\">\r\n                <!-- Set 1 (Original) -->\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_191131-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155631-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155516-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_193920-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155432-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155742-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155713-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1776009601290.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260412_211447-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260412_150732-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775320993200.png\" alt=\"Green Product\"><\/a>\r\n                \r\n                <!-- Set 2 (Duplicated for Seamless Infinite Scroll) -->\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_191131-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155631-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155516-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_193920-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155432-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155742-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_155713-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1776009601290.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260412_211447-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260412_150732-scaled.webp\" alt=\"Green Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775320993200.png\" alt=\"Green Product\"><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= BLUE SERIES TRACK ================= -->\r\n        <div id=\"track-blue\" class=\"ak-slider-track\">\r\n            <div class=\"ak-slide-items\">\r\n                <!-- Set 1 (Original) -->\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_193027-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_191546-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_164757-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_160311-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775379253269.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775485142514.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775334698216.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775475865223.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775380274670.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775327305012.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260412_150602-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775484002543.png\" alt=\"Blue Product\"><\/a>\r\n\r\n                <!-- Set 2 (Duplicated for Seamless Infinite Scroll) -->\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_193027-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_191546-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_164757-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260418_160311-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775379253269.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775485142514.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775334698216.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775475865223.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775380274670.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775327305012.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/20260412_150602-scaled.webp\" alt=\"Blue Product\"><\/a>\r\n                <a href=\"https:\/\/akplasticindustries.com\/index.php\/technical-excellence\/\" class=\"ak-slide-item\"><img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/04\/1775484002543.png\" alt=\"Blue Product\"><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Simple JavaScript to handle the toggle between Green and Blue Series\r\n    function switchSeries(series) {\r\n        \/\/ Buttons\r\n        const btnGreen = document.getElementById('btn-green');\r\n        const btnBlue = document.getElementById('btn-blue');\r\n        \r\n        \/\/ Tracks\r\n        const trackGreen = document.getElementById('track-green');\r\n        const trackBlue = document.getElementById('track-blue');\r\n\r\n        if (series === 'green') {\r\n            btnGreen.classList.add('active');\r\n            btnBlue.classList.remove('active');\r\n            \r\n            trackGreen.classList.add('active-track');\r\n            trackBlue.classList.remove('active-track');\r\n        } else if (series === 'blue') {\r\n            btnBlue.classList.add('active');\r\n            btnGreen.classList.remove('active');\r\n            \r\n            trackBlue.classList.add('active-track');\r\n            trackGreen.classList.remove('active-track');\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-617a3c6 e-con-full e-flex e-con e-parent\" data-id=\"617a3c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3134f44 elementor-widget elementor-widget-html\" data-id=\"3134f44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat Only *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n    .ak-pipe-spotlight {\r\n        background-color: #ffffff; \/* Pure White maintained *\/\r\n        padding: clamp(80px, 10vw, 120px) 5%;\r\n        font-family: 'Poppins', sans-serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Luxury Outline Watermark (Hollow) *\/\r\n    .ak-pipe-spotlight::after {\r\n        content: 'ELITE';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: -2%;\r\n        transform: translateY(-50%);\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 20vw;\r\n        font-weight: 900;\r\n        color: transparent; \r\n        -webkit-text-stroke: 2px rgba(0, 31, 63, 0.03); \r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ak-spotlight-container {\r\n        max-width: 1400px;\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: clamp(40px, 6vw, 80px);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* ==========================================\r\n       Content Side (Left)\r\n       ========================================== *\/\r\n    .ak-spotlight-content {\r\n        width: 45%;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .ak-spotlight-pre {\r\n        color: #d4af37; \/* Luxury Gold *\/\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    .ak-spotlight-title {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #001f3f; \/* Deep Navy *\/\r\n        font-size: clamp(2.8rem, 5vw, 4.5rem);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin: 0 0 25px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .ak-spotlight-title b {\r\n        color: #ed1c24; \/* Al Karam Red *\/\r\n    }\r\n\r\n    .ak-spotlight-desc {\r\n        color: #555555; \/* Crisp slate gray *\/\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        margin-bottom: 25px;\r\n        font-weight: 400;\r\n        max-width: 500px;\r\n    }\r\n\r\n    \/* Mini Premium Features *\/\r\n    .ak-mini-features {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .ak-mini-features span {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 0.95rem;\r\n        color: #001f3f;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .ak-mini-features span i {\r\n        display: inline-block;\r\n        width: 8px;\r\n        height: 8px;\r\n        background-color: #d4af37; \/* Gold bullet point *\/\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\r\n    }\r\n\r\n    \/* Solid Navy Button with Gold Hover *\/\r\n    .ak-btn-navy {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 16px 40px;\r\n        background: #001f3f; \/* Deep Navy *\/\r\n        color: #ffffff !important; \r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        text-decoration: none;\r\n        border-radius: 2px;\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        box-shadow: 0 15px 30px rgba(0, 31, 63, 0.12);\r\n        border: 1px solid #001f3f;\r\n    }\r\n\r\n    .ak-btn-navy span {\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .ak-btn-navy:hover {\r\n        background: #ffffff;\r\n        color: #001f3f !important;\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 40px rgba(0, 31, 63, 0.08);\r\n        border-color: #d4af37; \/* Gold border on hover *\/\r\n    }\r\n\r\n    .ak-btn-navy:hover span {\r\n        transform: translateX(5px);\r\n        color: #d4af37;\r\n    }\r\n\r\n    \/* ==========================================\r\n       Image Side (Right) - ULTA PREMIUM DISPLAY\r\n       ========================================== *\/\r\n    .ak-spotlight-image-wrapper {\r\n        width: 55%;\r\n        position: relative;\r\n        \/* Perspective is key for the expensive 3D tilt effect *\/\r\n        perspective: 1500px; \r\n    }\r\n\r\n    .ak-spotlight-image {\r\n        width: 100%;\r\n        height: clamp(400px, 45vw, 650px); \/* Prominent height *\/\r\n        object-fit: cover;\r\n        \/* Corner Curve Increased *\/\r\n        border-radius: 20px; \r\n        position: relative;\r\n        z-index: 2;\r\n        \/* Initial subtle shadow *\/\r\n        box-shadow: 0 20px 50px rgba(0, 31, 63, 0.08); \r\n        \/* Ultra Smooth Transition *\/\r\n        transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1); \r\n    }\r\n\r\n    \/* Expensive Parallax Tilt & Glow Hover *\/\r\n    .ak-spotlight-image-wrapper:hover .ak-spotlight-image {\r\n        \/* Subtle 3D rotation and lift *\/\r\n        transform: rotateY(-6deg) rotateX(2deg) translateY(-10px) scale(1.02); \r\n        \/* Deepened Golden Glow shadow on hover *\/\r\n        box-shadow: 20px 40px 100px rgba(212, 175, 55, 0.15); \r\n        filter: brightness(1.03); \/* Slight sheen *\/\r\n    }\r\n\r\n    \/* Luxury Moving Gold Frame Behind *\/\r\n    .ak-spotlight-image-wrapper::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 30px;\r\n        right: -30px;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #d4af37; \/* Gold Frame *\/\r\n        \/* Curve match *\/\r\n        border-radius: 20px; \r\n        z-index: 1;\r\n        transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Frame moves in opposite direction on hover for deep effect *\/\r\n    .ak-spotlight-image-wrapper:hover::after {\r\n        top: 20px;\r\n        right: -20px;\r\n        transform: rotateY(3deg) rotateX(-1deg);\r\n        border-color: rgba(212, 175, 55, 0.6); \/* Slightly fainter gold *\/\r\n    }\r\n\r\n    \/* ==========================================\r\n       Responsive Logic\r\n       ========================================== *\/\r\n    @media (max-width: 1024px) {\r\n        .ak-spotlight-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .ak-spotlight-content, .ak-spotlight-image-wrapper {\r\n            width: 100%;\r\n        }\r\n        .ak-spotlight-desc {\r\n            margin: 0 auto 25px auto;\r\n        }\r\n        .ak-mini-features {\r\n            align-items: center;\r\n        }\r\n        .ak-spotlight-image-wrapper::after {\r\n            top: 20px;\r\n            right: -20px;\r\n        }\r\n        .ak-spotlight-image {\r\n            height: 400px;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .ak-pipe-spotlight::after {\r\n            font-size: 25vw;\r\n            top: 20%;\r\n        }\r\n        .ak-spotlight-image-wrapper::after {\r\n            top: 15px;\r\n            right: -15px;\r\n            border-width: 2px;\r\n        }\r\n        \/* Disable complex 3D tilt on mobile for performance *\/\r\n        .ak-spotlight-image-wrapper:hover .ak-spotlight-image {\r\n            transform: scale(1.05) translateY(-5px);\r\n            rotate: none;\r\n        }\r\n        .ak-spotlight-image-wrapper:hover::after {\r\n            transform: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-pipe-spotlight\">\r\n    <div class=\"ak-spotlight-container\">\r\n        \r\n        <div class=\"ak-spotlight-content\">\r\n            <span class=\"ak-spotlight-pre\">Elite Infrastructure<\/span>\r\n            <h2 class=\"ak-spotlight-title\">Engineered For <br><b>Generations<\/b><\/h2>\r\n            <p class=\"ak-spotlight-desc\">Experience the ultimate durability with our architectural-grade piping systems. Designed for flawless thermal fusion, ensuring a completely seamless and leak-proof flow for high-pressure environments.<\/p>\r\n            \r\n            <div class=\"ak-mini-features\">\r\n                <span><i><\/i> 100% Food-Class Polymer<\/span>\r\n                <span><i><\/i> PN20 High-Pressure Rated<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"#specifications\" class=\"ak-btn-navy\">View Specifications <span>\u2192<\/span><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ak-spotlight-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/akplasticindustries.com\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0001-scaled.webp\" alt=\"Premium PPRC Pipe\" class=\"ak-spotlight-image\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28f899d e-con-full e-flex e-con e-parent\" data-id=\"28f899d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a485e7d elementor-widget elementor-widget-html\" data-id=\"a485e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@400;500&display=swap');\r\n\r\n    .ak-numbers-section {\r\n        background-color: #001f3f; \/* Deep Navy *\/\r\n        padding: 80px 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Subtle Architectural Lines in Background *\/\r\n    .ak-numbers-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        opacity: 0.5;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ak-numbers-grid {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 30px;\r\n        padding: 0 5%;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .ak-number-box {\r\n        text-align: center;\r\n        padding: 30px 10px;\r\n        border-right: 1px solid rgba(212, 175, 55, 0.2); \/* Faint gold separator *\/\r\n    }\r\n\r\n    \/* Remove right border from last item *\/\r\n    .ak-number-box:last-child {\r\n        border-right: none;\r\n    }\r\n\r\n    .ak-num-value {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(3rem, 5vw, 4.5rem);\r\n        font-weight: 900;\r\n        color: #ffffff;\r\n        margin-bottom: 5px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .ak-num-value span {\r\n        color: #d4af37; \/* Gold plus\/symbol *\/\r\n    }\r\n\r\n    .ak-num-label {\r\n        font-family: 'Poppins', sans-serif;\r\n        color: #a0aec0;\r\n        font-size: 1rem;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .ak-numbers-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .ak-number-box {\r\n            border-right: none;\r\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n        }\r\n        \/* Remove bottom border from last two items *\/\r\n        .ak-number-box:nth-child(3), .ak-number-box:nth-child(4) {\r\n            border-bottom: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n        .ak-numbers-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .ak-number-box {\r\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n        }\r\n        .ak-number-box:last-child {\r\n            border-bottom: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-numbers-section\">\r\n    <div class=\"ak-numbers-grid\">\r\n        \r\n        <div class=\"ak-number-box\">\r\n            <div class=\"ak-num-value\">100<span>%<\/span><\/div>\r\n            <div class=\"ak-num-label\">Food-Grade Polymer<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-number-box\">\r\n            <div class=\"ak-num-value\">PN<span>20<\/span><\/div>\r\n            <div class=\"ak-num-label\">Pressure Rating<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-number-box\">\r\n            <div class=\"ak-num-value\">10<span>+<\/span><\/div>\r\n            <div class=\"ak-num-label\">Years of Excellence<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-number-box\">\r\n            <div class=\"ak-num-value\">0<span>%<\/span><\/div>\r\n            <div class=\"ak-num-label\">Leakage Tolerance<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00bca1f e-con-full e-flex e-con e-parent\" data-id=\"00bca1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c1a379 elementor-widget elementor-widget-html\" data-id=\"2c1a379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n    .ak-tech-section {\r\n        padding: clamp(100px, 12vw, 150px) 5%;\r\n        background-color: #f8f9fa; \/* Very light cool grey *\/\r\n        font-family: 'Poppins', sans-serif;\r\n        position: relative;\r\n    }\r\n\r\n    .ak-tech-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Left Side: Massive Image *\/\r\n    .ak-tech-image-wrap {\r\n        width: 65%;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .ak-tech-image-wrap img {\r\n        width: 100%;\r\n        height: 550px;\r\n        object-fit: cover;\r\n        border-radius: 4px;\r\n        box-shadow: 0 25px 50px rgba(0, 31, 63, 0.15);\r\n    }\r\n\r\n    \/* Right Side: Floating Text Box (The Expensive Look) *\/\r\n    .ak-tech-content {\r\n        width: 45%;\r\n        background: #001f3f; \/* Deep Navy Box *\/\r\n        padding: clamp(40px, 5vw, 60px);\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 2;\r\n        border-left: 5px solid #d4af37; \/* Gold Accent *\/\r\n        box-shadow: -20px 20px 60px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .ak-tech-pre {\r\n        color: #d4af37;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .ak-tech-content h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #ffffff;\r\n        font-size: clamp(2rem, 3.5vw, 3rem);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin-bottom: 25px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .ak-tech-content p {\r\n        color: #cbd5e1;\r\n        font-size: 1.05rem;\r\n        line-height: 1.8;\r\n        font-weight: 300;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* Premium Link *\/\r\n    .ak-tech-link {\r\n        color: #ffffff;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        text-decoration: none;\r\n        font-size: 0.9rem;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .ak-tech-link::after {\r\n        content: '\u2192';\r\n        color: #d4af37;\r\n        font-size: 1.2rem;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .ak-tech-link:hover {\r\n        color: #d4af37;\r\n    }\r\n\r\n    .ak-tech-link:hover::after {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 991px) {\r\n        .ak-tech-container {\r\n            flex-direction: column;\r\n        }\r\n        .ak-tech-image-wrap {\r\n            width: 100%;\r\n        }\r\n        .ak-tech-content {\r\n            width: 90%;\r\n            position: relative;\r\n            top: auto;\r\n            transform: none;\r\n            right: auto;\r\n            margin-top: -80px; \/* Pulls box up over the image *\/\r\n            padding: 40px 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-tech-section\">\r\n    <div class=\"ak-tech-container\">\r\n        \r\n        <div class=\"ak-tech-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092580497-e0d23cbdf1dc?q=80&w=2070&auto=format&fit=crop\" alt=\"Thermal Fusion Technology\">\r\n        <\/div>\r\n\r\n        <div class=\"ak-tech-content\">\r\n            <span class=\"ak-tech-pre\">Molecular Integrity<\/span>\r\n            <h2>Thermal Fusion <b>Mastery<\/b><\/h2>\r\n            <p>Our pipes feature completely smooth internal surfaces with absolutely no threads. This zero-resistance design, combined with our advanced thermal fusion process, ensures a 100% leak-proof, molecularly bonded joint that lasts for generations.<\/p>\r\n            <a href=\"#\" class=\"ak-tech-link\">Explore The Technology<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cef0843 e-con-full e-flex e-con e-parent\" data-id=\"cef0843\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e6d599 elementor-widget elementor-widget-html\" data-id=\"1e6d599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@500&display=swap');\r\n\r\n    .ak-certification-strip {\r\n        background: #fdfdfd;\r\n        border-top: 1px solid #eee;\r\n        border-bottom: 1px solid #eee;\r\n        padding: 30px 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .ak-cert-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 0 5%;\r\n        flex-wrap: wrap;\r\n        gap: 30px;\r\n    }\r\n\r\n    .ak-cert-title {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 0.9rem;\r\n        color: #888;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        font-weight: 500;\r\n        margin-right: 40px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ak-cert-logos {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: clamp(30px, 5vw, 60px);\r\n        flex-grow: 1;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    \/* Minimalist text representations of badges *\/\r\n    .ak-cert-badge {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.2rem;\r\n        font-weight: 900;\r\n        color: #cbd5e1; \/* Very light grey *\/\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        transition: color 0.3s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    \/* Icon placeholder *\/\r\n    .ak-cert-badge::before {\r\n        content: '\u2713';\r\n        font-size: 1.5rem;\r\n        color: #d4af37; \/* Tiny gold tick *\/\r\n    }\r\n\r\n    .ak-cert-badge:hover {\r\n        color: #001f3f; \/* Darkens on hover *\/\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .ak-cert-container {\r\n            justify-content: center;\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .ak-cert-title {\r\n            margin-right: 0;\r\n            margin-bottom: 15px;\r\n        }\r\n        .ak-cert-logos {\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-certification-strip\">\r\n    <div class=\"ak-cert-container\">\r\n        <div class=\"ak-cert-title\">Engineered to International Standards<\/div>\r\n        <div class=\"ak-cert-logos\">\r\n            <div class=\"ak-cert-badge\">ISO 9001<\/div>\r\n            <div class=\"ak-cert-badge\">DIN 8077\/78<\/div>\r\n            <div class=\"ak-cert-badge\">PSQCA Approved<\/div>\r\n            <div class=\"ak-cert-badge\">Eco-Friendly<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a91641d e-flex e-con-boxed e-con e-parent\" data-id=\"a91641d\" 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-7143fed elementor-widget elementor-widget-html\" data-id=\"7143fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Strictly Poppins & Montserrat *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n    .ak-applications-section {\r\n        padding: clamp(80px, 10vw, 120px) 0;\r\n        background-color: #ffffff; \/* Clean white background *\/\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .ak-app-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .ak-app-header span {\r\n        display: block;\r\n        color: #d4af37; \/* Luxury Gold *\/\r\n        font-weight: 500;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ak-app-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #001f3f; \/* Deep Navy *\/\r\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        letter-spacing: -1px;\r\n        margin: 0;\r\n    }\r\n\r\n    .ak-app-header h2 b {\r\n        color: #ed1c24; \/* Al Karam Red *\/\r\n    }\r\n\r\n    \/* Interactive Expandable Panels *\/\r\n    .ak-app-container {\r\n        display: flex;\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        height: 500px; \/* Impressive height *\/\r\n        margin: 0 auto;\r\n        gap: 15px;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    .ak-app-panel {\r\n        position: relative;\r\n        flex: 1; \/* Default flex value *\/\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); \/* Smooth luxury expansion *\/\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* Images for the panels *\/\r\n    .ak-app-panel img {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n        filter: brightness(0.6); \/* Dark overlay for text readability *\/\r\n    }\r\n\r\n    .ak-app-panel:hover {\r\n        flex: 3; \/* Expands on hover *\/\r\n    }\r\n\r\n    .ak-app-panel:hover img {\r\n        transform: scale(1.05); \/* Slight zoom *\/\r\n        filter: brightness(0.4); \/* Darkens a bit more on hover *\/\r\n    }\r\n\r\n    \/* Panel Text Content *\/\r\n    .ak-app-content {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 40px;\r\n        right: 40px;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.5s ease 0.2s; \/* Delayed fade in *\/\r\n    }\r\n\r\n    \/* Always show the title vertically or at bottom when not hovered *\/\r\n    .ak-app-title-default {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 40px;\r\n        color: #fff;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        transition: opacity 0.3s ease;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ak-app-panel:hover .ak-app-title-default {\r\n        opacity: 0; \/* Hide default title on hover *\/\r\n    }\r\n\r\n    .ak-app-panel:hover .ak-app-content {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .ak-app-content h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #ffffff;\r\n        font-size: 2.5rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin: 0 0 10px 0;\r\n    }\r\n\r\n    .ak-app-content h3 span {\r\n        color: #d4af37; \/* Gold accent in title *\/\r\n    }\r\n\r\n    .ak-app-content p {\r\n        color: #e2e8f0;\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        font-weight: 300;\r\n        max-width: 400px;\r\n        margin: 0;\r\n        display: none; \/* Hidden on mobile by default *\/\r\n    }\r\n\r\n    .ak-app-panel:hover .ak-app-content p {\r\n        display: block; \/* Show text only when expanded *\/\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 991px) {\r\n        .ak-app-container {\r\n            flex-direction: column;\r\n            height: 800px; \/* Stacked height *\/\r\n        }\r\n        .ak-app-title-default {\r\n            bottom: 20px;\r\n            left: 20px;\r\n            font-size: 1.2rem;\r\n        }\r\n        .ak-app-content {\r\n            bottom: 20px;\r\n            left: 20px;\r\n        }\r\n        .ak-app-content h3 {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ak-applications-section\">\r\n    <div class=\"ak-app-header\">\r\n        <span>Architectural Scale<\/span>\r\n        <h2>Sectors We <b>Serve<\/b><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ak-app-container\">\r\n        \r\n        <div class=\"ak-app-panel\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?q=80&w=2070&auto=format&fit=crop\" alt=\"Industrial Megaprojects\">\r\n            <div class=\"ak-app-title-default\">Industrial<\/div>\r\n            <div class=\"ak-app-content\">\r\n                <h3>Heavy <span>Industrial<\/span><\/h3>\r\n                <p>Engineered to withstand extreme pressure and chemical stress in large-scale manufacturing units.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-app-panel\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop\" alt=\"Commercial Infrastructure\">\r\n            <div class=\"ak-app-title-default\">Commercial<\/div>\r\n            <div class=\"ak-app-content\">\r\n                <h3>Commercial <span>Hubs<\/span><\/h3>\r\n                <p>The backbone of modern commercial real estate, ensuring zero downtime and complete leak-proof flow.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-app-panel\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=2075&auto=format&fit=crop\" alt=\"Luxury Residential\">\r\n            <div class=\"ak-app-title-default\">Residential<\/div>\r\n            <div class=\"ak-app-content\">\r\n                <h3>Luxury <span>Living<\/span><\/h3>\r\n                <p>100% food-grade pure polymer systems, bringing safe, clean, and reliable water to elite households.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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>Certified Quality FEMALE THREADED SOCKET Architecting Infrastructure using 100% food-class polymers. Precision engineered since 2016. Heavy Duty GATE VALVE Designed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":403,"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/895"}],"wp:attachment":[{"href":"https:\/\/akplasticindustries.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}