@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap";.card{background-color:var(--card_bg);border-radius:9px}.card.inverted{background-color:var(--dark)}.card.inverted *{color:#fff}.card.contrast{background-color:var(--dark)}#hero{height:calc(100vh - 55px);height:calc(100dvh - 55px)}:root{--bg: #FFFFFF;--mg: #747474;--fg: #444444;--muted: var(--main-dark-muted);--accent-main: #33adff;--accent-main-hover: #0099ff;--accent-secondary: #9d3392;--destructive: var(--red);--warning: var(--orange);--card_bg: #9999991A;--dark: #242424;--facebook: #3b5896;--linkedin: #0074b3;--dribbble: #eb4d89;--box-shadow-bottom: #CCCCCC 0px 4px 8px -2px;--max-width: 1100px;--border-radius: 12px}*{box-sizing:border-box;padding:0;margin:0;font-family:"Poppins",sans-serif;font-family:"Open Sans",sans-serif}div,section,article{flex:1 1 0}a{color:inherit;text-decoration:none}span.highlight{background-color:var(--accent-main)}span.text-highlight{color:var(--accent-main)}h1,h2,h3,h4,h5,h6{color:var(--fg)}p{color:var(--mg)}button{cursor:pointer}html,body{max-width:100vw;overflow-x:hidden}html.noOverflow{overflow-y:hidden}.mxWidth{max-width:1200px;margin-inline:auto}body{background-color:var(--bg);color:var(--mg)}body>main{padding-top:55px;min-height:100vh;min-height:100dvh}body>main>header{overflow-y:hidden}body>main{min-height:100vh;padding-bottom:var(--proximity-out-huge)}body>main.N-btm{padding-bottom:0}body>main>header{min-height:300px}body>main>section{width:auto}@media(width < 1180px){body>main>section.container{margin-inline:30px}}@media(width > 1180px){body>main>section{width:100%;max-width:1180px;margin-inline:auto}}#top-bar{background-color:var(--bg);box-shadow:var(--box-shadow-bottom);align-items:center;position:fixed;z-index:4096;top:0;left:0;right:0;height:55px}#top-bar .content{display:flex;justify-content:space-between;padding-inline:20px;height:35px}#top-bar .content .logo{height:100%}#top-bar .content .logo img{height:100%}#top-bar .content nav{display:flex;gap:5px;justify-content:space-evenly;align-items:center}#top-bar .content nav a{display:flex;justify-content:center;align-items:center;width:105px;height:100%;font-size:10.5pt}#top-bar .content nav a.active{color:var(--accent-main);font-weight:bold}#top-bar .content nav a:hover{color:var(--accent-main)}#top-bar .content nav a.contact-us{background-color:var(--accent-main);color:#fff;border-radius:18px;width:105px;height:35px;font-weight:bold}#top-bar .content nav a.contact-us:hover{background-color:var(--accent-main-hover)}.content-grid{--padding-inline: 1rem;--content-max-width: 1200px;--breakout-max-width: 1300px;--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(var(--padding-inline), var(--breakout-size)) [content-start] min(100% - var(--padding-inline)*4,var(--content-max-width)) [content-end] minmax(var(--padding-inline), var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];column-gap:0;row-gap:var(--proximity-out-huge)}.content-grid>:not(.breakout,.full){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full{grid-column:full-width}
