The Hindu Crossword+

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google" content="notranslate" /> <title> The Hindu Crossword+ </title> <meta name="title" content="Crossword, Crossword Puzzles Online, Crossword Games- Daily crossword from The Hindu" /> <meta name="atdlayout" content="homepage"/> <meta name="description" content="Crossword Puzzles Online | Sudoku | Sports Puzzles - The Hindu Crossword"/> <meta name="keywords" content="crossword puzzles online, crossword puzzles, online crossword, online crossword puzzles, crossword puzzle maker, crossword clue, crossword games, easy crossword puzzles, sport puzzles, sports puzzles, sports crossword puzzles, sudoku, sudoku puzzles, easy sudoku puzzles, web sudoku, online sudoku, online sudoku puzzles, web crossword, anagrams and the guardian quick crosswords, play crossword online, play crossword puzzles, play crossword puzzles online, daily crossword puzzles, daily crossword puzzles online, crossword daily, sudoku daily, sports puzzles daily, daily sports puzzles, sports online puzzles, sports puzzles online, sports crossword online, web sudoku puzzles"> <meta name="twitter:title" content="The Hindu Crossword+"> <meta name="twitter:description" content="crossword puzzles online, crossword puzzles, online crossword, online crossword puzzles, crossword puzzle maker, crossword clue, crossword games, easy crossword puzzles, sport puzzles, sports puzzles, sports crossword puzzles, sudoku, sudoku puzzles, easy sudoku puzzles, web sudoku, online sudoku, online sudoku puzzles, web crossword, anagrams and the guardian quick crosswords, play crossword online, play crossword puzzles, play crossword puzzles online, daily crossword puzzles, daily crossword puzzles online, crossword daily, sudoku daily, sports puzzles daily, daily sports puzzles, sports online puzzles, sports puzzles online, sports crossword online, web sudoku puzzles"> <meta name="twitter:image" content="https://crossword.thehindu.com/images/crossword-logos/og-image.jpg"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@The_Hindu"/> <meta name="twitter:domain" content="crossword.thehindu.com"/>  <meta property="fb:app_id" content="137450626398044"/> <meta property="fb:pages" content="163974433696568" /> <meta property="og:site_name" content="The Hindu Crossword+"/> <meta property="og:url" content="https://crossword.thehindu.com/" /> <meta property="og:type" content="website" /> <meta property="og:title" content="The Hindu Crossword+" /> <meta property="og:description" content="crossword puzzles online, crossword puzzles, online crossword, online crossword puzzles, crossword puzzle maker, crossword clue, crossword games, easy crossword puzzles, sport puzzles, sports puzzles, sports crossword puzzles, sudoku, sudoku puzzles, easy sudoku puzzles, web sudoku, online sudoku, online sudoku puzzles, web crossword, anagrams and the guardian quick crosswords, play crossword online, play crossword puzzles, play crossword puzzles online, daily crossword puzzles, daily crossword puzzles online, crossword daily, sudoku daily, sports puzzles daily, daily sports puzzles, sports online puzzles, sports puzzles online, sports crossword online, web sudoku puzzles" /> <meta property="og:image" content="https://crossword.thehindu.com/images/crossword-logos/og-image.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <link rel="icon" type="image/ico" href="https://crossword.thehindu.com/favicon.ico"/> <link rel="shortcut icon" type="image/x-icon" href="https://crossword.thehindu.com/favicon.ico"/> <link rel="apple-touch-icon" href="https://crossword.thehindu.com/apple-touch-icon.png"/> <link rel="apple-touch-icon-precomposed" href="https://crossword.thehindu.com/apple-touch-icon-precomposed.png"/>   <link href="https://crossword.thehindu.com/css/bootstrapV3.min.css?20250221231937" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/fontawesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,600" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/magnific-popup.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/style.css?20250221231937" rel="stylesheet"> <link href="https://d2r1yp2w7bby2u.cloudfront.net/js/a.js" rel="dns-prefetch"> <link href="https://d2r1yp2w7bby2u.cloudfront.net/js/a.js" rel="preconnect"> <link href="https://wzrkt.com" rel="dns-prefetch"> <link href="https://wzrkt.com" rel="preconnect"> <script> if(!(window.fetch&&window.Promise&&[].includes&&Object.assign&&window.Map)){ document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch"></scr'+'ipt>'); } </script> <script>(function(src) { var a = document.createElement("script"); a.type = "text/javascript"; a.async = true; a.src = src; var b = document.getElementsByTagName("script")[0]; b.parentNode.insertBefore(a, b) })("https://experience.tinypass.com/xbuilder/experience/load?aid=DC3REpZYpu"); tp = window["tp"] || [];</script> <script async type="text/javascript" src="https://csm.cxpublic.com/THG.js"> </script> <script type="text/javascript" data-cfasync="false"> var thgCookieConsent = new Promise(function(resolve, reject) { let script = document.createElement('script'); script.src = "https://consent.truste.com/notice?domain=hindugroup.com&c=teconsent&gtm=1&pcookie&js=nj&noticeType=bb&privacypolicylink=https%3A%2F%2Fwww.thehindugroup.com%2Fprivacy.html"; script.async = true; script.onload = function(){ resolve(script); } script.onerror =function(){ resolve(script); } document.head.append(script); }); </script> <script type="text/javascript" data-cfasync="false"> (function() { const makeStub = () => { const TCF_LOCATOR_NAME = '__tcfapiLocator'; const TCF_LOCATOR_ID = '__tcfapiTrustarc'; const queue = []; let win = window; let cmpFrame; function addFrame() { const doc = win.document; const otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { const iframe = doc.createElement('iframe'); iframe.name = TCF_LOCATOR_NAME; iframe.style.display = 'none'; iframe.id = TCF_LOCATOR_ID; iframe.src = 'https://trustarc.mgr.consensu.org/asset/cmpcookie.v2.html'; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler(...args) { let gdprApplies; if (!args.length) { /** * shortcut to get the queue when the full CMP * implementation loads; it can call tcfapiHandler() * with no arguments to get the queued arguments */ return queue; } else if (args[0] === 'setGdprApplies') { /** * shortcut to set gdprApplies if the publisher * knows that they apply GDPR rules to all * traffic (see the section on "What does the * gdprApplies value mean" for more */ if (args.length > 3 && parseInt(args[1], 10) === 2 && typeof args[3] === 'boolean') { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { /** * Only supported method; give PingReturn * object as response */ const retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stubCMP', apiVersion: '2.0' }; if (typeof args[2] === 'function') { args[2](retr, true); } } else { /** * some other method, just queue it for the * full CMP implementation to deal with */ queue.push(args); } } function postMessageEventHandler(event) { const msgIsString = typeof event.data === 'string'; let json = {}; try { /** * Try to parse the data from the event. This is important * to have in a try/catch because often messages may come * through that are not JSON */ if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} const payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { let returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId, }, }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } event.source.postMessage(returnMsg, '*'); }, payload.parameter ); } } /** * Iterate up to the top window checking for an already-created * "__tcfapilLocator" frame on every level. If one exists already then we are * not the master CMP and will not queue commands. */ while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} // if we're at the top and no cmpFrame if (win === window.top) { break; } // Move up win = win.parent; } if (!cmpFrame) { // we have recur'd up the windows and have found no __tcfapiLocator frame addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); }()); </script> <script type="text/javascript" data-cfasync="false"> function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } var thg={required:!0,functional:!1,advertising:!1,requiredCookie:function(){return thg.required},functionalCookie:function(){return thg.functional},advertisingCookie:function(){return thg.advertising}};thgCookieConsent.then(function(){var constentbehavior=readCookie("notice_behavior"),cookieconsent=readCookie("cmapi_cookie_privacy");null==cookieconsent&&null!=constentbehavior&&-1==constentbehavior.indexOf("eu")?(thg.functional=!0,thg.advertising=!0):null!==cookieconsent?(cookieconsent.indexOf("permit")>-1&&cookieconsent.indexOf("2")>-1&&(thg.functional=!0),cookieconsent.indexOf("permit")>-1&&cookieconsent.indexOf("3")>-1&&(thg.advertising=!0)):null==constentbehavior&&(thg.functional=!0,thg.advertising=!0);});</script> <script type="text/javascript" crossorigin src='//consent.trustarc.com/notice?domain=hindugroup.com&text=true&pcookie&gtm=1&js=nj&noticeType=bb' data-cfasync="false"></script> <script async type="text/javascript" src="https://www.thehindu.com/theme/js/thgevnt.min.js?ver=15042022"> </script> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } function baseTHURL(){ return "https://crossword.thehindu.com/"; } var siteId=""; </script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery.sticky.min.js"></script>  <script type="text/javascript" src="https://crossword.thehindu.com/js/bootstrapv3.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/owl.carousel.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/scripts2.js?20250221231937"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/require.min.js"></script>  <script> if(thg.functionalCookie()){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10158580-38', 'auto'); } </script> <script type="text/javascript"> if(thg.functionalCookie()){ var clevertap = {event:[], profile:[], account:[], onUserLogin:[], notifications:[], privacy:[]}; clevertap.account.push({"id": "R9K-5K8-965Z"}); clevertap.privacy.push({optOut: false}); //set the flag to true, if the user of the device opts out of sharing their data clevertap.privacy.push({useIP: true}); //set the flag to true, if the user agrees to share their IP data (function () { var wzrk = document.createElement('script'); wzrk.type = 'text/javascript'; wzrk.async = true; wzrk.src = ('https:' == document.location.protocol ? 'https://d2r1yp2w7bby2u.cloudfront.net' : 'http://static.clevertap.com') + '/js/a.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wzrk, s); })(); } </script>   <script type='text/javascript'> if(thg.advertisingCookie()){ window._tfa = window._tfa || []; window._tfa.push({notify: 'event', name: 'page_view', id: 1179651}); !function (t, f, a, x) { if (!document.getElementById(x)) { t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/unip/1179651/tfa.js', 'tb_tfa_script'); } </script> <noscript> <img src='//trc.taboola.com/1179651/log/3/unip?en=page_view' width='0' height='0' style='display:none'/> </noscript>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PPPPHNQV');</script>  <script type="text/javascript"> var utm_params = window.location.search.match(/utm_[a-z0-9=]*/ig); window.addEventListener("click", function(e) { var utms =window.location.search.match(/utm_[a-z0-9=]*/ig); var href = e.target.getAttribute("href"); if(href == null && e.target.closest("a")){ href = e.target.closest("a").getAttribute("href"); } if(href && utms) { location.href =href + (href.includes("?") ? "&" : "?" ) + utms.join("&") ; e.preventDefault(); } }); </script>  <link href="https://fonts.googleapis.com/css2?family=Muli:wght@600;700;800&family=Quicksand:wght@400;500;700&display=swap" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/styles2.css?20250221231937" rel="stylesheet" type="text/css" media="all"> <style> body { font-weight: 400; font-size: 14px; color: #232323; text-rendering: auto; line-height: 1.42857143; overflow-x: unset; background: #f5f5f5; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; } /* Font Family */ body { font-family: 'Muli', sans-serif; } /* common css */ /*.tab-con>.active { display: contents !important; } .tab-con>.tab-pane { display: none; }*/ .hndu-blogs-secction.blogs-page { padding: 30px 0px 0px 0px; } .tab-menu-wrap ul li a:hover { color: #232323 !important; text-decoration: none !important; } /*body { -webkit-overflow-scrolling: touch; } body.mfp-zoom-out-cur { overflow: hidden; -webkit-overflow-scrolling: auto; }*/ </style> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPPPHNQV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <div class="hndu-main-wrap">  <div class="main-wrap-inner">  <link href="https://crossword.thehindu.com/css/responsive.css?20250221231937" rel="stylesheet" type="text/css" media="all"> <style> /* Font Family */ body { font-family: 'Muli', sans-serif; } h5.sidemenu-title { font-weight: 600 !important; font-size: 1.25rem !important; } * { -webkit-overflow-scrolling: touch; } html { scroll-behavior: smooth; } a{ cursor:pointer; } .nopad { padding: 0; } .progressbar{ display:none; } #resetsubmit{ background-color:#310a8a !important; border-radius:25px; } .myHeader{ background:#fff; margin: 3px 0; } .thsubscription .select2-container { display: block; width: 100% !important; } div#personalinfo{ margin-bottom:15px; } .cwplanpad .planpagecw{ margin-top: 20px !important; } .signuploginmodal a, .subscriptlist, .signuploginmodal label, .signuploginmodal input:not([type="checkbox"]), p.termscondtion, .signuploginmodal p, i.showpassword{ font-family: Fira Sans !important; color: #310a8a !important; } .signuploginmodal button{ font-family: Fira Sans !important; } .cwCustomoverlay{ overflow:hidden; background:#ccc; } div#logo-crossword>a { display: block; margin: 0 auto; width: 480px; } .page-wrapper { position: relative; width: 100%; height: 100%; /*overflow: hidden; overflow-y: auto;*/ webkit-box-shadow: -2px 13px 22px -11px rgba(0,0,0,0.75); -moz-box-shadow: -2px 13px 22px -11px rgba(0,0,0,0.75); box-shadow: -2px 13px 22px -24px rgba(0,0,0,0.75); } .top-nav { position: relative; top: 0; left: 0; right: 0; width: 100%; float:left; background: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); z-index:1; } #sso-signin { max-width: 110px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; display: inline-block; cursor: default; color: #000; position: relative; top: 5px; padding-right: 5px; } .top-nav.affix{ position: -webkit-sticky; z-index:99999; top: 0; left: 0; width: 100%; } .top-nav.affix .toggler-container{ padding:10px; } .top-nav .toggler-container { position: relative; width: 100%; padding: 12px 15px; float: left; } .top-nav .toggler-container .hamburger { width: 34px; height: auto; background: transparent; border: none; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: absolute; top: 0.7em; left:1.3em; } .top-nav .toggler-container .hamburger.hamCross{ top: 0.7em; left:1em; } .top-nav .toggler-container .hamburger div { color: #310a8a; } .top-nav .toggler-container .hamburger:focus { outline: none; } .top-nav .toggler-container .hamburger:hover { transition: all 0.2s ease-in-out; } .top-nav .toggler-container .hamburger:hover .line:nth-child(1) { width: 100%; } .top-nav .toggler-container .hamburger:hover .line:nth-child(2) { width: 100%; } .top-nav .toggler-container .hamburger:hover .line:nth-child(3) { width: 100%; } .top-nav .toggler-container .hamburger .line { transition: all 0.2s ease-in-out; height: 2px; margin: 2px 0; border-radius: 5px; background: #000; } .hamCwCloseText { font-size: 8px; color: #000; font-weight: 700; position: relative; bottom: 3px; } .hamCwClose{ top: 6px; } .top-nav .toggler-container .hamburger .line:nth-child(1) { width: 100%; } .top-nav .toggler-container .hamburger .line:nth-child(2) { width: 100%; } .top-nav .toggler-container .hamburger .line:nth-child(3) { width: 100%; } .top-nav .toggler-container .hamCross .line:nth-child(1) { -webkit-transform: rotate(-46deg) translate(-6px, 4px); transform: rotate(-46deg) translate(-6px, 4px); } .top-nav .toggler-container .hamCross .line:nth-child(2) { opacity: 0; } .top-nav .toggler-container .hamCross .line:nth-child(3) { -webkit-transform: rotate(43deg) translate(-3px, -3px); transform: rotate(43deg) translate(-4px, -3px); } .toggler-container .logo { padding: 0; } .DeskLogo { width: 356px !important; height: auto !important; } .subscribeDiv{ text-align:right; top:4px; padding: 0; } .subscribeDiv a .fa-user { padding: 0px 15px; color: #310a8a; } .subscribeDiv a.cwSubBtn { padding: 3px 15px 5px; border-radius: 15.5px; background-color: #310a8a; color: #fff; font-size: 12px; } /*sidenav*/ body::-webkit-scrollbar { width: 1em; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } /*right nav*/ .rightmenuCw { padding: 0; display: inline-block; } .menu-cw { width: 30px; height: 30px; position: relative; cursor: pointer; } .bar-cw { width: 20px; top: 11px; color: #000; } .dropdown-menu-cw { padding: 10px 0; top: 3em; right: -300px; display: block; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#ccc; height: 100%; } .menu-cw:hover .dropdown-menu-cw { right: -5.8em; opacity: 1; visibility: visible; //overflow-y:scroll; } .dropdown-menu-cw .linkCw { width: 100%; margin: 10px 0; padding: 5px 10px; display: inline-block; position: relative; color: #000; text-align: left; transition: all 0.5s ease; } .dropdown-menu-cw .linkCw:before { background: #ddd; width: 3px; height: 21px; top: 24%; right: -15px; display: block; position: absolute; content: ""; transition: all 0.5s ease; transform: translate(0, 0); } .dropdown-menu-cw .linkCw:hover { opacity: 0.5; } .dropdown-menu-cw .linkCw:focus { letter-spacing: 2px; } .dropdown-menu-cw .linkCw:focus-within:before { width: 3px; background: #310a8a; } /* toggle fun*/ #toggle { width: 100px; height: 100px; background: #ccc; } .clicknavbtn{ background: transparent; border: none; color:#000; position:relative; top:0px; } .clicknavbtn_div.active{ position:fixed; right: 0; opacity: 1; visibility: visible; transition: all 0.5s ease; } .clicknavbtn_div{ top: 4.2em; right: -20em; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#000; height: 100%; max-width: 250px; width: 100%; overflow-y:scroll; z-index:99999999999999999999999; } .side-content-lt.active{ position:fixed; left: 0; opacity: 1; visibility: visible; transition: all 0.5s ease; } .side-content-lt{ z-index:9999999999999999999999; padding: 10px 0; top: 4.2em; left: -20em; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#000; height: 100%; max-width: 350px; width: 100%; overflow-y:scroll; } .cwRtMenuIcon { display:none; } /*new inside close left*/ .close-btn-parent, .close-btn-parent-rt{ position: relative; width: 100%; float: left; } .side-content-lt .close-btn , .side-content-rt .close-btn-rt{ position: absolute; top: 0; width: 25px; height: 40px; background: transparent; border: none; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #fff; font-size: 18px; } .side-content-lt .close-btn{ right: 0; top:-14px; } .side-content-rt .close-btn-rt { right: 0em; top:-5px; } /*.side-content-lt .close-btn:focus, .side-content-rt .close-btn-rt:focus { outline: none; } .side-content-lt .close-btn:hover , .side-content-rt .close-btn-rt:hover{ transition: all 0.2s ease-in-out; } .side-content-lt .close-btn:hover .line:nth-child(1), .side-content-rt .close-btn-rt:hover .line:nth-child(1) { transform: rotate(0) translate(-5px, 8px); } .side-content-lt .close-btn:hover .line:nth-child(2) , .side-content-rt .close-btn-rt:hover .line:nth-child(2){ transform: rotate(0) translate(-5px, 0); } .side-content-lt .close-btn .line, .side-content-rt .close-btn-rt .line { transition: all 0.2s ease-in-out; height: 2px; width: 100%; margin: 3px 0; border-radius: 5px; background: #fff; } .side-content-lt .close-btn .line:nth-child(1), .side-content-rt .close-btn-rt .line:nth-child(1) { transform: rotate(45deg) translate(1px, 10px); } .side-content-lt .close-btn .line:nth-child(2), .side-content-rt .close-btn-rt .line:nth-child(2) { transform: rotate(-45deg) translate(-4.5px, -5px); } */ /* cloase button left & right*/ .cwtitleSubHead{ padding: 12px 0px 12px; text-align: center; background: #310a8a; color: #fff; } .cwtitleSubHead a{ color: #fff; } .cwtitleSubHead span{ color:#ffd563; } .slick-dots{ display:none !important; } .stextrtMobile{ display:none; } .todaysCrosswordDiv .SectionsInDiv, .sampleCrosswordDiv .SectionsInDiv, .SectionsCrosswordDiv .SectionsInDiv{ position:relative; } .cwCoverDiv{ position: absolute; width: 100%; top: 0; left: 0; height: 100%; outline:none; } a:focus{ outline:none; } .side-innerContent-lt, .side-innerContent-rt{ text-align:center; } .side-innerContent-rt .nav li img{ padding:20px 0px 5px; } /*nav left inner design*/ .nav-container-left, .nav-container-right{ width:100%; float:left; transition: all 0.3s linear; } .nav-container-right li a{ padding-bottom:0 !important; padding: 9px 12px 4px !important; } .nav-container-left .nav, .nav-container-right .nav{ list-style-type:none; margin:0px 0px 4.8em; padding:0; } .nav-container-left li ,.nav-container-right li{ height:auto; position:relative; width: 100%; float: left; } .nav-container-left a, .nav-container-right a { text-decoration:none; display:block; height:100%; width:100%; line-height:26px; color:#bbb; text-transform: uppercase; font-weight: bold; padding-left:25%; letter-spacing:1px; transition: all 0.3s linear; text-align: left; padding: 0; } .nav-container-left a{ border-left: 5px solid #000000; } .nav-container-right a{ border-right: 5px solid #000000; } .nav-container-left .active a, .nav-container-right .active a{ color: #fff; background-color: #1B1B1B; outline:0; width:100%; float:left; } .nav-container-left .active a{ border-left:5px solid #f22a86; padding:15px 15px; } .nav-container-left span.descTextCw{ font-size: 12px; text-transform: capitalize; color:#ccc8c8bd; float:left; width:100%; padding-left:0px; line-height: 18px; letter-spacing: 0.5px; } .nav-container-right .active a{ border-left:none; border-right:5px solid #f22a86; } .nav-container-left li:not(.active):hover a, .nav-container-right li:not(.active):hover a{ color: #eee; border-left: 5px solid #f22a86; background-color: #1B1B1B; } .nav-container-right li:not(.active):hover a{ border-left: none; border-right: 5px solid #f22a86; } .nav-container-left span[class ^= "icon"], .nav-container-right span[class ^= "icon"]{ position:absolute; left:20px; font-size: 1.5em; transition: all 0.3s linear; } .nav-container-left li:nth-child(3) a:after, .nav-container-right li:nth-child(3) a:after{ content:''; width:100px; border-bottom:1px solid #4a4a4a; } .sidebarLogo{ max-width: 285px; width: 100%; float: left; margin: 15px; } /* Right Sidebar inner content*/ .rightSidebarLogoRow{ width:100%; float:left; margin: 0; padding:15px 10px 15px 0px; border-bottom:1px solid #4a4a4a; } #hello-user{ color:#fff; max-width: 110px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; display: inline-block; cursor: default; position: relative; top: 5px; } .rightSidebarLogoRow p{ color:#fff; text-transform:uppercase; text-align: left; margin-top:5px; } .rightSidebarLogoRow p span{ width:100%; float:left; color:#ccc4c4; } .rightSidebarLogo img{ //border: 1px solid #bf44e2; padding: 5px 5px; // border-radius: 50%; // background: #bf44e2; } .cwRtMenuIcon{ height:32px; width: 29px; background-image: url("https://crossword.thehindu.com/images/crossword-logos/cw_sprite.png"); float: left; } .nav-container-right a span.text{ padding-left: 10px; } .cwRtMenuIcon1{ background-position: 11em -0.5em; } .cwRtMenuIcon2{ background-position: -0.7em -0.6em; } .cwRtMenuIcon3{ background-position: 18.9em -0.6em; } .nav>li>a{ width: 100%; float:left; } /*.nav>li>a:focus, .nav>li>a:hover{ background:#1B1B1B !important; }*/ .nav>li>a:focus, .nav>li>a:hover { background-color: #F5F5F5 !important; } .nav-tabs .nav-item { margin-bottom: 1px; } .cwRtMenuIconLn1{ background-position: 32.2em -0.6em; } .cwRtMenuIconLn2{ background-position: 29.5em -0.6em; } .cwRtMenuIconLn3{ background-position: 26.7em -0.6em; } .cwRtMenuIconLn4{ background-position: 24em -0.6em; } .cwRtMenuIconLn5{ background-position: 21.3em -0.6em; } .cwRtMenuIconLn6{ background-position: 18.9em -0.6em; } .cwRtMenuIconLn7{ background-position: 16.2em -0.6em; } .cwRtMenuIconLn8{ background-position: 13.6em -0.6em; } .cwRtMenuIconLn9{ background-position: 8.2em -0.6em; } .nav-container-left li:nth-child(2) , .nav-container-left li:nth-child(15){ border-bottom: 1px solid #353131; } .side-content-lt .close-btn .line{ display:none; } /*media query*/ @media screen and (min-width: 1201px) { .subscribeDiv a.cwSubBtn{ font-size: 14px !important; } .subscribeDiv a.cwSubBtn{ margin-right: 10px; } .subscribeDiv{ padding:0; } .clicknavbtn i { font-size: 1.4em; } } @media screen and (max-width: 767px) { .games-info p.game-duration{ line-height: 40px !important; height: auto !important; } /*.graynum{ padding: 13px !important; top: 27.5% !important; left: 27.5% !important; } .graynum.num15{ padding: 13px 8px !important; }*/ .small-btn{ padding: 5px 11px !important; } .hndu-copyright p{ font-size: 14px !important; } .crossword-info p{ height: 35px !important; } .header-btns .btn-hide { display: none; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { display: block; } .fixed-header .header-link{ position: relative; bottom:0; right:0; } .side-content-lt .close-btn .line{ display:block; } .cwtitleSubHead{ margin:0px 10px !important; } .nav-container-right img{ display:none; } .side-content-lt{ max-width: 250px !important; } .sidebarLogo{ max-width: 204px; margin: 20px 15px; } .side-content-lt .close-btn { right: 0px; top: -7px; } .side-content-lt, .clicknavbtn_div{ top:0; } .mobileLogo { display: block !important; } .DeskLogo { display: none !important; } .hamburger-menu-button { left: 0; } .cwUserDetails { right: 0; } .toggler-container div{ padding:0; } .rightSidebarLogoRow{ padding: 15px 10px 15px 0px !important; } .subscribeDiv { //top: 6px; top: 4px; } .toggler-container .logo{ padding: 8px 15px; } .SectionsCrosswordDiv div.col-md-4:nth-child(2), .SectionsCrosswordDiv div.col-md-4:nth-child(5) { border-left: none; border-right: none; } .Published-daily { font-size: 14px !important; } .comBlockHead p{ padding: 11px 21px 0px; } .comBlockHead a{ margin-top: 5px; } .tblockCw h4{ font-size:16px !important; } .top-nav .toggler-container{ // padding: 10px; padding: 5px 10px 15px; } .hamCwClose { top: 2px; left:2px; } /*.top-nav .toggler-container .hamburger .line{ margin: 1.7px 0px; }*/ .toggler-container .logo{ padding:0; } .nav-container-left span.descTextCw{ display:none; } /*.top-nav .toggler-container .hamburger{ width: 100%; padding:0px 4px; }*/ #sso-signin{ display:none; } #sso-signin{ cursor: default; text-decoration: none; } .SectionsCrosswordDiv .SectionsInDiv{ width:48%; display:inline-block; padding:0; } .SectionsCrosswordDiv{ padding:0px 15px; } .changepassimg{ display:none; } #changepassword{ margin:0; } .hamCwCloseText{ visibility:hidden !important; } .fixed-header #sub_hide { position: relative; top: 7px; left: 0; } .fixed-header .header-link { position: relative; bottom: 9px; right: 0; } .userIconSec { position: relative; top: 4px; } } @media screen and (max-width: 991px) and (min-width: 320px) { .games-wrap .active .more-info-btn, .more-info-btn:hover{ width: 95px; bottom: 8px; padding: 0 5px; } a.more-info-btn span{ font-size: 11px; } .top-nav .toggler-container .hamburger{ top: 0.38em; left: 0.7em; } .top-nav .toggler-container .hamburger.hamCross { top: 0.2em; left: 0.5em; } .linetxt { width: 22px !important; height: 7px !important; } .boxtxt { width: 4px !important; height: 4px !important; margin: 2px 0.2px !important; } .hamCross .menu__item--hamburger .linetxt:nth-child(1), .hamCross .menu__item--hamburger .linetxt:nth-child(1) { transform: rotate(45deg) translate(13px, 4px) !important; } .hamCross .menu__item--hamburger .linetxt:nth-child(3), .hamCross .menu__item--hamburger .linetxt:nth-child(3) { transform: rotate(-45deg) translate(1px, -4px) !important; } .cwtitleSubHead{ margin:0px 10px !important; } .signupsubscriptioncontent{ background:transparent; } .clicknavbtn i { font-size: 1.4em; } .tblockCw h4{ font-size:17px; } .stextrt h4{ font-size: 15px; } .Published-daily { font-size: 14px !important; } .SectionsCrosswordDiv div.col-md-4:nth-child(2),.SectionsCrosswordDiv div.col-md-4:nth-child(11), .SectionsCrosswordDiv div.col-md-4:nth-child(5),.SectionsCrosswordDiv div.col-md-4:nth-child(8) { border-left: none; border-right: none; } .sampleCrosswordSubDiv{ padding: 0px 5px; position:relative; } .sampleCrosswordSubDiv .stextrt{ display:none; } .sampleCrosswordSubDiv .stextrtMobile{ display:block !important; } .stextrtMobile h4, .stextrtMobile p, .stextrtMobile h6{ margin:5px 0px; } .stextrtMobile, .stextrtMobile p{ text-align:center; } .stextrtMobile h4{ font-size:14px; } .sblockBottom a{ font-size: 12px; } .lblockCw{ width:100%; } } @media screen and (max-width: 991px) and (min-width: 768px) { .more-info-btn { bottom: 8px !important; } .owl-stage { padding-left: 0px !important; } #sso-signin{ position: relative; top: 0px !important; padding-right: 5px; } .logodivimg{ padding:0; } .top-nav .toggler-container .hamburger { top: 0.9em; left: 1.3em; } .top-nav .toggler-container .hamburger.hamCross { top: 0.2em; left: 0.5em; } .header-btns .btn-hide{ display: none; } .fixed-header #sub_hide{ display: block; } .header-link{ float:right; } .headhamburgerdiv { position: relative; top: 6px !important; } .hndu-header.hndu-sticky.fixed-header{ padding: 5px 20px 0px; } .fixed-header.subhide_fixed{ padding: 5px 20px 12px !important; } .hndu-header.hndu-sticky{ padding: 5px 20px 12px; } .games-item{ min-height: 197px !important; padding: 12px !important; } h4.games-title { font-size: 17px !important; } .games-item .hndu-image { max-width: 99px; margin-right: 13px !important; } /* #sub_hide{ max-width: 125px !important; min-width: 125px !important; padding: 4px 8px !important; } .header-btns .btn-hide { display: none; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { display: block; } .fixed-header #sub_hide { position: relative; top: 7px; left: 0; }*/ /*.fixed-header .header-link { position: relative; bottom: 4px; right: -4em; } .header-link { position: relative; right: -4em; }*/ /*.header-btns { position: relative; bottom: 4px; } .userIconSec .textright{ position: relative; bottom: 4px; right: -4em; }*/ } @media screen and (max-width: 767px) and (min-width: 566px) { .sample-crossword .crossword-item-wrap { padding: 5px !important; } .crossword-item-wrap { padding: 5px !important; } .video-item{ margin: 8px !important; } .SectionsCrosswordDiv .SectionsInDiv{ width:49%; display:inline-block; padding:0; } .stextrt h4{ font-size:13px !important; } .mobileLogo img{ position: relative; top: 5px; } } @media screen and (max-width: 565px) { .mobileLogo img{ position: relative; top: 0px; } .SectionsCrosswordDiv .SectionsInDiv{ width:100%; padding:0; margin:0 !important; } .stextrt h4{ font-size:14px !important; } .lblockCw{ border-bottom: 1px dashed #827a7a; } .SectionsCrosswordDiv .SectionsInDiv:last-child .lblockCw{ border-bottom: none; } .cwDayFmt{ margin-right:5px; } .CrosswordContainerDiv h1{ font-size: 17px; padding: 10px 5px; } .comBlockHead p { padding: 11px 0px 0px; font-size:13px; } .comBlockHead a{ padding: 3px 25px; margin-top: 5px; } .sblockBottom{ padding: 2px; } .stextrtMobile p{ display:none; } .stextrt h6 { font-size: 12px; } .lblockCw{ width:100%; } .toggler-container .logo{ padding: 8px 15px!important; } .top-nav .toggler-container { padding: 4px 10px 4px; } .tblockBottom{ min-height: 72px; } } @media screen and (max-width: 767px) and (min-width: 431px) { .mobileLogo{ width: 230px !important; margin: 0 !important; } } @media screen and (max-width: 430px) and (min-width: 361px) { .mobileLogo{ width: 180px !important; } .subscribeDiv a.cwSubBtn{ padding: 3px 10px 5px; } .clicknavbtn{ padding: 0; top: 4px; } .mobileLogo img{ left: -8px; } .cwtitleSubHead{ font-size: 12px; padding: 8px 0px 8px; margin: 0; } } @media screen and (max-width: 360px) and (min-width: 320px) { .mobileLogo{ width: 165px !important; } .subscribeDiv a.cwSubBtn{ padding: 2px 10px 4px; } .clicknavbtn{ padding: 0; top: 2px; } .subscribeDiv { top: 5px; } .mobileLogo img{ left: -8px; } .cwtitleSubHead{ font-size: 12px; padding: 8px 0px 8px; margin: 0; } .todaysCrosswordDiv .slick-slide{ width:260px !important; padding: 0px 5px; } } .top-nav { position: -webkit-sticky; z-index: 1; } .sticky-head { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999999999999999999; border-top: 0; } @media screen and (max-width: 1199px) and (min-width: 992px){ #sso-signin{ position: relative; top: 0px !important; padding-right: 5px; } .subscribeDiv { text-align: right; padding: 0; } .subscribeDiv a.cwSubBtn { padding: 3px 7px 5px !important; } } /*ham n=menu design start*/ .boxtxt { transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .boxtxt { width: 6px; height: 6px; background: #000; margin: 2px 1px; display: inline-block; } .linetxt{ width:60px; height:10px; } .menu__wrapper > div:hover, .menu__wrapper > div:focus { outline: none; } .menu__wrapper > span { display: inline-block; text-align: center; line-height: 1.2; margin-top: auto; } .hamCross .menu__item--hamburger .linetxt:nth-child(1), .hamCross .menu__item--hamburger .linetxt:nth-child(1){ transform: rotate(45deg) translate(16px, 11px); } .hamCross .menu__item--hamburger .linetxt:nth-child(2) .boxtxt, .hamCross .menu__item--hamburger .linetxt:nth-child(2) .boxtxt{ color:#fff; background:transparent; transform: rotate(45deg) translate(16px, 11px); } .hamCross .menu__item--hamburger .linetxt:nth-child(3), .hamCross .menu__item--hamburger .linetxt:nth-child(3) { transform: rotate(-45deg) translate(14px, -16px); } /* .menu__item--hamburger:hover .linetxt:nth-child(1), .menu__item--hamburger:focus .linetxt:nth-child(1) { transform: rotate(45deg) translate(16px, 11px); } .menu__item--hamburger:hover .linetxt:nth-child(2) .boxtxt, .menu__item--hamburger:focus .linetxt:nth-child(2) .boxtxt{ color:#fff; background:transparent; } .menu__item--hamburger:hover .linetxt:nth-child(2), .menu__item--hamburger:focus .linetxt:nth-child(2) { visibility: visible; } .menu__item--hamburger:hover .linetxt:nth-child(3), .menu__item--hamburger:focus .linetxt:nth-child(3) { transform: rotate(-45deg) translate(14px, -16px); }*/ /**/ /** Redesign css start **/ /* Hindu Buttons */ .hndu-btn { display: inline-block; vertical-align: middle; width: 100%; max-width: 190px; padding: 12px 15px;; color: #ffffff; background: #2D038B; background-image: linear-gradient(to right, #2D038B, #63218F, #63218F, #2D038B); background-size: 300% 100%; font-weight: 700; font-size: 16px; font-family: 'Quicksand', sans-serif; text-align: center; border: 2px solid transparent; position: relative; outline: none; overflow: hidden; cursor: pointer; -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; box-shadow: none; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; -webkit-box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); -ms-box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); } .hndu-btn:hover, .hndu-btn:focus { border-color: transparent; color: #ffffff; background-position: 98% 0; -webkit-box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); -ms-box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); } .hndu-border-btn { border-color: #63218F; color: #63218F; background-image: linear-gradient(to right, #ffffff, #ffffff, #63218F, #2D038B); } .hndu-border-btn:hover, .hndu-border-btn:focus { background-color: #63218F; color: #ffffff; } .small-btn { font-size: 14px; max-width: 150px; min-width: 150px; padding: 8px 15px; } /*Main Wrap*/ .hndu-header { width: 100%; padding: 7px 20px; background: #ffffff; text-align: center; -webkit-box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); -ms-box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); z-index: 99; } /*Menu*/ .hndu-menu { position: relative; float: left; width: 30px; height: 28px; margin-right: 30px; } .hndu-menu-btn { position: absolute; width: 30px; height: 28px; top: 0; left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hndu-menu-btn .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 12px; left: 0; background-color: #212121; } .hndu-menu-btn .icon-left:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: -10px; left: 0; } .hndu-menu-btn .icon-left:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: 10px; left: 0; } .hndu-menu-btn .icon-left:hover { cursor: pointer; } .hndu-menu-btn .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 12px; background-color: #212121; left: 15px; } .hndu-menu-btn .icon-right:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: -10px; left: 0; } .hndu-menu-btn .icon-right:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: 10px; left: 0; } .hndu-menu-btn.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .hndu-menu-btn.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); } .hndu-menu-btn.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); } .hndu-menu-btn.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .hndu-menu-btn.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); } .hndu-menu-btn.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); } .hndu-menu-btn:hover { cursor: pointer; } .hndu-menu-btn.open { opacity: 0; } /*End*/ .post-grid-view { display: inline-block; vertical-align: middle; width: 45px; height: 45px; float: left; padding-top: 4px; } .post-grid-view .grid-icon { float: left; clear: both; width: 10px; height: 10px; margin-bottom: 4px; border: 1px solid #63218F; position: relative; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; background-color: #63218F; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .post-grid-view .grid-icon:before, .post-grid-view .grid-icon:after { position: absolute; top: -1px; left: 14px; width: 10px; height: 10px; border: 1px solid #63218F; content: ""; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; z-index: 1; background-color: #63218F; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .post-grid-view .grid-icon:after { left: 29px; } .post-grid-view:hover .grid-icon, .post-grid-view:hover .grid-icon::before, .post-grid-view:hover .grid-icon::after { background: none; } .hndu-header .hndu-image { text-align: center; } .hndu-header .hndu-image.mobile-logo { display: none; } .header-link, .header-btns { display: inline-block; } .header-btns .hndu-border-btn { margin-left: 15px; } .header-btns{ position:relative; display: inline-block; } .header-btns .btn-hide { opacity: 0; visibility: hidden; } #sub_hide{ /*opacity: 1; visibility: visible; position: relative; right: 0; top: -5px; position: absolute; right: 0;*/ } .fixed-header #sub_hide{ position: relative; } .hndu-header.hndu-sticky.fixed-header { position: fixed; top: -1px; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { opacity: 1; visibility: visible; } .header-link { /*padding-left: 17px;*/ padding-left: 5px; vertical-align: middle; } .header-link a { color: #63218F; } .header-link a:hover { color: #232323; } .header-link a i { font-size: 28px; } .hndu-main-wrap { background: #f5f5f5; } /* Register/Subscribe Section */ .hndu-subscribe-secction { padding-top: 10px; } .hndu-subs-wrap { background: #ffffff; padding: 18px 30px 22px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .hndu-subs-wrap h4 { color: #000555; font-size: 28px; padding-bottom: 5px; } .hndu-subs-wrap p { color: #777777; font-size: 16px; line-height: 24px; padding: 0; margin: 0 0 15px; font-weight: 500; } .hndu-btns-wrap .hndu-btn { margin-right: 10px; } /* Menu Sidebar */ .menu-sidebar { position: fixed; max-height: calc(100vh - 64px); background: #000000; width: 100%; max-width: 440px; left: 0; top: 64px; transform: translateX(-440px); padding: 20px 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; z-index: 9999999999999; height:100%; } .menu-sidebar h5.sidemenu-title { color: #fff; } .sidebar-inner { max-height: calc(100vh - 130px); overflow-y: scroll; padding: 0 30px; -webkit-overflow-scrolling: touch; } .sidebar-inner::-webkit-scrollbar { width: 14px; } .sidebar-inner::-webkit-scrollbar-track { background: #000000; } .sidebar-inner::-webkit-scrollbar-thumb { background-color: #f5f5f5; border-radius: 100px; border: 4px solid #000000; } .sidebar-inner::-webkit-scrollbar-thumb:hover { background-color: #ffffff; border: 2px solid #000000; } .menu-sidebar.active { transform: translateX(0); -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul.menu-items { padding-left: 0; list-style-type: none; float: left; display: inline-block; } .menu-sidebar ul li { float: left; display: inline-block; width: 100%; padding: 10px 0; margin: 5px 0; } .close-btn-parent { display: inline-block; text-align: right; width: 100%; padding: 0 40px 5px 30px; } .close-btn-parent button.close-btn { float: right; background: none; border: none; font-size: 23px; display: inline-block; position: relative; cursor: pointer; color: #ffffff; padding: 0; width: 20px; height: 20px; } .close-btn-parent button.close-btn:before, .close-btn-parent button.close-btn:after { content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: #ffffff; display: inline-block; transform: rotate(45deg); } .close-btn-parent button.close-btn:after { transform: rotate(-45deg); } .close-btn-parent button.close-btn:focus { outline: none; } .sidemenu-item { display: inline-block; width: 100%; text-align: left; } .sidemenu-item h5.sidemenu-title:after { content: ""; background: #ededed; width: 100%; height: 1px; display: block; margin-top: 4px; } .menu-sidebar ul li img { margin-right: 12px; float: left; } span.menu-info p { margin: 0; font-weight: 500; } .menu-sidebar ul li a { color: #ffffff; display: flex; align-items: center; } span.menu-info { display: inline-block; float: left; width: 80%; } span.menu-title { padding-bottom: 1px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .menu-sidebar ul li { position: relative; } .menu-sidebar ul li:before { content: ""; background: #63218F; width: 5px; height: 100%; position: absolute; left: -30px; top: 0; opacity: 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul li:hover:before { opacity: 1; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul li:after { content: "\f105"; font-family: "Fontawesome"; position: absolute; top: 50%; right: 0; transform: translateY(-13px); font-size: 20px; color: #666; } html.menu-open { overflow: hidden; padding-right: 14px; } .menu-open .fixed-header{ overflow: visible; right:14px; } .menu-open .fixed-header .logodivimg{ } .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-open .menu-overlay { opacity: 1; visibility: visible; } /* Menu Sidebar */ .user-menu { position: fixed; background: #000000; width: 100%; max-width: 360px; right: 0; top: 64px; transform: translateX(440px); min-height: 300px; max-height: calc(100vh - 64px); padding: 15px 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; z-index: 9999999999999; border-radius: 10px 0 0 10px; } .user-menu-inner { max-height: calc(100vh - 164px); overflow-y: scroll; padding: 0 30px; } .user-menu-inner::-webkit-scrollbar { width: 14px; } .user-menu-inner::-webkit-scrollbar-track { background: #000000; } .user-menu-inner::-webkit-scrollbar-thumb { background-color: #f5f5f5; border-radius: 100px; border: 4px solid #000000; } .user-menu-inner::-webkit-scrollbar-thumb:hover { border: 2px solid #000000; } .user-menu.active { transform: translateX(0); -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .user-menu ul { padding: 0; margin: 0; list-style: none; text-align: left; } .user-menu ul li { font-size: 18px; font-weight: 700; color: #232323; text-transform: uppercase; padding: 10px 0px 5px; } .user-menu ul li a { color: #ffffff; display: block; } .user-menu ul li a:hover { color: #f5f5f5; } .user-menu ul li span { width: 40px; height: 40px; line-height: 40px; background: #232323; color: #ffffff; display: inline-block; font-size: 18px; text-align: center; border-radius: 100px; margin-right: 15px; } .user-menu .close-btn-parent button.close-btn { float: right; } /* Tab Menu */ .tab-menu-wrap { display: inline-block; width: 100%; margin: 0 auto; } .tab-menu-wrap ul { padding: 0; list-style-type: none; text-align: center; margin-bottom: 10; margin-top: 20px; } .tab-menu-wrap ul li { display: inline-block; float: none; margin: 0 10px; } .tab-menu-wrap ul li a { color: #232323; font-size: 15px; font-weight: 700; } .tab-menu-wrap ul li a:hover { color: #63218F; text-decoration: underline; } .h4, h4 { font-size: 18px; } a.more-info-btn span{ color: #63218F !important; } body.cwWordLancher #hndu-back-top{ display:none; visibility:hidden !important; } .fullnamefield label{ top:-13px !important; } .fullnamefield .inputlabel.active{ top:0 !important; } .tab-pane{ width:100%; float:left; } /*.tab-con>.tab-pane, .tab-con>.tab-pane .games-wrap { display: none !important; } .tab-con>.active , .tab-con>.active .games-wrap{ display: contents !important; }*/ @media screen and (max-width: 575px){ .games-tab ul.nav-tabs li{ padding: 8px 10px 9px !important; font-size: 16px !important; } a.more-info-btn:focus span{ left: 8px !important; } .user-menu ul li{ font-size: 16px !important; padding: 7px 0; } .user-menu-inner { max-height: calc(100vh - 130px) !important; padding: 0 20px; } .more-info-btn { bottom: 8px !important; } .games-item { min-height: 170px !important; } .small-btn { min-width: 133px; } .menu-sidebar ul li:after { right: -10px; } .sidebar-inner{ padding: 0px 20px 40px; } .close-btn-parent{ padding: 0 25px 5px 30px; } } .user-menu-inner.cw-signin.ssologin ul{ display:none; } .user-menu-inner.cw-signin.ssologin ul:last-child{ display:block !important; } @media screen and (max-width: 575px){ .user-menu.active{ height:100%; } } @media screen and (max-width: 1199px) { .menu-open .fixed-header { overflow: visible; position: fixed !important; right:0 !important; } html.menu-open { overflow: hidden; padding-right: 0px; } } .menu-open .hndu-back-top{ z-index:1 !important; } .games-item{ min-height: 230px; } .games-wrap, .games-item, .games-tab{ width:100%; float:left; } @media screen and (max-width:320px) { .fixed-header .header-link { position: relative; bottom: 0px; right: 0; } .hndu-blog-item .row.align-items-center{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* header sec css new*/ .headhamburgerdiv{ position: relative; top: 11px; } .userIconSec{ position: relative; top: 5px; } /*.textright{ width: 100%; float: left; padding: 0; }*/ .textright { text-align: right; } #mob_visible{ display:none; } .default-logo-mobile{ display:none; } @media screen and (max-width: 767px) and (min-width: 320px) { .default-logo-mobile{ display:block; z-index: 99999999; } .default-logo{ display:none; } .fixed-header .default-logo-mobile{ display:none; } .hndu-image.default-logo-mobile { width: 250px; top: 14px; position: absolute; left: 9em; } .header-btns .btn-hide{ display: none; } .fixed-header #sub_hide{ display: block; } .fixed-header .headhamburgerdiv { position: relative; top: 11px !important; } .hndu-header .hndu-image.mobile-logo{ position:relative; top:5px; } .headhamburgerdiv { position: relative; top: 6px !important; } .hndu-header.hndu-sticky.fixed-header{ padding: 5px 20px 10px; } .fixed-header .userIconSec { position: relative; top: 1px; } .subhide_fixed.fixed-header .userIconSec { position: relative; top: 16px; } .hndu-header{ padding: 7px 20px 15px; } .userIconSec .textright{ margin-bottom: 0; } #pills-tabContent .games-info p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width: 991px) and (min-width: 768px) { .games-info p.game-duration{ line-height: 40px !important; height: auto !important; } .sample-crossword .crossword-item-wrap { padding: 5px !important; } .crossword-item-wrap { padding: 5px !important; } .video-item{ margin: 8px !important; } .hndu-blog-item{ margin-bottom:0; } .blog-page-img{ margin-top: 35px !important; } .tabs-wrap { top: 51px; } } @media screen and (max-width: 799px) and (min-width: 768px) { .hndu-image.default-logo { position: relative; top: 5px; } } @media screen and (max-width: 849px) and (min-width: 800px) { .hndu-image.default-logo { position: relative; top: 4px; } } @media screen and (max-width: 920px) and (min-width: 850px) { .hndu-image.default-logo { position: relative; top: 4px; } } @media screen and (max-width: 991px) and (min-width: 921px) { .hndu-image.default-logo { position: relative; top: 2px; } } @media screen and (max-width: 1024px) and (min-width: 992px) { .hndu-image.default-logo { position: relative; top: 9px; } } @media screen and (max-width: 1199px) and (min-width: 1025px) { .hndu-image.default-logo { position: relative; top: 6px; } } @media screen and (max-width: 1300px) and (min-width: 1200px) { .hndu-image.default-logo { position: relative; top: 4px; } .userIconSec { padding: 0; } } @media screen and (max-width: 1380px) and (min-width: 1301px) { .hndu-image.default-logo { position: relative; top: 1px; } .userIconSec { padding: 0; } } @media screen and (max-width: 767px) and (min-width: 576px) { .more-info-btn{ bottom: 8px; } .games-tab .games-item{ padding: 12px; } .games-item .hndu-image{ margin-right: 10px; } #pills-tabContent .games-wrap .col-md-6{ width:50% !important; } .blog-page-img{ margin-top: 25px !important; } h4.games-title{ font-size: 15px; } .games-tab .card-body p{ font-size: 13px; line-height: 22px; } .games-info p.game-duration{ font-size: 13px; } .games-item { min-height: 190px; } .games-item .hndu-image{ max-width: 90px; } .games-info span{ font-size: 13px; } .user-menu, .menu-open .user-menu, .user-menu.active{ width:100%; height:100%; } } @media screen and (max-width: 575px){ .close-btn-parent{ position: absolute; top: 12px; left: 0; } .games-tab .games-item{ padding: 12px; } .games-item .hndu-image{ margin-right: 10px; } .small-btn { min-width: 98px; max-width: 100px; padding: 5px 8px !important; } .user-menu, .menu-open .user-menu, .user-menu.active{ width:100%; height:100%; right:0; } .user-menu.active{ left:0; max-width: 100% !important; } .fixed-header #sub_hide{ display:block; } #sub_hide{ display:none; } .hndu-header { padding: 7px 10px 12px; overflow: hidden; } .blog-page-img{ margin-top: 7px !important; } /*.games-item { min-height: 190px; } .hndu-menu-btn .icon-left{ width: 20px; height:3px; } .hndu-menu-btn .icon-left:before, .hndu-menu-btn .icon-left:after{ width: 10px; height:3px; } .hndu-menu-btn .icon-left:before{ top:-6px; }*/ .hndu-image.default-logo-mobile { width: 180px !important; top: 15px !important; position: absolute !important; left: 5em !important; } .header-link a i { font-size: 28px; } .headhamburgerdiv{ top: 3px !important; } /*.hndu-menu-btn .icon-left:after{ top:6px; } .hndu-menu-btn .icon-right{ width:10px; left:5px; height:3px; } .hndu-menu-btn .icon-right:before, .hndu-menu-btn .icon-right:after{ width:10px; left:5px; height:3px; } .hndu-menu-btn .icon-right:before{ top:-6px; } .hndu-menu-btn .icon-right:after{ top:6px; }*/ .hndu-header .hndu-image.mobile-logo { position: relative; top: 0; } .hndu-header.hndu-sticky.fixed-header { padding: 8px 0px; } .fixed-header .userIconSec{ position: relative; top: 5px; } .fixed-header #sub_hide{ position: relative; top: 0; left: 0; font-size:11px; } .fixed-header .textright{ position: absolute; top: 4px; right:15px; } .fixed-header .header-link { position: relative; bottom: 9px; right: 0; } .more-info-btn { width: 26px; padding: 0.5px 4.5px 0px 4px; height: 26px; line-height: 22px; } } @media screen and (max-width:414px) { #mob_visible{ float: left; } #mob_visible a{ min-width: 124px; max-width: 124px; } .fixed-header #mob_visible{ display:block; } .fixed-header #sub_hide { display: none !important; } #mob_visible{ display:none; font-size:11px; } .fixed-header .textright{ position: absolute; top: 4px; right:15px; padding:0; } .fixed-header .header-link { position: relative; bottom: -5px !important; right: 0; } .header-btns{ position: relative; top: 8px; } .fixed-header .userIconSec { position: relative; top: 0 !important; } } .blogs-page, .hndu-crossword-secction, .hndu-videos-secction, .hndu-tabs-section{ width: 100%; float:left; } .hndu-image.default-logo{ position:relative; } .owl-carousel .owl-item .video-item img{ width: 100%; } .menu-items li a img, .mobile-logo{ width:40px !important; } .header-link i.fa{ padding: 0 !important; margin: 0 !important; } .pDeskContent{ display:block; } .pMobileContent{ display:none; } @media screen and (max-width: 767px){ .pDeskContent{ display:none; } .pMobileContent{ display:block; } } </style> <div id='teconsent'></div> <header class="hndu-header hndu-sticky"> <div class="hndu-header-inner"> <div class="container-fluid"> <div class="hndu-image default-logo-mobile"> <a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_CW_logo.svg" alt="logo" width="420"></a></div> <div class="row align-items-center"> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 headhamburgerdiv"> <div class="hndu-menu"> <div class="hndu-menu-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3 logodivimg"> <div class="hndu-image default-logo"> <a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_CW_logo.svg" alt="logo" width="420"></a></div> <div class="hndu-image mobile-logo"><a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/favicon.png" alt="logo" width="40"></a></div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-7 userIconSec"> <ul class="textright"> <li id="mob_visible"><a href="https://crossword.thehindu.com/subscription/" class="hndu-btn small-btn">Subscribe Now</a></li> <li class="header-btns"> <a href="https://crossword.thehindu.com/subscription/" class="hndu-btn small-btn btn-hide" id="sub_hide">Subscribe Now</a> </li> <li class="header-link"> <a href="javascript:void(0);"><span id="sso-signin"></span><i class="fa fa-user" aria-hidden="true"></i></a> </li> </div> </div> </div> </div> <div class="menu-sidebar"> <div class="close-btn-parent"> <button class="close-btn"></button> </div> <div class="sidebar-inner">  <div class="sidemenu-item"> <h5 class="sidemenu-title">Discover Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Home@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword Home</span> <p>View All Crosswords</p> </span> </a> </li> <li class="subUserChangeText"> <a href="https://crossword.thehindu.com/subscription/"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Subscription@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword subscription</span> <p>Subscribe to The Hindu Crosswords</p> </span> </a> </li> <li class="subUserChangeTextebook"> <a href="https://crossword.thehindu.com/Cryptic_Crossword_Ebook.pdf" target="_blank"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Subscription@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword e-Book</span> <p>Learn how to crack cryptic crosswords</p> </span> </a> </li> </ul> </div>  <div class="sidemenu-item"> <h5 class="sidemenu-title">More From Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic-sunday"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_Sunday.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Hindu Cryptic on Sunday</span> <p>Spice up your Sundays too with The Hindu Cryptic, now fitted with training wheels!</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Hindu Cryptic</span> <p> Seemingly meaningless words and phrases hold the key to this crossword. Work it out.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-quick"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TheGuardian_quick_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Guardian Quick </span> <p>Figure out the straightforward meanings of clues to solve this crossword.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-everyman"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Guardian_everyman_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Everyman</span> <p>Though the clues in it are cryptic, this crossword is recommended for everyone.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-one-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/onedown_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">One Down</span> <p>Figuring out the meanings will help you crack this short and simple crossword.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sportstar"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sportstar_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Sportstar Crossword</span> <p>A quiz-style crossword for the sports fans.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sport-on"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sport_on_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sport On</span> <p>If you know your sports trivia, this crossword will be a breeze. </p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/clued-in"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Clued_in_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Clued In (Blogs)</span> <p>The blog that break down the clues, however cryptic they are.</p> </span> </a> </li> </ul> </div> <div class="sidemenu-item"> <h5 class="sidemenu-title">More from Sudoku</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-easy"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_easy_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Easy</span> <p>The easiest version of the game that requires just nine numbers.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-mini-sudoku"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_mini_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Mini Sudoku</span> <p>A game that can be solved with the apt use of just six numbers.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_medium_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Medium</span> <p>A game that needs just nine numbers, set just right for the regular solver.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-hard"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_hard_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Hard</span> <p>It doesn't get harder than this in this number game.</p> </span> </a> </li> </ul> </div> <div class="sidemenu-item"> <h5 class="sidemenu-title">More From Word Search</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-word-hunt"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_hunt.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Word Hunt</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-word-work"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_work.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Word Work</span> <p>Where descriptive clues guide you toward words in a maze of letters.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-track-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Trackdown.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Track Down</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-name-game"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Namegame.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Name Game</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> </ul> </div>  <div class="sidemenu-item"> <h5 class="sidemenu-title">About Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/faq"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Help@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Help and support (FAQ)</span> <p>All you need to know about The Hindu Crossword+</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/about"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/About Us@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">About Us</span> <p>A one-stop-shop for interactive puzzles offered by THG Publishing Private Limited.</p> </span> </a> </li> </ul> </div> </div> </div> <div class="user-menu"> <div class="close-btn-parent"> <button class="close-btn"></button> </div> <div class="user-menu-inner cw-signin"> </div> </div> <div class="menu-overlay"></div> </header> <script> /** Common functions Start **/ tp = window["tp"] || []; tp.push(['init',function() { tp.pianoId.init({ loggedIn : function(data) { isloggedinUser(data) }, loggedOut : function() { location.reload(); } }); var userId = ""; if (tp.user.isUserValid()) { userId = tp.pianoId.getUser().uid; } if(userId !==""){ isloggedinUser(); }else{ console.log("isUserValid-->",tp.user.isUserValid()); islogoutUser(); } function isloggedinUser(data){ $('#reg_hide').css('display','none'); $('#sub_reg').css('display','none'); isUserDetails = data; var userName = typeof tp.pianoId.getUser().firstName != "undefined" ? "Hi " + tp.pianoId.getUser().firstName : 'Hi User'; console.log(userName); document.getElementById("sso-signin").innerText = userName; //document.getElementById("hello-user").innerText = hello_userName; var dropdown ='<ul class="cwaflogin" ><li><a href="https://crossword.thehindu.com/myaccount"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Profile@2x.png" alt="logo" width="40"></span>My Account</a></li><li><a href="https://crossword.thehindu.com/stats"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Stat@2x.png" alt="logo" width="40"></span>Stats</a></li><li><a href="https://crossword.thehindu.com/faq"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Help and support@2x.png" alt="logo" width="40"></span>Help and support</a></li><li><a href onclick="tp.user.logout()"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Sign out@2x.png" alt="logo" width="40"></span>Sign out</a></li></ul>'; //console.log(dropdown); var list = document.querySelectorAll(".cw-signin"); for (var i = 0; i < list.length; ++i) { list[i].classList.add('ssologin'); list[i].insertAdjacentHTML('beforeend',dropdown); } } function islogoutUser(){ $('.cwtitleSubHead').css('display','block'); $('.clicknavbtn i').css('color','#000'); var dropdown = '<ul class=cwbflogin" ><li><a class="thgsignin"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Sign in-Sign up@2x.png" alt="logo" width="40"></span>Sign in/Sign up</a></li><li><a href="https://crossword.thehindu.com/subscription/"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Subscribe@2x.png" alt="logo" width="40"></span>Subscribe</a></li><li><a href="https://crossword.thehindu.com/faq"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Help and support@2x.png" alt="logo" width="40"></span>Help and support</a></li></ul>'; var list = document.querySelectorAll(".cw-signin"); for (var i = 0; i < list.length; ++i) { list[i].classList.add('ssologin'); list[i].insertAdjacentHTML('beforeend',dropdown); } //document.getElementById("hello-user").innerText = "User"; } $(function(){ $(document).on("click",".thgsignin",function() { console.log("inin"); tp.pianoId.show({ loggedIn: function(data) { location.reload(); }, loggedOut: function() {location.reload();} }); $(".user-menu").hide(); }); }); }]); function daysleft(enddate){ var day_start = new Date(); var day_end = new Date(enddate); day_end.setHours(23,59,59,999); var enddatefinal = new Date(day_end); var total_days = (enddatefinal - day_start) / (1000 * 60 * 60 * 24); total_days = total_days - 1; if(Math.ceil(total_days) < 1){ total_days = "0"; } return Math.ceil(total_days); } function hide_menu_in_pg_page() { $("#menudashboard, #menuuser").hide(); $("#sso-signin").html(""); $("#menuuser").find("ul").remove(); } /** Common functions End **/ $(document).ready(function(){ $(".hamburger").click(function(e){ e.stopPropagation(); $(".hamburger").toggleClass("hamCross"); $(".side-content-lt").toggleClass("active"); $('.clicknavbtn_div').removeClass("active"); $('body').toggleClass('cwCustomoverlay'); }); $(".close-btn").click(function(e){ e.stopPropagation(); $(".hamburger").removeClass("hamCross"); $('body').removeClass('cwCustomoverlay'); $(".side-content-lt").removeClass("active"); }); $(".clicknavbtn").click(function(e){ e.stopPropagation(); $(".clicknavbtn_div").toggleClass("active"); $(".side-content-lt").removeClass("active"); $(".hamburger").removeClass("hamCross"); $('body').toggleClass('cwCustomoverlay'); }); $(".clicknavbtn-close-btn").click(function(e){ e.stopPropagation(); $(".clicknavbtn_div").removeClass("active"); $('body').addClass('cwCustomoverlay'); }); $('body').click( function() { $('.clicknavbtn_div').removeClass("active"); $(".side-content-lt").removeClass("active"); $(".hamburger").removeClass("hamCross"); $('body').removeClass('cwCustomoverlay'); }); $('.nav-container-left li').click(function(){ $(this).addClass('active') .siblings() .removeClass('active'); }); $('.nav-container-right li').click(function(){ $(this).addClass('active') .siblings() .removeClass('active'); }); }); $(document).ready(function() { //islogoutUser(); var height = $('.top-nav').outerHeight(); $(window).scroll(function() { if($(this).scrollTop() > height) { $('.top-nav').css('position','fixed'); $('body').css('padding-bottom',height+'px'); } else if($(this).scrollTop() <= height) { $('.top-nav').css('position','static'); $('body').css('padding-bottom','0'); } }); $(window).scroll(); }); </script> <div class="tab-menu-wrap"> <ul> <li><a href="#tab-section" class="cross-tab">Crossword</a></li> <li><a href="#tab-section" class="sudoku-tab">Sudoku</a></li> <li><a href="#tab-section" class="word-tab">Word Search</a></li> </ul> </div> <div class="olympic-quiz-div" id="olympic-quiz-div"> </div>  <div class="hndu-subscribe-secction" id="sub_reg"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="hndu-subs-wrap"> <h4 class="hndu-subs-title"> Enjoy puzzles? Welcome home! </h4> <p>TH Crossword+ offers you a big kit of classic word and number puzzles. Whet your wits on six Crossword series, ranging from the simple to the Cryptic. Get thrilled in a number of ways with four types of Sudoku puzzles. Gambol through our word mazes to never again be at a loss for words. Become a master solver along the way. </p> <div class="hndu-btns-wrap hndu-btns"> <a href="https://crossword.thehindu.com/subscription/" class="hndu-btn">Subscribe Now</a> <a href="https://crossword.thehindu.com/Cryptic_Crossword_Ebook.pdf" class="hndu-btn hndu-border-btn" target="_blank">Crossword e-Book</a> </div> </div> </div> </div> </div> </div>   <style> /*sample crosswrod css*/ .hndu-image{ position:relative; } .graynum{ position: absolute; top: 25%; background-color: #595657; left: 24%; opacity: 0.9; border-radius: 50%; text-align: center; padding: 16.5px; } .graynum.num15{ padding: 16.5px 11.5px; } .sample-crossword .crossword-item{ } .pDeskContent{ display:block; } .pMobileContent{ display:none; } @media screen and (max-width: 767px){ .owl-stage{padding-left:0px !important;} .pDeskContent{ display:none; } .pMobileContent{ display:block; } } </style> <div class="hndu-crossword-secction sample-crossword sampleCrosswordRowSec"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="hndu-cross-wrap"> <div class="section-title"> <h3>Free Games</h3> <p class="pDeskContent">Love the idea of solving puzzles, but like to get a taste before you dive in? Not a problem. Try out our free sample games — hunt for words inside a maze of letters, let clues lead you to a filled crossword grid that leaves you energised, and dig out numbers hidden inside squares. Hungry for more? Come back and subscribe right here! </p> <p class="pMobileContent">Try out our free sample games. Hungry for more? Come back and subscribe right here!</p> </div> <div class="owl-carousel" data-items="3" data-items-tablet="2" data-items-mobile-portrait="1" data-items-mobile-landscape="1" data-nav="true" data-dots="false" data-autoplay="false"> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-track-down/c18622bd"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/wordsearch_img.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Track Down</h4> <span>Cakewalk</span> <p>An easy game where your eyes guide your brain to words.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-name-game/0ce2bf3f"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/wordsearch_img.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Name Game</h4> <span>Cakewalk</span> <p>A quiz-style word search that tests your topical savvy.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-word-hunt/e11bef10"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/wordsearch_img.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Word Hunt</h4> <span>Brain-jogger</span> <p>Hints help you in the hunt for thematic words in a letter grid. </p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-mini-sudoku/2ae13cfd"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/sudoku_image.png" alt="Image"> <p class="graynum"><span>6x6</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Mini Sudoku</h4> <span>Cakewalk</span> <p>Number challenges for our younger players.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-one-down/3f9ed7db"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/grid_image.png" alt="Image"> <p class="graynum"><span>9x9</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">One Down</h4> <span>Cakewalk</span> <p>A shorter, simpler crossword challenge.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-word-work/bfb53ad7"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/wordsearch_img.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Word Work</h4> <span>Brain-jogger</span> <p>Where descriptive clues guide you toward words in a maze of letters.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-easy/cd4774cc"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/sudoku_image.png" alt="Image"> <p class="graynum"><span>9x9</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Sudoku Easy</h4> <span>Cakewalk</span> <p>An easy-to-do version of the world's favourite number game.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sportstar/255c6505"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/grid_image.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">The Sportstar Crossword</h4> <span>Brain-jogger</span> <p>For the sports trivia fans.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-quick/2c2cf8b4"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/grid_image.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">The Guardian Quick</h4> <span>Brain-jogger</span> <p>An easy brain teaser.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku/8b0261fb"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/sudoku_image.png" alt="Image"> <p class="graynum"><span>9x9</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Sudoku Medium</h4> <span>Brain-jogger</span> <p>The world's favourite number game for the regular solver.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sport-on/2571f93d"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/grid_image.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Sport On</h4> <span>Brain-jogger</span> <p>Test your knowledge of names and terms from the world of sports.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic/fdadaa12"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/grid_image.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">The Hindu Cryptic</h4> <span>Marathoner</span> <p>The best from our master crossword setters.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-hard/1b92d31a"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/sudoku_image.png" alt="Image"> <p class="graynum"><span>9x9</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Sudoku Hard</h4> <span>Marathoner</span> <p>A challenging version of the world's favourite number game.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-everyman/db23940f"> <div class="crossword-item-wrap"> <div class="crossword-item"> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/cwLandingPageImg/grid_image.png" alt="Image"> <p class="graynum num15"><span>15x15</span></p> </div> <div class="crossword-info"> <h4 class="crossword-title">Everyman</h4> <span>Marathoner</span> <p>From the crossword masters at The Observer.</p> </div> <div class="crossword-mode"> play Now </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } </script> <div id="new-cross-nonsub">  <style> .hndu-crossword-secction .crossword-info .crossword-title{ font-size: 16px; } .pDeskContent{ display:block; } .pMobileContent{ display:none; } @media screen and (max-width: 767px){ .owl-stage{padding-left:0px !important;} .pDeskContent{ display:none; } .pMobileContent{ display:block; } } </style> <div class="hndu-crossword-secction"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="hndu-cross-wrap"> <div class="section-title"> <h3>New Games <span class="today-crossword-date"> Friday 21-Feb-2025 </span> </h3> <p class="pDeskContent">A puzzle a day keeps the doctor away (no promises about the coronavirus!). Flavour your morning coffee with any of the up to seven new games added daily. Whether you’re looking for easy brain teasers or a sweaty mental workout, you will find yourself spoilt for choice and wanting more. </p> <p class="pMobileContent">Have a fresh start with our latest puzzles. Up to seven new games added daily. </p> </div> <div class="owl-carousel" data-items="3" data-items-tablet="2" data-items-mobile-portrait="1" data-items-mobile-landscape="1" data-margin="0" data-nav="true" data-dots="false" data-autoplay="false"> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-mini-sudoku/hindu-sudoku-mini-20250221" > <div class="crossword-item-wrap"> <div class="crossword-item mini-sudoku-color"> <div class="hndu-image"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_mini_logo.svg" alt="Image"></div> <div class="crossword-info"> <h4 class="crossword-title">Mini Sudoku</h4> <span>Cakewalk</span> <p> Hint: Mini Sudoku No. 2063 </p> </div> <div class="crossword-mode"> <ul> <li>6x6</li> </ul> <span><i class="fa fa-lock" aria-hidden="true"></i></span> </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-easy/hindu-sudoku-easy-20250221"> <div class="crossword-item-wrap"> <div class="crossword-item sudoku-easy-color"> <div class="hndu-image"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_easy_logo.svg" alt="Image"></div> <div class="crossword-info"> <h4 class="crossword-title">Sudoku Easy</h4> <span>Cakewalk</span> <p> Hint: Easy Sudoku No. 2063 </p> </div> <div class="crossword-mode"> <ul> <li>9x9</li> </ul> <span><i class="fa fa-lock" aria-hidden="true"></i></span> </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-quick/guardian-quick-16997"> <div class="crossword-item-wrap"> <div class="crossword-item quick-color"> <div class="hndu-image"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TheGuardian_quick_logo.svg" alt="Image"></div> <div class="crossword-info"> <h4 class="crossword-title">The Guardian Quick</h4> <span>Brain-jogger</span> <p> Hint: "National emergencies committee – hooded reptile (5) (5)" </p> </div> <div class="crossword-mode"> <ul> <li>13x13</li> </ul> <span><i class="fa fa-lock" aria-hidden="true"></i></span> </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku/hindu-sudoku-medium-20250221"> <div class="crossword-item-wrap"> <div class="crossword-item sudoku-medium-color"> <div class="hndu-image"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_medium_logo.svg" alt="Image"></div> <div class="crossword-info"> <h4 class="crossword-title">Sudoku Medium</h4> <span>Brain-jogger</span> <p> Hint: Medium Sudoku No. 2063 </p> </div> <div class="crossword-mode"> <ul> <li>9x9</li> </ul> <span><i class="fa fa-lock" aria-hidden="true"></i></span> </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic/5bd22ff2"> <div class="crossword-item-wrap"> <div class="crossword-item cryptic-color"> <div class="hndu-image"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_logo.svg" alt="Image"></div> <div class="crossword-info"> <h4 class="crossword-title">The Hindu Cryptic</h4> <span>Marathoner</span> <p> Hint: "Classified information on violent protest besieging Election Commission (3-6) (9)" </p> </div> <div class="crossword-mode"> <ul> <li>15x15</li> <li>Afterdark</li> </ul> <span><i class="fa fa-lock" aria-hidden="true"></i></span> </div> </div> </div> </a> </div> <div class="item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-hard/hindu-sudoku-hard-20250221"> <div class="crossword-item-wrap"> <div class="crossword-item sudoku-hard-color"> <div class="hndu-image"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_hard_logo.svg" alt="Image"></div> <div class="crossword-info"> <h4 class="crossword-title">Sudoku Hard</h4> <span>Marathoner</span> <p> Hint: Hard Sudoku No. 2063 </p> </div> <div class="crossword-mode"> <ul> <li>9x9</li> </ul> <span><i class="fa fa-lock" aria-hidden="true"></i></span> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } $( document ).ready(function() { var x = $(".crossword-mode ul li:last-child").text(); for(i=0; i<x.length; i++){ if (x == ""){ $(".crossword-mode ul li:first-child").addClass("boxrange"); } } }); </script> </div>      <style> @media screen and (max-width: 991px) and (min-width: 768px) { .games-item .hndu-image{ max-width: 103px; } } /*.nav-pills{ border: 2px solid #63218F; display: inline-block; border-radius: 100px; background: #f5f5f5; position: relative; } .games-tab ul.nav-pills li{ margin-bottom: 1px; display: inline-block; } .games-tab ul.nav-pills li a { font-family: 'Muli', sans-serif; font-weight: 800; padding: 10px 30px 11px; cursor: pointer; font-size: 18px; color: #63218F; position: relative; border-radius: 100px; opacity: 1; border: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; background-color:transparent !important; } .games-tab ul.nav-tabs li.active a{ color: #ffffff !important; } .games-tab ul.nav-pills li a:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0; height: 100%; background: #2D038B; background-image: linear-gradient(to right, #2D038B, #63218F); border-radius: 100px; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .games-tab ul.nav-pills li.active a:before { width: 100%; box-shadow: 0 0 0 1px #63218F; } .games-tab ul.nav-pills li a span { position: relative; } .tab-content>.active { display: contents !important; } .show { display: block!important; } .tab-content>.active { display: contents !important; } .tab-content>.tab-pane { display: none; } .hndu-tabs-section{ padding:0 !important; } .games-tab ul.nav-pills li.active a{ color:#fff !important; }*/ [role="tab"] { cursor: pointer !important; } .games-tab .col-md-12,.games-tab .card-body ,.games-tab .tab-con{ width:100%; float:left; } .games-tab ul.nav-tabs li{ font-family: 'Muli', sans-serif; font-weight: 800; padding: 10px 30px 11px; cursor: pointer; font-size: 18px; color: #63218F; position: relative; border-radius: 100px; opacity: 1; border: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .games-tab ul.nav-tabs li:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0; height: 100%; background-color: #2D038B; background-image: linear-gradient(to right, #2D038B, #63218F); border-radius: 100px; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .games-tab ul.nav-tabs li.active { color: #ffffff !important; } .games-tab ul.nav-tabs li.active:before { width: 100%; box-shadow: 0 0 0 1px #63218F; } .games-tab ul.nav-tabs li a{ padding:0; color: #63218F; background-color: transparent !important; border: none !important; } .games-tab ul.nav-tabs li.active a{ background-color: transparent !important; border: none !important; color: #fff; } @media screen and (max-width: 575px){ .games-tab ul.nav-tabs li{ padding: 8px 10px 9px !important; font-size: 16px !important; } } .pDeskContent{ display:block; } .pMobileContent{ display:none; } @media screen and (max-width: 767px){ .pDeskContent{ display:none; } .pMobileContent{ display:block; } } </style> <div class="hndu-tabs-section" id="tab-section"> <div class="container-fluid"> <div class="row"> <div class="col-md-12 col-pad-0"> <div class="card-section games-tab"> <div class="tabs-wrap"> <ul class="nav nav-tabs"> <li class="active"><a id="gtab1" data-toggle="tab" href="#tabone"><span>Crossword</span></a></li> <li><a id="gtab2" data-toggle="tab" href="#tabtwo"><span>Sudoku</span></a></li> <li><a id="gtab3" data-toggle="tab" href="#tabthree"><span>Word Search</span></a></li> </ul> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="card-body pb-4"> <div class="tab-content" id="pills-tabContent"> <div class="tab-pane fade in active" id="tabone" > <div class="games-wrap"> <p class="pDeskContent">Not sure where to start? Rifle through this catalogue of puzzles and see what you like. Once you’ve picked your poison, dive into your favourite series archive and access any puzzle from any date. </p> <p class="pMobileContent">Find new games to try in this catalogue, or dive into the archives of your favourite series.</p> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic-sunday" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_Sunday.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">The Hindu Cryptic on Sunday</h4> <p>Spice up your Sundays too with The Hindu Cryptic, now fitted with training wheels! </p> <span>Marathoner</span><p class="game-duration">Sunday</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Enjoy The Hindu’s iconic cryptic puzzle on Sundays too, in its exclusive digital avatar, complete with how-to-solve annotations. New to cryptic crosswords? This 15x15 puzzle has all you need to learn the ropes and become an ace solver.</p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-one-down" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/onedown_logo.svg" alt="Image"> <span class="img-size">9x9</span> </div> <div class="games-info"> <h4 class="games-title">One Down</h4> <p>Figuring out the meanings will help you crack this short and simple crossword. </p> <span>Cakewalk</span><p class="game-duration">5 Times a Week</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>This simple 9x9 crossword grid can get you off the mark and set your brain abuzz every weekday. Don’t let the 3-letter words fool you into thinking it’s going to be a no-brainer, though! </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-sportstar" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sportstar_logo.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">The Sportstar Crossword</h4> <p>A quiz-style crossword for the sports fans. </p> <span>Brain-jogger</span><p class="game-duration">Fortnightly</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>The true-blue sports fan loves trivia as much as the sport itself. This fortnightly 15x15 puzzle tests that uncanny memory that you, as a sports buff, have for random factoids. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-quick" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TheGuardian_quick_logo.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">The Guardian Quick</h4> <p>Figure out the straightforward meanings of clues to solve this crossword. </p> <span>Brain-jogger</span><p class="game-duration">6 Times a Week</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Among the more popular and easier of crosswords from the UK is The Guardian Quick. Published six days a week, their 13x13 grid contains everyday words and phrases that you definitely already know. So, give it a go! </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-sport-on" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sport_on_logo.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">Sport On</h4> <p>If you know your sports trivia, this crossword will be a breeze. </p> <span>Brain-jogger</span><p class="game-duration">Weekly</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>This weekly puzzle sits pretty on a 15x15 grid and teasingly poses a challenge to your sports GK. A great place to spend your Sundays reliving awesome on-field moments from international sport. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_logo.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">The Hindu Cryptic</h4> <p>Seemingly meaningless words and phrases hold the key to this crossword.</p> <span>Marathoner</span><p class="game-duration">6 Times a Week</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>The Hindu has been carrying a daily cryptic crossword since 1971, and has developed a keen following over the decades. Created by our master setters, The Hindu Crossword is a cryptic puzzle in a 15x15 grid, published 6 days a week. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-everyman" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Guardian_everyman_logo.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">Everyman</h4> <p>Though the clues in it are cryptic, this crossword is recommended for everyone. </p> <span>Marathoner</span><p class="game-duration">Weekly</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>The Observer’s Sunday offering is a solver-favourite in the UK. The 15x15 grid really gets you thinking laterally and falling in love with the witty and cool logic of cryptic clues. </p> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="tabtwo" > <div class="games-wrap"> <p class="pDeskContent">Not sure where to start? Rifle through this catalogue of puzzles and see what you like. Once you’ve picked your poison, dive into your favourite series archive and access any puzzle from any date. </p> <p class="pMobileContent">Find new games to try in this catalogue, or dive into the archives of your favourite series.</p> <div class=""> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-mini-sudoku" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_mini_logo.svg" alt="Image"> <span class="img-size">6x6</span> </div> <div class="games-info"> <h4 class="games-title">Mini Sudoku</h4> <p>A game that can be solved with the apt use of just six numbers.</p> <span>Cakewalk</span><p class="game-duration">Daily</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>This mini 6x6 grid contains the numbers 1 to 6 in each row, column and box. Use plain logic and pencil in the missing numbers! </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-easy" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_easy_logo.svg" alt="Image"> <span class="img-size">9x9</span> </div> <div class="games-info"> <h4 class="games-title">Sudoku Easy</h4> <p>The easiest version of the game that requires just nine numbers.</p> <span>Cakewalk</span><p class="game-duration">Daily</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Apply common sense to figure out how 9 numbers can sit in 81 squares so none of them appears twice in the same row, column or box. The world’s favourite number game isn’t supposed to be this easy! </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_medium_logo.svg" alt="Image"> <span class="img-size">9x9</span> </div> <div class="games-info"> <h4 class="games-title">Sudoku Medium</h4> <p>A game that needs just nine numbers, set just right for the regular solver. </p> <span>Brain-jogger</span><p class="game-duration">Daily</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Given a few digits here and there, how easily can you fill in the rest when the difficulty level is just right? Not too tough, not too easy, this is Sudoku right in the goldilocks zone. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-hard" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_hard_logo.svg" alt="Image"> <span class="img-size">9x9</span> </div> <div class="games-info"> <h4 class="games-title">Sudoku Hard</h4> <p>It doesn't get harder than this in this number game. </p> <span>Marathoner</span><p class="game-duration">Daily</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Sharpen your working memory and basic cognition with this challenging 9x9 grid that you may need to spend some time on to crack. </p> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="tabthree"> <div class="games-wrap"> <p class="pDeskContent">Not sure where to start? Rifle through this catalogue of puzzles and see what you like. Once you’ve picked your poison, dive into your favourite series archive and access any puzzle from any date. </p> <p class="pMobileContent">Find new games to try in this catalogue, or dive into the archives of your favourite series.</p> <div class=""> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-word-work" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_work.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">Word Work</h4> <p>Where descriptive clues guide you toward words in a maze of letters. </p> <span>Brain-jogger</span><p class="game-duration">5 Times a Week</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Out of sight, out of mind. But when hidden words lurk before your eyes, and there are clues that paint a picture, your mind can make short work of this 15x15 verbal hodgepodge. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-word-hunt" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_hunt.svg" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">Word Hunt</h4> <p>Hints help you in the hunt for thematic words in a letter grid. </p> <span>Brain-jogger</span><p class="game-duration">Weekly</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Scan this 15x15 maze of letters that contains words set to a specific theme. When you have easy hints guiding you, no technical jargon is too complicated to hunt down. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-track-down" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Trackdown.png" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">Track Down</h4> <p>Where descriptive clues guide you toward words in a maze of letters. </p> <span>Brain-jogger</span><p class="game-duration">5 Times a Week</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Don’t want to strain your brain while looking for words? Try out this simple game, where the hidden words are given to you and you just have to bravely enter the maze and let your eyes do the work! </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="games-item"> <a href="https://crossword.thehindu.com/crossword/hindu-name-game" class="blog-link"></a> <div class="hndu-image"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Namegame.png" alt="Image"> <span class="img-size">15x15</span> </div> <div class="games-info"> <h4 class="games-title">Name Game</h4> <p>Where descriptive clues guide you toward words in a maze of letters. </p> <span>Brain-jogger</span><p class="game-duration">5 Times a Week</p> </div> <a href="javascript:void(0);" class="more-info-btn"><span>More Info</span><i class="fa fa-info-circle" aria-hidden="true"></i></a> <div class="game-more-info"> <p>Have a thing for trivia? Fancy yourself a quizzer with a talent for recalling names? Does your brain throw up a cascade of associated words at the mere mention of a theme, no clues needed? Try this game! </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </div> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } $(document).ready(function() { $(window).on('load', () => { let iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform); if (iOS) $('[role="tablist"] .nav-link').each((i,e) => { if (!$(e).attr('href')) $(e).attr('href', $(e).data('target')); }) }) $(".nav-tabs a").on('click', function(event) { event.preventDefault(); $('html, body').animate({ scrollTop: $("#tab-section").offset().top - 80 }, 100); }); }); /*$(document).ready(function() { $(".nav-link").click(function() { $('li.nav-item').removeClass("active"); $(this).parent('li.nav-item').addClass("active"); var attr = $(this).data(); console.log(attr); $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){ e.target // active tab e.relatedTarget // previous tab console.log(e.target); }) }); });*/ </script>  <style> /*Copyright*/ .hndu-copyright-secction { border-top: 1px solid #e6e6e6; width:100%; float:left; } .hndu-copyright { padding: 20px; } .hndu-copyright p { text-align: center; color: #777777; font-size: 16px; line-height: 26px; padding: 0; margin: 0; font-weight: 500; } /*back to top new*/ #hndu-back-top i{ display: block; width: 40px; height: 40px; padding: 6px; font-size: 22px; text-align: center; background: #63218F; background-image: linear-gradient(to top, #2D038B, #63218F); -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color:#fff; } #hndu-back-top{ display: inline-block; // background-color: #FF9800; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 10px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index:9; text-decoration: none; } /*#hndu-back-top::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; } #hndu-back-top:hover { cursor: pointer; background-color: #333; } #hndu-back-top:active { background-color: #555; }*/ #hndu-back-top.show { opacity: 1; visibility: visible; } </style> <div id="consent_blackbar"></div> <div class="hndu-copyright-secction"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="hndu-copyright"> <p>Copyright© 2025, THG PUBLISHING PVT LTD.</p> </div> </div> </div> </div> </div> <a id="hndu-back-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } /*var path = window.location.href; path = path.replace(/\/$/, ""); path = decodeURIComponent(path); var sPath = window.location.href; var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); if(typeof clevertap != "undefined" ){ clevertap.event.push("Crossword_Played",{ "Section":sPage, "Date": new Date() }); }*/ $(document).ready(function() { var btn = $('#hndu-back-top'); $(window).scroll(function() { if ($(window).scrollTop() > 50) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '2000'); }); }); </script> </div>   </div> <script> $(document).ready(function() { function baseURL(){ return "https://crossword.thehindu.com/"; } }); //var all_spans = $('.share-mob .share-alt').find('span.shre-alts'); //all_spans.hide(); $('.shr-mob-hide').css('display','none'); $('.share-mob').on("click", function(e){ var title = $(e.currentTarget).attr("data-title"); var url = $(e.currentTarget).attr("data-url"); //console.log(title); e.preventDefault(); if (navigator.share) { navigator.share({ title: title, text:title, url: url }); }else { //$this = $(this).parent().find('span.shre-alts'); //$("span.shre-alts").not($this).hide(); //$this.toggle(); } }); </script> </body> </html>

CINXE.COM

The Hindu Crossword+