ViranfineChem Hero Section<\/title>\r\n\r\n <style>\r\n html, body {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n font-family: Arial, sans-serif;\r\n background: #f8fbfd;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: hidden;\r\n }\r\n\r\n .slides {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n transform: scale(1.02);\r\n }\r\n\r\n .slide.active {\r\n opacity: 1;\r\n }\r\n\r\n .overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.58);\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n padding: 0 7%;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 34px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 18px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n background: linear-gradient(90deg, #27a8df, #ffffff);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .hero-title {\r\n font-size: 68px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n color: #ffffff;\r\n max-width: 900px;\r\n }\r\n\r\n .slider-dots {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 7%;\r\n z-index: 3;\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .dot {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n background: rgba(255, 255, 255, 0.45);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dot.active {\r\n background: #27a8df;\r\n transform: scale(1.15);\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .hero-subtitle {\r\n font-size: 28px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 50px;\r\n max-width: 700px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .hero {\r\n height: 520px;\r\n min-height: 520px;\r\n }\r\n\r\n .hero-content {\r\n padding: 0 20px;\r\n justify-content: center;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 20px;\r\n line-height: 1.25;\r\n margin-bottom: 12px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 32px;\r\n line-height: 1.18;\r\n max-width: 100%;\r\n }\r\n\r\n .slider-dots {\r\n left: 20px;\r\n bottom: 18px;\r\n }\r\n\r\n .dot {\r\n width: 11px;\r\n height: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n height: 430px;\r\n min-height: 430px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 27px;\r\n line-height: 1.2;\r\n }\r\n\r\n .slider-dots {\r\n bottom: 15px;\r\n }\r\n\r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"slides\">\r\n <div class=\"slide active\" style=\"background-image: url('https:\/\/viranifinechem.com\/wp-content\/uploads\/2026\/04\/Untitled-design.png');\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/viranifinechem.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-30-at-8.07.23-PM.jpeg');\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1532187643603-ba119ca4109e?auto=format&fit=crop&w=1600&q=80');\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"overlay\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-subtitle\" id=\"hero-subtitle\">Trusted Chemical Innovation<\/div>\r\n <h1 class=\"hero-title\" id=\"hero-title\">Advanced Chemical Solutions for Modern Industries<\/h1>\r\n <\/div>\r\n\r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\" onclick=\"showSlide(0)\"><\/span>\r\n <span class=\"dot\" onclick=\"showSlide(1)\"><\/span>\r\n <span class=\"dot\" onclick=\"showSlide(2)\"><\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const slides = document.querySelectorAll(\".slide\");\r\n const dots = document.querySelectorAll(\".dot\");\r\n const subtitle = document.getElementById(\"hero-subtitle\");\r\n const title = document.getElementById(\"hero-title\");\r\n\r\n const slideContent = [\r\n {\r\n subtitle: \"Trusted Chemical Innovation\",\r\n title: \"Advanced Chemical Solutions for Modern Industries\"\r\n },\r\n {\r\n subtitle: \"Pure Science Strong Results\",\r\n title: \"Reliable Manufacturing Backed by Chemical Excellence\"\r\n },\r\n {\r\n subtitle: \"Future Ready Chemistry\",\r\n title: \"Building Sustainable and High Performance Chemical Solutions\"\r\n }\r\n ];\r\n\r\n let currentSlide = 0;\r\n const slideDuration = 3000;\r\n\r\n function showSlide(index) {\r\n slides.forEach((slide, i) => {\r\n slide.classList.remove(\"active\");\r\n dots[i].classList.remove(\"active\");\r\n });\r\n\r\n slides[index].classList.add(\"active\");\r\n dots[index].classList.add(\"active\");\r\n\r\n subtitle.textContent = slideContent[index].subtitle;\r\n title.textContent = slideContent[index].title;\r\n\r\n currentSlide = index;\r\n }\r\n\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n showSlide(currentSlide);\r\n }\r\n\r\n setInterval(nextSlide, slideDuration);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae497f7 e-con-full e-flex e-con e-parent\" data-id=\"ae497f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4012a9 elementor-widget elementor-widget-html\" data-id=\"b4012a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vf-why-choose-us\" id=\"vf-why-choose-us\">\r\n <style>\r\n .vf-why-choose-us,\r\n .vf-why-choose-us * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vf-why-choose-us {\r\n position: relative;\r\n width: 100%;\r\n padding: 100px 0;\r\n background:\r\n radial-gradient(circle at top left, rgba(39, 168, 223, 0.08), transparent 30%),\r\n linear-gradient(135deg, #f8fafc, #ffffff 45%, #eef4f8);\r\n overflow: hidden;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .vf-container {\r\n width: 90%;\r\n max-width: 1480px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .vf-header {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 65px;\r\n }\r\n\r\n .vf-tag {\r\n display: inline-block;\r\n margin-bottom: 16px;\r\n padding: 10px 22px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, #27a8df, #175c78);\r\n box-shadow: 0 8px 20px rgba(39, 168, 223, 0.2);\r\n }\r\n\r\n .vf-header h2 {\r\n font-size: 46px;\r\n margin: 0 0 15px;\r\n color: #1a202c;\r\n line-height: 1.2;\r\n }\r\n\r\n .vf-header p {\r\n font-size: 17px;\r\n color: #4a5568;\r\n margin: 0;\r\n line-height: 1.7;\r\n }\r\n\r\n .vf-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 45px;\r\n align-items: center;\r\n }\r\n\r\n .vf-svg-box {\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 45px 35px 55px;\r\n min-height: 650px;\r\n border: 2px solid #27a8df;\r\n box-shadow: 0 22px 60px rgba(39, 168, 223, 0.16);\r\n text-align: center;\r\n transition: 0.35s ease;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: visible;\r\n }\r\n\r\n .vf-svg-box:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 28px 70px rgba(39, 168, 223, 0.24);\r\n }\r\n\r\n .vf-main-svg {\r\n width: 460px !important;\r\n max-width: 100% !important;\r\n height: 390px !important;\r\n display: block !important;\r\n margin: 0 auto 35px !important;\r\n overflow: visible !important;\r\n }\r\n\r\n .vf-rotating-ring {\r\n transform-origin: 250px 210px;\r\n animation: vfRotateCircle 7s linear infinite;\r\n }\r\n\r\n .vf-top-dot {\r\n transform-origin: 250px 210px;\r\n animation: vfRotateCircle 7s linear infinite;\r\n }\r\n\r\n @keyframes vfRotateCircle {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n .vf-svg-box h3 {\r\n font-size: 32px;\r\n color: #071f52;\r\n margin: 0 0 14px;\r\n line-height: 1.3;\r\n font-weight: 500;\r\n }\r\n\r\n .vf-svg-box p {\r\n max-width: 520px;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: #4a5568;\r\n margin: 0 auto;\r\n }\r\n\r\n .vf-cards {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .vf-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 25px;\r\n border: 1px solid #e2e8f0;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\r\n transition: 0.3s ease;\r\n }\r\n\r\n .vf-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #27a8df;\r\n box-shadow: 0 15px 30px rgba(39, 168, 223, 0.15);\r\n }\r\n\r\n .vf-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 15px;\r\n background: linear-gradient(135deg, #27a8df, #0f6e95);\r\n color: #ffffff;\r\n font-size: 28px;\r\n font-weight: 700;\r\n }\r\n\r\n .vf-card h3 {\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n color: #1a202c;\r\n line-height: 1.3;\r\n }\r\n\r\n .vf-card p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #4a5568;\r\n margin: 0;\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .vf-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .vf-header h2 {\r\n font-size: 38px;\r\n }\r\n\r\n .vf-svg-box {\r\n min-height: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vf-why-choose-us {\r\n padding: 60px 0;\r\n }\r\n\r\n .vf-header h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .vf-svg-box {\r\n padding: 40px 20px;\r\n }\r\n\r\n .vf-main-svg {\r\n width: 330px !important;\r\n height: 300px !important;\r\n }\r\n\r\n .vf-svg-box h3 {\r\n font-size: 26px;\r\n }\r\n\r\n .vf-cards {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"vf-container\">\r\n <div class=\"vf-header\">\r\n <span class=\"vf-tag\">Why Choose Us<\/span>\r\n <h2>Why VIRANI FINECHEM Stands Apart<\/h2>\r\n <p>We deliver trusted pharmaceutical intermediate solutions with quality and reliability.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-layout\">\r\n\r\n <div class=\"vf-svg-box\">\r\n\r\n <svg \r\n class=\"vf-main-svg\" \r\n viewBox=\"0 0 500 420\" \r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"460\"\r\n height=\"390\"\r\n style=\"width:460px !important; max-width:100% !important; height:390px !important; display:block !important; margin:0 auto 35px !important;\"\r\n >\r\n <defs>\r\n <linearGradient id=\"vfFlaskGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#2aa8d8\"\/>\r\n <stop offset=\"100%\" stop-color=\"#1687ad\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n \r\n <circle cx=\"250\" cy=\"210\" r=\"165\" fill=\"#e8f8fd\"\/>\r\n\r\n \r\n <g class=\"vf-rotating-ring\">\r\n <circle cx=\"250\" cy=\"210\" r=\"125\" fill=\"none\" stroke=\"#27a8df\" stroke-width=\"6\"\/>\r\n <\/g>\r\n\r\n \r\n <circle class=\"vf-top-dot\" cx=\"250\" cy=\"85\" r=\"17\" fill=\"#27a8df\"\/>\r\n\r\n \r\n <path d=\"M220 115 H280 V198 L325 310 H175 L220 198 Z\" fill=\"url(#vfFlaskGradient)\"\/>\r\n\r\n \r\n <path d=\"M205 112 H295\" stroke=\"#071f52\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n\r\n \r\n <path d=\"M195 255 H300\" stroke=\"#ffffff\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n\r\n \r\n <circle cx=\"205\" cy=\"235\" r=\"16\" fill=\"#ffffff\"\/>\r\n <circle cx=\"250\" cy=\"215\" r=\"10\" fill=\"#ffffff\"\/>\r\n <circle cx=\"270\" cy=\"255\" r=\"12\" fill=\"#ffffff\"\/>\r\n\r\n \r\n <path d=\"M95 335 H405\" stroke=\"#071f52\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n\r\n <h3>Trusted Chemical Solutions<\/h3>\r\n <p>Focused on quality, infrastructure, compliance and dependable pharmaceutical intermediate supply.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-cards\">\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u2697<\/div>\r\n <h3>High Quality<\/h3>\r\n <p>We specialize in high-quality pharmaceutical intermediates designed to support API manufacturers across specialty therapeutic.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u2713<\/div>\r\n <h3>Quality Standards<\/h3>\r\n <p>Our operations are built around quality, compliance, and consistency to meet modern pharmaceutical and chemical industry needs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u2302<\/div>\r\n <h3>Infrastructure<\/h3>\r\n <p>Our facility is equipped with modern infrastructure that supports smooth production, dependable processes, and scalable manufacturing.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u279c<\/div>\r\n <h3>Supply<\/h3>\r\n <p>We focus on dependable supply commitments so customers can plan confidently with a trusted manufacturing partner.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f1d53 e-con-full e-flex e-con e-parent\" data-id=\"16f1d53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fabb10 elementor-widget elementor-widget-html\" data-id=\"3fabb10\" 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>Product Range Section<\/title>\r\n\r\n\r\n<style>\r\n .vfpr-product-section,\r\n .vfpr-product-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vfpr-product-section {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 95px 20px;\r\n font-family: Arial, sans-serif;\r\n background: linear-gradient(135deg, #dff5fb 0%, #ffffff 42%, #edf8fb 100%);\r\n }\r\n\r\n .vfpr-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1480px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n \/* Updated heading style like reference image *\/\r\n .vfpr-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 42px;\r\n padding: 0 24px;\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 900;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, #27a8df, #0f617d);\r\n box-shadow: 0 10px 25px rgba(39, 168, 223, 0.22);\r\n }\r\n\r\n .vfpr-title {\r\n margin: 18px 0 16px;\r\n color: #071425;\r\n font-size: 44px;\r\n font-weight: 900;\r\n line-height: 1.18;\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n .vfpr-description {\r\n max-width: 780px;\r\n margin: 0 auto 55px;\r\n color: #1f314b;\r\n font-size: 17px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n .vfpr-card-wrap {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 26px;\r\n }\r\n\r\n .vfpr-card {\r\n grid-column: span 2;\r\n position: relative;\r\n min-height: 260px;\r\n padding: 38px 34px;\r\n text-align: left;\r\n border-radius: 24px;\r\n background: rgba(255, 255, 255, 0.82);\r\n border: 1px solid rgba(22, 139, 181, 0.18);\r\n box-shadow: 0 20px 50px rgba(15, 55, 75, 0.08);\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(45px);\r\n transition: opacity 0.45s ease, transform 0.45s ease, box-shadow 0.45s ease;\r\n }\r\n\r\n .vfpr-card.vfpr-show {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .vfpr-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, #168bb5, #24b7e5);\r\n opacity: 0;\r\n transition: opacity 0.45s ease;\r\n z-index: 0;\r\n }\r\n\r\n .vfpr-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .vfpr-card:hover {\r\n transform: translateY(-14px) scale(1.02);\r\n box-shadow: 0 30px 70px rgba(22, 139, 181, 0.32);\r\n }\r\n\r\n .vfpr-card > * {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .vfpr-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: grid;\r\n place-items: center;\r\n margin-bottom: 24px;\r\n border-radius: 18px;\r\n font-size: 28px;\r\n background: linear-gradient(135deg, #1ca7d8, #168bb5);\r\n box-shadow: 0 14px 28px rgba(22, 139, 181, 0.3);\r\n transition: transform 0.45s ease, background 0.45s ease;\r\n }\r\n\r\n .vfpr-card:hover .vfpr-icon {\r\n background: #ffffff;\r\n transform: rotate(8deg) scale(1.1);\r\n }\r\n\r\n .vfpr-card-title {\r\n margin: 0 0 14px;\r\n color: #102033;\r\n font-size: 21px;\r\n font-weight: 900;\r\n line-height: 1.3;\r\n transition: color 0.35s ease;\r\n }\r\n\r\n .vfpr-card-text {\r\n margin: 0;\r\n color: #526173;\r\n font-size: 16px;\r\n line-height: 1.75;\r\n transition: color 0.35s ease;\r\n }\r\n\r\n .vfpr-card:hover .vfpr-card-title,\r\n .vfpr-card:hover .vfpr-card-text {\r\n color: #ffffff;\r\n }\r\n\r\n .vfpr-bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(20px);\r\n opacity: 0.45;\r\n animation: vfprFloatShape 7s ease-in-out infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .vfpr-bg-shape-one {\r\n width: 230px;\r\n height: 230px;\r\n background: #b6eef8;\r\n top: -60px;\r\n left: -60px;\r\n }\r\n\r\n .vfpr-bg-shape-two {\r\n width: 270px;\r\n height: 270px;\r\n background: #d5f7ff;\r\n right: -80px;\r\n bottom: -80px;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n @keyframes vfprFloatShape {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(28px);\r\n }\r\n }\r\n\r\n \/* Centers the last two cards on desktop *\/\r\n @media (min-width: 901px) {\r\n .vfpr-card:nth-last-child(2) {\r\n grid-column: 2 \/ span 2;\r\n }\r\n\r\n .vfpr-card:last-child {\r\n grid-column: 4 \/ span 2;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .vfpr-product-section {\r\n padding: 70px 18px;\r\n }\r\n\r\n .vfpr-card-wrap {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .vfpr-card,\r\n .vfpr-card:nth-last-child(2),\r\n .vfpr-card:last-child {\r\n grid-column: auto;\r\n }\r\n\r\n .vfpr-label {\r\n min-height: 40px;\r\n padding: 0 20px;\r\n font-size: 12px;\r\n letter-spacing: 2.5px;\r\n }\r\n\r\n .vfpr-title {\r\n font-size: 34px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .vfpr-description {\r\n font-size: 16px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<section class=\"vfpr-product-section\">\r\n <div class=\"vfpr-bg-shape vfpr-bg-shape-one\"><\/div>\r\n <div class=\"vfpr-bg-shape vfpr-bg-shape-two\"><\/div>\r\n\r\n <div class=\"vfpr-container\">\r\n <span class=\"vfpr-label\">What We Manufacture<\/span>\r\n <h2 class=\"vfpr-title\">Our Product Range<\/h2>\r\n <p class=\"vfpr-description\">\r\n From pharmaceutical intermediates to specialty fine chemicals, we deliver\r\n compounds with consistent purity and reliability.\r\n <\/p>\r\n\r\n <div class=\"vfpr-card-wrap\">\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\u2697\ufe0f<\/div>\r\n <h3 class=\"vfpr-card-title\">Pharmaceutical Intermediates<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n High-purity intermediates for API synthesis, meeting pharmaceutical\r\n standards for domestic and export markets.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83e\uddea<\/div>\r\n <h3 class=\"vfpr-card-title\">Fine Chemicals<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Precision-manufactured chemicals for research, development, and\r\n industrial applications with strict quality control.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83d\udd2c<\/div>\r\n <h3 class=\"vfpr-card-title\">Specialty Chemicals<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Custom and specialty chemical compounds for niche industrial\r\n applications, developed with deep technical expertise.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83d\udce6<\/div>\r\n <h3 class=\"vfpr-card-title\">Bulk Manufacturing<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Scalable bulk production capabilities to meet large-volume\r\n requirements without compromising on quality or delivery timelines.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83e\udd1d<\/div>\r\n <h3 class=\"vfpr-card-title\">Contract Manufacturing<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Flexible contract manufacturing services for companies seeking a\r\n reliable production partner with full technical support.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function () {\r\n const section = document.querySelector(\".vfpr-product-section\");\r\n if (!section) return;\r\n\r\n const cards = section.querySelectorAll(\".vfpr-card\");\r\n\r\n if (!(\"IntersectionObserver\" in window)) {\r\n cards.forEach(function (card) {\r\n card.classList.add(\"vfpr-show\");\r\n });\r\n return;\r\n }\r\n\r\n const observer = new IntersectionObserver(\r\n function (entries) {\r\n entries.forEach(function (entry, index) {\r\n if (entry.isIntersecting) {\r\n setTimeout(function () {\r\n entry.target.classList.add(\"vfpr-show\");\r\n }, index * 150);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n cards.forEach(function (card) {\r\n observer.observe(card);\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f52716d e-con-full e-flex e-con e-parent\" data-id=\"f52716d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55e1b4a elementor-widget elementor-widget-html\" data-id=\"55e1b4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vf-action-banner\">\r\n <style>\r\n .vf-action-banner,\r\n .vf-action-banner *{\r\n box-sizing:border-box;\r\n }\r\n\r\n .vf-action-banner{\r\n position:relative;\r\n width:100%;\r\n min-height:560px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n text-align:center;\r\n padding:80px 20px;\r\n font-family:Arial, sans-serif;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(rgba(50,75,125,0.58), rgba(50,75,125,0.58)),\r\n url(\"https:\/\/viranifinechem.com\/wp-content\/uploads\/2026\/04\/virology-research-scientist-in-laboratory.jpg\");\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n }\r\n\r\n .vf-action-content{\r\n position:relative;\r\n z-index:2;\r\n max-width:980px;\r\n color:#fff;\r\n }\r\n\r\n \/* Updated heading style like reference image *\/\r\n .vf-action-subtitle{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:42px;\r\n margin-bottom:24px;\r\n padding:0 26px;\r\n color:#ffffff;\r\n font-size:14px;\r\n font-weight:900;\r\n letter-spacing:3px;\r\n text-transform:uppercase;\r\n border-radius:999px;\r\n background:linear-gradient(90deg,#27a8df,#0f617d);\r\n box-shadow:0 10px 25px rgba(39,168,223,0.25);\r\n }\r\n\r\n .vf-action-title{\r\n margin:0 0 24px;\r\n color:#ffffff;\r\n font-size:52px;\r\n line-height:1.15;\r\n font-weight:900;\r\n letter-spacing:-1.5px;\r\n }\r\n\r\n .vf-action-text{\r\n max-width:760px;\r\n margin:0 auto 34px;\r\n color:#ffffff;\r\n font-size:17px;\r\n line-height:1.7;\r\n font-weight:400;\r\n }\r\n\r\n .vf-action-btn{\r\n display:inline-block;\r\n padding:15px 34px;\r\n border-radius:40px;\r\n background:#ffffff;\r\n color:#071f52;\r\n text-decoration:none;\r\n font-size:15px;\r\n font-weight:800;\r\n transition:0.35s ease;\r\n }\r\n\r\n .vf-action-btn:hover{\r\n background:linear-gradient(90deg,#27a8df,#0f617d);\r\n color: #ffffff;\r\n transform:translateY(-4px);\r\n box-shadow:0 16px 32px rgba(39,168,223,0.28);\r\n }\r\n\r\n @media(max-width:768px){\r\n .vf-action-banner{\r\n min-height:420px;\r\n padding:70px 18px;\r\n }\r\n\r\n .vf-action-subtitle{\r\n min-height:40px;\r\n padding:0 20px;\r\n font-size:12px;\r\n letter-spacing:2.5px;\r\n margin-bottom:20px;\r\n }\r\n\r\n .vf-action-title{\r\n font-size:34px;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .vf-action-text{\r\n font-size:16px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"vf-action-content\">\r\n <span class=\"vf-action-subtitle\">WE PROVIDE THE BEST RESEARCH<\/span>\r\n\r\n <h2 class=\"vf-action-title\">\r\n We Provide All Aspects Of Science Research\r\n <\/h2>\r\n\r\n <p class=\"vf-action-text\">\r\n Connect with VIRANI FINECHEM for high-quality pharmaceutical intermediates,\r\n dependable supply, competitive pricing, and long-term business support.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/viranifinechem.com\/?page_id=392\" class=\"vf-action-btn\">Request Inquiry<\/a>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7723f2b e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"7723f2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39e5980 elementor-widget elementor-widget-html\" data-id=\"39e5980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vf-logo-section\" id=\"vf-logo-section\">\r\n <style>\r\n .vf-logo-section,\r\n .vf-logo-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vf-logo-section {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 80px 0;\r\n font-family: Arial, sans-serif;\r\n background: #ffffff;\r\n }\r\n\r\n .vf-logo-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(rgba(39, 168, 223, 0.08) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n opacity: 0.35;\r\n pointer-events: none;\r\n }\r\n\r\n .vf-logo-section .vf-logo-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .vf-logo-section .vf-logo-header {\r\n text-align: center;\r\n margin-bottom: 35px;\r\n padding: 0 20px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-tag {\r\n display: inline-block;\r\n margin-bottom: 14px;\r\n padding: 10px 20px;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, #27a8df, #175c78);\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.4px;\r\n text-transform: uppercase;\r\n box-shadow: 0 10px 24px rgba(39, 168, 223, 0.18);\r\n }\r\n\r\n .vf-logo-section .vf-logo-title {\r\n margin: 0;\r\n font-size: 42px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n color: #111827;\r\n }\r\n\r\n .vf-logo-section .vf-logo-title span {\r\n color: #27a8df;\r\n }\r\n\r\n .vf-logo-section .vf-logo-subtitle {\r\n max-width: 700px;\r\n margin: 14px auto 0;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: #5b6472;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n padding: 18px 0;\r\n margin-top: 25px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::before,\r\n .vf-logo-section .vf-logo-marquee::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 90px;\r\n z-index: 3;\r\n pointer-events: none;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::before {\r\n left: 0;\r\n background: linear-gradient(90deg, #ffffff, rgba(255,255,255,0));\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::after {\r\n right: 0;\r\n background: linear-gradient(90deg, rgba(255,255,255,0), #ffffff);\r\n }\r\n\r\n .vf-logo-section .vf-logo-track {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n width: max-content;\r\n animation: vfLogoScroll 35s linear infinite;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee:hover .vf-logo-track {\r\n animation-play-state: paused;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card {\r\n width: 210px;\r\n height: 110px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ffffff;\r\n border: 1px solid #e6ebf0;\r\n border-radius: 18px;\r\n padding: 16px 22px;\r\n box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);\r\n transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #27a8df, #0f6e95);\r\n transform: scaleX(0);\r\n transition: transform 0.35s ease;\r\n transform-origin: center;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card:hover {\r\n transform: translateY(-8px) scale(1.03);\r\n box-shadow: 0 16px 38px rgba(15, 23, 42, 0.10);\r\n border-color: rgba(39, 168, 223, 0.35);\r\n }\r\n\r\n .vf-logo-section .vf-logo-card:hover::after {\r\n transform: scaleX(1);\r\n }\r\n\r\n .vf-logo-section .vf-logo-card img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n display: block;\r\n transition: transform 0.35s ease;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n @keyframes vfLogoScroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vf-logo-section {\r\n padding: 65px 0;\r\n }\r\n\r\n .vf-logo-section .vf-logo-title {\r\n font-size: 30px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-subtitle {\r\n font-size: 15px;\r\n padding: 0 10px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card {\r\n width: 170px;\r\n height: 90px;\r\n padding: 14px 18px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::before,\r\n .vf-logo-section .vf-logo-marquee::after {\r\n width: 40px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"vf-logo-container\">\r\n <div class=\"vf-logo-header\">\r\n <span class=\"vf-logo-tag\">Our Trusted Partners<\/span>\r\n <h2 class=\"vf-logo-title\">Brands That <span>Trust Us<\/span><\/h2>\r\n <p class=\"vf-logo-subtitle\">\r\n We work with trusted industry partners and clients through quality-focused manufacturing,\r\n consistency, and long-term business relationships.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-logo-marquee\">\r\n <div class=\"vf-logo-track\">\r\n \r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/8.png\" alt=\"Partner Logo 1\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/2.png\" alt=\"Partner Logo 2\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/3.png\" alt=\"Partner Logo 3\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/4.png\" alt=\"Partner Logo 4\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/5.png\" alt=\"Partner Logo 5\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/7.png\" alt=\"Partner Logo 6\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/10.png\" alt=\"Partner Logo 7\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/11.png\" alt=\"Partner Logo 8\"><\/div>\r\n\r\n \r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/8.png\" alt=\"Partner Logo 1\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/2.png\" alt=\"Partner Logo 2\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/3.png\" alt=\"Partner Logo 3\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/4.png\" alt=\"Partner Logo 4\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/5.png\" alt=\"Partner Logo 5\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/7.png\" alt=\"Partner Logo 6\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/10.png\" alt=\"Partner Logo 7\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/11.png\" alt=\"Partner Logo 8\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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>ViranfineChem Hero Section Trusted Chemical Innovation Advanced Chemical Solutions for Modern Industries Why Choose Us Why VIRANI FINECHEM Stands Apart We deliver trusted pharmaceutical intermediate solutions with quality and reliability. Trusted Chemical Solutions Focused on quality, infrastructure, compliance and dependable pharmaceutical intermediate supply. \u2697 High Quality We specialize in high-quality pharmaceutical intermediates designed to support […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=75"}],"version-history":[{"count":12,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages\/75\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n ViranfineChem Hero Section<\/title>\r\n\r\n <style>\r\n html, body {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n font-family: Arial, sans-serif;\r\n background: #f8fbfd;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: hidden;\r\n }\r\n\r\n .slides {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n transform: scale(1.02);\r\n }\r\n\r\n .slide.active {\r\n opacity: 1;\r\n }\r\n\r\n .overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.58);\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n padding: 0 7%;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 34px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 18px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n background: linear-gradient(90deg, #27a8df, #ffffff);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .hero-title {\r\n font-size: 68px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n color: #ffffff;\r\n max-width: 900px;\r\n }\r\n\r\n .slider-dots {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 7%;\r\n z-index: 3;\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .dot {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n background: rgba(255, 255, 255, 0.45);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dot.active {\r\n background: #27a8df;\r\n transform: scale(1.15);\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .hero-subtitle {\r\n font-size: 28px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 50px;\r\n max-width: 700px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .hero {\r\n height: 520px;\r\n min-height: 520px;\r\n }\r\n\r\n .hero-content {\r\n padding: 0 20px;\r\n justify-content: center;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 20px;\r\n line-height: 1.25;\r\n margin-bottom: 12px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 32px;\r\n line-height: 1.18;\r\n max-width: 100%;\r\n }\r\n\r\n .slider-dots {\r\n left: 20px;\r\n bottom: 18px;\r\n }\r\n\r\n .dot {\r\n width: 11px;\r\n height: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n height: 430px;\r\n min-height: 430px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 27px;\r\n line-height: 1.2;\r\n }\r\n\r\n .slider-dots {\r\n bottom: 15px;\r\n }\r\n\r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"slides\">\r\n <div class=\"slide active\" style=\"background-image: url('https:\/\/viranifinechem.com\/wp-content\/uploads\/2026\/04\/Untitled-design.png');\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/viranifinechem.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-30-at-8.07.23-PM.jpeg');\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1532187643603-ba119ca4109e?auto=format&fit=crop&w=1600&q=80');\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"overlay\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-subtitle\" id=\"hero-subtitle\">Trusted Chemical Innovation<\/div>\r\n <h1 class=\"hero-title\" id=\"hero-title\">Advanced Chemical Solutions for Modern Industries<\/h1>\r\n <\/div>\r\n\r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\" onclick=\"showSlide(0)\"><\/span>\r\n <span class=\"dot\" onclick=\"showSlide(1)\"><\/span>\r\n <span class=\"dot\" onclick=\"showSlide(2)\"><\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const slides = document.querySelectorAll(\".slide\");\r\n const dots = document.querySelectorAll(\".dot\");\r\n const subtitle = document.getElementById(\"hero-subtitle\");\r\n const title = document.getElementById(\"hero-title\");\r\n\r\n const slideContent = [\r\n {\r\n subtitle: \"Trusted Chemical Innovation\",\r\n title: \"Advanced Chemical Solutions for Modern Industries\"\r\n },\r\n {\r\n subtitle: \"Pure Science Strong Results\",\r\n title: \"Reliable Manufacturing Backed by Chemical Excellence\"\r\n },\r\n {\r\n subtitle: \"Future Ready Chemistry\",\r\n title: \"Building Sustainable and High Performance Chemical Solutions\"\r\n }\r\n ];\r\n\r\n let currentSlide = 0;\r\n const slideDuration = 3000;\r\n\r\n function showSlide(index) {\r\n slides.forEach((slide, i) => {\r\n slide.classList.remove(\"active\");\r\n dots[i].classList.remove(\"active\");\r\n });\r\n\r\n slides[index].classList.add(\"active\");\r\n dots[index].classList.add(\"active\");\r\n\r\n subtitle.textContent = slideContent[index].subtitle;\r\n title.textContent = slideContent[index].title;\r\n\r\n currentSlide = index;\r\n }\r\n\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n showSlide(currentSlide);\r\n }\r\n\r\n setInterval(nextSlide, slideDuration);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae497f7 e-con-full e-flex e-con e-parent\" data-id=\"ae497f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4012a9 elementor-widget elementor-widget-html\" data-id=\"b4012a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vf-why-choose-us\" id=\"vf-why-choose-us\">\r\n <style>\r\n .vf-why-choose-us,\r\n .vf-why-choose-us * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vf-why-choose-us {\r\n position: relative;\r\n width: 100%;\r\n padding: 100px 0;\r\n background:\r\n radial-gradient(circle at top left, rgba(39, 168, 223, 0.08), transparent 30%),\r\n linear-gradient(135deg, #f8fafc, #ffffff 45%, #eef4f8);\r\n overflow: hidden;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .vf-container {\r\n width: 90%;\r\n max-width: 1480px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .vf-header {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 65px;\r\n }\r\n\r\n .vf-tag {\r\n display: inline-block;\r\n margin-bottom: 16px;\r\n padding: 10px 22px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, #27a8df, #175c78);\r\n box-shadow: 0 8px 20px rgba(39, 168, 223, 0.2);\r\n }\r\n\r\n .vf-header h2 {\r\n font-size: 46px;\r\n margin: 0 0 15px;\r\n color: #1a202c;\r\n line-height: 1.2;\r\n }\r\n\r\n .vf-header p {\r\n font-size: 17px;\r\n color: #4a5568;\r\n margin: 0;\r\n line-height: 1.7;\r\n }\r\n\r\n .vf-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 45px;\r\n align-items: center;\r\n }\r\n\r\n .vf-svg-box {\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 45px 35px 55px;\r\n min-height: 650px;\r\n border: 2px solid #27a8df;\r\n box-shadow: 0 22px 60px rgba(39, 168, 223, 0.16);\r\n text-align: center;\r\n transition: 0.35s ease;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: visible;\r\n }\r\n\r\n .vf-svg-box:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 28px 70px rgba(39, 168, 223, 0.24);\r\n }\r\n\r\n .vf-main-svg {\r\n width: 460px !important;\r\n max-width: 100% !important;\r\n height: 390px !important;\r\n display: block !important;\r\n margin: 0 auto 35px !important;\r\n overflow: visible !important;\r\n }\r\n\r\n .vf-rotating-ring {\r\n transform-origin: 250px 210px;\r\n animation: vfRotateCircle 7s linear infinite;\r\n }\r\n\r\n .vf-top-dot {\r\n transform-origin: 250px 210px;\r\n animation: vfRotateCircle 7s linear infinite;\r\n }\r\n\r\n @keyframes vfRotateCircle {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n .vf-svg-box h3 {\r\n font-size: 32px;\r\n color: #071f52;\r\n margin: 0 0 14px;\r\n line-height: 1.3;\r\n font-weight: 500;\r\n }\r\n\r\n .vf-svg-box p {\r\n max-width: 520px;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: #4a5568;\r\n margin: 0 auto;\r\n }\r\n\r\n .vf-cards {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .vf-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 25px;\r\n border: 1px solid #e2e8f0;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\r\n transition: 0.3s ease;\r\n }\r\n\r\n .vf-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #27a8df;\r\n box-shadow: 0 15px 30px rgba(39, 168, 223, 0.15);\r\n }\r\n\r\n .vf-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 15px;\r\n background: linear-gradient(135deg, #27a8df, #0f6e95);\r\n color: #ffffff;\r\n font-size: 28px;\r\n font-weight: 700;\r\n }\r\n\r\n .vf-card h3 {\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n color: #1a202c;\r\n line-height: 1.3;\r\n }\r\n\r\n .vf-card p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #4a5568;\r\n margin: 0;\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .vf-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .vf-header h2 {\r\n font-size: 38px;\r\n }\r\n\r\n .vf-svg-box {\r\n min-height: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vf-why-choose-us {\r\n padding: 60px 0;\r\n }\r\n\r\n .vf-header h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .vf-svg-box {\r\n padding: 40px 20px;\r\n }\r\n\r\n .vf-main-svg {\r\n width: 330px !important;\r\n height: 300px !important;\r\n }\r\n\r\n .vf-svg-box h3 {\r\n font-size: 26px;\r\n }\r\n\r\n .vf-cards {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"vf-container\">\r\n <div class=\"vf-header\">\r\n <span class=\"vf-tag\">Why Choose Us<\/span>\r\n <h2>Why VIRANI FINECHEM Stands Apart<\/h2>\r\n <p>We deliver trusted pharmaceutical intermediate solutions with quality and reliability.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-layout\">\r\n\r\n <div class=\"vf-svg-box\">\r\n\r\n <svg \r\n class=\"vf-main-svg\" \r\n viewBox=\"0 0 500 420\" \r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"460\"\r\n height=\"390\"\r\n style=\"width:460px !important; max-width:100% !important; height:390px !important; display:block !important; margin:0 auto 35px !important;\"\r\n >\r\n <defs>\r\n <linearGradient id=\"vfFlaskGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#2aa8d8\"\/>\r\n <stop offset=\"100%\" stop-color=\"#1687ad\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n \r\n <circle cx=\"250\" cy=\"210\" r=\"165\" fill=\"#e8f8fd\"\/>\r\n\r\n \r\n <g class=\"vf-rotating-ring\">\r\n <circle cx=\"250\" cy=\"210\" r=\"125\" fill=\"none\" stroke=\"#27a8df\" stroke-width=\"6\"\/>\r\n <\/g>\r\n\r\n \r\n <circle class=\"vf-top-dot\" cx=\"250\" cy=\"85\" r=\"17\" fill=\"#27a8df\"\/>\r\n\r\n \r\n <path d=\"M220 115 H280 V198 L325 310 H175 L220 198 Z\" fill=\"url(#vfFlaskGradient)\"\/>\r\n\r\n \r\n <path d=\"M205 112 H295\" stroke=\"#071f52\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n\r\n \r\n <path d=\"M195 255 H300\" stroke=\"#ffffff\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n\r\n \r\n <circle cx=\"205\" cy=\"235\" r=\"16\" fill=\"#ffffff\"\/>\r\n <circle cx=\"250\" cy=\"215\" r=\"10\" fill=\"#ffffff\"\/>\r\n <circle cx=\"270\" cy=\"255\" r=\"12\" fill=\"#ffffff\"\/>\r\n\r\n \r\n <path d=\"M95 335 H405\" stroke=\"#071f52\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n\r\n <h3>Trusted Chemical Solutions<\/h3>\r\n <p>Focused on quality, infrastructure, compliance and dependable pharmaceutical intermediate supply.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-cards\">\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u2697<\/div>\r\n <h3>High Quality<\/h3>\r\n <p>We specialize in high-quality pharmaceutical intermediates designed to support API manufacturers across specialty therapeutic.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u2713<\/div>\r\n <h3>Quality Standards<\/h3>\r\n <p>Our operations are built around quality, compliance, and consistency to meet modern pharmaceutical and chemical industry needs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u2302<\/div>\r\n <h3>Infrastructure<\/h3>\r\n <p>Our facility is equipped with modern infrastructure that supports smooth production, dependable processes, and scalable manufacturing.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-card\">\r\n <div class=\"vf-icon\">\u279c<\/div>\r\n <h3>Supply<\/h3>\r\n <p>We focus on dependable supply commitments so customers can plan confidently with a trusted manufacturing partner.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f1d53 e-con-full e-flex e-con e-parent\" data-id=\"16f1d53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fabb10 elementor-widget elementor-widget-html\" data-id=\"3fabb10\" 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>Product Range Section<\/title>\r\n\r\n\r\n<style>\r\n .vfpr-product-section,\r\n .vfpr-product-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vfpr-product-section {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 95px 20px;\r\n font-family: Arial, sans-serif;\r\n background: linear-gradient(135deg, #dff5fb 0%, #ffffff 42%, #edf8fb 100%);\r\n }\r\n\r\n .vfpr-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1480px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n \/* Updated heading style like reference image *\/\r\n .vfpr-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 42px;\r\n padding: 0 24px;\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 900;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, #27a8df, #0f617d);\r\n box-shadow: 0 10px 25px rgba(39, 168, 223, 0.22);\r\n }\r\n\r\n .vfpr-title {\r\n margin: 18px 0 16px;\r\n color: #071425;\r\n font-size: 44px;\r\n font-weight: 900;\r\n line-height: 1.18;\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n .vfpr-description {\r\n max-width: 780px;\r\n margin: 0 auto 55px;\r\n color: #1f314b;\r\n font-size: 17px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n .vfpr-card-wrap {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 26px;\r\n }\r\n\r\n .vfpr-card {\r\n grid-column: span 2;\r\n position: relative;\r\n min-height: 260px;\r\n padding: 38px 34px;\r\n text-align: left;\r\n border-radius: 24px;\r\n background: rgba(255, 255, 255, 0.82);\r\n border: 1px solid rgba(22, 139, 181, 0.18);\r\n box-shadow: 0 20px 50px rgba(15, 55, 75, 0.08);\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(45px);\r\n transition: opacity 0.45s ease, transform 0.45s ease, box-shadow 0.45s ease;\r\n }\r\n\r\n .vfpr-card.vfpr-show {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .vfpr-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, #168bb5, #24b7e5);\r\n opacity: 0;\r\n transition: opacity 0.45s ease;\r\n z-index: 0;\r\n }\r\n\r\n .vfpr-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .vfpr-card:hover {\r\n transform: translateY(-14px) scale(1.02);\r\n box-shadow: 0 30px 70px rgba(22, 139, 181, 0.32);\r\n }\r\n\r\n .vfpr-card > * {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .vfpr-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: grid;\r\n place-items: center;\r\n margin-bottom: 24px;\r\n border-radius: 18px;\r\n font-size: 28px;\r\n background: linear-gradient(135deg, #1ca7d8, #168bb5);\r\n box-shadow: 0 14px 28px rgba(22, 139, 181, 0.3);\r\n transition: transform 0.45s ease, background 0.45s ease;\r\n }\r\n\r\n .vfpr-card:hover .vfpr-icon {\r\n background: #ffffff;\r\n transform: rotate(8deg) scale(1.1);\r\n }\r\n\r\n .vfpr-card-title {\r\n margin: 0 0 14px;\r\n color: #102033;\r\n font-size: 21px;\r\n font-weight: 900;\r\n line-height: 1.3;\r\n transition: color 0.35s ease;\r\n }\r\n\r\n .vfpr-card-text {\r\n margin: 0;\r\n color: #526173;\r\n font-size: 16px;\r\n line-height: 1.75;\r\n transition: color 0.35s ease;\r\n }\r\n\r\n .vfpr-card:hover .vfpr-card-title,\r\n .vfpr-card:hover .vfpr-card-text {\r\n color: #ffffff;\r\n }\r\n\r\n .vfpr-bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(20px);\r\n opacity: 0.45;\r\n animation: vfprFloatShape 7s ease-in-out infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .vfpr-bg-shape-one {\r\n width: 230px;\r\n height: 230px;\r\n background: #b6eef8;\r\n top: -60px;\r\n left: -60px;\r\n }\r\n\r\n .vfpr-bg-shape-two {\r\n width: 270px;\r\n height: 270px;\r\n background: #d5f7ff;\r\n right: -80px;\r\n bottom: -80px;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n @keyframes vfprFloatShape {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(28px);\r\n }\r\n }\r\n\r\n \/* Centers the last two cards on desktop *\/\r\n @media (min-width: 901px) {\r\n .vfpr-card:nth-last-child(2) {\r\n grid-column: 2 \/ span 2;\r\n }\r\n\r\n .vfpr-card:last-child {\r\n grid-column: 4 \/ span 2;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .vfpr-product-section {\r\n padding: 70px 18px;\r\n }\r\n\r\n .vfpr-card-wrap {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .vfpr-card,\r\n .vfpr-card:nth-last-child(2),\r\n .vfpr-card:last-child {\r\n grid-column: auto;\r\n }\r\n\r\n .vfpr-label {\r\n min-height: 40px;\r\n padding: 0 20px;\r\n font-size: 12px;\r\n letter-spacing: 2.5px;\r\n }\r\n\r\n .vfpr-title {\r\n font-size: 34px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .vfpr-description {\r\n font-size: 16px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<section class=\"vfpr-product-section\">\r\n <div class=\"vfpr-bg-shape vfpr-bg-shape-one\"><\/div>\r\n <div class=\"vfpr-bg-shape vfpr-bg-shape-two\"><\/div>\r\n\r\n <div class=\"vfpr-container\">\r\n <span class=\"vfpr-label\">What We Manufacture<\/span>\r\n <h2 class=\"vfpr-title\">Our Product Range<\/h2>\r\n <p class=\"vfpr-description\">\r\n From pharmaceutical intermediates to specialty fine chemicals, we deliver\r\n compounds with consistent purity and reliability.\r\n <\/p>\r\n\r\n <div class=\"vfpr-card-wrap\">\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\u2697\ufe0f<\/div>\r\n <h3 class=\"vfpr-card-title\">Pharmaceutical Intermediates<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n High-purity intermediates for API synthesis, meeting pharmaceutical\r\n standards for domestic and export markets.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83e\uddea<\/div>\r\n <h3 class=\"vfpr-card-title\">Fine Chemicals<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Precision-manufactured chemicals for research, development, and\r\n industrial applications with strict quality control.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83d\udd2c<\/div>\r\n <h3 class=\"vfpr-card-title\">Specialty Chemicals<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Custom and specialty chemical compounds for niche industrial\r\n applications, developed with deep technical expertise.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83d\udce6<\/div>\r\n <h3 class=\"vfpr-card-title\">Bulk Manufacturing<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Scalable bulk production capabilities to meet large-volume\r\n requirements without compromising on quality or delivery timelines.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vfpr-card\">\r\n <div class=\"vfpr-icon\">\ud83e\udd1d<\/div>\r\n <h3 class=\"vfpr-card-title\">Contract Manufacturing<\/h3>\r\n <p class=\"vfpr-card-text\">\r\n Flexible contract manufacturing services for companies seeking a\r\n reliable production partner with full technical support.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function () {\r\n const section = document.querySelector(\".vfpr-product-section\");\r\n if (!section) return;\r\n\r\n const cards = section.querySelectorAll(\".vfpr-card\");\r\n\r\n if (!(\"IntersectionObserver\" in window)) {\r\n cards.forEach(function (card) {\r\n card.classList.add(\"vfpr-show\");\r\n });\r\n return;\r\n }\r\n\r\n const observer = new IntersectionObserver(\r\n function (entries) {\r\n entries.forEach(function (entry, index) {\r\n if (entry.isIntersecting) {\r\n setTimeout(function () {\r\n entry.target.classList.add(\"vfpr-show\");\r\n }, index * 150);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n cards.forEach(function (card) {\r\n observer.observe(card);\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f52716d e-con-full e-flex e-con e-parent\" data-id=\"f52716d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55e1b4a elementor-widget elementor-widget-html\" data-id=\"55e1b4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vf-action-banner\">\r\n <style>\r\n .vf-action-banner,\r\n .vf-action-banner *{\r\n box-sizing:border-box;\r\n }\r\n\r\n .vf-action-banner{\r\n position:relative;\r\n width:100%;\r\n min-height:560px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n text-align:center;\r\n padding:80px 20px;\r\n font-family:Arial, sans-serif;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(rgba(50,75,125,0.58), rgba(50,75,125,0.58)),\r\n url(\"https:\/\/viranifinechem.com\/wp-content\/uploads\/2026\/04\/virology-research-scientist-in-laboratory.jpg\");\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n }\r\n\r\n .vf-action-content{\r\n position:relative;\r\n z-index:2;\r\n max-width:980px;\r\n color:#fff;\r\n }\r\n\r\n \/* Updated heading style like reference image *\/\r\n .vf-action-subtitle{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:42px;\r\n margin-bottom:24px;\r\n padding:0 26px;\r\n color:#ffffff;\r\n font-size:14px;\r\n font-weight:900;\r\n letter-spacing:3px;\r\n text-transform:uppercase;\r\n border-radius:999px;\r\n background:linear-gradient(90deg,#27a8df,#0f617d);\r\n box-shadow:0 10px 25px rgba(39,168,223,0.25);\r\n }\r\n\r\n .vf-action-title{\r\n margin:0 0 24px;\r\n color:#ffffff;\r\n font-size:52px;\r\n line-height:1.15;\r\n font-weight:900;\r\n letter-spacing:-1.5px;\r\n }\r\n\r\n .vf-action-text{\r\n max-width:760px;\r\n margin:0 auto 34px;\r\n color:#ffffff;\r\n font-size:17px;\r\n line-height:1.7;\r\n font-weight:400;\r\n }\r\n\r\n .vf-action-btn{\r\n display:inline-block;\r\n padding:15px 34px;\r\n border-radius:40px;\r\n background:#ffffff;\r\n color:#071f52;\r\n text-decoration:none;\r\n font-size:15px;\r\n font-weight:800;\r\n transition:0.35s ease;\r\n }\r\n\r\n .vf-action-btn:hover{\r\n background:linear-gradient(90deg,#27a8df,#0f617d);\r\n color: #ffffff;\r\n transform:translateY(-4px);\r\n box-shadow:0 16px 32px rgba(39,168,223,0.28);\r\n }\r\n\r\n @media(max-width:768px){\r\n .vf-action-banner{\r\n min-height:420px;\r\n padding:70px 18px;\r\n }\r\n\r\n .vf-action-subtitle{\r\n min-height:40px;\r\n padding:0 20px;\r\n font-size:12px;\r\n letter-spacing:2.5px;\r\n margin-bottom:20px;\r\n }\r\n\r\n .vf-action-title{\r\n font-size:34px;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .vf-action-text{\r\n font-size:16px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"vf-action-content\">\r\n <span class=\"vf-action-subtitle\">WE PROVIDE THE BEST RESEARCH<\/span>\r\n\r\n <h2 class=\"vf-action-title\">\r\n We Provide All Aspects Of Science Research\r\n <\/h2>\r\n\r\n <p class=\"vf-action-text\">\r\n Connect with VIRANI FINECHEM for high-quality pharmaceutical intermediates,\r\n dependable supply, competitive pricing, and long-term business support.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/viranifinechem.com\/?page_id=392\" class=\"vf-action-btn\">Request Inquiry<\/a>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7723f2b e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"7723f2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39e5980 elementor-widget elementor-widget-html\" data-id=\"39e5980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vf-logo-section\" id=\"vf-logo-section\">\r\n <style>\r\n .vf-logo-section,\r\n .vf-logo-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vf-logo-section {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 80px 0;\r\n font-family: Arial, sans-serif;\r\n background: #ffffff;\r\n }\r\n\r\n .vf-logo-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(rgba(39, 168, 223, 0.08) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n opacity: 0.35;\r\n pointer-events: none;\r\n }\r\n\r\n .vf-logo-section .vf-logo-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .vf-logo-section .vf-logo-header {\r\n text-align: center;\r\n margin-bottom: 35px;\r\n padding: 0 20px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-tag {\r\n display: inline-block;\r\n margin-bottom: 14px;\r\n padding: 10px 20px;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, #27a8df, #175c78);\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.4px;\r\n text-transform: uppercase;\r\n box-shadow: 0 10px 24px rgba(39, 168, 223, 0.18);\r\n }\r\n\r\n .vf-logo-section .vf-logo-title {\r\n margin: 0;\r\n font-size: 42px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n color: #111827;\r\n }\r\n\r\n .vf-logo-section .vf-logo-title span {\r\n color: #27a8df;\r\n }\r\n\r\n .vf-logo-section .vf-logo-subtitle {\r\n max-width: 700px;\r\n margin: 14px auto 0;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: #5b6472;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n padding: 18px 0;\r\n margin-top: 25px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::before,\r\n .vf-logo-section .vf-logo-marquee::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 90px;\r\n z-index: 3;\r\n pointer-events: none;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::before {\r\n left: 0;\r\n background: linear-gradient(90deg, #ffffff, rgba(255,255,255,0));\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::after {\r\n right: 0;\r\n background: linear-gradient(90deg, rgba(255,255,255,0), #ffffff);\r\n }\r\n\r\n .vf-logo-section .vf-logo-track {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n width: max-content;\r\n animation: vfLogoScroll 35s linear infinite;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee:hover .vf-logo-track {\r\n animation-play-state: paused;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card {\r\n width: 210px;\r\n height: 110px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ffffff;\r\n border: 1px solid #e6ebf0;\r\n border-radius: 18px;\r\n padding: 16px 22px;\r\n box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);\r\n transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #27a8df, #0f6e95);\r\n transform: scaleX(0);\r\n transition: transform 0.35s ease;\r\n transform-origin: center;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card:hover {\r\n transform: translateY(-8px) scale(1.03);\r\n box-shadow: 0 16px 38px rgba(15, 23, 42, 0.10);\r\n border-color: rgba(39, 168, 223, 0.35);\r\n }\r\n\r\n .vf-logo-section .vf-logo-card:hover::after {\r\n transform: scaleX(1);\r\n }\r\n\r\n .vf-logo-section .vf-logo-card img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n display: block;\r\n transition: transform 0.35s ease;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n @keyframes vfLogoScroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vf-logo-section {\r\n padding: 65px 0;\r\n }\r\n\r\n .vf-logo-section .vf-logo-title {\r\n font-size: 30px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-subtitle {\r\n font-size: 15px;\r\n padding: 0 10px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-card {\r\n width: 170px;\r\n height: 90px;\r\n padding: 14px 18px;\r\n }\r\n\r\n .vf-logo-section .vf-logo-marquee::before,\r\n .vf-logo-section .vf-logo-marquee::after {\r\n width: 40px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"vf-logo-container\">\r\n <div class=\"vf-logo-header\">\r\n <span class=\"vf-logo-tag\">Our Trusted Partners<\/span>\r\n <h2 class=\"vf-logo-title\">Brands That <span>Trust Us<\/span><\/h2>\r\n <p class=\"vf-logo-subtitle\">\r\n We work with trusted industry partners and clients through quality-focused manufacturing,\r\n consistency, and long-term business relationships.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"vf-logo-marquee\">\r\n <div class=\"vf-logo-track\">\r\n \r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/8.png\" alt=\"Partner Logo 1\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/2.png\" alt=\"Partner Logo 2\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/3.png\" alt=\"Partner Logo 3\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/4.png\" alt=\"Partner Logo 4\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/5.png\" alt=\"Partner Logo 5\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/7.png\" alt=\"Partner Logo 6\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/10.png\" alt=\"Partner Logo 7\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/11.png\" alt=\"Partner Logo 8\"><\/div>\r\n\r\n \r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/8.png\" alt=\"Partner Logo 1\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/2.png\" alt=\"Partner Logo 2\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/3.png\" alt=\"Partner Logo 3\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/4.png\" alt=\"Partner Logo 4\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/5.png\" alt=\"Partner Logo 5\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/7.png\" alt=\"Partner Logo 6\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/10.png\" alt=\"Partner Logo 7\"><\/div>\r\n <div class=\"vf-logo-card\"><img decoding=\"async\" src=\"https:\/\/local.technomantra.co.in\/bankinfabtech\/wp-content\/uploads\/2026\/04\/11.png\" alt=\"Partner Logo 8\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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>ViranfineChem Hero Section Trusted Chemical Innovation Advanced Chemical Solutions for Modern Industries Why Choose Us Why VIRANI FINECHEM Stands Apart We deliver trusted pharmaceutical intermediate solutions with quality and reliability. Trusted Chemical Solutions Focused on quality, infrastructure, compliance and dependable pharmaceutical intermediate supply. \u2697 High Quality We specialize in high-quality pharmaceutical intermediates designed to support […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=75"}],"version-history":[{"count":12,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/viranifinechem.com\/index.php?rest_route=\/wp\/v2\/pages\/75\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/viranifinechem.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}