{"id":5212,"date":"2021-08-25T07:26:28","date_gmt":"2021-08-25T07:26:28","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/?page_id=5212"},"modified":"2026-10-08T05:38:39","modified_gmt":"2026-10-08T05:38:39","slug":"about-us-3","status":"publish","type":"page","link":"https:\/\/smartpackaging.co.in\/?page_id=5212","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5212\" class=\"elementor elementor-5212\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1e79de e-flex e-con-boxed e-con e-parent\" data-id=\"c1e79de\" 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-8dfa63f elementor-widget elementor-widget-html\" data-id=\"8dfa63f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ABOUT US SECTION\r\n     EXACT 1900PX DESKTOP WIDTH\r\n     FULLY RESPONSIVE\r\n========================================================= -->\r\n\r\n<div class=\"about1900-section\">\r\n\r\n    <div class=\"about1900-inner\">\r\n\r\n\r\n        <!-- ===============================================\r\n             LEFT CONTENT\r\n        ================================================ -->\r\n\r\n        <div class=\"about1900-intro\">\r\n\r\n            <div class=\"about1900-eyebrow\">\r\n               ABOUT SMART PACKAGING\r\n            <\/div>\r\n\r\n            <h2>\r\n                Modern Packaging Solution For Every Requirement\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ===============================================\r\n             MIDDLE CONTENT\r\n        ================================================ -->\r\n\r\n        <div class=\"about1900-column\">\r\n\r\n            <h3>\r\n                Wide Product Range\r\n            <\/h3>\r\n\r\n            <p>\r\n                Explore liquid packing, chemical bottles, tablet bottles, cleaning bottles, jars, sprayer bottles, hair oil bottles and more.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/smartpackaging.co.in\/?page_id=37643\" class=\"about1900-link\">\r\n                EXPLORE PRODUCTS \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ===============================================\r\n             RIGHT CONTENT\r\n        ================================================ -->\r\n\r\n        <div class=\"about1900-column\">\r\n\r\n            <h3>\r\n                Quality & Custom Solutions\r\n            <\/h3>\r\n\r\n            <p>\r\n               Smart Packaging offers customized colours, free sample support, expert technical advice, competitive pricing and bulk supply capabilities.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/smartpackaging.co.in\/?page_id=5288\" class=\"about1900-link\">\r\n               GET STARTED \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   FONT\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.about1900-section,\r\n.about1900-section *,\r\n.about1900-section *::before,\r\n.about1900-section *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n   EXACT 1900PX DESKTOP\r\n========================================================= *\/\r\n\r\n.about1900-section {\r\n\r\n    position: relative;\r\n\r\n    width: 1900px !important;\r\n\r\n    min-width: 1900px !important;\r\n\r\n    max-width: 1900px !important;\r\n\r\n    margin-left: 50% !important;\r\n\r\n    margin-right: 0 !important;\r\n\r\n    transform: translateX(-50%) !important;\r\n\r\n    min-height: 360px;\r\n\r\n    background-color: #f8f8f8;\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    overflow: hidden;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTENT\r\n========================================================= *\/\r\n\r\n.about1900-inner {\r\n\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    min-height: 360px;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 78px 35px 70px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1.15fr 1fr 1fr;\r\n\r\n    column-gap: 95px;\r\n\r\n    align-items: start;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.about1900-intro {\r\n\r\n    width: 100%;\r\n\r\n    padding: 0;\r\n\r\n    margin: 0;\r\n    padding-left: 40px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.about1900-eyebrow {\r\n\r\n    margin: 0 0 17px 0;\r\n\r\n    padding: 0;\r\n\r\n    color: #7da58b;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n.about1900-intro h2 {\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #101820;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 36px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OTHER COLUMNS\r\n========================================================= *\/\r\n\r\n.about1900-column {\r\n\r\n    width: 100%;\r\n\r\n    padding-top: 3px;\r\n\r\n    margin: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLUMN TITLE\r\n========================================================= *\/\r\n\r\n.about1900-column h3 {\r\n\r\n    margin: 0 0 12px 0;\r\n\r\n    padding: 0;\r\n\r\n    color: #101820;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.45;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.about1900-column p {\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    max-width: 315px;\r\n\r\n    color: #9b9ba3;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.9;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   READ MORE\r\n========================================================= *\/\r\n\r\n.about1900-link {\r\n\r\n    display: inline-block;\r\n\r\n    margin-top: 15px;\r\n\r\n    padding-bottom: 3px;\r\n\r\n    color: #101820;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 0;\r\n\r\n    text-decoration: none;\r\n\r\n    border-bottom: 1px solid #79a084;\r\n\r\n    transition: all 0.25s ease;\r\n\r\n}\r\n\r\n\r\n.about1900-link:hover {\r\n\r\n    color: #79a084;\r\n\r\n    border-color: #101820;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1900PX AND ABOVE\r\n   EXACT 1900PX\r\n========================================================= *\/\r\n\r\n@media (min-width: 1900px) {\r\n\r\n    .about1900-section {\r\n\r\n        width: 1900px !important;\r\n\r\n        min-width: 1900px !important;\r\n\r\n        max-width: 1900px !important;\r\n\r\n        margin-left: 50% !important;\r\n\r\n        margin-right: 0 !important;\r\n\r\n        transform: translateX(-50%) !important;\r\n\r\n    }\r\n\r\n\r\n    .about1900-inner {\r\n\r\n        width: 1900px !important;\r\n\r\n        max-width: 1900px !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP\r\n   1025PX - 1899PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 1899px) and (min-width: 1025px) {\r\n\r\n    .about1900-section {\r\n\r\n        width: 100% !important;\r\n\r\n        min-width: 0 !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        margin-left: 0 !important;\r\n\r\n        margin-right: 0 !important;\r\n\r\n        transform: none !important;\r\n\r\n    }\r\n\r\n\r\n    .about1900-inner {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        padding: 75px 50px 68px;\r\n\r\n        column-gap: 65px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-intro h2 {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column h3 {\r\n\r\n        font-size: 17px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column p {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   768PX - 1024PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) and (min-width: 768px) {\r\n\r\n    .about1900-section {\r\n\r\n        width: 100% !important;\r\n\r\n        min-width: 0 !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        margin: 0 !important;\r\n\r\n        transform: none !important;\r\n\r\n    }\r\n\r\n\r\n    .about1900-inner {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        min-height: auto;\r\n\r\n        padding: 65px 45px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        column-gap: 50px;\r\n\r\n        row-gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-intro {\r\n\r\n        grid-column: 1 \/ -1;\r\n\r\n    }\r\n\r\n\r\n    .about1900-intro h2 {\r\n\r\n        font-size: 32px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-eyebrow {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column {\r\n\r\n        padding-top: 0;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column h3 {\r\n\r\n        font-size: 17px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column p {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   BELOW 768PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .about1900-section {\r\n\r\n        width: 100% !important;\r\n\r\n        min-width: 0 !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        min-height: auto;\r\n\r\n        margin: 0 !important;\r\n\r\n        transform: none !important;\r\n\r\n    }\r\n\r\n\r\n    .about1900-inner {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        min-height: auto;\r\n\r\n        padding: 55px 25px;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 42px;\r\n\r\n    }\r\n\r\n\r\n    \/* LEFT *\/\r\n\r\n    .about1900-intro {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .about1900-eyebrow {\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-intro h2 {\r\n\r\n        font-size: 28px;\r\n\r\n        line-height: 1.4;\r\n\r\n    }\r\n\r\n\r\n    \/* CONTENT COLUMNS *\/\r\n\r\n    .about1900-column {\r\n\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column h3 {\r\n\r\n        margin-bottom: 10px;\r\n\r\n        font-size: 17px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column p {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n    .about1900-link {\r\n\r\n        margin-top: 12px;\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   BELOW 480PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .about1900-inner {\r\n\r\n        padding: 45px 20px;\r\n\r\n        gap: 36px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-eyebrow {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-intro h2 {\r\n\r\n        font-size: 25px;\r\n\r\n        line-height: 1.42;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column h3 {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column p {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n    .about1900-link {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .about1900-inner {\r\n\r\n        padding: 40px 16px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-intro h2 {\r\n\r\n        font-size: 23px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column h3 {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .about1900-column p {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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-e0008e2 e-flex e-con-boxed e-con e-parent\" data-id=\"e0008e2\" 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-accbefc elementor-widget elementor-widget-html\" data-id=\"accbefc\" 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=Poppins:wght@300;400;500&display=swap');\r\n\r\n.sp-about {\r\n    width: 100%;\r\n    max-width: 1700px;\r\n    margin: 0 auto;\r\n    padding: 45px 40px;\r\n    box-sizing: border-box;\r\n    background: #fff;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.sp-about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sp-about-inner {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 90px;\r\n}\r\n\r\n\/* =========================\r\n   LEFT IMAGE\r\n========================= *\/\r\n\r\n.sp-about-image {\r\n    width: 52%;\r\n    flex: 0 0 52%;\r\n}\r\n\r\n.sp-about-image img {\r\n    width: 100%;\r\n    height: 580px;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* =========================\r\n   RIGHT CONTENT\r\n========================= *\/\r\n\r\n.sp-about-content {\r\n    width: 48%;\r\n    max-width: 650px;\r\n    padding-right: 15px;\r\n}\r\n\r\n\/* TOP LABEL *\/\r\n\r\n.sp-about-label {\r\n    margin: 0 0 15px;\r\n    color: #6f9b82;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.sp-about-title {\r\n    margin: 0 0 28px;\r\n    padding: 0;\r\n    color: #071b35;\r\n    font-size: 39px;\r\n    font-weight: 400;\r\n    line-height: 1.25;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.sp-about-text {\r\n    margin: 0 0 22px;\r\n    padding: 0;\r\n    color: #a7a4ad;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    line-height: 1.9;\r\n    letter-spacing: 0.1px;\r\n}\r\n\r\n\/* FIRST PARAGRAPH *\/\r\n\r\n.sp-about-text.first {\r\n    font-style: normal;\r\n    margin-bottom: 23px;\r\n}\r\n\r\n\/* =========================\r\n   BOTTOM LINE\r\n========================= *\/\r\n\r\n.sp-about-bottom {\r\n    width: 100%;\r\n    margin-top: 42px;\r\n    padding-top: 18px;\r\n    border-top: 1px solid #e2e2e2;\r\n}\r\n\r\n.sp-about-bottom-text {\r\n    margin: 0;\r\n    color: #99949f;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    font-style: italic;\r\n    line-height: 1.7;\r\n    letter-spacing: 0.1px;\r\n}\r\n\r\n\r\n\/* ======================================\r\n   LARGE SCREEN - 1700PX\r\n====================================== *\/\r\n\r\n@media (min-width: 1600px) {\r\n\r\n    .sp-about {\r\n        max-width: 1700px;\r\n        padding: 45px 35px;\r\n    }\r\n\r\n    .sp-about-inner {\r\n        gap: 100px;\r\n    }\r\n\r\n    .sp-about-image {\r\n        width: 53%;\r\n        flex-basis: 53%;\r\n    }\r\n\r\n    .sp-about-image img {\r\n        height: 580px;\r\n    }\r\n\r\n    .sp-about-content {\r\n        width: 47%;\r\n        max-width: 650px;\r\n    }\r\n\r\n    .sp-about-label {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .sp-about-title {\r\n        font-size: 39px;\r\n    }\r\n\r\n    .sp-about-text {\r\n        font-size: 14px;\r\n        line-height: 1.9;\r\n    }\r\n\r\n    .sp-about-bottom-text {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* ======================================\r\n   1300 - 1599\r\n====================================== *\/\r\n\r\n@media (max-width: 1599px) and (min-width: 1101px) {\r\n\r\n    .sp-about {\r\n        max-width: 1500px;\r\n        padding: 40px 30px;\r\n    }\r\n\r\n    .sp-about-inner {\r\n        gap: 70px;\r\n    }\r\n\r\n    .sp-about-image {\r\n        width: 52%;\r\n        flex-basis: 52%;\r\n    }\r\n\r\n    .sp-about-image img {\r\n        height: 540px;\r\n    }\r\n\r\n    .sp-about-content {\r\n        width: 48%;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .sp-about-title {\r\n        font-size: 35px;\r\n    }\r\n\r\n    .sp-about-text {\r\n        font-size: 13px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .sp-about-bottom {\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .sp-about-bottom-text {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\r\n\/* ======================================\r\n   TABLET\r\n====================================== *\/\r\n\r\n@media (max-width: 1100px) and (min-width: 768px) {\r\n\r\n    .sp-about {\r\n        padding: 45px 30px;\r\n    }\r\n\r\n    .sp-about-inner {\r\n        gap: 45px;\r\n    }\r\n\r\n    .sp-about-image {\r\n        width: 50%;\r\n        flex-basis: 50%;\r\n    }\r\n\r\n    .sp-about-image img {\r\n        height: 480px;\r\n    }\r\n\r\n    .sp-about-content {\r\n        width: 50%;\r\n        max-width: none;\r\n        padding-right: 0;\r\n    }\r\n\r\n    .sp-about-label {\r\n        font-size: 12px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .sp-about-title {\r\n        font-size: 30px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .sp-about-text {\r\n        font-size: 12px;\r\n        line-height: 1.8;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .sp-about-bottom {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .sp-about-bottom-text {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n\/* ======================================\r\n   MOBILE\r\n====================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sp-about {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        padding: 35px 20px;\r\n    }\r\n\r\n    .sp-about-inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 32px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .sp-about-image {\r\n        width: 100%;\r\n        flex: none;\r\n    }\r\n\r\n    .sp-about-image img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 1 \/ 0.85;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .sp-about-content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        padding: 0;\r\n    }\r\n\r\n    .sp-about-label {\r\n        font-size: 11px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .sp-about-title {\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sp-about-text {\r\n        font-size: 12px;\r\n        line-height: 1.85;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .sp-about-text.first {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sp-about-bottom {\r\n        margin-top: 28px;\r\n        padding-top: 15px;\r\n    }\r\n\r\n    .sp-about-bottom-text {\r\n        font-size: 11.5px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n\r\n\r\n\/* ======================================\r\n   SMALL MOBILE\r\n====================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sp-about {\r\n        padding: 30px 16px;\r\n    }\r\n\r\n    .sp-about-inner {\r\n        gap: 27px;\r\n    }\r\n\r\n    .sp-about-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .sp-about-text {\r\n        font-size: 11.5px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .sp-about-label {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .sp-about-bottom {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .sp-about-bottom-text {\r\n        font-size: 10.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sp-about\">\r\n\r\n    <div class=\"sp-about-inner\">\r\n\r\n        <!-- LEFT IMAGE -->\r\n        <div class=\"sp-about-image\">\r\n\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/10\/Organic-Plant-Care-Products-Display-1.png\" \r\n                alt=\"Smart Packaging\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT CONTENT -->\r\n        <div class=\"sp-about-content\">\r\n\r\n            <!-- TOP LABEL -->\r\n            <div class=\"sp-about-label\">\r\n               WELCOME TO SMART PACKAGING\r\n            <\/div>\r\n\r\n\r\n            <!-- MAIN HEADING -->\r\n            <h2 class=\"sp-about-title\">\r\n               Quality Plastic Packaging\r\nFor Diverse Needs\r\n            <\/h2>\r\n\r\n\r\n            <!-- FIRST PARAGRAPH -->\r\n            <p class=\"sp-about-text first\">\r\n                Smart Packaging offers a wide range of modern plastic containers, jars, bottles and PET bottles for different packaging requirements.\r\n            <\/p>\r\n\r\n\r\n            <!-- SECOND PARAGRAPH -->\r\n            <p class=\"sp-about-text\">\r\n             Our product range covers liquid packing, chemical bottles, tablet bottles, toilet cleaner bottles, hand wash bottles, sprayer bottles, hair oil bottles, jars and PET packaging.\r\n            <\/p>\r\n\r\n\r\n            <!-- THIRD PARAGRAPH -->\r\n            <p class=\"sp-about-text\">\r\n               We support packaging requirements with innovative designing, technical advice, free samples, competitive pricing, efficient services and bulk supply capabilities.\r\n            <\/p>\r\n\r\n\r\n            <!-- BOTTOM LINE -->\r\n            <div class=\"sp-about-bottom\">\r\n\r\n                <p class=\"sp-about-bottom-text\">\r\n                    SMART PACKAGING \u2014 Plastic Containers, Jars, Bottles & PET Packaging Smart Packaging\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\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-bdbc452 e-flex e-con-boxed e-con e-parent\" data-id=\"bdbc452\" 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-ac56441 elementor-widget elementor-widget-html\" data-id=\"ac56441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     1500PX EXACT STATS SECTION\r\n========================================================= -->\r\n\r\n<div class=\"smart-stats-section\">\r\n\r\n    <!-- DARK OVERLAY -->\r\n    <div class=\"smart-dark-overlay\"><\/div>\r\n\r\n\r\n    <!-- MAIN CONTENT -->\r\n    <div class=\"smart-stats-content\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"smart-left-content\">\r\n\r\n            <div class=\"smart-small-text\">\r\n            SMART PACKAGING\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n                Packaging Solutions For\r\nEvery Requirement\r\n            <\/h1>\r\n\r\n\r\n            <!-- BUTTON: change href to your products page link -->\r\n            <a href=\"https:\/\/smartpackaging.co.in\/?page_id=37643\" class=\"smart-love-text\">\r\n              EXPLORE PRODUCTS \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT STATISTICS\r\n        ================================================== -->\r\n\r\n        <div class=\"smart-statistics\">\r\n\r\n\r\n            <!-- ================= ROW 1 ================= -->\r\n\r\n            <div class=\"smart-stat-row\">\r\n\r\n                <div class=\"smart-stat-box\">\r\n\r\n                    <div class=\"smart-stat-number\">\r\n                   25+\r\n                    <\/div>\r\n\r\n                    <div class=\"smart-stat-label\">\r\n                        YEARS OF EXCELLENCE\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"smart-stat-box\">\r\n\r\n                    <div class=\"smart-stat-number\">\r\n                        25+\r\n                    <\/div>\r\n\r\n                    <div class=\"smart-stat-label\">\r\n                        LIQUID PACKING PRODUCTS\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ================= ROW 2 ================= -->\r\n\r\n            <div class=\"smart-stat-row\">\r\n\r\n                <div class=\"smart-stat-box\">\r\n\r\n                    <div class=\"smart-stat-number\">\r\n                        10+\r\n                    <\/div>\r\n\r\n                    <div class=\"smart-stat-label\">\r\n                       CHEMICAL BOTTLE OPTIONS\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"smart-stat-box\">\r\n\r\n                    <div class=\"smart-stat-number\">\r\n                     5+\r\n                    <\/div>\r\n\r\n                    <div class=\"smart-stat-label\">\r\n                        FEATURED CATEGORIES\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ================= ROW 3 ================= -->\r\n\r\n            <div class=\"smart-stat-row\">\r\n\r\n                <div class=\"smart-stat-box\">\r\n\r\n                    <div class=\"smart-stat-number\">\r\n                        10+\r\n                    <\/div>\r\n\r\n                    <div class=\"smart-stat-label\">\r\n                     \r\nSPRAYER & FLIP CAP BOTTLES\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"smart-stat-box\">\r\n\r\n                    <div class=\"smart-stat-number\">\r\n                        15+\r\n                    <\/div>\r\n\r\n                    <div class=\"smart-stat-label\">\r\n                        FLOOR CLEANER BOTTLES\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GOOGLE FONT\r\n   Same clean rounded style as the reference text\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.smart-stats-section,\r\n.smart-stats-section *,\r\n.smart-stats-section *::before,\r\n.smart-stats-section *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n   EXACT 1500PX WIDTH\r\n========================================================= *\/\r\n\r\n.smart-stats-section {\r\n\r\n    position: relative;\r\n\r\n    width: 1900px !important;\r\n\r\n    min-width: 1900px !important;\r\n\r\n    max-width: none !important;\r\n\r\n    min-height: 643px;\r\n\r\n    margin-left: 50% !important;\r\n\r\n    margin-right: 0 !important;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    background-image: url(\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/10\/Eco-Friendly-Product-Showcase-Banner-1.png\");\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    overflow: hidden;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DARK OVERLAY\r\n========================================================= *\/\r\n\r\n.smart-dark-overlay {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background: rgba(0, 0, 0, 0.89);\r\n\r\n    z-index: 1;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT\r\n========================================================= *\/\r\n\r\n.smart-stats-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 643px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.smart-left-content {\r\n\r\n    width: 50%;\r\n\r\n    padding-left: 18.55%;\r\n\r\n    margin-top: -8px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL GREEN TEXT\r\n========================================================= *\/\r\n\r\n.smart-small-text {\r\n\r\n    margin: 0 0 13px 0;\r\n\r\n    padding: 0;\r\n\r\n    color: #91c8a0;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n.smart-left-content h1 {\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 35px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.42;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EXPLORE PRODUCTS BUTTON\r\n========================================================= *\/\r\n\r\n.smart-love-text {\r\n\r\n    display: inline-block;\r\n\r\n    margin-top: 23px;\r\n\r\n    padding: 14px 32px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0;\r\n\r\n    text-decoration: none;\r\n\r\n    background: transparent;\r\n\r\n    border: 1px solid rgba(255,255,255,0.85);\r\n\r\n    border-radius: 0;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: all 0.3s ease;\r\n\r\n}\r\n\r\n.smart-love-text:hover {\r\n\r\n    background: #ffffff;\r\n\r\n    color: #000000;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STATISTICS AREA\r\n========================================================= *\/\r\n\r\n.smart-statistics {\r\n\r\n    position: absolute;\r\n\r\n    left: 50.55%;\r\n\r\n    top: 14.4%;\r\n\r\n    width: 31.1%;\r\n\r\n    height: 67.8%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    z-index: 3;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STAT ROW\r\n========================================================= *\/\r\n\r\n.smart-stat-row {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    flex: 1;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    border-top: 1px solid rgba(255,255,255,0.24);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VERTICAL DIVIDER\r\n========================================================= *\/\r\n\r\n.smart-stat-row::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    bottom: 0;\r\n\r\n    left: 50%;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255,255,255,0.24);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STAT BOX\r\n========================================================= *\/\r\n\r\n.smart-stat-box {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STAT NUMBERS\r\n========================================================= *\/\r\n\r\n.smart-stat-number {\r\n\r\n    margin: 0 0 10px 0;\r\n\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 40px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STAT LABELS\r\n   SAME FONT FAMILY\r\n========================================================= *\/\r\n\r\n.smart-stat-label {\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    color: rgba(255,255,255,0.72);\r\n\r\n    font-family: \"Poppins\", sans-serif !important;\r\n\r\n    font-size: 19px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.35;\r\n\r\n    letter-spacing: 0;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .smart-stats-section {\r\n\r\n        width: 1500px !important;\r\n\r\n        min-width: 1500px !important;\r\n\r\n    }\r\n\r\n    .smart-left-content {\r\n\r\n        padding-left: 8%;\r\n\r\n        width: 48%;\r\n\r\n    }\r\n\r\n    .smart-left-content h1 {\r\n\r\n        font-size: 30px;\r\n\r\n    }\r\n\r\n    .smart-statistics {\r\n\r\n        left: 51%;\r\n\r\n        width: 42%;\r\n\r\n    }\r\n\r\n    .smart-stat-number {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n    .smart-stat-label {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .smart-stats-section {\r\n\r\n        width: 100% !important;\r\n\r\n        min-width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        min-height: auto;\r\n\r\n        margin-left: 0 !important;\r\n\r\n        transform: none;\r\n\r\n        padding: 70px 20px 60px;\r\n\r\n    }\r\n\r\n\r\n    .smart-stats-content {\r\n\r\n        min-height: auto;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n    }\r\n\r\n\r\n    .smart-left-content {\r\n\r\n        width: 100%;\r\n\r\n        padding-left: 0;\r\n\r\n        margin-top: 0;\r\n\r\n        margin-bottom: 55px;\r\n\r\n    }\r\n\r\n\r\n    .smart-small-text {\r\n\r\n        font-size: 11px;\r\n\r\n        margin-bottom: 12px;\r\n\r\n    }\r\n\r\n\r\n    .smart-left-content h1 {\r\n\r\n        font-size: 27px;\r\n\r\n        line-height: 1.4;\r\n\r\n    }\r\n\r\n\r\n    .smart-love-text {\r\n\r\n        font-size: 11px;\r\n\r\n        margin-top: 20px;\r\n\r\n        padding: 12px 26px;\r\n\r\n    }\r\n\r\n\r\n    .smart-statistics {\r\n\r\n        position: relative;\r\n\r\n        left: auto;\r\n\r\n        top: auto;\r\n\r\n        width: 100%;\r\n\r\n        height: auto;\r\n\r\n        display: flex;\r\n\r\n    }\r\n\r\n\r\n    .smart-stat-row {\r\n\r\n        min-height: 145px;\r\n\r\n    }\r\n\r\n\r\n    .smart-stat-number {\r\n\r\n        font-size: 30px;\r\n\r\n        margin-bottom: 8px;\r\n\r\n    }\r\n\r\n\r\n    .smart-stat-label {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.35;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .smart-stats-section {\r\n\r\n        padding: 55px 18px 45px;\r\n\r\n    }\r\n\r\n\r\n    .smart-left-content h1 {\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n\r\n    .smart-stat-row {\r\n\r\n        min-height: 125px;\r\n\r\n    }\r\n\r\n\r\n    .smart-stat-number {\r\n\r\n        font-size: 27px;\r\n\r\n    }\r\n\r\n\r\n    .smart-stat-label {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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-03d11af e-flex e-con-boxed e-con e-parent\" data-id=\"03d11af\" 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-19a3e50 elementor-widget elementor-widget-html\" data-id=\"19a3e50\" 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=Poppins:wght@300;400;500&display=swap');\r\n\r\n.video-section {\r\n    width: 100%;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n    padding: 20px 0 30px;\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.video-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 30px;\r\n    width: 100%;\r\n}\r\n\r\n.video-card {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* VIDEO \/ THUMBNAIL *\/\r\n.video-box {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    background: #111;\r\n    cursor: pointer;\r\n}\r\n\r\n.video-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n\/* DARK OVERLAY *\/\r\n.video-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.28);\r\n    transition: background 0.3s ease;\r\n}\r\n\r\n.video-box:hover .video-overlay {\r\n    background: rgba(0,0,0,0.40);\r\n}\r\n\r\n\/* PLAY BUTTON *\/\r\n.play-button {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 74px;\r\n    height: 74px;\r\n    border: 1px solid rgba(255,255,255,0.8);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 3;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.play-button::after {\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 12px solid transparent;\r\n    border-bottom: 12px solid transparent;\r\n    border-left: 18px solid #fff;\r\n    margin-left: 5px;\r\n}\r\n\r\n.video-box:hover .play-button {\r\n    transform: translate(-50%, -50%) scale(1.08);\r\n    border-color: #fff;\r\n}\r\n\r\n\/* IFRAME AFTER CLICK *\/\r\n.video-box iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n    display: block;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.video-content {\r\n    padding-top: 25px;\r\n}\r\n\r\n.video-title {\r\n    margin: 0 0 18px;\r\n    color: #101010;\r\n    font-size: 23px;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n.video-description {\r\n    margin: 0;\r\n    color: #999;\r\n    font-size: 14px;\r\n    line-height: 2;\r\n    font-weight: 300;\r\n    font-style: italic;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 900px) {\r\n\r\n    .video-section {\r\n        padding: 20px 25px 30px;\r\n    }\r\n\r\n    .video-grid {\r\n        gap: 25px;\r\n    }\r\n\r\n    .video-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .video-description {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n\r\n    .video-section {\r\n        padding: 15px 18px 30px;\r\n    }\r\n\r\n    .video-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    .video-title {\r\n        font-size: 19px;\r\n        line-height: 1.5;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .video-description {\r\n        font-size: 13px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .play-button {\r\n        width: 62px;\r\n        height: 62px;\r\n    }\r\n\r\n    .play-button::after {\r\n        border-top-width: 10px;\r\n        border-bottom-width: 10px;\r\n        border-left-width: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"video-section\">\r\n\r\n    <div class=\"video-grid\">\r\n\r\n        <!-- ================= VIDEO 1 ================= -->\r\n\r\n        <div class=\"video-card\">\r\n\r\n            <div class=\"video-box\"\r\n                 data-video=\"nWwpyclIEu4\"\r\n                 onclick=\"playYouTubeVideo(this)\">\r\n\r\n                <!-- AUTOMATIC YOUTUBE THUMBNAIL -->\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/img.youtube.com\/vi\/nWwpyclIEu4\/maxresdefault.jpg\"\r\n                    alt=\"Company History Video\">\r\n\r\n                <div class=\"video-overlay\"><\/div>\r\n\r\n                <div class=\"play-button\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"video-content\">\r\n\r\n                <h3 class=\"video-title\">\r\n                    Our Product Range & Packaging Solutions\r\n                <\/h3>\r\n\r\n                <p class=\"video-description\">\r\n                    Explore Smart Packaging\u2019s range of plastic containers, jars, bottles and PET packaging for diverse packing requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ================= VIDEO 2 ================= -->\r\n\r\n        <div class=\"video-card\">\r\n\r\n            <div class=\"video-box\"\r\n                 data-video=\"nWwpyclIEu4\"\r\n                 onclick=\"playYouTubeVideo(this)\">\r\n\r\n                <!-- AUTOMATIC YOUTUBE THUMBNAIL -->\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/img.youtube.com\/vi\/nWwpyclIEu4\/maxresdefault.jpg\"\r\n                    alt=\"Design and Development Process Video\">\r\n\r\n                <div class=\"video-overlay\"><\/div>\r\n\r\n                <div class=\"play-button\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"video-content\">\r\n\r\n                <h3 class=\"video-title\">\r\n                   Custom Packaging & Technical Support\r\n                <\/h3>\r\n\r\n                <p class=\"video-description\">\r\n                   Discover customization, innovative designing, technical advice, free sample support and bulk supply options for packaging requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\nfunction playYouTubeVideo(element) {\r\n\r\n    var videoId = element.getAttribute(\"data-video\");\r\n\r\n    element.innerHTML =\r\n        '<iframe ' +\r\n        'src=\"https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1&rel=0\" ' +\r\n        'title=\"YouTube Video\" ' +\r\n        'allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture\" ' +\r\n        'allowfullscreen>' +\r\n        '<\/iframe>';\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT SMART PACKAGING Modern Packaging Solution For Every Requirement Wide Product Range Explore liquid packing, chemical bottles, tablet bottles, cleaning<\/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":{"_joinchat":[],"footnotes":""},"class_list":["post-5212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages\/5212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5212"}],"version-history":[{"count":98,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages\/5212\/revisions"}],"predecessor-version":[{"id":37863,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages\/5212\/revisions\/37863"}],"wp:attachment":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}