1<!doctype html> 2<html lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js" itemtype="https://schema.org/WebPage" itemscope> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 6 7<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> 8<title>Life at ThinkerSteps - Thinkersteps Technologies Pvt. Ltd</title> 9<meta name="description" content="No fluffy slogans. These are the working rules that shape how we hire, how we sprint, and how we make decisions."/> 10<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 11<link rel="canonical" href="https://thinkersteps.com/life-at-thinkersteps/" /> 12<meta property="og:locale" content="en_US" /> 13<meta property="og:type" content="article" /> 14<meta property="og:title" content="Life at ThinkerSteps - Thinkersteps Technologies Pvt. Ltd" /> 15<meta property="og:description" content="No fluffy slogans. These are the working rules that shape how we hire, how we sprint, and how we make decisions." /> 16<meta property="og:url" content="https://thinkersteps.com/life-at-thinkersteps/" /> 17<meta property="og:site_name" content="Thinkersteps Technologies Pvt. Ltd" /> 18<meta property="og:updated_time" content="2026-09-30T18:36:35+05:30" /> 19<meta property="og:image" content="https://thinkersteps.com/wp-content/uploads/2026/06/1.png" /> 20<meta property="og:image:secure_url" content="https://thinkersteps.com/wp-content/uploads/2026/06/1.png" /> 21<meta property="og:image:alt" content="Life at ThinkerSteps" /> 22<meta property="article:published_time" content="2026-06-15T11:25:33+05:30" /> 23<meta property="article:modified_time" content="2026-09-30T18:36:35+05:30" /> 24<meta name="twitter:card" content="summary_large_image" /> 25<meta name="twitter:title" content="Life at ThinkerSteps - Thinkersteps Technologies Pvt. Ltd" /> 26<meta name="twitter:description" content="No fluffy slogans. These are the working rules that shape how we hire, how we sprint, and how we make decisions." /> 27<meta name="twitter:image" content="https://thinkersteps.com/wp-content/uploads/2026/06/1.png" /> 28<meta name="twitter:label1" content="Time to read" /> 29<meta name="twitter:data1" content="1 minute" />
30<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://thinkersteps.com/#organization","name":"Thinkersteps Technologies Pvt. Ltd","url":"https://thinkersteps.com","logo":{"@type":"ImageObject","@id":"https://thinkersteps.com/#logo","url":"https://thinkersteps.com/wp-content/uploads/2023/02/cropped-Logo_thinker-steps-02-1-150x150.png","contentUrl":"https://thinkersteps.com/wp-content/uploads/2023/02/cropped-Logo_thinker-steps-02-1-150x150.png","caption":"Thinkersteps Technologies Pvt. Ltd","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://thinkersteps.com/#website","url":"https://thinkersteps.com","name":"Thinkersteps Technologies Pvt. Ltd","alternateName":"Thinkersteps","publisher":{"@id":"https://thinkersteps.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://thinkersteps.com/wp-content/uploads/2026/06/1.png","url":"https://thinkersteps.com/wp-content/uploads/2026/06/1.png","width":"200","height":"200","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://thinkersteps.com/life-at-thinkersteps/#webpage","url":"https://thinkersteps.com/life-at-thinkersteps/","name":"Life at ThinkerSteps - Thinkersteps Technologies Pvt. Ltd","datePublished":"2026-06-15T11:25:33+05:30","dateModified":"2026-09-30T18:36:35+05:30","isPartOf":{"@id":"https://thinkersteps.com/#website"},"primaryImageOfPage":{"@id":"https://thinkersteps.com/wp-content/uploads/2026/06/1.png"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://thinkersteps.com/author/admin/","name":"Admin","url":"https://thinkersteps.com/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/e26d4e79e85c9cfc84c15ec4c1ac481b9fc61cd62f8d5fa1a046079cf1bf7a34?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/e26d4e79e85c9cfc84c15ec4c1ac481b9fc61cd62f8d5fa1a046079cf1bf7a34?s=96&d=mm&r=g","caption":"Admin","inLanguage":"en-US"},"sameAs":["https://thinkersteps.com"],"worksFor":{"@id":"https://thinkersteps.com/#organization"}},{"@type":"Article","headline":"Life at ThinkerSteps - Thinkersteps Technologies Pvt. Ltd","datePublished":"2026-06-15T11:25:33+05:30","dateModified":"2026-09-30T18:36:35+05:30","author":{"@id":"https://thinkersteps.com/author/admin/","name":"Admin"},"publisher":{"@id":"https://thinkersteps.com/#organization"},"description":"No fluffy slogans. These are the working rules that shape how we hire, how we sprint, and how we make decisions.","name":"Life at ThinkerSteps - Thinkersteps Technologies Pvt. Ltd","@id":"https://thinkersteps.com/life-at-thinkersteps/#richSnippet","isPartOf":{"@id":"https://thinkersteps.com/life-at-thinkersteps/#webpage"},"image":{"@id":"https://thinkersteps.com/wp-content/uploads/2026/06/1.png"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://thinkersteps.com/life-at-thinkersteps/#webpage"}}]}</script>
30 31<!-- /Rank Math WordPress SEO plugin --> 32 33<link rel="alternate" type="application/rss+xml" title="Thinkersteps Technologies Pvt. Ltd » Feed" href="https://thinkersteps.com/feed/" /> 34<link rel="alternate" type="application/rss+xml" title="Thinkersteps Technologies Pvt. Ltd » Comments Feed" href="https://thinkersteps.com/comments/feed/" /> 35
35<script>document.documentElement.classList.remove( 'no-js' );</script>
35 36 <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://thinkersteps.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthinkersteps.com%2Flife-at-thinkersteps%2F" /> 37<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://thinkersteps.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthinkersteps.com%2Flife-at-thinkersteps%2F&format=xml" /> 38<style id="wp-img-auto-sizes-contain-inline-css"> 39img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 40/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 41</style> 42<link rel='stylesheet' id='hfe-widgets-style-css' href='https://thinkersteps.com/wp-content/plugins/header-footer-elementor/inc/widgets-css/frontend.css?ver=2.9.5' media='all' /> 43<style id="wp-emoji-styles-inline-css"> 44 45 img.wp-smiley, img.emoji { 46 display: inline !important; 47 border: none !important; 48 box-shadow: none !important; 49 height: 1em !important; 50 width: 1em !important; 51 margin: 0 0.07em !important; 52 vertical-align: -0.1em !important; 53 background: none !important; 54 padding: 0 !important; 55 } 56/*# sourceURL=wp-emoji-styles-inline-css */ 57</style> 58<style id="classic-theme-styles-inline-css"> 59/*! This file is auto-generated */ 60.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} 61/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 62</style> 63<style id="wp-job-openings-blocks-style-inline-css"> 64.awsm-b-row{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flexbox;-webkit-flex-flow:row wrap;margin:0 -15px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.awsm-b-row,.awsm-b-row *,.awsm-b-row :after,.awsm-b-row :before{-webkit-box-sizing:border-box;box-sizing:border-box}.awsm-b-grid-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;float:left;padding:0 15px!important;width:33.333%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column}.awsm-b-grid-col-4 .awsm-b-grid-item{width:25%}.awsm-b-grid-col-2 .awsm-b-grid-item{width:50%}.awsm-b-grid-col .awsm-b-grid-item{width:100%}.awsm-b-job-hide{display:none!important}.awsm-b-job-item{background:var(--hz-jl-bg-color,#fff);color:var(--hz-jl-tx-color);font-size:14px;padding:var(--hz-jl-padding-top,15px) var(--hz-jl-padding-right,15px) var(--hz-jl-padding-bottom,15px) var(--hz-jl-padding-left,15px)}a.awsm-b-job-item{text-decoration:none!important}.awsm-b-grid-item .awsm-b-job-item{border:var(--hz-jl-border-width,1px) solid var(--hz-jl-border-color,#cbcbcb);border-radius:var(--hz-jl-border-radius-topleft,5px) var(--hz-jl-border-radius-topright,5px) var(--hz-jl-border-radius-bottomright,5px) var(--hz-jl-border-radius-bottomleft,5px);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.05);box-shadow:0 1px 4px 0 rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-grow:1;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-b-grid-item .awsm-b-job-item:focus,.awsm-b-grid-item .awsm-b-job-item:hover{-webkit-box-shadow:0 3px 15px -5px rgba(0,0,0,.2);box-shadow:0 3px 15px -5px rgba(0,0,0,.2)}.awsm-b-grid-item .awsm-job-featured-image{margin-bottom:14px}.awsm-b-grid-item .awsm-job-featured-image img{width:100%}.awsm-b-job-item h2.awsm-b-job-post-title{font-size:18px;margin:0 0 15px;text-align:left}.awsm-b-job-item .awsm-b-stack-left-col-in h2.awsm-b-job-post-title{margin-bottom:8px}.awsm-b-job-item h2.awsm-b-job-post-title a{color:var(--hz-jl-tx-color);font-size:18px;text-decoration:none}.awsm-b-grid-item .awsm-b-job-more-container{margin-top:10px}.awsm-b-job-wrap:after{clear:both;content:"";display:table}.awsm-b-filter-wrap,.awsm-b-filter-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box}.awsm-b-filter-wrap{margin:0 -10px 20px}.awsm-b-filter-wrap.awsm-selectric-loading .awsm-b-filter-item:not(.awsm-b-filter-item-search){visibility:hidden}.awsm-b-filter-wrap form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.awsm-b-filter-wrap .awsm-b-filter-items{display:none}.awsm-b-filter-wrap.awsm-b-full-width-search-filter-wrap .awsm-b-filter-item-search,.awsm-b-filter-wrap.awsm-b-full-width-search-filter-wrap .awsm-b-filter-items,.awsm-b-filter-wrap.awsm-b-no-search-filter-wrap .awsm-b-filter-items{width:100%}.awsm-b-filter-toggle{background-color:var(--hz-sf-bg-color,transparent);border:1px solid var(--hz-ls-border-color,#ccc);border-radius:4px;color:var(--hz-sf-tx-color,#191919);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;margin:0 10px 10px;outline:none!important;padding:12px;width:46px}.awsm-b-filter-toggle.awsm-on,.awsm-b-filter-toggle:hover{background-color:color-mix(in srgb,var(--hz-sf-bg-color,#ccc),#000 5%)}.awsm-b-filter-toggle:hover{border-color:color-mix(in srgb,var(--hz-ls-border-color,#ccc),#000 5%)}.awsm-b-filter-toggle svg{height:20px;width:20px}
64.awsm-b-filter-toggle svg path{fill:var(--hz-sf-tx-color,#191919)}.awsm-b-filter-wrap.awsm-b-no-search-filter-wrap .awsm-b-filter-toggle{width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-decoration:none}.awsm-b-filter-wrap.awsm-b-no-search-filter-wrap .awsm-b-filter-toggle svg{height:22px;width:22px}@media(min-width:768px){.awsm-b-filter-wrap .awsm-b-filter-items{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 250px)}.awsm-b-filter-wrap.awsm-b-full-width-search-filter-wrap .awsm-b-filter-items,.awsm-b-filter-wrap.awsm-b-no-search-filter-wrap .awsm-b-filter-items{width:100%}.awsm-b-filter-toggle{display:none}.awsm-b-filter-item-search{width:250px}.awsm-b-filter-wrap.awsm-b-full-width-search-filter-wrap .awsm-b-filter-item-search{width:100%}}.awsm-b-filter-item-search .awsm-b-job-form-control:focus{background-color:var(--hz-sf-bg-color,#fff);border:var(--hz-ls-border-width,1px) solid var(--hz-ls-border-color,#ccc);-webkit-box-shadow:none;box-shadow:none;color:var(--hz-sf-tx-color,inherit);outline:none}.awsm-b-filter-wrap .awsm-b-filter-item{max-width:100%;padding:0 10px 10px}.awsm-b-filter-item-search{padding:0 10px 10px;position:relative}@media(max-width:768px){.awsm-b-filter-wrap .awsm-b-filter-items{width:100%}.awsm-b-filter-item-search{width:calc(100% - 66px)}.awsm-b-filter-wrap .awsm-b-filter-item .awsm-selectric-wrapper{min-width:100%}}.awsm-b-filter-wrap .awsm-b-filter-item .awsm-b-job-form-control{min-height:48px;padding-right:58px}.awsm-b-filter-item-search .awsm-b-job-form-control{background-color:var(--hz-sf-bg-color);border:var(--hz-ls-border-width,1px) solid var(--hz-ls-border-color,#ccc);border-radius:var(--hz-ls-border-radius-topleft,5px) var(--hz-ls-border-radius-topright,5px) var(--hz-ls-border-radius-bottomright,5px) var(--hz-ls-border-radius-bottomleft,5px)!important;color:var(--hz-sf-tx-color);font-size:14px;min-height:48px;padding-left:9px;padding-right:48px;width:100%}.awsm-b-filter-item-search-in{position:relative}.awsm-b-filter-item-search .awsm-b-job-search-icon-wrapper{color:var(--hz-sf-tx-color,#ccc);cursor:pointer;font-size:16px;height:100%;line-height:48px;position:absolute;right:0;text-align:center;top:0;width:48px}.awsm-b-jobs-none-container{padding:25px}.awsm-b-jobs-none-container p{margin:0;padding:5px}.awsm-b-row .awsm-b-jobs-pagination{padding:0 15px;width:100%}.awsm-b-jobs-pagination{float:left;width:100%}.awsm-b-load-more-classic a.page-numbers,.awsm-b-load-more-main a.awsm-b-load-more{background-color:var(--hz-pagination-bg-color,#fff);border-color:var(--hz-pagination-border-color,#cbcbcb);border-radius:var(--hz-pagination-border-radius-topleft,5px) var(--hz-pagination-border-radius-topright,5px) var(--hz-pagination-border-radius-bottomright,5px) var(--hz-pagination-border-radius-bottomleft,5px);border-style:var(--hz-pagination-border-style,solid);border-width:var(--hz-pagination-border-width,1px);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.05);box-shadow:0 1px 4px 0 rgba(0,0,0,.05);color:var(--hz-pagination-tx-color);display:block;margin:0!important;outline:none!important;padding:var(--hz-pagination-padding-top,20px) var(--hz-pagination-padding-right,20px) var(--hz-pagination-padding-bottom,20px) var(--hz-pagination-padding-left,20px);text-align:center;text-decoration:none!important;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-b-load-more-classic a.page-numbers:hover,.awsm-b-load-more-main a.awsm-b-load-more:hover{background-color:color-mix(in srgb,var(--hz-pagination-bg-color,#fff),#000 5%);border-color:color-mix(in srgb,var(--hz-pagination-border-color,#cbcbcb),#000 5%);color:var(--hz-pagination-tx-color)}.awsm-b-load-more-classic a.page-numbers,.awsm-b-load-more-classic span.page-numbers{font-size:90%;padding:var(--hz-pagination-padding-top,5px) var(--hz-pagination-padding-right,10px) var(--hz-pagination-padding-bottom,5px) var(--hz-pagination-padding-left,10px
64)}.awsm-b-load-more-classic{text-align:center}.awsm-b-load-more-classic a.page-numbers:focus,.awsm-b-load-more-classic a.page-numbers:hover,.awsm-b-load-more-main a.awsm-b-load-more:focus,.awsm-b-load-more-main a.awsm-b-load-more:hover{-webkit-box-shadow:0 3px 15px -5px rgba(0,0,0,.2);box-shadow:0 3px 15px -5px rgba(0,0,0,.2)}.awsm-b-jobs-pagination.awsm-b-load-more-classic ul{list-style:none;margin:0;padding:0}.awsm-b-jobs-pagination.awsm-b-load-more-classic ul li{display:inline-block}.awsm-b-lists{border:var(--hz-jl-border-width,1px) solid var(--hz-jl-border-color,#cbcbcb);border-radius:var(--hz-jl-border-radius-topleft,0) var(--hz-jl-border-radius-topright,0) var(--hz-jl-border-radius-bottomright,0) var(--hz-jl-border-radius-bottomleft,0);overflow:hidden}.awsm-b-list-item:last-child .awsm-b-job-item{border-bottom:none}.awsm-b-list-item{width:100%}.awsm-b-list-item h2.awsm-job-b-post-title{margin-bottom:0}.awsm-b-list-item .awsm-job-featured-image{float:left;margin-right:10px;width:50px}.awsm-job-featured-image img{height:auto;width:100%}.awsm-b-list-item .awsm-b-job-item{border-bottom:var(--hz-jl-border-width,1px) solid var(--hz-jl-border-color,#cbcbcb)}.awsm-b-list-item .awsm-b-job-item:after{clear:both;content:"";display:table}.awsm-b-list-left-col{float:left;width:50%}.awsm-b-list-right-col{float:left;text-align:right;width:50%}.awsm-b-list-item .awsm-job-specification-wrapper{display:inline-block;vertical-align:middle}.awsm-b-list-item .awsm-job-specification-item{display:inline-block;margin:0 15px 0 0;vertical-align:middle}a.awsm-b-job-item .awsm-job-specification-item{color:var(--hz-jl-tx-color,#4c4c4c)}.awsm-b-list-item .awsm-b-job-more-container{display:inline-block;vertical-align:middle}.awsm-b-lists+.awsm-b-jobs-pagination{margin-top:30px}.awsm-job-specification-item>[class^=awsm-job-icon-]{margin-right:6px}.awsm-job-specification-term:after{content:", "}.awsm-job-specification-term:last-child:after{content:""}.awsm-b-jobs-loading{position:relative}.awsm-b-job-listings.awsm-b-jobs-loading:after{opacity:1;visibility:visible}.awsm-b-job-listings:after{background:hsla(0,0%,100%,.5) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibG9hZGVyLTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHBhdGggZmlsbD0iI2NjYyIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6IiB0cmFuc2Zvcm09InJvdGF0ZSgxMDAgMjUgMjUpIj4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgIDwvcGF0aD4KICA8L3N2Zz4K) no-repeat 50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden;width:100%}.awsm-b-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}@media(max-width:1024px){.awsm-b-grid-col-4 .awsm-b-grid-item{width:33.333%}}@media(max-width:768px){.awsm-b-grid-col-3 .awsm-b-grid-item,.awsm-b-grid-col-4 .awsm-b-grid-item,.awsm-b-grid-item{width:50%}.awsm-b-list-left-col{padding-bottom:10px;width:100%}.awsm-b-list-right-col{text-align:left;width:100%}}@media(max-width:648px){.awsm-b-grid-col-2 .awsm-b-grid-item,.awsm-b-grid-col-3 .awsm-b-grid-item,.awsm-b-grid-col-4 .awsm-b-grid-item,.awsm-b-grid-item{width:100%}.awsm-b-list-item .awsm-job-specification-wrapper{display:block;float:none;padding-bottom:5px}.awsm-b-list-item .awsm-b-job-more-container{display:block;float:none}}.awsm-job-form-plugin-style .awsm-b-job-form-control{border:var(--hz-ls-border-width,1px) solid var(--hz-ls-border-color,#ccc);border-radius:var(--hz-ls-border-radius-topleft,5px) var(--hz-ls-border-radius-topright,5px) var(--hz-ls-border-radius-bottomright,5px) var(--hz-ls-border-radius-bottomleft,5px)!important;color:var(--hz-sf-tx-color,#060606);display:block;font:inherit;font-size:14px;line-height:1;min-height:46px;padding:8px 48px 8px 15px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}.awsm-job-form-plugin-style .awsm-b-job-form-control:focus{border-color:#060606;-webkit-box-shadow:none;box-shadow:none;outline:none}.awsm-b-filter-item-search .awsm-b-job-form-control::-webkit-input-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control::-webkit-input-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-item-search .awsm-b-job-form-control::-moz-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control::-moz-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-item-search .awsm-b-job-form-control:-ms-input-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control:-ms-input-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-item-search .awsm-b-job-form-control::-ms-input-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control::-ms-input-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-item-search .awsm-b-job-form-control::placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control::placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-wrap .awsm-b-job-form-control::-webkit-input-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control::-webkit-input-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-wrap .awsm-b-job-form-control::-moz-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control::-moz-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-b-filter-wrap .awsm-b-job-form-control:-ms-input-placeholder,.awsm-job-form-plugin-style .awsm-b-job-form-control:-ms-input-placeholder{color:color-mix(in srgb,var(--hz-sf-tx-color,#060606),#fff 55%);opacity:1}.awsm-job-form-plugin-style .awsm-b-job-form-control.awsm-job-form-error{border-color:#db4c4c}.awsm-job-form-plugin-style textarea.awsm-b-job-form-control{min-height:80px}.awsm-job-form-plugin-style .awsm-application-submit-btn,.awsm-job-form-plugin-style .awsm-jobs-primary-button{background:#060606;border-radius:45px;color:#fff;padding:16px 32px;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-job-form-plugin-style .awsm-application-submit-btn:focus,.awsm-job-form-plugin-style .awsm-application-submit-btn:hover,.awsm-job-form-plugin-style .awsm-jobs-primary-button:focus,.awsm-job-form-plugin-style .awsm-jobs-primary-button:hover{background:#060606;color:#fff;outline:none}
64.awsm-job-form-plugin-style .awsm-jobs-primary-button{cursor:pointer}.awsm-job-form-plugin-style .awsm-jobs-primary-button:disabled{opacity:.5;pointer-events:none}.awsm-b-filter-item .awsm-selectric{background-color:var(--hz-sf-bg-color);border:var(--hz-ls-border-width,1px) solid var(--hz-ls-border-color,#ccc);border-radius:var(--hz-ls-border-radius-topleft,5px) var(--hz-ls-border-radius-topright,5px) var(--hz-ls-border-radius-bottomright,5px) var(--hz-ls-border-radius-bottomleft,5px)!important;color:var(--hz-sf-tx-color)}.awsm-job-form-plugin-style .awsm-selectric{border-color:#ccc;border-radius:5px;-webkit-box-shadow:none;box-shadow:none}.awsm-job-form-plugin-style .awsm-selectric-open .awsm-selectric{border-color:#060606}.awsm-job-form-plugin-style .awsm-selectric .label{margin-left:15px}.awsm-b-filter-item .awsm-selectric .label{color:var(--hz-sf-tx-color,#444)}.awsm-b-filter-item .awsm-selectric .awsm-selectric-arrow-drop:after{border-top-color:var(--hz-sf-tx-color,#444)}.awsm-b-filter-item .awsm-selectric-focus .awsm-selectric{border-color:var(--hz-ls-border-color,#aaa)}.awsm-b-filter-item .awsm-selectric-hover .awsm-selectric,.awsm-b-filter-item .awsm-selectric-open .awsm-selectric{border-color:var(--hz-ls-border-color,#dbdbdb)}.awsm-b-filter-item .awsm-selectric-hover .awsm-selectric .awsm-selectric-arrow-drop:after{border-top-color:var(--hz-sf-tx-color,#444)}.awsm-b-filter-item .awsm-selectric-items{background-color:var(--hz-sf-bg-color,#fff);border-color:var(--hz-ls-border-color,#ccc)}.awsm-b-filter-item .awsm-selectric-items li{color:var(--hz-sf-tx-color,#666)}.awsm-b-filter-item .awsm-selectric-items li.highlighted,.awsm-b-filter-item .awsm-selectric-items li.selected{background:color-mix(in srgb,var(--hz-sf-bg-color,#fff),#000 15%);color:color-mix(in srgb,var(--hz-sf-tx-color,#444),#000 20%)}.awsm-b-filter-item .awsm-selectric-items li:hover{background:color-mix(in srgb,var(--hz-sf-bg-color,#fff),#000 30%);color:color-mix(in srgb,var(--hz-sf-tx-color,#444),#000 20%)}.awsm-b-filter-wrap .awsm-b-jobs-alerts-popup-trigger-btn a,.awsm-jobs-alerts-popup-trigger-btn a.awsm-b-jobs-alerts-trigger-btn{background-color:var(--hz-alert-bg-color,#fff);border-color:var(--hz-alert-border-color,#cbcbcb);border-radius:var(--hz-alert-border-radius-topleft,8px) var(--hz-alert-border-radius-topright,8px) var(--hz-alert-border-radius-bottomright,8px) var(--hz-alert-border-radius-bottomleft,8px);border-style:solid;border-width:var(--hz-alert-border-width,1px);color:var(--hz-alert-tx-color,#191919)}.awsm-b-filter-wrap .awsm-b-jobs-alerts-popup-trigger-btn a:hover,.awsm-jobs-alerts-popup-trigger-btn a.awsm-b-jobs-alerts-trigger-btn:hover{background-color:color-mix(in srgb,var(--hz-alert-bg-color,#fff),#000 5%);border-color:color-mix(in srgb,var(--hz-alert-border-color,#cbcbcb),#000 5%);color:var(--hz-alert-tx-color,#191919)}.awsm-b-filter-wrap .awsm-b-jobs-alerts-popup-trigger-btn a svg,.awsm-jobs-alerts-popup-trigger-btn a svg{fill:var(--hz-alert-tx-color,#191919)}.awsm-b-filter-wrap .awsm-b-jobs-alerts-popup-trigger-btn .awsm-b-jobs-alerts-btn-text{color:var(--hz-alert-tx-color,#191919)}.awsm-b-job-wrap,.awsm-b-job-wrap *,.awsm-jobs-alerts-modal{-webkit-box-sizing:border-box;box-sizing:border-box}.awsm-filter-check-label{display:block;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768.1px){.awsm-job-2-col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.awsm-job-2-col .awsm-b-filter-wrap{margin-left:0;margin-right:0;padding-left:15px;padding-right:15px;width:var(--hz-sidebar-width,33.333%)}.awsm-job-2-col .awsm-jobs-alerts-popup-trigger-btn a{margin-top:10px}.awsm-job-2-col .awsm-b-job-listings{padding-left:15px;padding-right:15px;width:calc(100% - var(--hz-sidebar-width, 33.333%))}.awsm-job-2-col .awsm-b-filter-item-search,.awsm-job-2-col .awsm-b-filter-wrap .awsm-b-filter-item{padding-left:0;padding-right:0;width:100%}.awsm-job-2-col .awsm-b-filter-wrap .awsm-b-filter-items{width:100%!important}.awsm-job-2-col .awsm-b-filter-wrap form{background-color:var(--hz-sidebar-bg-color);border-color:var(--hz-sf-border-color,transparent)!important;border-radius:var(--hz-sf-border-radius-topleft,5px) var(--hz-sf-border-radius-topright,5px) var(--hz-sf-border-radius-bottomright,5px) var(--hz-sf-border-radius-bottomleft,5px);border-style:var(--hz-sf-border-style,solid);border-width:var(--hz-sf-border-width,1px);color:var(--hz-sidebar-tx-color);
64padding:var(--hz-sf-padding-top,15px) var(--hz-sf-padding-right,15px) var(--hz-sf-padding-bottom,15px) var(--hz-sf-padding-left,15px)}.awsm-job-2-col .awsm-b-filter-item-search,.awsm-job-2-col .awsm-b-filter-item:not(:last-child){padding-bottom:20px}}.awsm-job-2-col .awsm-b-filter-item>label{color:var(--hz-sidebar-tx-color)}.awsm-b-filter-item:not(:first-child) .awsm-filter-list{border-top:1px solid #ccc;padding-top:30px}@media(max-width:768px){.awsm-b-filter-item:not(:first-child) .awsm-filter-list{margin-top:20px}}.awsm-filter-list>label{margin-bottom:10px}.awsm-filter-list-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.awsm-filter-list-item label{display:block;font-size:14px;font-weight:400;line-height:2;margin-bottom:0;position:relative}.awsm-filter-list-item input{opacity:0;position:absolute}.awsm-filter-list-item label div{padding-left:35px;position:relative;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;gap:10px;justify-content:space-between}.awsm-filter-checkbox-item,.awsm-filter-list-item label div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.awsm-filter-checkbox-item{background:#fff;border:1px solid rgba(24,46,58,.4);border-radius:6px;height:20px;left:0;position:absolute;top:calc(50% - 10px);-webkit-transition:all .3s ease;transition:all .3s ease;width:20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.awsm-filter-checkbox-item svg{fill:#fff;opacity:0}.awsm-filter-checkbox-item svg,.awsm-filter-item-count{-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-filter-item-count{background:#a3abb0;border-radius:6px;color:#fff;display:block;font-size:14px;font-weight:600;line-height:1;padding:3px 5px}.awsm-filter-list-item input:checked+div .awsm-filter-checkbox-item{background:#4e35df;border-color:#4e35df}.awsm-filter-list-item input:checked+div .awsm-filter-checkbox-item svg{opacity:1}.awsm-filter-list-item input:checked+div .awsm-filter-item-count{background:#d0c8ff;color:#4e35df}.awsm-job-sort-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-bottom:30px}.awsm-job-results{font-size:14px;font-weight:500}.awsm-job-sort{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px}.awsm-job-sort label{font-size:14px;font-weight:500;margin:0}.awsm-b-stack-item{margin-bottom:20px;padding:0 15px;width:100%}.awsm-b-stack-item .awsm-b-job-item{border-color:var(--hz-jl-border-color,#cbcbcb);border-radius:var(--hz-jl-border-radius-topleft,5px) var(--hz-jl-border-radius-topright,5px) var(--hz-jl-border-radius-bottomright,5px) var(--hz-jl-border-radius-bottomleft,5px);border-style:var(--hz-jl-border-style,solid);border-width:var(--hz-jl-border-width,1px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--hz-jl-padding-top,15px) var(--hz-jl-padding-right,15px) var(--hz-jl-padding-bottom,15px) var(--hz-jl-padding-left,15px);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;justify-content:space-between}@media(max-width:600px){.awsm-b-stack-item .awsm-b-job-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.awsm-list-stacked .awsm-b-stack-left-col{min-width:75%}.awsm-b-stack-left-col{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;gap:10px;min-width:0}@media(max-width:600px){.awsm-b-stack-left-col{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.awsm-b-stack-left-col .awsm-job-featured-image{border-radius:10px;width:55px}.awsm-b-stack-left-col .awsm-job-featured-image img{width:100%}.awsm-b-stack-left-col .awsm-job-specification-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px 30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.awsm-b-stack-right-col{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:auto;max-width:100%}@media(max-width:600px){.awsm-b-stack-right-col{margin-left:0;margin-top:10px;width:100%}}.awsm-selectric-awsm-b-spec-multiple .awsm-selectric-items li{padding-left:40px!important;position:relative}.awsm-selectric-awsm-b-spec-multiple .awsm-selectric-items li:before{background:#fff;border:1px solid rgba(24,46,58,.4);border-radius:6px}.awsm-selectric-awsm-b-spec-multiple .awsm-selectric-items li:after,.awsm-selectric-awsm-b-spec-multiple .awsm-selectric-items li:before{content:"";height:20px;left:10px;position:absolute;
64top:calc(50% - 10px);-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.awsm-selectric-awsm-b-spec-multiple .awsm-selectric-items li:after{background:#4e35df url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjQiIGQ9Ik04LjQ1NC44NDggNCA1LjMwMyAxLjY2NiAyLjk3bC0uMTQxLS4xNDItLjE0Mi4xNDItLjcwNy43MDctLjE0MS4xNDEuMTQxLjE0MSAzLjE4MiAzLjE4Mi4xNDIuMTQyLjE0MS0uMTQyIDUuMzA0LTUuMzAzLjE0MS0uMTQyLS4xNDEtLjE0MS0uNzA4LS43MDctLjE0MS0uMTQxeiIvPjwvc3ZnPg==) no-repeat 50%;border:1px solid #4e35df;border-radius:6px;opacity:0}.awsm-selectric-awsm-b-spec-multiple .awsm-selectric-items li.selected:after{opacity:1}.awsm-selectric{background-color:var(--hz-sf-bg-color);border:var(--hz-ls-border-width,1px) solid var(--hz-ls-border-color,#d5d5d5)!important;border-radius:var(--hz-ls-border-radius-topleft,5px) var(--hz-ls-border-radius-topright,5px) var(--hz-ls-border-radius-bottomright,5px) var(--hz-ls-border-radius-bottomleft,5px)!important}.awsm-selectric,.awsm-selectric .label{color:var(--hz-sf-tx-color)}.awsm-b-list-item h2.awsm-b-job-post-title{margin-bottom:0}.awsm-jobs-b-more-details{border:1px solid #d5d5d5!important;border-radius:5px!important;padding:20px}.awsm-b-job-more{border-radius:var(--hz-bs-border-radius-topleft,5px) var(--hz-bs-border-radius-topright,5px) var(--hz-bs-border-radius-bottomright,5px) var(--hz-bs-border-radius-bottomleft,5px)!important;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:1;text-decoration:none}.awsm-b-job-more.is-button-none{color:var(--hz-b-tx-color)}.awsm-b-job-more.is-button-filled{background-color:var(--hz-b-bg-color,#4e35df);border:var(--hz-bs-border-width,1px) solid var(--hz-bs-border-color,#4e35df);border-style:var(--hz-bs-border-style,solid);color:var(--hz-b-tx-color,#fff)!important;padding:var(--hz-b-padding-top,13px) var(--hz-b-padding-right,13px) var(--hz-b-padding-bottom,13px) var(--hz-b-padding-left,13px)}.awsm-b-job-more.is-button-filled:hover{background-color:color-mix(in srgb,var(--hz-b-bg-color,#4e35df),#000 5%);color:var(--hz-b-tx-color,#fff)}.awsm-b-job-more.is-button-outlined{background-color:var(--hz-b-bg-color,transparent);border:var(--hz-bs-border-width,1px) solid var(--hz-bs-border-color,#4e35df);border-style:var(--hz-bs-border-style,solid);color:var(--hz-b-tx-color,inherit)!important;padding:var(--hz-b-padding-top,13px) var(--hz-b-padding-right,13px) var(--hz-b-padding-bottom,13px) var(--hz-b-padding-left,13px)}.awsm-b-job-more.is-button-outlined:hover{background-color:color-mix(in srgb,var(--hz-b-bg-color,transparent),var(--hz-bs-border-color,#4e35df) 10%);color:var(--hz-b-tx-color,inherit)}@media(max-width:767px){.awsm-job-2-col .awsm-jobs-alerts-on .awsm-b-filter-item-search{width:calc(100% - 66px)}.awsm-job-2-col .awsm-jobs-alerts-on .awsm-jobs-alerts-popup-trigger-btn .awsm-b-jobs-alerts-trigger-btn{margin-left:10px;margin-right:10px}} 65 66/*# sourceURL=https://thinkersteps.com/wp-content/plugins/wp-job-openings/blocks/build/style-index.css */ 67</style> 68<style id="global-styles-inline-css"> 69:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
690) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--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: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-color{color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-color{color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-color{color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-color{color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-color{color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-color{color: var(--wp--preset--color--theme-palette-15) !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-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-background-color{background-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-background-color{background-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-background-color{background-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-background-color{background-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-background-color{background-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-background-color{background-color: var(--wp--preset--color--theme-palette-15) !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-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-border-color{border-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-border-color{border-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-border-color{border-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-border-color{border-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-border-color{border-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-border-color{border-color: var(--wp--preset--color--theme-palette-15) !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;}
69.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;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;} 70:root :where(.wp-block-icon svg){width: 24px;} 71:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} 72:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} 73:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 74:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} 75:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 76:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 77/*# sourceURL=global-styles-inline-css */ 78</style> 79<link rel='stylesheet' id='awsm-jobs-general-css' href='https://thinkersteps.com/wp-content/plugins/wp-job-openings/assets/css/general.min.css?ver=4.1.0' media='all' /> 80<link rel='stylesheet' id='awsm-jobs-style-css' href='https://thinkersteps.com/wp-content/plugins/wp-job-openings/assets/css/style.min.css?ver=4.1.0' media='all' /> 81<link rel='stylesheet' id='hfe-style-css' href='https://thinkersteps.com/wp-content/plugins/header-footer-elementor/assets/css/header-footer-elementor.css?ver=2.9.5' media='all' /> 82<link rel='stylesheet' id='elementor-icons-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.54.0' media='all' /> 83<link rel='stylesheet' id='elementor-frontend-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.3.2' media='all' /> 84<style id="elementor-frontend-inline-css"> 85.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }.elementor-edit-mode [data-element_type="e-form-success-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)),.elementor-edit-mode [data-element_type="e-form-error-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)){ display: block; }.e-background-video { position: relative; overflow: hidden; }.e-background-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0; }.e-background-video__content { position: relative; z-index: 1; flex: 1 1 auto; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view.elementor-empty-view { position: relative; flex: 1 1 auto; min-height: 120px; height: auto; width: 100%; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view > .elementor-first-add { position: absolute; inset: 0; width: 100%; height: 100%; }.e-background-video__controls { z-index: 2; }.e-background-video__play, .e-background-video__pause { appearance: none; -webkit-appearance: none; }.e-background-video.e-background-video--playing .e-background-video__play { display: none; }.e-background-video.e-background-video--paused .e-background-video__pause { display: none; }.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__controls,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__play,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__pause { display: none; }.e-accordion-item-header-base { list-style: none; }.e-accordion-item-header-base::-webkit-details-marker { display: none; }.e-accordion-item-base { interpolate-size: allow-keywords; }.e-accordion-item-base::details-content {block-size: 0; overflow: hidden;transition: block-size .3s ease, content-visibility .3s ease allow-discrete;}
85.e-accordion-item-base[open]::details-content { block-size: auto; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base { width: auto; height: 100%; max-width: 100%; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base svg { width: auto !important; }.e-accordion-item-icon-base svg { transition: transform .3s ease; }.e-accordion-item-base[open] > summary .e-accordion-item-icon-base svg { transform: rotate(180deg); } 86/*# sourceURL=elementor-frontend-inline-css */ 87</style> 88<link rel='stylesheet' id='elementor-post-11-css' href='https://thinkersteps.com/wp-content/uploads/elementor/css/post-11.css?ver=1790775653' media='all' /> 89<link rel='stylesheet' id='base-desktop-css' href='https://thinkersteps.com/wp-content/uploads/elementor/css/base-desktop.css?ver=6abd1165285fc' media='all' /> 90<link rel='stylesheet' id='base-mobile-css' href='https://thinkersteps.com/wp-content/uploads/elementor/css/base-mobile.css?ver=6abd1165285fc' media='(max-width:767px)' /> 91<link rel='stylesheet' id='kadence-global-css' href='https://thinkersteps.com/wp-content/themes/kadence/assets/css/global.min.css?ver=1.5.2' media='all' /> 92<style id="kadence-global-inline-css"> 93/* Kadence Base CSS */ 94:root{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;--global-palette10:oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--global-heading-font-family:inherit;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}:root body.kadence-elementor-colors{--e-global-color-kadence1:var(--global-palette1);--e-global-color-kadence2:var(--global-palette2);--e-global-color-kadence3:var(--global-palette3);--e-global-color-kadence4:var(--global-palette4);--e-global-color-kadence5:var(--global-palette5);--e-global-color-kadence6:var(--global-palette6);--e-global-color-kadence7:var(--global-palette7);--e-global-color-kadence8:var(--global-palette8);--e-global-color-kadence9:var(--global-palette9);--e-global-color-kadence10:var(--global-palette10);--e-global-color-kadence11:var(--global-palette11);--e-global-color-kadence12:var(--global-palette12);--e-global-color-kadence13:var(--global-palette13);--e-global-color-kadence14:var(--global-palette14);--e-global-color-kadence15:var(--global-palette15);}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-weight:400;font-size:17px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}h2{font-weight:700;font-size:28px;line-height:1.5;color:var(--global-palette3);}h3{font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-pa
94dding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}.has-sidebar:not(.has-left-sidebar) .content-container{grid-template-columns:1fr 40%;}.has-sidebar.has-left-sidebar .content-container{grid-template-columns:40% 1fr;}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}.entry-hero.page-hero-section .entry-header{min-height:200px;} 95/* Kadence Header CSS */ 96@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.kadence-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.transparent-header.kadence-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding a.brand img{max-width:130px;}.site-branding a.brand img.svg-logo-image{width:130px;}.site-branding{padding:0px 0px 0px 0px;}#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#f8fbff;}.site-main-header-wrap .site-header-row-container-inner{background:var(--global-palette8);}.site-main-header-inner-wrap{min-height:80px;}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(1.2em / 2);}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--global-palette3);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a{border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item >
96 a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-size:12px;}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette5);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--global-palette-highlight);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.15em 0.6em 0.15em;font-size:24px;}#main-header .header-button{color:#1a202c;border-color:var(--global-palette14);box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}#main-header .header-button:hover{border-color:var(--global-palette15);box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);} 97/* Kadence Footer CSS */ 98.site-bottom-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}#colophon .footer-html{font-style:normal;color:#171819;}#colophon .site-footer-row-container .site-footer-row .footer-html a{color:#000000;} 99/*# sourceURL=kadence-global-inline-css */ 100</style> 101<link rel='stylesheet' id='kadence-header-css' href='https://thinkersteps.com/wp-content/themes/kadence/assets/css/header.min.css?ver=1.5.2' media='all' /> 102<link rel='stylesheet' id='kadence-content-css' href='https://thinkersteps.com/wp-content/themes/kadence/assets/css/content.min.css?ver=1.5.2' media='all' /> 103<link rel='stylesheet' id='kadence-footer-css' href='https://thinkersteps.com/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.5.2' media='all' /> 104<link rel='stylesheet' id='hfe-elementor-icons-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.34.0' media='all' /> 105<link rel='stylesheet' id='hfe-icons-list-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.3' media='all' /> 106<link rel='stylesheet' id='hfe-social-icons-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.0' media='all' /> 107<link rel='stylesheet' id='hfe-social-share-icons-brands-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.css?ver=5.15.3' media='all' /> 108<link rel='stylesheet' id='hfe-social-share-icons-fontawesome-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.css?ver=5.15.3' media='all' /> 109<link rel='stylesheet' id='hfe-nav-menu-icons-css' href='https://thinkersteps.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=5.15.3' media='all' /> 110<link rel='stylesheet' id='kadence-rankmath-css' href='https://thinkersteps.com/wp-content/themes/kadence/assets/css/rankmath.min.css?ver=1.5.2' media='all' /> 111<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://thinkersteps.com/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1744366088' media='all' /> 112<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://thinkersteps.com/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1744366091' media='all' />
113<script id="jquery-core-js" src="https://thinkersteps.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 113
113
114<script id="jquery-migrate-js" src="https://thinkersteps.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 114
114
115<script id="jquery-js-after"> 116!function($){"use strict";$(document).ready(function(){$(this).scrollTop()>100&&$(".hfe-scroll-to-top-wrap").removeClass("hfe-scroll-to-top-hide"),$(window).scroll(function(){$(this).scrollTop()<100?$(".hfe-scroll-to-top-wrap").fadeOut(300):$(".hfe-scroll-to-top-wrap").fadeIn(300)}),$(".hfe-scroll-to-top-wrap").on("click",function(){$("html, body").animate({scrollTop:0},300);return!1})})}(jQuery); 117!function($){'use strict';$(document).ready(function(){var bar=$('.hfe-reading-progress-bar');if(!bar.length)return;$(window).on('scroll',function(){var s=$(window).scrollTop(),d=$(document).height()-$(window).height(),p=d? s/d*100:0;bar.css('width',p+'%')});});}(jQuery); 118//# sourceURL=jquery-js-after 119</script>
119 120<link rel="https://api.w.org/" href="https://thinkersteps.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://thinkersteps.com/wp-json/wp/v2/pages/8638" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://thinkersteps.com/xmlrpc.php?rsd" /> 121<meta name="generator" content="WordPress 7.1.2" /> 122<link rel='shortlink' href='https://thinkersteps.com/?p=8638' /> 123<meta name="google-site-verification" content="COyHpGYFMGoHL_mnEE7DL84gMZKiq4ZQLYAGKCwI0TE" /> 124<meta name="generator" content="Elementor 4.3.2; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 125<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style> 126 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 127 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 128 background-image: none !important; 129 } 130 @media screen and (max-height: 1024px) { 131 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 132 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 133 background-image: none !important; 134 } 135 } 136 @media screen and (max-height: 640px) { 137 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 138 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 139 background-image: none !important; 140 } 141 } 142 </style> 143 <style class="wpcode-css-snippet">/* ============================================================ 144 THINKERSTEPS - WP Job Openings (Awsm Jobs) custom UI 145 ------------------------------------------------------------ 146 Paste into ONE of: 147 - WP Admin > Appearance > Customize > Additional CSS 148 - Elementor > Site Settings > Custom CSS 149 150 Scoping rules (every selector follows one of these): 151 A. body.single-awsm_job_openings ... -> single job detail page only 152 B. .awsm-jobs-container .awsm-... -> [awsmjobs] shortcode only 153 154 Nothing here targets html/body/main/header/footer or any theme 155 element, so it cannot leak to other pages. 156 ============================================================ */ 157 158 159/* ============================================================ 160 0. TOKENS (scoped to plugin wrappers, no :root leak) 161 ============================================================ */ 162body.single-awsm_job_openings, 163.awsm-jobs-container{ 164 --tsj-orange:#00128B; 165 --tsj-orange-deep:#F26615; 166 --tsj-orange-darker:#090312; 167 --tsj-ink:#15181F; 168 --tsj-ink-2:#3A3F4A; 169 --tsj-ink-3:#6B7280; 170 --tsj-tint:#EEF0FA; 171 --tsj-tint-2:#ECFBFC; 172 --tsj-cream:#FFFFFF; 173 --tsj-line:rgba(21,24,31,.07); 174 --tsj-line-orange:rgba(0,18,139,.12); 175 --tsj-cta:linear-gradient(135deg,#001E5C 0%,#00128B 55%,#090312 100%); 176 --tsj-cta-hov:linear-gradient(135deg,#00128B 0%,#001E5C 55%,#00128B 100%); 177 --tsj-glow:0 1px 0 rgba(255,255,255,.28) inset, 0 -1px 0 rgba(9,3,18,.30) inset, 0 12px 28px rgba(0,18,139,.32), 0 4px 10px rgba(21,24,31,.10); 178 --tsj-shadow-sm:0 4px 14px rgba(21,24,31,.05); 179 --tsj-ease:cubic-bezier(0.16,1,0.3,1); 180} 181 182 183/* ============================================================ 184 1. SINGLE JOB - WRAPPER PADDING 185 Push content below the floating header. Multi-wrapper 186 fallback covers default theme template, Elementor template, 187 Astra theme, and a few common variants. 188 ============================================================ */ 189body.single-awsm_job_openings article, 190body.single-awsm_job_openings article.post, 191body.single-awsm_job_openings .hentry, 192body.single-awsm_job_openings .ast-article-single, 193body.single-awsm_job_openings .ast-article-post, 194body.single-awsm_job_openings .elementor-widget-theme-post-content, 195body.single-awsm_job_openings .elementor-widget-theme-post-title, 196body.single-awsm_job_openings .awsm-job-single-section, 197body.single-awsm_job_openings .awsm-job-single-wrap, 198body.single-awsm_job_openings .awsm-job-wrap{ 199 padding-top:20px !important; 200} 201body.single-awsm_job_openings .awsm-job-single-section, 202body.single-awsm_job_openings .awsm-job-single-wrap, 203body.single-awsm_job_openings .awsm-job-wrap{ 204 padding-left:24px !important; 205 padding-right:24px !important; 206} 207 208 209/* ============================================================ 210 2. SINGLE JOB - TITLE 211 With "NOW HIRING" pill above and gradient underline below. 212 ============================================================ */ 213body.single-awsm_job_openings h1.entry-title, 214body.single-awsm_job_openings .entry-title, 215body.single-awsm_job_openings h1.awsm-job-post-title, 216body.single-awsm_job_openings .awsm-job-entry-title{ 217 font-family:'Outfit','Plus Jakarta Sans',system-ui,sans-serif !important; 218 font-size:clamp(28px,4vw,44px) !important; 219 font-weight:800 !important; 220 letter-spacing:-.02em !important; 221 line-height:1.12 !important; 222 color:var(--tsj-ink) !important; 223 margin:40px 0 28px !important; 224 padding:0 0 20px !important; 225 position:relative; 226 display:block !important; 227} 228 229/* Pill above title */ 230body.single-awsm_job_openings h1.entry-title::before, 231body.single-awsm_job_openings .entry-title::before, 232body.single-awsm_job_openings h1.awsm-job-post-title::before, 233body.single-awsm_job_openings .awsm-job-entry-title::before{ 234 content:'NOW HIRING'; 235 display:block; 236 width:fit-content; 237 font-family:'Plus Jakarta Sans',system-ui,sans-serif !important; 238 font-size:11px !important; 239 font-weight:800 !important; 240 letter-spacing:.16em !important; 241 color:#fff !important; 242 background:var(--tsj-cta); 243 padding:6px 13px; 244 border-radius:999px; 245 margin-bottom:18px; 246 box-shadow:0 6px 16px rgba(0,18,139,.30); 247} 248 249/* Gradient underline below title */ 250body.single-awsm_job_openings h1.entry-title::after, 251body.single-awsm_job_openings .entry-title::after, 252body.single-awsm_job_openings h1.awsm-job-post-title::after, 253body.single-awsm_job_openings .awsm-job-entry-title::after{ 254 content:''; 255 position:absolute;
255left:0;bottom:0; 256 width:72px;height:4px; 257 border-radius:3px; 258 background:var(--tsj-cta); 259 box-shadow:0 4px 10px rgba(0,18,139,.28); 260} 261 262 263/* ============================================================ 264 3. SINGLE JOB - CONTENT 265 Clean typography, no card. Headings get a left orange bar, 266 bullet lists get an orange dot bullet with glow ring. 267 ============================================================ */ 268body.single-awsm_job_openings .awsm-job-entry-content, 269body.single-awsm_job_openings .awsm-job-content{ 270 background:transparent !important; 271 border:none !important; 272 border-radius:0 !important; 273 padding:0 !important; 274 box-shadow:none !important; 275 font-family:'Plus Jakarta Sans',system-ui,sans-serif !important; 276 font-size:16px !important; 277 color:var(--tsj-ink-2) !important; 278 line-height:1.78 !important; 279} 280 281body.single-awsm_job_openings .awsm-job-entry-content h1, 282body.single-awsm_job_openings .awsm-job-entry-content h2, 283body.single-awsm_job_openings .awsm-job-entry-content h3, 284body.single-awsm_job_openings .awsm-job-entry-content h4, 285body.single-awsm_job_openings .awsm-job-content h1, 286body.single-awsm_job_openings .awsm-job-content h2, 287body.single-awsm_job_openings .awsm-job-content h3, 288body.single-awsm_job_openings .awsm-job-content h4{ 289 font-family:'Outfit','Plus Jakarta Sans',system-ui,sans-serif !important; 290 color:var(--tsj-ink) !important; 291 font-weight:800 !important; 292 letter-spacing:-.015em !important; 293 line-height:1.25 !important; 294 margin:32px 0 14px !important; 295 padding-left:18px !important; 296 position:relative; 297} 298body.single-awsm_job_openings .awsm-job-entry-content h1::before, 299body.single-awsm_job_openings .awsm-job-entry-content h2::before, 300body.single-awsm_job_openings .awsm-job-entry-content h3::before, 301body.single-awsm_job_openings .awsm-job-entry-content h4::before, 302body.single-awsm_job_openings .awsm-job-content h1::before, 303body.single-awsm_job_openings .awsm-job-content h2::before, 304body.single-awsm_job_openings .awsm-job-content h3::before, 305body.single-awsm_job_openings .awsm-job-content h4::before{ 306 content:''; 307 position:absolute;left:0;top:8px;bottom:8px; 308 width:5px;border-radius:3px; 309 background:var(--tsj-cta); 310} 311body.single-awsm_job_openings .awsm-job-entry-content h2, 312body.single-awsm_job_openings .awsm-job-content h2{font-size:22px !important;} 313body.single-awsm_job_openings .awsm-job-entry-content h3, 314body.single-awsm_job_openings .awsm-job-content h3{font-size:19px !important;} 315body.single-awsm_job_openings .awsm-job-entry-content h4, 316body.single-awsm_job_openings .awsm-job-content h4{font-size:17px !important;} 317 318body.single-awsm_job_openings .awsm-job-entry-content p, 319body.single-awsm_job_openings .awsm-job-content p{ 320 font-size:15.5px !important; 321 color:var(--tsj-ink-2) !important; 322 line-height:1.78 !important; 323 margin-bottom:14px !important; 324} 325body.single-awsm_job_openings .awsm-job-entry-content strong, 326body.single-awsm_job_openings .awsm-job-content strong{ 327 color:var(--tsj-ink) !important; 328 font-weight:700 !important; 329} 330 331/* Bullet lists with orange dot */ 332body.single-awsm_job_openings .awsm-job-entry-content ul, 333body.single-awsm_job_openings .awsm-job-content ul{ 334 list-style:none !important; 335 padding-left:0 !important; 336 margin:14px 0 20px !important; 337} 338body.single-awsm_job_openings .awsm-job-entry-content ul li, 339body.single-awsm_job_openings .awsm-job-content ul li{ 340 position:relative; 341 padding-left:26px !important; 342 list-style:none !important; 343 font-size:15.5px !important; 344 color:var(--tsj-ink-2) !important; 345 line-height:1.72 !important; 346 margin-bottom:9px !important; 347} 348body.single-awsm_job_openings .awsm-job-entry-content ul li::before, 349body.single-awsm_job_openings .awsm-job-content ul li::before{ 350 content:''; 351 position:absolute;left:0;top:10px; 352 width:7px;height:7px;border-radius:50%; 353 background:var(--tsj-cta); 354 box-shadow:0 0 0 4px rgba(0,18,139,.14); 355} 356 357/* Inline content links */ 358body.single-awsm_job_openings .awsm-job-entry-content a, 359body.single-awsm_job_openings .awsm-job-content a{ 360 color:var(--tsj-orange-deep) !important; 361 font-weight:600 !important; 362 text-decoration:none !important; 363 border-bottom:1.5px solid rgba(0,18,139,.22); 364 transition:border-color .25s var(--tsj-ease) !important; 365} 366body.single-awsm_job_openings .awsm-job-entry-content a:hover, 367body.single-awsm_job_openings .awsm-job-content a:hover{ 368 border-color:var(--tsj-orange-deep);
369} 370 371 372/* ============================================================ 373 4. SINGLE JOB - SPEC PILLS (bottom of single page) 374 Job Category / Job Type / Job Location. Links DISABLED 375 so they do not open plugin's taxonomy archives. 376 ============================================================ */ 377body.single-awsm_job_openings .awsm-job-specs, 378body.single-awsm_job_openings .awsm-job-specifications, 379body.single-awsm_job_openings .awsm-job-meta-bottom, 380body.single-awsm_job_openings .awsm-job-specification-list, 381body.single-awsm_job_openings .awsm-job-specification-wrap, 382body.single-awsm_job_openings .awsm-job-specification-wrapper{ 383 margin:36px 0 0 !important; 384 padding-top:28px !important; 385 border-top:1px solid rgba(21,24,31,.06) !important; 386} 387body.single-awsm_job_openings .awsm-job-specs-list, 388body.single-awsm_job_openings .awsm-job-specifications ul, 389body.single-awsm_job_openings .awsm-job-specification-list ul, 390body.single-awsm_job_openings .awsm-job-specification-wrapper{ 391 list-style:none !important; 392 padding:0 !important;margin:0 !important; 393 display:flex !important;flex-wrap:wrap !important; 394 gap:14px !important; 395} 396body.single-awsm_job_openings .awsm-job-specs-list li, 397body.single-awsm_job_openings .awsm-job-specifications li, 398body.single-awsm_job_openings .awsm-job-specification-list li, 399body.single-awsm_job_openings .awsm-job-specification-item{ 400 padding:13px 18px !important; 401 background:#fff !important; 402 border:1px solid var(--tsj-line) !important; 403 border-radius:14px !important; 404 display:inline-flex !important; 405 align-items:center !important; 406 gap:12px !important; 407 list-style:none !important; 408 box-shadow:var(--tsj-shadow-sm) !important; 409 font-size:14px !important; 410 color:var(--tsj-ink-2) !important; 411 margin:0 !important; 412 transition:all .25s var(--tsj-ease) !important; 413} 414body.single-awsm_job_openings .awsm-job-specs-list li:hover, 415body.single-awsm_job_openings .awsm-job-specifications li:hover, 416body.single-awsm_job_openings .awsm-job-specification-list li:hover, 417body.single-awsm_job_openings .awsm-job-specification-item:hover{ 418 border-color:rgba(0,18,139,.22) !important; 419 transform:translateY(-2px) !important; 420 box-shadow:0 10px 22px rgba(0,18,139,.10) !important; 421} 422/* Suppress bullet artefacts on pills */ 423body.single-awsm_job_openings .awsm-job-specs-list li::before, 424body.single-awsm_job_openings .awsm-job-specifications li::before, 425body.single-awsm_job_openings .awsm-job-specification-list li::before, 426body.single-awsm_job_openings .awsm-job-specification-item::before{ 427 display:none !important;content:none !important; 428} 429 430/* Boxed icon for each pill */ 431body.single-awsm_job_openings .awsm-job-specs i, 432body.single-awsm_job_openings .awsm-job-specifications i, 433body.single-awsm_job_openings .awsm-job-specification-item i, 434body.single-awsm_job_openings .awsm-icon{ 435 color:var(--tsj-orange-deep) !important; 436 opacity:.95 !important; 437 font-size:15px !important; 438 width:30px !important;height:30px !important; 439 background:linear-gradient(135deg,var(--tsj-tint),var(--tsj-tint-2)) !important; 440 border-radius:9px !important; 441 display:inline-flex !important; 442 align-items:center !important;justify-content:center !important; 443 border:1px solid var(--tsj-line-orange) !important; 444 flex-shrink:0; 445} 446 447/* Pill label (small uppercase, orange) */ 448body.single-awsm_job_openings .awsm-job-specs strong, 449body.single-awsm_job_openings .awsm-job-specifications strong, 450body.single-awsm_job_openings .awsm-job-specification-item strong, 451body.single-awsm_job_openings .awsm-job-specification-label{ 452 color:var(--tsj-orange-deep) !important; 453 font-weight:800 !important; 454 font-size:11px !important; 455 letter-spacing:.12em !important; 456 text-transform:uppercase !important; 457} 458 459/* Disable pill links (no navigation to taxonomy archives) */ 460body.single-awsm_job_openings .awsm-job-specs a, 461body.single-awsm_job_openings .awsm-job-specifications a, 462body.single-awsm_job_openings .awsm-job-specification-item a, 463body.single-awsm_job_openings .awsm-job-specification-list a, 464body.single-awsm_job_openings .awsm-job-specs-list a, 465body.single-awsm_job_openings .awsm-job-specification-wrapper a{ 466 color:var(--tsj-ink) !important; 467 text-decoration:none !important;
468 border-bottom:none !important; 469 background:none !important; 470 font-weight:700 !important; 471 font-size:13.5px !important; 472 pointer-events:none !important; 473 cursor:default !important; 474} 475 476 477/* ============================================================ 478 5. SINGLE JOB - APPLY FORM CARD 479 White card with top orange accent bar and corner glow. 480 ============================================================ */ 481body.single-awsm_job_openings .awsm-application-form-wrap, 482body.single-awsm_job_openings .awsm-job-form-wrap, 483body.single-awsm_job_openings #awsm-application-form, 484body.single-awsm_job_openings .awsm-application-form{ 485 background:#fff !important; 486 border:1px solid var(--tsj-line) !important; 487 border-radius:24px !important; 488 padding:36px 34px !important; 489 margin:0 !important; 490 box-shadow:0 20px 50px rgba(21,24,31,.08), 0 6px 16px rgba(21,24,31,.04) !important; 491 position:relative; 492 overflow:hidden; 493 font-family:'Plus Jakarta Sans',system-ui,sans-serif !important; 494} 495body.single-awsm_job_openings .awsm-application-form-wrap::before, 496body.single-awsm_job_openings .awsm-job-form-wrap::before, 497body.single-awsm_job_openings .awsm-application-form::before{ 498 content:''; 499 position:absolute;top:0;left:0;right:0;height:5px; 500 background:var(--tsj-cta); 501} 502body.single-awsm_job_openings .awsm-application-form-wrap::after, 503body.single-awsm_job_openings .awsm-job-form-wrap::after, 504body.single-awsm_job_openings .awsm-application-form::after{ 505 content:''; 506 position:absolute;top:-60px;right:-60px; 507 width:200px;height:200px;border-radius:50%; 508 background:radial-gradient(circle,rgba(0,18,139,.14),transparent 70%); 509 pointer-events:none; 510} 511 512/* Form heading */ 513body.single-awsm_job_openings .awsm-job-form-title, 514body.single-awsm_job_openings .awsm-application-form-wrap h2, 515body.single-awsm_job_openings .awsm-application-form-wrap h3, 516body.single-awsm_job_openings .awsm-job-form-wrap h2, 517body.single-awsm_job_openings .awsm-job-form-wrap h3, 518body.single-awsm_job_openings .awsm-application-form h2{ 519 font-family:'Outfit','Plus Jakarta Sans',system-ui,sans-serif !important; 520 font-size:24px !important; 521 font-weight:800 !important; 522 color:var(--tsj-ink) !important; 523 letter-spacing:-.02em !important; 524 line-height:1.2 !important; 525 margin:4px 0 26px !important; 526 padding:0 !important; 527 position:relative;z-index:1; 528} 529/* No left orange bar on form heading (top bar is enough) */ 530body.single-awsm_job_openings .awsm-job-form-title::before, 531body.single-awsm_job_openings .awsm-application-form-wrap h2:first-of-type::before, 532body.single-awsm_job_openings .awsm-application-form-wrap h3:first-of-type::before, 533body.single-awsm_job_openings .awsm-job-form-wrap h2::before, 534body.single-awsm_job_openings .awsm-application-form h2::before{ 535 display:none !important;content:none !important; 536} 537 538/* Form rows */ 539body.single-awsm_job_openings .awsm-form-field, 540body.single-awsm_job_openings .awsm-application-form .form-group, 541body.single-awsm_job_openings .awsm-form-row, 542body.single-awsm_job_openings .awsm-job-form-group{ 543 margin-bottom:18px !important; 544 position:relative;z-index:1; 545} 546 547/* Labels */ 548body.single-awsm_job_openings .awsm-form-field label, 549body.single-awsm_job_openings .awsm-application-form label, 550body.single-awsm_job_openings .awsm-form-row label, 551body.single-awsm_job_openings .awsm-job-form-group label{ 552 display:block !important; 553 font-size:12px !important; 554 font-weight:800 !important; 555 letter-spacing:.08em !important; 556 text-transform:uppercase; 557 color:var(--tsj-ink) !important; 558 margin-bottom:8px !important; 559} 560body.single-awsm_job_openings .awsm-form-field label .required, 561body.single-awsm_job_openings .awsm-form-field label .awsm-required, 562body.single-awsm_job_openings .awsm-application-form label .required{ 563 color:var(--tsj-orange-deep) !important;margin-left:2px; 564} 565 566/* Inputs, textarea, select */ 567body.single-awsm_job_openings .awsm-form-field input[type="text"], 568body.single-awsm_job_openings .awsm-form-field input[type="email"], 569body.single-awsm_job_openings .awsm-form-field input[type="tel"], 570body.single-awsm_job_openings .awsm-form-field input[type="url"], 571body.single-awsm_job_openings .awsm-form-field textarea, 572body.single-awsm_job_openings .awsm-form-field select, 573body.single-awsm_job_openings .awsm-application-form input[type="text"], 574body.single-awsm_job_openings .awsm-application-form input[type="email"], 575body.single-awsm_job_openings .awsm-application-form input[type="tel"], 576body.single-awsm_job_openings .awsm-application-form input[type="url"], 577body.single-awsm_job_openings .awsm-application-form textarea, 578body.single-awsm_job_openings .awsm-application-form select{ 579 width:100% !important; 580 border:1.5px solid var(--tsj-line) !important; 581 background:var(--tsj-cream) !important; 582 border-radius:12px !important; 583 padding:14px 16px !important; 584 font-family:inherit !important; 585 font-size:14.5px !important; 586 color:var(--tsj-ink) !important; 587 box-shadow:none !important;
588 outline:none !important; 589 transition:border-color .25s var(--tsj-ease), background .25s var(--tsj-ease), box-shadow .25s var(--tsj-ease) !important; 590} 591body.single-awsm_job_openings .awsm-form-field input:focus, 592body.single-awsm_job_openings .awsm-form-field textarea:focus, 593body.single-awsm_job_openings .awsm-form-field select:focus, 594body.single-awsm_job_openings .awsm-application-form input:focus, 595body.single-awsm_job_openings .awsm-application-form textarea:focus, 596body.single-awsm_job_openings .awsm-application-form select:focus{ 597 border-color:var(--tsj-orange-deep) !important; 598 background:#fff !important; 599 box-shadow:0 0 0 4px rgba(0,18,139,.14) !important; 600} 601body.single-awsm_job_openings .awsm-form-field textarea, 602body.single-awsm_job_openings .awsm-application-form textarea{ 603 min-height:120px !important;resize:vertical !important; 604} 605 606/* File upload */ 607body.single-awsm_job_openings .awsm-form-field input[type="file"], 608body.single-awsm_job_openings .awsm-application-form input[type="file"]{ 609 width:100% !important; 610 font-size:13.5px !important; 611 color:var(--tsj-ink-2) !important; 612 background:var(--tsj-cream) !important; 613 border:1.5px dashed rgba(0,18,139,.30) !important; 614 border-radius:12px !important; 615 padding:16px !important; 616 cursor:pointer !important; 617 font-family:inherit !important; 618} 619body.single-awsm_job_openings .awsm-form-field input[type="file"]::file-selector-button, 620body.single-awsm_job_openings .awsm-application-form input[type="file"]::file-selector-button{ 621 background:var(--tsj-cta) !important; 622 color:#fff !important; 623 border:none !important; 624 border-radius:999px !important; 625 padding:9px 18px !important; 626 margin-right:14px !important; 627 font-weight:700 !important; 628 font-size:13px !important; 629 cursor:pointer !important; 630 font-family:inherit !important; 631 box-shadow:0 4px 10px rgba(0,18,139,.28) !important; 632} 633body.single-awsm_job_openings .awsm-allowed-files, 634body.single-awsm_job_openings .awsm-file-restrictions{ 635 font-size:12px !important; 636 color:var(--tsj-ink-3) !important; 637 margin-top:8px !important; 638} 639 640/* Checkbox (consent) */ 641body.single-awsm_job_openings .awsm-form-field input[type="checkbox"], 642body.single-awsm_job_openings .awsm-application-form input[type="checkbox"]{ 643 width:18px !important;height:18px !important; 644 accent-color:var(--tsj-orange-deep) !important; 645 margin-right:10px !important; 646 cursor:pointer !important;flex-shrink:0;margin-top:2px; 647} 648body.single-awsm_job_openings .awsm-form-field--consent label, 649body.single-awsm_job_openings .awsm-consent-field label, 650body.single-awsm_job_openings .awsm-application-form .awsm-form-consent label{ 651 display:flex !important; 652 align-items:flex-start !important; 653 gap:10px !important; 654 font-size:13px !important; 655 font-weight:500 !important; 656 color:var(--tsj-ink-2) !important; 657 line-height:1.6 !important; 658 text-transform:none !important; 659 letter-spacing:0 !important; 660 cursor:pointer; 661} 662 663/* Submit button - full width */ 664body.single-awsm_job_openings .awsm-submit-btn, 665body.single-awsm_job_openings input[type="submit"].awsm-submit-btn, 666body.single-awsm_job_openings .awsm-application-form button[type="submit"], 667body.single-awsm_job_openings .awsm-application-form input[type="submit"], 668body.single-awsm_job_openings .awsm-job-form-wrap button[type="submit"], 669body.single-awsm_job_openings .awsm-job-form-wrap input[type="submit"], 670body.single-awsm_job_openings .awsm-btn{ 671 display:flex !important; 672 align-items:center !important; 673 justify-content:center !important; 674 gap:8px !important; 675 width:100% !important; 676 min-width:0 !important; 677 background:var(--tsj-cta) !important; 678 color:#fff !important; 679 border:none !important; 680 border-radius:999px !important; 681 padding:16px 32px !important; 682 margin-top:10px !important; 683 font-family:inherit !important; 684 font-size:15px !important; 685 font-weight:700 !important; 686 letter-spacing:.02em !important; 687 text-transform:uppercase; 688 cursor:pointer !important; 689 box-shadow:var(--tsj-glow) !important; 690 transition:transform .25s var(--tsj-ease), background .3s var(--tsj-ease) !important; 691} 692body.single-awsm_job_openings .awsm-submit-btn:hover, 693body.single-awsm_job_openings .awsm-application-form button[type="submit"]:hover, 694body.single-awsm_job_openings .awsm-application-form input[type="submit"]:hover, 695body.single-awsm_job_openings .awsm-btn:hover{ 696 transform:translateY(-2px) !important; 697 background:var(--tsj-cta-hov) !important; 698} 699 700/* Success / error messages */ 701body.single-awsm_job_openings .awsm-success-msg, 702body.single-awsm_job_openings .awsm-application-success{ 703 background:linear-gradient(135deg,rgba(22,163,74,.10),rgba(22,163,74,.06)) !important; 704 color:#15803D !important; 705 border:1px solid rgba(22,163,74,.22) !important; 706 border-radius:14px !important; 707 padding:16px 20px !important; 708 font-weight:700 !important; 709 font-size:14.5px !important; 710} 711body.single-awsm_job_openings .awsm-error-msg, 712body.single-awsm_job_openings .awsm-form-error, 713body.single-awsm_job_openings .awsm-application-error, 714body.single-awsm_job_openings .awsm-field-error{ 715 background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(220,38,38,.04)) !important; 716 color:#B91C1C !important; 717 border:1px solid rgba(220,38,38,.20) !important; 718 border-radius:14px !important; 719 padding:16px 20px !important; 720 font-weight:700 !important; 721 font-size:14.5px !important; 722} 723 724 725/* ============================================================ 726 6. LISTING - inside [awsmjobs] shortcode (Careers page) 727 ============================================================ */ 728.awsm-jobs-container .awsm-jobs-listing, 729.awsm-jobs-container .awsm-job-listings{ 730 display:grid !important; 731 grid-template-columns:1fr 1fr !important; 732 gap:18px !important; 733 margin:0 !important; 734 padding:0 !important; 735 list-style:none !important; 736}
737@media (max-width:900px){ 738 .awsm-jobs-container .awsm-jobs-listing, 739 .awsm-jobs-container .awsm-job-listings{grid-template-columns:1fr !important;} 740} 741 742.awsm-jobs-container .awsm-job-listing-item, 743.awsm-jobs-container .awsm-grid-view .awsm-job-listing-item{ 744 position:relative !important; 745 display:flex !important; 746 flex-direction:column !important; 747 padding:26px 28px !important; 748 margin:0 !important; 749 background:#fff !important; 750 border:1px solid var(--tsj-line) !important; 751 border-radius:18px !important; 752 box-shadow:var(--tsj-shadow-sm) !important; 753 overflow:hidden; 754 transition:transform .35s var(--tsj-ease), box-shadow .35s var(--tsj-ease), border-color .35s var(--tsj-ease) !important; 755} 756.awsm-jobs-container .awsm-job-listing-item::before{ 757 content:''; 758 position:absolute;top:-30px;right:-30px; 759 width:120px;height:120px;border-radius:50%; 760 background:radial-gradient(circle,rgba(0,18,139,.12),transparent 70%); 761 opacity:0; 762 transition:opacity .35s var(--tsj-ease); 763 pointer-events:none; 764} 765.awsm-jobs-container .awsm-job-listing-item:hover{ 766 transform:translateY(-4px); 767 border-color:rgba(0,18,139,.18) !important; 768 box-shadow:0 18px 40px rgba(0,18,139,.10), 0 6px 14px rgba(21,24,31,.05) !important; 769} 770.awsm-jobs-container .awsm-job-listing-item:hover::before{opacity:1;} 771 772.awsm-jobs-container .awsm-job-listing-item .awsm-job-post-title, 773.awsm-jobs-container .awsm-job-listing-item h2.awsm-job-post-title, 774.awsm-jobs-container .awsm-job-listing-item h3.awsm-job-post-title{ 775 font-family:'Outfit','Plus Jakarta Sans',system-ui,sans-serif !important; 776 font-size:19px !important; 777 font-weight:700 !important; 778 line-height:1.3 !important; 779 letter-spacing:-.01em !important; 780 color:var(--tsj-ink) !important; 781 margin:0 0 12px 0 !important; 782 position:relative;z-index:1; 783} 784.awsm-jobs-container .awsm-job-listing-item .awsm-job-post-title a{ 785 color:var(--tsj-ink) !important; 786 text-decoration:none !important; 787 transition:color .25s var(--tsj-ease) !important; 788} 789.awsm-jobs-container .awsm-job-listing-item:hover .awsm-job-post-title a{ 790 color:var(--tsj-orange-deep) !important; 791} 792 793/* Card spec chips */ 794.awsm-jobs-container .awsm-job-listing-item .awsm-job-specs, 795.awsm-jobs-container .awsm-job-listing-item .awsm-job-specifications, 796.awsm-jobs-container .awsm-job-listing-item .awsm-job-meta{ 797 display:flex !important; 798 flex-wrap:wrap !important; 799 gap:8px !important; 800 margin:0 0 14px 0 !important; 801 padding:0 !important; 802 list-style:none !important; 803 position:relative;z-index:1; 804} 805.awsm-jobs-container .awsm-job-listing-item .awsm-job-specs li, 806.awsm-jobs-container .awsm-job-listing-item .awsm-job-specifications li, 807.awsm-jobs-container .awsm-job-listing-item .awsm-job-meta li{ 808 display:inline-flex !important; 809 align-items:center !important; 810 gap:6px !important; 811 font:700 11.5px/1 'Plus Jakarta Sans',system-ui,sans-serif !important; 812 letter-spacing:.04em !important; 813 text-transform:uppercase !important; 814 color:var(--tsj-orange-deep) !important; 815 padding:5px 10px !important; 816 border-radius:999px !important; 817 background:var(--tsj-tint) !important; 818 border:1px solid rgba(0,18,139,.14) !important; 819 margin:0 !important; 820} 821/* Disable spec links on cards */ 822.awsm-jobs-container .awsm-job-listing-item .awsm-job-specs a, 823.awsm-jobs-container .awsm-job-listing-item .awsm-job-specifications a, 824.awsm-jobs-container .awsm-job-listing-item .awsm-job-meta a{ 825 color:inherit !important; 826 text-decoration:none !important; 827 border-bottom:none !important; 828 pointer-events:none !important; 829 cursor:default !important; 830} 831 832/* Card excerpt */ 833.awsm-jobs-container .awsm-job-listing-item .awsm-job-excerpt, 834.awsm-jobs-container .awsm-job-listing-item .awsm-job-summary, 835.awsm-jobs-container .awsm-job-listing-item p{ 836 font:500 13.5px/1.6 'Plus Jakarta Sans',system-ui,sans-serif !important; 837 color:var(--tsj-ink-3) !important; 838 margin:0 0 16px 0 !important; 839 position:relative;z-index:1; 840} 841 842/* Card "more info" link */ 843.awsm-jobs-container .awsm-job-listing-item .awsm-job-more-info, 844.awsm-jobs-container .awsm-job-listing-item a.awsm-job-more-info, 845.awsm-jobs-container .awsm-job-listing-item .awsm-more-link, 846.awsm-jobs-container .awsm-job-listing-item a.awsm-more-link{ 847 display:inline-flex !important; 848 align-items:center !important; 849 gap:7px !important; 850 margin-top:auto !important; 851 padding:12px 0 0 0 !important; 852 border-top:1px dashed var(--tsj-line); 853 font:700 13px/1 'Plus Jakarta Sans',system-ui,sans-serif !important; 854 color:var(--tsj-orange-deep) !important; 855 text-decoration:none !important; 856 background:transparent !important; 857 border-radius:0 !important; 858 position:relative;z-index:1; 859 transition:color .25s var(--tsj-ease) !important; 860} 861.awsm-jobs-container .awsm-job-listing-item .awsm-job-more-info::after, 862.awsm-jobs-container .awsm-job-listing-item .awsm-more-link::after{ 863 content:'â'; 864 font-family:'Outfit',sans-serif; 865 font-weight:800; 866 margin-left:2px; 867 transition:transform .3s var(--tsj-ease); 868} 869.awsm-jobs-container .awsm-job-listing-item:hover .awsm-job-more-info::after, 870.awsm-jobs-container .awsm-job-listing-item:hover .awsm-more-link::after{ 871 transform:translateX(4px); 872} 873 874/* Search + filter bar */ 875.awsm-jobs-container .awsm-jobs-filter-wrapper, 876.awsm-jobs-container .awsm-job-filter-wrapper, 877.awsm-jobs-container .awsm-filter-wrap{ 878 display:flex !important; 879 flex-wrap:wrap; 880 gap:10px; 881 align-items:center; 882 padding:14px 16px; 883 margin:0 0 24px 0 !important; 884 background:#fff; 885 border:1px solid var(--tsj-line); 886 border-radius:16px; 887 box-shadow:var(--tsj-shadow-sm); 888} 889.awsm-jobs-container .awsm-job-search-field, 890.awsm-jobs-container .awsm-job-search input[type="text"], 891.awsm-jobs-container .awsm-jobs-search input[type="search"]{ 892 flex:1 1 240px; 893 min-height:44px !important; 894 padding:0 16px !important; 895 border-radius:999px !important; 896 border:1px solid var(--tsj-line) !important; 897 background:#FFFFFF !important; 898 font:600 14px/1 'Plus Jakarta Sans',system-ui,sans-serif !important; 899 color:var(--tsj-ink) !important;
900 outline:none !important; 901 transition:border-color .25s var(--tsj-ease), background .25s var(--tsj-ease); 902} 903.awsm-jobs-container .awsm-job-search-field:focus, 904.awsm-jobs-container .awsm-job-search input[type="text"]:focus, 905.awsm-jobs-container .awsm-jobs-search input[type="search"]:focus{ 906 border-color:rgba(0,18,139,.40) !important; 907 background:#fff !important; 908 box-shadow:0 4px 14px rgba(0,18,139,.10) !important; 909} 910.awsm-jobs-container .awsm-filter-wrap select, 911.awsm-jobs-container .awsm-job-filter select, 912.awsm-jobs-container .awsm-jobs-filter-wrapper select{ 913 min-height:44px !important; 914 padding:0 38px 0 16px !important; 915 border-radius:999px !important; 916 border:1px solid var(--tsj-line) !important; 917 background-color:#FFFFFF !important; 918 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D85A05' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important; 919 background-repeat:no-repeat !important; 920 background-position:right 14px center !important; 921 background-size:14px !important; 922 font:700 13.5px/1 'Plus Jakarta Sans',system-ui,sans-serif !important; 923 color:var(--tsj-ink) !important; 924 -webkit-appearance:none !important; 925 -moz-appearance:none !important; 926 appearance:none !important; 927 cursor:pointer; 928} 929 930/* Pagination */ 931.awsm-jobs-container .awsm-jobs-pagination-container, 932.awsm-jobs-container .awsm-pagination{ 933 display:flex !important; 934 justify-content:center !important; 935 align-items:center !important; 936 gap:6px !important; 937 margin:28px 0 0 0 !important; 938 padding:0 !important; 939} 940.awsm-jobs-container .awsm-jobs-pagination-container a, 941.awsm-jobs-container .awsm-jobs-pagination-container span, 942.awsm-jobs-container .awsm-pagination .page-numbers{ 943 display:inline-flex !important; 944 align-items:center !important; 945 justify-content:center !important; 946 min-width:38px !important; 947 height:38px !important; 948 padding:0 12px !important; 949 border-radius:10px !important; 950 background:#fff !important; 951 color:var(--tsj-ink-2) !important; 952 border:1px solid var(--tsj-line) !important; 953 font:700 13px/1 'Plus Jakarta Sans',system-ui,sans-serif !important; 954 text-decoration:none !important; 955} 956.awsm-jobs-container .awsm-jobs-pagination-container .current, 957.awsm-jobs-container .awsm-pagination .page-numbers.current{ 958 background:var(--tsj-cta) !important; 959 color:#fff !important; 960 border-color:transparent !important; 961 box-shadow:0 6px 14px rgba(0,18,139,.30) !important; 962} 963 964/* Empty state */ 965.awsm-jobs-container .awsm-no-jobs-found, 966.awsm-jobs-container .awsm-jobs-none{ 967 padding:40px 24px !important; 968 text-align:center; 969 background:#FFFFFF; 970 border:1px dashed var(--tsj-line); 971 border-radius:18px; 972 color:var(--tsj-ink-3) !important; 973 font:600 15px/1.6 'Plus Jakarta Sans',system-ui,sans-serif !important; 974} 975 976 977/* ============================================================ 978 7. SITE-SPECIFIC FALLBACK (other themes wrap plugin in 979 custom IDs â covered here as a safety net). 980 ============================================================ */ 981#inner-wrap .awsm-job-main .awsm-job-container{ 982 padding-top:130px !important; 983 padding-left:18px !important; 984 padding-right:18px !important; 985} 986.awsm-job-single-wrap .awsm-job-specification-wrapper{ 987 padding-bottom:15px !important; 988} 989.awsm-job-single-wrap .awsm-job-form .awsm-job-form-inner{ 990 border-radius:18px !important; 991 padding:24px !important; 992} 993.awsm-job-single-wrap .awsm-job-specification-wrapper .awsm-job-specification-item{ 994 margin-left:3px !important; 995 margin-bottom:4px !important; 996} 997 998 999/* ============================================================ 1000 8. RESPONSIVE 1001 ============================================================ */ 1002@media (max-width:1023px){ 1003 body.single-awsm_job_openings article, 1004 body.single-awsm_job_openings article.post, 1005 body.single-awsm_job_openings .hentry, 1006 body.single-awsm_job_openings .ast-article-single, 1007 body.single-awsm_job_openings .elementor-widget-theme-post-content, 1008 body.single-awsm_job_openings .elementor-widget-theme-post-title, 1009 body.single-awsm_job_openings .awsm-job-single-section, 1010 body.single-awsm_job_openings .awsm-job-wrap{padding-top:115px !important;} 1011 body.single-awsm_job_openings .awsm-job-single-section, 1012 body.single-awsm_job_openings .awsm-job-wrap{padding-left:24px !important;padding-right:24px !important;} 1013 body.single-awsm_job_openings .awsm-application-form-wrap, 1014 body.single-awsm_job_openings .awsm-job-form-wrap, 1015 body.single-awsm_job_openings .awsm-application-form{padding:30px 26px !important;border-radius:20px !important;margin-top:40px !important;} 1016} 1017 1018@media (max-width:600px){ 1019 body.single-awsm_job_openings article, 1020 body.single-awsm_job_openings article.post, 1021 body.single-awsm_job_openings .hentry, 1022 body.single-awsm_job_openings .ast-article-single, 1023 body.single-awsm_job_openings .elementor-widget-theme-post-content, 1024 body.single-awsm_job_openings .elementor-widget-theme-post-title, 1025 body.single-awsm_job_openings .awsm-job-single-section, 1026 body.single-awsm_job_openings .awsm-job-wrap{padding-top:95px !important;} 1027 body.single-awsm_job_openings .awsm-job-single-section, 1028 body.single-awsm_job_openings .awsm-job-wrap, 1029 body.single-awsm_job_openings article, 1030 body.single-awsm_job_openings .hentry{padding-left:20px !important;padding-right:20px !important;} 1031 1032 body.single-awsm_job_openings h1.entry-title, 1033 body.single-awsm_job_openings .entry-title, 1034 body.single-awsm_job_openings .awsm-job-entry-title, 1035 body.single-awsm_job_openings h1.awsm-job-post-title{font-size:26px !important;margin-top:30px !important;margin-bottom:20px !important;padding-bottom:14px !important;} 1036 body.single-awsm_job_openings h1.entry-title::before, 1037 body.single-awsm_job_openings .entry-title::before, 1038 body.single-awsm_job_openings .awsm-job-entry-title::before, 1039 body.single-awsm_job_openings h1.awsm-job-post-title::before{font-size:10px !important;padding:5px 12px !important;margin-bottom:14px !important;} 1040 1041 body.single-awsm_job_openings .awsm-job-entry-content, 1042 body.single-awsm_job_openings .awsm-job-content{font-size:15px !important;} 1043 body.single-awsm_job_openings .awsm-job-entry-content h2, 1044 body.single-awsm_job_openings .awsm-job-content h2{font-size:20px !important;margin:26px 0 12px !important;} 1045 body.single-awsm_job_openings .awsm-job-entry-content h3, 1046 body.single-awsm_job_openings .awsm-job-content h3{font-size:18px !important;margin:22px 0 10px !important;} 1047 body.single-awsm_job_openings .awsm-job-entry-content ul li, 1048 body.single-awsm_job_openings .awsm-job-content ul li{font-size:14.5px !important;padding-left:22px !important;margin-bottom:8px !important;} 1049 body.single-awsm_job_openings .awsm-job-entry-content ul li::before, 1050 body.single-awsm_job_openings .awsm-job-content ul li::before{width:6px !important;height:6px !important;top:10px !important;} 1051 1052 body.single-awsm_job_openings .awsm-job-specs, 1053 body.single-awsm_job_openings .awsm-job-specifications{margin:32px 0 0 !important;} 1054 body.single-awsm_job_openings .awsm-job-specs-list, 1055 body.single-awsm_job_openings .awsm-job-specifications ul, 1056 body.single-awsm_job_openings .awsm-job-specification-list ul{gap:12px !important;} 1057 body.single-awsm_job_openings .awsm-job-specs-list li, 1058 body.single-awsm_job_openings .awsm-job-specifications li, 1059 body.single-awsm_job_openings .awsm-job-specification-list li, 1060 body.single-awsm_job_openings .awsm-job-specification-item{padding:12px 16px !important;margin:0 !important;} 1061 1062 body.single-awsm_job_openings .awsm-application-form-wrap, 1063 body.single-awsm_job_openings .awsm-job-form-wrap, 1064 body.single-awsm_job_openings .awsm-application-form{padding:26px 22px !important;border-radius:18px !important;margin-top:40px !important;} 1065 body.single-awsm_job_openings .awsm-job-form-title, 1066 body.single-awsm_job_openings .awsm-application-form-wrap h2, 1067 body.single-awsm_job_openings .awsm-application-form-wrap h3, 1068 body.single-awsm_job_openings .awsm-job-form-wrap h2, 1069 body.single-awsm_job_openings .awsm-application-form h2{font-size:21px !important;} 1070 1071 #inner-wrap .awsm-job-main .awsm-job-container{padding-top:75px !important;} 1072 1073 /* Remove side padding from single-wrap on mobile */ 1074 .awsm-job-main .awsm-job-single-wrap, 1075 body.single-awsm_job_openings .awsm-job-main .awsm-job-single-wrap{ 1076 padding-left:0 !important; 1077 padding-right:0 !important; 1078 } 1079} 1080</style><link rel="icon" href="https://thinkersteps.com/wp-content/uploads/2023/04/cropped-tsfavicon-32x32.png" sizes="32x32" /> 1081<link rel="icon" href="https://thinkersteps.com/wp-content/uploads/2023/04/cropped-tsfavicon-192x192.png" sizes="192x192" /> 1082<link rel="apple-touch-icon" href="https://thinkersteps.com/wp-content/uploads/2023/04/cropped-tsfavicon-180x180.png" /> 1083<meta name="msapplication-TileImage" content="https://thinkersteps.com/wp-content/uploads/2023/04/cropped-tsfavicon-270x270.png" /> 1084</head> 1085 1086<body class="wp-singular page-template-default page page-id-8638 wp-custom-logo wp-embed-responsive wp-theme-kadence ehf-header ehf-footer ehf-template-kadence ehf-stylesheet-kadence footer-on-bottom hide-focus-outline link-style-standard content-title-style-hide content-width-fullwidth content-style-unboxed content-vertical-padding-hide non-transparent-header mobile-non-transparent-header kadence-elementor-colors elementor-default elementor-kit-11 elementor-page elementor-page-8638"> 1087<div id="wrapper" class="site wp-site-blocks"> 1088 <a class="skip-link screen-reader-text scroll-ignore" href="#main">Skip to content</a> 1089 <header id="masthead" itemscope="itemscope" itemtype="https://schema.org/WPHeader"> 1090 <p class="main-title bhf-hidden" itemprop="headline"><a href="https://thinkersteps.com/" title="Thinkersteps Technologies Pvt. Ltd" rel="home">Thinkersteps Technologies Pvt. Ltd</a></p> 1091 <style></style> <div data-elementor-type="wp-post" data-elementor-id="8585" class="elementor elementor-8585"> 1092 <section class="elementor-section elementor-top-section elementor-element elementor-element-a334d86 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="a334d86" data-element_type="section" data-e-type="section"> 1093 <div class="elementor-container elementor-column-gap-no"> 1094 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8968d90" data-id="8968d90" data-element_type="column" data-e-type="column"> 1095 <div class="elementor-widget-wrap elementor-element-populated"> 1096 <div class="elementor-element elementor-element-739409b elementor-widget elementor-widget-html" data-id="739409b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default"> 1097 <div class="elementor-widget-container">
1098 <link rel="preconnect" href="https://fonts.googleapis.com"> 1099<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1100<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap" rel="stylesheet"> 1101 1102<style> 1103/* ============================================================ 1104 THINKERSTEPS â PREMIUM HEADER 1105 Palette: white-dominant with deep blue accents 1106 ============================================================ */ 1107:root{ 1108 /* Brand â #00128B navy + #F26615 orange accent (used sparingly) */ 1109 --ts-orange:#00128B; /* PRIMARY navy blue â structural use */ 1110 --ts-orange-mid:#001E5C; /* mid step toward dark */ 1111 --ts-orange-deep:#F26615; /* ORANGE â accent text only (eyebrows, Learn More, hover) */ 1112 --ts-orange-darker:#090312; /* near-black dark â inset shadow / deep base */ 1113 --ts-orange-soft:#ECFBFC; /* soft cyan tint */ 1114 1115 /* Neutrals */ 1116 --ts-ink:#15181F; 1117 --ts-ink-2:#3A3F4A; 1118 --ts-ink-3:#6B7280; 1119 --ts-ink-4:#9CA3AF; 1120
1121 /* Surfaces */ 1122 --ts-white:#FFFFFF; 1123 --ts-cream:#FFFFFF; 1124 --ts-tint:#EEF0FA; /* cool gray-blue wash */ 1125 --ts-tint-2:#ECFBFC; /* cyan tint */ 1126 --ts-line:rgba(21,24,31,.07); 1127 --ts-line-2:rgba(21,24,31,.05); 1128 --ts-line-orange:rgba(0,18,139,.12); 1129 1130 /* Glass */ 1131 --ts-glass:rgba(255,255,255,.72); 1132 --ts-glass-scr:rgba(255,255,255,.92); 1133 1134 /* Shadows */ 1135 --ts-shadow:0 8px 28px rgba(21,24,31,.06), 0 2px 6px rgba(21,24,31,.04), inset 0 1px 0 rgba(255,255,255,.9); 1136 --ts-shadow-scr:0 14px 40px rgba(21,24,31,.08), 0 4px 12px rgba(21,24,31,.05), inset 0 1px 0 rgba(255,255,255,.95); 1137 --ts-shadow-mega:0 30px 70px rgba(21,24,31,.12), 0 8px 22px rgba(21,24,31,.05), 0 1px 0 rgba(255,255,255,.9) inset; 1138 1139 /* CTA gradient â solid navy blue */ 1140 --ts-cta:linear-gradient(135deg,#001E5C 0%,#00128B 55%,#090312 100%); 1141 --ts-cta-hov:linear-gradient(135deg,#00128B 0%,#001E5C 55%,#00128B 100%); 1142 --ts-cta-glow:0 1px 0 rgba(255,255,255,.28) inset, 0 -1px 0 rgba(9,3,18,.30) inset, 0 8px 20px rgba(0,18,139,.30), 0 2px 6px rgba(0,18,139,.18); 1143 --ts-cta-glow-hov:0 1px 0 rgba(255,255,255,.34) inset, 0 -1px 0 rgba(9,3,18,.35) inset, 0 14px 30px rgba(0,18,139,.36), 0 4px 10px rgba(0,18,139,.28); 1144 1145 --ts-ease:cubic-bezier(0.16,1,0.3,1); 1146 --ts-ease-2:cubic-bezier(0.4,0,0.2,1); 1147} 1148 1149/* ============================================================ */ 1150.ts-h *,.ts-h *::before,.ts-h *::after{box-sizing:border-box;margin:0;padding:0;} 1151.ts-h{font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ts-ink);} 1152.ts-h a{text-decoration:none;color:inherit;} 1153.ts-h button{border:none;cursor:pointer;font-family:inherit;color:inherit;background:transparent;-webkit-appearance:none;appearance:none;} 1154.ts-h ul{list-style:none;} 1155 1156/* ============================================================ 1157 TOP UTILITY STRIP â phone, email, offices 1158 ============================================================ */ 1159.ts-top{ 1160 position:fixed;top:0;left:0;right:0;z-index:9998; 1161 background:linear-gradient(90deg,#15181F 0%,#1F2330 50%,#15181F 100%); 1162 color:rgba(255,255,255,.82); 1163 font-size:12.5px;font-weight:500;letter-spacing:.005em; 1164 transition:transform .4s var(--ts-ease),opacity .3s var(--ts-ease); 1165} 1166.ts-top.is-hidden{transform:translateY(-100%);opacity:0;} 1167.ts-top__inner{ 1168 max-width:1280px;margin:0 auto;padding:9px 24px; 1169 display:flex;align-items:center;justify-content:space-between;gap:24px; 1170} 1171.ts-top__l,.ts-top__r{display:flex;align-items:center;gap:22px;} 1172.ts-top a{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.82);transition:color .25s var(--ts-ease);} 1173.ts-top a:hover{color:#F26615;} 1174.ts-top svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;} 1175.ts-top__sep{width:1px;height:14px;background:rgba(255,255,255,.14);} 1176.ts-top__offices{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.65);} 1177.ts-top__flags{display:inline-flex;gap:4px;} 1178.ts-top__flag{ 1179 display:inline-flex;align-items:center;gap:4px; 1180 padding:2px 8px;border-radius:999px; 1181 background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08); 1182 font-size:10.5px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.85); 1183} 1184.ts-top__dot{width:5px;height:5px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.22);} 1185.ts-top__soc{display:inline-flex;gap:4px;} 1186.ts-top__soc a{ 1187 width:26px;height:26px;border-radius:7px;justify-content:center; 1188 background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06); 1189 transition:all .25s var(--ts-ease); 1190} 1191.ts-top__soc a:hover{background:rgba(242,102,21,.16);border-color:rgba(242,102,21,.34);transform:translateY(-1px);} 1192.ts-top__soc svg{width:12px;height:12px;stroke-width:2.2;} 1193 1194/* ============================================================ 1195 MAIN HEADER WRAPPER (floating) 1196 ============================================================ */ 1197.ts-h__wrap{ 1198 position:fixed;top:54px;left:50%;transform:translateX(-50%); 1199 width:calc(100% - 32px);max-width:1280px;z-index:9999; 1200 transition:transform .45s var(--ts-ease),top .35s var(--ts-ease); 1201} 1202.ts-h__wrap.is-hidden{transform:translateX(-50%) translateY(-160%);} 1203.ts-h__wrap.is-top-hidden{top:18px;} 1204 1205/* Header bar */ 1206.ts-h__bar{ 1207 position:relative; 1208 display:flex;align-items:center;gap:24px; 1209 padding:11px 14px 11px 22px;border-radius:18px; 1210 background:var(--ts-glass); 1211 backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5); 1212 border:1px solid rgba(255,255,255,.65); 1213 box-shadow:var(--ts-shadow); 1214 transition:all .4s var(--ts-ease); 1215} 1216.ts-h__bar::before{ 1217 content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none; 1218 background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 55%);opacity:.7; 1219} 1220.ts-h__wrap.is-scrolled .ts-h__bar{ 1221 background:var(--ts-glass-scr);box-shadow:var(--ts-shadow-scr); 1222 padding:8px 12px 8px 20px;border-color:rgba(21,24,31,.05); 1223} 1224 1225/* Logo */ 1226.ts-h__logo{display:flex;align-items:center;flex-shrink:0;transition:transform .3s var(--ts-ease);position:relative;} 1227.ts-h__logo:hover{transform:scale(1.03);} 1228.ts-h__logo img{height:64px;width:auto;display:block;} 1229.ts-h__wrap.is-scrolled .ts-h__logo img{height:56px;} 1230 1231/* Nav */ 1232.ts-h__nav{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:auto;} 1233.ts-h__nav>li{position:relative;} 1234.ts-h__link{ 1235 position:relative; 1236 display:inline-flex;align-items:center;gap:6px; 1237 padding:10px 16px;border-radius:11px; 1238 font-size:14.5px;font-weight:600;color:var(--ts-ink);letter-spacing:-.008em;line-height:1.4; 1239 transition:color .25s var(--ts-ease),background .25s var(--ts-ease); 1240} 1241.ts-h__link::after{ 1242 content:'';position:absolute;
1242left:50%;bottom:5px;width:0;height:2px; 1243 background:#F26615; 1244 border-radius:2px;transform:translateX(-50%);transition:width .35s var(--ts-ease); 1245} 1246.ts-h__link:hover,.ts-h__link.is-open{color:var(--ts-orange-deep);background:var(--ts-tint);} 1247.ts-h__link:hover::after,.ts-h__link.is-open::after{width:18px;} 1248.ts-h__link svg.chev{width:12px;height:12px;stroke:currentColor;stroke-width:2.5;fill:none;opacity:.6;transition:transform .3s var(--ts-ease);} 1249.ts-h__link.is-open svg.chev{transform:rotate(180deg);opacity:1;} 1250 1251/* Careers badge */ 1252.ts-h__link--careers{gap:8px !important;} 1253.ts-h__badge{ 1254 display:inline-flex;align-items:center;gap:5px; 1255 font-size:9.5px;font-weight:800;letter-spacing:.10em;text-transform:uppercase; 1256 color:#fff;padding:3px 8px 3px 6px;border-radius:999px;line-height:1; 1257 background:linear-gradient(135deg,#16A34A 0%,#15803D 100%); 1258 box-shadow:0 4px 10px rgba(22,163,74,.28),inset 0 1px 0 rgba(255,255,255,.22); 1259 white-space:nowrap; 1260 transition:transform .25s var(--ts-ease); 1261} 1262.ts-h__link:hover .ts-h__badge{transform:translateY(-1px);} 1263.ts-h__badge-dot{ 1264 width:5px;height:5px;border-radius:50%;background:#fff; 1265 box-shadow:0 0 0 2px rgba(255,255,255,.28); 1266 animation:tsPulse 1.6s ease-in-out infinite; 1267} 1268@keyframes tsPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.85);}} 1269 1270/* CTA */ 1271.ts-h__cta{display:flex;align-items:center;gap:8px;flex-shrink:0;} 1272.ts-h__btn{ 1273 display:inline-flex;align-items:center;justify-content:center;gap:9px; 1274 height:44px;padding:0 22px;border-radius:999px; 1275 background:var(--ts-cta); 1276 color:#fff !important; 1277 font-size:14.5px;font-weight:700;letter-spacing:.005em;white-space:nowrap; 1278 box-shadow:var(--ts-cta-glow); 1279 position:relative;overflow:hidden;isolation:isolate; 1280 transition:transform .35s var(--ts-ease),box-shadow .35s var(--ts-ease); 1281} 1282.ts-h__btn::before{ 1283 content:'';position:absolute;inset:0;border-radius:inherit; 1284 background:var(--ts-cta-hov);opacity:0;transition:opacity .4s var(--ts-ease);z-index:-1; 1285} 1286.ts-h__btn::after{ 1287 content:'';position:absolute;top:0;left:-120%;width:55%;height:100%; 1288 background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); 1289 transform:skewX(-20deg);transition:left .8s var(--ts-ease);pointer-events:none; 1290} 1291.ts-h__btn:hover{transform:translateY(-2px);box-shadow:var(--ts-cta-glow-hov);} 1292.ts-h__btn:hover::before{opacity:1;} 1293.ts-h__btn:hover::after{left:140%;} 1294.ts-h__btn:active{transform:translateY(0) scale(.98);} 1295.ts-h__btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform .3s var(--ts-ease);} 1296.ts-h__btn:hover svg.arr{transform:translateX(4px);} 1297 1298/* ============================================================ 1299 MEGA MENU â Services & About (Premium layout) 1300 ============================================================ */ 1301.ts-mega{ 1302 position:absolute;top:calc(100% + 14px);left:50%; 1303 transform:translateX(-50%) translateY(8px); 1304 background:#fff;border:1px solid var(--ts-line);border-radius:20px; 1305 box-shadow:var(--ts-shadow-mega); 1306 padding:10px;opacity:0;pointer-events:none;visibility:hidden; 1307 transition:opacity .3s var(--ts-ease),transform .35s var(--ts-ease),visibility .3s; 1308} 1309.ts-mega::before{ 1310 content:'';position:absolute;top:-20px;left:0;right:0;height:20px;background:transparent;pointer-events:auto; 1311} 1312.ts-mega.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(-50%) translateY(0);} 1313.ts-mega--services{min-width:840px;} 1314.ts-mega--about{min-width:640px;} 1315.ts-mega--services .ts-mega__layout{display:grid;grid-template-columns:240px 1fr;gap:10px;} 1316.ts-mega--about .ts-mega__layout{display:grid;grid-template-columns:1fr;gap:10px; padding: 6px;} 1317 1318.ts-mega__aside{ 1319 padding:24px 22px;border-radius:14px; 1320 background:linear-gradient(160deg,#FFFFFF 0%,#EEF0FA 55%,#ECFBFC 100%); 1321 position:relative;overflow:hidden; 1322 display:flex;flex-direction:column; 1323} 1324.ts-mega__aside::before{ 1325 content:'';position:absolute;top:-44px;right:-44px;width:160px;height:160px;border-radius:50%; 1326 background:radial-gradient(circle,rgba(0,18,139,.16),transparent 70%); 1327} 1328.ts-mega__aside::after{ 1329 content:'';position:absolute;bottom:-30px;left:-30px;width:110px;height:110px;border-radius:50%; 1330 background:radial-gradient(circle,rgba(21,24,31,.06),transparent 70%); 1331} 1332.ts-mega__aside>*{position:relative;z-index:1;} 1333.ts-mega__eyebrow{ 1334 display:inline-flex;align-items:center;gap:6px; 1335 font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; 1336 color:var(--ts-orange-deep);margin-bottom:14px; 1337 padding:5px 9px;background:rgba(255,255,255,.85);border-radius:999px; 1338 width:fit-content;border:1px solid rgba(242,102,21,.18); 1339} 1340.ts-mega__eyebrow::before{ 1341 content:'';width:5px;height:5px;border-radius:50%; 1342 background:#F26615; 1343 box-shadow:0 0 0 3px rgba(242,102,21,.24); 1344} 1345.ts-mega__lead{font-family:'Outfit',system-ui,sans-serif;font-size:21px;font-weight:700;color:var(--ts-ink);line-height:1.22;letter-spacing:-.02em;margin-bottom:10px;} 1346.ts-mega__lead em{color:var(--ts-orange-deep);font-style:normal;} 1347.ts-mega__sub{font-size:13px;color:var(--ts-ink-3);line-height:1.55;margin-bottom:18px;} 1348.ts-mega__all{ 1349 display:inline-flex;align-items:center;gap:6px; 1350 font-size:13px;font-weight:700;color:var(--ts-orange-deep); 1351 padding:9px 14px;background:#fff;border-radius:999px;border:1px solid rgba(0,18,139,.16); 1352 transition:all .3s var(--ts-ease);width:fit-content;margin-top:auto; 1353 box-shadow:0 2px 6px rgba(0,18,139,.10); 1354} 1355.ts-mega__all:hover{background:var(--ts-cta);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,18,139,.30);} 1356.ts-mega__all svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.5;fill:none;transition:transform .3s var(--ts-ease);} 1357.ts-mega__all:hover svg{transform:translateX(3px);} 1358 1359/* Grid of items (Services & About) */ 1360.ts-mega__grid{ 1361 display:grid; 1362 gap:2px; 1363 padding:6px; 1364} 1365.ts-mega--services .ts-mega__grid{grid-template-columns:1fr 1fr;} 1366.ts-mega--about .ts-mega__grid{grid-template-columns:1fr 1fr 1fr; padding: 8px;} 1367 1368.ts-mega__item{ 1369 display:flex;align-items:flex-start;gap:13px; 1370 padding:14px 15px;border-radius:12px; 1371 transition:background .25s var(--ts-ease),transform .25s var(--ts-ease); 1372 position:relative; 1373} 1374.ts-mega__item:hover{background:var(--ts-tint);} 1375.ts-mega__item::after{ 1376 content:'';position:absolute;right:14px;top:50%;transform:translate(-6px,-50%); 1377 width:14px;
1377height:14px;opacity:0; 1378 background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F26615' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") center/contain no-repeat; 1379 transition:opacity .25s var(--ts-ease),transform .3s var(--ts-ease); 1380} 1381.ts-mega__item:hover::after{opacity:1;transform:translate(0,-50%);} 1382.ts-mega__ico{ 1383 width:42px;height:42px;border-radius:11px;flex-shrink:0; 1384 background:linear-gradient(135deg,#EEF0FA,#ECFBFC);color:#00128B; 1385 /* navy icon on soft tint background */ 1386 display:flex;align-items:center;justify-content:center; 1387 transition:all .35s var(--ts-ease); 1388 border:1px solid rgba(0,18,139,.12); 1389 box-shadow:0 1px 2px rgba(0,18,139,.06); 1390} 1391.ts-mega__item:hover .ts-mega__ico{ 1392 background:var(--ts-cta);color:#fff;border-color:transparent; 1393 box-shadow:0 8px 18px rgba(0,18,139,.30);transform:scale(1.05) rotate(-3deg); 1394} 1395.ts-mega__ico svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;} 1396.ts-mega__body{flex:1;min-width:0;} 1397.ts-mega__title{display:block;font-size:14.5px;font-weight:700;color:var(--ts-ink);letter-spacing:-.01em;transition:color .25s var(--ts-ease);} 1398.ts-mega__item:hover .ts-mega__title{color:var(--ts-orange-deep);} 1399.ts-mega__desc{display:block;font-size:12.5px;color:var(--ts-ink-3);margin-top:3px;line-height:1.45;} 1400 1401/* ============================================================ 1402 BURGER + MOBILE DRAWER 1403 ============================================================ */ 1404.ts-h__burger{ 1405 display:none;width:42px;height:42px;border-radius:12px; 1406 align-items:center;justify-content:center; 1407 background:transparent !important;color:var(--ts-ink) !important; 1408 border:1.5px solid rgba(21,24,31,.16) !important; 1409 transition:all .3s var(--ts-ease);position:relative; 1410} 1411.ts-h__burger:hover{background:var(--ts-tint) !important;color:var(--ts-orange-deep) !important;border-color:rgba(242,102,21,.34) !important;} 1412.ts-h__burger>svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;fill:none;transition:opacity .25s var(--ts-ease);} 1413.ts-h__burger>svg.x{position:absolute;opacity:0;} 1414.ts-h__burger.is-active>svg.menu{opacity:0;} 1415.ts-h__burger.is-active>svg.x{opacity:1;} 1416 1417.ts-drw__back{ 1418 position:fixed;inset:0;background:rgba(21,24,31,.5); 1419 backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2); 1420 opacity:0;pointer-events:none;transition:opacity .4s var(--ts-ease);z-index:9998; 1421} 1422.ts-drw{ 1423 position:fixed;top:0;right:0;height:100dvh;width:min(420px,92vw); 1424 background:linear-gradient(180deg,#FFFFFF 0%,#EEF0FA 100%);z-index:9999; 1425 display:flex;flex-direction:column; 1426 transform:translateX(100%);transition:transform .5s var(--ts-ease); 1427 box-shadow:-30px 0 80px rgba(21,24,31,.22); 1428} 1429.ts-drw.is-open{transform:translateX(0);} 1430.ts-drw__back.is-open{opacity:1;pointer-events:auto;} 1431.ts-drw__head{ 1432 display:flex;align-items:center;justify-content:space-between; 1433 padding:20px 22px 16px;border-bottom:1px solid var(--ts-line); 1434 background:rgba(255,255,255,.65);backdrop-filter:blur(10px); 1435} 1436.ts-drw__head img{height:36px;} 1437.ts-drw__close{ 1438 width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center; 1439 color:var(--ts-ink);background:#fff;border:1px solid var(--ts-line); 1440 transition:all .3s var(--ts-ease);position:relative; 1441} 1442.ts-drw__close::before,.ts-drw__close::after{ 1443 content:'';position:absolute;top:50%;left:50%;width:18px;height:2.5px;background:var(--ts-ink);border-radius:2px; 1444} 1445.ts-drw__close::before{transform:translate(-50%,-50%) rotate(45deg);} 1446.ts-drw__close::after{transform:translate(-50%,-50%) rotate(-45deg);} 1447.ts-drw__close:hover{background:var(--ts-tint);transform:rotate(90deg);} 1448.ts-drw__body{flex:1;overflow-y:auto;padding:14px 14px 160px;} 1449 1450.ts-drw__solo,.ts-drw__tog{ 1451 display:flex;align-items:center;justify-content:space-between;width:100%; 1452 padding:15px 18px;font-size:15px;font-weight:700;color:var(--ts-ink); 1453 background:#fff;border-radius:13px;border:1px solid var(--ts-line-2); 1454 margin-bottom:8px;transition:all .3s var(--ts-ease);letter-spacing:-.01em; 1455 text-align:left; 1456} 1457.ts-drw__tog{margin-bottom:0;border-radius:13px 13px 0 0;} 1458.ts-drw__l{display:flex;align-items:center;gap:12px;} 1459.ts-drw__ico{ 1460 width:32px;height:32px;border-radius:9px; 1461 background:linear-gradient(135deg,#EEF0FA,#ECFBFC);color:#00128B; 1462 display:flex;align-items:center;justify-content:center;flex-shrink:0; 1463 transition:all .3s var(--ts-ease); 1464} 1465.ts-drw__ico svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;} 1466.ts-drw__solo:hover,.ts-drw__tog:hover{color:var(--ts-orange-deep);box-shadow:0 8px 22px rgba(21,24,31,.06);border-color:var(--ts-line-orange);} 1467.ts-drw__solo:hover .ts-drw__ico{background:var(--ts-cta);color:#fff;box-shadow:0 6px 14px rgba(0,18,139,.28);} 1468.ts-drw__solo svg.arr,.ts-drw__tog svg.chev{width:15px;height:15px;stroke:currentColor;stroke-width:2.5;fill:none;opacity:.55;transition:all .3s var(--ts-ease);} 1469.ts-drw__solo:hover svg.arr{opacity:1;transform:translateX(3px);color:var(--ts-orange-deep);} 1470.ts-drw__acc{margin-bottom:8px;border-radius:13px;overflow:hidden;background:#fff;border:1px solid var(--ts-line-2);transition:all .3s var(--ts-ease);} 1471.ts-drw__acc.is-open{box-shadow:0 8px 22px rgba(21,24,31,.06);border-color:var(--ts-line-orange);} 1472.ts-drw__acc.is-open .ts-drw__tog{color:var(--ts-orange-deep);border:none;background:transparent;} 1473.ts-drw__acc.is-open .ts-drw__tog .ts-drw__ico{background:var(--ts-cta);color:#fff;box-shadow:0 6px 14px rgba(0,18,139,.28);} 1474.ts-drw__acc.is-open .ts-drw__tog svg.chev{transform:rotate(180deg);opacity:1;color:var(--ts-orange-deep);} 1475.ts-drw__panel{max-height:0;overflow:hidden;transition:max-height .45s var(--ts-ease);} 1476.ts-drw__acc.is-open .ts-drw__panel{max-height:800px;} 1477.ts-drw__panel-inner{padding:4px 12px 14px;} 1478.ts-drw__sub{ 1479 display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px; 1480 font-size:14px;font-weight:600;color:var(--ts-ink-2); 1481 transition:all .25s var(--ts-ease); 1482} 1483.ts-drw__sub .dot{width:5px;height:5px;border-radius:50%;background:#D6D0C4;flex-shrink:0;transition:all .25s var(--ts-ease);} 1484.ts-drw__sub:hover{background:var(--ts-tint);color:var(--ts-orange-deep);} 1485.ts-drw__sub:hover .dot{background:var(--ts-orange-deep);box-shadow:0 0 0 3px rgba(242,102,21,.24);} 1486 1487.ts-drw__contact{ 1488 margin-top:18px;padding:16px;border-radius:13px; 1489 background:linear-gradient(160deg,#FFFFFF,#EEF0FA); 1490 border:1px solid var(--ts-line-orange); 1491} 1492.ts-drw__contact-eye{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ts-orange-deep);margin-bottom:10px;} 1493.ts-drw__contact a{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;font-weight:600;color:var(--ts-ink-2);} 1494.ts-drw__contact a:hover{color:var(--ts-orange-deep);} 1495.ts-drw__contact svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;color:var(--ts-orange-deep);} 1496 1497.ts-drw__cta{ 1498 position:absolute;bottom:0;left:0;right:0;padding:18px 18px 22px;
1499 background:linear-gradient(180deg,rgba(238,240,250,0),#EEF0FA 30%); 1500} 1501.ts-drw__cta a{ 1502 display:flex;align-items:center;justify-content:center;gap:10px; 1503 width:100%;height:54px;border-radius:14px; 1504 background:var(--ts-cta);color:#fff;font-weight:700;font-size:15.5px; 1505 box-shadow:var(--ts-cta-glow);position:relative;overflow:hidden; 1506 transition:transform .3s var(--ts-ease); 1507} 1508.ts-drw__cta a:active{transform:scale(.98);} 1509.ts-drw__cta a svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.4;fill:none;} 1510 1511/* ============================================================ 1512 RESPONSIVE 1513 ============================================================ */ 1514@media (max-width:1180px){ 1515 .ts-h__nav>li:nth-child(n+7){display:none;} 1516} 1517@media (max-width:1023px){ 1518 .ts-top{display:none;} 1519 .ts-h__wrap{top:14px;width:calc(100% - 20px);max-width:none;} 1520 .ts-h__wrap.is-top-hidden{top:14px;} 1521 .ts-h__wrap.is-scrolled{top:8px;} 1522 .ts-h__bar{border-radius:16px;padding:9px 12px 9px 18px;gap:12px;background:rgba(255,255,255,.78);} 1523 .ts-h__nav,.ts-h__btn--full{display:none;} 1524 .ts-h__burger{display:flex;} 1525 .ts-h__logo{margin-right:auto;} 1526 .ts-h__logo img{height:44px;} 1527 .ts-h__btn--mini{display:inline-flex;height:40px;padding:0 18px;font-size:13.5px;} 1528} 1529@media (min-width:1024px){ 1530 .ts-h__btn--mini{display:none;} 1531} 1532@media (max-width:520px){ 1533 .ts-h__wrap{top:10px;width:calc(100% - 16px);} 1534 .ts-h__bar{padding:8px 10px 8px 14px;border-radius:14px;} 1535 .ts-h__btn--mini{height:38px;padding:0 14px;font-size:13px;} 1536 .ts-h__burger{width:38px;height:38px;border-radius:10px;} 1537 .ts-h__logo img{height:40px;} 1538} 1539</style> 1540 1541<div class="ts-h"> 1542 <!-- TOP UTILITY STRIP --> 1543 <div class="ts-top" id="tsTop"> 1544 <div class="ts-top__inner"> 1545 <div class="ts-top__l"> 1546 <a href="tel:+919370889776" aria-label="Call us"> 1547 <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> 1548 +91 93708 89776 1549 </a> 1550 <div class="ts-top__sep"></div> 1551 <a href="mailto:[email protected]" aria-label="Email us"> 1552 <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> 1553 [email protected] 1554 </a> 1555 </div> 1556 <div class="ts-top__r"> 1557 <div class="ts-top__offices"> 1558 <span class="ts-top__dot"></span> 1559 <span>Global Presence</span> 1560 <div class="ts-top__flags"> 1561 <span class="ts-top__flag">IN</span> 1562 <span class="ts-top__flag">UAE</span> 1563 <span class="ts-top__flag">USA</span> 1564 </div> 1565 </div> 1566 <div class="ts-top__sep"></div> 1567 <div class="ts-top__soc"> 1568 <a href="https://www.linkedin.com/company/thinkersteps-technologies-pvt-ltd/" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 1 1 8.3 6.5a1.78 1.78 0 0 1-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0 0 13 14.19a.66.66 0 0 0 0 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 0 1 2.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg></a> 1569 <a href="https://www.facebook.com/thinkersteps/" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.51 1.49-3.9 3.78-3.9 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 2.89h-2.33v6.99A10 10 0 0 0 22 12z"/></svg></a> 1570 <a href="https://www.instagram.com/thinkersteps/" aria-label="Instagram"><svg viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg></a> 1571 </div> 1572 </div> 1573 </div> 1574 </div> 1575 1576 <!-- MAIN HEADER --> 1577 <div class="ts-h__wrap" id="tsHeader"> 1578 <div class="ts-h__bar"> 1579 <a class="ts-h__logo" href="/" aria-label="ThinkerSteps home"> 1580 <img src="https://thinkersteps.com/wp-content/uploads/2023/02/Logo_thinker-steps-02-2.png" alt="ThinkerSteps Technologies" loading="eager"/> 1581 </a> 1582 1583 <ul class="ts-h__nav" role="menubar"> 1584 <li><a class="ts-h__link" href="/">Home</a></li> 1585 1586 <!-- ABOUT US (Premium upgrade: icons, hover animations, premium spacing) --> 1587 <li> 1588 <button class="ts-h__link" data-mega="about" aria-haspopup="true" aria-expanded="false"> 1589 About Us 1590 <svg class="chev" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg> 1591 </button> 1592 <div class="ts-mega ts-mega--about" data-panel="about" role="menu"> 1593 <div class="ts-mega__layout"> 1594 <div class="ts-mega__grid"> 1595 <a class="ts-mega__item" href="/about-us">
1596 <span class="ts-mega__ico"> 1597 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg> 1598 </span> 1599 <span class="ts-mega__body"> 1600 <span class="ts-mega__title">Company Overview</span> 1601 <span class="ts-mega__desc">Who we are, our story and mission.</span> 1602 </span> 1603 </a> 1604 <a class="ts-mega__item" href="/thinkerverse"> 1605 <span class="ts-mega__ico"> 1606 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z"/></svg> 1607 </span> 1608 <span class="ts-mega__body"> 1609 <span class="ts-mega__title">ThinkerVerse</span> 1610 <span class="ts-mega__desc">Innovation, culture and company initiatives.</span> 1611 </span> 1612 </a> 1613 <a class="ts-mega__item" href="/life-at-thinkersteps"> 1614 <span class="ts-mega__ico"> 1615 <svg viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg> 1616 </span> 1617 <span class="ts-mega__body"> 1618 <span class="ts-mega__title">Life at ThinkerSteps</span> 1619 <span class="ts-mega__desc">Team culture, events and workplace experiences.</span> 1620 </span> 1621 </a> 1622 </div> 1623 </div> 1624 </div> 1625 </li> 1626 1627 <li> 1628 <button class="ts-h__link" data-mega="services" aria-haspopup="true" aria-expanded="false"> 1629 Services 1630 <svg class="chev" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg> 1631 </button> 1632 <div class="ts-mega ts-mega--services" data-panel="services" role="menu"> 1633 <div class="ts-mega__layout"> 1634 <div class="ts-mega__aside"> 1635 <div class="ts-mega__eyebrow">Our Services</div> 1636 <div class="ts-mega__lead">Engineering <em>ideas into</em> scalable software.</div> 1637 <p class="ts-mega__sub">Since 2013, we've crafted digital products that solve real business problems â from web to IoT.</p> 1638 <a class="ts-mega__all" href="/services">All Services 1639 <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1640 </a> 1641 </div> 1642 <div class="ts-mega__grid"> 1643 <a class="ts-mega__item" href="/services/web-development"> 1644 <span class="ts-mega__ico"> 1645 <svg viewBox="0 0 24 24"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg> 1646 </span> 1647 <span class="ts-mega__body"> 1648 <span class="ts-mega__title">Web Development</span> 1649 <span class="ts-mega__desc">Scalable, secure, performant web apps built with modern stacks.</span> 1650 </span> 1651 </a> 1652 <a class="ts-mega__item" href="/services/web-design"> 1653 <span class="ts-mega__ico"> 1654 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg> 1655 </span> 1656 <span class="ts-mega__body"> 1657 <span class="ts-mega__title">Web Design</span> 1658 <span class="ts-mega__desc">Pixel-perfect UI/UX that converts visitors into customers.</span> 1659 </span> 1660 </a> 1661 <a class="ts-mega__item" href="/services/mobile-application"> 1662 <span class="ts-mega__ico"> 1663 <svg viewBox="0 0 24 24"><rect x="5" y="2" width="14" height="20" rx="2"/>
1663<line x1="12" y1="18" x2="12.01" y2="18"/></svg> 1664 </span> 1665 <span class="ts-mega__body"> 1666 <span class="ts-mega__title">Mobile Application</span> 1667 <span class="ts-mega__desc">Native & cross-platform iOS / Android apps with great UX.</span> 1668 </span> 1669 </a> 1670 <a class="ts-mega__item" href="/services/desktop-application"> 1671 <span class="ts-mega__ico"> 1672 <svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg> 1673 </span> 1674 <span class="ts-mega__body"> 1675 <span class="ts-mega__title">Desktop Application</span> 1676 <span class="ts-mega__desc">Powerful Windows / Mac desktop tools tailored to your workflow.</span> 1677 </span> 1678 </a> 1679 <a class="ts-mega__item" href="/services/ecommerce"> 1680 <span class="ts-mega__ico"> 1681 <svg viewBox="0 0 24 24"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6"/></svg> 1682 </span> 1683 <span class="ts-mega__body"> 1684 <span class="ts-mega__title">E-Commerce</span> 1685 <span class="ts-mega__desc">Online stores with payments, inventory, and analytics â done right.</span> 1686 </span> 1687 </a> 1688 <a class="ts-mega__item" href="/services/iot-application"> 1689 <span class="ts-mega__ico"> 1690 <svg viewBox="0 0 24 24"><path d="M5 12.55a11 11 0 0 1 14.08 0"/>
1690<path d="M1.42 9a16 16 0 0 1 21.16 0"/><path d="M8.53 16.11a6 6 0 0 1 6.95 0"/><line x1="12" y1="20" x2="12.01" y2="20"/></svg> 1691 </span> 1692 <span class="ts-mega__body"> 1693 <span class="ts-mega__title">IoT Application</span> 1694 <span class="ts-mega__desc">Connected devices, dashboards, and firmware â end-to-end IoT.</span> 1695 </span> 1696 </a> 1697 </div> 1698 </div> 1699 </div> 1700 </li> 1701 1702 <li><a class="ts-h__link" href="/insights">Insights</a></li> 1703 <li> 1704 <a class="ts-h__link ts-h__link--careers" href="/careers"> 1705 Careers 1706 <span class="ts-h__badge"><span class="ts-h__badge-dot"></span>Hiring</span> 1707 </a> 1708 </li> 1709 <li><a class="ts-h__link" href="/contact-us">Contact Us</a></li> 1710 </ul> 1711 1712 <div class="ts-h__cta"> 1713 <a class="ts-h__btn ts-h__btn--full" href="/contact-us"> 1714 Get a Quote 1715 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1716 </a> 1717 <a class="ts-h__btn ts-h__btn--mini" href="/contact-us">Quote</a> 1718 <button class="ts-h__burger" id="tsBurger" aria-label="Open menu" aria-expanded="false"> 1719 <svg class="menu" viewBox="0 0 24 24"><line x1="3" y1="7" x2="21" y2="7"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="17" x2="21" y2="17"/></svg> 1720 <svg class="x" viewBox="0 0 24 24"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg> 1721 </button> 1722 </div> 1723 </div> 1724 </div> 1725 1726 <!-- MOBILE DRAWER --> 1727 <div class="ts-drw__back" id="tsBack"></div> 1728 <aside class="ts-drw" id="tsDrawer" aria-label="Mobile menu"> 1729 <div class="ts-drw__head"> 1730 <img src="https://thinkersteps.com/wp-content/uploads/2023/02/Logo_thinker-steps-02-2.png" alt="ThinkerSteps"/> 1731 <button class="ts-drw__close" id="tsClose" aria-label="Close menu"></button> 1732 </div> 1733 <div class="ts-drw__body"> 1734 <a class="ts-drw__solo" href="/"> 1735 <span class="ts-drw__l"> 1736 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></span> 1737 Home 1738 </span> 1739 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1740 </a> 1741 <a class="ts-drw__solo" href="/about-us"> 1742 <span class="ts-drw__l"> 1743 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg></span> 1744 About Us 1745 </span> 1746 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1747 </a> 1748 <div class="ts-drw__acc"> 1749 <button class="ts-drw__tog"> 1750 <span class="ts-drw__l"> 1751 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></span> 1752 Services 1753 </span> 1754 <svg class="chev" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg> 1755 </button> 1756 <div class="ts-drw__panel"><div class="ts-drw__panel-inner"> 1757 <a class="ts-drw__sub" href="/services/web-development"><span class="dot"></span>Web Development</a> 1758 <a class="ts-drw__sub" href="/services/web-design"><span class="dot"></span>Web Design</a> 1759 <a class="ts-drw__sub" href="/services/mobile-application"><span class="dot"></span>Mobile Application</a> 1760 <a class="ts-drw__sub" href="/services/desktop-application"><span class="dot"></span>Desktop Application</a> 1761 <a class="ts-drw__sub" href="/services/ecommerce"><span class="dot"></span>E-Commerce</a> 1762 <a class="ts-drw__sub" href="/services/iot-application"><span class="dot"></span>IoT Application</a> 1763 </div></div> 1764 </div> 1765 <a class="ts-drw__solo" href="/thinkerverse">
1766 <span class="ts-drw__l"> 1767 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z"/></svg></span> 1768 ThinkerVerse 1769 </span> 1770 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1771 </a> 1772 <a class="ts-drw__solo" href="/life-at-thinkersteps"> 1773 <span class="ts-drw__l"> 1774 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg></span> 1775 Life at ThinkerSteps 1776 </span> 1777 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1778 </a> 1779 <a class="ts-drw__solo" href="/insights"> 1780 <span class="ts-drw__l"> 1781 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg></span> 1782 Insights 1783 </span> 1784 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1785 </a> 1786 <a class="ts-drw__solo" href="/careers"> 1787 <span class="ts-drw__l"> 1788 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><path d="M20 7H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg></span> 1789 Careers 1790 <span class="ts-h__badge"><span class="ts-h__badge-dot"></span>Hiring</span> 1791 </span> 1792 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1793 </a> 1794 <a class="ts-drw__solo" href="/contact-us"> 1795 <span class="ts-drw__l"> 1796 <span class="ts-drw__ico"><svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></span> 1797 Contact Us 1798 </span> 1799 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1800 </a> 1801 1802 <div class="ts-drw__contact"> 1803 <div class="ts-drw__contact-eye">Get in touch</div> 1804 <a href="tel:+919370889776"> 1805 <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> 1806 +91 93708 89776 1807 </a> 1808 <a href="mailto:[email protected]"> 1809 <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> 1810 [email protected] 1811 </a> 1812 </div> 1813 </div> 1814 <div class="ts-drw__cta"> 1815 <a href="/contact-us"> 1816 Get a Quote 1817 <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 1818 </a> 1819 </div> 1820 </aside> 1821</div> 1822
1823<script> 1824(function(){ 1825 const top=document.getElementById('tsTop'); 1826 const wrap=document.getElementById('tsHeader'); 1827 if(!wrap)return; 1828 let lastY=window.scrollY,ticking=false; 1829 function onScroll(){ 1830 const y=window.scrollY; 1831 wrap.classList.toggle('is-scrolled',y>8); 1832 // Hide top utility strip on scroll, slide header up 1833 if(y>40){ 1834 top.classList.add('is-hidden'); 1835 wrap.classList.add('is-top-hidden'); 1836 }else{ 1837 top.classList.remove('is-hidden'); 1838 wrap.classList.remove('is-top-hidden'); 1839 } 1840 if(y>280){ 1841 if(y>lastY+4)wrap.classList.add('is-hidden'); 1842 else if(y<lastY-4)wrap.classList.remove('is-hidden'); 1843 }else wrap.classList.remove('is-hidden'); 1844 lastY=y;ticking=false; 1845 } 1846 window.addEventListener('scroll',()=>{if(!ticking){requestAnimationFrame(onScroll);ticking=true;}},{passive:true}); 1847 1848 // Mega menu 1849 const triggers=wrap.querySelectorAll('[data-mega]'); 1850 let timer; 1851 function closeAll(){ 1852 wrap.querySelectorAll('.ts-mega').forEach(m=>m.classList.remove('is-open')); 1853 wrap.querySelectorAll('[data-mega]').forEach(t=>{t.classList.remove('is-open');t.setAttribute('aria-expanded','false');}); 1854 } 1855 triggers.forEach(t=>{ 1856 const key=t.getAttribute('data-mega'); 1857 const panel=wrap.querySelector('[data-panel="'+key+'"]'); 1858 const li=t.parentElement; 1859 function open(){ 1860 clearTimeout(timer); 1861 if(panel.classList.contains('is-open'))return; 1862 closeAll(); 1863 panel.classList.add('is-open');t.classList.add('is-open'); 1864 t.setAttribute('aria-expanded','true'); 1865 } 1866 function delayClose(){clearTimeout(timer);timer=setTimeout(closeAll,260);} 1867 function cancelClose(){clearTimeout(timer);} 1868 li.addEventListener('mouseenter',open); 1869 li.addEventListener('mouseleave',delayClose); 1870 panel.addEventListener('mouseenter',cancelClose); 1871 panel.addEventListener('mouseleave',delayClose); 1872 t.addEventListener('click',e=>{e.preventDefault();panel.classList.contains('is-open')?closeAll():open();}); 1873 }); 1874 document.addEventListener('keydown',e=>{if(e.key==='Escape')closeAll();}); 1875 document.addEventListener('click',e=>{if(!wrap.contains(e.target))closeAll();}); 1876 1877 // Mobile drawer 1878 const burger=document.getElementById('tsBurger'); 1879 const drawer=document.getElementById('tsDrawer'); 1880 const back=document.getElementById('tsBack'); 1881 const close=document.getElementById('tsClose'); 1882 function openDrw(){drawer.classList.add('is-open');back.classList.add('is-open');burger.classList.add('is-active');document.body.style.overflow='hidden';burger.setAttribute('aria-expanded','true');} 1883 function closeDrw(){drawer.classList.remove('is-open');back.classList.remove('is-open');burger.classList.remove('is-active');document.body.style.overflow='';burger.setAttribute('aria-expanded','false');} 1884 burger.addEventListener('click',()=>{drawer.classList.contains('is-open')?closeDrw():openDrw();}); 1885 close.addEventListener('click',closeDrw); 1886 back.addEventListener('click',closeDrw); 1887 drawer.querySelectorAll('.ts-drw__tog').forEach(t=>{ 1888 t.addEventListener('click',()=>{ 1889 const acc=t.parentElement; 1890 drawer.querySelectorAll('.ts-drw__acc').forEach(a=>{if(a!==acc)a.classList.remove('is-open');}); 1891 acc.classList.toggle('is-open'); 1892 }); 1893 }); 1894 drawer.querySelectorAll('a').forEach(a=>a.addEventListener('click',closeDrw)); 1895})(); 1896</script>
1896 </div> 1897 </div> 1898 </div> 1899 </div> 1900 </div> 1901 </section> 1902 </div> 1903 </header> 1904 1905 1906 <main id="inner-wrap" class="wrap kt-clear" role="main"> 1907 <div id="primary" class="content-area"> 1908 <div class="content-container site-container"> 1909 <div id="main" class="site-main"> 1910 <div class="content-wrap"> 1911 <article id="post-8638" class="entry content-bg single-entry post-8638 page type-page status-publish hentry"> 1912 <div class="entry-content-wrap"> 1913 1914<div class="entry-content single-content"> 1915 <div data-elementor-type="wp-page" data-elementor-id="8638" class="elementor elementor-8638"> 1916 <section class="elementor-section elementor-top-section elementor-element elementor-element-4fbdb80 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="4fbdb80" data-element_type="section" data-e-type="section"> 1917 <div class="elementor-container elementor-column-gap-no"> 1918 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-deb84ee" data-id="deb84ee" data-element_type="column" data-e-type="column"> 1919 <div class="elementor-widget-wrap elementor-element-populated"> 1920 <div class="elementor-element elementor-element-957e383 elementor-widget elementor-widget-html" data-id="957e383" data-element_type="widget" data-e-type="widget" data-widget_type="html.default"> 1921 <div class="elementor-widget-container"> 1922 <!-- 1923 ThinkerSteps - Life at ThinkerSteps (header/footer included separately) 1924 Scoped under .ts-lf prefix. Elementor safe. 1925 1926 ============================================================ 1927 SOCIAL FEEDS SETUP (one time): 1928 ============================================================ 1929 1. INSTAGRAM (free) via LightWidget: 1930 - Go to https://lightwidget.com and sign in with Instagram 1931 - Select your @thinkersteps account, choose grid/layout 1932 - Save widget. You will get an iframe URL like: 1933 //lightwidget.com/widgets/abc123xyz.html 1934 - Replace LIGHTWIDGET_ID_HERE below with that hash. 1935 1936 2. LINKEDIN via Elfsight (or similar): 1937 - Sign up at https://elfsight.com/linkedin-feed-widget 1938 - Add the ThinkerSteps LinkedIn page URL 1939 - Customise grid/layout 1940 - Copy the widget code, paste it in place of the marked block. 1941 ============================================================ 1942--> 1943 1944<link rel="preconnect" href="https://fonts.googleapis.com"> 1945<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1946<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap" rel="stylesheet"> 1947 1948<style> 1949/* ============================================================ 1950 LIFE PAGE - scoped tokens 1951 ============================================================ */ 1952.ts-lf,.ts-lf *,.ts-lf *::before,.ts-lf *::after{box-sizing:border-box;} 1953.ts-lf{ 1954 --ts-orange:#00128B; 1955 --ts-orange-mid:#001E5C; 1956 --ts-orange-deep:#F26615; 1957 --ts-ink:#15181F; 1958 --ts-ink-2:#3A3F4A; 1959 --ts-ink-3:#6B7280; 1960 --ts-ink-4:#9CA3AF; 1961 --ts-tint:#EEF0FA; 1962 --ts-line:rgba(21,24,31,.07); 1963 --ts-line-2:rgba(21,24,31,.05); 1964 --ts-cta:linear-gradient(135deg,#001E5C 0%,#00128B 55%,#090312 100%); 1965 --ts-cta-glow:0 1px 0 rgba(255,255,255,.28) inset, 0 -1px 0 rgba(9,3,18,.30) inset, 0 8px 20px rgba(0,18,139,.30), 0 2px 6px rgba(0,18,139,.18); 1966 --ts-ease:cubic-bezier(0.16,1,0.3,1); 1967 font-family:'Plus Jakarta Sans',system-ui,sans-serif; 1968 color:var(--ts-ink-2); 1969 -webkit-font-smoothing:antialiased; 1970 line-height:1.6; 1971} 1972.ts-lf a{text-decoration:none;color:inherit;} 1973.ts-lf ul{list-style:none;margin:0;padding:0;} 1974.ts-lf img,.ts-lf svg{display:block;max-width:100%;} 1975.ts-lf h1,.ts-lf h2,.ts-lf h3,.ts-lf h4,.ts-lf p{margin:0;} 1976 1977.ts-lf__c{max-width:1280px;margin:0 auto;padding:0 32px;} 1978 1979.ts-lf__eye{ 1980 display:inline-flex;align-items:center;gap:7px; 1981 font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; 1982 color:var(--ts-orange-deep); 1983 padding:6px 12px;background:rgba(255,255,255,.85);border-radius:999px; 1984 border:1px solid rgba(0,18,139,.14);width:fit-content; 1985} 1986.ts-lf__eye::before{ 1987 content:'';width:6px;height:6px;border-radius:50%; 1988 background:#F26615; 1989 box-shadow:0 0 0 3px rgba(0,18,139,.22); 1990} 1991.ts-lf__h2{ 1992 font-family:'Outfit',sans-serif; 1993 font-size:clamp(28px,3.6vw,44px);font-weight:700;line-height:1.12;letter-spacing:-.025em; 1994 color:var(--ts-ink); 1995} 1996.ts-lf__h2 em{font-style:normal;background:linear-gradient(135deg,var(--ts-orange) 0%,var(--ts-orange-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} 1997.ts-lf__sub{font-size:16px;color:var(--ts-ink-3);line-height:1.7;max-width:680px;} 1998 1999/* Higher specificity than .ts-lf a so button text stays white */ 2000.ts-lf a.ts-lf__btn, 2001.ts-lf__btn{ 2002 display:inline-flex;align-items:center;gap:9px; 2003 height:48px;padding:0 24px;border-radius:999px; 2004 background:var(--ts-cta);color:#fff !important; 2005 font:700 14.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;white-space:nowrap; 2006 text-decoration:none; 2007 box-shadow:var(--ts-cta-glow);transition:transform .3s var(--ts-ease); 2008} 2009.ts-lf a.ts-lf__btn:hover, 2010.ts-lf__btn:hover{transform:translateY(-2px);color:#fff !important;} 2011.ts-lf__btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.4;fill:none;} 2012.ts-lf__btn-ghost{ 2013 display:inline-flex;align-items:center;gap:9px; 2014 height:48px;padding:0 22px;border-radius:999px; 2015 background:#fff;color:var(--ts-ink); 2016 font:700 14.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;white-space:nowrap; 2017 border:1px solid var(--ts-line);box-shadow:0 4px 12px rgba(21,24,31,.04); 2018 transition:all .3s var(--ts-ease); 2019} 2020.ts-lf__btn-ghost:hover{color:var(--ts-orange-deep);border-color:rgba(0,18,139,.20);transform:translateY(-2px);} 2021.ts-lf__btn-ghost svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;} 2022 2023/* ============================================================ 2024 HERO 2025 ============================================================ */ 2026.ts-lf__hero{ 2027 position:relative;padding:220px 0 100px;overflow:hidden; 2028 background: 2029 radial-gradient(900px 600px at 10% 10%, rgba(0,18,139,.16), transparent 60%), 2030 radial-gradient(800px 500px at 100% 0%, rgba(0,18,139,.14), transparent 60%), 2031 linear-gradient(180deg,#FFFFFF 0%,#EEF0FA 60%,#FFFFFF 100%); 2032} 2033.ts-lf__hero::before{ 2034 content:'';position:absolute;inset:0;pointer-events:none; 2035 background-image: 2036 linear-gradient(rgba(0,18,139,.05) 1px, transparent 1px), 2037 linear-gradient(90deg,rgba(0,18,139,.05) 1px, transparent 1px); 2038 background-size:60px 60px; 2039 mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 80%); 2040 -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 80%); 2041} 2042.ts-lf__hero-grid{ 2043 display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center; 2044 position:relative;z-index:1; 2045} 2046.ts-lf__hero .ts-lf__eye{margin-bottom:22px;} 2047.ts-lf__hero h1{ 2048 font-family:'Outfit',sans-serif; 2049 font-size:clamp(38px,5vw,62px);font-weight:800;line-height:1.06;letter-spacing:-.03em; 2050 color:var(--ts-ink);margin-bottom:20px; 2051} 2052.ts-lf__hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--ts-orange) 0%,var(--ts-orange-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} 2053.ts-lf__hero h1 .acc{position:relative;display:inline-block;} 2054.ts-lf__hero h1 .acc::after{ 2055 content:'';position:absolute;
2055left:-4px;right:-4px;bottom:6%;height:30%;z-index:-1; 2056 background:linear-gradient(90deg,rgba(0,18,139,.55),rgba(0,18,139,.45)); 2057 border-radius:6px; 2058} 2059.ts-lf__hero p{font-size:17.5px;color:var(--ts-ink-3);line-height:1.7;max-width:540px;margin-bottom:28px;} 2060.ts-lf__hero-acts{display:flex;gap:12px;flex-wrap:wrap;} 2061.ts-lf__hero-vis{position:relative;display:flex;align-items:center;justify-content:center;} 2062.ts-lf__hero-vis svg{width:100%;height:auto;max-width:520px;filter:drop-shadow(0 30px 50px rgba(0,18,139,.18));} 2063 2064/* ============================================================ 2065 SECTION COMMON 2066 ============================================================ */ 2067.ts-lf__sec{padding:110px 0;position:relative;} 2068.ts-lf__sec-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:48px;} 2069.ts-lf__sec-head-l{max-width:680px;} 2070.ts-lf__sec-head-l .ts-lf__eye{margin-bottom:14px;} 2071.ts-lf__sec-head-l .ts-lf__h2{margin-bottom:14px;} 2072.ts-lf__sec-head--center{justify-content:center;text-align:center;} 2073.ts-lf__sec-head--center .ts-lf__sec-head-l{margin:0 auto;text-align:center;} 2074.ts-lf__sec-head--center .ts-lf__eye{margin:0 auto 14px;} 2075.ts-lf__sec-head--center .ts-lf__sub{margin:14px auto 0;} 2076 2077/* ============================================================ 2078 CULTURE PILLARS 2079 ============================================================ */ 2080.ts-lf__cul{background:#FFFFFF;} 2081.ts-lf__cul-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} 2082.ts-lf__cul-card{ 2083 position:relative;overflow:hidden; 2084 padding:32px 28px;border-radius:22px;
2085 background:#fff;border:1px solid var(--ts-line); 2086 transition:transform .35s var(--ts-ease),box-shadow .35s var(--ts-ease),border-color .35s var(--ts-ease); 2087} 2088.ts-lf__cul-card::before{ 2089 content:'';position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%; 2090 background:radial-gradient(circle,rgba(0,18,139,.10),transparent 70%); 2091 opacity:0;transition:opacity .35s var(--ts-ease); 2092} 2093.ts-lf__cul-card:hover{transform:translateY(-4px);border-color:rgba(0,18,139,.18);box-shadow:0 18px 40px rgba(0,18,139,.10);} 2094.ts-lf__cul-card:hover::before{opacity:1;} 2095.ts-lf__cul-ico{ 2096 width:58px;height:58px;border-radius:16px;margin-bottom:22px;position:relative;z-index:1; 2097 background:linear-gradient(135deg,#EEF0FA,#ECFBFC);color:#00128B; 2098 display:flex;align-items:center;justify-content:center; 2099 border:1px solid rgba(0,18,139,.10); 2100 transition:all .35s var(--ts-ease); 2101} 2102.ts-lf__cul-card:hover .ts-lf__cul-ico{background:var(--ts-cta);color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(0,18,139,.32);transform:scale(1.06) rotate(-4deg);} 2103.ts-lf__cul-ico svg{width:28px;height:28px;stroke:currentColor;stroke-width:2;fill:none;} 2104.ts-lf__cul-t{font-family:'Outfit',sans-serif;font-size:20px;font-weight:700;color:var(--ts-ink);letter-spacing:-.015em;margin-bottom:10px;position:relative;z-index:1;} 2105.ts-lf__cul-d{font-size:14.5px;color:var(--ts-ink-3);line-height:1.65;position:relative;z-index:1;} 2106 2107/* ============================================================ 2108 A DAY (timeline) 2109 ============================================================ */ 2110.ts-lf__day{background:linear-gradient(180deg,#FFFFFF,#EEF0FA);} 2111.ts-lf__day-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;} 2112.ts-lf__day-vis{display:flex;align-items:center;justify-content:center;} 2113.ts-lf__day-vis svg{width:100%;height:auto;max-width:480px;} 2114.ts-lf__day-list{display:flex;flex-direction:column;gap:14px;margin-top:24px;} 2115.ts-lf__day-item{ 2116 display:flex;align-items:flex-start;gap:14px; 2117 padding:14px 18px;border-radius:14px; 2118 background:#fff;border:1px solid var(--ts-line); 2119 transition:all .3s var(--ts-ease); 2120} 2121.ts-lf__day-item:hover{border-color:rgba(0,18,139,.18);box-shadow:0 10px 24px rgba(21,24,31,.05);transform:translateX(3px);} 2122.ts-lf__day-time{ 2123 flex-shrink:0;font-family:'Outfit',sans-serif;font-size:13px;font-weight:800;color:var(--ts-orange-deep); 2124 padding:6px 10px;border-radius:999px;background:var(--ts-tint);border:1px solid rgba(0,18,139,.14); 2125 min-width:64px;text-align:center; 2126} 2127.ts-lf__day-t{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;color:var(--ts-ink);letter-spacing:-.005em;margin-bottom:3px;} 2128.ts-lf__day-d{font-size:13.5px;color:var(--ts-ink-3);line-height:1.5;} 2129 2130/* ============================================================ 2131 SOCIAL FEEDS (LinkedIn + Instagram) 2132 ============================================================ */ 2133.ts-lf__soc{background:linear-gradient(180deg,#FFFFFF,#EEF0FA);} 2134.ts-lf__soc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;} 2135.ts-lf__feed{ 2136 position:relative;overflow:hidden; 2137 background:#fff;border:1px solid var(--ts-line);border-radius:24px; 2138 box-shadow:0 14px 40px rgba(21,24,31,.06),0 4px 12px rgba(21,24,31,.04); 2139 display:flex;flex-direction:column; 2140 transition:border-color .3s var(--ts-ease),box-shadow .3s var(--ts-ease); 2141} 2142.ts-lf__feed:hover{border-color:rgba(0,18,139,.18);box-shadow:0 22px 50px rgba(0,18,139,.10);} 2143.ts-lf__feed-head{ 2144 display:flex;align-items:center;justify-content:space-between;gap:14px; 2145 padding:20px 22px;border-bottom:1px solid var(--ts-line); 2146} 2147.ts-lf__feed-l{display:flex;align-items:center;gap:14px;} 2148.ts-lf__feed-ico{ 2149 width:44px;height:44px;border-radius:12px;flex-shrink:0; 2150 display:flex;align-items:center;justify-content:center;color:#fff; 2151} 2152.ts-lf__feed-ico--li{background:#0A66C2;box-shadow:0 6px 14px rgba(10,102,194,.30);} 2153.ts-lf__feed-ico--ig{background:linear-gradient(135deg,#FFDC80 0%,#F77737 25%,#F56040 50%,#E1306C 75%,#833AB4 100%);box-shadow:0 6px 14px rgba(225,48,108,.30);} 2154.ts-lf__feed-ico svg{width:22px;height:22px;} 2155.ts-lf__feed-meta{display:flex;flex-direction:column;} 2156.ts-lf__feed-n{font-family:'Outfit',sans-serif;font-size:15.5px;font-weight:800;color:var(--ts-ink);letter-spacing:-.005em;line-height:1.2;} 2157.ts-lf__feed-h{font-size:12.5px;color:var(--ts-ink-3);font-weight:600;margin-top:3px;} 2158.ts-lf__feed-link{ 2159 display:inline-flex;align-items:center;gap:6px; 2160 font-size:12.5px;font-weight:700;color:var(--ts-orange-deep);
2161 padding:7px 12px;border-radius:999px; 2162 background:var(--ts-tint);border:1px solid rgba(0,18,139,.14); 2163 transition:all .3s var(--ts-ease); 2164} 2165.ts-lf__feed-link:hover{background:var(--ts-cta);color:#fff;border-color:transparent;box-shadow:0 6px 14px rgba(0,18,139,.26);} 2166.ts-lf__feed-link svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.5;fill:none;} 2167 2168.ts-lf__feed-body{ 2169 position:relative; 2170 min-height:520px; 2171 background:#FFFFFF; 2172 display:flex; 2173} 2174.ts-lf__feed-body iframe{ 2175 width:100%;height:100%;min-height:520px;border:none;display:block; 2176} 2177/* Fallback shown when iframe is empty / blocked */ 2178.ts-lf__feed-fallback{ 2179 position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center; 2180 padding:32px;text-align:center; 2181} 2182.ts-lf__feed-fallback-ico{ 2183 width:64px;height:64px;border-radius:18px;margin-bottom:18px; 2184 display:flex;align-items:center;justify-content:center;color:#fff; 2185 box-shadow:0 10px 24px rgba(21,24,31,.12); 2186} 2187.ts-lf__feed-fallback-ico svg{width:30px;height:30px;} 2188.ts-lf__feed-fallback h4{font-family:'Outfit',sans-serif;font-size:18px;font-weight:800;color:var(--ts-ink);letter-spacing:-.01em;margin-bottom:8px;} 2189.ts-lf__feed-fallback p{font-size:14px;color:var(--ts-ink-3);line-height:1.6;max-width:340px;margin-bottom:18px;} 2190 2191/* ============================================================ 2192 HIRING CTA (simple, breathing room) 2193 ============================================================ */ 2194.ts-lf__cta-sec{padding:0 0 110px;} 2195.ts-lf__cta{ 2196 position:relative;overflow:hidden; 2197 padding:48px 56px;border-radius:28px; 2198 background: 2199 radial-gradient(700px 400px at 100% 0%, rgba(255,255,255,.22), transparent 60%), 2200 radial-gradient(500px 300px at 0% 100%, rgba(255,255,255,.18), transparent 60%), 2201 linear-gradient(135deg,#001E5C 0%,#001E5C 50%,#00128B 100%); 2202 box-shadow:0 30px 70px rgba(0,18,139,.26),0 10px 24px rgba(21,24,31,.08); 2203 display:grid;grid-template-columns:1.4fr auto;align-items:center;gap:48px; 2204} 2205.ts-lf__cta::before{ 2206 content:'';position:absolute;top:-100px;right:-100px;width:340px;height:340px;border-radius:50%; 2207 background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none; 2208} 2209.ts-lf__cta-body{position:relative;z-index:1;} 2210.ts-lf__cta-eye{ 2211 display:inline-flex;align-items:center;gap:6px; 2212 font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; 2213 color:#fff;padding:6px 12px;background:rgba(255,255,255,.18);border-radius:999px; 2214 border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);margin-bottom:18px; 2215 width:fit-content; 2216} 2217.ts-lf__cta-eye::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.30);animation:tsLfPulse 1.6s ease-in-out infinite;} 2218@keyframes tsLfPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.85);}} 2219.ts-lf__cta-body h2{font-family:'Outfit',sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:#fff;margin-bottom:12px;} 2220.ts-lf__cta-body p{font-size:16px;color:rgba(255,255,255,.88);line-height:1.65;max-width:540px;} 2221 2222.ts-lf__cta-acts{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;flex-shrink:0;} 2223/* Higher specificity than .ts-lf a so button text stays orange */ 2224.ts-lf a.ts-lf__cta-btn{ 2225 display:inline-flex;align-items:center;justify-content:center;gap:9px; 2226 height:54px;padding:0 28px;border-radius:999px; 2227 background:#fff;color:var(--ts-orange-deep);text-decoration:none; 2228 font:800 15px/1 'Plus Jakarta Sans',system-ui,sans-serif;white-space:nowrap; 2229 box-shadow:0 14px 30px rgba(21,24,31,.18),0 4px 10px rgba(21,24,31,.10); 2230 transition:transform .3s var(--ts-ease),box-shadow .3s var(--ts-ease); 2231} 2232.ts-lf a.ts-lf__cta-btn:hover{transform:translateY(-2px);color:var(--ts-orange-deep);box-shadow:0 20px 40px rgba(21,24,31,.24);} 2233.ts-lf__cta-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform .3s var(--ts-ease);} 2234.ts-lf__cta-btn:hover svg{transform:translateX(4px);} 2235 2236/* ============================================================ 2237 OFFICE COLLAGE (replaces day schedule section) 2238 ============================================================ */ 2239.ts-lf__off{background:linear-gradient(180deg,#FFFFFF,#EEF0FA);} 2240.ts-lf__off-head{text-align:center;max-width:760px;margin:0 auto 48px;} 2241.ts-lf__off-head .ts-lf__eye{margin:0 auto 14px;} 2242.ts-lf__off-head .ts-lf__h2{margin-bottom:14px;} 2243.ts-lf__off-head .ts-lf__sub{margin:14px auto 0;} 2244.ts-lf__off-grid{ 2245 display:grid; 2246 grid-template-columns:repeat(8,1fr); 2247 grid-auto-rows:150px; 2248 gap:14px; 2249} 2250.ts-lf__off-it{ 2251 overflow:hidden; 2252 border-radius:18px; 2253 background:#EEF0FA; 2254 box-shadow:0 10px 28px rgba(0,18,139,.10);
2255 border:1px solid rgba(0,18,139,.06); 2256} 2257.ts-lf__off-it img{ 2258 width:100%; 2259 height:100%; 2260 object-fit:cover; 2261 display:block; 2262} 2263.ts-lf__off-it--1{grid-column:1 / span 3;grid-row:1 / span 2;} 2264.ts-lf__off-it--2{grid-column:4 / span 2;grid-row:1 / span 1;} 2265.ts-lf__off-it--3{grid-column:6 / span 3;grid-row:1 / span 2;} 2266.ts-lf__off-it--4{grid-column:4 / span 2;grid-row:2 / span 2;} 2267.ts-lf__off-it--5{grid-column:1 / span 2;grid-row:3 / span 2;} 2268.ts-lf__off-it--6{grid-column:3 / span 1;grid-row:3 / span 1;} 2269.ts-lf__off-it--7{grid-column:6 / span 3;grid-row:3 / span 2;} 2270.ts-lf__off-it--8{grid-column:3 / span 1;grid-row:4 / span 1;} 2271.ts-lf__off-it--9{grid-column:4 / span 2;grid-row:4 / span 1;} 2272 2273/* ============================================================ 2274 RESPONSIVE 2275 ============================================================ */ 2276@media (max-width:1100px){ 2277 .ts-lf__hero-grid,.ts-lf__day-grid{grid-template-columns:1fr;gap:40px;} 2278 .ts-lf__hero-vis,.ts-lf__day-vis{max-width:520px;margin:0 auto;} 2279 .ts-lf__cul-grid{grid-template-columns:repeat(2,1fr);} 2280 .ts-lf__soc-grid{grid-template-columns:1fr;} 2281 .ts-lf__cta{grid-template-columns:1fr;padding:40px 36px;gap:28px;text-align:left;} 2282 .ts-lf__cta-acts{justify-content:flex-start;} 2283 .ts-lf__off-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:140px;} 2284 .ts-lf__off-it--1{grid-column:1 / span 3;grid-row:1 / span 2;} 2285 .ts-lf__off-it--2{grid-column:4 / span 3;grid-row:1 / span 1;} 2286 .ts-lf__off-it--3{grid-column:4 / span 3;grid-row:2 / span 2;} 2287 .ts-lf__off-it--4{grid-column:1 / span 2;grid-row:3 / span 2;} 2288 .ts-lf__off-it--5{grid-column:3 / span 3;grid-row:4 / span 2;} 2289 .ts-lf__off-it--6{grid-column:1 / span 2;grid-row:5 / span 1;} 2290 .ts-lf__off-it--7{grid-column:1 / span 3;grid-row:6 / span 2;} 2291 .ts-lf__off-it--8{grid-column:4 / span 3;grid-row:6 / span 1;} 2292 .ts-lf__off-it--9{grid-column:4 / span 3;grid-row:7 / span 1;} 2293} 2294@media (max-width:768px){ 2295 .ts-lf__c{padding:0 20px;} 2296 .ts-lf__hero{padding:160px 0 70px;} 2297 .ts-lf__sec{padding:80px 0;} 2298 .ts-lf__cul-grid{grid-template-columns:1fr;} 2299 .ts-lf__hero-acts{flex-direction:column;align-items:stretch;} 2300 .ts-lf__btn,.ts-lf__btn-ghost{width:100%;justify-content:center;} 2301 .ts-lf__cta{padding:36px 28px;border-radius:24px;} 2302 .ts-lf__cta-body h2{font-size:26px;} 2303 .ts-lf a.ts-lf__cta-btn{width:100%;} 2304 .ts-lf__cta-sec{padding-bottom:60px;} 2305 .ts-lf__off-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:120px;gap:10px;} 2306 .ts-lf__off-it--1{grid-column:1 / span 2;grid-row:1 / span 2;} 2307 .ts-lf__off-it--2{grid-column:3 / span 2;grid-row:1 / span 1;} 2308 .ts-lf__off-it--3{grid-column:3 / span 2;grid-row:2 / span 2;} 2309 .ts-lf__off-it--4{grid-column:1 / span 2;grid-row:3 / span 2;} 2310 .ts-lf__off-it--5{grid-column:1 / span 2;grid-row:5 / span 2;} 2311 .ts-lf__off-it--6{grid-column:3 / span 1;grid-row:4 / span 1;} 2312 .ts-lf__off-it--7{grid-column:3 / span 2;grid-row:5 / span 2;} 2313 .ts-lf__off-it--8{grid-column:4 / span 1;grid-row:4 / span 1;} 2314 .ts-lf__off-it--9{grid-column:1 / span 4;grid-row:7 / span 2;} 2315} 2316@media (max-width:480px){ 2317 .ts-lf__c{padding:0 16px;} 2318 .ts-lf__hero{padding:140px 0 60px;} 2319 .ts-lf__hero p{font-size:16px;} 2320 .ts-lf__off-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;} 2321 .ts-lf__off-it--1,.ts-lf__off-it--2,.ts-lf__off-it--3,.ts-lf__off-it--4,.ts-lf__off-it--5,.ts-lf__off-it--6,.ts-lf__off-it--7,.ts-lf__off-it--8,.ts-lf__off-it--9{grid-column:auto;grid-row:auto;} 2322 .ts-lf__off-it--1,.ts-lf__off-it--5,.ts-lf__off-it--7{grid-column:span 2;grid-row:span 2;} 2323} 2324</style> 2325 2326<div class="ts-lf"> 2327 2328<!-- ============================================================ 2329 HERO 2330 ============================================================ --> 2331<section class="ts-lf__hero"> 2332 <div class="ts-lf__c"> 2333 <div class="ts-lf__hero-grid"> 2334 <div> 2335 <div class="ts-lf__eye">Life at ThinkerSteps</div> 2336 <h1> 2337 Where engineers, designers, and <em>good people</em> ship <span class="acc">real software</span>. 2338 </h1> 2339 <p> 2340 ThinkerSteps is a place to build, learn, and ship. Real products, real users, real outcomes. See what a typical day looks like, what we care about, and what we have been up to lately on LinkedIn and Instagram. 2341 </p> 2342 <div class="ts-lf__hero-acts"> 2343 <a class="ts-lf__btn" href="/careers"> 2344 See open roles 2345 <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 2346 </a> 2347 <a class="ts-lf__btn-ghost" href="#feeds"> 2348 <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg> 2349 Jump to live posts 2350 </a> 2351 </div> 2352 </div> 2353 2354 <!-- Hero illustration: collaborative team --> 2355 <div class="ts-lf__hero-vis"> 2356 <svg viewBox="0 0 520 480" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 2357 <defs> 2358 <linearGradient id="lfHeroBg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#EEF0FA"/><stop offset="1" stop-color="#ECFBFC"/></linearGradient> 2359 <linearGradient id="lfOrg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#001E5C"/><stop offset="1" stop-color="#00128B"/></linearGradient> 2360 </defs> 2361 <!-- Backdrop --> 2362 <rect x="20" y="40" width="480" height="400" rx="32" fill="url(#lfHeroBg)"/> 2363 2364 <!-- Desk/table --> 2365 <rect x="60" y="320" width="400" height="14" rx="4" fill="#15181F" opacity=".85"/> 2366 <rect x="80" y="334" width="8" height="80" fill="#15181F" opacity=".75"/> 2367 <rect x="432" y="334" width="8" height="80" fill="#15181F" opacity=".75"/> 2368 2369 <!-- Laptop center --> 2370 <g transform="translate(200,230)"> 2371 <rect width="120" height="80" rx="6" fill="#15181F"/> 2372 <rect x="6" y="6" width="108" height="64" rx="3" fill="#EEF0FA"/> 2373 <rect x="14" y="14" width="60" height="6" rx="1.5" fill="url(#lfOrg)"/> 2374 <rect x="14" y="26" width="90" height="4" rx="1" fill="rgba(21,24,31,.18)"/> 2375 <rect x="14" y="36" width="80" height="4" rx="1" fill="rgba(21,24,31,.14)"/> 2376 <rect x="14" y="46" width="60" height="4" rx="1" fill="rgba(21,24,31,.14)"/> 2377 <rect x="14" y="58" width="40" height="6" rx="1" fill="url(#lfOrg)"/> 2378 <rect x="-10" y="80" width="140" height="6" rx="2" fill="#15181F"/> 2379 </g> 2380 2381 <!-- Coffee mug --> 2382 <g transform="translate(140,278)"> 2383 <rect width="28" height="34" rx="4" fill="#fff" stroke="url
2383(#lfOrg)" stroke-width="2"/> 2384 <rect x="6" y="0" width="16" height="6" rx="1" fill="url(#lfOrg)"/> 2385 <path d="M28 10 Q36 14 36 22 Q36 28 28 30" stroke="url(#lfOrg)" stroke-width="2" fill="none"/> 2386 </g> 2387 2388 <!-- Plant --> 2389 <g transform="translate(348,254)"> 2390 <path d="M22 32 Q14 22 18 8 Q22 18 26 16 Q24 8 30 4 Q30 14 34 16 Q38 10 42 18 Q34 22 32 32 Z" fill="#16A34A"/> 2391 <rect x="14" y="32" width="34" height="26" rx="4" fill="#001E5C"/> 2392 <rect x="14" y="32" width="34" height="6" fill="#00128B"/> 2393 </g> 2394 2395 <!-- Person 1 (left, gestures with hand) --> 2396 <g transform="translate(60,184)"> 2397 <!-- chair back --> 2398 <rect x="6" y="120" width="56" height="10" rx="3" fill="#2E323D"/> 2399 <!-- body --> 2400 <rect x="10" y="76" width="48" height="56" rx="14" fill="url(#lfOrg)"/> 2401 <!-- head --> 2402 <circle cx="34" cy="56" r="18" fill="#F5D7B5"/> 2403 <!-- hair --> 2404 <path d="M16 50 Q16 36 34 36 Q52 36 52 50 L52 54 Q44 46 34 46 Q24 46 16 54 Z" fill="#2E323D"/> 2405 <!-- face --> 2406 <circle cx="27" cy="58" r="1.6" fill="#2E323D"/> 2407 <circle cx="41" cy="58" r="1.6" fill="#2E323D"/> 2408 <path d="M30 66 Q34 68 38 66" stroke="#8B5E3C" stroke-width="1.3" fill="none" stroke-linecap="round"/> 2409 <!-- hand raised gesturing --> 2410 <rect x="56" y="74" width="14" height="36" rx="6" fill="url(#lfOrg)"/> 2411 <circle cx="63" cy="74" r="7" fill="#F5D7B5"/> 2412 </g> 2413 2414 <!-- Person 2 (right, focused on laptop) --> 2415 <g transform="translate(360,180)"> 2416 <!-- chair back --> 2417 <rect x="6" y="120" width="56" height="10" rx="3" fill="#2E323D"/> 2418 <!-- orange shirt body --> 2419 <rect x="10" y="76" width="48" height="56" rx="14" fill="url(#lfOrg)"/> 2420 <!-- face --> 2421 <circle cx="34" cy="56" r="18" fill="#F5D7B5"/> 2422 <!-- short side-part hair (clean, no hood) --> 2423 <path d="M16 50 Q16 36 34 36 Q52 36 52 50 L52 54 Q44 46 34 46 Q24 46 16 54 Z" fill="#2E323D"/> 2424 <!-- eyes --> 2425 <circle cx="27" cy="58" r="1.6" fill="#2E323D"/> 2426 <circle cx="41" cy="58" r="1.6" fill="#2E323D"/> 2427 <!-- smile --> 2428 <path d="M30 66 Q34 68 38 66" stroke="#8B5E3C" stroke-width="1.3" fill="none" stroke-linecap="round"/> 2429 <!-- arms resting forward (typing pose) --> 2430 <rect x="2" y="86" width="14" height="28" rx="6" fill="url(#lfOrg)"/> 2431 <rect x="52" y="86" width="14" height="28" rx="6" fill="url(#lfOrg)"/> 2432 <circle cx="9" cy="116" r="6" fill="#F5D7B5"/> 2433 <circle cx="59" cy="116" r="6" fill="#F5D7B5"/> 2434 </g> 2435 2436 <!-- Floating chat bubble (LinkedIn) --> 2437 <g transform="translate(80,100)"> 2438 <rect width="86" height="44" rx="14" fill="#fff" stroke="rgba(0,18,139,.16)"/> 2439 <circle cx="16" cy="22" r="8" fill="#0A66C2"/> 2440 <text x="16" y="26" text-anchor="middle" font-family="Outfit,sans-serif" font-size="10" font-weight="800" fill="#fff">in</text> 2441 <rect x="30" y="12" width="44" height="6" rx="2" fill="rgba(21,24,31,.18)"/> 2442 <rect x="30" y="22" width="34" height="6" rx="2" fill="rgba(21,24,31,.14)"/> 2443 <rect x="30" y="32" width="24" height="6" rx="2" fill="url(#lfOrg)"/> 2444 </g> 2445 2446 <!-- Floating chat bubble (Instagram) --> 2447 <g transform="translate(360,80)"> 2448 <rect width="86" height="44" rx="14" fill="#fff" stroke="rgba(0,18,139,.16)"/> 2449 <rect x="8" y="14" width="16" height="16" rx="4" fill="none" stroke="#E1306C" stroke-width="2"/> 2450 <circle cx="16" cy="22" r="3.5" fill="none" stroke="#E1306C" stroke-width="2"/> 2451 <circle cx="22" cy="17" r="1.2" fill="#E1306C"/> 2452 <rect x="30" y="12" width="44" height="6" rx="2" fill="rgba(21,24,31,.18)"/> 2453 <rect x="30" y="22" width="38" height="6" rx="2" fill="rgba(21,24,31,.14)"/> 2454 <rect x="30" y="32" width="22" height="6" rx="2" fill="url(#lfOrg)"/> 2455 </g> 2456 2457 <!-- Dashed connector --> 2458 <path d="M168 122 Q220 150 240 220" stroke="rgba(0,18,139,.45)" stroke-width="2" stroke-dasharray="5 5" fill="none"/> 2459 <path d="M362 122 Q310 150 280 220" stroke="rgba(0,18,139,.45)" stroke-width="2" stroke-dasharray="5 5" fill="none"/> 2460 </svg> 2461 </div> 2462 </div> 2463 </div> 2464</section> 2465 2466<!-- ============================================================ 2467 CULTURE PILLARS 2468 ============================================================ --> 2469<section class="ts-lf__sec ts-lf__cul"> 2470 <div class="ts-lf__c"> 2471 <div class="ts-lf__sec-head ts-lf__sec-head--center"> 2472 <div class="ts-lf__sec-head-l"> 2473 <div class="ts-lf__eye">
2473What it is like to work here</div> 2474 <h2 class="ts-lf__h2">Six things you can <em>expect every week</em>.</h2> 2475 <p class="ts-lf__sub">No fluffy slogans. These are the working rules that shape how we hire, how we sprint, and how we make decisions.</p> 2476 </div> 2477 </div> 2478 2479 <div class="ts-lf__cul-grid"> 2480 <div class="ts-lf__cul-card"> 2481 <div class="ts-lf__cul-ico"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div> 2482 <h3 class="ts-lf__cul-t">Build with peers, not bosses</h3> 2483 <p class="ts-lf__cul-d">Small teams of senior engineers, designers, and product folks who own the work end to end. No long approval chains, no email tennis.</p> 2484 </div> 2485 <div class="ts-lf__cul-card"> 2486 <div class="ts-lf__cul-ico"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div> 2487 <h3 class="ts-lf__cul-t">Ship in two week sprints</h3> 2488 <p class="ts-lf__cul-d">Demos every Friday, retro every two weeks. You can see the result of your week, every single week.</p> 2489 </div> 2490 <div class="ts-lf__cul-card"> 2491 <div class="ts-lf__cul-ico"><svg viewBox="0 0 24 24"><path d="M12 20v-6"/><path d="M9 6.5l3-4.5 3 4.5"/><circle cx="12" cy="10" r="4"/><path d="M18 21h-12a2 2 0 0 1-2-2v-3h16v3a2 2 0 0 1-2 2z"/></svg></div> 2492 <h3 class="ts-lf__cul-t">Learning budget, always</h3> 2493 <p class="ts-lf__cul-d">Books, courses, conferences, paid for. We invest in the people who invest in their craft.</p> 2494 </div> 2495 <div class="ts-lf__cul-card"> 2496 <div class="ts-lf__cul-ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> 2497 <h3 class="ts-lf__cul-t">Real hours, real life</h3> 2498 <p class="ts-lf__cul-d">Flexible start times. Hybrid work weeks. We measure outcomes, not seats. If you ship and you are present for your team, you are good.</p> 2499 </div> 2500 <div class="ts-lf__cul-card"> 2501 <div class="ts-lf__cul-ico"><svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div> 2502 <h3 class="ts-lf__cul-t">Safe to disagree</h3> 2503 <p class="ts-lf__cul-d">If you think the plan is wrong, say so. We do not punish dissent, we reward better decisions. Even when they are uncomfortable.</p> 2504 </div> 2505 <div class="ts-lf__cul-card"> 2506 <div class="ts-lf__cul-ico"><svg viewBox="0 0 24 24"><polygon points="12 2 15 8.5 22 9.3 17 14.1 18.2 21 12 17.8 5.8 21 7 14.1 2 9.3 9 8.5 12 2"/></svg></div> 2507 <h3 class="ts-lf__cul-t">Career in your hands</h3> 2508 <p class="ts-lf__cul-d">Quarterly growth reviews with real feedback. Defined paths to senior, lead, and beyond. Side projects encouraged. Stagnation discouraged.</p> 2509 </div> 2510 </div> 2511 </div> 2512</section> 2513 2514<!-- ============================================================ 2515 INSIDE THE OFFICE (photo collage) 2516 ============================================================ --> 2517<section class="ts-lf__sec ts-lf__off"> 2518 <div class="ts-lf__c"> 2519 <div class="ts-lf__off-head"> 2520 <div class="ts-lf__eye">Inside ThinkerSteps</div> 2521 <h2 class="ts-lf__h2">Where the work happens, <em>and the team that makes it happen</em>
2521.</h2> 2522 <p class="ts-lf__sub">A few snapshots from around the office — the people, the energy, and the everyday moments that shape how we build.</p> 2523 </div> 2524 2525 <div class="ts-lf__off-grid"> 2526 <div class="ts-lf__off-it ts-lf__off-it--1"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/1.png" alt="ThinkerSteps office moment 1" loading="lazy"></div> 2527 <div class="ts-lf__off-it ts-lf__off-it--2"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/3.png" alt="ThinkerSteps office moment 2" loading="lazy"></div> 2528 <div class="ts-lf__off-it ts-lf__off-it--3"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/2.png" alt="ThinkerSteps office moment 3" loading="lazy"></div> 2529 <div class="ts-lf__off-it ts-lf__off-it--4"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/4.png" alt="ThinkerSteps office moment 4" loading="lazy"></div> 2530 <div class="ts-lf__off-it ts-lf__off-it--5"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/5.png" alt="ThinkerSteps office moment 5" loading="lazy"></div> 2531 <div class="ts-lf__off-it ts-lf__off-it--6"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/6.png" alt="ThinkerSteps office moment 6" loading="lazy"></div> 2532 <div class="ts-lf__off-it ts-lf__off-it--7"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/7.png" alt="ThinkerSteps office moment 7" loading="lazy"></div> 2533 <div class="ts-lf__off-it ts-lf__off-it--8"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/8.png" alt="ThinkerSteps office moment 8" loading="lazy"></div> 2534 <div class="ts-lf__off-it ts-lf__off-it--9"><img decoding="async" src="https://thinkersteps.com/wp-content/uploads/2026/06/9.png" alt="ThinkerSteps office moment 9" loading="lazy"></div> 2535 </div> 2536 </div> 2537</section> 2538 2539<!-- ============================================================ 2540 SOCIAL FEEDS (LinkedIn + Instagram) 2541 ============================================================ --> 2542<section class="ts-lf__sec ts-lf__soc" id="feeds"> 2543 <div class="ts-lf__c"> 2544 <div class="ts-lf__sec-head ts-lf__sec-head--center"> 2545 <div class="ts-lf__sec-head-l"> 2546 <div class="ts-lf__eye">From our feeds</div> 2547 <h2 class="ts-lf__h2">What we are <em>up to right now</em>.</h2> 2548 <p class="ts-lf__sub">Pulled live from our LinkedIn and Instagram. Follow us if you want this in your feed too.</p> 2549 </div> 2550 </div> 2551 2552 <div class="ts-lf__soc-grid"> 2553 2554 <!-- LINKEDIN FEED --> 2555 <div class="ts-lf__feed"> 2556 <div class="ts-lf__feed-head"> 2557 <div class="ts-lf__feed-l"> 2558 <div class="ts-lf__feed-ico ts-lf__feed-ico--li"> 2559 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 1 1 8.3 6.5a1.78 1.78 0 0 1-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0 0 13 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 0 1 2.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> 2560 </div> 2561 <div class="ts-lf__feed-meta"> 2562 <span class="ts-lf__feed-n">ThinkerSteps Technologies</span> 2563 <span class="ts-lf__feed-h">Live from LinkedIn</span> 2564 </div> 2565 </div> 2566 <a class="ts-lf__feed-link" href="https://www.linkedin.com/company/thinkersteps-technologies-pvt-ltd" target="_blank" rel="noopener nofollow"> 2567 Follow 2568 <svg viewBox="0 0 24 24"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg> 2569 </a> 2570 </div> 2571 <div class="ts-lf__feed-body"> 2572 <!-- 2573 LINKEDIN FEED: 2574 Replace the iframe below with your widget code from Elfsight, 2575 EmbedSocial, or any similar service. 2576 Suggested: https://elfsight.com/linkedin-feed-widget/ 2577 --> 2578 <iframe 2579 src="about:blank" 2580 title="ThinkerSteps on LinkedIn" 2581 loading="lazy" 2582 allowtransparency="true" 2583 allow="encrypted-media" 2584 data-tslf-feed="linkedin" 2585 ></iframe> 2586 <!-- Fallback (shown when iframe is empty) --> 2587 <div class="ts-lf__feed-fallback" data-tslf-fallback> 2588 <div class="ts-lf__feed-fallback-ico" style="background:#0A66C2;"> 2589 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 1 1 8.3 6.5a1.78 1.78 0 0 1-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0 0 13 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 0 1 2.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> 2590 </div> 2591 <h4>See the latest posts on LinkedIn</h4> 2592 <p>Project updates, hiring announcements, and behind the scenes stories from the team.</p> 2593 <a class="ts-lf__btn" href="https://www.linkedin.com/company/thinkersteps-technologies-pvt-ltd" target="_blank" rel="noopener nofollow"> 2594 Visit LinkedIn page 2595 <svg viewBox="0 0 24 24"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg> 2596 </a> 2597 </div> 2598 </div> 2599 </div> 2600 2601 <!-- INSTAGRAM FEED --> 2602 <div class="ts-lf__feed"> 2603 <div class="ts-lf__feed-head"> 2604 <div class="ts-lf__feed-l"> 2605 <div class="ts-lf__feed-ico ts-lf__feed-ico--ig"> 2606 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg> 2607 </div> 2608 <div class="ts-lf__feed-meta">
2609 <span class="ts-lf__feed-n">@thinkersteps</span> 2610 <span class="ts-lf__feed-h">Live from Instagram</span> 2611 </div> 2612 </div> 2613 <a class="ts-lf__feed-link" href="https://www.instagram.com/thinkersteps/" target="_blank" rel="noopener nofollow"> 2614 Follow 2615 <svg viewBox="0 0 24 24"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg> 2616 </a> 2617 </div> 2618 <div class="ts-lf__feed-body"> 2619 <!-- 2620 INSTAGRAM FEED: 2621 Replace LIGHTWIDGET_ID_HERE below with your LightWidget ID 2622 after signup at https://lightwidget.com 2623 (Free plan available, no Instagram developer setup required) 2624 --> 2625 <iframe 2626 src="//lightwidget.com/widgets/LIGHTWIDGET_ID_HERE.html" 2627 title="ThinkerSteps on Instagram" 2628 scrolling="no" 2629 allowtransparency="true" 2630 class="lightwidget-widget" 2631 data-tslf-feed="instagram" 2632 ></iframe> 2633 <!-- Fallback (shown when iframe is empty / not yet configured) --> 2634 <div class="ts-lf__feed-fallback" data-tslf-fallback> 2635 <div class="ts-lf__feed-fallback-ico" style="background:linear-gradient(135deg,#FFDC80 0%,#F77737 25%,#F56040 50%,#E1306C 75%,#833AB4 100%);"> 2636 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg> 2637 </div> 2638 <h4>See our latest reels and stories</h4> 2639 <p>Office moments, team off sites, product launches, and the occasional behind the scenes reel.</p> 2640 <a class="ts-lf__btn" href="https://www.instagram.com/thinkersteps/" target="_blank" rel="noopener nofollow"> 2641 Visit @thinkersteps 2642 <svg viewBox="0 0 24 24"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg> 2643 </a> 2644 </div> 2645 </div> 2646 </div> 2647 2648 </div> 2649 </div> 2650</section> 2651 2652</div> 2653
2654<script> 2655(function(){ 2656 if (window.__tsLifeFeeds) return; 2657 window.__tsLifeFeeds = true; 2658 2659 function init(){ 2660 /* Hide iframe and show fallback when iframe src is empty/placeholder */ 2661 var feeds = document.querySelectorAll('[data-tslf-feed]'); 2662 feeds.forEach(function(iframe){ 2663 var src = iframe.getAttribute('src') || ''; 2664 var unconfigured = !src 2665 || src === 'about:blank' 2666 || src.indexOf('LIGHTWIDGET_ID_HERE') !== -1 2667 || src.indexOf('YOUR_WIDGET_ID') !== -1; 2668 if (unconfigured){ 2669 iframe.style.display = 'none'; 2670 } else { 2671 var parent = iframe.parentElement; 2672 if (parent){ 2673 var fallback = parent.querySelector('[data-tslf-fallback]'); 2674 if (fallback) fallback.style.display = 'none'; 2675 } 2676 } 2677 }); 2678 } 2679 2680 if (document.readyState === 'loading'){ 2681 document.addEventListener('DOMContentLoaded', init); 2682 } else { 2683 init(); 2684 } 2685})(); 2686</script>
2686 2687 </div> 2688 </div> 2689 </div> 2690 </div> 2691 </div> 2692 </section> 2693 </div> 2694 </div><!-- .entry-content --> 2695 </div> 2696</article><!-- #post-8638 --> 2697 2698 </div> 2699 </div><!-- #main --> 2700 </div> 2701</div><!-- #primary --> 2702 </main><!-- #inner-wrap --> 2703 <footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo"> 2704 <div class='footer-width-fixer'><style></style> <div data-elementor-type="wp-post" data-elementor-id="8580" class="elementor elementor-8580"> 2705 <section class="elementor-section elementor-top-section elementor-element elementor-element-5f500b3 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="5f500b3" data-element_type="section" data-e-type="section"> 2706 <div class="elementor-container elementor-column-gap-no"> 2707 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b2f459" data-id="9b2f459" data-element_type="column" data-e-type="column"> 2708 <div class="elementor-widget-wrap elementor-element-populated"> 2709 <div class="elementor-element elementor-element-d645ca8 elementor-widget elementor-widget-html" data-id="d645ca8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default"> 2710 <div class="elementor-widget-container"> 2711 <!DOCTYPE html> 2712<html lang="en"> 2713<head> 2714<meta charset="UTF-8"/> 2715<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 2716<title>ThinkerSteps â Footer</title> 2717<link rel="preconnect" href="https://fonts.googleapis.com"> 2718<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 2719<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap" rel="stylesheet"> 2720 2721<style> 2722/* ============================================================ 2723 THINKERSTEPS â PREMIUM FOOTER 2724 Palette consistent with header: white + soft orange accents 2725 ============================================================ */ 2726:root{ 2727 --ts-orange:#00128B; 2728 --ts-orange-mid:#001E5C; 2729 --ts-orange-deep:#F26615; 2730 --ts-orange-darker:#090312; 2731 --ts-orange-soft:#ECFBFC; 2732 2733 --ts-ink:#15181F; 2734 --ts-ink-2:#3A3F4A; 2735 --ts-ink-3:#6B7280; 2736 --ts-ink-4:#9CA3AF; 2737 2738 --ts-white:#FFFFFF; 2739 --ts-cream:#FFFFFF; 2740 --ts-tint:#EEF0FA; 2741 --ts-tint-2:#ECFBFC; 2742 --ts-line:rgba(21,24,31,.07); 2743 --ts-line-2:rgba(21,24,31,.05); 2744 --ts-line-orange:rgba(0,18,139,.12); 2745 2746 --ts-cta:linear-gradient(135deg,#001E5C 0%,#00128B 55%,#090312 100%); 2747 --ts-cta-hov:linear-gradient(135deg,#00128B 0%,#001E5C 55%,#00128B 100%); 2748 --ts-cta-glow:0 1px 0 rgba(255,255,255,.28) inset, 0 -1px 0 rgba(9,3,18,.30) inset, 0 8px 20px rgba(0,18,139,.30), 0 2px 6px rgba(0,18,139,.18); 2749 --ts-cta-glow-hov:0 1px 0 rgba(255,255,255,.34) inset, 0 -1px 0 rgba(9,3,18,.35) inset, 0 14px 30px rgba(0,18,139,.36), 0 4px 10px rgba(0,18,139,.28); 2750 2751 --ts-ease:cubic-bezier(0.16,1,0.3,1); 2752} 2753 2754html,body{margin:0;padding:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#FFFFFF;-webkit-font-smoothing:antialiased;} 2755 2756/* ============================================================ */ 2757.ts-f *,.ts-f *::before,.ts-f *::after{box-sizing:border-box;margin:0;padding:0;} 2758.ts-f{ 2759 position:relative; 2760 font-family:'Plus Jakarta Sans',system-ui,sans-serif; 2761 color:var(--ts-ink-2); 2762 background: 2763 radial-gradient(900px 500px at 0% 0%, rgba(0,18,139,.08), transparent 60%), 2764 radial-gradient(900px 500px at 100% 100%, rgba(236,251,252,.50), transparent 60%), 2765 linear-gradient(180deg,#FFFFFF 0%,#EEF0FA 100%); 2766 padding-top:90px; 2767 overflow:hidden; 2768} 2769.ts-f a{text-decoration:none;color:inherit;} 2770.ts-f ul{list-style:none;} 2771.ts-f button{border:none;cursor:pointer;font-family:inherit;color:inherit;background:transparent;-webkit-appearance:none;appearance:none;} 2772 2773/* Decorative top wave */ 2774.ts-f::before{ 2775 content:'';position:absolute;top:0;left:0;right:0;height:1px; 2776 background:linear-gradient(90deg,transparent,rgba(0,18,139,.18) 30%,rgba(242,102,21,.40) 50%,rgba(0,18,139,.18) 70%,transparent); 2777} 2778 2779.ts-f__wrap{max-width:1280px;margin:0 auto;padding:0 32px;} 2780 2781/* ============================================================ 2782 CTA BANNER (top) 2783 ============================================================ */ 2784.ts-f__cta{ 2785 position:relative; 2786 display:grid;grid-template-columns:1.4fr auto;align-items:center;gap:32px; 2787 padding:36px 48px;border-radius:24px; 2788 background: 2789 linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,.4)), 2790 linear-gradient(135deg,#FFFFFF 0%,#EEF0FA 100%); 2791 border:1px solid rgba(255,255,255,.8); 2792 box-shadow: 2793 0 30px 70px rgba(0,18,139,.10), 2794 0 8px 22px rgba(21,24,31,.04), 2795 inset 0 1px 0 rgba(255,255,255,.9); 2796 margin-bottom:72px;overflow:hidden; 2797} 2798.ts-f__cta::before{ 2799 content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%; 2800 background:radial-gradient(circle,rgba(0,18,139,.18),transparent 70%); 2801 pointer-events:none; 2802} 2803.ts-f__cta::after{ 2804 content:'';position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;border-radius:50%; 2805 background:radial-gradient(circle,rgba(242,102,21,.10),transparent 70%); 2806 pointer-events:none; 2807} 2808.ts-f__cta-body{position:relative;z-index:1;} 2809.ts-f__cta-eye{ 2810 display:inline-flex;align-items:center;gap:6px; 2811 font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; 2812 color:var(--ts-orange-deep);margin-bottom:14px; 2813 padding:6px 12px;background:rgba(255,255,255,.85);border-radius:999px; 2814 border:1px solid rgba(242,102,21,.18); 2815} 2816.ts-f__cta-eye::before{ 2817 content:'';width:6px;height:6px;border-radius:50%; 2818 background:#F26615; 2819 box-shadow:0 0 0 3px rgba(242,102,21,.24); 2820} 2821.ts-f__cta-head{ 2822 font-family:'Outfit',system-ui,sans-serif; 2823 font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.025em; 2824 color:var(--ts-ink);margin-bottom:10px; 2825} 2826.ts-f__cta-head em{font-style:normal;background:linear-gradient(135deg,var(--ts-orange) 0%,var(--ts-orange-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} 2827.ts-f__cta-sub{font-size:15px;color:var(--ts-ink-3);line-height:1.55;max-width:520px;} 2828.ts-f__cta-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;position:relative;z-index:1;} 2829 2830.ts-f__btn{ 2831 display:inline-flex;align-items:center;justify-content:center;gap:9px; 2832 height:52px;padding:0 26px;border-radius:999px; 2833 background:var(--ts-cta);color:#fff !important; 2834 font-size:15px;font-weight:700;letter-spacing:.005em;white-space:nowrap; 2835 box-shadow:var(--ts-cta-glow); 2836 position:relative;overflow:hidden;isolation:isolate; 2837 transition:transform .35s var(--ts-ease),box-shadow .35s var(--ts-ease); 2838} 2839.ts-f__btn::before{ 2840 content:'';position:absolute;inset:0;border-radius:inherit; 2841 background:var(--ts-cta-hov);opacity:0;transition:opacity .4s var(--ts-ease);z-index:-1; 2842} 2843.ts-f__btn::after{ 2844 content:'';position:absolute;top:0;left:-120%;width:55%;height:100%; 2845 background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); 2846 transform:skewX(-20deg);transition:left .8s var(--ts-ease);pointer-events:none; 2847} 2848.ts-f__btn:hover{transform:translateY(-2px);box-shadow:var(--ts-cta-glow-hov);} 2849.ts-f__btn:hover::before{opacity:1;} 2850.ts-f__btn:hover::after{left:140%;} 2851.ts-f__btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform .3s var(--ts-ease);} 2852.ts-f__btn:hover svg.arr{transform:translateX(4px);} 2853 2854.ts-f__btn-ghost{ 2855 display:inline-flex;align-items:center;justify-content:center;gap:9px; 2856 height:52px;padding:0 24px;border-radius:999px; 2857 background:rgba(255,255,255,.85);color:var(--ts-ink); 2858 font-size:15px;font-weight:700;letter-spacing:.005em;white-space:nowrap; 2859 border:1px solid rgba(21,24,31,.08); 2860 box-shadow:0 4px 12px rgba(21,24,31,.04); 2861 transition:all .35s var(--ts-ease); 2862} 2863.ts-f__btn-ghost:hover{background:#fff;color:var(--ts-orange-deep);border-color:rgba(242,102,21,.24);transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,24,31,.06);} 2864.ts-f__btn-ghost svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.4;fill:none;} 2865 2866/* ============================================================ 2867 MAIN GRID â Brand / Services / Company / Newsletter 2868 ============================================================ */ 2869.ts-f__main{ 2870 display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:48px; 2871 padding-bottom:64px; 2872} 2873 2874.ts-f__brand-logo{display:inline-flex;align-items:center;margin-bottom:20px;}
2875.ts-f__brand-logo img{height:64px;width:auto;display:block;} 2876.ts-f__brand-desc{font-size:14.5px;color:var(--ts-ink-3);line-height:1.65;margin-bottom:22px;max-width:380px;} 2877.ts-f__brand-tag{ 2878 display:inline-flex;align-items:center;gap:8px; 2879 font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; 2880 color:var(--ts-orange-deep); 2881 padding:6px 12px;background:rgba(255,255,255,.7);border-radius:999px; 2882 border:1px solid rgba(242,102,21,.18);margin-bottom:22px; 2883} 2884.ts-f__brand-tag::before{ 2885 content:'';width:6px;height:6px;border-radius:50%; 2886 background:#16A34A;box-shadow:0 0 0 3px rgba(22,163,74,.22); 2887} 2888 2889/* Contact rows */ 2890.ts-f__contact{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;} 2891.ts-f__contact a{ 2892 display:inline-flex;align-items:center;gap:12px; 2893 font-size:14px;font-weight:600;color:var(--ts-ink-2); 2894 transition:color .25s var(--ts-ease); 2895} 2896.ts-f__contact-ico{ 2897 width:36px;height:36px;border-radius:10px; 2898 background:linear-gradient(135deg,#EEF0FA,#ECFBFC);color:#00128B; 2899 display:flex;align-items:center;justify-content:center;flex-shrink:0; 2900 border:1px solid rgba(0,18,139,.12); 2901 transition:all .3s var(--ts-ease); 2902} 2903.ts-f__contact-ico svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;} 2904.ts-f__contact a:hover{color:var(--ts-orange-deep);} 2905.ts-f__contact a:hover .ts-f__contact-ico{background:var(--ts-cta);color:#fff;border-color:transparent;box-shadow:0 6px 14px rgba(0,18,139,.28);transform:translateY(-1px);} 2906 2907/* Social */ 2908.ts-f__social{display:flex;gap:8px;} 2909.ts-f__social a{ 2910 width:40px;height:40px;border-radius:11px; 2911 display:flex;align-items:center;justify-content:center; 2912 background:#fff;color:var(--ts-ink-2); 2913 border:1px solid var(--ts-line); 2914 transition:all .3s var(--ts-ease); 2915} 2916.ts-f__social a:hover{background:var(--ts-cta);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,18,139,.28);} 2917.ts-f__social svg{width:16px;height:16px;} 2918 2919/* Column heading */ 2920.ts-f__col-head{ 2921 font-family:'Outfit',system-ui,sans-serif; 2922 font-size:13.5px;font-weight:800;letter-spacing:.10em;text-transform:uppercase; 2923 color:var(--ts-ink);margin-bottom:20px;position:relative;padding-bottom:14px; 2924} 2925.ts-f__col-head::after{ 2926 content:'';position:absolute;left:0;bottom:0;width:28px;height:2.5px;border-radius:2px; 2927 background:#F26615; 2928} 2929 2930/* Link list */ 2931.ts-f__links{display:flex;flex-direction:column;gap:2px;} 2932.ts-f__links a{ 2933 display:inline-flex;align-items:center;gap:9px; 2934 font-size:14px;font-weight:500;color:var(--ts-ink-2); 2935 padding:7px 0; 2936 transition:color .25s var(--ts-ease),transform .25s var(--ts-ease); 2937 position:relative; 2938} 2939.ts-f__links a::before{ 2940 content:'';width:5px;height:5px;border-radius:50%; 2941 background:#D6D0C4;transition:all .25s var(--ts-ease); 2942} 2943.ts-f__links a:hover{color:var(--ts-orange-deep);transform:translateX(3px);} 2944.ts-f__links a:hover::before{background:var(--ts-orange-deep);box-shadow:0 0 0 3px rgba(242,102,21,.24);} 2945 2946/* Newsletter */ 2947.ts-f__news-desc{font-size:14px;color:var(--ts-ink-3);line-height:1.6;margin-bottom:18px;} 2948.ts-f__news-form{ 2949 display:flex;align-items:center;padding:5px 5px 5px 16px; 2950 background:#fff;border:1px solid var(--ts-line);border-radius:999px; 2951 box-shadow:0 4px 14px rgba(21,24,31,.04); 2952 transition:border-color .25s var(--ts-ease),box-shadow .25s var(--ts-ease); 2953} 2954.ts-f__news-form:focus-within{border-color:rgba(0,18,139,.32);box-shadow:0 6px 20px rgba(0,18,139,.12);} 2955.ts-f__news-form input{ 2956 flex:1;border:none;outline:none;background:transparent; 2957 font:600 14px/1.4 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ts-ink); 2958 padding:10px 8px;min-width:0; 2959} 2960.ts-f__news-form input::placeholder{color:var(--ts-ink-4);font-weight:500;} 2961.ts-f__news-btn{ 2962 display:inline-flex;align-items:center;justify-content:center; 2963 width:42px;height:42px;border-radius:999px;flex-shrink:0; 2964 background:var(--ts-cta);color:#fff; 2965 box-shadow:var(--ts-cta-glow); 2966 transition:transform .3s var(--ts-ease),box-shadow .3s var(--ts-ease); 2967} 2968.ts-f__news-btn:hover{transform:translateX(2px) scale(1.04);box-shadow:var(--ts-cta-glow-hov);} 2969.ts-f__news-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.5;fill:none;} 2970.ts-f__news-note{font-size:12px;color:var(--ts-ink-4);margin-top:10px;line-height:1.5;} 2971 2972/* Quick stats / trust badges */ 2973.ts-f__trust{ 2974 display:flex;gap:18px;flex-wrap:wrap; 2975 margin-top:24px;padding-top:24px;border-top:1px dashed var(--ts-line); 2976} 2977.ts-f__trust-item{display:flex;align-items:center;gap:10px;} 2978.ts-f__trust-ico{ 2979 width:32px;height:32px;border-radius:8px; 2980 background:rgba(255,255,255,.7);color:#00128B; 2981 display:flex;align-items:center;justify-content:center; 2982 border:1px solid rgba(0,18,139,.12); 2983} 2984.ts-f__trust-ico svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;} 2985.ts-f__trust-l{display:flex;flex-direction:column;line-height:1.2;} 2986.ts-f__trust-n{font-size:14px;font-weight:800;color:var(--ts-ink);} 2987.ts-f__trust-t{font-size:11px;font-weight:600;color:var(--ts-ink-3);} 2988 2989/* ============================================================ 2990 OFFICES SECTION 2991 ============================================================ */
2992.ts-f__offices{ 2993 position:relative;padding:48px 0 56px; 2994 border-top:1px solid var(--ts-line); 2995} 2996.ts-f__offices-head{ 2997 display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px; 2998 margin-bottom:32px; 2999} 3000.ts-f__offices-l{max-width:560px;} 3001.ts-f__offices-eye{ 3002 display:inline-flex;align-items:center;gap:6px; 3003 font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; 3004 color:var(--ts-orange-deep);margin-bottom:10px; 3005 padding:5px 10px;background:rgba(255,255,255,.7);border-radius:999px; 3006 border:1px solid rgba(242,102,21,.18); 3007} 3008.ts-f__offices-eye::before{ 3009 content:'';width:5px;height:5px;border-radius:50%; 3010 background:#F26615; 3011 box-shadow:0 0 0 3px rgba(242,102,21,.24); 3012} 3013.ts-f__offices-title{ 3014 font-family:'Outfit',system-ui,sans-serif; 3015 font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.02em; 3016 color:var(--ts-ink); 3017} 3018.ts-f__offices-title em{font-style:normal;color:var(--ts-orange-deep);} 3019.ts-f__offices-count{ 3020 display:inline-flex;align-items:center;gap:10px; 3021 padding:10px 18px;border-radius:999px; 3022 background:#fff;border:1px solid var(--ts-line); 3023 font-size:13px;font-weight:700;color:var(--ts-ink); 3024 box-shadow:0 2px 8px rgba(21,24,31,.04); 3025} 3026.ts-f__offices-count strong{color:var(--ts-orange-deep);} 3027 3028/* Office cards */ 3029.ts-f__offices-grid{ 3030 display:grid;grid-template-columns:repeat(3,1fr);gap:18px; 3031} 3032.ts-f__office{ 3033 position:relative; 3034 display:flex;flex-direction:column; 3035 padding:22px;border-radius:18px; 3036 background:rgba(255,255,255,.78); 3037 border:1px solid rgba(255,255,255,.9); 3038 box-shadow: 3039 0 12px 30px rgba(21,24,31,.06), 3040 0 2px 6px rgba(21,24,31,.03), 3041 inset 0 1px 0 rgba(255,255,255,.9); 3042 backdrop-filter:blur(10px) saturate(1.2); 3043 transition:transform .35s var(--ts-ease),box-shadow .35s var(--ts-ease),border-color .35s var(--ts-ease); 3044 overflow:hidden; 3045} 3046.ts-f__office::before{ 3047 content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%; 3048 background:radial-gradient(circle,rgba(0,18,139,.08),transparent 70%); 3049 transition:opacity .4s var(--ts-ease); 3050} 3051.ts-f__office:hover{ 3052 transform:translateY(-4px); 3053 border-color:rgba(0,18,139,.20); 3054 box-shadow: 3055 0 24px 50px rgba(0,18,139,.12), 3056 0 6px 16px rgba(21,24,31,.05), 3057 inset 0 1px 0 rgba(255,255,255,.9); 3058} 3059.ts-f__office-head{ 3060 display:flex;align-items:center;justify-content:space-between;gap:12px; 3061 margin-bottom:14px;position:relative;z-index:1; 3062} 3063.ts-f__office-tag{ 3064 display:inline-flex;align-items:center;gap:6px; 3065 font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase; 3066 color:var(--ts-orange-deep); 3067 padding:5px 9px;border-radius:999px; 3068 background:rgba(238,240,250,.9);border:1px solid rgba(242,102,21,.18); 3069} 3070.ts-f__office-tag.is-ho{ 3071 color:#fff; 3072 background:var(--ts-cta);border-color:transparent; 3073 box-shadow:0 4px 10px rgba(0,18,139,.24); 3074} 3075.ts-f__office-tag.is-branch{color:var(--ts-ink-2);background:rgba(21,24,31,.05);border-color:var(--ts-line);} 3076.ts-f__office-flag{ 3077 display:inline-flex;align-items:center;gap:6px; 3078 font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--ts-ink); 3079} 3080.ts-f__office-flag-ico{ 3081 width:24px;height:18px;border-radius:3px;overflow:hidden;flex-shrink:0; 3082 box-shadow:0 1px 2px rgba(21,24,31,.10); 3083 background:#f0f0f0; 3084} 3085.ts-f__office-flag-ico svg{width:100%;height:100%;display:block;} 3086.ts-f__office-name{ 3087 font-family:'Outfit',system-ui,sans-serif; 3088 font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ts-ink); 3089 margin-bottom:10px;line-height:1.3;position:relative;z-index:1; 3090} 3091.ts-f__office-addr{ 3092 flex:1;font-size:13.5px;line-height:1.55;color:var(--ts-ink-3); 3093 margin-bottom:18px;position:relative;z-index:1; 3094} 3095.ts-f__office-foot{ 3096 display:flex;align-items:center;gap:10px;padding-top:14px; 3097 border-top:1px dashed var(--ts-line);position:relative;z-index:1; 3098} 3099.ts-f__office-map{ 3100 display:inline-flex;align-items:center;gap:6px; 3101 font-size:13px;font-weight:700;color:var(--ts-orange-deep);
3102 padding:8px 12px;border-radius:999px; 3103 background:rgba(238,240,250,.7);border:1px solid rgba(242,102,21,.18); 3104 transition:all .3s var(--ts-ease); 3105} 3106.ts-f__office-map:hover{background:var(--ts-cta);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,18,139,.28);} 3107.ts-f__office-map svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.5;fill:none;} 3108.ts-f__office-entity{ 3109 font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ts-ink-4); 3110 margin-left:auto;text-align:right;line-height:1.3; 3111} 3112 3113/* ============================================================ 3114 BOTTOM BAR 3115 ============================================================ */ 3116.ts-f__bot{ 3117 border-top:1px solid var(--ts-line); 3118 padding:22px 0 28px; 3119} 3120.ts-f__bot-inner{ 3121 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px; 3122} 3123.ts-f__copy{ 3124 font-size:13px;font-weight:500;color:var(--ts-ink-3); 3125} 3126.ts-f__copy strong{color:var(--ts-ink);font-weight:700;} 3127.ts-f__legal{display:flex;gap:4px;flex-wrap:wrap;align-items:center;} 3128.ts-f__legal a{ 3129 font-size:13px;font-weight:600;color:var(--ts-ink-3); 3130 padding:6px 12px;border-radius:8px; 3131 transition:all .25s var(--ts-ease); 3132} 3133.ts-f__legal a:hover{color:var(--ts-orange-deep);background:var(--ts-tint);} 3134.ts-f__legal-sep{width:3px;height:3px;border-radius:50%;background:var(--ts-ink-4);opacity:.5;} 3135.ts-f__bot-tag{ 3136 display:inline-flex;align-items:center;gap:6px; 3137 font-size:12px;font-weight:600;color:var(--ts-ink-3); 3138} 3139.ts-f__bot-tag-dot{ 3140 width:6px;height:6px;border-radius:50%;background:#16A34A; 3141 box-shadow:0 0 0 3px rgba(22,163,74,.22);animation:tsPulse 1.6s ease-in-out infinite; 3142} 3143@keyframes tsPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.85);}} 3144 3145/* ============================================================ 3146 RESPONSIVE 3147 ============================================================ */ 3148@media (max-width:1100px){ 3149 .ts-f__main{grid-template-columns:1fr 1fr;gap:40px;} 3150 .ts-f__offices-grid{grid-template-columns:repeat(2,1fr);} 3151} 3152@media (max-width:768px){ 3153 .ts-f{padding-top:60px;} 3154 .ts-f__wrap{padding:0 20px;} 3155 .ts-f__cta{grid-template-columns:1fr;padding:28px 24px;gap:22px;margin-bottom:48px;text-align:center;} 3156 .ts-f__cta-body{display:flex;flex-direction:column;align-items:center;} 3157 .ts-f__cta-head{font-size:26px;} 3158 .ts-f__cta-sub{margin-left:auto;margin-right:auto;} 3159 .ts-f__cta-actions{flex-direction:column;align-items:stretch;width:100%;} 3160 .ts-f__btn,.ts-f__btn-ghost{width:100%;height:48px;} 3161 3162 .ts-f__main{grid-template-columns:1fr;gap:40px;padding-bottom:48px;} 3163 3164 /* Brand column â centered on mobile */ 3165 .ts-f__main .ts-f__col:first-child{ 3166 display:flex;flex-direction:column;align-items:center;text-align:center; 3167 } 3168 .ts-f__brand-logo{margin-bottom:18px;} 3169 .ts-f__brand-logo img{height:60px;} 3170 .ts-f__brand-tag{margin-bottom:18px;} 3171 .ts-f__brand-desc{max-width:100%;font-size:14px;} 3172 .ts-f__contact{align-items:center;width:100%;} 3173 .ts-f__contact a{justify-content:flex-start;} 3174 .ts-f__social{justify-content:center;} 3175 3176 /* Other columns â left-aligned but block stacked */ 3177 .ts-f__col-head{text-align:left;} 3178 .ts-f__col-head::after{left:0;} 3179 3180 /* Newsletter column */ 3181 .ts-f__news-form{max-width:100%;} 3182 .ts-f__trust{justify-content:flex-start;} 3183 3184 .ts-f__offices{padding:36px 0 40px;} 3185 .ts-f__offices-head{flex-direction:column;align-items:flex-start;} 3186 .ts-f__offices-title{font-size:24px;} 3187 .ts-f__offices-grid{grid-template-columns:1fr;gap:14px;} 3188 .ts-f__bot-inner{flex-direction:column;align-items:center;text-align:center;gap:14px;} 3189 .ts-f__legal{justify-content:center;} 3190} 3191@media (max-width:480px){ 3192 .ts-f__wrap{padding:0 16px;} 3193 .ts-f__cta-head{font-size:22px;} 3194 .ts-f__brand-logo img{height:48px;} 3195} 3196</style> 3197</head> 3198<body> 3199 3200<footer class="ts-f"> 3201 <div class="ts-f__wrap"> 3202 3203 <!-- ================= TOP CTA BANNER ================= --> 3204 <div class="ts-f__cta"> 3205 <div class="ts-f__cta-body"> 3206 <div class="ts-f__cta-eye">Let's Build Together</div> 3207 <h2 class="ts-f__cta-head">Have a project in mind? <em>Let's make it real.</em></h2> 3208 <p class="ts-f__cta-sub">From idea to deployment â our team is ready to architect, design, and ship software that scales with your business.</p> 3209 </div> 3210 <div class="ts-f__cta-actions"> 3211 <a class="ts-f__btn" href="/contact-us"> 3212 Get a Free Quote 3213 <svg class="arr" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 3214 </a> 3215 <a class="ts-f__btn-ghost" href="tel:+919370889776"> 3216 <svg viewBox="0 0 24 24">
3216<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> 3217 Call Us 3218 </a> 3219 </div> 3220 </div> 3221 3222 <!-- ================= MAIN GRID ================= --> 3223 <div class="ts-f__main"> 3224 <!-- Brand --> 3225 <div class="ts-f__col"> 3226 <a class="ts-f__brand-logo" href="/" aria-label="ThinkerSteps home"> 3227 <img src="https://thinkersteps.com/wp-content/uploads/2023/02/Logo_thinker-steps-02-2.png" alt="ThinkerSteps Technologies"/> 3228 </a> 3229 <div class="ts-f__brand-tag">Software Crafted Since 2013</div> 3230 <p class="ts-f__brand-desc">ThinkerSteps Technologies builds custom web, mobile, desktop, e-commerce, and IoT software for businesses worldwide. Engineering quality, on time, every time.</p> 3231 3232 <div class="ts-f__contact"> 3233 <a href="tel:+919370889776"> 3234 <span class="ts-f__contact-ico"> 3235 <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> 3236 </span> 3237 +91 93708 89776 3238 </a> 3239 <a href="mailto:[email protected]"> 3240 <span class="ts-f__contact-ico"> 3241 <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> 3242 </span> 3243 [email protected] 3244 </a> 3245 </div> 3246 3247 <div class="ts-f__social"> 3248 <a href="https://www.linkedin.com/company/thinkersteps-technologies-pvt-ltd" target="_blank" rel="noopener" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 1 1 8.3 6.5a1.78 1.78 0 0 1-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0 0 13 14.19a.66.66 0 0 0 0 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 0 1 2.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg></a> 3249 <a href="https://www.facebook.com/thinkersteps/" target="_blank" rel="noopener" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.51 1.49-3.9 3.78-3.9 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 2.89h-2.33v6.99A10 10 0 0 0 22 12z"/></svg></a> 3250 <a href="https://www.instagram.com/thinkersteps/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg></a> 3251 <a href="https://youtube.com/@thinkerstepstechnologies" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.4 31.4 0 0 0 0 12a31.4 31.4 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.4 31.4 0 0 0 24 12a31.4 31.4 0 0 0-.5-5.8zM9.6 15.6V8.4l6.2 3.6z"/></svg></a> 3252 </div> 3253 </div> 3254 3255 <!-- Services --> 3256 <div class="ts-f__col"> 3257 <h3 class="ts-f__col-head">Services</h3> 3258 <div class="ts-f__links"> 3259 <a href="/services/web-development">Web Development</a> 3260 <a href="/services/web-design">Web Design</a> 3261 <a href="/services/mobile-application">Mobile Application</a> 3262 <a href="/services/desktop-application">Desktop Application</a> 3263 <a href="/services/ecommerce">E-Commerce Application</a> 3264 <a href="/services/iot-application">IoT Application</a> 3265 </div> 3266 </div> 3267 3268 <!-- Company --> 3269 <div class="ts-f__col"> 3270 <h3 class="ts-f__col-head">Company</h3> 3271 <div class="ts-f__links"> 3272 <a href="/about-us">About Us</a> 3273 <a href="/services">Our Services</a> 3274 <a href="/insights">Insights</a> 3275 <a href="/careers">Careers</a> 3276 <a href="/contact-us">Contact Us</a> 3277 <a href="/sitemap">Sitemap</a> 3278 </div> 3279 </div> 3280 3281 <!-- ThinkerVerse: our products --> 3282 <div class="ts-f__col"> 3283 <h3 class="ts-f__col-head">ThinkerVerse</h3> 3284 <p class="ts-f__news-desc">Live products from the ThinkerSteps ecosystem. Built by us, used by businesses every day.</p> 3285 <div class="ts-f__links"> 3286 <a href="https://swarnapp.com/" target="_blank" rel="noopener">SwarnApp</a> 3287 <a href="https://jewelsteps.com/" target="_blank" rel="noopener">Jewelsteps</a> 3288 <a href="https://miniz.jewelry/" target="_blank" rel="noopener">Miniz</a> 3289 <a href="https://play.google.com/store/apps/details?id=com.digitalsalon.app" target="_blank" rel="noopener">SalonSteps</a> 3290 <a href="https://apps.shopify.com/live-gold-rate-updater" target="_blank" rel="noopener">Live Gold Rate Updater</a> 3291 <a href="/thinkerverse" style="font-weight:700;color:var(--ts-orange-deep);">See all products →</a> 3292 </div> 3293 3294 <div class="ts-f__trust"> 3295 <div class="ts-f__trust-item">
3296 <span class="ts-f__trust-ico"><svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></span> 3297 <div class="ts-f__trust-l"><span class="ts-f__trust-n">ISO Quality</span><span class="ts-f__trust-t">Standards</span></div> 3298 </div> 3299 <div class="ts-f__trust-item"> 3300 <span class="ts-f__trust-ico"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span> 3301 <div class="ts-f__trust-l"><span class="ts-f__trust-n">12+ Years</span><span class="ts-f__trust-t">Experience</span></div> 3302 </div> 3303 </div> 3304 </div> 3305 </div> 3306 3307 <!-- ================= OFFICES ================= --> 3308 <section class="ts-f__offices"> 3309 <div class="ts-f__offices-head"> 3310 <div class="ts-f__offices-l"> 3311 <div class="ts-f__offices-eye">Global Presence</div> 3312 <h3 class="ts-f__offices-title">Offices across <em>India, UAE & USA</em></h3> 3313 </div> 3314 <div class="ts-f__offices-count"> 3315 <span style="display:inline-flex;width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 3px rgba(22,163,74,.22);"></span> 3316 <strong>5 Offices</strong> · 3 Countries 3317 </div> 3318 </div> 3319 3320 <div class="ts-f__offices-grid"> 3321 3322 <!-- HEAD OFFICE - INDIA --> 3323 <div class="ts-f__office"> 3324 <div class="ts-f__office-head"> 3325 <span class="ts-f__office-tag is-ho">Head Office</span> 3326 <span class="ts-f__office-flag"> 3327 <span class="ts-f__office-flag-ico"> 3328 <svg viewBox="0 0 24 18"><rect width="24" height="6" fill="#FF9933"/><rect y="6" width="24" height="6" fill="#fff"/><rect y="12" width="24" height="6" fill="#138808"/><circle cx="12" cy="9" r="2" fill="none" stroke="#000080" stroke-width=".5"/></svg> 3329 </span> 3330 NAGPUR 3331 </span> 3332 </div> 3333 <h4 class="ts-f__office-name">ThinkerSteps Technologies Pvt. Ltd.</h4> 3334 <p class="ts-f__office-addr">Plot No. 13, Opposite Shyamsundar Residency 3, Near Kalode College, Jaywant Nagar, Omkar Nagar, Nagpur â 440026</p> 3335 <div class="ts-f__office-foot"> 3336 <a class="ts-f__office-map" href="https://share.google/j72q6zHhIEuoyrjX9" target="_blank" rel="noopener"> 3337 <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 3338 View on Map 3339 </a> 3340 <span class="ts-f__office-entity">Pvt. Ltd.</span> 3341 </div> 3342 </div> 3343 3344 <!-- UAE --> 3345 <div class="ts-f__office"> 3346 <div class="ts-f__office-head"> 3347 <span class="ts-f__office-tag">Regional Office</span> 3348 <span class="ts-f__office-flag"> 3349 <span class="ts-f__office-flag-ico"> 3350 <svg viewBox="0 0 24 18"><rect width="6" height="18" fill="#FF0000"/><rect x="6" width="18" height="6" fill="#00732F"/><rect x="6" y="6" width="18" height="6" fill="#fff"/><rect x="6" y="12" width="18" height="6" fill="#000"/></svg> 3351 </span> 3352 UAE 3353 </span> 3354 </div> 3355 <h4 class="ts-f__office-name">ThinkerSteps Technologies LLC</h4> 3356 <p class="ts-f__office-addr">Gulf Tower â 406, Corniche St, Al Majaz 1, Al Majaz, Sharjah, United Arab Emirates</p> 3357 <div class="ts-f__office-foot"> 3358 <a class="ts-f__office-map" href="#" target="_blank" rel="noopener"> 3359 <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 3360 View on Map 3361 </a> 3362 <span class="ts-f__office-entity">LLC</span> 3363 </div> 3364 </div> 3365 3366 <!-- USA --> 3367 <div class="ts-f__office"> 3368 <div class="ts-f__office-head"> 3369 <span class="ts-f__office-tag">Regional Office</span> 3370 <span class="ts-f__office-flag"> 3371 <span class="ts-f__office-flag-ico"> 3372 <svg viewBox="0 0 24 18"><rect width="24" height="18" fill="#fff"/><g fill="#B22234"><rect width="24" height="1.4"/><rect y="2.8" width="24" height="1.4"/><rect y="5.6" width="24" height="1.4"/><rect y="8.4" width="24" height="1.4"/><rect y="11.2" width="24" height="1.4"/><rect y="14" width="24" height="1.4"/><rect y="16.6" width="24" height="1.4"/></g><rect width="10" height="9.8" fill="#3C3B6E"/></svg> 3373 </span> 3374 USA 3375 </span> 3376 </div> 3377 <h4 class="ts-f__office-name">ThinkerSteps Technologies LLC</h4> 3378 <p class="ts-f__office-addr">5 Mandeville Ct. Suite 100,<br/>Monterey, CA 93940, USA</p> 3379 <div class="ts-f__office-foot"> 3380 <a class="ts-f__office-map" href="#" target="_blank" rel="noopener"> 3381 <svg viewBox="0 0 24 24">
3381<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 3382 View on Map 3383 </a> 3384 <span class="ts-f__office-entity">LLC</span> 3385 </div> 3386 </div> 3387 3388 <!-- BRANCH - NAGPUR (Projyoti Court) --> 3389 <div class="ts-f__office"> 3390 <div class="ts-f__office-head"> 3391 <span class="ts-f__office-tag is-branch">Branch Office</span> 3392 <span class="ts-f__office-flag"> 3393 <span class="ts-f__office-flag-ico"> 3394 <svg viewBox="0 0 24 18"><rect width="24" height="6" fill="#FF9933"/><rect y="6" width="24" height="6" fill="#fff"/><rect y="12" width="24" height="6" fill="#138808"/><circle cx="12" cy="9" r="2" fill="none" stroke="#000080" stroke-width=".5"/></svg> 3395 </span> 3396 NAGPUR 3397 </span> 3398 </div> 3399 <h4 class="ts-f__office-name">ThinkerSteps Technologies Pvt. Ltd.</h4> 3400 <p class="ts-f__office-addr">Prajyoti Court, Omkar Nagar,<br/>Nagpur, India</p> 3401 <div class="ts-f__office-foot"> 3402 <a class="ts-f__office-map" href="https://share.google/j72q6zHhIEuoyrjX9" target="_blank" rel="noopener"> 3403 <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 3404 View on Map 3405 </a> 3406 <span class="ts-f__office-entity">Pvt. Ltd.</span> 3407 </div> 3408 </div> 3409 3410 <!-- BRANCH - PUNE --> 3411 <div class="ts-f__office"> 3412 <div class="ts-f__office-head"> 3413 <span class="ts-f__office-tag is-branch">Branch Office</span> 3414 <span class="ts-f__office-flag"> 3415 <span class="ts-f__office-flag-ico"> 3416 <svg viewBox="0 0 24 18"><rect width="24" height="6" fill="#FF9933"/><rect y="6" width="24" height="6" fill="#fff"/><rect y="12" width="24" height="6" fill="#138808"/><circle cx="12" cy="9" r="2" fill="none" stroke="#000080" stroke-width=".5"/></svg> 3417 </span> 3418 PUNE 3419 </span> 3420 </div> 3421 <h4 class="ts-f__office-name">ThinkerSteps Technologies Pvt. Ltd.</h4> 3422 <p class="ts-f__office-addr">Gera's Imperium Gateway 517 A wing, Metro Station, C.T.S. No. 2656, Nashik Phata Flyover, Pune-Mumbai Highway, Maharashtra â 411034</p> 3423 <div class="ts-f__office-foot"> 3424 <a class="ts-f__office-map" href="https://share.google/vzGoSnE6rlCZLHYkg" target="_blank" rel="noopener"> 3425 <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 3426 View on Map 3427 </a> 3428 <span class="ts-f__office-entity">Pvt. Ltd.</span> 3429 </div> 3430 </div> 3431 3432 <!-- WORK WITH US --> 3433 <a class="ts-f__office" href="/contact-us" style="background:linear-gradient(160deg,#EEF0FA 0%,#ECFBFC 100%);align-items:flex-start;justify-content:center;text-align:left;"> 3434 <div style="display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,18,139,.14);color:#00128B;box-shadow:0 6px 16px rgba(0,18,139,.10);margin-bottom:14px;position:relative;z-index:1;"> 3435 <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg> 3436 </div> 3437 <h4 class="ts-f__office-name" style="position:relative;z-index:1;">Want to work with us?</h4> 3438 <p class="ts-f__office-addr" style="position:relative;z-index:1;">Drop us a line â we work with clients across <strong style="color:var(--ts-ink);">India, UAE, USA</strong>, and beyond.</p> 3439 <span class="ts-f__office-map" style="position:relative;z-index:1;align-self:flex-start;"> 3440 Start a conversation 3441 <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 3442 </span> 3443 </a> 3444 3445 </div> 3446 </section> 3447 3448 <!-- ================= BOTTOM BAR ================= --> 3449 <div class="ts-f__bot"> 3450 <div class="ts-f__bot-inner"> 3451 <div class="ts-f__copy"> 3452 ©
3452 2013â<span id="tsYr"></span> <strong>ThinkerSteps Technologies Pvt. Ltd.</strong> All rights reserved. 3453 </div> 3454 <div class="ts-f__legal"> 3455 <a href="/privacy-policy">Privacy Policy</a> 3456 <span class="ts-f__legal-sep"></span> 3457 <a href="/terms-and-conditions">Terms & Conditions</a> 3458 <span class="ts-f__legal-sep"></span> 3459 <a href="/refund-policy">Refund Policy</a> 3460 <span class="ts-f__legal-sep"></span> 3461 <a href="/sitemap">Sitemap</a> 3462 </div> 3463 <div class="ts-f__bot-tag"> 3464 <span class="ts-f__bot-tag-dot"></span> 3465 Crafted with care in India 3466 </div> 3467 </div> 3468 </div> 3469 3470 </div> 3471</footer> 3472
3473<script> 3474document.getElementById('tsYr').textContent = new Date().getFullYear(); 3475</script>
3475 3476 3477</body> 3478</html> 3479 </div> 3480 </div> 3481 </div> 3482 </div> 3483 </div> 3484 </section> 3485 </div> 3486 </div> </footer> 3487 </div><!-- #wrapper --> 3488 3489
3489<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
3489 3490
3490<script type="speculationrules"> 3491{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3492</script>
3492 3493
3493<script> 3494 ( () => { 3495 const lazyloadRunObserver = () => { 3496 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 3497 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 3498 entries.forEach( ( entry ) => { 3499 if ( entry.isIntersecting ) { 3500 let lazyloadBackground = entry.target; 3501 if( lazyloadBackground ) { 3502 lazyloadBackground.classList.add( 'e-lazyloaded' ); 3503 } 3504 lazyloadBackgroundObserver.unobserve( entry.target ); 3505 } 3506 }); 3507 }, { rootMargin: '200px 0px 200px 0px' } ); 3508 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 3509 lazyloadBackgroundObserver.observe( lazyloadBackground ); 3510 } ); 3511 }; 3512 const events = [ 3513 'DOMContentLoaded', 3514 'elementor/lazyload/observe', 3515 ]; 3516 events.forEach( ( event ) => { 3517 document.addEventListener( event, lazyloadRunObserver ); 3518 } ); 3519 } )(); 3520 </script>
3520 3521
3521<script id="awsm-job-scripts-js-extra"> 3522var awsmJobsPublic = {"ajaxurl":"https://thinkersteps.com/wp-admin/admin-ajax.php","is_tax_archive":"","is_search":"","job_id":"0","wp_max_upload_size":"3221225472","deep_linking":{"search":true,"spec":true,"pagination":true},"i18n":{"loading_text":"Loading...","form_error_msg":{"general":"Error in submitting your application. Please try again later!","file_validation":"The file you have selected is too large.","captcha_failed":"reCAPTCHA failed to load. Please check your configuration."}},"vendors":{"selectric":true,"jquery_validation":true},"is_homepage":"","block_nonce":"236ce8c078","view_count_nonce":"aa003b2af7"}; 3523//# sourceURL=awsm-job-scripts-js-extra 3524</script>
vendor: 1 bytes, line 3524
3524
3525<script id="awsm-job-scripts-js" src="https://thinkersteps.com/wp-content/plugins/wp-job-openings/assets/js/script.min.js?ver=4.1.0"></script>
vendor: 1 bytes, line 3525
3525
3526<script id="elementor-webpack-runtime-js" src="https://thinkersteps.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.3.2"></script>
vendor: 1 bytes, line 3526
3526
3527<script id="elementor-frontend-modules-js" src="https://thinkersteps.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.3.2"></script>
vendor: 1 bytes, line 3527
3527
3528<script id="jquery-ui-core-js-before"> 3529jQuery.uiBackCompat = true; 3530//# sourceURL=jquery-ui-core-js-before 3531</script>
vendor: 1 bytes, line 3531
3531
3532<script id="jquery-ui-core-js" src="https://thinkersteps.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 3532
3532
3533<script id="elementor-frontend-js-before"> 3534var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.3.2","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_atomic_elements":true,"e_opt_in_v4":true,"import-export-customization":true},"urls":{"assets":"https:\/\/thinkersteps.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/thinkersteps.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/thinkersteps.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"db7501f5ea","atomicFormsSendForm":"aeadaa40d6"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":8638,"title":"Life%20at%20ThinkerSteps%20-%20Thinkersteps%20Technologies%20Pvt.%20Ltd","excerpt":"","featuredImage":false}}; 3535//# sourceURL=elementor-frontend-js-before 3536</script>
vendor: 1 bytes, line 3536
3536
3537<script id="elementor-frontend-js" src="https://thinkersteps.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.3.2"></script>
vendor: 1 bytes, line 3537
3537
3538<script id="kadence-navigation-js-extra"> 3539var kadenceConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; 3540//# sourceURL=kadence-navigation-js-extra 3541</script>
vendor: 1 bytes, line 3541
3541
3542<script id="kadence-navigation-js" src="https://thinkersteps.com/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 3542
3542
3543<script id="wp-emoji-settings" type="application/json"> 3544{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://thinkersteps.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 3545</script>
vendor: 1 bytes, line 3545
3545
3546<script type="module"> 3547/*! This file is auto-generated */ 3548var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 3549//# sourceURL=https://thinkersteps.com/wp-includes/js/wp-emoji-loader.min.js 3550</script>
3550 3551</body> 3552</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.