1<!doctype html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel="profile" href="https://gmpg.org/xfn/11"> 7 <title>The Entrepreneur Times – Business Magazine for Entrepreneurs</title> 8<meta name='robots' content='max-image-preview:large' /> 9<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 10<link rel="alternate" type="application/rss+xml" title="The Entrepreneur Times » Feed" href="https://theentrepreneur-times.com/feed/" /> 11<link rel="alternate" type="application/rss+xml" title="The Entrepreneur Times » Comments Feed" href="https://theentrepreneur-times.com/comments/feed/" /> 12<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://theentrepreneur-times.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftheentrepreneur-times.com%2F" /> 13<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://theentrepreneur-times.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftheentrepreneur-times.com%2F&format=xml" /> 14<style id="wp-img-auto-sizes-contain-inline-css"> 15img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 16/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 17</style> 18<style id="wp-emoji-styles-inline-css"> 19 20 img.wp-smiley, img.emoji { 21 display: inline !important; 22 border: none !important; 23 box-shadow: none !important; 24 height: 1em !important; 25 width: 1em !important; 26 margin: 0 0.07em !important; 27 vertical-align: -0.1em !important; 28 background: none !important; 29 padding: 0 !important; 30 } 31/*# sourceURL=wp-emoji-styles-inline-css */ 32</style> 33<style id="global-styles-inline-css"> 34:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
34--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
34.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 35:root :where(.wp-block-icon svg){width: 24px;} 36:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 37/*# sourceURL=global-styles-inline-css */ 38</style> 39<link rel='stylesheet' id='hello-elementor-css' href='https://theentrepreneur-times.com/wp-content/themes/hello-elementor/assets/css/reset.css?ver=3.4.6' media='all' /> 40<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://theentrepreneur-times.com/wp-content/themes/hello-elementor/assets/css/theme.css?ver=3.4.6' media='all' /> 41<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://theentrepreneur-times.com/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.4.6' media='all' /> 42<link rel='stylesheet' id='elementor-frontend-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.3.3' media='all' /> 43<link rel='stylesheet' id='elementor-post-8-css' href='https://theentrepreneur-times.com/wp-content/uploads/elementor/css/post-8.css?ver=1790834668' media='all' /> 44<link rel='stylesheet' id='e-sticky-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=4.3.1' media='all' /> 45<link rel='stylesheet' id='elementor-icons-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.54.0' media='all' /> 46<link rel='stylesheet' id='widget-heading-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.3.3' media='all' /> 47<link rel='stylesheet' id='e-shapes-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/css/conditionals/shapes.min.css?ver=4.3.3' media='all' /> 48<link rel='stylesheet' id='widget-posts-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor-pro/assets/css/widget-posts.min.css?ver=4.3.1' media='all' /> 49<link rel='stylesheet' id='widget-form-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor-pro/assets/css/widget-form.min.css?ver=4.3.1' media='all' /> 50<link rel='stylesheet' id='widget-icon-box-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/css/widget-icon-box.min.css?ver=4.3.3' media='all' /> 51<link rel='stylesheet' id='elementor-post-14125-css' href='https://theentrepreneur-times.com/wp-content/uploads/elementor/css/post-14125.css?ver=1790834669' media='all' /> 52<link rel='stylesheet' id='elementor-post-19592-css' href='https://theentrepreneur-times.com/wp-content/uploads/elementor/css/post-19592.css?ver=1790834669' media='all' /> 53<link rel='stylesheet' id='elementor-post-19564-css' href='https://theentrepreneur-times.com/wp-content/uploads/elementor/css/post-19564.css?ver=1790834669' media='all' /> 54<link rel='stylesheet' id='elementor-gf-playfairdisplay-css' href='https://fonts.googleapis.com/css?family=Playfair+Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' /> 55<link rel='stylesheet' id='elementor-gf-inter-css' href='https://fonts.googleapis.com/css?family=Inter:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' /> 56<link rel='stylesheet' id='elementor-gf-local-poppins-css' href='https://theentrepreneur-times.com/wp-content/uploads/elementor/google-fonts/css/poppins.css?ver=1750239598' media='all' /> 57<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' /> 58<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' />
59<script id="jquery-core-js" src="https://theentrepreneur-times.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 59
59
60<script id="jquery-migrate-js" src="https://theentrepreneur-times.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
60 61 62<!-- Google tag (gtag.js) snippet added by Site Kit --> 63<!-- Google Analytics snippet added by Site Kit -->
vendor: 80 bytes, lines 63-64
63 64<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
64GT-PZQ8FC7
vendor: 18 bytes, line 64
64" async></script>
65<script id="google_gtagjs-js-after"> 66window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 67gtag("set","linker",{"domains":["theentrepreneur-times.com"]}); 68gtag("js", new Date()); 69gtag("set", "developer_id.dZTNiMT", true); 70gtag("config", "GT-PZQ8FC7"); 71 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 72//# sourceURL=google_gtagjs-js-after 73</script>
73 74<link rel="https://api.w.org/" href="https://theentrepreneur-times.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://theentrepreneur-times.com/wp-json/wp/v2/pages/14125" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://theentrepreneur-times.com/xmlrpc.php?rsd" /> 75<meta name="generator" content="WordPress 7.0" /> 76<link rel="canonical" href="https://theentrepreneur-times.com/" /> 77<link rel='shortlink' href='https://theentrepreneur-times.com/' /> 78<meta name="generator" content="Site Kit by Google 1.188.0" /><meta name="generator" content="Elementor 4.3.3; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 79 <style> 80 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 81 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 82 background-image: none !important; 83 } 84 @media screen and (max-height: 1024px) { 85 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 86 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 87 background-image: none !important; 88 } 89 } 90 @media screen and (max-height: 640px) { 91 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 92 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 93 background-image: none !important; 94 } 95 } 96 </style> 97 <link rel="icon" href="https://theentrepreneur-times.com/wp-content/uploads/2024/12/cropped-EN-times-favicon-32x32.png" sizes="32x32" /> 98<link rel="icon" href="https://theentrepreneur-times.com/wp-content/uploads/2024/12/cropped-EN-times-favicon-192x192.png" sizes="192x192" /> 99<link rel="apple-touch-icon" href="https://theentrepreneur-times.com/wp-content/uploads/2024/12/cropped-EN-times-favicon-180x180.png" /> 100<meta name="msapplication-TileImage" content="https://theentrepreneur-times.com/wp-content/uploads/2024/12/cropped-EN-times-favicon-270x270.png" /> 101</head> 102<body class="home wp-singular page-template-default page page-id-14125 wp-embed-responsive wp-theme-hello-elementor hello-elementor-default elementor-default elementor-template-full-width elementor-kit-8 elementor-page elementor-page-14125 elementor-page-20050"> 103 104 105<a class="skip-link screen-reader-text" href="#content">Skip to content</a> 106 107 <header data-elementor-type="header" data-elementor-id="19592" class="elementor elementor-19592 elementor-location-header" data-elementor-post-type="elementor_library"> 108 <section class="elementor-section elementor-top-section elementor-element elementor-element-ae43584 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="ae43584" data-element_type="section" data-e-type="section"> 109 <div class="elementor-container elementor-column-gap-default"> 110 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-584dd04" data-id="584dd04" data-element_type="column" data-e-type="column"> 111 <div class="elementor-widget-wrap elementor-element-populated"> 112 <div class="elementor-element elementor-element-c83d278 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="c83d278" data-element_type="widget" data-e-type="widget" data-settings="{"sticky":"top","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":0}" data-widget_type="html.default"> 113 <div class="elementor-widget-container"> 114 <!DOCTYPE html> 115<html lang="en"> 116<head> 117<meta charset="UTF-8"> 118<meta name="viewport" content="width=device-width, initial-scale=1.0"> 119<title>EN Times Header</title> 120<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 121</head> 122<body> 123 124<style> 125/* âââââââââââââââââââââââââââââââââââââââââââââââââ 126 RESET & TOKENS 127âââââââââââââââââââââââââââââââââââââââââââââââââ */ 128*, *::before, *::after { box-sizing: border-box; } 129 130:root { 131 --navy: #0A1128; 132 --gold: #C5A065; 133 --gold2: #d4b07e; 134 --white: #ffffff; 135 --txt: #111111; 136 --sub: #555555; 137 --bdr: #e8e8e8; 138 --bg: #ffffff; 139 --hh: 90px;
139 /* Updated to match your previous 90px height */ 140 --zi: 9000; /* z-index base */ 141} 142 143/* âââââââââââââââââââââââââââââââââââââââââââââââââ 144 HEADER 145âââââââââââââââââââââââââââââââââââââââââââââââââ */ 146.ent-hdr { 147 position: fixed; inset: 0 0 auto 0; width: 100%; 148 background: var(--white); z-index: calc(var(--zi) + 10); 149 will-change: box-shadow; 150} 151.ent-hdr.scrolled { 152 box-shadow: 0 2px 16px rgba(10,17,40,.10); 153 transition: box-shadow .25s ease; 154} 155.ent-topbar { 156 height: 3px; width: 100%; 157 background: linear-gradient(90deg, var(--navy) 0%, var(--gold) 50%, var(--navy) 100%); 158} 159.ent-row { 160 height: var(--hh); width: 100%; padding: 0 40px; 161 display: flex; align-items: center; justify-content: space-between; gap: 16px; 162} 163.ent-spacer { height: calc(var(--hh) + 3px); display: block; width: 100%; } 164 165/* âââââââââââââââââââââââââââââââââââââââââââââââââ 166 LOGO 167âââââââââââââââââââââââââââââââââââââââââââââââââ */ 168.ent-logo a { display: flex; align-items: center; text-decoration: none; } 169.ent-logo img { height: 50px; width: auto; display: block; object-fit: contain; } 170 171/* âââââââââââââââââââââââââââââââââââââââââââââââââ 172 DESKTOP NAV & DROPDOWN (Bulletproof Hover & Height) 173âââââââââââââââââââââââââââââââââââââââââââââââââ */ 174.ent-nav { display: flex; align-items: center; height: var(--hh); } 175.ent-nav ul { display: flex; align-items: center; height: 100%; margin: 0; padding: 0; list-style: none; } 176.ent-ni { position: relative; height: 100%; display: flex; align-items: center; } 177.ent-nl { 178 display: flex; align-items: center; gap: 4px; height: 100%; padding: 0 15px; 179 font-size: 11.5px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; 180 color: var(--txt); white-space: nowrap; text-decoration: none; position: relative; 181 transition: color .2s; font-family: Inter, sans-serif; 182} 183.ent-nl::after { 184 content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; 185 height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; 186} 187.ent-ni:hover > .ent-nl { color: var(--navy); } 188.ent-ni:hover > .ent-nl::after { transform: scaleX(1); } 189.ent-nl .chv { 190 width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 2.5; 191 transition: transform .22s; flex-shrink: 0; 192} 193.ent-ni:hover > .ent-nl .chv { transform: rotate(180deg); } 194 195/* DROPDOWN BOX */ 196.ent-dd { 197 position: absolute; top: 100%; left: 0; min-width: 260px; 198 background: var(--white) !important; border: 1px solid var(--bdr) !important; border-top: 2px solid var(--gold) !important; 199 box-shadow: 0 10px 28px rgba(10,17,40,.09) !important; padding: 6px 0 !important; list-style: none !important; margin: 0 !important; 200 opacity: 0; visibility: hidden; transform: translateY(8px); 201 transition: opacity .2s, transform .2s, visibility .2s; 202 pointer-events: none; z-index: 20; 203 display: flex !important; flex-direction: column !important; 204 height: auto !important; /* Forces the white box to expand */ 205} 206/* Invisible hover bridge to prevent menu from breaking */ 207.ent-dd::before { 208 content: ''; position: absolute; top: -15px; left: 0; right: 0; height: 15px; background: transparent; 209} 210.ent-ni:hover > .ent-dd { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } 211 212/* Force li items to respect content height and stay inside box */ 213.ent-dd li { 214 display: block !important; 215 width: 100% !important; 216 height: auto !important; 217 min-height: min-content !important; 218 margin: 0 !important; 219 padding: 0 !important; 220 float: none !important; 221} 222 223.ent-dd li a { 224 display: flex !important; align-items: center; gap: 8px; padding: 11px 20px !important; 225 font-size: 13px !important; color: var(--sub) !important; text-decoration: none !important; 226 border-left: 2px solid transparent !important; transition: all .15s; 227 height: auto !important; 228 line-height: 1.4 !important; 229 white-space: normal !important;
229 /* Allows long text to wrap safely */ 230} 231.ent-dd li a::before { 232 content: ''; width: 4px; height: 4px; background: var(--gold); 233 border-radius: 50%; flex-shrink: 0; opacity: 0; transition: opacity .15s; 234} 235.ent-dd li a:hover { color: var(--navy) !important; background: #faf9f7 !important; padding-left: 24px !important; border-left-color: var(--gold) !important; } 236.ent-dd li a:hover::before { opacity: 1; } 237 238/* âââââââââââââââââââââââââââââââââââââââââââââââââ 239 RIGHT ACTIONS (Search & Subscribe Buttons) 240âââââââââââââââââââââââââââââââââââââââââââââââââ */ 241.ent-acts { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } 242 243/* Elementor-proof Search Button */ 244.ent-sbtn { 245 width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; 246 background: transparent !important; border: none !important; cursor: pointer; 247 padding: 0; outline: none; -webkit-appearance: none; 248} 249.ent-sbtn svg { 250 width: 20px; height: 20px; 251 stroke: var(--navy) !important; fill: none !important; stroke-width: 2.2 !important; 252 pointer-events: none; transition: stroke .2s; 253} 254.ent-sbtn:hover svg { stroke: var(--gold) !important; } 255 256/* Subscribe Button */ 257.ent-sub { 258 display: inline-flex; align-items: center; gap: 5px; padding: 10px 20px; 259 font-family: Inter, sans-serif; font-size: 10.5px; font-weight: 700; 260 letter-spacing: .13em; text-transform: uppercase; 261 color: var(--navy); background: var(--gold); border: none; cursor: pointer; 262 transition: background .2s; white-space: nowrap; 263} 264.ent-sub:hover { background: var(--gold2); } 265.ent-sub svg { width: 11px; height: 11px; stroke: var(--navy); fill: none; stroke-width: 2.5; } 266 267/* Mobile Hamburger Fix */ 268.ent-burger { 269 display: none; flex-direction: column; align-items: center; justify-content: center; 270 width: 40px; height: 40px; gap: 5px; 271 background: transparent !important; border: none !important; cursor: pointer; padding: 0; flex-shrink: 0; 272 -webkit-tap-highlight-color: transparent; outline: none !important; box-shadow: none !important; 273} 274.ent-burger .b { 275 display: block; width: 22px; height: 2px; 276 background: var(--navy); border-radius: 1px; 277 transition: transform .28s ease, opacity .2s ease, width .2s ease, background .2s; 278} 279.ent-burger .b:last-child { width: 15px; } 280.ent-burger:hover .b, .ent-burger:active .b { background: var(--gold); } 281.ent-burger.on .b:nth-child(1) { transform: translateY(7px) rotate(45deg); width: 22px; } 282.ent-burger.on .b:nth-child(2) { opacity: 0; transform: scaleX(0); } 283.ent-burger.on .b:nth-child(3) { transform: translateY(-7px) rotate(-45deg); width: 22px; } 284 285/* âââââââââââââââââââââââââââââââââââââââââââââââââ 286 SEARCH BAR PANEL 287âââââââââââââââââââââââââââââââââââââââââââââââââ */ 288.ent-sbar { 289 position: fixed; inset: 0 0 auto 0; height: calc(var(--hh) + 3px); 290 background: var(--white); border-bottom: 2px solid var(--gold); 291 display: none; align-items: center; padding: 0 40px; gap: 14px; 292 z-index: calc(var(--zi) + 20); box-shadow: 0 4px 20px rgba(10,17,40,.08); 293} 294.ent-sbar.on { display: flex; } 295.ent-sbar-ico { width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 2; flex-shrink: 0; } 296.ent-sinput { 297 flex: 1; border: none !important; outline: none !important; background: transparent !important; 298 font-family: Inter, sans-serif; font-size: 16px; font-weight: 300; color: var(--navy); 299 caret-color: var(--gold); padding: 0; -webkit-appearance: none; 300} 301.ent-sinput::placeholder { color: #b8b8b8; font-style: italic; } 302.ent-sclose { 303 background: none !important; border: none !important; font-family: Inter, sans-serif; font-size: 10px; font-weight: 700; 304 letter-spacing: .14em; text-transform: uppercase; color: var(--sub); cursor: pointer; transition: color .18s; 305} 306.ent-sclose:hover { color: var(--navy); } 307 308/* âââââââââââââââââââââââââââââââââââââââââââââââââ 309 MOBILE DRAWER & ACCORDION 310âââââââââââââââââââââââââââââââââââââââââââââââââ */ 311.ent-ov { 312 position: fixed; inset: 0; background: rgba(10,17,40,.45); 313 z-index: calc(var(--zi) + 5); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; 314} 315.ent-ov.on { opacity: 1; visibility: visible; } 316 317.ent-drw { 318 position: fixed; top: calc(var(--hh) + 3px); right: 0; bottom: 0; width: min(300px, 85vw); 319 background: var(--white); z-index: calc(var(--zi) + 6); 320 transform: translateX(105%); transition: transform .35s cubic-bezier(.16,1,.3,1); 321 display: flex; flex-direction: column; overflow: hidden; 322} 323.ent-drw.on { transform: translateX(0); box-shadow: -6px 0 30px rgba(10,17,40,.14); } 324.ent-dbody { flex: 1; overflow-y: auto; padding: 6px 0 16px; list-style: none; margin: 0; }
325.ent-di { border-bottom: 1px solid #f0f0f0; } 326.ent-dtgl { 327 display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 22px; 328 font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--navy); 329 background: none; border: none; cursor: pointer; text-align: left; transition: all .15s; 330} 331.ent-dtgl:hover { color: var(--gold); background: #faf9f7; } 332.ent-dtgl .dc { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; transition: transform .22s; } 333.ent-dtgl.on .dc { transform: rotate(90deg); } 334 335/* Accordion safe height buffer increased to 800px so it doesn't break long menus */ 336.ent-dsub { max-height: 0; overflow: hidden; background: #faf9f7; transition: max-height .3s ease; list-style: none; padding: 0; margin:0; } 337.ent-dsub.on { max-height: 800px; } 338.ent-dsub li a { 339 display: flex; align-items: center; gap: 8px; padding: 11px 22px 11px 32px; 340 font-size: 13px; color: var(--sub); text-decoration: none; border-left: 2px solid transparent; transition: all .15s; 341} 342.ent-dsub li a::before { content: ''; width: 4px; height: 4px; background: var(--gold); border-radius: 50%; } 343.ent-dsub li a:hover { color: var(--navy); padding-left: 36px; border-left-color: var(--gold); } 344 345.ent-dlink { 346 display: flex; align-items: center; justify-content: space-between; padding: 15px 22px; 347 font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--navy); text-decoration: none; 348} 349.ent-dlink:hover { color: var(--gold); background: #faf9f7; } 350 351.ent-dfoot { flex-shrink: 0; padding: 16px 22px; border-top: 1px solid var(--bdr); } 352.ent-dfoot button { 353 width: 100%; display: block; text-align: center; padding: 14px 20px; 354 font-family: Inter, sans-serif; font-size: 11px; font-weight: 700; 355 letter-spacing: .14em; text-transform: uppercase; color: var(--navy); 356 background: var(--gold); border: none; cursor: pointer; transition: background .2s; 357} 358.ent-dfoot button:hover { background: var(--gold2); } 359 360/* âââââââââââââââââââââââââââââââââââââââââââââââââ 361 SUBSCRIBE POPUP MODAL 362âââââââââââââââââââââââââââââââââââââââââââââââââ */ 363.ent-modal-ov { 364 position: fixed; inset: 0; background: rgba(10,17,40,.85); backdrop-filter: blur(4px); 365 z-index: calc(var(--zi) + 100); opacity: 0; visibility: hidden; transition: all .3s; 366 display: flex; align-items: center; justify-content: center; padding: 20px; 367} 368.ent-modal-ov.on { opacity: 1; visibility: visible; } 369 370.ent-modal-box { 371 position: relative; width: 100%; max-width: 420px; 372 background: var(--navy); padding: 36px 32px; 373 box-shadow: 0 20px 40px rgba(0,0,0,.4); 374 transform: translateY(20px); transition: transform .3s; 375 text-align: center; font-family: 'Inter', sans-serif; 376} 377.ent-modal-ov.on .ent-modal-box { transform: translateY(0); } 378 379.ent-modal-box::before { 380 content: ''; position: absolute; inset: 0; pointer-events: none; 381 background-image: linear-gradient(rgba(197,160,101,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(197,160,101,0.04) 1px, transparent 1px); 382 background-size: 22px 22px; 383} 384.ent-modal-box::after { 385 content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; 386 background: linear-gradient(90deg, var(--navy), var(--gold), var(--navy)); 387} 388 389.ent-modal-close { 390 position: absolute; top: 12px; right: 12px; 391 background: none; border: none; color: rgba(255,255,255,.5); font-size: 20px; 392 cursor: pointer; transition: color .2s; z-index: 10; padding: 4px; line-height: 1; 393} 394.ent-modal-close:hover { color: var(--gold); } 395 396.ent-modal-eye { font-size: 9px; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; position: relative; z-index: 1; } 397.ent-modal-title { font-family: 'Playfair Display', Georgia, serif; font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 8px; line-height: 1.25; position: relative; z-index: 1; } 398.ent-modal-desc { font-size: 13px; line-height: 1.55; color: rgba(255,255,255,0.45); margin-bottom: 24px; position: relative; z-index: 1; } 399 400.ent-m-input { 401 width: 100%; display: block; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); 402 padding: 12px 14px; font-family: 'Inter', sans-serif; font-size: 13px; color: #fff; outline: none; margin-bottom: 10px; 403 transition: border-color 0.2s; box-sizing: border-box; position: relative; z-index: 1; 404} 405.ent-m-input:focus { border-color: var(--gold); } 406.ent-m-input::placeholder { color: rgba(255,255,255,0.25); } 407 408.ent-m-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; z-index: 1; } 409 410.ent-m-consent { display: flex; align-items: flex-start; gap: 8px; margin: 6px 0 16px; text-align: left; cursor: pointer; position: relative; z-index: 1; } 411.ent-m-consent input { width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; accent-color: var(--gold); cursor: pointer; } 412.ent-m-consent span { font-size: 10px; line-height: 1.5; color: rgba(255,255,255,.45); } 413.ent-m-consent a { color: var(--gold); text-decoration: underline; } 414 415.ent-m-btn { 416 width: 100%; display: block; padding: 14px; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; 417 letter-spacing: 0.15em; text-transform: uppercase; color: var(--navy); background: var(--gold); border: none; cursor: pointer; 418 transition: all 0.2s; position: relative; z-index: 1; 419} 420.ent-m-btn:hover { background: var(--gold2); transform: translateY(-1px); } 421 422.ent-m-success { 423 display: none; font-family: 'Playfair Display', serif; font-size: 20px; color: var(--gold); 424 font-style: italic; text-align: center; padding: 40px 0; position: relative; z-index: 1; 425} 426 427/* RESPONSIVE BREAKPOINTS */ 428@media (max-width: 1100px) { 429 .ent-nav, .ent-acts > .ent-sub { display: none; } 430 .ent-burger { display: flex; } 431} 432@media (max-width: 600px) { 433 .ent-row, .ent-sbar { padding: 0 16px; } 434 .ent-logo img { height: 42px; } 435 .ent-modal-box { padding: 30px 20px; } 436 .ent-m-row { grid-template-columns: 1fr; } 437} 438</style> 439 440<header class="ent-hdr" id="ent-hdr"> 441 <div class="ent-topbar"></div> 442 <div class="ent-row"> 443 444 <div class="ent-logo"> 445 <a href="/"><img src="https://theentrepreneur-times.com/wp-content/uploads/2025/12/EN-times.png" alt="EN TIMES"></a> 446 </div> 447 448 <nav class="ent-nav" aria-label="Main navigation"> 449 <ul> 450 <li class="ent-ni"> 451 <a href="#" class="ent-nl">Insights & Strategy <svg class="chv" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></a> 452 <ul class="ent-dd"> 453 <li><a href="#">Growth & Marketing Strategy</a></li> 454 <li><a href="#">Capital & Liquidity</a></li> 455 <li><a href="#">Market Disruptors</a></li> 456 <li><a href="#">The Modern Boardroom</a></li> 457 </ul> 458 </li> 459 <li class="ent-ni"> 460 <a href="#" class="ent-nl">Industries & Tech <svg class="chv" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></a> 461 <ul class="ent-dd"> 462 <li><a href="#">Applied AI & Automation</a></li> 463 <li><a href="#">Medical Tech & Healthcare</a></li> 464 <li><a href="#">Business & Security</a></li> 465 </ul> 466 </li> 467 <li class="ent-ni"> 468 <a href="#" class="ent-nl">Reports <svg class="chv" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></a> 469 <ul class="ent-dd"> 470 <li><a href="#">Deep Dive Reports</a></li> 471 <li><a href="#">Intelligence Briefs</a></li> 472 <li><a href="#">Executive Podcasts</a></li> 473 </ul> 474 </li> 475 <li class="ent-ni"> 476 <a href="#" class="ent-nl">Leaders <svg class="chv" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></a> 477 <ul class="ent-dd"> 478 <li><a href="/executive-profile">Executive Profiles</a></li> 479 <li><a href="#">40 Under 40</a></li> 480 <li><a href="#">Top 100 Inspiring Women</a></li> 481 <li><a href="/global-100-inspiring-business-leaders-2026/">Global 100 Business Leaders 2026</a></li> 482 </ul> 483 </li> 484 <li class="ent-ni"><a href="/magazines" class="ent-nl">Magazine</a></li> 485 </ul> 486 </nav> 487 488 <div class="ent-acts"> 489 <button class="ent-sbtn" id="js-sopen" aria-label="Search" aria-expanded="false"> 490 <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg> 491 </button> 492 <button class="ent-sub js-mod-trigger"> 493 Subscribe Free 494 <svg viewBox="0 0 24 24">
494<path d="M5 12h14M12 5l7 7-7 7"/></svg> 495 </button> 496 <button class="ent-burger" id="js-burger" aria-label="Open menu" aria-expanded="false"> 497 <span class="b"></span><span class="b"></span><span class="b"></span> 498 </button> 499 </div> 500 501 </div> 502</header> 503 504<div class="ent-spacer" aria-hidden="true"></div> 505 506<div class="ent-sbar" id="js-sbar" role="search"> 507 <svg class="ent-sbar-ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg> 508 <input class="ent-sinput" id="js-sinput" type="text" placeholder="Search articles, profiles, reportsâ¦" autocomplete="off" spellcheck="false"> 509 <button class="ent-sclose" id="js-sclose">Close â</button> 510</div> 511 512<div class="ent-ov" id="js-ov" aria-hidden="true"></div> 513 514<aside class="ent-drw" id="js-drw" aria-hidden="true" aria-label="Mobile navigation"> 515 <ul class="ent-dbody"> 516 <li class="ent-di"> 517 <button class="ent-dtgl" data-acc>Insights & Strategy <svg class="dc" viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg></button> 518 <ul class="ent-dsub"> 519 <li><a href="#">Growth & Marketing Strategy</a></li> 520 <li><a href="#">Capital & Liquidity</a></li> 521 <li><a href="#">Market Disruptors</a></li> 522 <li><a href="#">The Modern Boardroom</a></li> 523 </ul> 524 </li> 525 <li class="ent-di"> 526 <button class="ent-dtgl" data-acc>Industries & Tech <svg class="dc" viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg></button> 527 <ul class="ent-dsub"> 528 <li><a href="#">Applied AI & Automation</a></li> 529 <li><a href="#">Medical Tech & Healthcare</a></li> 530 <li><a href="#">Business & Security</a></li> 531 </ul> 532 </li> 533 <li class="ent-di"> 534 <button class="ent-dtgl" data-acc>Reports <svg class="dc" viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg></button> 535 <ul class="ent-dsub"> 536 <li><a href="#">Deep Dive Reports</a></li> 537 <li><a href="#">Intelligence Briefs</a></li> 538 <li><a href="#">Executive Podcasts</a></li> 539 </ul> 540 </li> 541 <li class="ent-di"> 542 <button class="ent-dtgl" data-acc>Leaders <svg class="dc" viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg></button> 543 <ul class="ent-dsub"> 544 <li><a href="/executive-profile">Executive Profiles</a></li> 545 <li><a href="#">40 Under 40</a></li> 546 <li><a href="#">Top 100 Inspiring Women</a></li> 547 <li><a href="/global-100-inspiring-business-leaders-2026/">Global 100 Business Leaders 2026</a></li> 548 </ul> 549 </li> 550 <li class="ent-di"><a href="/magazines" class="ent-dlink">Magazine <svg viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a></li> 551 </ul> 552 <div class="ent-dfoot"> 553 <button class="js-mod-trigger">Subscribe Free â It's Worth It</button> 554 </div> 555</aside> 556 557<div class="ent-modal-ov" id="js-mod-ov"> 558 <div class="ent-modal-box"> 559 <button class="ent-modal-close" id="js-mod-close" aria-label="Close">â</button> 560 <div class="ent-modal-eye">EN Times Insider</div> 561 <div class="ent-modal-title">The Briefing That Matters</div> 562 <div class="ent-modal-desc">Join 180,000+ executives getting the stories behind the numbers â every morning.</div> 563 564 <div id="js-mod-form"> 565 <div class="ent-m-row"> 566 <input type="text" class="ent-m-input" id="mod-fname" placeholder="First Name *"> 567 <input type="text" class="ent-m-input" id="mod-lname" placeholder="Last Name"> 568 </div> 569 <input type="email" class="ent-m-input" id="mod-email" placeholder="Work Email Address *"> 570 <div class="ent-m-row"> 571 <input type="text" class="ent-m-input" id="mod-designation" placeholder="Role / Designation"> 572 <input type="text" class="ent-m-input" id="mod-company" placeholder="Company / Organisation"> 573 </div> 574 575 <label class="ent-m-consent"> 576 <input type="checkbox" id="mod-consent"> 577 <span>I agree to receive the newsletter and accept the <a href="/privacy-policy/" target="_blank">Privacy Policy</a>.</span> 578 </label> 579 580 <button class="ent-m-btn" id="mod-submit-btn">Subscribe Free â</button> 581 </div> 582 583 <div class="ent-m-success" id="js-mod-success"> 584 â You're on the list.<br>Welcome to the network. 585 </div> 586 </div> 587</div> 588
589<script> 590(function () { 591 var hdr = document.getElementById('js-hdr') || document.querySelector('.ent-hdr'); 592 var burger = document.getElementById('js-burger'); 593 var drw = document.getElementById('js-drw'); 594 var ov = document.getElementById('js-ov'); 595 var sOpen = document.getElementById('js-sopen'); 596 var sBar = document.getElementById('js-sbar'); 597 var sInput = document.getElementById('js-sinput'); 598 var sClose = document.getElementById('js-sclose'); 599 600 /* ââ Scroll shadow ââ */ 601 window.addEventListener('scroll', function () { 602 if (!hdr) return; 603 hdr.classList.toggle('scrolled', window.scrollY > 5); 604 }, { passive: true }); 605 606 /* ââ Drawer ââ */ 607 function closeDrw() { 608 drw.classList.remove('on'); ov.classList.remove('on'); burger.classList.remove('on'); 609 burger.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; 610 } 611 burger.addEventListener('click', function () { 612 var isOn = drw.classList.contains('on'); 613 drw.classList.toggle('on', !isOn); ov.classList.toggle('on', !isOn); burger.classList.toggle('on', !isOn); 614 burger.setAttribute('aria-expanded', !isOn); 615 document.body.style.overflow = isOn ? '' : 'hidden'; 616 }); 617 ov.addEventListener('click', closeDrw); 618 619 /* ââ Accordion ââ */ 620 document.querySelectorAll('[data-acc]').forEach(function (btn) { 621 btn.addEventListener('click', function () { 622 var sub = this.nextElementSibling; if (!sub) return; 623 var isOn = sub.classList.contains('on'); 624 document.querySelectorAll('.ent-dsub.on').forEach(function (s) { 625 s.classList.remove('on'); if (s.previousElementSibling) s.previousElementSibling.classList.remove('on'); 626 }); 627 if (!isOn) { sub.classList.add('on'); this.classList.add('on'); } 628 }); 629 }); 630 631 /* ââ Search ââ */ 632 function closeSearch() { sBar.classList.remove('on'); sOpen.setAttribute('aria-expanded', 'false'); sInput.value = ''; } 633 sOpen.addEventListener('click', function (e) { 634 e.stopPropagation(); 635 if(sBar.classList.contains('on')){ closeSearch(); } else { sBar.classList.add('on'); sOpen.setAttribute('aria-expanded', 'true'); setTimeout(function(){sInput.focus();},40); } 636 }); 637 sClose.addEventListener('click', closeSearch); 638 document.addEventListener('click', function (e) { if (sBar.classList.contains('on') && !sBar.contains(e.target) && e.target !== sOpen) closeSearch(); }); 639 sInput.addEventListener('keydown', function (e) { if (e.key === 'Enter' && this.value.trim()) window.location.href = '/?s=' + encodeURIComponent(this.value.trim()); }); 640 641 /* ââ Subscribe Modal Logic ââ */ 642 var modOv = document.getElementById('js-mod-ov'); 643 var modClose = document.getElementById('js-mod-close'); 644 var modForm = document.getElementById('js-mod-form'); 645 var modSucc = document.getElementById('js-mod-success'); 646 var subBtn = document.getElementById('mod-submit-btn'); 647 648 function openModal() { 649 closeDrw(); closeSearch(); // Close menu if open 650 modOv.classList.add('on'); document.body.style.overflow = 'hidden'; 651 } 652 function closeModal() { 653 modOv.classList.remove('on'); document.body.style.overflow = ''; 654 setTimeout(function(){ 655 modForm.style.display = 'block'; modSucc.style.display = 'none'; 656 document.getElementById('mod-fname').value = ''; document.getElementById('mod-email').value = ''; 657 document.getElementById('mod-lname').value = ''; document.getElementById('mod-designation').value = ''; 658 document.getElementById('mod-company').value = ''; document.getElementById('mod-consent').checked = false; 659 }, 300); 660 } 661 662 document.querySelectorAll('.js-mod-trigger').forEach(function(btn){ btn.addEventListener('click', openModal); }); 663 modClose.addEventListener('click', closeModal); 664 modOv.addEventListener('click', function(e){ if(e.target === modOv) closeModal(); }); 665 666 /* ââ Escape key closes all layers ââ */ 667 document.addEventListener('keydown', function (e) { 668 if (e.key === 'Escape') { closeDrw(); closeSearch(); if(modOv.classList.contains('on')) closeModal(); } 669 }); 670 671 /* ââ Form Submission ââ */ 672 subBtn.addEventListener('click', function(){ 673 var fname = document.getElementById('mod-fname').value.trim(); 674 var lname = document.getElementById('mod-lname').value.trim(); 675 var email = document.getElementById('mod-email').value.trim(); 676 var designation = document.getElementById('mod-designation').value.trim(); 677 var company = document.getElementById('mod-company').value.trim();
678 var consent = document.getElementById('mod-consent').checked; 679 680 if (!fname || !email || !email.includes('@') || !consent) { 681 subBtn.textContent = 'Fill required fields & consent'; 682 subBtn.style.background = '#b91c1c'; subBtn.style.color = '#fff'; 683 setTimeout(function(){ subBtn.textContent = "Subscribe Free â"; subBtn.style.background = ''; subBtn.style.color = ''; }, 2500); 684 return; 685 } 686 687 subBtn.textContent = 'Subscribingâ¦'; 688 subBtn.disabled = true; 689 690 fetch(window.location.origin + '/wp-admin/admin-ajax.php', { 691 method: 'POST', 692 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 693 body: new URLSearchParams({ 694 action: 'ent_subscribe', 695 fname: fname, 696 lname: lname, 697 email: email, 698 designation: designation, 699 company: company, 700 consent: '1', 701 source: window.location.href + ' (Header Popup)' 702 }) 703 }) 704 .then(function(r){ return r.json(); }) 705 .then(function(data){ 706 if (data.success) { 707 modForm.style.display = 'none'; 708 modSucc.style.display = 'block'; 709 setTimeout(closeModal, 3000); 710 } else { 711 subBtn.textContent = data.data || 'Error. Try again.'; 712 subBtn.style.background = '#b91c1c'; subBtn.style.color = '#fff'; subBtn.disabled = false; 713 setTimeout(function(){ subBtn.textContent = "Subscribe Free â"; subBtn.style.background = ''; subBtn.style.color = ''; }, 3000); 714 } 715 }) 716 .catch(function(){ 717 subBtn.textContent = 'Connection error.'; 718 subBtn.style.background = '#b91c1c'; subBtn.style.color = '#fff'; subBtn.disabled = false; 719 setTimeout(function(){ subBtn.textContent = "Subscribe Free â"; subBtn.style.background = ''; subBtn.style.color = ''; }, 3000); 720 }); 721 }); 722 723})(); 724</script>
724 725
726<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1089fb4f685b439c83d84aef975451d3","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 726
726
727<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a441b7124b5845f5',t:'MTc5MDkyMzIyMA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
727</body> 728</html> </div> 729 </div> 730 </div> 731 </div> 732 </div> 733 </section> 734 </header> 735 <div data-elementor-type="single-page" data-elementor-id="20050" class="elementor elementor-20050 elementor-location-single post-14125 page type-page status-publish hentry" data-elementor-post-type="elementor_library"> 736 <section class="elementor-section elementor-top-section elementor-element elementor-element-1f1da7d elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="1f1da7d" data-element_type="section" data-e-type="section"> 737 <div class="elementor-container elementor-column-gap-default"> 738 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-210eb93" data-id="210eb93" data-element_type="column" data-e-type="column"> 739 <div class="elementor-widget-wrap elementor-element-populated"> 740 <div class="elementor-element elementor-element-1b1a5c0 elementor-widget elementor-widget-html" data-id="1b1a5c0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default"> 741 <div class="elementor-widget-container"> 742 <!â EN TIMES â HOMEPAGE BODY (final) â> 743<!-- Paste this between your Header and Footer in Elementor 744 using a Custom HTML widget (or Template > Body area) --> 745 746<!-- FONTS & LIBS --> 747<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
748<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 2 bytes, line 748
748
749<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
749 750 751<style> 752/* ===================================================== 753 GLOBAL BODY VARIABLES 754===================================================== */ 755:root { 756 --navy: #0A1128; 757 --navy-deep: #050a17; 758 --gold: #C5A065; 759 --gold-alt: #D4AF37; 760 --white: #ffffff; 761 --grey-body: #333333; 762 --grey-meta: #555555; 763 --border: #E0E0E0; 764 --bg-soft: #F8F7F5; 765 --font-head: 'Playfair Display', Georgia, serif; 766 --font-body: 'Inter', sans-serif; 767 --max-w: 1200px; 768 --radius: 0px; 769} 770 771/* Reset scoped to our sections */ 772.ent-section *, .ent-section *::before, .ent-section *::after { 773 box-sizing: border-box; margin: 0; padding: 0; 774} 775.ent-section a { text-decoration: none; color: inherit; } 776.ent-section img { display: block; max-width: 100%; } 777.ent-section { font-family: var(--font-body); } 778 779/* Section container util */ 780.ent-container { 781 max-width: var(--max-w); 782 margin: 0 auto; 783 padding: 0 40px; 784} 785@media(max-width:600px){ .ent-container { padding: 0 20px; } } 786 787/* Section heading util */ 788.ent-section-label { 789 display: flex; 790 align-items: center; 791 gap: 14px; 792 margin-bottom: 36px; 793} 794.ent-section-label::before { 795 content: ''; 796 display: block; 797 width: 32px; height: 3px; 798 background: var(--gold); 799 flex-shrink: 0; 800} 801.ent-section-label .label-text { 802 font-size: 10px; 803 font-weight: 700; 804 letter-spacing: 0.22em; 805 text-transform: uppercase; 806 color: var(--grey-meta); 807} 808.ent-section-label .label-link { 809 margin-left: auto; 810 font-size: 10px; 811 font-weight: 700; 812 letter-spacing: 0.15em; 813 text-transform: uppercase; 814 color: var(--navy); 815 border-bottom: 1.5px solid var(--gold); 816 padding-bottom: 1px; 817 transition: color 0.2s; 818} 819.ent-section-label .label-link:hover { color: var(--gold); } 820 821/* Skeleton shimmer */ 822@keyframes shimmer { 823 0% { background-position: -600px 0; } 824 100% { background-position: 600px 0; } 825} 826.skeleton { 827 background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%); 828 background-size: 600px 100%; 829 animation: shimmer 1.5s infinite linear; 830} 831.skeleton-dark { 832 background: linear-gradient(90deg, #0d1830 25%, #152040 50%, #0d1830 75%); 833 background-size: 600px 100%; 834 animation: shimmer 1.5s infinite linear; 835} 836 837/* Fade-in on scroll */ 838.ent-fade { 839 opacity: 0; 840 transform: translateY(24px); 841 transition: opacity 0.7s ease, transform 0.7s ease; 842} 843.ent-fade.in { opacity: 1; transform: none; } 844 845 846 847 848/* ===================================================== 849 2. HERO â LEADER INSIGHTS GRID 850===================================================== */ 851.hero-section { 852 background: var(--white); 853 padding: 64px 0; 854} 855 856/* Featured lead + sidebar layout */ 857.hero-layout { 858 display: grid; 859 grid-template-columns: 1fr 380px; 860 gap: 0; 861} 862 863/* Lead post */ 864.hero-lead { 865 padding-right: 48px; 866 border-right: 1px solid var(--border); 867} 868.hero-lead-link { 869 display: block; 870 position: relative; 871 overflow: hidden; 872 margin-bottom: 22px; 873} 874.hero-lead-img { 875 width: 100%; height: 420px; 876 object-fit: cover; 877 transition: transform 0.55s ease; 878} 879.hero-lead-link:hover .hero-lead-img { transform: scale(1.03); } 880 881.hero-lead-cat { 882 font-size: 10px; font-weight: 700; letter-spacing: 0.2em; 883 text-transform: uppercase; color: var(--gold); 884 margin-bottom: 10px; display: block; 885} 886.hero-lead-title { 887 font-family: var(--font-head); 888 font-size: clamp(26px, 3vw, 40px); 889 font-weight: 700; line-height: 1.2; 890 color: var(--navy); 891 margin-bottom: 12px; 892 transition: color 0.2s; 893 display: block; 894} 895.hero-lead-title:hover { color: var(--gold); } 896 897.hero-lead-excerpt { 898 font-size: 15px; line-height: 1.7; 899 color: var(--grey-meta); 900 margin-bottom: 16px; 901 font-weight: 300; 902} 903.hero-lead-meta { 904 font-size: 11px; font-weight: 500; 905 color: #999; letter-spacing: 0.06em; 906} 907.hero-lead-meta strong { color: var(--navy); font-weight: 600; } 908 909/* Sidebar stack */ 910.hero-sidebar { 911 padding-left: 40px; 912} 913.hero-side-item { 914 display: grid; 915 grid-template-columns: 100px 1fr; 916 gap: 14px; 917 padding: 18px 0; 918 border-bottom: 1px solid var(--border); 919 cursor: pointer; 920} 921.hero-side-item:first-child { padding-top: 0; } 922.hero-side-item:last-child { border-bottom: none; } 923.hero-side-img { 924 width: 100px; height: 70px; 925 object-fit: cover; 926 flex-shrink: 0; 927 transition: opacity 0.2s; 928} 929.hero-side-item:hover .hero-side-img { opacity: 0.85; } 930.hero-side-cat { 931 font-size: 9px; font-weight: 700; 932 letter-spacing: 0.18em; text-transform: uppercase; 933 color: var(--gold); margin-bottom: 5px; 934} 935.hero-side-title { 936 font-family: var(--font-head); 937 font-size: 15px; font-weight: 600; 938 line-height: 1.35; color: var(--navy); 939 transition: color 0.2s; 940 display: block; 941} 942.hero-side-item:hover .hero-side-title { color: var(--gold); } 943.hero-side-meta { font-size: 10px; color: #999; margin-top: 4px; } 944 945/* Below hero: 3-col grid */ 946.hero-grid-row { 947 display: grid; 948 grid-template-columns: repeat(3, 1fr); 949 gap: 30px; 950 margin-top: 48px; 951 padding-top: 48px; 952 border-top: 1px solid var(--border); 953} 954.hero-grid-card { cursor: pointer; } 955.hero-grid-img { 956 width: 100%; height: 200px; 957 object-fit: cover; margin-bottom: 14px; 958 transition: opacity 0.25s; 959} 960.hero-grid-card:hover .hero-grid-img { opacity: 0.85; } 961.hero-grid-cat { 962 font-size: 9.5px; font-weight: 700; 963 letter-spacing: 0.18em; text-transform: uppercase; 964 color: var(--gold); margin-bottom: 8px; 965} 966.hero-grid-title { 967 font-family: var(--font-head); 968 font-size: 19px; font-weight: 700; 969 line-height: 1.3; color: var(--navy); 970 margin-bottom: 8px; 971 transition: color 0.2s; 972 display: block; 973} 974.hero-grid-card:hover .hero-grid-title { color: var(--gold); } 975.hero-grid-excerpt { 976 font-size: 13px; line-height: 1.6; 977 color: var(--grey-meta); margin-bottom: 8px; 978} 979.hero-grid-meta { font-size: 10.5px; color: #999; } 980 981/* Skeletons hero */ 982.hero-skel-lead .sk-img { width: 100%; height: 420px; } 983.hero-skel-lead .sk-cat { width: 100px; height: 12px; margin-bottom: 12px; } 984.hero-skel-lead .sk-h1 { width: 85%; height: 38px; margin-bottom: 10px; } 985.hero-skel-lead .sk-h1b { width: 65%; height: 38px; margin-bottom: 14px; } 986.hero-skel-lead .sk-p { width: 100%; height: 13px; margin-bottom: 6px; } 987.hero-skel-side .sk-img { width: 100px; height: 70px; } 988.hero-skel-side .sk-cat { width: 70px; height: 10px; margin-bottom: 6px; } 989.hero-skel-side .sk-title { width: 90%; height: 14px; margin-bottom: 4px; } 990.hero-skel-side .sk-meta { width: 60px; height: 10px; } 991 992 993/* ===================================================== 994 3. MAGAZINE SECTION (Executive Editions) 995===================================================== */ 996.mag-section-custom { 997 position: relative; 998 background-color: var(--navy-deep); 999 background-image:
1000 linear-gradient(rgba(197,160,101,0.04) 1px, transparent 1px), 1001 linear-gradient(90deg, rgba(197,160,101,0.04) 1px, transparent 1px); 1002 background-size: 40px 40px; 1003 padding: 100px 20px; 1004 font-family: var(--font-body); 1005 width: 100%; overflow: hidden; 1006 animation: animatedGrid 20s linear infinite; 1007} 1008@keyframes animatedGrid { 1009 0% { background-position: 0px 0px; } 1010 100% { background-position: 40px 40px; } 1011} 1012.mag-section-custom::before { 1013 content: ''; position: absolute; 1014 top: 0; left: 50%; transform: translateX(-50%); 1015 width: 100%; height: 100%; 1016 background: radial-gradient(circle at 50% 0%, rgba(21,32,64,0.8) 0%, transparent 70%); 1017 z-index: 0; pointer-events: none; 1018} 1019.mag-container { 1020 max-width: 1360px; margin: 0 auto; 1021 position: relative; z-index: 1; 1022} 1023.mag-header { 1024 display: flex; justify-content: space-between; 1025 align-items: flex-end; margin-bottom: 50px; 1026 border-bottom: 1px solid rgba(255,255,255,0.05); 1027 padding-bottom: 20px; 1028} 1029.mag-header-left h2 { 1030 color: #ffffff; font-family: var(--font-head); 1031 font-size: 38px; margin: 0 0 8px 0; 1032 text-shadow: 0 0 20px rgba(255,255,255,0.1); 1033} 1034.mag-header-left p { 1035 color: #8892b0; font-weight: 300; 1036 margin: 0; font-size: 15px; letter-spacing: 0.5px; 1037} 1038.mag-archive-link { 1039 color: var(--gold); font-size: 11px; 1040 text-transform: uppercase; letter-spacing: 2px; 1041 text-decoration: none; padding: 8px 16px; 1042 border: 1px solid rgba(197,160,101,0.3); 1043 border-radius: 2px; transition: all 0.3s ease; 1044 background: rgba(197,160,101,0.05); 1045} 1046.mag-archive-link:hover { 1047 background: rgba(197,160,101,0.15); 1048 box-shadow: 0 0 15px rgba(197,160,101,0.2); 1049} 1050.mag-grid-custom { 1051 display: grid; 1052 grid-template-columns: repeat(4, 1fr); 1053 gap: 30px; align-items: center; 1054} 1055 1056/* =========================== 1057 MAG COVER: fixed uniform size 1058 =========================== */ 1059.mag-cover-link { 1060 display: block; position: relative; 1061 border-radius: 6px; overflow: hidden; 1062 background: #0a1128; 1063 height: 420px; /* fixed equal height for all covers */ 1064 border: 1px solid rgba(255,255,255,0.05); 1065 box-shadow: 0 10px 30px rgba(0,0,0,0.5); 1066 transition: all 0.4s cubic-bezier(0.16,1,0.3,1); 1067} 1068.mag-cover-link::after { 1069 content: ''; position: absolute; 1070 top: 0; left: -100%; width: 50%; height: 100%; 1071 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 100%); 1072 transform: skewX(-25deg); transition: all 0.7s ease; z-index: 2; 1073} 1074.mag-cover-link:hover { 1075 transform: translateY(-12px) scale(1.02); 1076 border-color: var(--gold); 1077 box-shadow: 0 20px 40px rgba(0,0,0,0.8), 0 0 20px rgba(197,160,101,0.3); z-index: 10; 1078} 1079.mag-cover-link:hover::after { left: 200%; } 1080 1081/* ensure every image fills the fixed container and crops uniformly */ 1082.mag-cover-img { 1083 width: 100%; height: 100%; 1084 object-fit: cover; /* uniform cropping */ 1085 display: block; filter: brightness(0.85) contrast(1.1); 1086 transition: filter 0.4s ease; 1087} 1088.mag-cover-link:hover .mag-cover-img { filter: brightness(1.05) contrast(1.1); } 1089.mag-loading { 1090 color: var(--gold); text-align: center; 1091 grid-column: 1 / -1; font-size: 13px; 1092 letter-spacing: 3px; text-transform: uppercase; 1093} 1094 1095 1096/* ===================================================== 1097 4. BLOG SECTION 1098===================================================== */ 1099.blog-section { 1100 background: var(--bg-soft); 1101 padding: 80px 0; 1102} 1103 1104.blog-grid { 1105 display: grid; 1106 grid-template-columns: repeat(3, 1fr); 1107 gap: 28px; 1108} 1109 1110.blog-card { 1111 background: var(--white); 1112 display: flex; flex-direction: column; 1113 transition: box-shadow 0.3s, transform 0.3s; 1114 cursor: pointer; 1115} 1116.blog-card:hover { 1117 box-shadow: 0 12px 36px rgba(10,17,40,0.12); 1118 transform: translateY(-4px); 1119} 1120 1121.blog-card-img-wrap { 1122 overflow: hidden; position: relative; 1123} 1124.blog-card-img { 1125 width: 100%; height: 220px; 1126 object-fit: cover; 1127 transition: transform 0.5s ease; 1128} 1129.blog-card:hover .blog-card-img { transform: scale(1.04); } 1130 1131.blog-card-body { 1132 padding: 22px 24px 28px; 1133 flex: 1; display: flex; flex-direction: column; 1134} 1135.blog-card-cat { 1136 font-size: 9.5px; font-weight: 700; 1137 letter-spacing: 0.2em; text-transform: uppercase; 1138 color: var(--gold); margin-bottom: 10px; 1139} 1140.blog-card-title { 1141 font-family: var(--font-head); 1142 font-size: 20px; font-weight: 700; 1143 line-height: 1.3; color: var(--navy); 1144 margin-bottom: 10px; 1145 transition: color 0.2s; display: block; 1146} 1147.blog-card:hover .blog-card-title { color: var(--gold); } 1148 1149.blog-card-excerpt { 1150 font-size: 13.5px; line-height: 1.65;
1151 color: var(--grey-meta); flex: 1; 1152 margin-bottom: 16px; 1153} 1154.blog-card-meta { 1155 font-size: 10.5px; font-weight: 500; 1156 color: #aaa; border-top: 1px solid var(--border); 1157 padding-top: 12px; 1158} 1159.blog-card-meta strong { color: var(--navy); font-weight: 600; } 1160 1161/* Load more */ 1162.blog-load-more { 1163 text-align: center; margin-top: 48px; 1164} 1165.btn-load-more { 1166 font-family: var(--font-body); 1167 font-size: 11px; font-weight: 700; 1168 letter-spacing: 0.16em; text-transform: uppercase; 1169 padding: 14px 40px; background: transparent; 1170 color: var(--navy); border: 1.5px solid var(--navy); 1171 cursor: pointer; transition: all 0.25s; 1172} 1173.btn-load-more:hover { 1174 background: var(--navy); color: var(--gold); 1175 border-color: var(--navy); 1176} 1177.btn-load-more:disabled { 1178 opacity: 0.4; cursor: not-allowed; 1179} 1180 1181 1182/* ===================================================== 1183 5. NEWSLETTER BOX 1184===================================================== */ 1185.newsletter-section { 1186 background: var(--navy); 1187 padding: 80px 0; 1188 position: relative; overflow: hidden; 1189} 1190/* subtle dot pattern */ 1191.newsletter-section::before { 1192 content: ''; 1193 position: absolute; inset: 0; 1194 background-image: radial-gradient(rgba(197,160,101,0.06) 1px, transparent 1px); 1195 background-size: 28px 28px; pointer-events: none; 1196} 1197.newsletter-inner { 1198 position: relative; z-index: 1; 1199 display: grid; 1200 grid-template-columns: 1fr 1fr; 1201 gap: 80px; 1202 align-items: center; 1203} 1204.nl-left .nl-eyebrow { 1205 font-size: 10px; font-weight: 700; 1206 letter-spacing: 0.22em; text-transform: uppercase; 1207 color: var(--gold); margin-bottom: 14px; 1208} 1209.nl-left h2 { 1210 font-family: var(--font-head); 1211 font-size: clamp(28px, 3vw, 42px); 1212 font-weight: 700; color: var(--white); 1213 line-height: 1.2; margin-bottom: 14px; 1214} 1215.nl-left p { 1216 font-size: 15px; line-height: 1.7; 1217 color: rgba(255,255,255,0.55); 1218 font-weight: 300; 1219} 1220.nl-stats { 1221 display: flex; gap: 36px; margin-top: 28px; 1222} 1223.nl-stat-num { 1224 font-family: var(--font-head); 1225 font-size: 28px; font-weight: 700; color: var(--gold); 1226} 1227.nl-stat-label { 1228 font-size: 11px; color: rgba(255,255,255,0.4); 1229 font-weight: 500; letter-spacing: 0.08em; 1230} 1231 1232.nl-form-wrap { display: flex; flex-direction: column; gap: 12px; } 1233.nl-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } 1234.nl-input { 1235 font-family: var(--font-body); font-size: 14px; 1236 padding: 14px 18px; 1237 background: rgba(255,255,255,0.06); 1238 border: 1px solid rgba(255,255,255,0.12); 1239 color: var(--white); outline: none; 1240 transition: border-color 0.2s; width: 100%; 1241} 1242.nl-input::placeholder { color: rgba(255,255,255,0.3); } 1243.nl-input:focus { border-color: var(--gold); } 1244.nl-submit { 1245 font-family: var(--font-body); font-size: 11px; 1246 font-weight: 700; letter-spacing: 0.18em; 1247 text-transform: uppercase; padding: 16px; 1248 background: var(--gold); color: var(--navy); 1249 border: none; cursor: pointer; 1250 transition: background 0.2s, transform 0.15s; 1251} 1252.nl-submit:hover { background: #d4b07e; transform: translateY(-1px); } 1253.nl-privacy { 1254 font-size: 10.5px; 1255 color: rgba(255,255,255,0.25); 1256 line-height: 1.6; margin-top: 4px; 1257} 1258.nl-success { 1259 display: none; 1260 font-family: var(--font-head); 1261 font-size: 22px; color: var(--gold); 1262 font-style: italic; text-align: center; 1263 padding: 32px 0; 1264} 1265/* ââ Newsletter consent + new field styles ââ */ 1266.nl-consent-wrap { 1267 display: flex; 1268 align-items: flex-start; 1269 gap: 10px; 1270 cursor: pointer; 1271 margin-top: 2px; 1272} 1273.nl-consent-check { 1274 width: 16px; 1275 height: 16px; 1276 flex-shrink: 0; 1277 margin-top: 3px; 1278 accent-color: var(--gold); 1279 cursor: pointer; 1280} 1281.nl-consent-text { 1282 font-size: 11.5px; 1283 line-height: 1.6; 1284 color: rgba(255,255,255,.35); 1285} 1286.nl-consent-text a { 1287 color: var(--gold); 1288 text-decoration: underline; 1289} 1290.nl-consent-text a:hover { color: #d4b07e; } 1291 1292/* ===================================================== 1293 6. CONTACT US BOX 1294===================================================== */ 1295.contact-section { 1296 background: var(--white); 1297 padding: 80px 0; 1298 border-top: 1px solid var(--border); 1299} 1300.contact-inner { 1301 display: grid; 1302 grid-template-columns: 1fr 1fr; 1303 gap: 80px; 1304 align-items: start; 1305} 1306.contact-left .cl-eyebrow { 1307 font-size: 10px; font-weight: 700; 1308 letter-spacing: 0.22em; text-transform: uppercase; 1309 color: var(--gold); margin-bottom: 14px; 1310} 1311.contact-left h2 { 1312 font-family: var(--font-head); 1313 font-size: clamp(26px, 3vw, 38px); 1314 font-weight: 700; color: var(--navy); 1315 line-height: 1.25; margin-bottom: 16px; 1316} 1317.contact-left p { 1318 font-size: 15px; line-height: 1.7; 1319 color: var(--grey-meta); font-weight: 300; 1320 margin-bottom: 32px; 1321} 1322.contact-details { display: flex; flex-direction: column; gap: 18px; } 1323.contact-item { 1324 display: flex; gap: 14px; align-items: flex-start; 1325} 1326.contact-icon { 1327 width: 40px; height: 40px; flex-shrink: 0; 1328 background: var(--bg-soft); 1329 border: 1px solid var(--border); 1330 display: flex; align-items: center; justify-content: center; 1331} 1332.contact-icon svg { width: 18px; height: 18px; stroke: var(--gold); fill: none; stroke-width: 1.5; } 1333.contact-item-label { 1334 font-size: 10px; font-weight: 700; 1335 letter-spacing: 0.15em; text-transform: uppercase; 1336 color: var(--grey-meta); margin-bottom: 3px; 1337} 1338.contact-item-val { 1339 font-size: 14px; font-weight: 500; color: var(--navy); 1340} 1341 1342/* Contact Form */ 1343.contact-form { display: flex; flex-direction: column; gap: 14px; } 1344.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } 1345.cf-input, .cf-select, .cf-textarea { 1346 font-family: var(--font-body); font-size: 14px; 1347 padding: 13px 16px; width: 100%; 1348 background: var(--bg-soft); 1349 border: 1px solid var(--border); 1350 color: var(--grey-body); outline: none; 1351 transition: border-color 0.2s; 1352 appearance: none; 1353} 1354.cf-input:focus, .cf-select:focus, .cf-textarea:focus { 1355 border-color: var(--gold); 1356 background: var(--white); 1357} 1358.cf-textarea { resize: vertical; min-height: 120px; } 1359.cf-submit { 1360 font-family: var(--font-body); font-size: 11px; 1361 font-weight: 700; letter-spacing: 0.18em; 1362 text-transform: uppercase; padding: 16px 36px; 1363 background: var(--navy); color: var(--white); 1364 border: 1.5px solid var(--navy); cursor: pointer; 1365 transition: all 0.25s; align-self: flex-start; 1366} 1367.cf-submit { 1368 color: var(--white) !important; 1369} 1370.cf-submit:hover { 1371 background: var(--gold) !important; 1372 color: var(--navy) !important; 1373 border-color: var(--gold) !important; 1374} 1375.cf-success { 1376 display: none; 1377 font-size: 14px; color: #1a7a4a; 1378 font-weight: 600; padding: 14px 18px; 1379 background: #e8f5ef; border: 1px solid #b2dfcc; 1380} 1381 1382 1383/* ===================================================== 1384 RESPONSIVE 1385===================================================== */ 1386@media(max-width: 1024px) { 1387 .hero-layout { grid-template-columns: 1fr; } 1388 .hero-lead { padding-right: 0;
1388 border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 40px; margin-bottom: 40px; } 1389 .hero-sidebar { padding-left: 0; } 1390 .hero-grid-row { grid-template-columns: 1fr 1fr; } 1391 .newsletter-inner, .contact-inner { grid-template-columns: 1fr; gap: 48px; } 1392 .mag-grid-custom { grid-template-columns: repeat(3, 1fr); } 1393 /* all mag covers equal on tablet */ 1394 .mag-cover-link { height: 320px; } 1395} 1396@media(max-width: 768px) { 1397 .blog-grid { grid-template-columns: 1fr 1fr; } 1398 .hero-grid-row { grid-template-columns: 1fr; } 1399 .nl-form-row, .cf-row { grid-template-columns: 1fr; } 1400 .mag-header { flex-direction: column; align-items: flex-start; gap: 20px; } 1401 .banner-btn-group { flex-direction: column; gap: 15px; } 1402 .banner-btn-primary, .banner-btn-secondary { width: 100%; box-sizing: border-box; text-align: center; } 1403 .marquee-item { font-size: 0.8rem; letter-spacing: 2px; padding: 0 20px; } 1404 .home-awards-banner { height: auto; padding: 60px 20px; } 1405} 1406@media(max-width: 550px) { 1407 .blog-grid { grid-template-columns: 1fr; } 1408 .mag-grid-custom { grid-template-columns: 1fr; } 1409 .nl-stats { flex-direction: column; gap: 16px; } 1410 .mag-cover-link { height: 260px; } /* mobile-friendly */ 1411} 1412</style> 1413 1414 1415 1416<!-- ========================================================= 1417 SECTION 2: HERO â Executive Profile (Dynamic WP Loop) 1418========================================================= --> 1419<section class="ent-section hero-section"> 1420 <div class="ent-container"> 1421 1422 <div class="ent-section-label ent-fade"> 1423 <span class="label-text">Executive Profile</span> 1424 <!-- updated link: leaders-insights --> 1425 <a href="/executive-profile/" class="label-link">View All â</a> 1426 </div> 1427 1428 <!-- Main layout: lead left + sidebar right --> 1429 <div class="hero-layout ent-fade" id="hero-layout"> 1430 <!-- Skeleton lead --> 1431 <div class="hero-lead hero-skel-lead" id="hero-lead-skeleton"> 1432 <div class="sk-img skeleton" style="margin-bottom:22px;"></div> 1433 <div class="sk-cat skeleton" style="height:12px;width:90px;margin-bottom:12px;"></div> 1434 <div class="sk-h1 skeleton" style="height:36px;width:80%;margin-bottom:8px;"></div> 1435 <div class="sk-h1 skeleton" style="height:36px;width:60%;margin-bottom:14px;"></div> 1436 <div class="sk-p skeleton" style="height:13px;margin-bottom:5px;"></div> 1437 <div class="sk-p skeleton" style="height:13px;width:85%;margin-bottom:5px;"></div> 1438 <div class="sk-p skeleton" style="height:13px;width:70%;"></div> 1439 </div> 1440 <!-- Lead post (filled by JS) --> 1441 <div class="hero-lead" id="hero-lead" style="display:none;"></div> 1442 1443 <!-- Sidebar (filled by JS) --> 1444 <div class="hero-sidebar" id="hero-sidebar"> 1445 <!-- Skeleton items --> 1446 <div class="hero-side-item"> 1447 <div class="skeleton" style="width:100px;height:70px;"></div> 1448 <div> 1449 <div class="skeleton" style="width:70px;height:10px;margin-bottom:6px;"></div> 1450 <div class="skeleton" style="width:100%;height:14px;margin-bottom:4px;"></div> 1451 <div class="skeleton" style="width:80%;height:14px;margin-bottom:4px;"></div> 1452 <div class="skeleton" style="width:55px;height:10px;"></div> 1453 </div> 1454 </div> 1455 <div class="hero-side-item"> 1456 <div class="skeleton" style="width:100px;height:70px;"></div> 1457 <div> 1458 <div class="skeleton" style="width:70px;height:10px;margin-bottom:6px;"></div> 1459 <div class="skeleton" style="width:100%;height:14px;margin-bottom:4px;"></div> 1460 <div class="skeleton" style="width:75%;height:14px;margin-bottom:4px;"></div> 1461 <div class="skeleton" style="width:55px;height:10px;"></div> 1462 </div> 1463 </div> 1464 <div class="hero-side-item"> 1465 <div class="skeleton" style="width:100px;height:70px;"></div> 1466 <div> 1467 <div class="skeleton" style="width:70px;height:10px;margin-bottom:6px;"></div> 1468 <div class="skeleton" style="width:100%;height:14px;margin-bottom:4px;"></div> 1469 <div class="skeleton" style="width:90%;height:14px;margin-bottom:4px;"></div> 1470 <div class="skeleton" style="width:55px;height:10px;"></div> 1471 </div> 1472 1473 </div> 1474 </div> 1475 </div> 1476 1477 <!-- 3-col grid below --> 1478 <div class="hero-grid-row ent-fade" id="hero-grid-row"> 1479 <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:30px;grid-column:1/-1;" id="hero-grid-skeletons"> 1480 <div><div class="skeleton" style="height:200px;margin-bottom:14px;"></div><div class="skeleton" style="height:10px;width:80px;margin-bottom:8px;"></div><div class="skeleton" style="height:18px;width:90%;margin-bottom:6px;"></div><div class="skeleton" style="height:18px;width:70%;"></div></div> 1481 <div><div class="skeleton" style="height:200px;margin-bottom:14px;"></div><div class="skeleton" style="height:10px;width:80px;margin-bottom:8px;"></div><div class="skeleton" style="height:18px;width:90%;margin-bottom:6px;"></div><div class="skeleton" style="height:18px;width:70%;"></div></div> 1482 <div><div class="skeleton" style="height:200px;margin-bottom:14px;"></div><div class="skeleton" style="height:10px;width:80px;margin-bottom:8px;"></div><div class="skeleton" style="height:18px;width:90%;margin-bottom:6px;"></div><div class="skeleton" style="height:18px;width:70%;"></div></div> 1483 </div> 1484 </div> 1485 1486 </div> 1487</section> 1488 1489 1490<!-- ========================================================= 1491 SECTION 3: MAGAZINE â EXECUTIVE EDITIONS (Dynamic WP Loop) 1492========================================================= --> 1493<section class="mag-section-custom ent-section ent-fade"> 1494 <div class="mag-container"> 1495 <div class="mag-header"> 1496 <div class="mag-header-left"> 1497 <h2>Latest Editions</h2> 1498 <p>
1498Breaking stories. Market-moving intelligence.</p> 1499 </div> 1500 <a href="/magazines/" class="mag-archive-link">View All</a> 1501 </div> 1502 <div id="mag-showcase-grid" class="mag-grid-custom"> 1503 <div class="mag-loading">Establishing Secure Connection...</div> 1504 </div> 1505 </div> 1506</section> 1507 1508 1509<!-- ========================================================= 1510 SECTION 4: BLOG SECTION (Dynamic WP Loop) 1511========================================================= --> 1512<section class="ent-section blog-section"> 1513 <div class="ent-container"> 1514 1515 <div class="ent-section-label ent-fade"> 1516 <span class="label-text">From the Blog</span> 1517 <a href="/category/blogs/" class="label-link">All Posts â</a> 1518 </div> 1519 1520 <div class="blog-grid ent-fade" id="blog-grid"> 1521 <!-- Skeletons --> 1522 <div class="blog-card"> 1523 <div class="skeleton" style="height:220px;"></div> 1524 <div class="blog-card-body"> 1525 <div class="skeleton" style="height:10px;width:80px;margin-bottom:10px;"></div> 1526 <div class="skeleton" style="height:18px;width:95%;margin-bottom:6px;"></div> 1527 <div class="skeleton" style="height:18px;width:75%;margin-bottom:12px;"></div> 1528 <div class="skeleton" style="height:12px;margin-bottom:5px;"></div> 1529 <div class="skeleton" style="height:12px;width:85%;"></div> 1530 </div> 1531 </div> 1532 <div class="blog-card"> 1533 <div class="skeleton" style="height:220px;"></div> 1534 <div class="blog-card-body"> 1535 <div class="skeleton" style="height:10px;width:80px;margin-bottom:10px;"></div> 1536 <div class="skeleton" style="height:18px;width:95%;margin-bottom:6px;"></div> 1537 <div class="skeleton" style="height:18px;width:75%;margin-bottom:12px;"></div> 1538 <div class="skeleton" style="height:12px;margin-bottom:5px;"></div> 1539 <div class="skeleton" style="height:12px;width:85%;"></div> 1540 </div> 1541 </div> 1542 <div class="blog-card"> 1543 <div class="skeleton" style="height:220px;"></div> 1544 <div class="blog-card-body"> 1545 <div class="skeleton" style="height:10px;width:80px;margin-bottom:10px;"></div> 1546 <div class="skeleton" style="height:18px;width:95%;margin-bottom:6px;"></div> 1547 <div class="skeleton" style="height:18px;width:75%;margin-bottom:12px;"></div> 1548 <div class="skeleton" style="height:12px;margin-bottom:5px;"></div> 1549 <div class="skeleton" style="height:12px;width:85%;"></div> 1550 </div> 1551 </div> 1552 </div> 1553 1554 <div class="blog-load-more ent-fade"> 1555 <button class="btn-load-more" id="blog-load-more-btn" data-page="1">Load More Articles</button> 1556 </div> 1557 1558 </div> 1559</section> 1560 1561 1562<!-- ========================================================= 1563 SECTION 5: NEWSLETTER 1564========================================================= --> 1565<section class="ent-section newsletter-section"> 1566 <div class="ent-container"> 1567 <div class="newsletter-inner ent-fade"> 1568 <div class="nl-left"> 1569 <div class="nl-eyebrow">EN Times Intelligence</div> 1570 <h2>The Briefing You Can't Afford to Miss</h2> 1571 <p>Join executives and entrepreneurs who start their day with our curated intelligence digest â market signals, leadership insights, and the stories shaping the new economy.</p> 1572 <div class="nl-stats"> 1573 <div> 1574 <div class="nl-stat-num">180K+</div> 1575 <div class="nl-stat-label">Subscribers</div> 1576 </div> 1577 <div> 1578 <div class="nl-stat-num">Bi-Monthly</div> 1579 <div class="nl-stat-label">Frequency</div> 1580 </div> 1581 <div> 1582 <div class="nl-stat-num">Free</div> 1583 <div class="nl-stat-label">Always</div> 1584 </div> 1585 </div> 1586 </div> 1587 1588 <div class="nl-right"> 1589 <div class="nl-form-wrap" id="nl-form-wrap"> 1590 <div class="nl-form-row"> 1591 <input type="text" class="nl-input" id="nl-fname" placeholder="First Name *"> 1592 <input type="text" class="nl-input" id="nl-lname" placeholder="Last Name"> 1593 </div> 1594 <input type="email" class="nl-input" id="nl-email" placeholder="Work Email Address *"> 1595 <div class="nl-form-row"> 1596 <input type="text" class="nl-input" id="nl-designation" placeholder="Role / Designation"> 1597 <input type="text" class="nl-input" id="nl-company" placeholder="Company / Organisation"> 1598 </div> 1599 <label class="nl-consent-wrap"> 1600 <input type="checkbox" id="nl-consent" class="nl-consent-check">
1601 <span class="nl-consent-text"> 1602 I agree to receive the EN Times newsletter and occasional updates. I understand I can unsubscribe at any time. View our <a href="/privacy-policy/" target="_blank">Privacy Policy</a>. 1603 </span> 1604 </label> 1605 <button class="nl-submit" id="nl-submit-btn">Subscribe â It's Free â</button> 1606 <p class="nl-privacy">No spam. No ads. Unsubscribe anytime. Your privacy is respected.</p> 1607 </div> 1608 <div class="nl-success" id="nl-success"> 1609 â You're on the list. Welcome to the intelligence network. 1610 </div> 1611 </div> 1612 1613 </div> 1614 </div> 1615</section> 1616 1617 1618<!-- ========================================================= 1619 SECTION 6: CONTACT US 1620========================================================= --> 1621<section class="ent-section contact-section"> 1622 <div class="ent-container"> 1623 1624 <div class="contact-inner ent-fade"> 1625 1626 <div class="contact-left"> 1627 <div class="cl-eyebrow">Get in Touch</div> 1628 <h2>Reach the EN Times Team</h2> 1629 <p>Whether you're submitting a story lead, enquiring about editorial partnerships, advertising, or nominations â we'd love to hear from you.</p> 1630 1631 <div class="contact-details"> 1632 <div class="contact-item"> 1633 <div class="contact-icon"> 1634 <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> 1635 </div> 1636 <div> 1637 <div class="contact-item-label">Editorial</div> 1638 <div class="contact-item-val"><a href="/cdn-cgi/l/email-protection#dbbcbaaea9baad9bafb3bebeb5afa9beaba9beb5beaea9f6afb2b6bea8f5b8b4b6"><span class="__cf_email__" data-cfemail="5a3d3b2f283b2c1a2e323f3f342e283f2a283f343f2f28772e33373f2974393537">[email protected]</span></a></div> 1639 </div> 1640 </div> 1641 1642 <div class="contact-item"> 1643 <div class="contact-icon"> 1644 <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.01 1.18 2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg> 1645 </div> 1646 <div> 1647 <div class="contact-item-label">Partnerships & Advertising</div> 1648 <div class="contact-item-val"><a href="/cdn-cgi/l/email-protection#177e79717857637f727279636572676572797262653a637e7a72643974787a"><span class="__cf_email__" data-cfemail="fd94939b92bd8995989893898f988d8f989398888fd0899490988ed39e9290">[email protected]</span></a></div> 1649 </div> 1650 </div> 1651 1652 <div class="contact-item"> 1653 <div class="contact-icon"> 1654 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 1655 </div> 1656 <div> 1657 <div class="contact-item-label">Response Time</div> 1658 <div class="contact-item-val">Within 24 hours on business days</div> 1659 </div> 1660 </div> 1661 </div> 1662 </div> 1663 1664 <div class="contact-right"> 1665 <div class="contact-form" id="contact-form"> 1666 <div class="cf-row"> 1667 <input type="text" class="cf-input" id="cf-name" placeholder="Your Full Name"> 1668 <input type="email" class="cf-input" id="cf-email" placeholder="Email Address"> 1669 </div> 1670 <select class="cf-select" id="cf-subject"> 1671 <option value="" disabled selected>Select Enquiry Type</option> 1672 <option>Editorial / Story Lead</option> 1673 <option>Advertising & Sponsorship</option> 1674 <option>40 Under 40 Nomination</option> 1675 <option>Press / Media Inquiry</option> 1676 <option>General Enquiry</option> 1677 </select> 1678 <textarea class="cf-textarea" id="cf-message" placeholder="Your message..."></textarea> 1679 <label class="nl-consent-wrap" style="margin-bottom: 14px;"> 1680 <input type="checkbox" id="cf-consent" class="nl-consent-check"> 1681 <span class="nl-consent-text" style="color: var(--grey-meta);"> 1682 I agree to the <a href="/privacy-policy/" target="_blank" style="color: var(--navy); font-weight: 600;">Privacy Policy</a> and consent to being contacted. 1683 </span> 1684</label> 1685 <button type="button" class="cf-submit" id="cf-submit-btn">Send Message â</button> 1686 <div class="cf-success" id="cf-success">â Message received. We'll be in touch within 24 hours.</div> 1687 </div> 1688 </div> 1689 1690 </div> 1691 </div> 1692</section> 1693 1694 1695<!-- ========================================================= 1696 SCRIPTS 1697========================================================= -->
vendor: 218 bytes, lines 1697-1698
1697 1698<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1698<script> 1699(function() { 1700 "use strict"; 1701 1702 /* ------------------------------------------------ 1703 GSAP + ScrollTrigger: Scroll fade-ins 1704 ------------------------------------------------ */ 1705 gsap.registerPlugin(ScrollTrigger); 1706 1707 function initScrollFades() { 1708 document.querySelectorAll('.ent-fade').forEach(el => { 1709 gsap.fromTo(el, 1710 { opacity: 0, y: 30 }, 1711 { 1712 opacity: 1, y: 0, duration: 0.8, 1713 ease: "power2.out", 1714 scrollTrigger: { 1715 trigger: el, 1716 start: "top 88%", 1717 once: true 1718 } 1719 } 1720 ); 1721 }); 1722 } 1723 // Call after DOM settles 1724 setTimeout(initScrollFades, 200); 1725 1726 /* ------------------------------------------------ 1727 BANNER PARTICLE CANVAS 1728 ------------------------------------------------ */ 1729 const bannerCanvas = document.getElementById('banner-canvas'); 1730 if (bannerCanvas) { 1731 const bCtx = bannerCanvas.getContext('2d'); 1732 function resizeBC() { 1733 bannerCanvas.width = bannerCanvas.offsetWidth; 1734 bannerCanvas.height = bannerCanvas.offsetHeight; 1735 } 1736 window.addEventListener('resize', resizeBC); 1737 setTimeout(resizeBC, 100); 1738 1739 class BParticle { 1740 constructor() { this.reset(); } 1741 reset() { 1742 this.x = Math.random() * bannerCanvas.width; 1743 this.y = Math.random() * bannerCanvas.height; 1744 this.size = Math.random() * 2; 1745 this.speedY = -0.2 - Math.random() * 0.3; 1746 this.alpha = Math.random() * 0.5 + 0.1; 1747 } 1748 update() { this.y += this.speedY; if (this.y < 0) this.y = bannerCanvas.height; } 1749 draw() { 1750 bCtx.fillStyle = `rgba(212,175,55,${this.alpha})`; 1751 bCtx.beginPath(); 1752 bCtx.arc(this.x, this.y, this.size, 0, Math.PI * 2); 1753 bCtx.fill(); 1754 } 1755 } 1756 const bParticles = Array.from({length: 60}, () => new BParticle()); 1757 function animateBanner() { 1758 bCtx.clearRect(0, 0, bannerCanvas.width, bannerCanvas.height); 1759 bParticles.forEach(p => { p.update(); p.draw(); }); 1760 requestAnimationFrame(animateBanner); 1761 } 1762 animateBanner(); 1763 1764 // GSAP entrance for banner text 1765 const bTL = gsap.timeline({defaults: {ease: "power3.out"}}); 1766 bTL.fromTo(".banner-badge", {opacity:0,y:30}, {opacity:1,y:0,duration:1,delay:0.2}) 1767 .fromTo(".banner-title", {opacity:0,y:40}, {opacity:1,y:0,duration:1.2}, "-=0.8") 1768 .fromTo(".banner-desc", {opacity:0,y:30}, {opacity:1,y:0,duration:1}, "-=0.9") 1769 .fromTo(".banner-btn-group", {opacity:0,y:20}, {opacity:1,y:0,duration:1}, "-=0.8"); 1770 } 1771 1772 /* ------------------------------------------------ 1773 HELPERS 1774 ------------------------------------------------ */ 1775 const siteUrl = window.location.origin; 1776 1777 function getFeaturedImage(post) { 1778 if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) { 1779 return post._embedded['wp:featuredmedia'][0].source_url; 1780 } 1781 return 'https://placehold.co/800x500/0A1128/C5A065?text=EN+Times'; 1782 } 1783 1784 function getAuthor(post) { 1785 if (post._embedded && post._embedded['author'] && post._embedded['author'][0]) { 1786 return post._embedded['author'][0].name; 1787 } 1788 return 'EN Times'; 1789 } 1790 1791 function getExcerpt(post, len = 120) { 1792 const raw = post.excerpt && post.excerpt.rendered 1793 ? post.excerpt.rendered.replace(/<[^>]+>/g, '').replace(/\[…\]|…|\[â¦\]/g, '').trim() 1794 : ''; 1795 return raw.length > len ? raw.slice(0, len).trim() + 'â¦' : raw; 1796 } 1797 1798 function formatDate(dateStr) { 1799 return new Date(dateStr).toLocaleDateString('en-US', { 1800 year: 'numeric', month: 'long', day: 'numeric' 1801 }); 1802 } 1803 1804 function getCategoryName(post) { 1805 if (post._embedded && post._embedded['wp:term']) { 1806 const cats = post._embedded['wp:term'].flat().filter(t => t.taxonomy === 'category'); 1807 if (cats.length) return cats[0].name; 1808 } 1809 return 'Leader Insights'; 1810 } 1811 1812 async function fetchCategoryId(slug) { 1813 const res = await fetch(`${siteUrl}/wp-json/wp/v2/categories?slug=${slug}&_fields=id`); 1814 const data = await res.json(); 1815 return data && data[0] ? data[0].id : null; 1816 } 1817 1818 async function fetchPosts(catId, perPage = 7, page = 1) { 1819 const res = await fetch(`${siteUrl}/wp-json/wp/v2/posts?categories=${catId}&per_page=${perPage}&page=${page}&_embed`); 1820 const data = await res.json(); 1821 const total = parseInt(res.headers.get('X-WP-TotalPages') || '1', 10); 1822 return { posts: data, totalPages: total }; 1823 } 1824 1825 /* ------------------------------------------------ 1826 SECTION 2: HERO â Executive Profile 1827 ------------------------------------------------ */ 1828 async function loadHero() { 1829 try { 1830 // updated to the requested slug: 'executive-profile' 1831 const catId = await fetchCategoryId('executive-profile'); 1832 if (!catId) return; 1833 1834 const { posts } = await fetchPosts(catId, 7); 1835 if (!posts || !posts.length) return; 1836 1837 const lead = posts[0]; 1838 const sideItems = posts.slice(1, 4); // next 3 â sidebar 1839 const gridItems = posts.slice(4, 7); // next 3 â bottom grid 1840 1841 /* Lead */ 1842 const leadEl = document.getElementById('hero-lead'); 1843 const leadSkelEl = document.getElementById('hero-lead-skeleton'); 1844 leadEl.innerHTML = ` 1845 <a href="${lead.link}" class="hero-lead-link"> 1846 <img class="hero-lead-img" src="${getFeaturedImage(lead)}" alt="${lead.title.rendered}" loading="eager"> 1847 </a>
1848 <span class="hero-lead-cat">${getCategoryName(lead)}</span> 1849 <a href="${lead.link}" class="hero-lead-title">${lead.title.rendered}</a> 1850 <p class="hero-lead-excerpt">${getExcerpt(lead, 180)}</p> 1851 <div class="hero-lead-meta"><strong>${getAuthor(lead)}</strong> · ${formatDate(lead.date)}</div> 1852 `; 1853 leadSkelEl.style.display = 'none'; 1854 leadEl.style.display = 'block'; 1855 1856 /* Sidebar */ 1857 const sidebarEl = document.getElementById('hero-sidebar'); 1858 sidebarEl.innerHTML = sideItems.map(p => ` 1859 <a href="${p.link}" class="hero-side-item"> 1860 <img class="hero-side-img" src="${getFeaturedImage(p)}" alt="${p.title.rendered}" loading="lazy"> 1861 <div> 1862 <div class="hero-side-cat">${getCategoryName(p)}</div> 1863 <span class="hero-side-title">${p.title.rendered}</span> 1864 <div class="hero-side-meta">${getAuthor(p)} · ${formatDate(p.date)}</div> 1865 </div> 1866 </a> 1867 `).join(''); 1868 1869 /* Bottom 3-col grid */ 1870 const gridSkelEl = document.getElementById('hero-grid-skeletons'); 1871 const gridRowEl = document.getElementById('hero-grid-row'); 1872 gridSkelEl.innerHTML = gridItems.map(p => ` 1873 <article class="hero-grid-card"> 1874 <a href="${p.link}"> 1875 <img class="hero-grid-img" src="${getFeaturedImage(p)}" alt="${p.title.rendered}" loading="lazy"> 1876 </a> 1877 <div class="hero-grid-cat">${getCategoryName(p)}</div> 1878 <a href="${p.link}" class="hero-grid-title">${p.title.rendered}</a> 1879 <p class="hero-grid-excerpt">${getExcerpt(p, 110)}</p> 1880 <div class="hero-grid-meta">${getAuthor(p)} · ${formatDate(p.date)}</div> 1881 </article> 1882 `).join(''); 1883 // unwrap from the grid wrapper 1884 gridRowEl.innerHTML = gridSkelEl.innerHTML; 1885 1886 } catch(e) { 1887 console.error('EN Times Hero load error:', e); 1888 } 1889 } 1890 loadHero(); 1891 1892 1893 /* ------------------------------------------------ 1894 SECTION 3: MAGAZINE â EXECUTIVE EDITIONS 1895 ------------------------------------------------ */ 1896 async function loadMagazine() { 1897 const grid = document.getElementById('mag-showcase-grid'); 1898 try { 1899 // changed to use the 'executive-editions' category so the mag "View All" link and dynamic content align 1900 const catId = await fetchCategoryId('executive-editions'); 1901 if (!catId) { 1902 grid.innerHTML = '<p style="color:#8892b0;grid-column:1/-1;">News category not found.</p>'; 1903 return; 1904 } 1905 const { posts } = await fetchPosts(catId, 4); 1906 if (!posts || !posts.length) { 1907 grid.innerHTML = '<p style="color:#8892b0;grid-column:1/-1;">No news posts found.</p>'; 1908 return; 1909 } 1910 grid.innerHTML = posts.map(p => ` 1911 <a href="${p.link}" class="mag-cover-link" title="${p.title.rendered}"> 1912 <img class="mag-cover-img" src="${getFeaturedImage(p)}" alt="${p.title.rendered}" loading="lazy"> 1913 </a> 1914 `).join(''); 1915 } catch(e) { 1916 grid.innerHTML = '<p style="color:#ff6b6b;grid-column:1/-1;">Connection interrupted.</p>'; 1917 console.error('EN Times Magazine load error:', e); 1918 } 1919 } 1920 loadMagazine(); 1921 1922 1923 /* ------------------------------------------------ 1924 SECTION 4: BLOG 1925 ------------------------------------------------ */ 1926 let blogPage = 1; 1927 let blogTotalPages = 1; 1928 let blogCatId = null; 1929 1930 async function loadBlog(append = false) { 1931 const grid = document.getElementById('blog-grid'); 1932 const btn = document.getElementById('blog-load-more-btn'); 1933 1934 try { 1935 if (!blogCatId) { 1936 blogCatId = await fetchCategoryId('blogs'); 1937 if (!blogCatId) { 1938 grid.innerHTML = '<p style="color:var(--grey-meta);">Blog category not found.</p>'; 1939 return; 1940 } 1941 } 1942 1943 btn.disabled = true; 1944 btn.textContent = 'Loadingâ¦'; 1945 1946 const { posts, totalPages } = await fetchPosts(blogCatId, 6, blogPage); 1947 blogTotalPages = totalPages; 1948 1949 if (!posts || !posts.length) { 1950 if (!append) grid.innerHTML = '<p style="color:var(--grey-meta);">No posts found.</p>'; 1951 btn.style.display = 'none'; 1952 return; 1953 } 1954 1955 const html = posts.map(p => ` 1956 <article class="blog-card"> 1957 <div class="blog-card-img-wrap"> 1958 <a href="${p.link}"> 1959 <img class="blog-card-img" src="${getFeaturedImage(p)}" alt="${p.title.rendered}" loading="lazy"> 1960 </a> 1961 </div> 1962 <div class="blog-card-body"> 1963 <div class="blog-card-cat">${getCategoryName(p)}</div> 1964 <a href="${p.link}" class="blog-card-title">${p.title.rendered}</a> 1965 <p class="blog-card-excerpt">${getExcerpt(p, 130)}</p> 1966 <div class="blog-card-meta"><strong>${getAuthor(p)}</strong> · ${formatDate(p.date)}</div> 1967 </div> 1968 </article> 1969 `).join(''); 1970 1971 if (append) { 1972 grid.insertAdjacentHTML('beforeend', html); 1973 } else { 1974 grid.innerHTML = html; 1975 } 1976 1977 btn.disabled = false; 1978 btn.textContent = 'Load More Articles'; 1979 1980 if (blogPage >= blogTotalPages) { 1981 btn.style.display = 'none'; 1982 } 1983 1984 } catch(e) { 1985 console.error('EN Times Blog load error:', e); 1986 btn.disabled = false; 1987 btn.textContent = 'Load More Articles'; 1988 } 1989 } 1990 1991 loadBlog(); 1992 1993 document.getElementById('blog-load-more-btn').addEventListener('click', function() { 1994 blogPage++; 1995 loadBlog(true); 1996 }); 1997 1998 1999 /* ------------------------------------------------ 2000 SECTION 5: NEWSLETTER 2001 ------------------------------------------------ */ 2002 document.getElementById('nl-submit-btn').addEventListener('click', function() { 2003 const fname = document.getElementById('nl-fname').value.trim(); 2004 const lname = document.getElementById('nl-lname').value.trim(); 2005 const email = document.getElementById('nl-email').value.trim();
2006 const designation = document.getElementById('nl-designation').value.trim(); 2007 const company = document.getElementById('nl-company').value.trim(); 2008 const consent = document.getElementById('nl-consent').checked; 2009 const btn = this; 2010 2011 // Validation 2012 if (!fname || !email || !email.includes('@') || !consent) { 2013 btn.textContent = 'Please fill required fields & accept consent'; 2014 btn.style.background = '#b91c1c'; 2015 btn.style.color = '#fff'; 2016 setTimeout(() => { 2017 btn.textContent = "Subscribe â It's Free â"; 2018 btn.style.background = ''; 2019 btn.style.color = ''; 2020 }, 2500); 2021 return; 2022 } 2023 2024 // Loading state 2025 btn.textContent = 'Subscribingâ¦'; 2026 btn.disabled = true; 2027 2028 // Submit to WordPress backend (we add this handler in functions.php next step) 2029 fetch(window.location.origin + '/wp-admin/admin-ajax.php', { 2030 method: 'POST', 2031 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 2032 body: new URLSearchParams({ 2033 action: 'ent_subscribe', 2034 fname: fname, 2035 lname: lname, 2036 email: email, 2037 designation: designation, 2038 company: company, 2039 consent: '1', 2040 source: window.location.href 2041 }) 2042 }) 2043 .then(r => r.json()) 2044 .then(data => { 2045 if (data.success) { 2046 document.getElementById('nl-form-wrap').style.display = 'none'; 2047 document.getElementById('nl-success').style.display = 'block'; 2048 } else { 2049 btn.textContent = data.data || 'Something went wrong. Try again.'; 2050 btn.style.background = '#b91c1c'; 2051 btn.style.color = '#fff'; 2052 btn.disabled = false; 2053 setTimeout(() => { 2054 btn.textContent = "Subscribe â It's Free â"; 2055 btn.style.background = ''; 2056 btn.style.color = ''; 2057 }, 3000); 2058 } 2059 }) 2060 .catch(() => { 2061 btn.textContent = 'Connection error. Please try again.'; 2062 btn.style.background = '#b91c1c'; 2063 btn.style.color = '#fff'; 2064 btn.disabled = false; 2065 setTimeout(() => { 2066 btn.textContent = "Subscribe â It's Free â"; 2067 btn.style.background = ''; 2068 btn.style.color = ''; 2069 }, 3000); 2070 }); 2071 }); 2072 2073 2074 /* ------------------------------------------------ 2075 SECTION 6: CONTACT FORM 2076 ------------------------------------------------ */ 2077/* ------------------------------------------------ 2078 SECTION 6: CONTACT FORM â updated handler 2079 Replace the existing cf-submit-btn listener 2080 in your homepage script with this block 2081 ------------------------------------------------ */ 2082 document.getElementById('cf-submit-btn').addEventListener('click', function() { 2083 const name = document.getElementById('cf-name').value.trim(); 2084 const email = document.getElementById('cf-email').value.trim(); 2085 const subject = document.getElementById('cf-subject').value; 2086 const message = document.getElementById('cf-message').value.trim(); 2087 const consent = document.getElementById('cf-consent').checked; 2088 const btn = this; 2089 const success = document.getElementById('cf-success'); 2090 2091 if (!name || !email || !subject || !message || !consent) { 2092 btn.textContent = 'Please fill all fields & accept consent'; 2093 btn.style.background = '#b91c1c'; 2094 btn.style.color = '#fff'; 2095 setTimeout(() => { 2096 btn.textContent = 'Send Message â'; 2097 btn.style.background = ''; 2098 btn.style.color = ''; 2099 }, 2500); 2100 return; 2101 } 2102 2103 btn.textContent = 'Sendingâ¦'; 2104 btn.disabled = true; 2105 2106 fetch(window.location.origin + '/wp-admin/admin-ajax.php', { 2107 method: 'POST', 2108 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 2109 body: new URLSearchParams({ 2110 action: 'ent_contact', 2111 cf_name: name, 2112 cf_email: email, 2113 cf_subject: subject, 2114 cf_message: message, 2115 cf_consent: '1' 2116 }) 2117 }) 2118 .then(r => r.json()) 2119 .then(data => { 2120 if (data.success) { 2121 success.style.display = 'block'; 2122 btn.textContent = 'Send Message â'; 2123 btn.disabled = false; 2124 document.getElementById('cf-name').value = ''; 2125 document.getElementById('cf-email').value = ''; 2126 document.getElementById('cf-subject').value = ''; 2127 document.getElementById('cf-message').value = '';
2128 document.getElementById('cf-consent').checked = false; 2129 } else { 2130 btn.textContent = data.data || 'Something went wrong. Try again.'; 2131 btn.style.background = '#b91c1c'; 2132 btn.style.color = '#fff'; 2133 btn.disabled = false; 2134 setTimeout(() => { 2135 btn.textContent = 'Send Message â'; 2136 btn.style.background = ''; 2137 btn.style.color = ''; 2138 }, 3000); 2139 } 2140 }) 2141 .catch(() => { 2142 btn.textContent = 'Connection error. Please try again.'; 2143 btn.style.background = '#b91c1c'; 2144 btn.style.color = '#fff'; 2145 btn.disabled = false; 2146 setTimeout(() => { 2147 btn.textContent = 'Send Message â'; 2148 btn.style.background = ''; 2149 btn.style.color = ''; 2150 }, 3000); 2151 }); 2152 }); 2153 2154})(); 2155</script>
2155 </div> 2156 </div> 2157 </div> 2158 </div> 2159 </div> 2160 </section> 2161 </div> 2162 <footer data-elementor-type="footer" data-elementor-id="19564" class="elementor elementor-19564 elementor-location-footer" data-elementor-post-type="elementor_library"> 2163 <section class="elementor-section elementor-top-section elementor-element elementor-element-ee1902c elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="ee1902c" data-element_type="section" data-e-type="section"> 2164 <div class="elementor-container elementor-column-gap-default"> 2165 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-026a603" data-id="026a603" data-element_type="column" data-e-type="column"> 2166 <div class="elementor-widget-wrap elementor-element-populated"> 2167 <div class="elementor-element elementor-element-c5ded3e elementor-widget elementor-widget-html" data-id="c5ded3e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default"> 2168 <div class="elementor-widget-container"> 2169 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 2170<link rel="preconnect" href="https://fonts.googleapis.com"> 2171<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 2172<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"> 2173 2174<style> 2175 /* --- STRICT GLOBAL VARIABLES --- */ 2176 :root { 2177 --en-primary: #0A1128; /* Deep Navy */ 2178 --en-custom-navy: #152040; /* Lighter Navy for hovers/accents */ 2179 --en-text: #555555; /* Grey */ 2180 --en-accent: #C5A065; /* Gold */ 2181 --en-light-grey: #E0E0E0; /* Muted lines */ 2182 --en-white: #FFFFFF; /* White text on dark bg */ 2183 --en-footer-border: rgba(255, 255, 255, 0.08); 2184 } 2185 2186 /* --- THE FULL WIDTH BREAKOUT --- */ 2187 .en-site-footer-breakout *, .en-site-footer-breakout *::before, .en-site-footer-breakout *::after { 2188 box-sizing: border-box !important; 2189 } 2190 2191 .en-site-footer-breakout { 2192 background-color: var(--en-primary); 2193 color: var(--en-light-grey); 2194 font-family: 'Inter', sans-serif; 2195 padding: 40px 0 10px 0; /* Reduced top/bottom padding */
2196 border-top: 4px solid var(--en-accent); 2197 2198 /* THIS IS THE MAGIC THAT FORCES IT EDGE-TO-EDGE */ 2199 width: 100vw !important; 2200 position: relative !important; 2201 left: 50% !important; 2202 right: 50% !important; 2203 margin-left: -50vw !important; 2204 margin-right: -50vw !important; 2205 max-width: 100vw !important; 2206 overflow-x: hidden !important; 2207 } 2208 2209 .footer-wrapper { 2210 width: 100% !important; 2211 padding: 0 40px !important; /* Prevents text from hitting the edge of the monitor */ 2212 margin: 0 auto; 2213 } 2214 2215 /* --- TOP SECTION: LOGO & SOCIALS --- */ 2216 .footer-brand-row { 2217 display: flex; 2218 justify-content: space-between; 2219 align-items: flex-end; 2220 padding-bottom: 25px; /* Reduced gap */ 2221 margin-bottom: 25px; /* Reduced gap */ 2222 border-bottom: 1px solid var(--en-footer-border); 2223 flex-wrap: wrap; 2224 gap: 20px; 2225 } 2226 2227 .footer-logo-area { max-width: 500px; } 2228 2229 .footer-logo-img img { 2230 max-width: 200px; /* Slightly smaller logo */ 2231 height: auto; 2232 display: block; 2233 margin-bottom: 12px; 2234 } 2235 2236 .brand-tagline { 2237 font-family: 'Inter', sans-serif; 2238 font-size: 13.5px; 2239 line-height: 1.5; 2240 color: var(--en-light-grey); 2241 margin: 0; 2242 font-weight: 300; 2243 } 2244 2245 /* SOCIAL ICONS */ 2246 .footer-socials { 2247 display: flex; 2248 gap: 10px; 2249 margin-bottom: 5px; 2250 } 2251 2252 .social-btn { 2253 width: 34px; height: 34px; /* Slightly smaller buttons */ 2254 border: 1px solid var(--en-footer-border); 2255 border-radius: 50%; 2256 display: flex; align-items: center; justify-content: center; 2257 color: var(--en-white); 2258 text-decoration: none; 2259 transition: all 0.3s ease; 2260 font-size: 13px; 2261 background-color: transparent; 2262 } 2263 2264 .social-btn:hover { 2265 background: var(--en-accent); 2266 border-color: var(--en-accent); 2267 color: var(--en-primary); 2268 transform: translateY(-3px); 2269 } 2270 2271 /* --- LINKS GRID --- */ 2272 .footer-links-grid { 2273 display: grid; 2274 grid-template-columns: 1fr 1fr 1fr 1.2fr; 2275 gap: 30px; /* Tighter column spacing */ 2276 } 2277 2278 .footer-col h4 { 2279 color: var(--en-white); 2280 font-family: 'Playfair Display', serif; 2281 font-size: 17px; 2282 font-weight: 700; 2283 margin: 0 0 15px 0; /* Reduced margin under headings */ 2284 letter-spacing: 0.5px; 2285 } 2286 2287 .footer-menu { list-style: none; padding: 0; margin: 0; } 2288 2289 .footer-menu li { margin-bottom: 8px; } /* Tighter list items */ 2290 2291 .footer-menu a { 2292 color: var(--en-light-grey); 2293 text-decoration: none; 2294 font-size: 13px; 2295 font-weight: 400; 2296 transition: all 0.3s ease; 2297 display: inline-block; 2298 } 2299 2300 .footer-menu a:hover { 2301 color: var(--en-accent); 2302 transform: translateX(4px); 2303 } 2304 2305 /* CONTACT DETAILS */ 2306 .contact-row { 2307 display: flex; 2308 gap: 12px; 2309 margin-bottom: 12px; /* Tighter contact rows */ 2310 align-items: flex-start; 2311 } 2312 2313 .c-icon { 2314 color: var(--en-accent); 2315 font-size: 15px; 2316 margin-top: 3px; 2317 } 2318 2319 .c-detail { 2320 font-size: 13px; 2321 color: var(--en-light-grey); 2322 line-height: 1.4; 2323 } 2324 2325 .c-detail strong { 2326 display: block; 2327 color: var(--en-white); 2328 margin-bottom: 2px; 2329 font-weight: 600; 2330 font-family: 'Inter', sans-serif; 2331 } 2332 2333 .c-detail a { 2334 color: var(--en-light-grey); 2335 text-decoration: none; 2336 transition: color 0.3s; 2337 } 2338 2339 .c-detail a:hover { 2340 color: var(--en-accent); 2341 } 2342 2343 /* --- COPYRIGHT BAR --- */ 2344 .footer-bottom { 2345 margin-top: 30px; /* Reduced gap above copyright */ 2346 padding-top: 15px; 2347 border-bottom: 10px solid transparent; /* Reduced cushion for very bottom of page */ 2348 border-top: 1px solid var(--en-footer-border); 2349 display: flex; 2350 justify-content: space-between; 2351 align-items: center; 2352 font-size: 12px; /* Slightly smaller text */ 2353 color: var(--en-text); 2354 } 2355 2356 .legal-links a { 2357 color: var(--en-text); 2358 text-decoration: none; 2359 margin-left: 15px; 2360 transition: color 0.3s; 2361 } 2362 2363 .legal-links a:hover { 2364 color: var(--en-accent); 2365 } 2366 2367 /* --- MOBILE RESPONSIVENESS --- */ 2368 @media (max-width: 992px) { 2369 .footer-brand-row { 2370 flex-direction: column; 2371 align-items: flex-start; 2372 } 2373 .footer-links-grid { 2374 grid-template-columns: 1fr 1fr; 2375 gap: 30px; 2376 } 2377 } 2378 2379 @media (max-width: 600px) { 2380 .footer-links-grid { 2381 grid-template-columns: 1fr; 2382 gap: 25px; 2383 } 2384 .footer-bottom { 2385 flex-direction: column; 2386 gap: 12px; 2387 text-align: center; 2388 } 2389 .legal-links { 2390 display: flex; 2391 flex-direction: column; 2392 gap: 10px; 2393 } 2394 .legal-links a { 2395 margin: 0; 2396 } 2397 .footer-wrapper { 2398 padding: 0 20px !important; /* Smaller padding on mobile */ 2399 } 2400 } 2401</style> 2402 2403<footer class="en-site-footer-breakout"> 2404 <div class="footer-wrapper"> 2405 2406 <div class="footer-brand-row"> 2407 <div class="footer-logo-area"> 2408 <a href="/" class="footer-logo-img"> 2409 <img src="https://theentrepreneur-times.com/wp-content/uploads/2025/12/ENTIMES-logo.png" alt="EN TIMES"> 2410 </a> 2411 <p class="brand-tagline"> 2412 The global media platform for the new economy. Championing the builders, disruptors, and visionaries reshaping the world. 2413 </p> 2414 </div> 2415 2416 <div class="footer-socials"> 2417 <a href="http://www.linkedin.com/company/the-entrepreneur-times" class="social-btn"><i class="fab fa-linkedin-in"></i></a> 2418 <a href="https://www.facebook.com/ENTimesMagazine/" class="social-btn"><i class="fab fa-facebook-f"></i></a> 2419 <a href="https://twitter.com/the_ent_times" class="social-btn"><i class="fab fa-twitter"></i></a> 2420 <a href="https://www.instagram.com/theentrepreneur_times/" class="social-btn"><i class="fab fa-instagram"></i></a> 2421 <a href="#" class="social-btn"><i class="fab fa-youtube"></i></a> 2422 </div> 2423 </div> 2424 2425 <div class="footer-links-grid"> 2426 2427 <div class="footer-col"> 2428 <h4>Company</h4> 2429 <ul class="footer-menu"> 2430 <li><a href="/about">About EN TIMES</a></li> 2431 <li><a href="/magazines">Magazine Subscription</a></li> 2432 <li><a href="/advertise">Advertise with Us</a></li> 2433 <li><a href="/category/press-release/">Press & Media</a></li> 2434 <li><a href="https://www.linkedin.com/company/the-entrepreneur-times/jobs/">Careers</a></li> 2435 </ul> 2436 </div> 2437 2438 <div class="footer-col"> 2439 <h4>Insights & Tech</h4> 2440 <ul class="footer-menu"> 2441 <li><a href="/category/leadership/">Leadership</a></li> 2442 <li><a href="#">Capital & Liquidity</a></li> 2443 <li><a href="#">Applied AI & Automation</a></li> 2444 <li><a href="#">Medical Tech & Healthcare</a></li> 2445 <li><a href="#">The Modern Boardroom</a></li> 2446 </ul> 2447 </div> 2448 2449 <div class="footer-col"> 2450 <h4>Leaders & Reports</h4> 2451 <ul class="footer-menu"> 2452 <li><a href="/awards">40 Under 40 Awards</a></li> 2453 <li><a href="/category/leaders-insights/">Leader Insights</a></li> 2454 <li><a href="#">Deep Dive Reports</a></li> 2455 <li><a href="#">Executive Podcasts</a></li> 2456 <li><a href="#">Top 100 Inspiring Women</a></li> 2457 </ul> 2458 </div> 2459 2460 <div class="footer-col"> 2461 <h4>Contact Us</h4> 2462 <div class="contact-row"> 2463 <i class="fas fa-envelope c-icon"></i> 2464 <div class="c-detail"> 2465 <strong>Editorial Team</strong> 2466 <a href="/cdn-cgi/l/email-protection#1d7a7c686f7c6b5d6975787873696f786d6f787378686f30697470786e337e7270"><span class="__cf_email__" data-cfemail="8beceafef9eafdcbffe3eeeee5fff9eefbf9eee5eefef9a6ffe2e6eef8a5e8e4e6">[email protected]</span></a> 2467 </div> 2468 </div> 2469 <div class="contact-row"> 2470 <i class="fas fa-star c-icon"></i> 2471 <div class="c-detail"> 2472 <strong>Advertising & Sales</strong> 2473 <a href="/cdn-cgi/l/email-protection#c4adaaa2ab84b0aca1a1aab0b6a1b4b6a1aaa1b1b6e9b0ada9a1b7eaa7aba9"><span class="__cf_email__" data-cfemail="1b72757d745b6f737e7e756f697e6b697e757e6e69366f72767e6835787476">[email protected]</span></a> 2474 </div> 2475 </div> 2476 <div class="contact-row"> 2477 <i class="fas fa-map-marker-alt c-icon"></i> 2478 <div class="c-detail"> 2479 <strong>Global Headquarters</strong> 2480 Office 108, T-Junction, Mankar Chowk<br> 2481 Wakad, Pune 411057 2482 </div> 2483 </div> 2484 </div> 2485 2486 </div> 2487 2488 <div class="footer-bottom"> 2489 <div>© 2026 The Entrepreneur Times. All Rights Reserved.</div> 2490 <div class="legal-links"> 2491 <a href="/privacy-policy">Privacy Policy</a> 2492 <a href="/terms">Terms of Service</a> 2493 </div> 2494 </div> 2495 2496 </div> 2497</footer>
2497 </div> 2498 </div> 2499 </div> 2500 </div> 2501 </div> 2502 </section> 2503 </footer>
vendor: 112 bytes, lines 2503-2505
2503 2504 2505<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2505<script type="speculationrules"> 2506{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2507</script>
2507 2508
2508<script> 2509 ( () => { 2510 const lazyloadRunObserver = () => { 2511 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 2512 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 2513 entries.forEach( ( entry ) => { 2514 if ( entry.isIntersecting ) { 2515 let lazyloadBackground = entry.target; 2516 if( lazyloadBackground ) { 2517 lazyloadBackground.classList.add( 'e-lazyloaded' ); 2518 } 2519 lazyloadBackgroundObserver.unobserve( entry.target ); 2520 } 2521 }); 2522 }, { rootMargin: '200px 0px 200px 0px' } ); 2523 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 2524 lazyloadBackgroundObserver.observe( lazyloadBackground ); 2525 } ); 2526 }; 2527 const events = [ 2528 'DOMContentLoaded', 2529 'elementor/lazyload/observe', 2530 ]; 2531 events.forEach( ( event ) => { 2532 document.addEventListener( event, lazyloadRunObserver ); 2533 } ); 2534 } )(); 2535 </script>
2535 2536
2536<script id="hello-theme-frontend-js" src="https://theentrepreneur-times.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.6"></script>
vendor: 1 bytes, line 2536
2536
2537<script id="e-sticky-js" src="https://theentrepreneur-times.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=4.3.1"></script>
vendor: 1 bytes, line 2537
2537
2538<script id="elementor-webpack-runtime-js" src="https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.3.3"></script>
vendor: 1 bytes, line 2538
2538
2539<script id="elementor-frontend-modules-js" src="https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.3.3"></script>
vendor: 1 bytes, line 2539
2539
2540<script id="jquery-ui-core-js" src="https://theentrepreneur-times.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 2540
2540
2541<script id="elementor-frontend-js-before"> 2542var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.3.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_collection_loop":true},"urls":{"assets":"https:\/\/theentrepreneur-times.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/theentrepreneur-times.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/theentrepreneur-times.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"382a188657","atomicFormsSendForm":"3e72fc16c2"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":14125,"title":"The%20Entrepreneur%20Times%20%E2%80%93%20Business%20Magazine%20for%20Entrepreneurs","excerpt":"","featuredImage":false}}; 2543//# sourceURL=elementor-frontend-js-before 2544</script>
vendor: 1 bytes, line 2544
2544
2545<script id="elementor-frontend-js" src="https://theentrepreneur-times.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.3.3"></script>
vendor: 1 bytes, line 2545
2545
2546<script id="imagesloaded-js" src="https://theentrepreneur-times.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script>
vendor: 1 bytes, line 2546
2546
2547<script id="googlesitekit-events-provider-content-events-js-before"> 2548window._googlesitekit = window._googlesitekit || {}; 2549window._googlesitekit.contentEvents = {"postID":14125,"isSinglePost":false,"hasVimeoEmbed":false}; 2550//# sourceURL=googlesitekit-events-provider-content-events-js-before 2551</script>
vendor: 1 bytes, line 2551
2551
2552<script id="googlesitekit-events-provider-content-events-js" src="https://theentrepreneur-times.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 2552
2552
2553<script id="wp-hooks-js" src="https://theentrepreneur-times.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 2553
2553
2554<script id="wp-i18n-js" src="https://theentrepreneur-times.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 2554
2554
2555<script id="wp-i18n-js-after"> 2556wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 2557//# sourceURL=wp-i18n-js-after 2558</script>
vendor: 1 bytes, line 2558
2558
2559<script id="elementor-pro-frontend-js-before"> 2560var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/theentrepreneur-times.com\/wp-admin\/admin-ajax.php","nonce":"f80f5ed45c","urls":{"assets":"https:\/\/theentrepreneur-times.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/theentrepreneur-times.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/theentrepreneur-times.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; 2561//# sourceURL=elementor-pro-frontend-js-before 2562</script>
vendor: 1 bytes, line 2562
2562
2563<script id="elementor-pro-frontend-js" src="https://theentrepreneur-times.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.3.1"></script>
vendor: 1 bytes, line 2563
2563
2564<script id="pro-elements-handlers-js" src="https://theentrepreneur-times.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.3.1"></script>
vendor: 1 bytes, line 2564
2564
2565<script id="wp-emoji-settings" type="application/json"> 2566{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://theentrepreneur-times.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}} 2567</script>
vendor: 1 bytes, line 2567
2567
2568<script type="module"> 2569/*! This file is auto-generated */ 2570const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); 2571//# sourceURL=https://theentrepreneur-times.com/wp-includes/js/wp-emoji-loader.min.js 2572</script>
2572 2573 2574</body> 2575</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.