@font-face { font-family: Lato; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Lato; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Lato; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Lato; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXiWtFCc.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Lato; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Lato; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Lato; font-style: normal; font-weight: 900; src: url("https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Lato; font-style: normal; font-weight: 900; src: url("https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: simple-line-icons; src: url("https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/fonts/Simple-Line-Icons.woff2?v=2.4.0") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/fonts/Simple-Line-Icons.ttf?v=2.4.0") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/fonts/Simple-Line-Icons.woff?v=2.4.0") format("woff"); font-weight: normal; font-style: normal; }
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.icon-user::before { content: ""; }
.icon-people::before { content: ""; }
.icon-user-female::before { content: ""; }
.icon-user-follow::before { content: ""; }
.icon-user-following::before { content: ""; }
.icon-user-unfollow::before { content: ""; }
.icon-login::before { content: ""; }
.icon-logout::before { content: ""; }
.icon-emotsmile::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-call-end::before { content: ""; }
.icon-call-in::before { content: ""; }
.icon-call-out::before { content: ""; }
.icon-map::before { content: ""; }
.icon-location-pin::before { content: ""; }
.icon-direction::before { content: ""; }
.icon-directions::before { content: ""; }
.icon-compass::before { content: ""; }
.icon-layers::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-list::before { content: ""; }
.icon-options-vertical::before { content: ""; }
.icon-options::before { content: ""; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-left::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-arrow-up::before { content: ""; }
.icon-arrow-up-circle::before { content: ""; }
.icon-arrow-left-circle::before { content: ""; }
.icon-arrow-right-circle::before { content: ""; }
.icon-arrow-down-circle::before { content: ""; }
.icon-check::before { content: ""; }
.icon-clock::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-minus::before { content: ""; }
.icon-close::before { content: ""; }
.icon-event::before { content: ""; }
.icon-exclamation::before { content: ""; }
.icon-organization::before { content: ""; }
.icon-trophy::before { content: ""; }
.icon-screen-smartphone::before { content: ""; }
.icon-screen-desktop::before { content: ""; }
.icon-plane::before { content: ""; }
.icon-notebook::before { content: ""; }
.icon-mustache::before { content: ""; }
.icon-mouse::before { content: ""; }
.icon-magnet::before { content: ""; }
.icon-energy::before { content: ""; }
.icon-disc::before { content: ""; }
.icon-cursor::before { content: ""; }
.icon-cursor-move::before { content: ""; }
.icon-crop::before { content: ""; }
.icon-chemistry::before { content: ""; }
.icon-speedometer::before { content: ""; }
.icon-shield::before { content: ""; }
.icon-screen-tablet::before { content: ""; }
.icon-magic-wand::before { content: ""; }
.icon-hourglass::before { content: ""; }
.icon-graduation::before { content: ""; }
.icon-ghost::before { content: ""; }
.icon-game-controller::before { content: ""; }
.icon-fire::before { content: ""; }
.icon-eyeglass::before { content: ""; }
.icon-envelope-open::before { content: ""; }
.icon-envelope-letter::before { content: ""; }
.icon-bell::before { content: ""; }
.icon-badge::before { content: ""; }
.icon-anchor::before { content: ""; }
.icon-wallet::before { content: ""; }
.icon-vector::before { content: ""; }
.icon-speech::before { content: ""; }
.icon-puzzle::before { content: ""; }
.icon-printer::before { content: ""; }
.icon-present::before { content: ""; }
.icon-playlist::before { content: ""; }
.icon-pin::before { content: ""; }
.icon-picture::before { content: ""; }
.icon-handbag::before { content: ""; }
.icon-globe-alt::before { content: ""; }
.icon-globe::before { content: ""; }
.icon-folder-alt::before { content: ""; }
.icon-folder::before { content: ""; }
.icon-film::before { content: ""; }
.icon-feed::before { content: ""; }
.icon-drop::before { content: ""; }
.icon-drawer::before { content: ""; }
.icon-docs::before { content: ""; }
.icon-doc::before { content: ""; }
.icon-diamond::before { content: ""; }
.icon-cup::before { content: ""; }
.icon-calculator::before { content: ""; }
.icon-bubbles::before { content: ""; }
.icon-briefcase::before { content: ""; }
.icon-book-open::before { content: ""; }
.icon-basket-loaded::before { content: ""; }
.icon-basket::before { content: ""; }
.icon-bag::before { content: ""; }
.icon-action-undo::before { content: ""; }
.icon-action-redo::before { content: ""; }
.icon-wrench::before { content: ""; }
.icon-umbrella::before { content: ""; }
.icon-trash::before { content: ""; }
.icon-tag::before { content: ""; }
.icon-support::before { content: ""; }
.icon-frame::before { content: ""; }
.icon-size-fullscreen::before { content: ""; }
.icon-size-actual::before { content: ""; }
.icon-shuffle::before { content: ""; }
.icon-share-alt::before { content: ""; }
.icon-share::before { content: ""; }
.icon-rocket::before { content: ""; }
.icon-question::before { content: ""; }
.icon-pie-chart::before { content: ""; }
.icon-pencil::before { content: ""; }
.icon-note::before { content: ""; }
.icon-loop::before { content: ""; }
.icon-home::before { content: ""; }
.icon-grid::before { content: ""; }
.icon-graph::before { content: ""; }
.icon-microphone::before { content: ""; }
.icon-music-tone-alt::before { content: ""; }
.icon-music-tone::before { content: ""; }
.icon-earphones-alt::before { content: ""; }
.icon-earphones::before { content: ""; }
.icon-equalizer::before { content: ""; }
.icon-like::before { content: ""; }
.icon-dislike::before { content: ""; }
.icon-control-start::before { content: ""; }
.icon-control-rewind::before { content: ""; }
.icon-control-play::before { content: ""; }
.icon-control-pause::before { content: ""; }
.icon-control-forward::before { content: ""; }
.icon-control-end::before { content: ""; }
.icon-volume-1::before { content: ""; }
.icon-volume-2::before { content: ""; }
.icon-volume-off::before { content: ""; }
.icon-calendar::before { content: ""; }
.icon-bulb::before { content: ""; }
.icon-chart::before { content: ""; }
.icon-ban::before { content: ""; }
.icon-bubble::before { content: ""; }
.icon-camrecorder::before { content: ""; }
.icon-camera::before { content: ""; }
.icon-cloud-download::before { content: ""; }
.icon-cloud-upload::before { content: ""; }
.icon-envelope::before { content: ""; }
.icon-eye::before { content: ""; }
.icon-flag::before { content: ""; }
.icon-heart::before { content: ""; }
.icon-info::before { content: ""; }
.icon-key::before { content: ""; }
.icon-link::before { content: ""; }
.icon-lock::before { content: ""; }
.icon-lock-open::before { content: ""; }
.icon-magnifier::before { content: ""; }
.icon-magnifier-add::before { content: ""; }
.icon-magnifier-remove::before { content: ""; }
.icon-paper-clip::before { content: ""; }
.icon-paper-plane::before { content: ""; }
.icon-power::before { content: ""; }
.icon-refresh::before { content: ""; }
.icon-reload::before { content: ""; }
.icon-settings::before { content: ""; }
.icon-star::before { content: ""; }
.icon-symbol-female::before { content: ""; }
.icon-symbol-male::before { content: ""; }
.icon-target::before { content: ""; }
.icon-credit-card::before { content: ""; }
.icon-paypal::before { content: ""; }
.icon-social-tumblr::before { content: ""; }
.icon-social-twitter::before { content: ""; }
.icon-social-facebook::before { content: ""; }
.icon-social-instagram::before { content: ""; }
.icon-social-linkedin::before { content: ""; }
.icon-social-pinterest::before { content: ""; }
.icon-social-github::before { content: ""; }
.icon-social-google::before { content: ""; }
.icon-social-reddit::before { content: ""; }
.icon-social-skype::before { content: ""; }
.icon-social-dribbble::before { content: ""; }
.icon-social-behance::before { content: ""; }
.icon-social-foursqare::before { content: ""; }
.icon-social-soundcloud::before { content: ""; }
.icon-social-spotify::before { content: ""; }
.icon-social-stumbleupon::before { content: ""; }
.icon-social-youtube::before { content: ""; }
.icon-social-dropbox::before { content: ""; }
.icon-social-vkontakte::before { content: ""; }
.icon-social-steam::before { content: ""; }
body { font-family: Lato, sans-serif; font-weight: 400; background-color: rgb(249, 248, 255); letter-spacing: 0px; overflow-x: hidden; display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0px; }
html, body { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
a { text-decoration: none; }
.hide { opacity: 0; height: 0px; margin: 0px !important; padding: 0px !important; }
.display-none { display: none; }
.ease-all { transition: 0.5s; }
.arrow { border-style: solid; border-color: rgba(25, 4, 69, 0.8); border-image: initial; border-width: 0px 2px 2px 0px; display: inline-block; padding: 3px; }
.arrow.large { border-width: 0px 3px 3px 0px; padding: 4px; }
.arrow.small { border-width: 0px 2px 2px 0px; padding: 2px; }
.arrow.right { transform: rotate(-45deg); }
.arrow.left { transform: rotate(135deg); }
.arrow.up { transform: rotate(-135deg); }
.arrow.down { transform: rotate(45deg); }
.absolute { position: absolute; }
.typewriter { overflow: hidden; border-right: 0.12em solid rgb(106, 79, 235); white-space: nowrap; margin: 0px auto; animation: 0.75s step-end 0s infinite normal none running blink-caret; display: inline-flex; padding-right: 1px; }
@-webkit-keyframes blink-caret { 
  0%, 100% { border-color: transparent; }
  50% { border-color: rgb(106, 79, 235); }
}
@keyframes blink-caret { 
  0%, 100% { border-color: transparent; }
  50% { border-color: rgb(106, 79, 235); }
}
.fade-in-up-animation { animation: 2s ease 0s 1 normal none running fadeInUp; }
@-webkit-keyframes fadeInUp { 
  0% { transform: translate3d(0px, 40px, 0px); opacity: 0; }
  50% { transform: translate3d(0px, 40px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInUp { 
  0% { transform: translate3d(0px, 40px, 0px); opacity: 0; }
  50% { transform: translate3d(0px, 40px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.quote-arrow { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px; cursor: pointer; border: 2px solid rgba(25, 4, 69, 0.1); }
.quote-arrow:hover { border: 2px solid rgba(25, 4, 69, 0.3); }
.quote-container { display: grid; grid-template-rows: auto 1fr auto; text-align: left; gap: 5px; font-family: Nunito, sans-serif; }
.quote-container .quote-symbol { font-size: 70px; color: rgb(106, 79, 235); font-weight: bolder; }
.quote-container .author { margin-top: 30px; font-size: 14px; font-weight: 400; color: rgba(25, 4, 69, 0.7); }
.quote-container .author b { color: rgb(25, 4, 69); font-weight: 900; margin-right: 5px; }
.quote { letter-spacing: -0.3px; font-size: 22px; font-weight: 600; color: rgb(25, 4, 69); }
.alternative-button { height: 35px; border-radius: 12px; box-shadow: rgba(25, 4, 69, 0.2) 0px 0px 0px 2px; padding: 0px 20px; font-size: 16px; font-weight: bold; color: rgb(25, 4, 69); display: flex; align-items: center; justify-content: center; letter-spacing: -0.2px; }
.alternative-button.yellow { background-color: rgb(255, 221, 126); box-shadow: rgb(255, 194, 28) 0px 0px 0px 2px; }
.product-button { display: inline-flex; height: 37px; padding: 0px 15px; border-radius: 12px; color: rgb(25, 4, 69); align-items: center; justify-content: center; font-size: 16px; cursor: pointer; font-weight: 700; box-shadow: rgba(25, 4, 69, 0.05) 0px 3px 7px; letter-spacing: 0px; background-color: rgb(240, 233, 255); border: 2px solid rgb(106, 79, 235); }
.product-button.blue { background-color: rgb(235, 246, 255); border: 2px solid rgb(46, 163, 255); }
.product-button.teal { background-color: rgb(197, 255, 242); border: 2px solid rgb(19, 183, 147); }
.product-button.green { background-color: rgb(197, 255, 203); border: 2px solid rgb(25, 179, 41); }
.product-button.yellow { background-color: rgb(255, 247, 223); border: 2px solid rgb(247, 181, 0); }
.product-button.red { background-color: rgb(255, 240, 240); border: 2px solid rgb(255, 153, 153); }
.product-button.orange { background-color: rgb(255, 242, 231); border: 2px solid rgb(255, 132, 34); }
.inline-cta-block { display: inline-grid; grid-auto-flow: row; gap: 25px; align-items: center; background-color: rgb(255, 255, 255); border-radius: 18px; box-sizing: border-box; }
.inline-cta-block a { text-decoration: none !important; font-weight: bold !important; }
.inline-cta-block .inline-cta-block-description { color: rgba(25, 4, 69, 0.7) !important; }
.inline-cta-block .inline-cta-block-title { color: rgb(25, 4, 69) !important; font-weight: bold; }
.inline-cta-block.purple { border: 5px solid rgba(106, 79, 235, 0.3); box-shadow: rgba(106, 79, 235, 0.1) 0px 2px 20px; }
.inline-cta-block.purple a.button { background-color: rgb(106, 79, 235); color: rgb(255, 255, 255) !important; }
.inline-cta-block.blue { border: 5px solid rgb(202, 232, 255); box-shadow: rgba(0, 145, 255, 0.1) 0px 2px 20px; }
.inline-cta-block.blue a.button { background-color: rgb(0, 145, 255); color: rgb(255, 255, 255) !important; }
.inline-cta-block.green { border: 5px solid rgb(181, 241, 178); box-shadow: rgba(0, 212, 66, 0.15) 0px 2px 20px; }
.inline-cta-block.green a.button { background-color: rgb(0, 212, 66); color: rgb(255, 255, 255) !important; }
.inline-cta-block.yellow { border: 5px solid rgb(255, 240, 160); box-shadow: rgb(255, 247, 206) 0px 2px 20px; }
.inline-cta-block.yellow a.button { background-color: rgb(247, 208, 0); color: rgb(255, 255, 255) !important; }
.inline-cta-block.red { border: 5px solid rgb(255, 180, 180); box-shadow: rgb(255, 221, 221) 0px 2px 20px; }
.inline-cta-block.red a.button { background-color: rgb(255, 57, 57); color: rgb(255, 255, 255) !important; }
.inline-cta-block.small { padding: 18px 22px 22px; }
.inline-cta-block.small a.button { font-size: 15px !important; line-height: 20px !important; }
.inline-cta-block.small .inline-cta-block-description { line-height: 23px !important; font-size: 17px !important; margin-bottom: 0px !important; }
.inline-cta-block.small .inline-cta-block-title { line-height: 23px !important; font-size: 20px !important; margin-bottom: 10px !important; }
.inline-cta-block.medium { padding: 25px 30px 35px; }
.inline-cta-block.medium a.button { width: fit-content; height: 37px; font-size: 16px !important; line-height: 20px !important; }
.inline-cta-block.medium .inline-cta-block-description { letter-spacing: -0.3px; line-height: 28px !important; font-size: 20px !important; margin-bottom: 0px !important; }
.inline-cta-block.medium .inline-cta-block-title { letter-spacing: -1.5px; line-height: 43px !important; font-size: 37px !important; margin-bottom: 10px !important; }
.inline-cta-block.large { padding: 30px 35px 40px; }
.inline-cta-block.large a.button { width: fit-content; height: 40px; font-size: 18px !important; line-height: 20px !important; }
.inline-cta-block.large .inline-cta-block-description { letter-spacing: -0.3px; line-height: 28px !important; font-size: 22px !important; margin-bottom: 0px !important; }
.inline-cta-block.large .inline-cta-block-title { letter-spacing: -2.5px; line-height: 53px !important; font-size: 52px !important; margin-bottom: 14px !important; }
.inline-cta-block-container.medium { width: 100%; margin: 36px 0px; }
.inline-cta-block-container.small { float: right; clear: both; width: min(50%, 250px); margin: 26px 0px 26px 35px; }
@media (max-width: 600px) {
  .inline-cta-block-container.small { width: 100%; float: none; margin: 26px 0px; }
}
a.inline-blog-button { height: auto; font-size: 16px; cursor: pointer; font-weight: 700; box-shadow: rgba(25, 4, 69, 0.1) 0px 4px 10px; letter-spacing: 0px; background-color: rgb(106, 79, 235); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; padding: 7px 15px; color: rgb(255, 255, 255) !important; margin-bottom: 25px !important; text-decoration: none !important; }
a.inline-blog-button.purple { background-color: rgb(106, 79, 235); }
a.inline-blog-button.blue { background-color: rgb(0, 112, 251); }
a.inline-blog-button.green { background-color: rgb(85, 222, 61); }
a.inline-blog-button.yellow { background-color: rgb(247, 208, 0); }
a.inline-blog-button.red { background-color: rgb(255, 57, 57); }
.button { display: inline-flex; height: 37px; padding: 0px 15px; background-color: rgb(106, 79, 235); border-radius: 8px; color: rgb(255, 255, 255); align-items: center; justify-content: center; font-size: 16px; cursor: pointer; font-weight: 700; box-shadow: rgba(25, 4, 69, 0.1) 0px 4px 10px; letter-spacing: 0px; }
.button.clear { background-color: rgb(255, 255, 255); border: 1px solid rgba(25, 4, 69, 0.1); box-shadow: rgba(25, 4, 69, 0.05) 0px 4px 10px; color: rgba(25, 4, 69, 0.7); }
.button.transparent { background-color: transparent; border: 1px solid rgba(25, 4, 69, 0.5); box-shadow: none; color: rgba(25, 4, 69, 0.7); }
.button.small { height: 34px; padding: 0px 15px; font-size: 14px; }
.button.dark-violet { background-color: rgba(25, 4, 69, 0.05); border: 1px solid rgba(25, 4, 69, 0.2); box-shadow: rgba(25, 4, 69, 0.05) 0px 4px 10px; color: rgba(25, 4, 69, 0.8); }
.demo-button { display: grid; grid-template-columns: auto auto; height: 28px; padding: 0px 7px; border: 1px solid rgba(25, 4, 69, 0.12); width: fit-content; border-radius: 8px; align-items: center; gap: 7px; }
.demo-button p { font-size: 13px; color: rgba(25, 4, 69, 0.8); }
.demo-button:hover { background-color: rgba(106, 79, 235, 0.05); border: 1px solid rgb(106, 79, 235); }
.link { cursor: pointer; color: rgb(25, 4, 69); font-size: 16px; font-weight: 600; padding: 6px 4px; border-bottom: 3px solid rgb(106, 79, 235); width: fit-content; }
.link.teal { border-bottom: 3px solid rgb(80, 227, 194); }
.link.blue { border-bottom: 3px solid rgb(0, 112, 251); }
.link.carnation { border-bottom: 3px solid rgb(243, 76, 80); }
h1 { font-size: 50px; letter-spacing: -1.5px; color: rgb(25, 4, 69); font-weight: 700; margin: 0px; }
h2 { font-size: 30px; color: rgb(25, 4, 69); font-weight: 600; letter-spacing: -0.5px; line-height: 35px; margin: 0px; }
h3 { font-size: 27px; color: rgb(25, 4, 69); font-weight: 600; letter-spacing: -0.2px; margin: 0px; }
h4 { font-size: 24px; color: rgba(25, 4, 69, 0.7); font-weight: 400; letter-spacing: -0.2px; line-height: 33px; margin: 0px; }
h5 { font-size: 18px; color: rgb(25, 4, 69); font-weight: 600; letter-spacing: -0.2px; margin: 0px; }
h6 { color: rgb(25, 4, 69); text-transform: uppercase; font-weight: 800; letter-spacing: 2px; font-size: 12px; margin: 0px; }
p { color: rgba(25, 4, 69, 0.6); font-weight: 400; font-size: 18px; margin: 0px; line-height: 27px; letter-spacing: 0px; }
.subtitle { font-size: 20px; color: rgba(25, 4, 69, 0.7); font-weight: 400; margin: 0px; line-height: 28px; }
.caption { color: rgb(25, 4, 69); font-weight: 700; font-size: 14px; margin: 0px; line-height: 18px; letter-spacing: 0px; }
.clamp-4 { -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
[class^="fs-"], [class*=" fs-"] { line-height: normal; }
p.italic, a.italic, span.italic, h1.italic, h2.italic, h3.italic { font-style: italic; }
p.strike, a.strike, span.strike, h1.strike, h2.strike, h3.strike { text-decoration: line-through; }
p.fw-bold, a.fw-bold, span.fw-bold, h1.fw-bold, h2.fw-bold, h3.fw-bold { font-weight: 600; }
p.fw-regular, a.fw-regular, span.fw-regular, h1.fw-regular, h2.fw-regular, h3.fw-regular { font-weight: 400; }
p.fw-black, a.fw-black, span.fw-black, h1.fw-black, h2.fw-black, h3.fw-black { font-weight: 800; }
p.fs-12, a.fs-12, span.fs-12, h1.fs-12, h2.fs-12, h3.fs-12 { font-size: 12px; }
p.fs-13, a.fs-13, span.fs-13, h1.fs-13, h2.fs-13, h3.fs-13 { font-size: 13px; }
p.fs-14, a.fs-14, span.fs-14, h1.fs-14, h2.fs-14, h3.fs-14 { font-size: 14px; }
p.fs-15, a.fs-15, span.fs-15, h1.fs-15, h2.fs-15, h3.fs-15 { font-size: 15px; }
p.fs-16, a.fs-16, span.fs-16, h1.fs-16, h2.fs-16, h3.fs-16 { font-size: 16px; letter-spacing: -0.2px; line-height: 23px; }
p.fs-17, a.fs-17, span.fs-17, h1.fs-17, h2.fs-17, h3.fs-17 { font-size: 17px; }
p.fs-18, a.fs-18, span.fs-18, h1.fs-18, h2.fs-18, h3.fs-18 { font-size: 18px; letter-spacing: -0.2px; line-height: 22px; }
p.fs-20, a.fs-20, span.fs-20, h1.fs-20, h2.fs-20, h3.fs-20 { font-size: 20px; letter-spacing: -0.4px; line-height: 22px; }
p.fs-22, a.fs-22, span.fs-22, h1.fs-22, h2.fs-22, h3.fs-22 { font-size: 22px; letter-spacing: -0.4px; line-height: 1.3em; }
p.fs-25, a.fs-25, span.fs-25, h1.fs-25, h2.fs-25, h3.fs-25 { font-size: 25px; letter-spacing: -0.4px; }
p.fs-28, a.fs-28, span.fs-28, h1.fs-28, h2.fs-28, h3.fs-28 { font-size: 28px; letter-spacing: -0.6px; }
p.fs-37, a.fs-37, span.fs-37, h1.fs-37, h2.fs-37, h3.fs-37 { font-size: 37px; letter-spacing: -1.3px; line-height: 43px; }
p.fs-42, a.fs-42, span.fs-42, h1.fs-42, h2.fs-42, h3.fs-42 { font-size: 42px; letter-spacing: -1.5px; line-height: 43px; }
p.fs-48, a.fs-48, span.fs-48, h1.fs-48, h2.fs-48, h3.fs-48 { font-size: 48px; letter-spacing: -2px; line-height: 52px; }
p.fs-53, a.fs-53, span.fs-53, h1.fs-53, h2.fs-53, h3.fs-53 { font-size: 53px; letter-spacing: -3px; line-height: 45px; }
p.fs-60, a.fs-60, span.fs-60, h1.fs-60, h2.fs-60, h3.fs-60 { font-size: 60px; letter-spacing: -3px; line-height: 57px; }
p.fs-78, a.fs-78, span.fs-78, h1.fs-78, h2.fs-78, h3.fs-78 { font-size: 78px; letter-spacing: -4px; line-height: 73px; }
p.fs-100, a.fs-100, span.fs-100, h1.fs-100, h2.fs-100, h3.fs-100 { font-size: 100px; letter-spacing: -5px; line-height: 0.8em; }
p.ta-center, a.ta-center, span.ta-center, h1.ta-center, h2.ta-center, h3.ta-center { text-align: center; }
p.ta-left, a.ta-left, span.ta-left, h1.ta-left, h2.ta-left, h3.ta-left { text-align: left; }
p.dodgerBlue, a.dodgerBlue, span.dodgerBlue, h1.dodgerBlue, h2.dodgerBlue, h3.dodgerBlue { color: rgb(0, 112, 251); }
p.electricViolet, a.electricViolet, span.electricViolet, h1.electricViolet, h2.electricViolet, h3.electricViolet { color: rgb(106, 79, 235); }
p.portgore, a.portgore, span.portgore, h1.portgore, h2.portgore, h3.portgore { color: rgb(25, 4, 69); }
p.portgore-5, a.portgore-5, span.portgore-5, h1.portgore-5, h2.portgore-5, h3.portgore-5 { color: rgba(25, 4, 69, 0.05); }
p.portgore-10, a.portgore-10, span.portgore-10, h1.portgore-10, h2.portgore-10, h3.portgore-10 { color: rgba(25, 4, 69, 0.1); }
p.portgore-20, a.portgore-20, span.portgore-20, h1.portgore-20, h2.portgore-20, h3.portgore-20 { color: rgba(25, 4, 69, 0.2); }
p.portgore-30, a.portgore-30, span.portgore-30, h1.portgore-30, h2.portgore-30, h3.portgore-30 { color: rgba(25, 4, 69, 0.3); }
p.portgore-40, a.portgore-40, span.portgore-40, h1.portgore-40, h2.portgore-40, h3.portgore-40 { color: rgba(25, 4, 69, 0.4); }
p.portgore-50, a.portgore-50, span.portgore-50, h1.portgore-50, h2.portgore-50, h3.portgore-50 { color: rgba(25, 4, 69, 0.5); }
p.portgore-60, a.portgore-60, span.portgore-60, h1.portgore-60, h2.portgore-60, h3.portgore-60 { color: rgba(25, 4, 69, 0.6); }
p.portgore-70, a.portgore-70, span.portgore-70, h1.portgore-70, h2.portgore-70, h3.portgore-70 { color: rgba(25, 4, 69, 0.7); }
p.portgore-80, a.portgore-80, span.portgore-80, h1.portgore-80, h2.portgore-80, h3.portgore-80 { color: rgba(25, 4, 69, 0.8); }
p.portgore-90, a.portgore-90, span.portgore-90, h1.portgore-90, h2.portgore-90, h3.portgore-90 { color: rgba(25, 4, 69, 0.9); }
.subfeature-grid { max-width: 975px; display: grid; gap: 30px 25px; grid-template-columns: repeat(3, 1fr); align-items: flex-start; padding: 0px 2vmax; }
@media (max-width: 850px) {
  .subfeature-grid { padding: 0px 1vmax; }
}
@media (max-width: 700px) {
  .subfeature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
  .subfeature-grid { grid-template-columns: 1fr; }
}
.grid { display: grid; }
.grid.column { grid-auto-flow: column; }
.grid.row { grid-auto-flow: row; }
.grid.gap-0 { gap: 0px; }
.grid.gap-5 { gap: 5px; }
.grid.gap-7 { gap: 7px; }
.grid.gap-10 { gap: 10px; }
.grid.gap-12 { gap: 12px; }
.grid.gap-15 { gap: 15px; }
.grid.gap-20 { gap: 20px; }
.grid.gap-25 { gap: 25px; }
.grid.gap-30 { gap: 30px; }
.grid.gap-40 { gap: 40px; }
.grid.gap-50 { gap: 50px; }
.grid.gap-60 { gap: 60px; }
.grid.gap-70 { gap: 70px; }
.grid.gap-80 { gap: 80px; }
.grid.gap-90 { gap: 90px; }
.grid.gap-100 { gap: 100px; }
.grid.align-start { align-items: flex-start; }
.grid.align-center { align-items: center; }
.grid.align-end { align-items: flex-end; }
.grid.justify-start { justify-items: flex-start; }
.grid.justify-center { justify-items: center; }
.grid.justify-end { justify-items: flex-end; }
.feature-block .feature-block-image { width: 100%; aspect-ratio: 1 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 12px; box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px inset; }
.longform-content p { margin: 30px 0px; }
.checkbox { width: 17px; height: 17px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: rgba(25, 4, 69, 0.3) 0px 0px 0px 2px; flex-shrink: 0; }
.checkbox::after { content: ""; position: absolute; top: 4px; width: 3px; height: 6px; border-style: solid; border-color: rgba(25, 4, 69, 0.3); border-image: initial; border-width: 0px 2px 2px 0px; transform: rotate(45deg); }
.checkbox.active { background-color: rgb(106, 79, 235); box-shadow: rgb(106, 79, 235) 0px 0px 0px 2px; }
.checkbox.active::after { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; }
.feature-grid-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 60px 30px; width: 100%; }
@media (min-width: 0px) {
  .feature-grid-container { grid-template-columns: 100%; gap: 50px 30px; }
}
@media (min-width: 500px) {
  .feature-grid-container { grid-template-columns: repeat(2, 1fr); gap: 50px 30px; }
}
@media (min-width: 1000px) {
  .feature-grid-container { grid-template-columns: repeat(3, 1fr); gap: 50px 30px; width: 100%; }
}
.question-section { text-align: left; border-bottom: 1px dotted rgba(106, 79, 235, 0.7); padding: 27px 7px 30px; display: grid; grid-template-rows: auto auto; gap: 7px; }
.question-section p { letter-spacing: 0px; }
.product-top-fold-grid { padding: 0px 2vmax; text-align: left; grid-template-columns: 40% auto; grid-auto-flow: column; gap: 80px; }
@media (max-width: 850px) {
  .product-top-fold-grid { padding: 0px 1vmax; grid-template-columns: 100%; gap: 50px 30px; grid-auto-flow: row; }
  .product-top-fold-grid .block-image { width: 100%; height: auto; }
}
.half-width { width: 50%; }
.grid-auto-columns { display: grid; grid-auto-flow: column; grid-auto-columns: auto; }
.flex { display: flex; }
.flex.space-between { justify-content: space-between; }
.flex.row { flex-direction: row; align-items: center; }
.flex.column { flex-direction: column; justify-content: center; }
.flex.grow { flex-grow: 1; }
.flex.shrink { flex-shrink: 1; }
.flex.no-grow { flex-grow: 0; }
.flex.no-shrink { flex-shrink: 0; }
.flex.align-center { align-items: center; }
.flex.justify-center { justify-content: center; }
.flex.justify-end { justify-content: flex-end; }
.main-container { width: 100%; padding: 0px 15px; box-sizing: border-box; overflow-x: hidden; display: flex; flex-direction: column; align-items: center; }
.two-column-grid-container { display: grid; align-items: center; justify-content: center; text-align: left; }
@media (min-width: 0px) {
  .two-column-grid-container { grid-template-columns: 1fr; gap: 10px 20px; }
}
@media (min-width: 1000px) {
  .two-column-grid-container { grid-template-columns: 568px 250px; gap: 80px 50px; }
}
.two-column-equal-grid-container { align-items: center; justify-content: center; width: 100%; text-align: left; display: grid; }
@media (min-width: 0px) {
  .two-column-equal-grid-container { grid-template-columns: 1fr; gap: 70px 20px; }
}
@media (min-width: 1000px) {
  .two-column-equal-grid-container { grid-template-columns: 1fr 1fr; gap: 85px; }
}
.full-width-light-background { width: 100vw; background-color: rgb(252, 251, 255); padding: 90px 0px 110px; margin-top: 90px; border-top: 1px solid rgba(25, 4, 69, 0.1); border-bottom: 1px solid rgba(25, 4, 69, 0.1); display: flex; align-items: center; justify-content: center; }
.three-column-grid-container { display: grid; }
@media (min-width: 0px) {
  .three-column-grid-container { grid-template-columns: 100%; gap: 80px 30px; }
}
@media (min-width: 700px) {
  .three-column-grid-container { grid-template-columns: repeat(2, 1fr); gap: 80px 30px; }
}
@media (min-width: 1000px) {
  .three-column-grid-container { grid-template-columns: repeat(3, 1fr); gap: 80px 30px; }
}
.close-icon { position: absolute; font-size: 26px; display: block; transform: rotate(45deg); top: 2px; right: 4px; color: rgba(25, 4, 69, 0.5); width: 15px; line-height: 20px; cursor: pointer; padding: 5px; }
.close-icon:hover { color: rgb(25, 4, 69); }
.close-icon::after { content: "+"; }
.hiring-popup { position: fixed; bottom: 30px; left: 30px; width: 240px; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px, rgba(25, 4, 69, 0.1) 0px 10px 20px 0px; padding: 12px 15px 17px; z-index: 1; }
.hiring-popup p { color: rgba(25, 4, 69, 0.7); }
.hiring-popup .button { height: 27px; font-size: 13px; width: 100%; box-sizing: border-box; border-radius: 4px; margin-top: 20px; background-color: rgb(255, 230, 61); color: rgb(25, 4, 69); box-shadow: none; border: 1px solid rgba(25, 4, 69, 0.05); }
#nav-popup-menu { position: fixed; inset: 61px 0px 0px; overflow: scroll; background-color: rgb(251, 251, 255); flex-direction: column; z-index: 3; font-size: 19px; font-weight: 600; display: none; padding: 17px 5px 10px; }
#nav-popup-menu hr { display: none; height: 1px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(25, 4, 69, 0.1); margin: 15px 5px 10px; padding: 0px; }
#nav-popup-menu .arrow { border-color: rgb(25, 4, 69); position: relative; transform: rotate(45deg); }
#nav-popup-menu.show { display: flex; }
#nav-popup-menu ul { padding: 7px; margin: 0px; display: grid; grid-auto-flow: row; grid-auto-rows: auto; gap: 3px; }
#nav-popup-menu ul.dropdown.is-focused { padding: 10px 7px 15px; border-radius: 8px; margin: 10px 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px, rgba(25, 4, 69, 0.1) 0px 10px 20px 0px; }
#nav-popup-menu ul.dropdown.is-focused .arrow { transform: rotate(-135deg); }
#nav-popup-menu ul.dropdown.is-focused svg { rotate: 90deg; }
#nav-popup-menu ul.dropdown.is-focused li, #nav-popup-menu ul.dropdown.is-focused .subtitle, #nav-popup-menu ul.dropdown.is-focused hr { display: flex; }
#nav-popup-menu ul:last-child { border-bottom: none; }
#nav-popup-menu .subtitle { padding: 0px 12px; height: 30px; align-items: center; display: none; }
#nav-popup-menu li { color: rgba(25, 4, 69, 0.9); height: 37px; align-items: center; padding: 0px 5px 0px 12px; list-style: none; border-radius: 8px; cursor: pointer; display: none; }
#nav-popup-menu li:first-child { display: flex; }
#nav-popup-menu li a { color: rgba(25, 4, 69, 0.9); width: 100%; }
#nav-popup-menu li.nav-link { color: rgba(25, 4, 69, 0.7); }
#nav-popup-menu li.nav-link a { color: rgba(25, 4, 69, 0.7); }
#nav-popup-menu li.nav-link:hover { color: rgb(25, 4, 69); background-color: rgba(25, 4, 69, 0.05); }
#nav-popup-menu li.nav-link:hover a { color: rgb(25, 4, 69); }
#nav-popup-menu li.nav-link:hover.yellow { background-color: rgb(255, 230, 61); }
#nav-popup-menu li.nav-link:hover.teal { background-color: rgb(61, 255, 179); }
#nav-popup-menu li.nav-link:hover.blue { background-color: rgb(61, 208, 255); }
#nav-popup-menu li.nav-link:hover.purple { background-color: rgb(198, 159, 255); }
#nav-popup-menu li.nav-link:hover.pink { background-color: rgb(255, 195, 192); }
.hamburger-menu { position: fixed; right: 22px; top: 16px; }
.hamburger-menu .icon { font-size: 23px; }
@media (min-width: 900px) {
  .hamburger-menu { display: none !important; }
}
.menu { gap: 12px; }
@media (max-width: 1100px) {
  .menu { gap: 5px; }
}
@media (max-width: 950px) {
  .menu { gap: 0px; }
}
.menu li { list-style: none; position: relative; }
.menu li:hover .popup, .menu li:hover .large-popup { display: grid; }
.menu .large-popup { position: absolute; top: 30px; left: -300px; background-color: rgb(255, 255, 255); flex-direction: column; z-index: 3; border-radius: 6px; box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px, rgba(25, 4, 69, 0.1) 0px 10px 20px 0px; font-size: 18px; display: none; grid-template-columns: 540px 300px; }
.menu .large-popup .left-nav-links { padding: 20px 0px 30px; grid-template-columns: 50% 50%; border-right: 1px solid rgba(25, 4, 69, 0.1); }
@media (max-width: 1000px) {
  .menu .large-popup { grid-template-columns: 300px 300px; }
  .menu .large-popup .left-nav-links { grid-template-columns: 100%; grid-template-rows: auto auto; gap: 20px; }
}
.menu .large-popup .pop-product-image { width: 100%; aspect-ratio: 1 / 1; background-size: cover; background-repeat: no-repeat; background-position: left center; border-radius: 6px; box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px inset; }
.menu .large-popup .subtitle { padding: 0px 10px 5px; }
.menu .large-popup a { padding: 0px 10px; height: 32px; border-radius: 8px; }
.menu .large-popup a p { color: rgba(25, 4, 69, 0.8); }
.menu .large-popup a svg { color: rgba(25, 4, 69, 0.6); }
.menu .large-popup a:hover { color: rgb(25, 4, 69); background-color: rgba(25, 4, 69, 0.05); }
.menu .large-popup a:hover p { color: rgb(25, 4, 69); }
.menu .large-popup a:hover.yellow { background-color: rgb(255, 246, 223); box-shadow: rgb(248, 180, 7) 0px 0px 0px 1px; }
.menu .large-popup a:hover.yellow svg { color: rgb(248, 180, 7); }
.menu .large-popup a:hover.teal { background-color: rgb(237, 255, 251); box-shadow: rgb(19, 183, 147) 0px 0px 0px 1px; }
.menu .large-popup a:hover.teal svg { color: rgb(19, 183, 147); }
.menu .large-popup a:hover.blue { background-color: rgb(239, 249, 255); box-shadow: rgb(24, 168, 255) 0px 0px 0px 1px; }
.menu .large-popup a:hover.blue svg { color: rgb(24, 168, 255); }
.menu .large-popup a:hover.purple { background-color: rgb(251, 250, 255); box-shadow: rgb(106, 79, 235) 0px 0px 0px 1px; }
.menu .large-popup a:hover.purple svg { color: rgb(106, 79, 235); }
.menu .large-popup a:hover.pink { background-color: rgb(255, 236, 239); box-shadow: rgb(255, 110, 133) 0px 0px 0px 1px; }
.menu .large-popup a:hover.pink svg { color: rgb(255, 110, 133); }
.menu .popup { padding: 8px 5px 10px; grid-auto-columns: auto; gap: 2px; position: absolute; top: 30px; left: 0px; background-color: rgb(255, 255, 255); width: 210px; flex-direction: column; z-index: 3; border-radius: 6px; box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px, rgba(25, 4, 69, 0.1) 0px 10px 20px 0px; font-size: 18px; display: none; }
.menu .popup a { padding: 0px 10px; width: 100%; box-sizing: border-box; display: flex; align-items: center; height: 32px; background-color: transparent; border-radius: 5px; font-size: 15px; font-weight: 600; color: rgba(25, 4, 69, 0.7); }
.menu .popup a:hover { color: rgb(25, 4, 69); background-color: rgba(25, 4, 69, 0.05); }
.menu .popup a:hover.yellow { background-color: rgb(255, 230, 61); }
.menu .popup a:hover.teal { background-color: rgb(61, 255, 179); }
.menu .popup a:hover.blue { background-color: rgb(61, 208, 255); }
.menu .popup a:hover.purple { background-color: rgb(198, 159, 255); }
.menu .popup a:hover.pink { background-color: rgb(255, 195, 192); }
.menu .nav-item { cursor: pointer; display: inline-flex; flex-direction: row; align-items: center; text-align: center; color: rgba(25, 4, 69, 0.8); font-weight: 600; letter-spacing: 0px; font-size: 15px; height: 30px; padding: 0px 10px; border-radius: 6px; }
.menu .nav-item:hover { background-color: rgba(25, 4, 69, 0.05); }
.menu .arrow { margin-left: 10px; }
@media (max-width: 900px) {
  .menu { display: none !important; }
}
.logo { width: 107px; }
.announcement { background-color: rgba(106, 79, 235, 0.15); color: rgb(106, 79, 235); height: 19px; border-radius: 6px; padding: 0px 7px; font-size: 12px; font-weight: 700; display: flex; align-items: center; margin: 0px 20px; }
.announcement:hover { background-color: rgb(106, 79, 235); color: rgb(255, 255, 255); }
.advisor_logo { height: 28px; }
.header-container { background-color: rgb(251, 251, 255); z-index: 3; position: fixed; top: 0px; }
.header-container.is-scrolled .header { border-bottom: 1px solid rgba(25, 4, 69, 0.1); height: 60px; }
.header { border-bottom: 1px solid transparent; margin: 0px 2%; height: 70px; gap: 30px; }
@media (max-width: 1100px) {
  .header { gap: 20px; }
}
@media (max-width: 1000px) {
  .header { gap: 10px; }
}
@media (max-width: 950px) {
  .header { gap: 3px; }
}
@media (min-width: 0px) {
  .header { width: 100%; margin: 0px 15px; }
}
@media (min-width: 1200px) {
  .header { width: 1150px; }
}
.top-fold-bkgd { z-index: -1; position: absolute; height: 700px; width: 100%; top: 0px; left: 0px; background-color: rgb(251, 251, 255); border-bottom: 1px solid rgba(25, 4, 69, 0.1); }
.footer { grid-column: 1 / -1; width: 100%; display: grid; padding: 30px 0px 100px; margin-top: 50px; text-align: left; }
@media (max-width: 700px) {
  .footer { grid-template-columns: 1fr; row-gap: 30px; }
}
@media (min-width: 700px) {
  .footer { border-top: 1px solid rgba(25, 4, 69, 0.1); grid-template-columns: 1fr 1fr 1fr 1fr; }
}
.footer .column { display: flex; flex-direction: column; }
.footer .title { font-size: 16px; font-weight: 600; color: rgb(25, 4, 69); margin-bottom: 10px; }
@media (max-width: 700px) {
  .footer .title { padding-bottom: 10px; border-bottom: 1px solid rgba(25, 4, 69, 0.1); }
}
.footer a { font-size: 16px; font-weight: 400; color: rgba(25, 4, 69, 0.7); line-height: 25px; }
.box-container { place-self: start center; width: 269px; }
.box-container p { font-size: 16px; line-height: 22px; }
.box-container h5 { margin-bottom: 10px; }
.box-container .button-row { margin-top: 25px; }
@media (max-width: 900px) {
  .box-container .button-row { justify-content: center; }
}
.image-box { width: 269px; height: 212px; border-radius: 6px; border: 1px solid rgba(25, 4, 69, 0.1); box-shadow: rgba(25, 4, 69, 0.05) 0px 3px 10px; background-size: 269px 212px; background-repeat: no-repeat; margin-bottom: 40px; }
.image-box.large { width: 568px; height: 489px; }
.image-box.square { height: 269px; }
.highlight { padding: 0px 8px; border-radius: 8px; background-color: rgba(106, 79, 235, 0.3); }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.customer-quote-ctr { height: 450px; }
@media (max-width: 800px) {
  .customer-quote-ctr { height: 560px; }
}
@media (max-width: 750px) {
  .customer-quote-ctr { height: 600px; }
}
@media (max-width: 700px) {
  .customer-quote-ctr { height: 600px; }
}
@media (max-width: 600px) {
  .customer-quote-ctr { height: 650px; }
}
@media (max-width: 500px) {
  .customer-quote-ctr { height: 600px; }
}
.customer-quote { font-size: min(40px, 7.5vw); color: rgb(25, 4, 69); font-weight: bold; width: 98%; max-width: 977px; letter-spacing: -1px; line-height: normal; }
.product-feature-fold-grid { padding: 0px 2vmax; text-align: left; align-items: center; grid-template-columns: 35% auto; grid-auto-flow: column; gap: 80px; }
.product-feature-fold-grid.reverse { grid-template-columns: 55% auto; }
.product-feature-fold-grid.reverse .secondary-block-image { grid-column-start: 1; justify-self: flex-end; }
@media (max-width: 850px) {
  .product-feature-fold-grid { grid-template-columns: 100%; padding: 0px 1vmax; grid-auto-flow: row; gap: 6vmax; }
  .product-feature-fold-grid.reverse { grid-template-columns: 100%; }
  .product-feature-fold-grid .secondary-block-image { height: auto; width: 100%; }
}
.secondary-block-image { height: 570px; aspect-ratio: 700 / 570; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 12px; box-shadow: rgba(25, 4, 69, 0.1) 0px 0px 0px 1px inset; }
.small-scrollbar ::-webkit-scrollbar { width: 5px; height: 5px; }
.small-scrollbar ::-webkit-scrollbar-thumb:vertical { border: none; }
.small-scrollbar ::-webkit-scrollbar-track:vertical { background-color: rgb(243, 241, 245); }
.small-scrollbar ::-webkit-scrollbar-track:vertical { background-color: transparent; }
.no-scrollbar ::-webkit-scrollbar { width: 0px !important; height: 0px !important; visibility: hidden !important; }
.transparent-scrollbar ::-webkit-scrollbar-thumb { border: 4px solid transparent; box-shadow: rgba(25, 4, 69, 0.2) 0px 0px 10px 10px inset; background-color: transparent; }
.transparent-scrollbar ::-webkit-scrollbar-track { background-color: transparent; border: 4px solid transparent; }
.transparent-scrollbar ::-webkit-scrollbar { width: 14px; height: 14px; }
.transparent-scrollbar.medium ::-webkit-scrollbar-thumb { border: 2px solid transparent; }
.transparent-scrollbar.medium ::-webkit-scrollbar { width: 7px; height: 7px; }
.transparent-scrollbar.small ::-webkit-scrollbar-thumb { border: 1px solid transparent; }
.transparent-scrollbar.small ::-webkit-scrollbar { width: 6px; height: 6px; }
.transparent-scrollbar.xsmall ::-webkit-scrollbar-thumb { border: 3px solid transparent; }
.transparent-scrollbar.xsmall ::-webkit-scrollbar { width: 6px; height: 6px; }
.skill-boxes { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-bottom: 20px; }
.copy-button { border-radius: 8px; box-shadow: rgba(25, 4, 69, 0.12) 0px 0px 0px 2px; background-color: rgb(255, 255, 255); padding: 0px 7px; height: 25px; display: flex; align-items: center; font-weight: 600; font-size: 13px; color: rgba(25, 4, 69, 0.6); cursor: pointer; transition: 0.3s ease-out; font-family: Inter !important; }
.copy-button:hover { box-shadow: rgb(106, 79, 235) 0px 0px 0px 2px; background-color: rgba(106, 79, 235, 0.05); color: rgb(106, 79, 235); }
.copy-button:focus { box-shadow: rgb(0, 195, 34) 0px 0px 0px 2px; color: rgb(255, 255, 255); background-color: rgb(0, 195, 34); }
.copy-button:focus::before { content: "Copied"; }
.copy-button::before { content: "Copy"; }
.copy-button.copy-all::before { content: "Copy All"; }
.copy-button.copy-all:focus::before { content: "Copied"; }
.callout { padding: 20px 20px 8px; border-radius: 8px; box-shadow: rgba(25, 4, 69, 0.05) 0px 3px 7px; display: grid; grid-template-columns: 30px 1fr; gap: 13px; margin-bottom: 25px; font-family: Inter !important; }
.callout p.callout-description { font-size: 15px; white-space: pre-wrap; text-wrap-style: initial; }
.callout p.callout-title { font-size: 16px; font-weight: 600; color: rgb(25, 4, 69); margin-bottom: 7px !important; }
.callout.green { background-color: rgb(242, 255, 246); border: 1px dashed rgb(85, 222, 61); }
.callout.green .callout-icon svg { color: rgb(85, 222, 61); }
.callout.red { background-color: rgb(255, 248, 248); border: 1px dashed rgb(222, 61, 61); }
.callout.red .callout-icon svg { color: rgb(222, 61, 61); }
.callout.blue { background-color: rgb(236, 246, 255); border: 1px dashed rgb(0, 137, 255); }
.callout.blue .callout-icon svg { color: rgb(0, 137, 255); }
.callout.purple { background-color: rgb(245, 243, 255); border: 1px dashed rgb(98, 54, 255); }
.callout.purple .callout-icon svg { color: rgb(98, 54, 255); }
.callout.yellow { background-color: rgb(255, 253, 243); border: 1px dashed rgb(255, 186, 0); }
.callout.yellow .callout-icon svg { color: rgb(255, 186, 0); }
.callout .callout-icon.check-badge svg path { d: path("M 8.603 3.799 A 4.49 4.49 0 0 1 12 2.25 c 1.357 0 2.573 0.6 3.397 1.549 a 4.49 4.49 0 0 1 3.498 1.307 a 4.491 4.491 0 0 1 1.307 3.497 A 4.49 4.49 0 0 1 21.75 12 a 4.49 4.49 0 0 1 -1.549 3.397 a 4.491 4.491 0 0 1 -1.307 3.497 a 4.491 4.491 0 0 1 -3.497 1.307 A 4.49 4.49 0 0 1 12 21.75 a 4.49 4.49 0 0 1 -3.397 -1.549 a 4.49 4.49 0 0 1 -3.498 -1.306 a 4.491 4.491 0 0 1 -1.307 -3.498 A 4.49 4.49 0 0 1 2.25 12 c 0 -1.357 0.6 -2.573 1.549 -3.397 a 4.49 4.49 0 0 1 1.307 -3.497 a 4.49 4.49 0 0 1 3.497 -1.307 Z m 7.007 6.387 a 0.75 0.75 0 1 0 -1.22 -0.872 l -3.236 4.53 L 9.53 12.22 a 0.75 0.75 0 0 0 -1.06 1.06 l 2.25 2.25 a 0.75 0.75 0 0 0 1.14 -0.094 l 3.75 -5.25 Z"); }
.callout .callout-icon.sparkles svg path { d: path("M 9 4.5 a 0.75 0.75 0 0 1 0.721 0.544 l 0.813 2.846 a 3.75 3.75 0 0 0 2.576 2.576 l 2.846 0.813 a 0.75 0.75 0 0 1 0 1.442 l -2.846 0.813 a 3.75 3.75 0 0 0 -2.576 2.576 l -0.813 2.846 a 0.75 0.75 0 0 1 -1.442 0 l -0.813 -2.846 a 3.75 3.75 0 0 0 -2.576 -2.576 l -2.846 -0.813 a 0.75 0.75 0 0 1 0 -1.442 l 2.846 -0.813 A 3.75 3.75 0 0 0 7.466 7.89 l 0.813 -2.846 A 0.75 0.75 0 0 1 9 4.5 Z M 18 1.5 a 0.75 0.75 0 0 1 0.728 0.568 l 0.258 1.036 c 0.236 0.94 0.97 1.674 1.91 1.91 l 1.036 0.258 a 0.75 0.75 0 0 1 0 1.456 l -1.036 0.258 c -0.94 0.236 -1.674 0.97 -1.91 1.91 l -0.258 1.036 a 0.75 0.75 0 0 1 -1.456 0 l -0.258 -1.036 a 2.625 2.625 0 0 0 -1.91 -1.91 l -1.036 -0.258 a 0.75 0.75 0 0 1 0 -1.456 l 1.036 -0.258 a 2.625 2.625 0 0 0 1.91 -1.91 l 0.258 -1.036 A 0.75 0.75 0 0 1 18 1.5 Z M 16.5 15 a 0.75 0.75 0 0 1 0.712 0.513 l 0.394 1.183 c 0.15 0.447 0.5 0.799 0.948 0.948 l 1.183 0.395 a 0.75 0.75 0 0 1 0 1.422 l -1.183 0.395 c -0.447 0.15 -0.799 0.5 -0.948 0.948 l -0.395 1.183 a 0.75 0.75 0 0 1 -1.422 0 l -0.395 -1.183 a 1.5 1.5 0 0 0 -0.948 -0.948 l -1.183 -0.395 a 0.75 0.75 0 0 1 0 -1.422 l 1.183 -0.395 c 0.447 -0.15 0.799 -0.5 0.948 -0.948 l 0.395 -1.183 A 0.75 0.75 0 0 1 16.5 15 Z"); }
.callout .callout-icon.cog svg path { d: path("M 11.078 2.25 c -0.917 0 -1.699 0.663 -1.85 1.567 L 9.05 4.889 c -0.02 0.12 -0.115 0.26 -0.297 0.348 a 7.493 7.493 0 0 0 -0.986 0.57 c -0.166 0.115 -0.334 0.126 -0.45 0.083 L 6.3 5.508 a 1.875 1.875 0 0 0 -2.282 0.819 l -0.922 1.597 a 1.875 1.875 0 0 0 0.432 2.385 l 0.84 0.692 c 0.095 0.078 0.17 0.229 0.154 0.43 a 7.598 7.598 0 0 0 0 1.139 c 0.015 0.2 -0.059 0.352 -0.153 0.43 l -0.841 0.692 a 1.875 1.875 0 0 0 -0.432 2.385 l 0.922 1.597 a 1.875 1.875 0 0 0 2.282 0.818 l 1.019 -0.382 c 0.115 -0.043 0.283 -0.031 0.45 0.082 c 0.312 0.214 0.641 0.405 0.985 0.57 c 0.182 0.088 0.277 0.228 0.297 0.35 l 0.178 1.071 c 0.151 0.904 0.933 1.567 1.85 1.567 h 1.844 c 0.916 0 1.699 -0.663 1.85 -1.567 l 0.178 -1.072 c 0.02 -0.12 0.114 -0.26 0.297 -0.349 c 0.344 -0.165 0.673 -0.356 0.985 -0.57 c 0.167 -0.114 0.335 -0.125 0.45 -0.082 l 1.02 0.382 a 1.875 1.875 0 0 0 2.28 -0.819 l 0.923 -1.597 a 1.875 1.875 0 0 0 -0.432 -2.385 l -0.84 -0.692 c -0.095 -0.078 -0.17 -0.229 -0.154 -0.43 a 7.614 7.614 0 0 0 0 -1.139 c -0.016 -0.2 0.059 -0.352 0.153 -0.43 l 0.84 -0.692 c 0.708 -0.582 0.891 -1.59 0.433 -2.385 l -0.922 -1.597 a 1.875 1.875 0 0 0 -2.282 -0.818 l -1.02 0.382 c -0.114 0.043 -0.282 0.031 -0.449 -0.083 a 7.49 7.49 0 0 0 -0.985 -0.57 c -0.183 -0.087 -0.277 -0.227 -0.297 -0.348 l -0.179 -1.072 a 1.875 1.875 0 0 0 -1.85 -1.567 h -1.843 Z M 12 15.75 a 3.75 3.75 0 1 0 0 -7.5 a 3.75 3.75 0 0 0 0 7.5 Z"); }
.callout .callout-icon.star svg path { d: path("M 10.788 3.21 c 0.448 -1.077 1.976 -1.077 2.424 0 l 2.082 5.006 l 5.404 0.434 c 1.164 0.093 1.636 1.545 0.749 2.305 l -4.117 3.527 l 1.257 5.273 c 0.271 1.136 -0.964 2.033 -1.96 1.425 L 12 18.354 L 7.373 21.18 c -0.996 0.608 -2.231 -0.29 -1.96 -1.425 l 1.257 -5.273 l -4.117 -3.527 c -0.887 -0.76 -0.415 -2.212 0.749 -2.305 l 5.404 -0.434 l 2.082 -5.005 Z"); }
.callout .callout-icon.x-circle svg path { d: path("M 12 2.25 c -5.385 0 -9.75 4.365 -9.75 9.75 s 4.365 9.75 9.75 9.75 s 9.75 -4.365 9.75 -9.75 S 17.385 2.25 12 2.25 Z m -1.72 6.97 a 0.75 0.75 0 1 0 -1.06 1.06 L 10.94 12 l -1.72 1.72 a 0.75 0.75 0 1 0 1.06 1.06 L 12 13.06 l 1.72 1.72 a 0.75 0.75 0 1 0 1.06 -1.06 L 13.06 12 l 1.72 -1.72 a 0.75 0.75 0 1 0 -1.06 -1.06 L 12 10.94 l -1.72 -1.72 Z"); }
.callout .callout-icon.exclamation-circle svg path { d: path("M 2.25 12 c 0 -5.385 4.365 -9.75 9.75 -9.75 s 9.75 4.365 9.75 9.75 s -4.365 9.75 -9.75 9.75 S 2.25 17.385 2.25 12 Z M 12 8.25 a 0.75 0.75 0 0 1 0.75 0.75 v 3.75 a 0.75 0.75 0 0 1 -1.5 0 V 9 a 0.75 0.75 0 0 1 0.75 -0.75 Z m 0 8.25 a 0.75 0.75 0 1 0 0 -1.5 a 0.75 0.75 0 0 0 0 1.5 Z"); }
.callout .callout-icon.information-circle svg path { d: path("M 2.25 12 c 0 -5.385 4.365 -9.75 9.75 -9.75 s 9.75 4.365 9.75 9.75 s -4.365 9.75 -9.75 9.75 S 2.25 17.385 2.25 12 Z m 8.706 -1.442 c 1.146 -0.573 2.437 0.463 2.126 1.706 l -0.709 2.836 l 0.042 -0.02 a 0.75 0.75 0 0 1 0.67 1.34 l -0.04 0.022 c -1.147 0.573 -2.438 -0.463 -2.127 -1.706 l 0.71 -2.836 l -0.042 0.02 a 0.75 0.75 0 1 1 -0.671 -1.34 l 0.041 -0.022 Z M 12 9 a 0.75 0.75 0 1 0 0 -1.5 a 0.75 0.75 0 0 0 0 1.5 Z"); }
.resume-example { padding: min(40px, 6vw) min(50px, 6vw); background-color: rgb(255, 255, 255); box-shadow: rgba(25, 4, 69, 0.12) 0px 0px 0px 1px, rgba(25, 4, 69, 0.07) 0px 3px 12px; margin-bottom: 25px; position: relative; font-family: Inter !important; }
.resume-example.entry { padding: min(25px, 6vw) min(30px, 6vw) 20px; }
.resume-example.entry .resume-example-section { margin: 0px; }
.resume-example p { margin: 2px 0px !important; line-height: 1.5 !important; }
.resume-example .two-column-grid { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.resume-example .resume-example-title { font-size: 35px; font-weight: 600; color: rgb(25, 4, 69); letter-spacing: -1px; }
.resume-example .resume-example-contact { font-size: 15px; color: rgb(25, 4, 69); font-weight: 400; }
.resume-example .resume-example-section { margin: 30px 0px; }
.resume-example .resume-example-section ul { padding-left: 1em; margin-top: 10px; }
.resume-example .resume-example-section-title { font-size: 15px; color: rgba(25, 4, 69, 0.5); font-weight: 500; margin-bottom: 15px !important; }
.resume-example .resume-example-section-item { margin: 20px 0px; }
.resume-example .resume-example-content-title { font-size: 15px; color: rgb(25, 4, 69); font-weight: 600; }
.resume-example .resume-example-content-subtitle { font-size: 15px; color: rgb(25, 4, 69); font-weight: 500; }
.resume-example .resume-example-content { font-size: 15px; color: rgb(25, 4, 69); font-weight: 400; border-radius: 4px; cursor: pointer; transition: 0.3s ease-in; position: relative; outline: transparent solid 6px; }
.resume-example .resume-example-content:hover { background-color: rgb(255, 252, 102); outline: rgb(255, 252, 102) solid 6px; }
.resume-example .resume-example-content:focus { background-color: rgb(222, 255, 228); outline: rgb(222, 255, 228) solid 6px; }
.resume-example .resume-example-content:focus::after { content: "Copied"; position: absolute; top: 0px; z-index: 1; display: flex; align-items: center; right: 0px; color: rgb(255, 255, 255); background-color: rgb(0, 195, 34); height: 25px; padding: 0px 10px; font-size: 14px; font-weight: 500; border-radius: 12px; }
.huntr-table { border-collapse: collapse; border-radius: 6px; font-size: 15px; font-weight: 400; width: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(25, 4, 69, 0.12) 0px 0px 0px 1px, rgba(25, 4, 69, 0.07) 0px 3px 7px -1px; color: rgba(25, 4, 69, 0.8); font-family: Lato !important; }
.huntr-table tr:first-of-type { background-color: rgba(106, 79, 235, 0.05); }
.huntr-table tr:first-of-type td { color: rgb(25, 4, 69); font-weight: 600; }
.huntr-table tr { border-bottom: 1px solid rgba(25, 4, 69, 0.12); }
.huntr-table tr:last-of-type { border-bottom: none; }
.huntr-table td { border-right: 1px solid rgba(25, 4, 69, 0.12); padding: 10px; }
.huntr-table td:last-of-type { border-right: none; }
.tag-list { padding: 13px 17px 10px; background-color: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(25, 4, 69, 0.12) 0px 0px 0px 2px, rgba(25, 4, 69, 0.07) 0px 3px 7px -1px; margin-bottom: 25px; position: relative; font-family: Inter !important; }
.tag-list .tag-list-title { font-size: 15px; font-weight: 500; color: rgb(25, 4, 69); padding-bottom: 10px; margin: 0px !important; }
.tag-list .tag { border-radius: 8px; box-shadow: rgba(106, 79, 235, 0.3) 0px 0px 0px 2px; background-color: rgba(106, 79, 235, 0.05); padding: 0px 10px; height: 28px; align-items: center; font-weight: 500; font-size: 15px; display: inline-flex; margin: 0px 12px 12px 0px; color: rgba(25, 4, 69, 0.9); cursor: pointer; transition: 0.3s ease-out; }
.tag-list .tag:hover { box-shadow: rgb(106, 79, 235) 0px 0px 0px 2px; background-color: rgba(106, 79, 235, 0.05); color: rgb(106, 79, 235); }
.tag-list .tag:focus { box-shadow: rgb(0, 195, 34) 0px 0px 0px 2px; color: rgb(255, 255, 255); background-color: rgb(0, 195, 34); }
.tag-list .tag:focus::before { content: "Copied "; margin-right: 5px; }
.text-list { padding: 13px 17px 10px; background-color: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(25, 4, 69, 0.12) 0px 0px 0px 2px, rgba(25, 4, 69, 0.07) 0px 3px 7px -1px; margin-bottom: 25px; font-family: Inter !important; }
.text-list .text-list-title { font-size: 15px; font-weight: 500; color: rgba(25, 4, 69, 0.6); padding-bottom: 10px; border-bottom: 2px dashed rgba(25, 4, 69, 0.12); margin: 0px !important; }
.text-list .text-list-item { font-size: 15px; padding: 15px 0px; border-top: 2px dashed rgba(25, 4, 69, 0.12); line-height: 1.5; margin: 0px !important; }
.text-list .text-list-item:first-of-type { border-top: none; }
.text-list .text-list-item-title { font-weight: 600; color: rgba(25, 4, 69, 0.8); }
.text-list .text-list-item-text { font-weight: 500; color: rgba(25, 4, 69, 0.6); }
.text-list ol { list-style-position: inside; padding: 0px; margin: 0px; }
.text-list ol li::marker { font-weight: bold; color: rgb(25, 4, 69); }
.skill-box { padding: 20px 17px; background-color: rgb(255, 255, 255); border-radius: 12px; display: grid; grid-template-rows: auto 1fr auto; gap: 7px; box-shadow: rgba(25, 4, 69, 0.12) 0px 0px 0px 2px, rgba(25, 4, 69, 0.07) 0px 3px 7px -1px; aspect-ratio: 1 / 1; position: relative; font-family: Inter !important; }
@media (max-width: 500px) {
  .skill-box { aspect-ratio: unset; }
}
.skill-box:hover { box-shadow: rgba(25, 4, 69, 0.2) 0px 0px 0px 2px; }
.skill-box p { line-height: 21px !important; margin: 0px !important; }
.skill-box .skill-box-title { font-size: 16px; font-weight: 500; color: rgb(25, 4, 69); }
.skill-box .skill-box-description { font-size: 14px; color: rgb(25, 4, 69); }
.skill-box .skill-box-job-titles { font-size: 12px; color: rgba(25, 4, 69, 0.7); padding-top: 10px; font-weight: 500; border-top: 1px solid rgba(25, 4, 69, 0.12); margin-top: 13px !important; line-height: 17px !important; }
.billing-toggle { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; background-color: rgb(255, 255, 255); border-radius: 12px; border: 2px solid rgba(25, 4, 69, 0.2); height: 45px; padding: 4px; box-sizing: border-box; }
.billing-toggle .toggle-element { width: 100%; height: 100%; color: rgba(25, 4, 69, 0.7); font-weight: 600; font-size: 15px; display: flex; align-items: center; justify-content: center; padding: 0px 12px; box-sizing: border-box; border-radius: 8px; cursor: pointer; }
.billing-toggle .toggle-element:hover { background-color: rgba(25, 4, 69, 0.1); }
.billing-toggle .toggle-element.active { color: rgb(255, 255, 255); background-color: rgb(98, 54, 255); }
.pricing-grid-container { display: grid; margin-top: 50px; place-items: center; }
@media (min-width: 0px) {
  .pricing-grid-container { grid-template-columns: 100%; gap: 50px 20px; text-align: center; width: 100%; }
}
@media (min-width: 900px) {
  .pricing-grid-container { width: 95%; }
}
@media (min-width: 1000px) {
  .pricing-grid-container { width: 95%; }
}
@media (min-width: 1200px) {
  .pricing-grid-container { width: 1100px; }
}
.plan-grid-container { display: grid; gap: 40px 12px; justify-content: center; }
@media (min-width: 0px) {
  .plan-grid-container { grid-template-columns: 100%; }
}
@media (min-width: 550px) {
  .plan-grid-container { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 780px) {
  .plan-grid-container { grid-template-columns: repeat(2, 366px); }
}
.plan-name { font-size: 22px; color: rgb(25, 4, 69); font-weight: 400; margin-bottom: 20px; }
.title-bar { border-bottom: 1px solid rgba(25, 4, 69, 0.1); height: 80px; display: flex; align-items: center; margin-bottom: 40px; }
.price { font-size: 48px; font-weight: 400; color: rgb(25, 4, 69); }
.price small { font-size: 30px; color: rgba(25, 4, 69, 0.4); }
.price sub { font-size: 14px; color: rgba(25, 4, 69, 0.4); font-weight: 600; }
.plan-container { background-color: rgb(255, 255, 255); border-radius: 8px; box-sizing: border-box; border: 1px solid rgba(25, 4, 69, 0.2); box-shadow: rgba(25, 4, 69, 0.1) 0px 4px 10px; width: 100%; text-align: left; display: flex; flex-direction: column; padding: 30px 30px 50px; }
.plan-container .checkbox { margin-right: 10px; margin-top: 3px; }
.plan-container ul { margin: 0px; padding: 0px; text-align: left; }
.plan-container li { display: flex; }
.plan-container li, .plan-container u { list-style: none; font-size: 16px; color: rgb(25, 4, 69); line-height: 30px; }
.plan-container.free { margin-top: 40px; }
@media (max-width: 550px) {
  .plan-container.free { margin-top: 0px; }
}
.plan-container.premium { box-shadow: rgb(106, 79, 235) 0px 0px 0px 3px, rgba(106, 79, 235, 0.1) 0px 2px 50px 3px, rgba(106, 79, 235, 0.25) 0px 0px 4px 3px; border: none; }
@media (max-width: 550px) {
  .plan-container.premium { grid-row-start: 1; }
}