CINXE.COM

<!DOCTYPE html> <html lang="en-GB" prefix="og: https://ogp.me/ns#" class="no-js"> <head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="1.2.6",this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this.t.bind(this),this.touchStartHandler=this.i.bind(this),this.touchMoveHandler=this.o.bind(this),this.touchEndHandler=this.h.bind(this),this.clickHandler=this.u.bind(this),this.interceptedClicks=[],this.interceptedClickListeners=[],this.l(this),window.addEventListener("pageshow",(t=>{this.persisted=t.persisted,this.everythingLoaded&&this.m()})),this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",(t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))})),document.addEventListener("DOMContentLoaded",(()=>{this.k()})),this.delayedScripts={normal:[],async:[],defer:[]},this.trash=[],this.allJQueries=[]}p(t){document.hidden?t.t():(this.triggerEvents.forEach((e=>window.addEventListener(e,t.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",t.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",t.touchStartHandler),document.addEventListener("visibilitychange",t.userEventHandler))}_(){this.triggerEvents.forEach((t=>window.removeEventListener(t,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}i(t){"HTML"!==t.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),t.target.addEventListener("click",this.clickHandler),this.L(t.target,!0),this.S(t.target,"onclick","rocket-onclick"),this.C())}o(t){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.M()}h(){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}u(t){t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.interceptedClicks.push(t),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.M()}O(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((t=>{t.target.dispatchEvent(new MouseEvent("click",{view:t.view,bubbles:!0,cancelable:!0}))}))}l(t){EventTarget.prototype.addEventListenerWPRocketBase=EventTarget.prototype.addEventListener,EventTarget.prototype.addEventListener=function(e,i,o){"click"!==e||t.windowLoaded||i===t.clickHandler||t.interceptedClickListeners.push({target:this,func:i,options:o}),(this||window).addEventListenerWPRocketBase(e,i,o)}}L(t,e){this.interceptedClickListeners.forEach((i=>{i.target===t&&(e?t.removeEventListener("click",i.func,i.options):t.addEventListener("click",i.func,i.options))})),t.parentNode!==document.documentElement&&this.L(t.parentNode,e)}D(){return new Promise((t=>{this.P?this.M=t:t()}))}C(){this.P=!0}M(){this.P=!1}S(t,e,i){t.hasAttribute&&t.hasAttribute(e)&&(event.target.setAttribute(i,event.target.getAttribute(e)),event.target.removeAttribute(e))}t(){this._(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this.R.bind(this)):this.R()}k(){let t=[];document.querySelectorAll("script[type=rocketlazyloadscript][data-rocket-src]").forEach((e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){0===i.indexOf("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}})),t=[...new Map(t.map((t=>[JSON.stringify(t),t]))).values()],this.T(t,"preconnect")}async R(){this.lastBreath=Date.now(),this.j(this),this.F(this),this.I(),this.W(),this.q(),await this.A(this.delayedScripts.normal),await this.A(this.delayedScripts.defer),await this.A(this.delayedScripts.async);try{await this.U(),await this.H(this),await this.J()}catch(t){console.error(t)}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.D().then((()=>{this.O()})),this.N()}W(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)}))}async B(t){if(await this.G(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise((e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.indexOf("Firefox/")>0||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach((t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))})),t.text&&(i.text=t.text),i.hasAttribute("src")?(i.addEventListener("load",o),i.addEventListener("error",(function(){i.setAttribute("data-rocket-status","failed-network"),e()})),setTimeout((()=>{i.isConnected||e()}),1)):(i.text=t.text,o()),t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o),t.addEventListener("error",(i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: data-uri blocked by CSP -> fallback"),t.removeAttribute("src"),this.B(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())})),s?(t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}}));t.setAttribute("data-rocket-status","skipped")}async A(t){const e=t.shift();return e&&e.isConnected?(await this.B(e),this.A(t)):Promise.resolve()}q(){this.T([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}T(t,e){var i=document.createDocumentFragment();t.forEach((t=>{const o=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(o&&!o.startsWith("data:")){const s=document.createElement("link");s.href=o,s.rel=e,"preconnect"!==e&&(s.as="script"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(s.crossOrigin=!0),t.crossOrigin&&(s.crossOrigin=t.crossOrigin),t.integrity&&(s.integrity=t.integrity),i.appendChild(s),this.trash.push(s)}})),document.head.appendChild(i)}j(t){let e={};function i(i,o){return e[o].eventsToRewrite.indexOf(i)>=0&&!t.everythingLoaded?"rocket-"+i:i}function o(t,o){!function(t){e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(o)}function s(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o||function(){},set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}o(document,"DOMContentLoaded"),o(window,"DOMContentLoaded"),o(window,"load"),o(window,"pageshow"),o(document,"readystatechange"),s(document,"onreadystatechange"),s(window,"onload"),s(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}F(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map((t=>"load"===t||0===t.indexOf("load.")?"rocket-jquery-load":t)).join(" ")}function o(o){function s(t){const e=o.fn[t];o.fn[t]=o.fn.init.prototype[t]=function(){return this[0]===window&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e}))),e.apply(this,arguments),this}}o&&o.fn&&!t.allJQueries.includes(o)&&(o.fn.ready=o.fn.init.prototype.ready=function(e){return t.domReadyFired?e.bind(document)(o):document.addEventListener("rocket-DOMContentLoaded",(()=>e.bind(document)(o))),o([])},s("on"),s("one"),t.allJQueries.push(o)),e=o}o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}async H(t){const e=document.querySelector("script[data-webpack]");e&&(await async function(){return new Promise((t=>{e.addEventListener("load",t),e.addEventListener("error",t)}))}(),await t.K(),await t.H(t))}async U(){this.domReadyFired=!0;try{document.readyState="interactive"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.G(),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}async J(){try{document.readyState="complete"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),window.dispatchEvent(new Event("rocket-load")),await this.G(),window.rocketonload&&window.rocketonload(),await this.G(),this.allJQueries.forEach((t=>t(window).trigger("rocket-jquery-load"))),await this.G();const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.G(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted}),this.windowLoaded=!0}m(){document.onreadystatechange&&document.onreadystatechange(),window.onload&&window.onload(),window.onpageshow&&window.onpageshow({persisted:this.persisted})}I(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript;i||console.error("WPRocket unable to document.write this: "+e);const o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async G(){Date.now()-this.lastBreath>45&&(await this.K(),this.lastBreath=Date.now())}async K(){return document.hidden?new Promise((t=>setTimeout(t))):new Promise((t=>requestAnimationFrame(t)))}N(){this.trash.forEach((t=>t.remove()))}static run(){const t=new RocketLazyLoadScripts;t.p(t)}}RocketLazyLoadScripts.run()})();</script> <meta name="language" content="English"> <meta name="revisit-after" content="20 days"> <meta name="author" content="Subraa"> <meta name="copyright" content="Subraa"> <meta name="distribution" content="global"> <meta name="googlebot" content="index, follow"> <meta name="geo.region" content="SG" /> <meta name="geo.placename" content="Singapore" /> <meta name="geo.position" content="1.378230;103.901398" /> <meta name="ICBM" content="1.378230, 103.901398" /> <link data-minify="1" rel="stylesheet" href="//www.subraa.com/there/wp-content/cache/min/1/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?ver=1729923690">    <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="//gmpg.org/xfn/11"> <script type="rocketlazyloadscript">(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <style type="text/css"> .heateorSssInstagramBackground{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)} .heateor_sss_horizontal_sharing .heateorSssSharing,.heateor_sss_standard_follow_icons_container .heateorSssSharing{ color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_horizontal_sharing .heateorSssTCBackground{ color:#666; } .heateor_sss_horizontal_sharing .heateorSssSharing:hover,.heateor_sss_standard_follow_icons_container .heateorSssSharing:hover{ border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssSharing,.heateor_sss_floating_follow_icons_container .heateorSssSharing{ color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssTCBackground{ color:#666; } .heateor_sss_vertical_sharing .heateorSssSharing:hover,.heateor_sss_floating_follow_icons_container .heateorSssSharing:hover{ border-color: transparent; } @media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}@media screen and (max-width:783px) {.heateor_sss_floating_follow_icons_container{display:none!important}}</style><meta name="dlm-version" content="4.7.76">  <title>Freelance Web Designer and Website Developer, Singapore - Portfolio [November 2024]</title><link rel="preload" data-rocket-preload as="style" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700%7CMerriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext&display=swap" /><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700%7CMerriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700%7CMerriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext&display=swap" /></noscript><link rel="preload" data-rocket-preload as="image" href="//www.subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg" fetchpriority="high"> <meta name="description" content="I'm Subraa, a professional freelance web designer and website developer based in Singapore. Visit my portfolio to see my recent web design works."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://www.subraa.com/portfolio/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Freelance Web Designer and Website Developer, Singapore - Portfolio [November 2024]" /> <meta property="og:description" content="I'm Subraa, a professional freelance web designer and website developer based in Singapore. Visit my portfolio to see my recent web design works." /> <meta property="og:url" content="https://www.subraa.com/portfolio/" /> <meta property="og:site_name" content="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024]" /> <meta property="og:updated_time" content="2022-09-11T15:34:28+08:00" /> <meta property="og:image" content="https://www.subraa.com/there/wp-content/uploads/2020/05/subraa-social-link.jpg" /> <meta property="og:image:secure_url" content="https://www.subraa.com/there/wp-content/uploads/2020/05/subraa-social-link.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Portfolio" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Freelance Web Designer and Website Developer, Singapore - Portfolio [November 2024]" /> <meta name="twitter:description" content="I'm Subraa, a professional freelance web designer and website developer based in Singapore. Visit my portfolio to see my recent web design works." /> <meta name="twitter:image" content="https://www.subraa.com/there/wp-content/uploads/2020/05/subraa-social-link.jpg" /> <meta name="twitter:label1" content="Time to read" /> <meta name="twitter:data1" content="3 minutes" />  <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link href='//fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024] » Feed" href="//www.subraa.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024] » Comments Feed" href="//www.subraa.com/comments/feed/" /> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='//www.subraa.com/there/wp-includes/css/dist/block-library/style.min.css?ver=d9df1a11952db441a83d70fd670f3827' media='all' /> <style id='wp-block-library-theme-inline-css'> .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='rank-math-toc-block-style-inline-css'> .wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--dark-gray: #1a1a1a;--wp--preset--color--medium-gray: #686868;--wp--preset--color--light-gray: #e5e5e5;--wp--preset--color--blue-gray: #4d545c;--wp--preset--color--bright-blue: #007acc;--wp--preset--color--light-blue: #9adffd;--wp--preset--color--dark-brown: #402b30;--wp--preset--color--medium-brown: #774e24;--wp--preset--color--dark-red: #640c1f;--wp--preset--color--bright-red: #ff675f;--wp--preset--color--yellow: #ffef8e;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link data-minify="1" rel='stylesheet' id='wpsm_counter-font-awesome-front-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/css/font-awesome/css/font-awesome.min.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='wpsm_counter_bootstrap-front-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/css/bootstrap-front.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='wpsm_counter_column-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/css/counter-column.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='popupaoc-public-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/popup-anything-on-click/assets/css/popupaoc-public-style.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='fontawesome-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/stars-rating/public/css/font-awesome.min.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='bar-rating-theme-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/stars-rating/public/css/fontawesome-stars.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='stars-rating-public-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/stars-rating/public/css/stars-rating-public.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='brb-public-main-css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/business-reviews-bundle/assets/css/public-main.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='wordpress-popular-posts-css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/wordpress-popular-posts/assets/css/wpp.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='parent-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/style.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='child-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/subraa/style.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='genericons-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/genericons/genericons.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='twentysixteen-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/subraa/style.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='twentysixteen-block-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/css/blocks.css?ver=1729923691' media='all' />    <link rel='stylesheet' id='cookie-notice-front-css' href='//www.subraa.com/there/wp-content/plugins/cookie-notice/css/front.min.css?ver=d9df1a11952db441a83d70fd670f3827' media='all' /> <link data-minify="1" rel='stylesheet' id='heateor_sss_frontend_css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=1729923793' media='all' /> <link data-minify="1" rel='stylesheet' id='heateor_sss_sharing_default_svg-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/sassy-social-share/admin/css/sassy-social-share-svg.css?ver=1729923793' media='all' /> <link data-minify="1" rel='stylesheet' id='js_composer_front-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=1729923691' media='all' /> <style id='rocket-lazyload-inline-css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://www.subraa.com/there/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0} </style> <script src="//www.subraa.com/there/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="//www.subraa.com/there/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/stars-rating/public/js/jquery.barrating.min.js?ver=1.2.1" id="bar-rating-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/stars-rating/public/js/script.js?ver=1729923691" id="stars-rating-script-js" defer></script> <script id="brb-public-main-js-js-extra"> var brb_vars = {"ajaxurl":"https:\/\/www.subraa.com\/there\/wp-admin\/admin-ajax.php","gavatar":"https:\/\/www.subraa.com\/there\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png"}; </script> <script type="rocketlazyloadscript" data-minify="1" defer="defer" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/business-reviews-bundle/assets/js/public-main.js?ver=1729923691" id="brb-public-main-js-js"></script> <script id="wpp-json" type="application/json"> {"sampling_active":0,"sampling_rate":100,"ajax_url":"https:\/\/www.subraa.com\/wp-json\/wordpress-popular-posts\/v1\/popular-posts","api_url":"https:\/\/www.subraa.com\/wp-json\/wordpress-popular-posts","ID":956,"token":"f0cd4d2057","lang":0,"debug":0} </script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/wordpress-popular-posts/assets/js/wpp.min.js?ver=5.5.1" id="wpp-js-js" defer></script>  <script id="cookie-notice-front-js-extra"> var cnArgs = {"ajaxUrl":"https:\/\/www.subraa.com\/there\/wp-admin\/admin-ajax.php","nonce":"f1d06881bf","hideEffect":"fade","position":"bottom","onScroll":"0","onScrollOffset":"100","onClick":"0","cookieName":"cookie_notice_accepted","cookieTime":"2592000","cookieTimeRejected":"2592000","globalCookie":"0","redirection":"0","cache":"1","refuse":"0","revokeCookies":"0","revokeCookiesOpt":"automatic","secure":"1"}; </script> <script type="rocketlazyloadscript" async data-rocket-src="//www.subraa.com/there/wp-content/plugins/cookie-notice/js/front.min.js?ver=2.4.6" id="cookie-notice-front-js"></script> <link rel="https://api.w.org/" href="//www.subraa.com/wp-json/" /><link rel="alternate" type="application/json" href="//www.subraa.com/wp-json/wp/v2/pages/956" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="//www.subraa.com/there/xmlrpc.php?rsd" /> <link rel="alternate" type="application/json+oembed" href="//www.subraa.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subraa.com%2Fportfolio%2F" /> <link rel="alternate" type="text/xml+oembed" href="//www.subraa.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subraa.com%2Fportfolio%2F&format=xml" />  <script type="rocketlazyloadscript">(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-MQL5LC89');</script>  <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/js/subraa/c9836d67570b480193fb7c06a00eeab2.js?ver=1729923691" defer></script>    <script type="rocketlazyloadscript"> (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){ var o={ti:"25151261", enableAutoSpaTracking: false, tm:"wpp_1.0.5"}; o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")}, n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function() {var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq"); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1; t.src="https://www.clarity.ms/tag/"+i+"?ref=wordpress";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "78lp8fk3u5"); </script> <style id="mystickymenu" type="text/css">#mysticky-nav { width:100%; position: static; }#mysticky-nav.wrapfixed { position:fixed; left: 0px; margin-top:0px; z-index: 99990; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; background-color: #ffffff;}#mysticky-nav.wrapfixed .myfixed{ background-color: #ffffff; position: relative;top: auto;left: auto;right: auto;}#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }</style> <style type="text/css"> #mysticky-nav.wrapfixed > .site-header {padding-top: 0;padding-bottom: 0;} </style> <style id="wpp-loading-animation-styles">@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-placeholder,.wpp-widget-block-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear}</style> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>  <style type="text/css" id="twentysixteen-header-css"> .site-branding { margin: 0 auto 0 0; } .site-branding .site-title, .site-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; } </style> <meta name="flattr:id" content="gkxrk5"><link rel="icon" href="//www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" sizes="32x32" /> <link rel="icon" href="//www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="//www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" /> <meta name="msapplication-TileImage" content="https://www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" /> <style>button#responsive-menu-button, #responsive-menu-container { display: none; -webkit-text-size-adjust: 100%; } @media screen and (max-width:1024px) { #responsive-menu-container { display: block; position: fixed; top: 0; bottom: 0; z-index: 99998; padding-bottom: 5px; margin-bottom: -5px; outline: 1px solid transparent; overflow-y: auto; overflow-x: hidden; } #responsive-menu-container .responsive-menu-search-box { width: 100%; padding: 0 2%; border-radius: 2px; height: 50px; -webkit-appearance: none; } #responsive-menu-container.push-left, #responsive-menu-container.slide-left { transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); } .responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-top, #responsive-menu-container.slide-top { transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); } .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container.push-right, #responsive-menu-container.slide-right { transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); } .responsive-menu-open #responsive-menu-container.push-right, .responsive-menu-open #responsive-menu-container.slide-right { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-bottom, #responsive-menu-container.slide-bottom { transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); } .responsive-menu-open #responsive-menu-container.push-bottom, .responsive-menu-open #responsive-menu-container.slide-bottom { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container, #responsive-menu-container:before, #responsive-menu-container:after, #responsive-menu-container *, #responsive-menu-container *:before, #responsive-menu-container *:after { box-sizing: border-box; margin: 0; padding: 0; } #responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title { padding: 25px 5%; } #responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul { width: 100%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu { display: none; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open { display: block; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link { padding-left:10%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link { padding-left:15%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link { padding-left:20%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link { padding-left:25%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link { padding-left:30%; } #responsive-menu-container li.responsive-menu-item { width: 100%; list-style: none; } #responsive-menu-container li.responsive-menu-item a { width: 100%; display: block; text-decoration: none; position: relative; } #responsive-menu-container #responsive-menu li.responsive-menu-item a { padding: 0 5%; } #responsive-menu-container .responsive-menu-submenu li.responsive-menu-item a { padding: 0 5%; } #responsive-menu-container li.responsive-menu-item a .fa { margin-right: 15px; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow { position: absolute; top: 0; bottom: 0; text-align: center; overflow: hidden; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow .fa { margin-right: 0; } button#responsive-menu-button .responsive-menu-button-icon-inactive { display: none; } button#responsive-menu-button { z-index: 99999; display: none; overflow: hidden; outline: none; } button#responsive-menu-button img { max-width: 100%; } .responsive-menu-label { display: inline-block; font-weight: 600; margin: 0 5px; vertical-align: middle; } .responsive-menu-label .responsive-menu-button-text-open { display: none; } .responsive-menu-accessible { display: inline-block; } .responsive-menu-accessible .responsive-menu-box { display: inline-block; vertical-align: middle; } .responsive-menu-label.responsive-menu-label-top, .responsive-menu-label.responsive-menu-label-bottom { display: block; margin: 0 auto; } button#responsive-menu-button { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .responsive-menu-box { width:25px; height:19px; display: inline-block; position: relative; } .responsive-menu-inner { display: block; top: 50%; margin-top:-1.5px; } .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after { width:25px; height:3px; background-color:#ffffff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .responsive-menu-open .responsive-menu-inner, .responsive-menu-open .responsive-menu-inner::before, .responsive-menu-open .responsive-menu-inner::after { background-color:#ffffff; } button#responsive-menu-button:hover .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-inner::after, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after { background-color:#ffffff; } .responsive-menu-inner::before, .responsive-menu-inner::after { content: ""; display: block; } .responsive-menu-inner::before { top:-8px; } .responsive-menu-inner::after { bottom:-8px; }.responsive-menu-boring .responsive-menu-inner, .responsive-menu-boring .responsive-menu-inner::before, .responsive-menu-boring .responsive-menu-inner::after { transition-property: none; } .responsive-menu-boring.is-active .responsive-menu-inner { transform: rotate(45deg); } .responsive-menu-boring.is-active .responsive-menu-inner::before { top: 0; opacity: 0; } .responsive-menu-boring.is-active .responsive-menu-inner::after { bottom: 0; transform: rotate(-90deg); } button#responsive-menu-button { width:55px; height:55px; position:fixed; top:15px;right:5%; background:#031c5c } .responsive-menu-open button#responsive-menu-button { background:#031c5c } .responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus { background:#031c5c } button#responsive-menu-button .responsive-menu-box { color:#ffffff; } .responsive-menu-open button#responsive-menu-button .responsive-menu-box { color:#ffffff; } .responsive-menu-label { color:#ffffff; font-size:14px; line-height:13px; } button#responsive-menu-button { display: inline-block; transition: transform 0.5s, background-color 0.5s; } #responsive-menu-container { width:75%;left: 0; transition: transform 0.5s; text-align:left; background:#ffffff; } #responsive-menu-container #responsive-menu-wrapper { background:#ffffff; } #responsive-menu-container #responsive-menu-additional-content { color:#ffffff; } #responsive-menu-container .responsive-menu-search-box { background:#ffffff; border: 2px solid #dadada; color:#333333; } #responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder { color:#c7c7cd; } #responsive-menu-container .responsive-menu-search-box::-webkit-input-placeholder { color:#c7c7cd; } #responsive-menu-container .responsive-menu-search-box:-moz-placeholder { color:#c7c7cd; opacity: 1; } #responsive-menu-container .responsive-menu-search-box::-moz-placeholder { color:#c7c7cd; opacity: 1; } #responsive-menu-container .responsive-menu-item-link, #responsive-menu-container #responsive-menu-title, #responsive-menu-container .responsive-menu-subarrow { transition: background-color 0.5s, border-color 0.5s, color 0.5s; } #responsive-menu-container #responsive-menu-title { background-color:#ffffff; color:#ffffff; font-size:14px; text-align:left; } #responsive-menu-container #responsive-menu-title a { color:#ffffff; font-size:14px; text-decoration: none; } #responsive-menu-container #responsive-menu-title a:hover { color:#ffffff; } #responsive-menu-container #responsive-menu-title:hover { background-color:#ffffff; color:#ffffff; } #responsive-menu-container #responsive-menu-title:hover a { color:#ffffff; } #responsive-menu-container #responsive-menu-title #responsive-menu-title-image { display: inline-block; vertical-align: middle; max-width: 100%; margin-bottom: 15px; } #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img { max-width: 100%; } #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a { border-top:1px solid #ffffff; } #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { font-size:13px; } #responsive-menu-container #responsive-menu li.responsive-menu-item a { line-height:40px; border-bottom:1px solid #ffffff; color:#031c5c; background-color:#ffffff; height:40px; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover { color:#031c5c; background-color:#ffffff; border-color:#ffffff; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {right: 0; height:39px; line-height:39px; width:40px; color:#ffffff; border-left:1px solid #212121; background-color:#212121; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#212121; background-color:#212121; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link { background-color:#ffffff; color:#ff901c; border-color:#ffffff; } #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover { background-color:#ffffff; color:#ff901c; border-color:#ffffff; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link { font-size:13px; text-align:left; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a { height:40px; line-height:40px; border-bottom:1px solid #212121; color:#ffffff; background-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover { color:#ffffff; background-color:#3f3f3f; border-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow { left:unset; right:0; height:39px; line-height:39px; width:40px; color:#ffffff; border-left:1px solid #212121 !important; border-right:unset !important; background-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#212121; background-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link { background-color:#212121; color:#ffffff; border-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover { background-color:#3f3f3f; color:#ffffff; border-color:#3f3f3f; }}</style><script type="rocketlazyloadscript">jQuery(document).ready(function($) { var ResponsiveMenu = { trigger: '#responsive-menu-button', animationSpeed:500, breakpoint:1024, pushButton: 'off', animationType: 'slide', animationSide: 'left', pageWrapper: '', isOpen: false, triggerTypes: 'click', activeClass: 'is-active', container: '#responsive-menu-container', openClass: 'responsive-menu-open', accordion: 'off', activeArrow: '▲', inactiveArrow: '▼', wrapper: '#responsive-menu-wrapper', closeOnBodyClick: 'off', closeOnLinkClick: 'off', itemTriggerSubMenu: 'on', linkElement: '.responsive-menu-item-link', subMenuTransitionTime:200, openMenu: function() { $(this.trigger).addClass(this.activeClass); $('html').addClass(this.openClass); $('.responsive-menu-button-icon-active').hide(); $('.responsive-menu-button-icon-inactive').show(); this.setButtonTextOpen(); this.setWrapperTranslate(); this.isOpen = true; }, closeMenu: function() { $(this.trigger).removeClass(this.activeClass); $('html').removeClass(this.openClass); $('.responsive-menu-button-icon-inactive').hide(); $('.responsive-menu-button-icon-active').show(); this.setButtonText(); this.clearWrapperTranslate(); this.isOpen = false; }, setButtonText: function() { if($('.responsive-menu-button-text-open').length > 0 && $('.responsive-menu-button-text').length > 0) { $('.responsive-menu-button-text-open').hide(); $('.responsive-menu-button-text').show(); } }, setButtonTextOpen: function() { if($('.responsive-menu-button-text').length > 0 && $('.responsive-menu-button-text-open').length > 0) { $('.responsive-menu-button-text').hide(); $('.responsive-menu-button-text-open').show(); } }, triggerMenu: function() { this.isOpen ? this.closeMenu() : this.openMenu(); }, triggerSubArrow: function(subarrow) { var sub_menu = $(subarrow).parent().siblings('.responsive-menu-submenu'); var self = this; if(this.accordion == 'on') { /* Get Top Most Parent and the siblings */ var top_siblings = sub_menu.parents('.responsive-menu-item-has-children').last().siblings('.responsive-menu-item-has-children'); var first_siblings = sub_menu.parents('.responsive-menu-item-has-children').first().siblings('.responsive-menu-item-has-children'); /* Close up just the top level parents to key the rest as it was */ top_siblings.children('.responsive-menu-submenu').slideUp(self.subMenuTransitionTime, 'linear').removeClass('responsive-menu-submenu-open'); /* Set each parent arrow to inactive */ top_siblings.each(function() { $(this).find('.responsive-menu-subarrow').first().html(self.inactiveArrow); $(this).find('.responsive-menu-subarrow').first().removeClass('responsive-menu-subarrow-active'); }); /* Now Repeat for the current item siblings */ first_siblings.children('.responsive-menu-submenu').slideUp(self.subMenuTransitionTime, 'linear').removeClass('responsive-menu-submenu-open'); first_siblings.each(function() { $(this).find('.responsive-menu-subarrow').first().html(self.inactiveArrow); $(this).find('.responsive-menu-subarrow').first().removeClass('responsive-menu-subarrow-active'); }); } if(sub_menu.hasClass('responsive-menu-submenu-open')) { sub_menu.slideUp(self.subMenuTransitionTime, 'linear').removeClass('responsive-menu-submenu-open'); $(subarrow).html(this.inactiveArrow); $(subarrow).removeClass('responsive-menu-subarrow-active'); } else { sub_menu.slideDown(self.subMenuTransitionTime, 'linear').addClass('responsive-menu-submenu-open'); $(subarrow).html(this.activeArrow); $(subarrow).addClass('responsive-menu-subarrow-active'); } }, menuHeight: function() { return $(this.container).height(); }, menuWidth: function() { return $(this.container).width(); }, wrapperHeight: function() { return $(this.wrapper).height(); }, setWrapperTranslate: function() { switch(this.animationSide) { case 'left': translate = 'translateX(' + this.menuWidth() + 'px)'; break; case 'right': translate = 'translateX(-' + this.menuWidth() + 'px)'; break; case 'top': translate = 'translateY(' + this.wrapperHeight() + 'px)'; break; case 'bottom': translate = 'translateY(-' + this.menuHeight() + 'px)'; break; } if(this.animationType == 'push') { $(this.pageWrapper).css({'transform':translate}); $('html, body').css('overflow-x', 'hidden'); } if(this.pushButton == 'on') { $('#responsive-menu-button').css({'transform':translate}); } }, clearWrapperTranslate: function() { var self = this; if(this.animationType == 'push') { $(this.pageWrapper).css({'transform':''}); setTimeout(function() { $('html, body').css('overflow-x', ''); }, self.animationSpeed); } if(this.pushButton == 'on') { $('#responsive-menu-button').css({'transform':''}); } }, init: function() { var self = this; $(this.trigger).on(this.triggerTypes, function(e){ e.stopPropagation(); self.triggerMenu(); }); $(this.trigger).mouseup(function(){ $(self.trigger).blur(); }); $('.responsive-menu-subarrow').on('click', function(e) { e.preventDefault(); e.stopPropagation(); self.triggerSubArrow(this); }); $(window).resize(function() { if($(window).width() > self.breakpoint) { if(self.isOpen){ self.closeMenu(); } } else { if($('.responsive-menu-open').length>0){ self.setWrapperTranslate(); } } }); if(this.closeOnLinkClick == 'on') { $(this.linkElement).on('click', function(e) { e.preventDefault(); /* Fix for when close menu on parent clicks is on */ if(self.itemTriggerSubMenu == 'on' && $(this).is('.responsive-menu-item-has-children > ' + self.linkElement)) { return; } old_href = $(this).attr('href'); old_target = typeof $(this).attr('target') == 'undefined' ? '_self' : $(this).attr('target'); if(self.isOpen) { if($(e.target).closest('.responsive-menu-subarrow').length) { return; } self.closeMenu(); setTimeout(function() { window.open(old_href, old_target); }, self.animationSpeed); } }); } if(this.closeOnBodyClick == 'on') { $(document).on('click', 'body', function(e) { if(self.isOpen) { if($(e.target).closest('#responsive-menu-container').length || $(e.target).closest('#responsive-menu-button').length) { return; } } self.closeMenu(); }); } if(this.itemTriggerSubMenu == 'on') { $('.responsive-menu-item-has-children > ' + this.linkElement).on('click', function(e) { e.preventDefault(); self.triggerSubArrow($(this).children('.responsive-menu-subarrow').first()); }); } if (jQuery('#responsive-menu-button').css('display') != 'none') { $('#responsive-menu-button,#responsive-menu a.responsive-menu-item-link, #responsive-menu-wrapper input').focus( function() { $(this).addClass('is-active'); $('html').addClass('responsive-menu-open'); $('#responsive-menu li').css({"opacity": "1", "margin-left": "0"}); }); $('#responsive-menu-button, a.responsive-menu-item-link,#responsive-menu-wrapper input').focusout( function() { if ( $(this).last('#responsive-menu-button a.responsive-menu-item-link') ) { $(this).removeClass('is-active'); $('html').removeClass('responsive-menu-open'); } }); } $('#responsive-menu a.responsive-menu-item-link').keydown(function(event) { console.log( event.keyCode ); if ( [13,27,32,35,36,37,38,39,40].indexOf( event.keyCode) == -1) { return; } var link = $(this); switch(event.keyCode) { case 13: link.click(); break; case 27: var dropdown = link.parent('li').parents('.responsive-menu-submenu'); if ( dropdown.length > 0 ) { dropdown.hide(); dropdown.prev().focus(); } break; case 32: var dropdown = link.parent('li').find('.responsive-menu-submenu'); if ( dropdown.length > 0 ) { dropdown.show(); dropdown.find('a, input, button, textarea').first().focus(); } break; case 35: var dropdown = link.parent('li').find('.responsive-menu-submenu'); if ( dropdown.length > 0 ) { dropdown.hide(); } $(this).parents('#responsive-menu').find('a.responsive-menu-item-link').filter(':visible').last().focus(); break; case 36: var dropdown = link.parent('li').find('.responsive-menu-submenu'); if( dropdown.length > 0 ) { dropdown.hide(); } $(this).parents('#responsive-menu').find('a.responsive-menu-item-link').filter(':visible').first().focus(); break; case 37: case 38: event.preventDefault(); event.stopPropagation(); if ( link.parent('li').prevAll('li').filter(':visible').first().length == 0) { link.parent('li').nextAll('li').filter(':visible').last().find('a').first().focus(); } else { link.parent('li').prevAll('li').filter(':visible').first().find('a').first().focus(); } break; case 39: case 40: event.preventDefault(); event.stopPropagation(); if( link.parent('li').nextAll('li').filter(':visible').first().length == 0) { link.parent('li').prevAll('li').filter(':visible').last().find('a').first().focus(); } else { link.parent('li').nextAll('li').filter(':visible').first().find('a').first().focus(); } break; } }); } }; ResponsiveMenu.init(); });</script> <style id="wp-custom-css"> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Open+Sans:wght@400;500;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /* form */ .blog-inner-content .faq-tabs-sections .vc_tta-panel h4 span.vc_tta-title-text { margin-left: 30px; display: block; } .blog-inner-content .faq-tabs-sections .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 0px !important; } .blog-inner-content .faq-tabs-sections .vc_tta-panel { padding-top: 0; padding-bottom: 0; } .paoc-popup-modal span.wpcf7-not-valid-tip { bottom: -25px !important; position: absolute; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: transparent !important; } p, ul li, a, ol li, button, input, select, optgroup, textarea { font-family: "Inter", sans-serif !important; } span.sr-email { display: none; } .blog-inner-content .faq-tabs-sections .vc_tta-panel h4, .blog-inner-content .faq-tabs-sections .vc_tta-panel h4 span { font-size: 15px; text-transform: uppercase; letter-spacing: 2px; color: #666666; font-weight: 900; position: relative; } .blog-inner-content .faq-tabs-sections .vc_tta-panel.vc_active .vc_tta-panel-body p { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 30px; } .blog-inner-content .faq-tabs-sections .vc_tta.vc_general .vc_tta-panel-title a { padding: 5px 20px 5px 33px !important; } .blog-inner-content ul { margin-bottom: 10px; margin-left: 35px; } .blog-inner-content ol li { list-style-type: decimal; } .blog-inner-content ol { margin-bottom: 10px } .blog-inner-content ol li:before { content: none !important; } #home-page-top-header, .logo-home-page { display: none; } ul#other-page-top-header { margin-bottom: 0; } .contact-section-one p, .contact-section-one a { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #232323; letter-spacing: 0px; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section img { width: 190px; margin-bottom: 18px !important; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section { margin-bottom: 50px; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section p a.dashed-link-with-normal-color:hover { color: #ff901c !important; border-bottom: 1px solid #ff901c !important; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section p { font-family: 'Poppins', sans-serif; color: #5e6b8e !important; font-size: 16px; letter-spacing: 0px; line-height: 24px; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section p a.dashed-link-with-normal-color { border-bottom: 1px solid #5e6b8e !important; } .heading-color { color: #031c5b; } .heading-color a { color: #031c5b; } .link-normal-color { color: #5e6b8e !important; } .dashed-link-with-normal-color { border-bottom: 1px dashed #c3c3c3 !important; color: #5e6b8e !important; } .dashed-link-with-orange-color { border-bottom: 1px dashed #c3c3c3 !important; color: #ff901c !important; } body .normal-paragraph-color { color: #5e6b8e !important; } .get-touch-main.contact-section-two select{ line-height: 34px; } .page-top-title-swap { padding-bottom: 110px; } .popupaoc-image-caption { padding-top: 15px !important; color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; text-align: center; } .logo-deliverable-sections { padding-top: 30px; } .logo-serv-types-logos { padding-bottom: 40px; } .services-key-features-section.logo-services-why-choose-subraa { padding-bottom: 60px; } .page-top-title-swap h1:before { content: ""; position: absolute; left: 0; right: 0; bottom: -50px; width: 50% !important; margin: 0 auto; height: 1px; background: #000043; background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #000043)); margin-bottom: 0px !important; /* animation: line 3s linear forwards; */ } .page-top-title-swap h2 { margin-top: 0px; } .page-top-title-swap h1 { position: absolute; top: auto; top: 70px; left: 0; right: 0; margin-bottom: 0px; } .page-top-title-swap { position: relative; } figcaption.vc_figure-caption { color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; text-align: center; } .services-page-third-section-left-contents h3 a { color: #031c5b; } .home-portfolio-show-more-button a { color: #fff !important; } .Services-page-pricing-section.logo-design-services-pricing-section { padding-bottom: 50px; } table.table-inner-logo-section td:nth-child(1) { color: #ff901c !important; } .packaging-notes p { font-family: 'Poppins', sans-serif; color: #5e6b8e !important; margin-bottom: 10px; font-size: 14px; letter-spacing: 0px; line-height: 24px; } .packaging-notes h3 { font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-size: 14px; color: #031c5b; margin-bottom: 10px; font-weight: 500; } .packaging-notes p strong { font-weight: 500; } .packaging-notes { padding-bottom: 50px; } .portfolio-main-page-title.logo-design-services-spcl-tags h3 { font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-size: 38px; color: #11265b; margin-top: 0px; position: relative; top: -49px; } .portfolio-main-page-title.logo-design-services-spcl-tags h1 { position: relative; top: -46px; font-family: 'Poppins', sans-serif; letter-spacing: 0px; text-transform: unset; font-size: 26px; margin-top: 0px; color: #11265b; margin-bottom: 10px; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec h4 { border: none; font-size: 170px; color: rgb(243, 248, 251); display: inline-block; line-height: 60px; letter-spacing: 0px; font-family: 'Poppins', sans-serif; } body.page.page-id-9137 .paoc-popup-modal-cnt { padding: 0px; border: none !important; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec { position: absolute; right: 40px; top: 80px; } .equal-height-name-cards-one .name-card-inner-bg img { /* width: 90px; height: 90px; */ margin-top: 23px; } .equal-height-name-cards-one .name-card-inner-bg h5 { color: #000; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; margin-top: 12px; margin-bottom: 0px; } .equal-height-name-cards-one .name-card-inner-bg h3 { margin-top: 14px; position: relative; margin-bottom: 40px; } .equal-height-name-cards-one .name-card-inner-bg h3:before { content: ""; width: 70px; height: 4px; background-color: #ff901c; position: absolute; bottom: -21px; border-radius: 67px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner { width: 100%; margin: 0 auto; box-shadow: 12px 9px 13px 0px rgba(8, 79, 88, 0.11); height: 752px; padding-top: 50px !important; border: none; background: #fff; padding: 50px 25px !important; border-radius: 0px; position: relative; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg { height: auto; border: none !important; background: rgba(255, 255, 255, 0) !important; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 900px; } .banner-content h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: normal; line-height: 50px; padding-bottom: 15px; color: #031c5c; margin-bottom: 0px; } .logo-portfolio-categories a, .logo-portfolio-categories{ line-height: 19px; } .logo-portfolio-categories a:hover { color: #ff901c !important; } .equal-height-name-cards-two .name-card-inner-bg { height: 650px; } .equal-height-name-cards-one .name-card-inner-bg { height: 500px; } table.table-inner-logo-section { border: none; box-shadow: 3px 6px 17px 2px #e8e8e8; border-radius: 10px; overflow: hidden; } .logo-table-section .wpb_text_column.wpb_content_element{ padding-top: 0px; } table.table-inner-logo-section tr:nth-child(odd) td { border-color: rgba(204, 204, 204, 0.2784313725490196); border-top: none !important; border-bottom: none !important; } table.table-inner-logo-section tr:nth-child(odd) { background-color: rgba(17, 38, 91, 0.08); /* box-shadow: 1px 1px 20px 5px #f1f1f1a1; */ box-shadow: 1px 1px 20px 5px #f1f1f1; border-bottom: none !important; } table.table-inner-logo-section tr:nth-child(even) td { border-top: none !important; border-bottom: none !important; } .logo-table-section p { width: 100%; font-size: 14px; font-style: italic; letter-spacing: 0px; line-height: 20px; } table.table-inner-logo-section td:last-child, table.table-inner-logo-section th:last-child { border-right: none; } table.table-inner-logo-section td:nth-child(1), table.table-inner-logo-section th:nth-child(1) { text-align: center; width: 210px !important; } table.table-inner-logo-section th { font-family: 'Poppins', sans-serif; font-size: 16px; color: #ffffff !important; line-height: 30px; background-color: #11265b; font-weight: 500; border-color: rgb(171, 171, 171); } .home-gallery-section-full.logo-services-portfolio-pge-section { padding-top: 40px; } table.table-inner-logo-section td { text-align: center; font-family: 'Poppins', sans-serif; font-size: 16px; color: #5e6b8e !important; line-height: 24px; padding: 10px 15px; } table.table-inner-logo-section td:nth-child(1) img { width: 70px; display: block; margin: 0 auto; } table.table-inner-logo-section th { padding: 25px 0px; text-align: center; } .best-in-img-section { overflow: hidden; clear: both; } table.table-inner-logo-section td, table.table-inner-logo-section th { border: 1px solid #ececec; } table.table-inner-logo-section td:nth-child(1), table.table-inner-logo-section th:nth-child(1) { /* border-left: 1px solid #11265b; */ } table.table-inner-logo-section tr:last-child td { /* border-bottom: 1px solid #11265b; */ } table.table-inner-logo-section td, table.table-inner-logo-section th { border-left: 0px; border-bottom: 0px; } .spcl-offer-discount-tag p strong { font-weight: 600; } .spcl-offer-discount-tag p { position: absolute; top: -15px; right: -15px; background-color: #ff901c; color: #fff; line-height: 11px; padding: 15px 0px; border-radius: 50%; font-size: 12px; width: 50px; height: 50px; font-weight: normal !important; } .spcl-offer-discount-tag { margin: 0 auto !important; padding: 0px !important; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner a:hover { background-color: #ff901c !important; } .Services-page-pricing-section-inner.spcl-table-logo .vc_column-inner { overflow: hidden; } .Services-page-pricing-section-inner.spcl-table-logo .vc_column-inner:before { position: absolute; display: block; width: 168px; padding: 8px 0; background-color: #ff901c; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: center; z-index: 99; font-size: 12px; content: "Recommended"; left: -43px; top: 27px; transform: rotate(-45deg); font-family: 'Poppins', sans-serif; } .best-in-img-section a { float: left; } .best-in-img-section a:nth-child(2) { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 14px; color: #fff; letter-spacing: 0px; padding-bottom: 6px; float: left; width: 63%; position: relative; top: 25px; left: 6px; } .best-in-img-section img { width: 85px; position: relative; left: 0px; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner img { width: auto; height: 73px; } .footer-col ul.cnss-social-icon{ left: 0; top: 0; } .footer-col ul.cnss-social-icon li { padding-right: 5px !important; } .footer-col ul.cnss-social-icon li.cn-fa-icon a{ width: 16px !important; } .footer-col ul.cnss-social-icon li.cn-fa-icon a:hover i { color: #ff901c!important; } .footer-col ul.cnss-social-icon li.cn-fa-icon a:hover { background-color: rgba(255, 144, 28, 0)!important; color: #ff901c!important; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner { padding-top: 55px !important; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner { height: auto; width: 95% !important; box-shadow: 7px 7px 7px 0px #afafaf6b; margin: 0 auto; padding: 0px !important; padding-bottom: 20px !important; padding-top: 50px !important; position: relative; } .logo-serv-page-pricing-table .Services-page-pricing-section-main-title p { width: 90%; } .Services-page-pricing-section.logo-design-services-pricing-section img.vc_single_image-img.attachment-full { margin-bottom: 21px; } .Services-page-pricing-section.logo-design-services-pricing-section ul { height: auto !important; margin-bottom: 30px !important; } .Services-page-pricing-section.logo-design-services-pricing-section ul li { margin-bottom: 10px; } .Services-page-pricing-section.logo-design-services-pricing-section .wpb_text_column.wpb_content_element { margin-bottom: 20px; } .Services-page-pricing-section.logo-design-services-pricing-section h3 { font-size: 26px; margin-bottom: 30px !important; } .Services-page-pricing-section.logo-design-services-pricing-section a { width: 175px; text-align: center; line-height: 48px; font-family: 'Poppins', sans-serif; text-decoration: none; border-radius: 5rem; letter-spacing: 0px; font-weight: normal; background: #f7f7f7; cursor: pointer; -webkit-transition: background .25s ease-in-out, color .25s ease-in-out; transition: background .25s ease-in-out, color .25s ease-in-out; background-color: #11265b; color: #fff; padding: 10px 25px; } .Services-page-pricing-section-inner ul li{ font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: normal; line-height: 26px; color: #5e6b8e !important; } .blog-article.author-page-contents .blog-media img{ object-fit: contain; } a.promotion-section-slide-links:hover:before { content: "Learn More"; width: 130px; font-size: 14px; background-color: #11265b; color: #ffffff; padding: 10px 30px; top: 50%; position: relative; box-shadow: 1px 1px 9px 0px #191919; text-transform: uppercase; } a.normal-blog-link { color: #5e6b8e; } button:focus { outline: none; } .sidebar_widget > li:nth-child(4) { display: block; } .sidebar_widget > li:nth-child(4) ul li{ padding-left: 0 !important; } .sidebar_widget > li:nth-child(4) .wpp-list li span.wpp-date:before { content: ""; width: 40px; height: 2px; background-color: #11265b; position: absolute; bottom: -8px; } .sidebar_widget > li:nth-child(4) { display: block !important; } .sidebar_widget > li:nth-child(4) .wpp-list li{ font-weight: 400 !important; margin-bottom: 0px; } .sidebar_widget > li:nth-child(4) .wpp-list li span.wpp-date { position: relative; color: #ff901c; font-size: 12px; } .sidebar_widget > li:nth-child(4) { padding: 30px 20px; font-weight: 700 !important; text-align: center !important; color: #11265b; background-color: #f0f0f7; } .sidebar_widget > li:nth-child(4) ul{ border-top: none !important; } .sidebar_widget > li:nth-child(4) .wpp-list li a{ color: #11265b; } .sidebar_widget > li:nth-child(4) .wpp-list li { font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; } .blog-inner-left figcaption { text-align: center; } .blog-excrept-para { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; letter-spacing: 0px; line-height: 22px; color: #5e6b8e !important; height: 66px; overflow: hidden; } /* widget-recentpost-blog */ .sidebar_widget li ul { padding-top: 15px; } /* .sidebar_widget > li:nth-child(3) { font-size: 0px; } */ .sidebar_widget > li:nth-child(2){ padding-bottom: 30px !important; } .sidebar_widget>li { padding: 20px 20px; } .wpp-list li { margin-bottom: 0; } .sidebar_widget > li:nth-child(3) ul li span { display: block; position: relative; padding-top: 2px; color: #ff901c; font-size: 12px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(3) ul li a{ color: #11265b; } .sidebar_widget > li:nth-child(3) { display: block !important; background-color: #f0f0f7; } .jr-insta-datacontainer { display: none !important; } .sidebar_widget > li:nth-child(3) ul li { opacity: 1; font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(3) ul li span:before { content: ""; width: 40px; height: 2px; background-color: #11265b; position: absolute; bottom: -5px; } /* widget-recentpost-blog */ /* .sidebar_widget > li:nth-child(2) { font-size: 0px; } */ .sidebar_widget > li:nth-child(2){ padding-bottom: 30px !important; } .sidebar_widget > li:nth-child(2) ul li span { display: block; position: relative; padding-top: 2px; color: #ff901c; font-size: 12px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(2) ul li a{ color: #11265b; } .sidebar_widget > li:nth-child(2) { display: block !important; background-color: #f0f0f7; color: #000043; } .jr-insta-datacontainer { display: none !important; } .sidebar_widget > li:nth-child(2) ul li { opacity: 1; font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(2) ul li span:before { content: ""; width: 40px; height: 2px; background-color: #11265b; position: absolute; bottom: -5px; } /* ======================= */ /* FAQ */ .blog-faq-section h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 35px; text-transform: uppercase; line-height: 38px; font-weight: 500; color: #000043; letter-spacing: 0px; padding-bottom: 20px; position:relative; } .blog-faq-section { padding-top: 30px; } .blog-faq-section p { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 30px; padding-bottom: 20px; margin-bottom: 0px; } .blog-faq-section a{ color: #ff901c; text-decoration: underline; } .blog-faq-section h3 { color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; line-height: 32px; text-align: left; font-family: 'Poppins', sans-serif; text-transform: none !important; font-size: 24px; } .blog-faq-section h2:before { content: ""; width: 50px; height: 2px; background-color: #ff901c; position: absolute; bottom: 16px; } /* ============== */ /* Promotion Slider */ #sliderpromo { position: relative; overflow: hidden; margin: 0px auto 0 auto; } #sliderpromo ul { position: relative; margin: 0; padding: 0; height: 398px; list-style: none; } #sliderpromo ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 372px; height: 398px; text-align: center; } .getstart-row-right a { position: absolute; padding: 0px 0px !important; background-color: rgba(206, 206, 206, 0.6784313725490196); margin: 0 auto !important; width: 100% !important; margin-left: auto; margin-right: auto; transition: 0.8s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: capitalize; display: block !important; font-weight: normal; color: #fff; background: transparent !important; top: 0; left: 0; height: 100% !important; right: 0; } #sliderpromo a.control_prev, #sliderpromo a.control_next { position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; } #sliderpromo a.control_prev:hover, #sliderpromo a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } #sliderpromo a.control_prev { border-radius: 0 2px 2px 0; } #sliderpromoa .control_next { right: 0; border-radius: 2px 0 0 2px; } /* ================= */ .promotion-main-section-post-full .wpb_single_image img { width: 100% !important; } .promotion-main-section-post-full figure.wpb_wrapper.vc_figure { display: block !important; } .promotion-main-section-post-full .wpb_single_image .vc_single_image-wrapper{ display: block !important; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight .vc_gitem-zone{ overflow:visible !important; } .promotion-main-section-post-full .vc_gitem-animate-slideInRight { overflow: visible !important; } .promotion-main-section-post-full .vc_gitem_row.vc_row.vc_gitem-row-position-middle { position: static !important; overflow: hidden !important; clear: both !important; -webkit-transform: unset !important; -o-transform: unset !important; transform: unset !important; } .promotion-post-contentss { padding-top: 20px !important; } .sidebar_widget > li:nth-child(3) { display: none; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight { padding-left: 30px; } .class-post-orange-btn.vc_btn3-inline a { background-color: #ff901c !important; font-weight: 500 !important; } .promotion-main-section-post-full .vc_gitem_row.vc_row.vc_gitem-row-position-top { position: static !important; overflow: hidden !important; clear: both !important; } .promotion-section-one p, .promotion-section-one a{ color: #5e6b8e !important; } .promotion-section-one h2{ margin-top: 0px; font-size: 36px; font-family: 'Poppins', sans-serif; color: #031c5c !important; margin-bottom: 20px; font-weight: 500 !important; } .promotion-section-one h3{ margin-bottom: 16px !important; } .promotion-section-one p{ margin-bottom: 10px; } .working-partner-logos.working-partner-logo-sa-slider .owl-carousel .owl-item img{ width: auto !important; margin: 0 auto; } section.logo-carousel-container p { margin-bottom: 0px !important; } .logo-portfolio-categories:before{ font: normal normal normal 14px/1 FontAwesome !important; } /* Header Top-Social Icons */ ul.cnss-social-icon { margin: 0; padding: 0; list-style-type: none; text-align: left; } ul.cnss-social-icon { opacity: 1!important; } ul.cnss-social-icon li { vertical-align: middle; float: none!important; width: auto!important; margin: 0!important; list-style-type: none!important; border: none!important; padding: 0!important; background: none!important; line-height: normal!important; } ul.cnss-social-icon li.cn-fa-icon a { display: block!important; text-align: center!important; -webkit-transition: width 0.5s!important; transition: all 0.5s!important; box-sizing: border-box!important; } ul.cnss-social-icon li a, ul.cnss-social-icon li a img { box-shadow: none!important; -webkit-box-shadow: none; } ul.cnss-social-icon li a { border: none!important; text-decoration: none!important; } .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } ul.cnss-social-icon li.cn-fa-icon a:hover { background-color: #ffffff!important; color: #a5a5a5!important; } /* Mobile-follow-bar */ .wpsr-followbar { position: fixed; z-index: 999999; line-height: 0; } .sr-32px { min-height: 32px; } .socializer { padding: 0; margin: 0; display: inline-block; } .socializer>* { float: left; list-style: none; padding: 0; margin: 0; display: inline-block; position: relative; } .sr-32px a { width: 32px; line-height: 32px; font-size: 16px; } .socializer a { font-family: sans-serif!important; display: inline-block; border: 0; text-align: center; border-style: solid; box-sizing: content-box; transition: all .5s; -webkit-transition: all .2s; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .socializer a>* { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } /* Floating Bar */ div#ssb-container { z-index: 99999 !important; transition: .9s; transition-timing-function: ease; transition-timing-function: cubic-bezier(.25,.1,.25,1); } #ssb-container { position: fixed; top: 40%; } #ssb-container ul { padding: 0; margin: 0; } #ssb-container ul li:first-child { background-color: #ff901c; border-top-left-radius: 8px; } #ssb-container ul li:nth-child(2) { background-color: #11265b; } #ssb-container ul li:last-child { border-bottom-left-radius: 8px; } #ssb-container ul li { line-height: 45px; } #ssb-container ul li { list-style: none; margin: 0; } #ssb-btn-3 { background: #25d366; } #ssb-container ul li p { margin: 0; } #ssb-container ul li a { font-family: 'Poppins', sans-serif; font-size: 14px; color: #fff !important; } #ssb-container ul li a { padding: 0 15px 0 0; display: block; line-height: 45px; text-align: left; white-space: nowrap; text-decoration: none; } #ssb-container ul li a span { font-size: 16px !important; } #ssb-container ul li span { line-height: 45px; width: 50px; text-align: center; display: inline-block; } div#ssb-container:hover { right: 0px !important; } .footer-col:nth-child(3) ul li { opacity: 0.6; font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; font-family: 'Poppins', sans-serif; } .footer-col:nth-child(3) ul li span.post-date { padding-top: 5px !important; padding-bottom: 12px !important; position: relative; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 12px; letter-spacing: 0px; display: block; text-transform: uppercase; font-style: normal; } .footer-col:nth-child(3) ul li span.post-date:before { content: ""; width: 40px; height: 2px; background-color: #fff; position: absolute; bottom: 5px; } .responsive-web-promo-homepage h4:before { background-image: url(https://subraa.com/there/wp-content/uploads/Freelance-WordPress-Designer-Responsive-Web-Design.jpg) !important; } .social-media-promo-homepage h4:before { background-image: url(https://subraa.com/there/wp-content/uploads/SEO-Agency-in-Singapore-SocialMedia-Ad-Design-icon-1.jpg) !important; } .wordpress-cms-home-page h4:before { background-image: url(https://subraa.com/there/wp-content/uploads/Freelance-WordPress-Website-Designer-in-Singapore-CMS-icon.jpg) !important; } .blog-inner-content h2 { line-height: 32px; } .blog-inner-content h3 { line-height: 26px; } .next-step-main ul li:nth-child(2) img { margin-bottom: 16px; } .zsiq_floatmain.zsiq_theme1.siq_bL{ bottom: 55px !important; } .rpwwt-post-date:before { content: ""; width: 40px; height: 2px; background-color: #fff; position: absolute; bottom: 5px; } .rpwwt-post-date{ padding-top: 5px !important; padding-bottom: 12px !important; position: relative; } .fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in { bottom: 41pt !important; } .portfolio-section-tags .vc_grid-filter-item.vc_gitem-post-category-name{ position: relative; top: 6px; } .home-gallery-section-inner-tabs li.vc_tta-tab a{ text-transform: uppercase; letter-spacing: 0px; font-weight: 700 !important; } .lcs_logo_container a { cursor: initial; } .sidebar_blog .sidebar_widget > li:last-child { display: none; } .name-card-main-title { padding-top: 55px !important; } .site-content { padding-top: 130px !important; } .n2-section-smartslider { padding-top: 35px; } body.archive.tag .post-footer { display: none; } body.archive.tag .blog-media.logo-portfolio-slider-sections { border: 3px solid rgb(240, 240, 247) !important; } .logo-portfolio-categories.webdesign-port-tags { height: 50px; } .services-key-features-section .wpb_text_column.wpb_content_element { margin-bottom: 0px !important; } .site-header-main { overflow: visible !important; } .cookie-notice-container { font-family: 'Poppins', sans-serif !important; font-weight: normal !important; font-size: 12px !important; background-color: #11265b !important; } .cn-button.bootstrap{ background: #ff901c !important; } .zsiq_theme1 .zsiq_cnt:after { box-shadow: none !important; background-color: #11265b !important; } .zsiq_theme1 .zsiq_cnt p{ color: #fff !important; } .zsiq_floatmain.zsiq_theme1.siq_bL .zsiq_flt_rel { background-color: #ff901c !important; } .zsiq_theme1 div.zsiq_cnt{ background-color: #11265b !important; box-shadow: none !important; color: #fff !important; } .zsiq_floatmain.zsiq_theme1.siq_bL { font-family: 'Poppins', sans-serif !important; font-weight: normal !important; font-size: 14px !important; } div#titlediv { font-family: 'Poppins', sans-serif !important; font-weight: normal !important; font-size: 14px !important; } .zsiq_floatmain.zsiq_theme1.siq_bR .zsiq_flt_rel { background-color: #ff901c !important; } .zsiq_floatmain.zsiq_theme1.siq_bR { bottom: 75px !important; } .logo-portfolio-design-page .vc_gitem-zone.vc_gitem-zone-c.portfolio-box { height: 98px !important; margin-bottom: 25px !important; } .homepage-pricing-section-all ul li a:hover, .Services-page-pricing-section-inner ul li a:hover { color: #ff901c !important; } span.category-name { padding-left: 15px; position: relative; } span.category-name i { position: absolute; left: 0; top: 12px; } .author-info-blog { position: relative; padding-bottom: 5px; margin-bottom: 10px; } .author-info-blog:after { content: ""; width: 40%; height: 2px; background-color: #ff901c; position: absolute; bottom: 0; } .about-me-blog { border-top: 1px dashed #ff901c; padding-top: 30px; } .author-info-blog h3 { color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; font-family: 'Poppins',sans-serif; } .author-desc-blog { padding-top: 5px; } .author-desc-blog a { color: #ff901c; } .author-desc-blog h1, .author-desc-blog h2, .author-desc-blog h3, .author-desc-blog h4, .author-desc-blog h5, .author-desc-blog h6{ font-family: 'Poppins',sans-serif; color: #5e6b8e !important; } .author-desc-blog, .author-desc-blog p { font-family: 'Poppins',sans-serif; font-weight: 400; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 26px; padding-bottom: 20px; margin-bottom: 0; } div#Logo-Gallery-Section .vc_gitem-zone.vc_gitem-zone-a.logo-portfolio-slider-sections img { display: none; } .home-gallery-desktop-section-view{ display:block; } .home-gallery-mobile-section-view{ display:none; } .vc_pageable-load-more-btn a { background-color: #ff901c !important; padding: 8px 46px !important; border-radius: 30px !important; color: #fff !important; line-height: 28px !important; font-family: 'Poppins', sans-serif !important; } .blog-inner-content .lwptoc-notInherit .lwptoc_i DIV A:hover { border-bottom: none !important; color: #ff901c !important; } .lwptoc_item a { text-align: left; font-family: 'Poppins', sans-serif; text-transform: none !important; padding-bottom: 15px; color: #121c37 !important; line-height: 29px; font-size: 16px; } .lwptoc_i { padding: 25px !important; box-shadow: 7px 5px 10px 1px rgba(197, 197, 197, 0.22); } .lwptoc_header { color: #ff901c !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; text-align: left; font-family: 'Poppins', sans-serif; text-transform: none !important; font-size: 24px; } .about-left h1{ font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: normal; line-height: 52px; color: #000043; letter-spacing: 0px; margin-bottom: 25px; } .paoc-popup-modal-cnt{ border: 4px solid #012977 !important; } .homepage-pricing-section-all ul{ height: 530px; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-next{ right: -105px !important; top: 0px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-prev{ left: -105px !important; top: 0px !important; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ text-align:left !important; } .logo-portfolio-design-page .wpb_single_image.wpb_content_element.vc_align_center { display: none; } #wpadminbar{ z-index: 99999999 !important; } .logo-portfolio-slider-sections{ height: 216 !important; } .logo-portfolio-design-page .vc_gitem-animated-block { /*border: 10px solid #f0f0f7;*/ border: 3px solid rgb(240, 240, 247) !important; overflow: hidden; } .logo-portfolio-design-page .vc_gitem-animated-block:hover .vc_gitem-zone.vc_gitem-zone-a.logo-portfolio-slider-sections { transition: .9s; transition-timing-function: ease; transform: scale(1.1); transition: ease 800ms; } .logo-portfolio-design-page .vc_gitem-animated-block .vc_gitem-zone.vc_gitem-zone-a.logo-portfolio-slider-sections { transition: .9s; transition-timing-function: ease; transform: scale(1); transition: ease 800ms; } span.category-name a { padding-right: 5px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.logo-design-faq-above-sections { padding-bottom: 0px; } span.category-name i { font-size: 12px; } span.category-name { color: #898fa3 !important; } span.category-name i { color: #ff901c !important; } .blog-inner-content h2, .blog-inner-content h3, .blog-inner-content h4, .blog-inner-content h5, .blog-inner-content h6 { color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; } .blog-media { font-size: 0px; } .blog-title-top { padding-bottom: 20px; } .faq-cont-contents a, .faq-cont-contents strong { color: #ff901c; font-weight: 500; } span.tags-article { font-size: 0; } span.tags-article a { display: none !important; } span.tags-article-bottom { font-size: 0; } span.tags-article-bottom a { display: none !important; } span.tags-article-bottom a:nth-child(1) { display: block !important; } img.alignleft.wp-image-1059.size-full { margin-top: 0px; } .caption img { margin-bottom: 0; padding-bottom: 0.5384615385em; } span.tags-article a:nth-child(1) { display: block !important; } .fonts li { list-style: decimal; color: #898fa3; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; line-height: 28px; } .dots li{ color: #898fa3; font-family: 'Poppins', sans-serif; list-style-type: disc; font-weight: normal; font-size: 16px; line-height: 28px; } .blog-inner-content h5 a{ color: #000043; } .caption { /* font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 14px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 28px; padding-bottom: 30px; margin-bottom: 0px; */ font-weight: normal; font-size: 14px; letter-spacing: 0px; padding-bottom: 15px; margin-bottom: 0px; color: #686868; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; text-align: left; } .caption.new { text-align: center; } .working-partner-logos ul.slick-dots { display: none !important; } .working-partner-logos .white { border: none !important; background: none !important; } div#slider_2882 .owl-dots { display: none !important; } /* .home-gallery-section-inner-tabs .gallery-item:hover .gallery-icon.landscape { transform: scale(1.04); transition: .5s; transition-timing-function: cubic-bezier(.25,.1,.25,1); } .home-gallery-section-inner-tabs .gallery-item .gallery-icon.landscape { transition: .5s; transition-timing-function: cubic-bezier(.25,.1,.25,1); transform: scale(1); } */ .logo-portfolio-design-page .portfolio-section-title h4{ line-height: 22px !important; } .portfolio-section-title h4 { font-family: 'Poppins', sans-serif; font-size: 14px; margin-bottom: 0px; text-transform: capitalize; line-height: 22px; color: #11265b; } a.normal-link { padding: 0px !important; width: auto !important; height: auto !important; background-color: transparent !important; line-height: normal !important; color: #ff901c !important; } .home-gallery-section-inner-tabs .vc_tta-panels { border: none !important; } .home-gallery-section-inner-tabs .vc_tta-panel-body{ border: none !important; } .sidebar_widget > li:nth-child(4) { display: none; } .admin-div { display: block; overflow: hidden; clear: both; padding-bottom: 25px; } .blog-inner-left .post-share { padding-bottom: 10px; } .related-post { font-size: 20px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; color: #000043; font-family: 'Poppins', sans-serif; text-transform: uppercase; padding-top: 30px; } .related-post li a, .related-post li { font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; text-transform: uppercase; } .related-post ul { padding-left: 0; margin-left: 0; padding-top: 20px; } .related-post span.post-date { display: block; position: relative; padding-top: 2px; color: #ff901c; font-size: 12px; font-family: 'Poppins', sans-serif; } .related-post .blog-article-row { padding-top: 0; } .related-post h3.blog-article-title { margin-top: 0 !important; } .related-post .post-footer ul.heateor_sss_sharing_ul { padding-top: 0; } .related-post .blog-content p { text-transform: initial; } .portfolio-details-float-section p { height: auto; } .portfolio-title-float h1 { font-family: 'Poppins', sans-serif; font-size: 14px; margin-bottom: 10px; font-weight: 700; color: #5e6b8e !important; line-height: 22px; } /* FAQ */ .accordionItem{ float:left; display:block; width:100%; box-sizing: border-box; } .blog-inner-content .accordionItemHeading { cursor: pointer; margin: 0px 0px 10px 0px; padding: 10px; background: #787a7f; color: #fff !important; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; opacity: 1 !important; } .close .accordionItemContent{ height:0px; transition:height 1s ease-out; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); float:left; display:block; } .open .accordionItemContent{ padding: 20px; background-color: #fff; border: 1px solid #ddd; width: 100%; margin: 0px 0px 10px 0px; display:block; -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: -webkit-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; } .open .accordionItemHeading{ margin:0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #FFA13E; color: #ffffff; } .accordionWrapper { clear: both; overflow: hidden; padding-top: 20px; padding-bottom: 30px; } table td, table th { font-family: poppins,sans-serif; font-weight: 400; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0; line-height: 30px; } .subscribe-form-box { padding: 40px; box-shadow: 0px 4px 10px 5px #96969633; width: 50%; border-radius: 5px; margin: 10px; } .subscribe-form-box h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 32px; line-height: 42px; padding-bottom: 15px; color: #031c5c; font-weight: 600; margin-bottom: 0; } .subscribe-form-box p { text-align: left; font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; color: #898fa3; margin-bottom: 0; } .subscribe-form-box input { padding: 5px 10px; border: 1px solid rgba(3, 28, 92, 0.44); font-family: 'Poppins', sans-serif; font-weight: 400; line-height: 1.8; text-rendering: optimizeLegibility; border-radius: 5px; } .subscribe-form-box input::placeholder { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13px; color: #686868; } .subscribe-form-box input[type="submit"] { display: inline-block; background: #031c5c; width: 180px; text-transform: uppercase; /* padding: 9px 32px; */ height: 46px; line-height: 46px; padding: 0; border-radius: 30px; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 18px; letter-spacing: 2px; } .subscribe-form-box .form-control-top, .subscribe-form-box .form-control-bottom { padding-bottom: 20px; height: auto; } .subscribe-form-box .form-control-top { margin-top: 15px; } .subscribe-form-box input[type="submit"]:hover { color: #000043; background-color: #e0e0e0; transition: 0.8s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .subscribe-form-box.horizontal-form p, .subscribe-form-box.horizontal-form h2 { text-align: center; } .subscribe-form-box.horizontal-form { width: 80%; margin-left: auto; margin-right: auto; } .subscribe-form-box .wpcf7 form.sent .wpcf7-response-output { color: #46b450; border-color: transparent; text-align: center; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; position: relative; top: -40px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ff0000; border-color: transparent; text-align: center; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; position: relative; top: 0px; } .get-touch-main.contact-section-two .form-control-top, .get-touch-main.contact-section-two .form-control-bottom { height: auto; padding-bottom: 5px; position: relative; } .paoc-popup-modal span.wpcf7-not-valid-tip { bottom: 0; } .paoc-popup-modal .form-control-top, .paoc-popup-modal .form-control-bottom { padding-bottom: 25px !important; } .form-control-top p, .form-control-bottom p { padding-top: 0; padding-bottom: 0; } .wpcf7-form-control-wrap { position: initial; } .form-control-message p { padding-top: 0; } .logo-design-content-page p, .logo-design-content-page li { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 14px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 22px; padding-bottom: 10px; margin-bottom: 0px; } .logo-design-content-page h3, .logo-design-content-page h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 18px; /* text-transform: uppercase; */ line-height: 38px; font-weight: 600; color: #000043; letter-spacing: 0px; } .blog-inner-left.portfolio-inner-right .logo-design-content-page h2 { font-size: 20px; line-height: 27px; padding-top: 15px; text-transform: initial; padding-bottom: 10px; } .logo-design-content-page { clear: both; overflow: hidden; padding-bottom: 45px; } .blog-inner-left.portfolio-inner-right .logo-design-content-page h2:before { content: none; } .logo-design-content-page strong, .logo-design-content-page b { font-weight: 600; } p.tags-post-grid, p.tags-post-grid a { font-family: 'Poppins',sans-serif; font-weight: 400; font-size: 12px; color: #898fa3 !important; line-height: 19px; margin-bottom: 0; margin-top: 5px; text-transform: capitalize; } .logo-portfolio-design-page .vc_gitem-zone.vc_gitem-zone-c.portfolio-box { height: auto !important; margin-bottom: 0px !important; } .tags-post-grid i, p.tags-post-grid a:hover, .copyrights-container a:hover { color: #ff901c !important; } .copyrights-container a { color: #ffffff; } .subscribe-form-box p.acceptance-text { padding-bottom: 15px; text-align: center; font-size: 14px; line-height: 24px; } p.acceptance-text a { color: #898fa3; text-decoration: underline !important; } p.acceptance-text a:hover { color: #ff901c; } .popup-contactus-section p.acceptance-text, .get-touch-main.contact-section-two p.acceptance-text { font-size: 14px; line-height: 24px; padding-top: 0; padding-bottom: 0; } r-p rp-slider rp-header rp-scale { font-size: 32px; font-weight: normal; line-height: 52px; color: #031c5b; font-family: "Inter", sans-serif; } r-p rp-slider rp-header rp-score { display: block; color: #fb8e28; font-family: "Inter", sans-serif; font-weight: normal; font-size: 16px; } r-p rp-slider rp-header rp-based { font-family: "Inter", sans-serif; font-weight: normal; font-size: 16px; color: #5e6b8e !important; } r-p rp-slider rp-review-text { font-family: "Inter", sans-serif; font-weight: normal; font-size: 15px; color: #5e6b8e !important; line-height: 24px; } rp-reply { font-family: "Inter", sans-serif; font-weight: normal; font-size: 15px; color: #5e6b8e !important; line-height: 24px; } rp-reply.rplg-scroll rp-b { color: #031c5b; } r-p rp-review-name a, rp-review-name { color: inherit; font-family: "Inter", sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; } r-p rp-review-time { font-family: "Inter", sans-serif; } .recent-posts-author ul li a:hover { opacity: 0.8; } body.home .wpcf7 form.sent .wpcf7-response-output { border-color: transparent; position: absolute; clear: both; text-align: center; margin: 0; padding: 0; width: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; bottom: 10px; width: 50%; right: 100px; top: auto; color: #1da222; } .wpcf7-submit { outline: none !important; } .blog-inner-content strong { font-size: 1.1em; color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; text-align: left; font-family: 'Poppins', sans-serif; display: inline; } .tags-post-grid, .tags-post-grid a { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12px; color: #898fa3 !important; line-height: 19px; margin-bottom: 0; margin-top: 5px; text-transform: capitalize; } .tags-post-grid p { margin-bottom: 0; font-size: 14px; padding-top: 10px; color: #ff901c; font-style: italic; font-weight: 500; } .portfolio-details-float-section p a:hover { color: #ff7b00; } .portfolio-details-float-section p a { color: #11265b; } body.home .vc_grid-loading { background-image: none !important; } @media (max-width: 1349px) and (min-width: 1100px){ .homepage-pricing-section-inner .wpb_text_column.wpb_content_element { height: 800px !important; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1050px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 900px; } } @media (min-width: 1025px) and (max-width: 1119px) { .col-banner-slider-mobile { padding-left: 15px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1130px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 900px; } } @media (min-width:768px) and (max-width:1024px){ .home-service-right h4:before{ left: 10px !important; } .home-service-right .wordpress-cms-home-page h4:before{left: -10px !important;} .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-next{ right: -70px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-prev{ left: -70px !important; } .col-banner-slider-mobile { padding-left: 15px; } .best-in-img-section img { width: 60px; position: relative; left: -5px; } .best-in-img-section a:nth-child(2){ top: 0px; } .footer-col ul.cnss-social-icon{ position: static; } .equal-height-name-cards-two .name-card-inner-bg { height: 870px; } .equal-height-name-cards-one .name-card-inner-bg { height: 600px; } .banner-content h2 { padding-left: 20px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 950px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1230px; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec h4{ font-size: 100px; } .portfolio-main-page-title h2{ font-size: 57px; } } @media (max-width: 900px) and (min-width: 768px){ h3.download-brochures-heading { width: 75%; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight { width: 100% !important; padding-left: 0px; } .promotion-main-section-post-full.promotion-section-one .vc_gitem-zone.vc_gitem-zone-c { width: 100%; float: none; text-align: center; } .equal-height-name-cards-one .name-card-inner-bg { height: auto; } .equal-height-name-cards-two .name-card-inner-bg { height: auto; } .banner-content h2 { padding-left: 20px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 1050px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1450px; } .Services-page-pricing-section.logo-design-services-pricing-section ul li{ font-size: 12px; } .Services-page-pricing-section.logo-design-services-pricing-section a{ font-size: 12px; } .page-top-title-swap h1:before{ display:none; } .page-top-title-swap { padding-bottom: 140px; } .portfolio-main-page-title h2{ font-size: 40px; } } /*Mobile*/ @media only screen and (max-width:767px){ .left-side-portfolio-inner.fixed-section { width: 100%; } ul#menu-primary-menu { display: none !important; } .banner_image{padding-top: 0px !important;} .wordpress-cms-home-page h4:before{ left: -5px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-next { right: -30px !important; top: 0px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-prev { left: -30px !important; top: 0px !important; } .homepage-pricing-section-all ul { height: auto; padding-bottom: 30px; } .homepage-pricing-section-inner .wpb_text_column.wpb_content_element { padding-bottom: 50px; } .home-gallery-desktop-section-view{ display:none; } .home-gallery-mobile-section-view{ display:block; } .zsiq_floatmain.zsiq_theme1.siq_bL { bottom: 60px !important; } body.post-template.post-template-blog-inner .site-content {padding-top: 60px !important;} .site-content {padding-top: 0px !important;} .fb-customerchat.fb_invisible_flow.fb_iframe_widget.fb_iframe_widget_fluid iframe.fb_customer_chat_bounce_in_v2 { bottom: 75px !important; right: 0px !important; } .home-banner-images-section .vc_column-inner { padding-top: 0px !important; } .banner-content p{ padding-bottom: 0px; } .banner-content ul{ margin-top: 30px; margin-bottom: 0px; } .banner-logo-slider-section .sa_hover_container { min-height: auto !important; } .about-right .wpb_text_column.wpb_content_element { margin-bottom: 0px; } .wpb_row.vc_row-fluid.workingfor-container .vc_column-inner { padding-top: 15px !important; } .working-partner-logos { margin-bottom: 0px !important; padding-top: 15px !important; } .social-media-promo-homepage { margin-bottom: 10px; } .wordpress-cms-home-page { margin-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.home-service-cms-last-section { padding-bottom: 30px !important; } .home-service-left-top h6{ padding-top: 0px; } .workingfor-container.perfect-web-section-homes { padding-top: 15px; } .vc_row.wpb_row.vc_inner.vc_row-fluid.homepage-pricing-section-all { margin-top: 20px !important; } .wpb_text_column.wpb_content_element.seo-left { margin-bottom: 0px !important; } .home-testimonial-left.wpb_column.vc_column_container .wpb_text_column.wpb_content_element { margin-bottom: 0px !important; } .vc_row.wpb_row.vc_row-fluid.home-gallery-section-full.home-gallery-mobile-section-view h4.vc_tta-panel-title { display: none !important; } .vc_row.wpb_row.vc_row-fluid.latest-article-container .vc_column-inner { padding-top: 0px !important; } .vc_row.wpb_row.vc_row-fluid.home-gallery-section-full.home-gallery-mobile-section-view .vc_grid-container.vc_clearfix.wpb_content_element.vc_masonry_grid { margin-bottom: 0px; } .get-started-now-footer{ padding-top: 35px !important; } .banner-content{ padding-top: 0px; } .service-star-img .vc_single_image-wrapper.vc_box_border_grey{ display: none; } .web-design-services-top-section-services-page { padding-top: 0px; } .services-page-second-section-full { margin-top: 25px; } .services-page-second-right-side-image.wpb_column.vc_column_container { margin-top: 40px; } div#logo-design-services { padding-top: 5px !important; } div#faq-portfolio-section { padding-top: 0px !important; } .Services-page-pricing-section-main-title h2{ margin-top: 15px !important; } .Services-page-pricing-section-inner .vc_column-inner{ height: auto; } .services-page-third-section-left-contents.full-width-section-services-page.wpb_column.vc_column_container .vc_column-inner { padding-top: 0px; } div#name-card-design { padding-bottom: 0px; } .portfolio-main-categories-section-rows:nth-child(1) { padding-top: 0px; } .portfolio-main-categories-column-common .portfolio-main-categories-column-common-inner{ margin-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.aboutus-second-section.paper-plane-section { padding-top: 0px; } .vc_row.wpb_row.vc_row-fluid.about-up-page-third-section { padding-bottom: 0px; } div#Mobile-working-method .vc_column-inner { padding-top: 0px; padding-bottom: 10px; } .vc_row.wpb_row.vc_row-fluid.contact-section-one { margin-top: 0px !important; } .vc_row.wpb_row.vc_row-fluid.get-touch-main.contact-section-two { padding-top: 0px; } .get-touch-main.contact-section-two h3{ padding-bottom: 0px; } .get-touch-main.contact-section-two { padding-bottom: 35px; } .next-step-main { padding-top: 35px; } .next-step-main ul li:last-child { margin-bottom: 0px !important; } .digital-marketing-portfolio-services-section p{ width: 90%; } .vc_row.wpb_row.vc_inner.vc_row-fluid.digital-marketing-portfolio-services-section { padding-top: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digital-marketing-portfoli-page-first-section-inner{ padding-bottom: 0px !important; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digital-marketing-seo-key-features-section { padding-bottom: 0px; padding-top: 10px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digi-sem-setion.vc_row-o-content-middle.vc_row-flex { padding-bottom: 0px !important; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digi-sem-process.vc_row-o-content-middle.vc_row-flex { padding-top: 10px; padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-marketing.vc_row-o-content-middle.vc_row-flex { padding-top: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-marketing.vc_row-o-content-middle.vc_row-flex { padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-key-feat.vc_row-o-content-middle.vc_row-flex { padding-top: 10px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-key-feat.vc_row-o-content-middle.vc_row-flex { padding-bottom: 20px; } .vc_row.wpb_row.vc_row-fluid.faq-tabs-sections.faq-portfolio-pages { padding-bottom: 20px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.illu-sec-one.vc_row-o-content-middle.vc_row-flex { padding-top: 0px; padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.portfolio-main-page-top.illu-sec-top .wpb_text_column.wpb_content_element { margin-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.illu-sec-two.vc_row-o-content-middle.vc_row-flex { padding-top: 0px; padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.web-design-port-with-lap { margin-top: 0px !important; margin-bottom: 0px !important; } .web-design-portfolio h2{ text-align: left; padding-left: 15px; } .faq-section-main-top-title h2{ font-size: 26px; line-height: 36px; } .wpb_text_column.wpb_content_element.faq-section-main-top-title.name-card-main-title { padding-top: 0px !important; margin-bottom: 0px !important; } .vc_row.wpb_row.vc_inner.vc_row-fluid.name-card-des-port-sub-titles { margin-top: 30px !important; } .vc_row.wpb_row.vc_row-fluid.name-card-cont-sec { margin-top: 0px !important; margin-bottom: 0px !important; padding-bottom: 10px !important; padding-top: 0px !important; } .vc_row.wpb_row.vc_row-fluid.name-card-cont-sec.name-card-bg.vc_row-has-fill { box-shadow: none !important; border-radius: 0px !important; } .name-card-bg .wpb_text_column.wpb_content_element.faq-section-main-top-title { margin-bottom: 0px; } .blog_inner_banner { display: none; } .next-step-main ul li:nth-child(2) img { margin-bottom: auto; } span.wpcf7-not-valid-tip{ font-size: 12px; } .mobile-footer-social-bar span.sr-phone a i { font: normal normal normal 14px/1 FontAwesome !important; font-size: 25px !important; } #sliderpromo ul{ width: 100% !important; margin: 0 auto !important; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight { width: 100% !important; padding-left: 0px; } .promotion-main-section-post-full.promotion-section-one .vc_gitem-zone.vc_gitem-zone-c { width: 100%; float: none; text-align: center; } .best-in-img-section a:nth-child(2){ position: static; width: 100%; } .equal-height-name-cards-two .name-card-inner-bg { height: auto; } .equal-height-name-cards-one .name-card-inner-bg { height: auto; } .table-section-logo-pricing { overflow: scroll; } table.table-inner-logo-section { width: 1200px; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner{ margin-bottom: 70px; } .banner-content h2 { text-align: center; } .portfolio-main-page-title.logo-design-services-spcl-tags h1 { position: static; font-size: 28px; padding-bottom: 0px; } .portfolio-main-page-title.logo-design-services-spcl-tags h3 { padding-bottom: 30px; position: static; line-height: 34px; font-size: 24px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: auto; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: auto; } .equal-height-name-cards-one .name-card-inner-bg{ padding: 0px !important; margin-bottom: 25px; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec h4{ font-size: 100px; } .Services-page-pricing-section.logo-design-services-pricing-section { padding-bottom: 0px; } .packaging-notes { padding-bottom: 0px; } .page-top-title-swap h1 { position: absolute; top: auto; bottom: 0px; } .page-top-title-swap { padding-bottom: 130px; } .page-top-title-swap h1:before{ display:none; } #responsive-menu-additional-content .contact-section-one p { padding-bottom: 30px !important; } div#responsive-menu-additional-content { border-top: 1px solid #11265b; } .zsiq_floatmain.zsiq_theme1.siq_bR { bottom: 10px !important; } div#titlediv { bottom: 60px; } .subscribe-form-box, .subscribe-form-box.horizontal-form { padding: 20px; width: 100%; } .popup-contactus-section form .form-control-left, .popup-contactus-section form .form-control-right { width: 100% !important; } .paoc-popup-modal .form-control-top, .paoc-popup-modal .form-control-bottom { padding-bottom: 0px !important; } .paoc-popup-modal span.wpcf7-not-valid-tip { position: relative !important; bottom: 0 !important; } .subscribe-form-box.horizontal-form .form-control-left, .subscribe-form-box.horizontal-form .form-control-right, .subscribe-form-box.horizontal-form .form-control-middle { width: 100% !important; } } </style> <style type="text/css" data-type="vc_custom-css">.portfolio-main-categories-section-full.four-colm .portfolio-main-categories-section-rows { width: 98.513%; margin: 0 auto !important; } .portfolio-main-categories-section-full.four-colm .portfolio-main-categories-column-common-inner{ height: 350px; }</style><noscript><style type="text/css"> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>        <script type="rocketlazyloadscript"> // Google Ads Conversion Tracking document.addEventListener('wpcf7mailsent', function(event) { var email = document.querySelector('input[name="your-email"]').value; gtag('event', 'conversion', { 'send_to': 'AW-935737818', // Replace with your Google Ads conversion ID 'event_callback': callback, 'user_data': { 'email': email } }); }); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> window.onload = function() { const preloader = document.querySelector('.delay-animation'); preloader.style.display = 'block'; }; </script> </head> <body data-rsssl=1 class="page-template page-template-front-page page-template-front-page-php page page-id-956 wp-custom-logo wp-embed-responsive locale-en-gb group-blog wpb-js-composer js-comp-ver-5.7 vc_responsive cookies-not-set responsive-menu-slide-left" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQL5LC89" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="rocketlazyloadscript" data-rocket-type='text/javascript'>var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; var target = 'https://www.clickcease.com/monitor/stat.js'; script.src = target;var elem = document.head;elem.appendChild(script); </script> <noscript> <a href='https://www.clickcease.com' rel='nofollow'><img src='//monitor.clickcease.com/stats/stats.aspx' alt='ClickCease'/></a> </noscript>      <div class="demo-3 cda-noimg cda-alignright render"> <div class="floating-side-bar-section"> <div class="textwidget"><div id="ssb-container" class="ssb-btns-right ssb-anim-slide" style="z-index: 1; right: -144px;"> <ul class="ssb-light-hover"> <li id="ssb-btn-0"> <p> <a href="tel:+6597957890" class="subraa_phone"><span class="fa fa-mobile" style="font-size: 25px !important;"></span> +65 9795 7890</a></p> </li> <li id="ssb-btn-1"> <p> <a href="/cdn-cgi/l/email-protection#9ef7f0f8f1deedebfcecffffb0fdf1f3" class="subraa_email"><span class="fa fa-envelope"></span> <span class="__cf_email__" data-cfemail="acc5c2cac3ecdfd9cedecdcd82cfc3c1">[email protected]</span></a></p> </li> <li id="ssb-btn-3"> <p> <a href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener" class="subraa_whatsapp"><span class="fa fa-whatsapp" style="font-size: 20px !important;"></span> WhatsApp</a></p> </li> </ul> </div> </div> </div> <div id="page" class="site"> <div class="circle-cursor circle-cursor--inner"></div> <div class="circle-cursor circle-cursor--outer"></div> <div class="site-inner"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div class="header-full-section"> <div class="header-inner-section"> <div class="top-header"> <div class="layout-978"> <div class="top-header-left"> <div class="textwidget"><ul id="" class="cnss-social-icon " style="text-align:left;"> <li class="cn-fa-facebook cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.facebook.com/SubraaSingapore" title="Facebook" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Facebook" style="font-size:20px;" class="fa fa-facebook"></i></a></li> <li class="cn-fa-instagram cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.instagram.com/freelance_singapore_designer/" title="Instagram" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Instagram" style="font-size:20px;" class="fa fa-instagram"></i></a></li> <li class="cn-fa-twitter cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://twitter.com/SubraaPD" title="Twitter" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Twitter" style="font-size:20px;" class="fa fa-twitter"></i></a></li> <li class="cn-fa-linkedin cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://sg.linkedin.com/in/subraapd" title="LinkedIn" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="LinkedIn" style="font-size:20px;" class="fa fa-linkedin"></i></a></li> <li class="cn-fa-pinterest cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://in.pinterest.com/subraa/" title="Pinterest" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Pinterest" style="font-size:20px;" class="fa fa-pinterest"></i></a></li> <li class="cn-fa-youtube cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg" title="YouTube" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="YouTube" style="font-size:20px;" class="fa fa-youtube"></i></a></li> </ul> </div> </div> <div class="top-header-right"> <div class="textwidget"><ul id="other-page-top-header"> <li><img decoding="async" title="Contact Subraa, Web Designer in Singapore - WhatsApp" src="//subraa.com/there/wp-content/uploads/2020/04/Web-Designer-in-Singapore-WhatsApp-Subraa.jpg" alt="Contact Subraa, Web Designer in Singapore - WhatsApp" /> <a class="subraa_whatsapp" href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener">+65 8580 9111</a></li> <li><img decoding="async" title="Email Subraa, Freelance Web Designer in Singapore" src="//subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-email-icon.jpg" alt="Email Subraa, Freelance Web Designer in Singapore" /> <a class="subraa_email" href="/cdn-cgi/l/email-protection#60090e060f201315021201014e030f0d"><span class="__cf_email__" data-cfemail="f59c9b939ab5868097879494db969a98">[email protected]</span></a></li> <li><img decoding="async" title="Call Subraa, Freelance Web Designer in Singapore" src="//subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Call-Subraa.jpg" alt="Call Subraa, Freelance Web Designer in Singapore" /><a class="subraa_phone" href="tel:97957890">+65 9795 7890</a></li> </ul> <ul id="home-page-top-header"> <li><img width="17" height="17" decoding="async" title="Contact Subraa, Web Designer in Singapore - WhatsApp" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2017%2017'%3E%3C/svg%3E" alt="Contact Subraa, Web Designer in Singapore - WhatsApp" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/whatsapp-header.svg" /><noscript><img width="17" height="17" decoding="async" title="Contact Subraa, Web Designer in Singapore - WhatsApp" src="//www.subraa.com/there/wp-content/uploads/2024/04/whatsapp-header.svg" alt="Contact Subraa, Web Designer in Singapore - WhatsApp" /></noscript> <a class="subraa_whatsapp" href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener">+65 8580 9111</a></li> <li><img width="20" height="14" decoding="async" title="Email Subraa, Freelance Web Designer in Singapore" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2014'%3E%3C/svg%3E" alt="Email Subraa, Freelance Web Designer in Singapore" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/mail-header.svg" /><noscript><img width="20" height="14" decoding="async" title="Email Subraa, Freelance Web Designer in Singapore" src="//www.subraa.com/there/wp-content/uploads/2024/04/mail-header.svg" alt="Email Subraa, Freelance Web Designer in Singapore" /></noscript> <a class="subraa_email" href="/cdn-cgi/l/email-protection#99f0f7fff6d9eaecfbebf8f8b7faf6f4"><span class="__cf_email__" data-cfemail="4920272f26093a3c2b3b2828672a2624">[email protected]</span></a></li> <li><img width="10" height="18" decoding="async" title="Call Subraa, Freelance Web Designer in Singapore" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2018'%3E%3C/svg%3E" alt="Call Subraa, Freelance Web Designer in Singapore" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/phone-header.svg" /><noscript><img width="10" height="18" decoding="async" title="Call Subraa, Freelance Web Designer in Singapore" src="//www.subraa.com/there/wp-content/uploads/2024/04/phone-header.svg" alt="Call Subraa, Freelance Web Designer in Singapore" /></noscript><a class="subraa_phone" href="tel:97957890">+65 9795 7890</a></li> </ul> </div> </div> </div> </div> <header id="masthead" class="site-header" role="banner"> <div class="layout-978"> <div class="site-header-main"> <div class="site-branding" title="Subraa"> <a href="https://www.subraa.com/" class="custom-logo-link" rel="home"><img fetchpriority="high" width="171" height="43" src="//www.subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg" class="custom-logo" alt="Freelance Web Designer in Singapore - Subraa Logo" decoding="async" title="Freelance Web Designer in Singapore - Subraa Logo" /></a> <p class="site-title"><a href="https://www.subraa.com/" rel="home">#1 Premier Freelance Web Designer & Web Developer in Singapore [2024]</a></p> <div class="logo-home-page"> <a href="https://www.subraa.com/" title="Freelance Web Designer in Singapore - Subraa Logo"><img width="187" height="49" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20187%2049'%3E%3C/svg%3E" alt="Freelance Web Designer in Singapore - Subraa Logo" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/Subraa_Logo.svg" /><noscript><img width="187" height="49" src="//www.subraa.com/there/wp-content/uploads/2024/04/Subraa_Logo.svg" alt="Freelance Web Designer in Singapore - Subraa Logo" /></noscript></a> </div> </div> <button id="menu-toggle" class="menu-toggle">Menu</button> <div id="site-header-menu" class="site-header-menu"> <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primary menu"> <div class="menu-primary-menu-container"><ul id="menu-primary-menu" class="primary-menu"><li id="menu-item-752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-752"><a href="https://www.subraa.com/">Home</a></li> <li id="menu-item-2062" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2062"><a href="https://www.subraa.com/web-design-logo-design-services-singapore/">Services</a> <ul class="sub-menu"> <li id="menu-item-2776" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2776"><a href="https://www.subraa.com/web-design-logo-design-singapore/">Logo Design</a></li> <li id="menu-item-2778" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2778"><a href="https://www.subraa.com/web-design-logo-design-services-singapore/#web-design">Web Design</a></li> <li id="menu-item-2777" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2777"><a href="https://www.subraa.com/name-card-design">Name Card Design</a></li> <li id="menu-item-2779" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2779"><a href="https://www.subraa.com/flyer-design-singapore">Flyer Design</a></li> <li id="menu-item-1069" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1069"><a href="https://www.subraa.com/digital-marketing-agency-singapore/">Digital Marketing & SEO Services</a></li> <li id="menu-item-1073" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1073"><a href="https://www.subraa.com/illustration-design/">Illustration Design</a></li> </ul> </li> <li id="menu-item-960" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-956 current_page_item menu-item-has-children menu-item-960"><a href="https://www.subraa.com/portfolio/" aria-current="page">Portfolio</a> <ul class="sub-menu"> <li id="menu-item-1047" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1047"><a href="https://www.subraa.com/logo-design-singapore/">Logo Design</a></li> <li id="menu-item-1048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1048"><a href="https://www.subraa.com/freelance-web-designer-singapore-portfolio/">Web Design</a></li> <li id="menu-item-1068" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1068"><a href="https://www.subraa.com/name-card-design">Name Card Design</a></li> <li id="menu-item-1070" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1070"><a href="https://www.subraa.com/newsletter-design">Newsletter Design</a></li> <li id="menu-item-1071" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1071"><a href="https://www.subraa.com/flyer-design-singapore">Flyer Design Singapore</a></li> <li id="menu-item-1072" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1072"><a href="https://www.subraa.com/post-card-design/">Post Card Design</a></li> </ul> </li> <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="https://www.subraa.com/about/">About</a></li> <li id="menu-item-1240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1240"><a href="https://www.subraa.com/logo-design-web-design-promotions-singapore/">Promotion</a></li> <li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"><a href="https://www.subraa.com/blog/">Blog</a></li> <li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="https://www.subraa.com/contact/">Contact</a></li> </ul></div> </nav> </div> </div> </div> </header> </div> </div> <div id="content" class="site-content"> <div class="content clearfix"> <article id="post-956" class="post-956 page type-page status-publish hentry"> <div class="entry-content layout-978"> <div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid portfolio-main-page-top"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-page-title page-top-title-swap" > <div class="wpb_wrapper"> <h1>Trusted by 600+ clients around the world</h1> <h2>PORTFOLIO</h2> <h3>1100+ Projects Completed</h3> </div> </div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p>Transforming your ideas into best digital experience is not an easy task, especially when it comes to building websites. No pre packages or plans will work out to match your needs only a custom package tailored to your needs will help in the outcome of a good design.</p> <p>An effective strategy in web design, graphic design services with commitment to quality helped me to build a good number of portfolio. With over 500+ satisfied clients in Singapore, I am happy to have helped many business owners with an effective online presence and with proven digital marketing strategies to rank them in the first page of Google.</p> </div> </div> </div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid portfolio-main-categories-section-full four-colm"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid portfolio-main-categories-section-rows"><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7609 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/Freelance-Web-Designer-Singapore-Services-Portfolio.jpg" alt="Freelance Web Designer Singapore Services Portfolio" width="77" height="64" /></p> <h3>Website Design</h3> <p>A website that evolves along the latest trends of the digital world is a success to website design and development. View my web design portfolio to <strong>learn more.</strong></p> <p><a href="https://subraa.com/freelance-web-designer-singapore-portfolio/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7611 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/Logo-Design-Singapore-Portfolio.jpg" alt="Logo Design Singapore Portfolio" width="76" height="65" /></p> <h3>Logo Design</h3> <p>An identity to your business, logo design helps to grow your brand. <strong>View</strong> my logo design portfolio where concepts speak your identity.</p> <p><a href="https://subraa.com/logo-design-singapore/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7610 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/SEO-Agency-Singapore.jpg" alt="SEO Agency Singapore" width="76" height="64" /></p> <h3>SEO / SEM</h3> <p>Brand awareness for a business is important though you have the best product. Ranking in SERP is important to contact you. Know more about my <strong>SEO/SEM.</strong></p> <p><a href="https://subraa.com/affordable-digital-marketing-seo-services-in-singapore/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7606 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/Name-Card-Design-Portfolio.jpg" alt="Name Card Design Portfolio" width="77" height="64" /></p> <h3>Name Card Design</h3> <p>It is very important to handover a business card to your prospective clients during a meet up. A professional name card design helps to create the best impression. <strong>View samples.</strong></p> <p><a href="https://subraa.com/name-card-design/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_inner vc_row-fluid portfolio-main-categories-section-rows"><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7604 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2077%2065'%3E%3C/svg%3E" alt="Flyer Design Services in Singapore Portfolio" width="77" height="65" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Flyer-Design-Services-in-Singapore-Portfolio.jpg" /><noscript><img decoding="async" class="alignnone wp-image-7604 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/Flyer-Design-Services-in-Singapore-Portfolio.jpg" alt="Flyer Design Services in Singapore Portfolio" width="77" height="65" /></noscript></p> <h3>Flyer Design</h3> <p>Print materials for a startup business are vital if you are targeting the local audiences. Design should convey your brand, your services, your information at a very first glance. <strong>View samples.</strong></p> <p><a href="https://subraa.com/flyer-design-singapore/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7605 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2076%2064'%3E%3C/svg%3E" alt="EDM Design Singapore" width="76" height="64" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/EDM-Design-Singapore.jpg" /><noscript><img decoding="async" class="alignnone wp-image-7605 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/EDM-Design-Singapore.jpg" alt="EDM Design Singapore" width="76" height="64" /></noscript></p> <h3>Newsletter Design</h3> <p><span style="font-weight: 400;">EDM, Newsletter Design helps your customers aware of the happenings in your organisation. A regular update of your products is important to keep your business growing.</span><strong> Learn more.</strong></p> <p><a href="https://subraa.com/newsletter-design/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7612 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2076%2065'%3E%3C/svg%3E" alt="PowerPoint Slide Show Design Singapore Portfolio" width="76" height="65" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/PowerPoint-Slide-Show-Design-Singapore-Portfolio.jpg" /><noscript><img decoding="async" class="alignnone wp-image-7612 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/PowerPoint-Slide-Show-Design-Singapore-Portfolio.jpg" alt="PowerPoint Slide Show Design Singapore Portfolio" width="76" height="65" /></noscript></p> <h3>PPT Slide Design</h3> <p>Corporate powerpoint presentations can never be unimpressive. Be it a text based slide or a process flow I have made slides stand out and impressive for presentation. <strong>View samples.</strong></p> <p><a href="#">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7607 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2077%2064'%3E%3C/svg%3E" alt="Postcard Design Singapore Portfolio" width="77" height="64" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Postcard-Design-Singapore-Portfolio.jpg" /><noscript><img decoding="async" class="alignnone wp-image-7607 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/Postcard-Design-Singapore-Portfolio.jpg" alt="Postcard Design Singapore Portfolio" width="77" height="64" /></noscript></p> <h3>Postcard Design</h3> <p>Wishing your loved ones can be more customised, a personal touch for any festive occasions can be more heartwarming. <strong>Learn more</strong> about how I could help with the card design.</p> <p><a href="https://subraa.com/post-card-design/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_inner vc_row-fluid portfolio-main-categories-section-rows"><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element portfolio-main-categories-column-common-inner" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-7608 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2076%2064'%3E%3C/svg%3E" alt="Illustration Design Services in Singapore Portfolio" width="76" height="64" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Illustration-Design-Services-in-Singapore-Portfolio.jpg" /><noscript><img decoding="async" class="alignnone wp-image-7608 size-full" src="//subraa.com/there/wp-content/uploads/2020/05/Illustration-Design-Services-in-Singapore-Portfolio.jpg" alt="Illustration Design Services in Singapore Portfolio" width="76" height="64" /></noscript></p> <h3>Illustration Design</h3> <p>Illustration of your business process or redraw of your old drawings. I can help you with the Illustration design based on your needs. <strong>Contact now.</strong></p> <p><a href="https://subraa.com/illustration-design/" target="_blank" rel="noopener">Read More</a></p> </div> </div> </div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div><div class="portfolio-main-categories-column-common wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div></div></div></div></div><div class="vc_row-full-width vc_clearfix"></div> </div> </article> </div> </div>  <section class="logo-carousel-container"> <div class="textwidget"><div class='white' style='background:rgba(0,0,0,0); border:solid 0px rgba(0,0,0,0); border-radius:0px; padding:0px 0px 0px 0px;'> <div id='slider_8873' class='owl-carousel sa_owl_theme autohide-arrows' data-slider-id='slider_8873' style='visibility:hidden;'> <div id='slider_8873_slide01' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8072" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Yoga Client" width="226" height="226" title="Yoga Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Yoga-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8072" src="//subraa.com/there/wp-content/uploads/2020/05/Yoga-Client.jpg" alt="Yoga Client" width="226" height="226" title="Yoga Client" /></noscript></p></div> <div id='slider_8873_slide02' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8068" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Online Jewellery Client" width="226" height="226" title="Online Jewellery Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Online-Jewellery-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8068" src="//subraa.com/there/wp-content/uploads/2020/05/Online-Jewellery-Client.jpg" alt="Online Jewellery Client" width="226" height="226" title="Online Jewellery Client" /></noscript></p></div> <div id='slider_8873_slide03' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8066" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Nursing Client" width="226" height="226" title="Nursing Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Nursing-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8066" src="//subraa.com/there/wp-content/uploads/2020/05/Nursing-Client.jpg" alt="Nursing Client" width="226" height="226" title="Nursing Client" /></noscript></p></div> <div id='slider_8873_slide04' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8064" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Management Client" width="226" height="226" title="Management Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Management-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8064" src="//subraa.com/there/wp-content/uploads/2020/05/Management-Client.jpg" alt="Management Client" width="226" height="226" title="Management Client" /></noscript></p></div> <div id='slider_8873_slide05' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8062" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Jewellery Client" width="226" height="226" title="Jewellery Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Jewellery-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8062" src="//subraa.com/there/wp-content/uploads/2020/05/Jewellery-Client.jpg" alt="Jewellery Client" width="226" height="226" title="Jewellery Client" /></noscript></p></div> <div id='slider_8873_slide06' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8059" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Finance Client" width="226" height="226" title="Finance Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Finance-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8059" src="//subraa.com/there/wp-content/uploads/2019/12/Finance-Client.jpg" alt="Finance Client" width="226" height="226" title="Finance Client" /></noscript></p></div> <div id='slider_8873_slide07' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8058" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="eCommerce Client" width="226" height="226" title="eCommerce Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/eCommerce-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8058" src="//subraa.com/there/wp-content/uploads/2019/12/eCommerce-Client.jpg" alt="eCommerce Client" width="226" height="226" title="eCommerce Client" /></noscript></p></div> <div id='slider_8873_slide08' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8057" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Dr Client" width="226" height="226" title="Dr Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Dr-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8057" src="//subraa.com/there/wp-content/uploads/2019/12/Dr-Client.jpg" alt="Dr Client" width="226" height="226" title="Dr Client" /></noscript></p></div> <div id='slider_8873_slide09' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8070" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Property Client" width="226" height="226" title="Property Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Property-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8070" src="//subraa.com/there/wp-content/uploads/2020/05/Property-Client.jpg" alt="Property Client" width="226" height="226" title="Property Client" /></noscript></p></div> <div id='slider_8873_slide10' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8056" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Dog Food" title="Dog Food" width="226" height="226" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Dog-Food.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8056" src="//subraa.com/there/wp-content/uploads/2019/12/Dog-Food.jpg" alt="Dog Food" title="Dog Food" width="226" height="226" /></noscript></p></div> <div id='slider_8873_slide11' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8054" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Coach Client" width="226" height="226" title="Coach Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Coach-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8054" src="//subraa.com/there/wp-content/uploads/2019/12/Coach-Client.jpg" alt="Coach Client" width="226" height="226" title="Coach Client" /></noscript></p></div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript" data-rocket-type='text/javascript'> jQuery(document).ready(function() { jQuery('#slider_8873').owlCarousel({ responsive:{ 0:{ items:2 }, 480:{ items:3 }, 768:{ items:4 }, 980:{ items:7 }, 1200:{ items:7 }, 1500:{ items:9 } }, autoplay : true, autoplayTimeout : 5000, autoplayHoverPause : false, smartSpeed : 200, fluidSpeed : 200, autoplaySpeed : 200, navSpeed : 200, dotsSpeed : 200, loop : true, nav : false, navText : ['Previous','Next'], dots : false, responsiveRefreshRate : 200, slideBy : 1, mergeFit : true, autoHeight : false, mouseDrag : true, touchDrag : true }); jQuery('#slider_8873').css('visibility', 'visible'); sa_resize_slider_8873(); window.addEventListener('resize', sa_resize_slider_8873); function sa_resize_slider_8873() { var min_height = '50'; var win_width = jQuery(window).width(); var slider_width = jQuery('#slider_8873').width(); if (win_width < 480) { var slide_width = slider_width / 2; } else if (win_width < 768) { var slide_width = slider_width / 3; } else if (win_width < 980) { var slide_width = slider_width / 4; } else if (win_width < 1200) { var slide_width = slider_width / 7; } else if (win_width < 1500) { var slide_width = slider_width / 7; } else { var slide_width = slider_width / 9; } slide_width = Math.round(slide_width); var slide_height = '0'; if (min_height == 'aspect43') { slide_height = (slide_width / 4) * 3; slide_height = Math.round(slide_height); } else if (min_height == 'aspect169') { slide_height = (slide_width / 16) * 9; slide_height = Math.round(slide_height); } else { slide_height = (slide_width / 100) * min_height; slide_height = Math.round(slide_height); } jQuery('#slider_8873 .owl-item .sa_hover_container').css('min-height', slide_height+'px'); } var owl_goto = jQuery('#slider_8873'); jQuery('.slider_8873_goto1').click(function(event){ owl_goto.trigger('to.owl.carousel', 0); }); jQuery('.slider_8873_goto2').click(function(event){ owl_goto.trigger('to.owl.carousel', 1); }); jQuery('.slider_8873_goto3').click(function(event){ owl_goto.trigger('to.owl.carousel', 2); }); jQuery('.slider_8873_goto4').click(function(event){ owl_goto.trigger('to.owl.carousel', 3); }); jQuery('.slider_8873_goto5').click(function(event){ owl_goto.trigger('to.owl.carousel', 4); }); jQuery('.slider_8873_goto6').click(function(event){ owl_goto.trigger('to.owl.carousel', 5); }); jQuery('.slider_8873_goto7').click(function(event){ owl_goto.trigger('to.owl.carousel', 6); }); jQuery('.slider_8873_goto8').click(function(event){ owl_goto.trigger('to.owl.carousel', 7); }); jQuery('.slider_8873_goto9').click(function(event){ owl_goto.trigger('to.owl.carousel', 8); }); jQuery('.slider_8873_goto10').click(function(event){ owl_goto.trigger('to.owl.carousel', 9); }); jQuery('.slider_8873_goto11').click(function(event){ owl_goto.trigger('to.owl.carousel', 10); }); var resize_8873 = jQuery('.owl-carousel'); resize_8873.on('initialized.owl.carousel', function(e) { if (typeof(Event) === 'function') { window.dispatchEvent(new Event('resize')); } else { var evt = window.document.createEvent('UIEvents'); evt.initUIEvent('resize', true, false, window, 0); window.dispatchEvent(evt); } }); }); </script> </div> </section>  <section class="get-started-container"> <div class="layout-978"> <div class="get-started-now-footer"> <div class="getstart-row"> <div class="textwidget"><h2>Start building your Online presence now with Subraa!</h2> <p>Trusted by over 600+ clients, across domains and business sizes. 10+ years of experience helping clients with quality services at an affordable price.</p> <p><a href="https://subraa.com/contact/">HIRE ME</a></p> </div> </div> <div class="getstart-row-right"> <div class="textwidget"><div id="sliderpromo"> <ul> <li data-bg="https://www.subraa.com/there/wp-content/uploads/Promotions/Logo-Design-Website-Design-Promotions-Chinese-New-Year-2024.jpg" class="post-thumb-seprate-image-promotion rocket-lazyload" style=" background-size: cover;background-position: top center;background-repeat: no-repeat;"><a class="promotion-section-slide-links" href="https://subraa.com/logo-design-web-design-promotions-singapore/" title="Chinese New Year 2024 Offers and Promotions, Singapore – Logo and Website Design"></a></li> <li data-bg="https://www.subraa.com/there/wp-content/uploads/christmas-offers-promotions-discounts/Christmas-2022-Deals-and-Promotions-on-Logo-and-Website-Design.jpg" class="post-thumb-seprate-image-promotion rocket-lazyload" style=" background-size: cover;background-position: top center;background-repeat: no-repeat;"><a class="promotion-section-slide-links" href="https://subraa.com/logo-design-web-design-promotions-singapore/" title="Christmas 2022 Offers and Promotions"></a></li> <li data-bg="https://www.subraa.com/there/wp-content/uploads/2020/07/National-Day-Offers-Subraa-Logo-Designer-Singapore.jpg" class="post-thumb-seprate-image-promotion rocket-lazyload" style=" background-size: cover;background-position: top center;background-repeat: no-repeat;"><a class="promotion-section-slide-links" href="https://subraa.com/logo-design-web-design-promotions-singapore/" title="National Day Special Offers"></a></li> </ul> </div> </div> </div> </div> </div> </section> <footer id="colophon" class="site-footer"> <div class="footer-main"> <div class="layout-978"> <div class="footer-col"> <div class="textwidget"><p><img decoding="async" class="alignnone wp-image-157 size-full" title="Freelance Web Designer in Singapore - Subraa Logo" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20166%2041'%3E%3C/svg%3E" alt="Subraa" width="166" height="41" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/01/logo.png" /><noscript><img decoding="async" class="alignnone wp-image-157 size-full" title="Freelance Web Designer in Singapore - Subraa Logo" src="//subraa.com/there/wp-content/uploads/2020/01/logo.png" alt="Subraa" width="166" height="41" /></noscript></p> <h3 style="margin-top: 30px; padding-bottom: 15px;">Services</h3> <ul style="opacity: 0.6;"> <li>Freelance Web Designer Singapore</li> <li>Website Design</li> <li>Web Development</li> <li>Website Redesign</li> <li>WordPress Website Design</li> <li>UI/UX Design</li> <li>Website Revamps</li> <li>Website Hosting</li> <li>Website Maintenance</li> <li>Logo Design</li> <li>Branding</li> <li>Brochure Design</li> <li>Newsletter Design</li> <li>Facebook Ad Design</li> </ul> </div> </div> <div class="footer-col"> <div class="textwidget"><h3 class="footer-digital-marketing-heading">Digital Marketing</h3> <ul> <li>SEO Services</li> <li>Adwords Marketing</li> <li>Facebook Marketing</li> <li>Google Display Network Ads</li> <li>Social Media Marketing</li> <li>Instagram Advertising</li> <li>Online Reputation Management</li> </ul> <h3 class="download-brochures-heading">DOWNLOAD OUR E -BROCHURE</h3> <p class="download-btn-p-tag"><a class="download-brochure-button" href="https://subraa.com/download/2701/" target="_blank" rel="noopener noreferrer">DOWNLOAD</a></p> <h3 style="margin-top: 22px; padding-bottom: 0px;"><a style="font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 0px; line-height: 22px; padding-bottom: 20px; text-transform: uppercase;" href="https://subraa.com/freelance-web-designer-singapore-portfolio/#website-design-cost">FAQ</a></h3> </div> <div class="textwidget"><h3 class="social-connections-footer">SOCIAL CONNECTIONS</h3> </div> <div class="textwidget"><ul id="" class="cnss-social-icon " style="text-align:left;"> <li class="cn-fa-facebook cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.facebook.com/SubraaSingapore" title="Facebook" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Facebook" style="font-size:20px;" class="fa fa-facebook"></i></a></li> <li class="cn-fa-instagram cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.instagram.com/freelance_singapore_designer/" title="Instagram" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Instagram" style="font-size:20px;" class="fa fa-instagram"></i></a></li> <li class="cn-fa-twitter cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://twitter.com/SubraaPD" title="Twitter" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Twitter" style="font-size:20px;" class="fa fa-twitter"></i></a></li> <li class="cn-fa-linkedin cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://sg.linkedin.com/in/subraapd" title="LinkedIn" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="LinkedIn" style="font-size:20px;" class="fa fa-linkedin"></i></a></li> <li class="cn-fa-pinterest cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://in.pinterest.com/subraa/" title="Pinterest" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Pinterest" style="font-size:20px;" class="fa fa-pinterest"></i></a></li> <li class="cn-fa-youtube cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg" title="YouTube" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="YouTube" style="font-size:20px;" class="fa fa-youtube"></i></a></li> </ul> </div> </div> <div class="footer-col"> <div class="textwidget"><h3>RECENT POSTS</h3> </div> <div class="textwidget"><ul> <li><a href="https://www.subraa.com/restaurant-website-design-singapore/" rel="bookmark">Designing a Restaurant Website? Key Features You Can’t Miss!</a> <span class="post-date">Sep 03, 2024</span> </li> <li><a href="https://www.subraa.com/http-vs-https/" rel="bookmark">The Benefits of HTTPS Over HTTP: Ensuring Secure and Trustworthy Website Design</a> <span class="post-date">Jul 12, 2024</span> </li> <li><a href="https://www.subraa.com/important-pages-for-website/" rel="bookmark">The Four Most Important Pages for a Website in 2024: A Guide for Business Owners and Freelance Web Designers in Singapore</a> <span class="post-date">Jan 29, 2024</span> </li> </div> <div class="textwidget"></div> </div> <div class="footer-col"> <div class="textwidget"><h6>Subraa – Freelance Web Designer and Web Developer in Singapore</h6> <ul> <li class="footer-li-address">Blk 471A Upper Serangoon Crescent,<br /> Singapore, 531471.</li> <li class="telephone-footer">Phone: <a href="tel:+65 97957890" class="subraa_phone">+65 9795 7890</a></li> <li class="whatsapp-footer">Whatsapp: <a href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener" class="subraa_whatsapp">+65 8580 9111</a></li> <li class="footer-email">Email: <a href="/cdn-cgi/l/email-protection#c0a9aea6af80b3b5a2b2a1a1eea3afad" class="subraa_email"><span class="__cf_email__" data-cfemail="89e0e7efe6c9fafcebfbe8e8a7eae6e4">[email protected]</span></a></li> </ul> </div> </div> </div> </div> <div class="copyrights-container"> <div class="layout-978"> <p>Copyright © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript">document.write(new Date().getFullYear())</script>. Subraa Singapore Pte. Ltd. (UEN: 201725337E). All rights reserved. <a href="https://www.subraa.com/privacy-policy/">Privacy Policy</a></p> </div> </div> <div class="mobile-footer-social-bar"> <div class="textwidget"><div class="wpsr-followbar sr-fb-bl sr-fb-hl"> <div class="socializer sr-followbar sr-32px sr-zoom"><span class="sr-phone "><a rel="nofollow noopener" href="tel:6597957890" target="_blank" title="Phone" style="color: #ffffff"><i class="fa fa-mobile"></i></a></span><span class="sr-email "><a rel="nofollow noopener" href="/cdn-cgi/l/email-protection#4c25222a230c3f392e3e2d2d622f2321" target="_blank" title="Email" style="color: #ffffff"><i class="fa fa-envelope"></i></a></span><span class="sr-whatsapp "><a rel="nofollow noopener" href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" title="WhatsApp" style="color: #ffffff"><i class="fa fa-whatsapp"></i></a></span></div> </div> </div> </div> </footer> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript"> jQuery(window).scroll(function(){ if (jQuery(window).scrollTop() >= 150) { jQuery('#left-fixed-portfolio').addClass('fixed-section'); } else { jQuery('#left-fixed-portfolio').removeClass('fixed-section'); } }); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> jQuery('.input-phone-field').on('keypress', function(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode != 32 && (charCode != 43 && charCode > 31 && (charCode < 48 || charCode > 57))) return false; else { var len = jQuery(this).val().length; var index = jQuery(this).val().indexOf('.'); if (index > 0 && charCode == 46) { return false; } if (index > 0) { var CharAfterdot = (len + 9) - index; if (CharAfterdot > 3) { return false; } } } return true; }); jQuery('.input-text-field').keydown(function(e) { if (e.ctrlKey || e.altKey) { e.preventDefault(); } else { var key = e.keyCode; if (!((key == 8) || (key == 190) || (key == 9) || (key == 46) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) { e.preventDefault(); } } }); // jQuery(window).scroll(function(){ // if (jQuery(window).scrollTop() >= 100) { // jQuery('#masthead').addClass('fixed-header'); // } // else { // jQuery('#masthead').removeClass('fixed-header'); // } // }); jQuery(document).ready(function ($) { setInterval(function () { moveRight(); }, 5000); var slideCount = jQuery('#sliderpromo ul li').length; var slideWidth = jQuery('#sliderpromo ul li').width(); var slideHeight = jQuery('#sliderpromo ul li').height(); var sliderpromoUlWidth = slideCount * slideWidth; jQuery('#sliderpromo').css({ width: slideWidth, height: slideHeight }); jQuery('#sliderpromo ul').css({ width: sliderpromoUlWidth, marginLeft: - slideWidth }); jQuery('#sliderpromo ul li:last-child').prependTo('#sliderpromo ul'); function moveLeft() { jQuery('#sliderpromo ul').animate({ left: + slideWidth }, 200, function () { jQuery('#sliderpromo ul li:last-child').prependTo('#sliderpromo ul'); jQuery('#sliderpromo ul').css('left', ''); }); }; function moveRight() { jQuery('#sliderpromo ul').animate({ left: - slideWidth }, 200, function () { jQuery('#sliderpromo ul li:first-child').appendTo('#sliderpromo ul'); jQuery('#sliderpromo ul').css('left', ''); }); }; jQuery('a.control_prev').click(function () { moveLeft(); }); jQuery('a.control_next').click(function () { moveRight(); }); }); </script> <script type="rocketlazyloadscript"> jQuery("li#menu-item-2778 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#web-design").offset().top-70 }, 1000); return false; }); jQuery("li#menu-item-2776 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#logo-design-services").offset().top-70 }, 1000); return false; }); jQuery("li#menu-item-2777 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#name-card-design").offset().top-70 }, 1000); return false; }); jQuery("li#menu-item-2779 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#name-card-design").offset().top-70 }, 1000); return false; }); jQuery(".faq-scroll-link").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#faq-portfolio-section").offset().top-130 }, 1000); return false; }); jQuery(".writeareview-link-btn ul li a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("div#respond").offset().top-130 }, 1000); return false; }); jQuery(".view-packages-btn").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#logo-design-package").offset().top-70 }, 1000); return false; }); </script> <script type="rocketlazyloadscript"> var prevName = document.getElementsByClassName("owl-prev"); //console.log(prevName,"prev"); for(var i=0;i<prevName.length;i++) { prevName[i].setAttribute("name","Previous"); } //FAQ var accItem = document.getElementsByClassName('accordionItem'); var accHD = document.getElementsByClassName('accordionItemHeading'); for (i = 0; i < accHD.length; i++) { accHD[i].addEventListener('click', toggleItem, false); } function toggleItem() { var itemClass = this.parentNode.className; for (i = 0; i < accItem.length; i++) { accItem[i].className = 'accordionItem close'; } if (itemClass == 'accordionItem close') { this.parentNode.className = 'accordionItem open'; } } </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> jQuery('.paoc-popup').click(function(){ jQuery('#webdesign').val('Web Design').trigger('change'); }); </script> <script type="rocketlazyloadscript"> document.addEventListener('wpcf7mailsent', function(event) { location.href = 'https://www.subraa.com/thank-you/'; }, false); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:"ab6320a9b9348661c2d1b2a4a4f78a08aa97bf8d9c3187df9f306c73300faea8b33fcae903c564d40354356bc86dd562", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zoho.com/widget?plugin_source=wordpress";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script><button id="responsive-menu-button" tabindex="1" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu"> <span class="responsive-menu-box"><span class="responsive-menu-inner"></span> </span></button><div id="responsive-menu-container" class="slide-left"> <div id="responsive-menu-wrapper" role="navigation" aria-label="mobile-menu"> <div id="responsive-menu-title"> <a href="https://subraa.com/" target="_self"> <div id="responsive-menu-title-image"><img alt="Subraa" src="//subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg" /></div> </a> <a href="https://subraa.com/" target="_self"> </a> </div><ul id="responsive-menu" role="menubar" aria-label="mobile-menu" ><li id="responsive-menu-item-20863" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-home responsive-menu-item" role="none"><a href="https://www.subraa.com/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Home</a></li><li id="responsive-menu-item-20864" class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children responsive-menu-item responsive-menu-item-has-children" role="none"><a href="#" class="responsive-menu-item-link" tabindex="1" role="menuitem">Services<div class="responsive-menu-subarrow">▼</div></a><ul aria-label='Services' role='menu' class='responsive-menu-submenu responsive-menu-submenu-depth-1'><li id="responsive-menu-item-20865" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/web-design-logo-design-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Logo Design</a></li><li id="responsive-menu-item-20866" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/web-design-logo-design-services-singapore/#web-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Web Design</a></li><li id="responsive-menu-item-20867" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/name-card-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Name Card Design</a></li><li id="responsive-menu-item-20868" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/flyer-design-singapore" class="responsive-menu-item-link" tabindex="1" role="menuitem">Flyer Design</a></li><li id="responsive-menu-item-20869" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/affordable-digital-marketing-seo-services-in-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Digital Marketing & SEO Services</a></li><li id="responsive-menu-item-20870" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/illustration-design/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Illustration Design</a></li></ul></li><li id="responsive-menu-item-20871" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children responsive-menu-item responsive-menu-item-has-children" role="none"><a href="https://www.subraa.com/portfolio/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Portfolio<div class="responsive-menu-subarrow">▼</div></a><ul aria-label='Portfolio' role='menu' class='responsive-menu-submenu responsive-menu-submenu-depth-1'><li id="responsive-menu-item-20872" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/logo-design-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Logo Design</a></li><li id="responsive-menu-item-20873" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/freelance-web-designer-singapore-portfolio/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Web Design</a></li><li id="responsive-menu-item-20874" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/name-card-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Name Card Design</a></li><li id="responsive-menu-item-20875" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/newsletter-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Newsletter Design</a></li><li id="responsive-menu-item-20876" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/flyer-design-singapore" class="responsive-menu-item-link" tabindex="1" role="menuitem">Flyer Design Singapore</a></li><li id="responsive-menu-item-20877" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/post-card-design/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Post Card Design</a></li></ul></li><li id="responsive-menu-item-20878" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/about/" class="responsive-menu-item-link" tabindex="1" role="menuitem">About</a></li><li id="responsive-menu-item-20881" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/logo-design-web-design-promotions-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Promotions</a></li><li id="responsive-menu-item-20879" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/blog/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Blog</a></li><li id="responsive-menu-item-20880" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/contact/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Contact</a></li></ul><div id="responsive-menu-additional-content"><div class="contact-section-one"> <p style="text-align: left;"><i title="Facebook" style="font-size:20px;padding-right: 10px" class="fa fa-phone"></i> <a href="tel:6597957890">+65 9795 7890</a></p> <p style="text-align: left;"><i title="Facebook" style="font-size:20px;padding-right: 10px" class="fa fa-whatsapp"></i> <a href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener noreferrer">+65 8580 9111</a></p> <p style="text-align: left;"><i title="Facebook" style="font-size:20px;padding-right: 10px" class="fa fa-envelope"></i> <a href="/cdn-cgi/l/email-protection#a6cfc8c0c9e6d5d3c4d4c7c788c5c9cb"><span class="__cf_email__" data-cfemail="2841464e47685b5d4a5a4949064b4745">[email protected]</span></a></p> </div> <ul id="" class="cnss-social-icon " style="text-align:left;"> <li class="cn-fa-facebook cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.facebook.com/SubraaSingapore" title="Facebook" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Facebook" style="font-size:20px;" class="fa fa-facebook"></i></a></li> <li class="cn-fa-instagram cn-fa-icon " style="display:inline-block;" data-wpmeteor-mouseover="true" data-wpmeteor-mouseout="true"><a class="" target="_blank" href="https://www.instagram.com/freelance_singapore_designer/" title="Instagram" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer" data-wpmeteor-mouseover="true" data-wpmeteor-mouseout="true"><i title="Instagram" style="font-size:20px;" class="fa fa-instagram"></i></a></li> <li class="cn-fa-twitter cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://twitter.com/SubraaPD" title="Twitter" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Twitter" style="font-size:20px;" class="fa fa-twitter"></i></a></li> <li class="cn-fa-linkedin cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://sg.linkedin.com/in/subraapd" title="LinkedIn" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="LinkedIn" style="font-size:20px;" class="fa fa-linkedin"></i></a></li> <li class="cn-fa-pinterest cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://in.pinterest.com/subraa/" title="Pinterest" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Pinterest" style="font-size:20px;" class="fa fa-pinterest"></i></a></li> <li class="cn-fa-youtube cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg" title="YouTube" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="YouTube" style="font-size:20px;" class="fa fa-youtube"></i></a></li> </ul></div> </div> </div> <link data-minify="1" rel='stylesheet' id='owl_carousel_css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/slide-anything/owl-carousel/owl.carousel.css?ver=1729923691' media='all' /> <link data-minify="1" rel='stylesheet' id='owl_theme_css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/slide-anything/owl-carousel/sa-owl-theme.css?ver=1729923691' media='all' /> <link rel='stylesheet' id='owl_animate_css-css' href='//www.subraa.com/there/wp-content/plugins/slide-anything/owl-carousel/animate.min.css?ver=2.0' media='all' /> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/js/bootstrap.js?ver=1729923691" id="wpsm_count_bootstrap-js-front-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/js/counter_nscript.js?ver=1729923691" id="wpsm-new_count_script3-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/counter-number-showcase/assets/js/waypoints.min.js?ver=d9df1a11952db441a83d70fd670f3827" id="wpsm-new_count_waypoints-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/counter-number-showcase/assets/js/jquery.counterup.min.js?ver=d9df1a11952db441a83d70fd670f3827" id="wpsm-new_count_script2-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/mystickymenu/js/detectmobilebrowser.js?ver=1729923691" id="detectmobilebrowser-js" defer></script> <script id="mystickymenu-js-extra"> var option = {"mystickyClass":"header.site-header","activationHeight":"0","disableWidth":"0","disableLargeWidth":"0","adminBar":"false","device_desktop":"1","device_mobile":"1","mystickyTransition":"fade","mysticky_disable_down":"false"}; </script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/mystickymenu/js/mystickymenu.min.js?ver=2.5.1" id="mystickymenu-js" defer></script> <script id="dlm-xhr-js-extra"> var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again."}; </script> <script type="rocketlazyloadscript" id="dlm-xhr-js-before"> const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/www.subraa.com\/there\/wp-admin\/admin-ajax.php","nonce":"eb10f62fef"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://www.subraa.com/download/"; dlmXHRgif = "https://www.subraa.com/there/wp-includes/images/spinner.gif" </script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=4.7.76" id="dlm-xhr-js" defer></script> <script type="rocketlazyloadscript" id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.subraa.com","onHoverDelay":"100","rateThrottle":"3"}; </script> <script type="rocketlazyloadscript" id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js?ver=1729923691" id="twentysixteen-skip-link-focus-fix-js" defer></script> <script id="twentysixteen-script-js-extra"> var screenReaderText = {"expand":"expand child menu","collapse":"collapse child menu"}; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/js/functions.js?ver=1729923691" id="twentysixteen-script-js" defer></script> <script type="rocketlazyloadscript" id="heateor_sss_sharing_js-js-before"> function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = 'https://www.subraa.com/there/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://www.subraa.com/there/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://www.subraa.com/there/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")};var heateorSssWhatsappShareAPI = "web"; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=1729923794" id="heateor_sss_sharing_js-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.google.com/recaptcha/api.js?render=6Lc42VYkAAAAAI8rElg6rqu4mGg0ZoCUnCIlynx3&ver=3.0" id="google-recaptcha-js"></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script id="wpcf7-recaptcha-js-extra"> var wpcf7_recaptcha = {"sitekey":"6Lc42VYkAAAAAI8rElg6rqu4mGg0ZoCUnCIlynx3","actions":{"homepage":"homepage","contactform":"contactform"}}; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=1729923691" id="wpcf7-recaptcha-js" defer></script> <script src="//www.subraa.com/there/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=5.7" id="wpb_composer_front_js-js" defer></script> <script src="//www.subraa.com/there/wp-content/plugins/slide-anything/owl-carousel/owl.carousel.min.js?ver=2.2.1" id="owl_carousel_js-js" defer></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(0,0,0,1);"><div class="cookie-notice-container" style="color: #fff;"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="//www.subraa.com/there/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="//i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="//i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script></body> </html>