{"id":150,"date":"2026-09-13T13:29:06","date_gmt":"2026-09-13T13:29:06","guid":{"rendered":"https:\/\/ranesapvtbd.com\/?page_id=150"},"modified":"2026-10-30T08:59:33","modified_gmt":"2026-10-30T08:59:33","slug":"services","status":"publish","type":"page","link":"https:\/\/ranesapvtbd.com\/?page_id=150","title":{"rendered":"Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Services | Ranesa Pvt Ltd<\/title>\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* =========================================\r\n HERO\r\n ========================================= *\/\r\n\r\n .service-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 720px;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .service-hero-image {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n z-index: 1;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .service-hero:hover .service-hero-image {\r\n transform: scale(1.02);\r\n }\r\n\r\n .service-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 2;\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(0, 0, 0, 0.86) 0%,\r\n rgba(0, 0, 0, 0.70) 38%,\r\n rgba(0, 0, 0, 0.42) 70%,\r\n rgba(0, 0, 0, 0.18) 100%\r\n );\r\n }\r\n\r\n .service-hero-dot::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 17px;\r\n height: 17px;\r\n top: 19px;\r\n left: 19px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n }\r\n\r\n \/* =========================================\r\n CONTAINER\r\n ========================================= *\/\r\n\r\n .service-hero-container {\r\n position: relative;\r\n z-index: 4;\r\n width: 100%;\r\n margin: 0;\r\n padding: 100px 40px 120px 120px;\r\n }\r\n\r\n .service-hero-content {\r\n max-width: 900px;\r\n }\r\n\r\n \/* =========================================\r\n LABEL\r\n ========================================= *\/\r\n\r\n .service-hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n max-width: 100%;\r\n margin: 0 0 22px;\r\n padding: 9px 15px;\r\n background: linear-gradient(135deg, #c9292e, #a91f28);\r\n color: #ffffff;\r\n border-left: 3px solid #ff7777;\r\n border-radius: 4px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1.6px;\r\n line-height: 1.4;\r\n text-transform: uppercase;\r\n box-shadow: 0 5px 18px rgba(201, 41, 46, 0.22);\r\n }\r\n\r\n \/* =========================================\r\n HEADING + TEXT\r\n ========================================= *\/\r\n\r\n .service-hero-title {\r\n max-width: 850px;\r\n color: #ffffff;\r\n font-size: clamp(34px, 5.2vw, 55px);\r\n line-height: 1.1;\r\n font-weight: 700;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .service-hero-description {\r\n max-width: 680px;\r\n margin-top: 30px;\r\n color: rgba(255, 255, 255, 0.72);\r\n font-size: 16px;\r\n line-height: 1.75;\r\n }\r\n\r\n \/* =========================================\r\n SERVICES\r\n ========================================= *\/\r\n\r\n .service-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n max-width: 900px;\r\n margin-top: 38px;\r\n }\r\n\r\n .service-item {\r\n position: relative;\r\n min-width: 0;\r\n min-height: 78px;\r\n display: flex;\r\n align-items: center;\r\n padding: 18px 20px;\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n background: rgba(255, 255, 255, 0.10);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .service-item:hover {\r\n background: #c9292e;\r\n border-color: #c9292e;\r\n transform: translateY(-5px);\r\n }\r\n\r\n .service-number {\r\n flex-shrink: 0;\r\n margin-right: 12px;\r\n color: #c9292e;\r\n font-size: 13px;\r\n font-weight: 700;\r\n }\r\n\r\n .service-item:hover .service-number {\r\n color: #ffffff;\r\n }\r\n\r\n .service-name {\r\n color: #ffffff;\r\n font-size: 15px;\r\n line-height: 1.35;\r\n font-weight: 600;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n \/* =========================================\r\n LARGE TABLET \/ SMALL LAPTOP\r\n ========================================= *\/\r\n\r\n @media (max-width: 1100px) {\r\n .service-list {\r\n grid-template-columns: repeat(2, 1fr);\r\n max-width: 700px;\r\n }\r\n }\r\n\r\n \/* =========================================\r\n TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 991px) {\r\n .service-hero {\r\n min-height: 680px;\r\n }\r\n\r\n .service-hero-container {\r\n padding: 90px 40px 100px 60px;\r\n }\r\n\r\n .service-hero-dot {\r\n top: 40px;\r\n }\r\n }\r\n\r\n \/* =========================================\r\n MOBILE\r\n ========================================= *\/\r\n\r\n @media (max-width: 767px) {\r\n .service-hero {\r\n min-height: 0;\r\n align-items: flex-start;\r\n }\r\n\r\n .service-hero-image {\r\n object-position: 62% center;\r\n }\r\n\r\n .service-hero-overlay {\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(0, 0, 0, 0.86),\r\n rgba(0, 0, 0, 0.64)\r\n );\r\n }\r\n\r\n .service-hero-container {\r\n padding: 75px 20px 70px 20px;\r\n }\r\n\r\n .service-hero-label {\r\n font-size: 10px;\r\n letter-spacing: 1.4px;\r\n }\r\n\r\n .service-hero-title {\r\n line-height: 1.15;\r\n }\r\n\r\n .service-hero-description {\r\n margin-top: 20px;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n\r\n .service-list {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n max-width: 100%;\r\n margin-top: 28px;\r\n }\r\n\r\n .service-item {\r\n min-height: 60px;\r\n padding: 15px 18px;\r\n }\r\n\r\n .service-name {\r\n font-size: 14px;\r\n }\r\n\r\n .service-hero-dot {\r\n width: 35px;\r\n height: 35px;\r\n top: 24px;\r\n right: 20px;\r\n }\r\n\r\n .service-hero-dot::after {\r\n width: 11px;\r\n height: 11px;\r\n top: 11px;\r\n left: 11px;\r\n }\r\n\r\n \/* touch devices: no jump on hover *\/\r\n .service-item:hover {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* =========================================\r\n SMALL MOBILE\r\n ========================================= *\/\r\n\r\n @media (max-width: 480px) {\r\n .service-hero-container {\r\n padding: 70px 16px 60px 16px;\r\n }\r\n\r\n .service-hero-description {\r\n font-size: 14.5px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"service-hero\">\r\n\r\n <!-- CHANGE THIS IMAGE: replace the src URL with your own image -->\r\n <img decoding=\"async\"\r\n class=\"service-hero-image\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1556388158-158ea5ccacbd?auto=format&fit=crop&w=2000&q=90\"\r\n alt=\"Visa Booking and Investment Consultancy\"\r\n >\r\n\r\n <div class=\"service-hero-overlay\"><\/div>\r\n <div class=\"service-hero-dot\"><\/div>\r\n\r\n <div class=\"service-hero-container\">\r\n <div class=\"service-hero-content\">\r\n\r\n <div class=\"service-hero-label\">\r\n Services by Ranesa consultancy firm\r\n <\/div>\r\n\r\n <h1 class=\"service-hero-title\">\r\n Your Journey Abroad,<br>\r\n Our Expertise\r\n <\/h1>\r\n\r\n <p class=\"service-hero-description\">\r\n From visa consultation to global career opportunities,\r\n Ranesa provides trusted guidance and professional support\r\n to help you move forward with confidence.\r\n <\/p>\r\n\r\n <div class=\"service-list\">\r\n\r\n <div class=\"service-item\">\r\n <span class=\"service-number\">01<\/span>\r\n <span class=\"service-name\">Visa Consultancy<\/span>\r\n <\/div>\r\n\r\n <div class=\"service-item\">\r\n <span class=\"service-number\">02<\/span>\r\n <span class=\"service-name\">Investment<\/span>\r\n <\/div>\r\n\r\n <div class=\"service-item\">\r\n <span class=\"service-number\">03<\/span>\r\n <span class=\"service-name\">Job Opportunity<\/span>\r\n <\/div>\r\n\r\n <div class=\"service-item\">\r\n <span class=\"service-number\">04<\/span>\r\n <span class=\"service-name\">E-commerce<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3813884 e-con e-atomic-element e-flexbox-base e-default-div e-5a128ff \" data-id=\"3813884\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3813884\">\n \t\t<div class=\"elementor-element elementor-element-375445a elementor-widget elementor-widget-html\" data-id=\"375445a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"visa-services\">\r\n <div class=\"visa-container\">\r\n\r\n <!-- Section Header -->\r\n <div class=\"visa-header\">\r\n <h2>Your Gateway to Global Opportunities<\/h2>\r\n <p>\r\n Explore visa opportunities across leading destinations with\r\n professional guidance, transparent processing, and personalized\r\n support from Ranesa Consultancy.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Country Grid -->\r\n <div class=\"country-grid\">\r\n\r\n <!-- USA -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1485738422979-f5c462d49f74?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"USA Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>USA<\/h3>\r\n <p>\r\n Professional visa guidance for study, business,\r\n travel, and career opportunities in the United States.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1134\" class=\"country-link\">\r\n Explore USA Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Canada -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1517935706615-2717063c2225?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"Canada Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>Canada<\/h3>\r\n <p>\r\n Get expert support for Canadian study, visitor,\r\n work, and immigration-related visa applications.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1205\" class=\"country-link\">\r\n Explore Canada Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mexico -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1518105779142-d975f22f1b0a?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"Mexico Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>Mexico<\/h3>\r\n <p>\r\n Reliable consultation and application assistance\r\n for your Mexico travel and visa requirements.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1184\" class=\"country-link\">\r\n Explore Mexico Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Italy -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1529260830199-42c24126f198?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"Italy Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>Italy<\/h3>\r\n <p>\r\n Personalized visa assistance for students,\r\n travelers, professionals, and business applicants.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1190\" class=\"country-link\">\r\n Explore Italy Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- France -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"France Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>France<\/h3>\r\n <p>\r\n Complete guidance for France visa applications,\r\n documentation, and application preparation.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1211\" class=\"country-link\">\r\n Explore France Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Serbia -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1564507592333-c60657eea523?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"Serbia Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>Serbia<\/h3>\r\n <p>\r\n Professional support for Serbia visa processing,\r\n documentation, and travel preparation.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1217\" class=\"country-link\">\r\n Explore Serbia Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Belarus -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1513326738677-b964603b136d?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"Belarus Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>Belarus<\/h3>\r\n <p>\r\n Trusted assistance for Belarus visa applications\r\n with clear documentation and professional guidance.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1223\" class=\"country-link\">\r\n Explore Belarus Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Brazil -->\r\n <div class=\"country-card\">\r\n <div class=\"country-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1483729558449-99ef09a8c325?auto=format&fit=crop&w=900&q=80\"\r\n alt=\"Brazil Visa\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n <div class=\"country-content\">\r\n <h3>Brazil<\/h3>\r\n <p>\r\n Expert visa consultation and application support\r\n for your journey to Brazil.\r\n <\/p>\r\n <a href=\"https:\/\/ranesapvtbd.com\/?page_id=1196\" class=\"country-link\">\r\n Explore Brazil Visa <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================\r\n VISA SERVICES\r\n========================= *\/\r\n\r\n.visa-services,\r\n.visa-services * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.visa-services {\r\n width: 100%;\r\n padding: 100px 0;\r\n background: #ffffff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n overflow-x: clip;\r\n}\r\n\r\n\/* =========================\r\n DESKTOP CONTAINER\r\n LEFT: 120px\r\n RIGHT: 70px\r\n========================= *\/\r\n\r\n.visa-container {\r\n width: calc(100% - 190px);\r\n max-width: 1600px;\r\n margin-left: 120px;\r\n margin-right: 70px;\r\n}\r\n\r\n\/* =========================\r\n HEADER\r\n========================= *\/\r\n\r\n.visa-header {\r\n max-width: 760px;\r\n margin: 0 auto 60px;\r\n text-align: center;\r\n}\r\n\r\n.visa-header h2 {\r\n margin: 0 0 18px;\r\n color: #0b1220;\r\n font-size: 46px;\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.visa-header p {\r\n max-width: 680px;\r\n margin: 0 auto;\r\n color: #6b7280;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n}\r\n\r\n\/* =========================\r\n COUNTRY GRID\r\n========================= *\/\r\n\r\n.country-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 26px;\r\n align-items: stretch;\r\n}\r\n\r\n\/* =========================\r\n COUNTRY CARD\r\n========================= *\/\r\n\r\n.country-card {\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n background: #ffffff;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 18px;\r\n box-shadow: 0 8px 25px rgba(11, 18, 32, 0.06);\r\n transition:\r\n border-color 0.3s ease,\r\n box-shadow 0.3s ease;\r\n transform: none !important;\r\n}\r\n\r\n.country-card:hover {\r\n border-color: rgba(201, 41, 46, 0.45);\r\n box-shadow: 0 15px 35px rgba(11, 18, 32, 0.12);\r\n transform: none !important;\r\n}\r\n\r\n\/* =========================\r\n COUNTRY IMAGE\r\n========================= *\/\r\n\r\n.country-image {\r\n position: relative;\r\n width: 100%;\r\n height: 230px;\r\n flex-shrink: 0;\r\n overflow: hidden;\r\n background: #e5e7eb;\r\n}\r\n\r\n.country-image img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.country-card:hover .country-image img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.country-image::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to top,\r\n rgba(11, 18, 32, 0.65),\r\n rgba(11, 18, 32, 0.05)\r\n );\r\n pointer-events: none;\r\n}\r\n\r\n\/* =========================\r\n COUNTRY CONTENT\r\n========================= *\/\r\n\r\n.country-content {\r\n display: flex;\r\n flex: 1;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 25px;\r\n}\r\n\r\n.country-content h3 {\r\n margin: 0 0 10px;\r\n color: #0b1220;\r\n font-size: 24px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n}\r\n\r\n.country-content p {\r\n margin: 0 0 20px;\r\n color: #6b7280;\r\n font-size: 14px;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* =========================\r\n COUNTRY LINK\r\n========================= *\/\r\n\r\n.country-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: auto;\r\n color: #c9292e;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n transition:\r\n color 0.25s ease,\r\n gap 0.25s ease;\r\n}\r\n\r\n.country-link span {\r\n font-size: 18px;\r\n line-height: 1;\r\n}\r\n\r\n.country-link:hover {\r\n color: #0b1220;\r\n gap: 12px;\r\n}\r\n\r\n.country-card a,\r\n.country-card a:hover,\r\n.country-card a:focus,\r\n.country-card a:active,\r\n.country-card a:visited {\r\n text-decoration: none !important;\r\n border: none !important;\r\n border-bottom: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n\/* =========================\r\n LARGE LAPTOP\r\n 1200px - 1400px\r\n========================= *\/\r\n\r\n@media (max-width: 1400px) {\r\n .visa-container {\r\n width: calc(100% - 150px);\r\n margin-left: 100px;\r\n margin-right: 50px;\r\n }\r\n\r\n .country-grid {\r\n gap: 22px;\r\n }\r\n\r\n .country-content {\r\n padding: 22px;\r\n }\r\n\r\n .country-image {\r\n height: 210px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n TABLET \/ SMALL LAPTOP\r\n 601px - 1000px\r\n========================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n .visa-services {\r\n padding: 75px 0;\r\n }\r\n\r\n .visa-container {\r\n width: calc(100% - 64px);\r\n margin-left: 32px;\r\n margin-right: 32px;\r\n }\r\n\r\n .country-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .visa-header {\r\n margin-bottom: 45px;\r\n }\r\n\r\n .visa-header h2 {\r\n font-size: 40px;\r\n }\r\n\r\n .country-image {\r\n height: 230px;\r\n }\r\n\r\n .country-content {\r\n padding: 24px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n Up to 600px\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n .visa-services {\r\n padding: 55px 0;\r\n }\r\n\r\n .visa-container {\r\n width: calc(100% - 32px);\r\n margin-left: 16px;\r\n margin-right: 16px;\r\n }\r\n\r\n .visa-header {\r\n margin-bottom: 32px;\r\n }\r\n\r\n .visa-header h2 {\r\n margin-bottom: 14px;\r\n font-size: 32px;\r\n line-height: 1.2;\r\n letter-spacing: -0.8px;\r\n }\r\n\r\n .visa-header p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n\r\n .country-grid {\r\n grid-template-columns: minmax(0, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .country-card {\r\n border-radius: 16px;\r\n }\r\n\r\n .country-image {\r\n height: 220px;\r\n }\r\n\r\n .country-content {\r\n padding: 22px;\r\n }\r\n\r\n .country-content h3 {\r\n font-size: 23px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n SMALL MOBILE\r\n Up to 380px\r\n========================= *\/\r\n\r\n@media (max-width: 380px) {\r\n .visa-container {\r\n width: calc(100% - 24px);\r\n margin-left: 12px;\r\n margin-right: 12px;\r\n }\r\n\r\n .visa-header h2 {\r\n font-size: 28px;\r\n }\r\n\r\n .country-image {\r\n height: 190px;\r\n }\r\n\r\n .country-content {\r\n padding: 18px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n REDUCED MOTION ACCESSIBILITY\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .country-card,\r\n .country-image img,\r\n .country-link {\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-df37b7c e-con e-atomic-element e-flexbox-base e-default-div e-5dc073b \" data-id=\"df37b7c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"df37b7c\">\n \t\t<div class=\"elementor-element elementor-element-06c2bff elementor-widget elementor-widget-heading\" data-id=\"06c2bff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Investing with Vision, Building with Purpose<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-954ec47 e-con e-atomic-element e-flexbox-base e-default-div e-85aee2f \" data-id=\"954ec47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"954ec47\">\n \t\t<div class=\"elementor-element elementor-element-6036b27 elementor-widget elementor-widget-text-editor\" data-id=\"6036b27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In a rapidly evolving market, strategic thinking matters. Explore emerging opportunities, market insights, and ideas shaping the future of investment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c8a17b elementor-widget elementor-widget-html\" data-id=\"5c8a17b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Invest on Your Own Terms<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,500&family=Work+Sans:wght@400;500;600;700&display=swap');\r\n\r\n :root{\r\n --bg: #EEF0EA;\r\n --panel: #FFFFFF;\r\n --ink: #16241F;\r\n --ink-soft: #55625C;\r\n --pine: #0E3B34;\r\n --pine-light: #1F5C51;\r\n --gold: #B8863A;\r\n --coral: #C4573F;\r\n --line: #D9DCD2;\r\n --radius: 4px;\r\n }\r\n\r\n *{ box-sizing: border-box; }\r\n\r\n body{\r\n margin:0;\r\n background: var(--bg);\r\n color: var(--ink);\r\n font-family: 'Work Sans', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .wrap{\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 72px 32px 96px;\r\n }\r\n\r\n .top-row{\r\n display:flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 56px;\r\n }\r\n\r\n .brand{\r\n font-family: 'Newsreader', serif;\r\n font-size: 22px;\r\n font-weight: 500;\r\n color: #c9292e;\r\n letter-spacing: 0.2px;\r\n }\r\n\r\n .switcher{\r\n display:inline-flex;\r\n background: var(--panel);\r\n border: 1px solid var(--line);\r\n border-radius: 999px;\r\n padding: 4px;\r\n gap: 4px;\r\n }\r\n\r\n .switcher button{\r\n border: none;\r\n background: transparent;\r\n padding: 10px 22px;\r\n font-family: 'Work Sans', sans-serif;\r\n font-size: 14.5px;\r\n font-weight: 600;\r\n color: black;\r\n border-radius: 999px;\r\n cursor: pointer;\r\n transition: background 0.35s ease, color 0.35s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .switcher button.active{\r\n background: #c9292e;\r\n color: #fff;\r\n }\r\n\r\n .grid{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n }\r\n\r\n .copy h1{\r\n font-family: 'Newsreader', serif;\r\n font-weight: 500;\r\n font-size: 52px;\r\n line-height: 1.08;\r\n margin: 0 0 20px;\r\n color: black;\r\n max-width: 480px;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .copy .sub{\r\n font-size: 17px;\r\n line-height: 1.55;\r\n color: var(--ink-soft);\r\n max-width: 420px;\r\n margin: 0 0 32px;\r\n }\r\n\r\n .checklist{\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 36px;\r\n max-width: 440px;\r\n }\r\n\r\n .checklist li{\r\n display:flex;\r\n gap: 14px;\r\n align-items:flex-start;\r\n padding: 12px 0;\r\n border-top: 1px solid var(--line);\r\n font-size: 15.5px;\r\n line-height: 1.4;\r\n }\r\n .checklist li:last-child{ border-bottom: 1px solid var(--line); }\r\n\r\n .checklist .mark{\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #c9292e;\r\n color: #fff;\r\n font-size: 12px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-top: 2px;\r\n }\r\n\r\n .foreign .checklist .mark{ background: var(--coral); }\r\n\r\n .cta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 15px 30px;\r\n background: #c9292e;\r\n color: #fff;\r\n font-weight: 600;\r\n font-size: 15px;\r\n border-radius: var(--radius);\r\n text-decoration:none;\r\n border: none;\r\n cursor: pointer;\r\n transition: background 0.25s ease;\r\n }\r\n .cta:hover{ background: var(--pine-light); }\r\n .foreign .cta{ background: var(--coral); }\r\n .foreign .cta:hover{ background: #a8492f; }\r\n\r\n .footnote{\r\n margin-top: 22px;\r\n font-size: 13.5px;\r\n color: var(--ink-soft);\r\n max-width: 420px;\r\n }\r\n\r\n \/* --- Card panel --- *\/\r\n .card{\r\n background: var(--panel);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n }\r\n\r\n .card-head{\r\n padding: 28px 30px;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n\r\n .card-head .amount{\r\n font-family: 'Newsreader', serif;\r\n font-size: 34px;\r\n font-weight: 500;\r\n color: var(--ink);\r\n }\r\n .card-head .amount-label{\r\n font-size: 13.5px;\r\n color: var(--ink-soft);\r\n margin-top: 4px;\r\n }\r\n\r\n .stat-row{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .stat-row .stat{\r\n padding: 24px 30px;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n .stat-row .stat:first-child{ border-right: 1px solid var(--line); }\r\n\r\n .stat .value{\r\n font-family: 'Newsreader', serif;\r\n font-size: 24px;\r\n font-weight: 500;\r\n }\r\n .stat .label{\r\n font-size: 13px;\r\n color: var(--ink-soft);\r\n margin-top: 3px;\r\n }\r\n\r\n .donut-row{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .donut-cell{\r\n padding: 26px 30px 30px;\r\n display:flex;\r\n flex-direction: column;\r\n align-items:flex-start;\r\n gap: 14px;\r\n }\r\n .donut-cell:first-child{ border-right: 1px solid var(--line); }\r\n\r\n .donut{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position: relative;\r\n }\r\n .donut::after{\r\n content:'';\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: var(--panel);\r\n position:absolute;\r\n }\r\n\r\n .donut-cell .value{\r\n font-family: 'Newsreader', serif;\r\n font-size: 20px;\r\n font-weight: 500;\r\n }\r\n .donut-cell .label{\r\n font-size: 12.5px;\r\n color: var(--ink-soft);\r\n }\r\n\r\n .hidden{ display:none; }\r\n\r\n @media (max-width: 880px){\r\n .grid{ grid-template-columns: 1fr; gap: 44px; }\r\n .top-row{ flex-direction: column; align-items:flex-start; gap: 22px; }\r\n .copy h1{ font-size: 38px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wrap\">\r\n\r\n <div class=\"top-row\">\r\n <div class=\"brand\">Ranesa consultancy firm<\/div>\r\n <div class=\"switcher\" role=\"tablist\" aria-label=\"Investment market\">\r\n <button id=\"btn-local\" class=\"active\" role=\"tab\" aria-selected=\"true\">Local Investment<\/button>\r\n <button id=\"btn-foreign\" role=\"tab\" aria-selected=\"false\">Foreign Investment<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid\">\r\n\r\n <!-- LOCAL COPY -->\r\n <div class=\"copy\" id=\"copy-local\">\r\n <h1>Grow your money, close to home<\/h1>\r\n <p class=\"sub\">Put your savings to work in vetted local lending companies and government-backed instruments, all in taka.<\/p>\r\n <ul class=\"checklist\">\r\n <li><span class=\"mark\">\u2713<\/span> Start with a ready-made local portfolio in minutes<\/li>\r\n <li><span class=\"mark\">\u2713<\/span> Track every disbursement in BDT, no conversion guesswork<\/li>\r\n <li><span class=\"mark\">\u2713<\/span> Choose your own lending partners and terms<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"cta\">Start local investing<\/a>\r\n <p class=\"footnote\">Deposits are held with BB-regulated partners. Past returns don't guarantee future ones.<\/p>\r\n <\/div>\r\n\r\n <!-- FOREIGN COPY -->\r\n <div class=\"copy foreign hidden\" id=\"copy-foreign\">\r\n <h1>Take your portfolio abroad<\/h1>\r\n <p class=\"sub\">Access lending markets across Europe and Asia, diversify currencies, and hedge beyond the local economy.<\/p>\r\n <ul class=\"checklist\">\r\n <li><span class=\"mark\">\u2713<\/span> Diversify into EUR and USD-denominated notes<\/li>\r\n <li><span class=\"mark\">\u2713<\/span> Pick from 20+ international lending originators<\/li>\r\n <li><span class=\"mark\">\u2713<\/span> Full FX and remittance handled for you<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"cta\">Explore foreign markets<\/a>\r\n <p class=\"footnote\">Foreign investment is subject to Bangladesh Bank remittance limits and FX risk.<\/p>\r\n <\/div>\r\n\r\n <!-- CARD: LOCAL -->\r\n <div class=\"card\" id=\"card-local\">\r\n <div class=\"card-head\">\r\n <div class=\"amount\">\u09f3 3,42,850<\/div>\r\n <div class=\"amount-label\">61 active investments<\/div>\r\n <\/div>\r\n <div class=\"stat-row\">\r\n <div class=\"stat\">\r\n <div class=\"value\">11.4%<\/div>\r\n <div class=\"label\">Avg. interest rate<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"value\">8m. 12d.<\/div>\r\n <div class=\"label\">Avg. remaining term<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"donut-row\">\r\n <div class=\"donut-cell\">\r\n <div class=\"donut\" style=\"background: conic-gradient(var(--pine) 0% 70%, var(--pine-light) 70% 90%, var(--gold) 90% 100%);\"><\/div>\r\n <div>\r\n <div class=\"value\">14<\/div>\r\n <div class=\"label\">Lending partners<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"donut-cell\">\r\n <div class=\"donut\" style=\"background: conic-gradient(var(--pine) 0% 92%, var(--gold) 92% 100%);\"><\/div>\r\n <div>\r\n <div class=\"value\">92%<\/div>\r\n <div class=\"label\">Performing on schedule<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD: FOREIGN -->\r\n <div class=\"card hidden\" id=\"card-foreign\">\r\n <div class=\"card-head\">\r\n <div class=\"amount\">\u20ac 2,842.74<\/div>\r\n <div class=\"amount-label\">94 active investments<\/div>\r\n <\/div>\r\n <div class=\"stat-row\">\r\n <div class=\"stat\">\r\n <div class=\"value\">9.73%<\/div>\r\n <div class=\"label\">Avg. interest rate<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"value\">12m. 23d.<\/div>\r\n <div class=\"label\">Avg. remaining term<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"donut-row\">\r\n <div class=\"donut-cell\">\r\n <div class=\"donut\" style=\"background: conic-gradient(var(--coral) 0% 68%, var(--pine) 68% 88%, var(--gold) 88% 100%);\"><\/div>\r\n <div>\r\n <div class=\"value\">24<\/div>\r\n <div class=\"label\">Lending companies<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"donut-cell\">\r\n <div class=\"donut\" style=\"background: conic-gradient(var(--coral) 0% 89%, var(--gold) 89% 100%);\"><\/div>\r\n <div>\r\n <div class=\"value\">89%<\/div>\r\n <div class=\"label\">Current<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const btnLocal = document.getElementById('btn-local');\r\n const btnForeign = document.getElementById('btn-foreign');\r\n const copyLocal = document.getElementById('copy-local');\r\n const copyForeign = document.getElementById('copy-foreign');\r\n const cardLocal = document.getElementById('card-local');\r\n const cardForeign = document.getElementById('card-foreign');\r\n\r\n function showLocal(){\r\n btnLocal.classList.add('active');\r\n btnForeign.classList.remove('active');\r\n btnLocal.setAttribute('aria-selected','true');\r\n btnForeign.setAttribute('aria-selected','false');\r\n copyLocal.classList.remove('hidden');\r\n copyForeign.classList.add('hidden');\r\n cardLocal.classList.remove('hidden');\r\n cardForeign.classList.add('hidden');\r\n }\r\n\r\n function showForeign(){\r\n btnForeign.classList.add('active');\r\n btnLocal.classList.remove('active');\r\n btnForeign.setAttribute('aria-selected','true');\r\n btnLocal.setAttribute('aria-selected','false');\r\n copyForeign.classList.remove('hidden');\r\n copyLocal.classList.add('hidden');\r\n cardForeign.classList.remove('hidden');\r\n cardLocal.classList.add('hidden');\r\n }\r\n\r\n btnLocal.addEventListener('click', showLocal);\r\n btnForeign.addEventListener('click', showForeign);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-50e7767 e-con e-atomic-element e-flexbox-base e-default-div e-d88f5ac \" data-id=\"50e7767\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"50e7767\">\n \t\t<div class=\"elementor-element elementor-element-874e994 elementor-widget elementor-widget-html\" data-id=\"874e994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Job Service<\/title>\r\n\r\n<style>\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:Arial, Helvetica, sans-serif;\r\n background:#f4f7fb;\r\n color:#172033;\r\n}\r\n\r\n\/* SECTION *\/\r\n.job-section{\r\n padding:90px 20px;\r\n}\r\n\r\n.job-container{\r\n max-width:1200px;\r\n margin:auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:70px;\r\n}\r\n\r\n\/* LEFT *\/\r\n.job-content{\r\n width:50%;\r\n}\r\n\r\n.tag{\r\n display:inline-block;\r\n padding:8px 18px;\r\n margin-bottom:20px;\r\n color:#c9292e;\r\n border-radius:50px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n.job-content h1{\r\n font-size:48px;\r\n line-height:1.15;\r\n margin-bottom:20px;\r\n color:black;\r\n}\r\n\r\n.description{\r\n max-width:560px;\r\n color:black;\r\n font-size:17px;\r\n line-height:1.8;\r\n margin-bottom:28px;\r\n}\r\n\r\n\/* FEATURES *\/\r\n.features{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:15px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.features li{\r\n display:flex;\r\n align-items:center;\r\n\r\n color:black;\r\n font-size:15px;\r\n font-weight:600;\r\n}\r\n\r\n.check{\r\n width:27px;\r\n height:27px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-right:10px;\r\n background:#dcfce7;\r\n color:#c9292e;\r\n border-radius:50%;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.buttons{\r\n display:flex;\r\n gap:15px;\r\n}\r\n\r\n.btn{\r\n padding:14px 28px;\r\n border-radius:9px;\r\n text-decoration:none;\r\n font-size:15px;\r\n font-weight:700;\r\n transition:.3s;\r\n}\r\n\r\n.primary{\r\n background:#c9292e;\r\n color:#fff;\r\n box-shadow:0 10px 25px rgba(37,99,235,.25);\r\n}\r\n\r\n.primary:hover{\r\n background:#c9292e;\r\n transform:translateY(-3px);\r\n}\r\n\r\n.secondary{\r\n background:#fff;\r\n color:black;\r\n border:1px solid #dbe4f0;\r\n}\r\n\r\n.secondary:hover{\r\n border-color:#c9292e;\r\n}\r\n\r\n\/* RIGHT IMAGE *\/\r\n.job-image{\r\n width:50%;\r\n position:relative;\r\n}\r\n\r\n.image-card{\r\n padding:10px;\r\n background:#fff;\r\n border-radius:25px;\r\n box-shadow:0 25px 60px rgba(15,23,42,.16);\r\n overflow:hidden;\r\n}\r\n\r\n.image-card img{\r\n width:100%;\r\n height:450px;\r\n display:block;\r\n object-fit:cover;\r\n border-radius:18px;\r\n}\r\n\r\n\/* BADGE *\/\r\n.success{\r\n position:absolute;\r\n\r\n left:-30px;\r\n bottom:30px;\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:14px 20px;\r\n background:#fff;\r\n border-radius:15px;\r\n box-shadow:0 15px 35px rgba(15,23,42,.16);\r\n}\r\n\r\n.success-icon{\r\n width:45px;\r\n height:45px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n background:#dcfce7;\r\n color:#c9292e;\r\n border-radius:50%;\r\n font-size:20px;\r\n}\r\n\r\n.success strong{\r\n display:block;\r\n\r\n font-size:15px;\r\n color:#111827;\r\n\r\n margin-bottom:4px;\r\n}\r\n\r\n.success span{\r\n color:#64748b;\r\n font-size:12px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n\r\n .job-container{\r\n flex-direction:column;\r\n gap:50px;\r\n }\r\n\r\n .job-content,\r\n .job-image{\r\n width:100%;\r\n }\r\n\r\n .job-content{\r\n text-align:center;\r\n }\r\n\r\n .description{\r\n margin-left:auto;\r\n margin-right:auto;\r\n }\r\n\r\n .features{\r\n text-align:left;\r\n }\r\n\r\n .buttons{\r\n justify-content:center;\r\n }\r\n\r\n .success{\r\n left:15px;\r\n }\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n .job-section{\r\n padding:60px 15px;\r\n }\r\n\r\n .job-content h1{\r\n font-size:35px;\r\n }\r\n\r\n .description{\r\n font-size:15px;\r\n }\r\n\r\n .features{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .image-card img{\r\n height:300px;\r\n }\r\n\r\n .success{\r\n left:10px;\r\n bottom:15px;\r\n padding:10px 13px;\r\n }\r\n\r\n .success-icon{\r\n width:38px;\r\n height:38px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"job-section\">\r\n\r\n<div class=\"job-container\">\r\n\r\n <!-- LEFT CONTENT -->\r\n <div class=\"job-content\">\r\n\r\n <span class=\"tag\">\r\n JOB OPORTUNITY\r\n <\/span>\r\n\r\n <h1>\r\n Build Your Career\r\n <span>With Confidence<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n Get complete job preparation support from experienced\r\n mentors. Prepare yourself for written exams, viva boards,\r\n interviews and your next career opportunity.\r\n <\/p>\r\n\r\n <ul class=\"features\">\r\n\r\n <li>\r\n <span class=\"check\">\u2713<\/span>\r\n Viva Board Preparation\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"check\">\u2713<\/span>\r\n Mock Interview\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"check\">\u2713<\/span>\r\n Career Guidance\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"check\">\u2713<\/span>\r\n CV Preparation\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <div class=\"buttons\">\r\n\r\n <a href=\"#\" class=\"btn primary\">\r\n Get Started \u2192\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"btn secondary\">\r\n Learn More\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- RIGHT REAL IMAGE -->\r\n <div class=\"job-image\">\r\n\r\n <div class=\"image-card\">\r\n\r\n<div class=\"image-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85\"\r\n alt=\"Job Interview\">\r\n<\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"success\">\r\n\r\n <div class=\"success-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n <strong>10K+ Students<\/strong>\r\n <span>Successfully Prepared<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ab76731 e-con e-atomic-element e-flexbox-base e-default-div e-2111f2b \" data-id=\"ab76731\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab76731\">\n \t\t<div class=\"elementor-element elementor-element-161423e elementor-widget elementor-widget-html\" data-id=\"161423e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Electric Products | Ranesa Pvt Ltd<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* Everything is scoped to .ep-section so your header\/footer are not affected *\/\r\n .ep-section,\r\n .ep-section *,\r\n .ep-section *::before,\r\n .ep-section *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .ep-section {\r\n --ep-red: #c9292e;\r\n --ep-red-dark: #a91f28;\r\n --ep-red-soft: #ff7777;\r\n --ep-ink: #111111;\r\n --ep-text: #5b5b63;\r\n --ep-line: #e8e8ec;\r\n --ep-bg: #f6f6f8;\r\n --ep-star: #f5a623;\r\n --ep-side: 120px;\r\n\r\n width: 100%;\r\n padding: 100px var(--ep-side);\r\n background: var(--ep-bg);\r\n font-family: \"DM Sans\", Arial, Helvetica, sans-serif;\r\n color: var(--ep-ink);\r\n }\r\n\r\n .ep-section button { font-family: inherit; cursor: pointer; }\r\n .ep-section input,\r\n .ep-section textarea { font-family: inherit; }\r\n\r\n .ep-inner {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ---------- Heading ---------- *\/\r\n\r\n .ep-head {\r\n max-width: 720px;\r\n margin-bottom: 52px;\r\n }\r\n\r\n .ep-label {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n padding: 4px 0;\r\n background: none;\r\n color: #c9292e;\r\n border-left: none;\r\n border-radius: 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n letter-spacing: 1.6px;\r\n line-height: 1.4;\r\n text-transform: uppercase;\r\n box-shadow: none;\r\n }\r\n\r\n .ep-title {\r\n font-size: clamp(30px, 4.2vw, 46px);\r\n line-height: 1.12;\r\n font-weight: 700;\r\n color: var(--ep-ink);\r\n }\r\n\r\n .ep-desc {\r\n margin-top: 20px;\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: var(--ep-text);\r\n }\r\n\r\n \/* ---------- Grid ---------- *\/\r\n\r\n .ep-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 22px;\r\n }\r\n\r\n .ep-card {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n overflow: hidden;\r\n background: #ffffff;\r\n border: 1px solid var(--ep-line);\r\n border-radius: 6px;\r\n transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n @media (hover: hover) {\r\n .ep-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(201, 41, 46, 0.35);\r\n box-shadow: 0 18px 38px rgba(0, 0, 0, 0.09);\r\n }\r\n\r\n .ep-card:hover .ep-photo img {\r\n transform: scale(1.05);\r\n }\r\n }\r\n\r\n \/* ---------- Product image ---------- *\/\r\n\r\n .ep-photo {\r\n position: relative;\r\n aspect-ratio: 1 \/ 1;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 30% 25%, rgba(201, 41, 46, 0.16), transparent 60%),\r\n linear-gradient(135deg, #fbecec, #f1f1f5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n }\r\n\r\n .ep-default {\r\n width: 96px;\r\n height: 96px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n color: var(--ep-red);\r\n box-shadow: 0 10px 26px rgba(201, 41, 46, 0.18);\r\n }\r\n\r\n .ep-default svg {\r\n width: 46px;\r\n height: 46px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .ep-photo img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n padding: 14px;\r\n background: #ffffff;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .ep-tag {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n z-index: 2;\r\n padding: 5px 10px;\r\n border-radius: 3px;\r\n background: var(--ep-red);\r\n color: #ffffff;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.6px;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ---------- Product body ---------- *\/\r\n\r\n .ep-body {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n padding: 20px 20px 22px;\r\n }\r\n\r\n .ep-cat {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--ep-red);\r\n }\r\n\r\n .ep-name {\r\n margin-top: 6px;\r\n font-size: 18px;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n color: var(--ep-ink);\r\n cursor: pointer;\r\n }\r\n\r\n .ep-name:hover { color: var(--ep-red); }\r\n\r\n .ep-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 10px;\r\n }\r\n\r\n .ep-stars {\r\n position: relative;\r\n display: inline-block;\r\n font-size: 15px;\r\n line-height: 1;\r\n letter-spacing: 2px;\r\n color: #d6d6dc;\r\n }\r\n\r\n .ep-stars span {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n color: var(--ep-star);\r\n }\r\n\r\n .ep-score {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--ep-ink);\r\n }\r\n\r\n .ep-reviews {\r\n font-size: 13px;\r\n color: var(--ep-text);\r\n }\r\n\r\n .ep-text {\r\n margin-top: 12px;\r\n font-size: 14px;\r\n line-height: 1.65;\r\n color: var(--ep-text);\r\n }\r\n\r\n .ep-specs {\r\n margin: 14px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n .ep-specs li {\r\n position: relative;\r\n padding-left: 18px;\r\n margin-top: 6px;\r\n font-size: 13.5px;\r\n line-height: 1.5;\r\n color: var(--ep-ink);\r\n }\r\n\r\n .ep-specs li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--ep-red);\r\n }\r\n\r\n .ep-buy {\r\n margin-top: auto;\r\n padding-top: 20px;\r\n }\r\n\r\n .ep-price-row {\r\n display: flex;\r\n align-items: baseline;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--ep-line);\r\n }\r\n\r\n .ep-price {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--ep-ink);\r\n }\r\n\r\n .ep-old {\r\n font-size: 14px;\r\n color: #9a9aa3;\r\n text-decoration: line-through;\r\n }\r\n\r\n \/* ---------- Buttons ---------- *\/\r\n\r\n .ep-btn {\r\n display: block;\r\n margin-top: 14px;\r\n padding: 13px 18px;\r\n border: 0;\r\n border-radius: 4px;\r\n background: linear-gradient(135deg, var(--ep-red), var(--ep-red-dark));\r\n color: #ffffff;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .ep-btn:focus-visible,\r\n .ep-btn-outline:focus-visible {\r\n outline: 2px solid var(--ep-ink);\r\n outline-offset: 3px;\r\n }\r\n\r\n @media (hover: hover) {\r\n .ep-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(201, 41, 46, 0.32);\r\n }\r\n }\r\n\r\n .ep-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n margin-top: 12px;\r\n }\r\n\r\n .ep-actions .ep-btn,\r\n .ep-actions .ep-btn-outline {\r\n margin-top: 0;\r\n padding: 10px 14px;\r\n width: 100%;\r\n }\r\n\r\n .ep-btn-outline {\r\n display: block;\r\n padding: 10px 14px;\r\n border: 1.5px solid var(--ep-red);\r\n border-radius: 4px;\r\n background: #ffffff;\r\n color: var(--ep-red);\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n text-align: center;\r\n transition: background 0.25s ease, color 0.25s ease;\r\n }\r\n\r\n @media (hover: hover) {\r\n .ep-btn-outline:hover {\r\n background: var(--ep-red);\r\n color: #ffffff;\r\n }\r\n }\r\n\r\n \/* ---------- CTA bar ---------- *\/\r\n\r\n .ep-cta {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-top: 48px;\r\n padding: 34px 40px;\r\n border-radius: 6px;\r\n background: #0F3256;\r\n border-left: 4px solid var(--ep-red);\r\n }\r\n\r\n .ep-cta-title {\r\n font-size: 22px;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n color: #ffffff;\r\n }\r\n\r\n .ep-cta-text {\r\n margin-top: 6px;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .ep-cta .ep-btn {\r\n flex-shrink: 0;\r\n margin-top: 0;\r\n padding: 15px 28px;\r\n }\r\n\r\n \/* ---------- Overlay \/ Modal ---------- *\/\r\n\r\n .ep-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: none;\r\n background: rgba(0, 0, 0, 0.55);\r\n }\r\n\r\n .ep-overlay.ep-open { display: flex; }\r\n\r\n .ep-modal-wrap {\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .ep-modal {\r\n position: relative;\r\n width: 100%;\r\n max-width: 900px;\r\n max-height: 92vh;\r\n overflow-y: auto;\r\n background: #ffffff;\r\n border-radius: 8px;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n .ep-modal.ep-small { max-width: 520px; }\r\n\r\n .ep-close {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n z-index: 5;\r\n width: 38px;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 0;\r\n border-radius: 50%;\r\n background: #f1f1f4;\r\n color: var(--ep-ink);\r\n font-size: 22px;\r\n line-height: 1;\r\n }\r\n\r\n .ep-close:hover { background: var(--ep-red); color: #ffffff; }\r\n\r\n \/* details modal *\/\r\n\r\n .ep-detail {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .ep-detail-photo {\r\n position: relative;\r\n min-height: 320px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background:\r\n radial-gradient(circle at 30% 25%, rgba(201, 41, 46, 0.16), transparent 60%),\r\n linear-gradient(135deg, #fbecec, #f1f1f5);\r\n }\r\n\r\n .ep-detail-photo img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n padding: 24px;\r\n background: #ffffff;\r\n }\r\n\r\n .ep-detail-info { padding: 36px 32px 32px; }\r\n\r\n .ep-detail-info .ep-name { cursor: default; font-size: 24px; }\r\n .ep-detail-info .ep-name:hover { color: var(--ep-ink); }\r\n\r\n .ep-detail-info .ep-text { font-size: 15px; }\r\n\r\n .ep-detail-info .ep-price-row { margin-top: 22px; }\r\n .ep-detail-info .ep-price { font-size: 28px; }\r\n\r\n .ep-stock {\r\n margin-top: 10px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #1b8a4b;\r\n }\r\n\r\n .ep-qty-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-top: 20px;\r\n }\r\n\r\n .ep-qty-label { font-size: 14px; font-weight: 600; }\r\n\r\n .ep-qty {\r\n display: inline-flex;\r\n align-items: center;\r\n border: 1px solid var(--ep-line);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n }\r\n\r\n .ep-qty button {\r\n width: 36px;\r\n height: 36px;\r\n border: 0;\r\n background: #f6f6f8;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--ep-ink);\r\n }\r\n\r\n .ep-qty button:hover { background: var(--ep-red); color: #ffffff; }\r\n\r\n .ep-qty span {\r\n min-width: 42px;\r\n text-align: center;\r\n font-size: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n \/* checkout *\/\r\n\r\n .ep-checkout { padding: 34px 30px 30px; }\r\n\r\n .ep-checkout h3 { font-size: 22px; font-weight: 700; padding-right: 40px; }\r\n\r\n .ep-sum {\r\n margin-top: 18px;\r\n padding: 14px 16px;\r\n border-radius: 4px;\r\n background: var(--ep-bg);\r\n font-size: 14px;\r\n }\r\n\r\n .ep-sum-line {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 4px 0;\r\n color: var(--ep-text);\r\n }\r\n\r\n .ep-sum-total {\r\n margin-top: 8px;\r\n padding-top: 10px;\r\n border-top: 1px solid var(--ep-line);\r\n color: var(--ep-ink);\r\n font-weight: 700;\r\n font-size: 16px;\r\n }\r\n\r\n .ep-field { margin-top: 16px; }\r\n\r\n .ep-field label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n\r\n .ep-field input,\r\n .ep-field textarea {\r\n width: 100%;\r\n padding: 12px 14px;\r\n border: 1px solid #d6d6dc;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n color: var(--ep-ink);\r\n background: #ffffff;\r\n }\r\n\r\n .ep-field textarea { resize: vertical; min-height: 80px; }\r\n\r\n .ep-field input:focus,\r\n .ep-field textarea:focus {\r\n outline: none;\r\n border-color: var(--ep-red);\r\n box-shadow: 0 0 0 3px rgba(201, 41, 46, 0.12);\r\n }\r\n\r\n .ep-field.ep-bad input,\r\n .ep-field.ep-bad textarea { border-color: var(--ep-red); }\r\n\r\n .ep-err {\r\n display: none;\r\n margin-top: 5px;\r\n font-size: 12px;\r\n color: var(--ep-red);\r\n }\r\n\r\n .ep-field.ep-bad .ep-err { display: block; }\r\n\r\n .ep-note {\r\n margin-top: 14px;\r\n font-size: 12.5px;\r\n line-height: 1.6;\r\n color: var(--ep-text);\r\n }\r\n\r\n .ep-checkout .ep-btn { width: 100%; margin-top: 18px; }\r\n\r\n\r\n \/* toast *\/\r\n\r\n .ep-toast {\r\n position: fixed;\r\n left: 50%;\r\n bottom: 28px;\r\n z-index: 1200;\r\n padding: 12px 22px;\r\n border-radius: 4px;\r\n background: var(--ep-ink);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 600;\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: translate(-50%, 20px);\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .ep-toast.ep-show {\r\n opacity: 1;\r\n transform: translate(-50%, 0);\r\n }\r\n\r\n body.ep-lock { overflow: hidden; }\r\n\r\n \/* ---------- Responsive ---------- *\/\r\n\r\n @media (max-width: 1200px) {\r\n .ep-section { --ep-side: 60px; }\r\n }\r\n\r\n @media (max-width: 1100px) {\r\n .ep-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .ep-section { --ep-side: 40px; padding-top: 80px; padding-bottom: 80px; }\r\n .ep-detail { grid-template-columns: 1fr; }\r\n .ep-detail-photo { min-height: 260px; }\r\n .ep-detail-info { padding: 26px 22px 26px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .ep-section { --ep-side: 20px; padding-top: 65px; padding-bottom: 65px; }\r\n\r\n .ep-head { margin-bottom: 36px; }\r\n .ep-desc { font-size: 15px; line-height: 1.7; }\r\n .ep-label { font-size: 10px; letter-spacing: 1.4px; }\r\n\r\n .ep-grid { grid-template-columns: 1fr; gap: 16px; }\r\n\r\n .ep-cta {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 28px 24px;\r\n margin-top: 36px;\r\n }\r\n\r\n .ep-cta .ep-btn { width: 100%; }\r\n .ep-checkout { padding: 28px 20px 24px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .ep-section { --ep-side: 16px; }\r\n .ep-modal-wrap { padding: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"ep-section\" id=\"electric-products\">\r\n <div class=\"ep-inner\">\r\n\r\n <div class=\"ep-head\">\r\n <div class=\"ep-label\">Ranesa Electric Products<\/div>\r\n\r\n <h2 class=\"ep-title\">Reliable Electric Products For Home & Business.<\/h2>\r\n\r\n <p class=\"ep-desc\">\r\n Choose from our electric products with clear details, price and customer\r\n rating. View details or buy now, and we will confirm stock and delivery.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ep-grid\" id=\"ep-grid\"><\/div>\r\n\r\n <div class=\"ep-cta\">\r\n <div>\r\n <h3 class=\"ep-cta-title\">Looking for a specific product?<\/h3>\r\n <p class=\"ep-cta-text\">Send us the product name and quantity. We will get back to you.<\/p>\r\n <\/div>\r\n <a class=\"ep-btn\" href=\"https:\/\/ranesapvtbd.com\/?page_id=156\">Get Consultation \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Product details modal -->\r\n <div class=\"ep-overlay ep-modal-wrap\" id=\"ep-details-ov\">\r\n <div class=\"ep-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Product details\">\r\n <button type=\"button\" class=\"ep-close\" data-close aria-label=\"Close\">\u00d7<\/button>\r\n <div class=\"ep-detail\" id=\"ep-details\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Checkout modal -->\r\n <div class=\"ep-overlay ep-modal-wrap\" id=\"ep-checkout-ov\">\r\n <div class=\"ep-modal ep-small\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Checkout\">\r\n <button type=\"button\" class=\"ep-close\" data-close aria-label=\"Close\">\u00d7<\/button>\r\n <div class=\"ep-checkout\" id=\"ep-checkout\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ep-toast\" id=\"ep-toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/* =====================================================\r\n EDIT YOUR PRODUCTS HERE\r\n - image : path or full URL of the ORIGINAL product photo.\r\n Leave it \"\" (empty) to show the default illustration (icon)\r\n - price : number in BDT (use oldPrice for a crossed-out price, or leave it out)\r\n - rating : 0 to 5 (decimals allowed), reviews: number of reviews\r\n - tag : small red badge (optional, e.g. \"New\", \"Best Seller\")\r\n NOTE: the values below are SAMPLE data. Replace with your real details.\r\n ===================================================== *\/\r\n\r\n var WHATSAPP = \"8801721301057\"; \/* orders are sent to this number after checkout *\/\r\n\r\n var icons = {\r\n bulb: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 18h6M10 21h4\"\/><path d=\"M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2V16h5v-.1c0-.8.4-1.5 1-2A6 6 0 0 0 12 3z\"\/><\/svg>',\r\n fan: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"1.8\"\/><path d=\"M12 10.2C12 6 10.5 3 8 3c-2 0-2.5 3 0 5.2 1 .9 2.3 1.5 4 2z\"\/><path d=\"M13.8 12c4.2 0 7.2-1.5 7.2-4 0-2-3-2.5-5.2 0-.9 1-1.5 2.3-2 4z\"\/><path d=\"M12 13.8c0 4.2 1.5 7.2 4 7.2 2 0 2.5-3 0-5.2-1-.9-2.3-1.5-4-2z\"\/><path d=\"M10.2 12C6 12 3 13.5 3 16c0 2 3 2.5 5.2 0 .9-1 1.5-2.3 2-4z\"\/><\/svg>',\r\n kettle: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 9h10l-1 11H7L6 9z\"\/><path d=\"M16 11h2.5a2 2 0 0 1 0 4h-3\"\/><path d=\"M8 9V6a3 3 0 0 1 6 0v3\"\/><\/svg>',\r\n battery: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M21 10.5v3\"\/><path d=\"M11.5 9.5 9.5 12.5h3l-2 3\"\/><\/svg>',\r\n plug: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 3v4M15 3v4\"\/><path d=\"M6 7h12v4a6 6 0 0 1-12 0V7z\"\/><path d=\"M12 17v4\"\/><\/svg>',\r\n trimmer: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"18\" rx=\"3\"\/><path d=\"M12 7v3\"\/><path d=\"M9 15h6\"\/><\/svg>',\r\n headphones: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 14v-2a8 8 0 0 1 16 0v2\"\/><rect x=\"3\" y=\"14\" width=\"4\" height=\"6\" rx=\"1.5\"\/><rect x=\"17\" y=\"14\" width=\"4\" height=\"6\" rx=\"1.5\"\/><\/svg>',\r\n bolt: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8z\"\/><\/svg>'\r\n };\r\n\r\n var products = [\r\n {\r\n name: \"LED Smart Bulb 12W\",\r\n category: \"LED Lighting\",\r\n image: \"https:\/\/m.media-amazon.com\/images\/I\/51yBOvORkPL.jpg\", icon: \"bulb\",\r\n description: \"Bright, energy saving bulb for living rooms, shops and offices.\",\r\n specs: [\"12W, 1200 lumens\", \"Cool white light\", \"Long life LED\"],\r\n price: 450, oldPrice: 550, rating: 4.6, reviews: 128, tag: \"Best Seller\"\r\n },\r\n {\r\n name: \"Ceiling Fan 56 inch\",\r\n category: \"Fans & Cooling\",\r\n image: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcS8sCLuchkx71w0AeQ8gSVzH8xtowwsCsMmDUrMusBZHQ&s\", icon: \"fan\",\r\n description: \"Quiet, steady airflow that suits bedrooms and large rooms.\",\r\n specs: [\"56 inch sweep\", \"5 speed control\", \"Low power use\"],\r\n price: 4200, oldPrice: 4800, rating: 4.5, reviews: 86\r\n },\r\n {\r\n name: \"Electric Kettle 1.8L\",\r\n category: \"Kitchen Appliances\",\r\n image: \"https:\/\/www.estorejamuna.com\/uploads\/products\/736\/17376055381.jpg\", icon: \"kettle\",\r\n description: \"Boils water fast, with auto shut off for safe daily use.\",\r\n specs: [\"1.8 litre capacity\", \"Stainless steel body\", \"Auto shut off\"],\r\n price: 1850, rating: 4.4, reviews: 64, tag: \"New\"\r\n },\r\n {\r\n name: \"Power Bank 20000mAh\",\r\n category: \"Power Banks & Chargers\",\r\n image: \"https:\/\/admin.techshopbd.com\/uploads\/product\/ugreen-pb720-20000mah-100w-power-bank_01_20260723_113750.webp\", icon: \"battery\",\r\n description: \"Big capacity power bank to charge phones several times.\",\r\n specs: [\"20000mAh battery\", \"Fast charging\", \"Dual USB output\"],\r\n price: 2400, oldPrice: 2800, rating: 4.7, reviews: 212\r\n },\r\n {\r\n name: \"Extension Board 4 Socket\",\r\n category: \"Plugs & Switches\",\r\n image: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcRGA1piGr_b326oz_KmojP01j1RPpX2zNhWVrlvit7RZhwl1q2qO_IsGWE&s=10\", icon: \"plug\",\r\n description: \"Safe multi socket board with surge protection and long cable.\",\r\n specs: [\"4 sockets + switch\", \"Surge protection\", \"3 metre cable\"],\r\n price: 780, rating: 4.3, reviews: 57\r\n },\r\n {\r\n name: \"Hair Trimmer Pro\",\r\n category: \"Personal Care\",\r\n image: \"https:\/\/img.drz.lazcdn.com\/static\/bd\/p\/6fe1d57defb869099ee2ca6850a1323c.png_720x720q80.png\", icon: \"trimmer\",\r\n description: \"Cordless trimmer with sharp blades for clean and easy grooming.\",\r\n specs: [\"Rechargeable\", \"Adjustable length\", \"USB charging\"],\r\n price: 1350, oldPrice: 1600, rating: 4.5, reviews: 94\r\n },\r\n {\r\n name: \"Wireless Headphones\",\r\n category: \"Audio & Gadgets\",\r\n image: \"https:\/\/smartdeal.com.bd\/public\/uploads\/all\/Tw44OSbwV2hRRCzofs3DmSeA5fgtafythGslCZH1.webp\", icon: \"headphones\",\r\n description: \"Comfortable wireless headphones for calls, music and travel.\",\r\n specs: [\"Bluetooth 5.0\", \"Up to 20 hours play\", \"Built in mic\"],\r\n price: 2950, rating: 4.4, reviews: 73\r\n },\r\n {\r\n name: \"Copper Wire 90m Roll\",\r\n category: \"Wiring & Accessories\",\r\n image: \"https:\/\/ke.jumia.is\/unsafe\/fit-in\/500x500\/filters:fill(white)\/product\/40\/1259723\/1.jpg?2604\", icon: \"bolt\",\r\n description: \"Durable copper wire for home and office electrical wiring.\",\r\n specs: [\"Pure copper core\", \"Heat resistant cover\", \"90 metre roll\"],\r\n price: 5200, rating: 4.6, reviews: 41\r\n }\r\n ];\r\n\r\n \/* =====================================================\r\n Shop logic (no need to edit below)\r\n ===================================================== *\/\r\n\r\n (function () {\r\n var grid = document.getElementById(\"ep-grid\");\r\n if (!grid) return;\r\n\r\n var checkoutItems = []; \/* [{i, q}] used by checkout *\/\r\n var detailIndex = 0;\r\n var detailQty = 1;\r\n\r\n var $ = function (id) { return document.getElementById(id); };\r\n var detailsOv = $(\"ep-details-ov\");\r\n var checkoutOv = $(\"ep-checkout-ov\");\r\n\r\n \/* ---------- helpers ---------- *\/\r\n\r\n function esc(text) {\r\n var div = document.createElement(\"div\");\r\n div.textContent = text == null ? \"\" : String(text);\r\n return div.innerHTML.replace(\/\"\/g, \""\");\r\n }\r\n\r\n function money(n) {\r\n return \"\u09f3 \" + Number(n).toLocaleString(\"en-US\");\r\n }\r\n\r\n function toast(msg) {\r\n var t = $(\"ep-toast\");\r\n t.textContent = msg;\r\n t.classList.add(\"ep-show\");\r\n clearTimeout(toast.timer);\r\n toast.timer = setTimeout(function () { t.classList.remove(\"ep-show\"); }, 2200);\r\n }\r\n\r\n function openOv(el) {\r\n el.classList.add(\"ep-open\");\r\n document.body.classList.add(\"ep-lock\");\r\n }\r\n\r\n function closeOv(el) {\r\n el.classList.remove(\"ep-open\");\r\n if (!document.querySelector(\".ep-overlay.ep-open\")) {\r\n document.body.classList.remove(\"ep-lock\");\r\n }\r\n }\r\n\r\n function closeAll() {\r\n [detailsOv, checkoutOv].forEach(closeOv);\r\n }\r\n\r\n function stars(p) {\r\n var pct = Math.max(0, Math.min(5, Number(p.rating) || 0)) \/ 5 * 100;\r\n return '<div class=\"ep-rating\" aria-label=\"Rated ' + esc(p.rating) + ' out of 5\">' +\r\n '<span class=\"ep-stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<span style=\"width:' + pct + '%\">\u2605\u2605\u2605\u2605\u2605<\/span><\/span>' +\r\n '<span class=\"ep-score\">' + Number(p.rating).toFixed(1) + \"<\/span>\" +\r\n '<span class=\"ep-reviews\">(' + esc(p.reviews) + \")<\/span>\" +\r\n \"<\/div>\";\r\n }\r\n\r\n function priceRow(p) {\r\n return '<div class=\"ep-price-row\">' +\r\n '<span class=\"ep-price\">' + money(p.price) + \"<\/span>\" +\r\n (p.oldPrice ? '<span class=\"ep-old\">' + money(p.oldPrice) + \"<\/span>\" : \"\") +\r\n \"<\/div>\";\r\n }\r\n\r\n function photo(p, cls) {\r\n return '<span class=\"ep-default\">' + (icons[p.icon] || icons.bolt) + \"<\/span>\" +\r\n (p.image\r\n ? '<img decoding=\"async\" src=\"' + esc(p.image) + '\" alt=\"' + esc(p.name) + '\" loading=\"lazy\" ' +\r\n 'onerror=\"this.style.display=\\'none\\'\">'\r\n : \"\");\r\n }\r\n\r\n \/* ---------- product cards ---------- *\/\r\n\r\n function card(p, i) {\r\n var specs = (p.specs || []).map(function (s) {\r\n return \"<li>\" + esc(s) + \"<\/li>\";\r\n }).join(\"\");\r\n\r\n return (\r\n '<article class=\"ep-card\">' +\r\n '<div class=\"ep-photo\" data-details=\"' + i + '\">' +\r\n (p.tag ? '<span class=\"ep-tag\">' + esc(p.tag) + \"<\/span>\" : \"\") +\r\n photo(p) +\r\n \"<\/div>\" +\r\n '<div class=\"ep-body\">' +\r\n '<span class=\"ep-cat\">' + esc(p.category) + \"<\/span>\" +\r\n '<h3 class=\"ep-name\" data-details=\"' + i + '\">' + esc(p.name) + \"<\/h3>\" +\r\n stars(p) +\r\n '<p class=\"ep-text\">' + esc(p.description) + \"<\/p>\" +\r\n '<ul class=\"ep-specs\">' + specs + \"<\/ul>\" +\r\n '<div class=\"ep-buy\">' +\r\n priceRow(p) +\r\n '<div class=\"ep-actions\">' +\r\n '<button type=\"button\" class=\"ep-btn-outline\" data-details=\"' + i + '\">Product Details<\/button>' +\r\n '<button type=\"button\" class=\"ep-btn\" data-buy=\"' + i + '\">Buy Now<\/button>' +\r\n \"<\/div>\" +\r\n \"<\/div>\" +\r\n \"<\/div>\" +\r\n \"<\/article>\"\r\n );\r\n }\r\n\r\n grid.innerHTML = products.map(card).join(\"\");\r\n\r\n \/* ---------- details modal ---------- *\/\r\n\r\n function renderDetails() {\r\n var p = products[detailIndex];\r\n var specs = (p.specs || []).map(function (s) {\r\n return \"<li>\" + esc(s) + \"<\/li>\";\r\n }).join(\"\");\r\n\r\n $(\"ep-details\").innerHTML =\r\n '<div class=\"ep-detail-photo\">' +\r\n (p.tag ? '<span class=\"ep-tag\">' + esc(p.tag) + \"<\/span>\" : \"\") +\r\n photo(p) +\r\n \"<\/div>\" +\r\n '<div class=\"ep-detail-info\">' +\r\n '<span class=\"ep-cat\">' + esc(p.category) + \"<\/span>\" +\r\n '<h3 class=\"ep-name\">' + esc(p.name) + \"<\/h3>\" +\r\n stars(p) +\r\n '<p class=\"ep-text\">' + esc(p.description) + \"<\/p>\" +\r\n '<ul class=\"ep-specs\">' + specs + \"<\/ul>\" +\r\n priceRow(p) +\r\n '<div class=\"ep-stock\">\u2713 In stock. Delivery will be confirmed after you order.<\/div>' +\r\n '<div class=\"ep-qty-row\">' +\r\n '<span class=\"ep-qty-label\">Quantity<\/span>' +\r\n '<div class=\"ep-qty\">' +\r\n '<button type=\"button\" data-dq=\"-1\" aria-label=\"Decrease\">\u2212<\/button>' +\r\n \"<span>\" + detailQty + \"<\/span>\" +\r\n '<button type=\"button\" data-dq=\"1\" aria-label=\"Increase\">+<\/button>' +\r\n \"<\/div>\" +\r\n \"<\/div>\" +\r\n '<div class=\"ep-actions\">' +\r\n '<button type=\"button\" class=\"ep-btn\" data-d-buy>Buy Now<\/button>' +\r\n \"<\/div>\" +\r\n \"<\/div>\";\r\n }\r\n\r\n function openDetails(i) {\r\n detailIndex = i;\r\n detailQty = 1;\r\n renderDetails();\r\n openOv(detailsOv);\r\n }\r\n\r\n \/* ---------- checkout ---------- *\/\r\n\r\n function openCheckout(items) {\r\n checkoutItems = items;\r\n var total = 0;\r\n var lines = items.map(function (it) {\r\n var p = products[it.i];\r\n total += p.price * it.q;\r\n return '<div class=\"ep-sum-line\"><span>' + esc(p.name) + \" \u00d7 \" + it.q +\r\n \"<\/span><span>\" + money(p.price * it.q) + \"<\/span><\/div>\";\r\n }).join(\"\");\r\n\r\n $(\"ep-checkout\").innerHTML =\r\n \"<h3>Checkout<\/h3>\" +\r\n '<div class=\"ep-sum\">' + lines +\r\n '<div class=\"ep-sum-line ep-sum-total\"><span>Total<\/span><span>' + money(total) + \"<\/span><\/div>\" +\r\n \"<\/div>\" +\r\n '<form id=\"ep-form\" novalidate>' +\r\n '<div class=\"ep-field\"><label for=\"ep-f-name\">Full name<\/label>' +\r\n '<input id=\"ep-f-name\" type=\"text\" autocomplete=\"name\">' +\r\n '<div class=\"ep-err\">Please enter your name.<\/div><\/div>' +\r\n '<div class=\"ep-field\"><label for=\"ep-f-phone\">Phone number<\/label>' +\r\n '<input id=\"ep-f-phone\" type=\"tel\" inputmode=\"tel\" autocomplete=\"tel\" placeholder=\"01XXXXXXXXX\">' +\r\n '<div class=\"ep-err\">Please enter a valid phone number.<\/div><\/div>' +\r\n '<div class=\"ep-field\"><label for=\"ep-f-addr\">Delivery address<\/label>' +\r\n '<textarea id=\"ep-f-addr\" autocomplete=\"street-address\"><\/textarea>' +\r\n '<div class=\"ep-err\">Please enter your address.<\/div><\/div>' +\r\n '<p class=\"ep-note\">After you confirm, your order details will be sent to us on WhatsApp. We will confirm stock, delivery charge and payment with you.<\/p>' +\r\n '<button type=\"submit\" class=\"ep-btn\">Confirm Order<\/button>' +\r\n \"<\/form>\";\r\n\r\n closeOv(detailsOv);\r\n openOv(checkoutOv);\r\n }\r\n\r\n function submitOrder(e) {\r\n e.preventDefault();\r\n var name = $(\"ep-f-name\");\r\n var phone = $(\"ep-f-phone\");\r\n var addr = $(\"ep-f-addr\");\r\n var ok = true;\r\n\r\n function flag(el, bad) {\r\n el.parentNode.classList.toggle(\"ep-bad\", bad);\r\n if (bad) ok = false;\r\n }\r\n\r\n flag(name, name.value.trim().length < 2);\r\n flag(phone, phone.value.replace(\/\\D\/g, \"\").length < 10);\r\n flag(addr, addr.value.trim().length < 5);\r\n if (!ok) return;\r\n\r\n var total = 0;\r\n var lines = checkoutItems.map(function (it, n) {\r\n var p = products[it.i];\r\n total += p.price * it.q;\r\n return (n + 1) + \". \" + p.name + \" x \" + it.q + \" = \" + money(p.price * it.q);\r\n });\r\n\r\n var msg =\r\n \"Hello Ranesa, I want to place an order:\\n\\n\" +\r\n lines.join(\"\\n\") +\r\n \"\\n\\nTotal: \" + money(total) +\r\n \"\\n\\nName: \" + name.value.trim() +\r\n \"\\nPhone: \" + phone.value.trim() +\r\n \"\\nAddress: \" + addr.value.trim();\r\n\r\n window.open(\"https:\/\/wa.me\/\" + WHATSAPP + \"?text=\" + encodeURIComponent(msg), \"_blank\", \"noopener\");\r\n\r\n closeAll();\r\n toast(\"Order sent. We will contact you soon.\");\r\n }\r\n\r\n \/* ---------- events ---------- *\/\r\n\r\n document.addEventListener(\"click\", function (e) {\r\n var t = e.target;\r\n var el;\r\n\r\n if ((el = t.closest(\"[data-details]\"))) {\r\n if (grid.contains(el)) { openDetails(Number(el.getAttribute(\"data-details\"))); return; }\r\n }\r\n if ((el = t.closest(\"[data-buy]\"))) { openCheckout([{ i: Number(el.getAttribute(\"data-buy\")), q: 1 }]); return; }\r\n\r\n if ((el = t.closest(\"[data-dq]\"))) {\r\n detailQty = Math.max(1, Math.min(99, detailQty + Number(el.getAttribute(\"data-dq\"))));\r\n renderDetails();\r\n return;\r\n }\r\n if (t.closest(\"[data-d-buy]\")) { openCheckout([{ i: detailIndex, q: detailQty }]); return; }\r\n\r\n if (t.closest(\"[data-close]\")) { closeAll(); return; }\r\n\r\n \/* click on dark backdrop closes *\/\r\n if (t.classList && t.classList.contains(\"ep-overlay\")) { closeOv(t); }\r\n });\r\n\r\n document.addEventListener(\"submit\", function (e) {\r\n if (e.target && e.target.id === \"ep-form\") submitOrder(e);\r\n });\r\n\r\n document.addEventListener(\"keydown\", function (e) {\r\n if (e.key === \"Escape\") closeAll();\r\n });\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services | Ranesa Pvt Ltd Services by Ranesa consultancy firm Your Journey Abroad, Our Expertise From visa consultation to global career opportunities, Ranesa provides trusted guidance and professional support to help you move forward with confidence. 01 Visa Consultancy 02 Investment 03 Job Opportunity 04 E-commerce Your Gateway to Global Opportunities Explore visa opportunities across […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-150","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=\/wp\/v2\/pages\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=150"}],"version-history":[{"count":124,"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":1796,"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=\/wp\/v2\/pages\/150\/revisions\/1796"}],"wp:attachment":[{"href":"https:\/\/ranesapvtbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}