@font-face {
  font-family: 'Lora';
  src: url('https://www.finout.io/hubfs/Lora%20Font/Lora-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('https://www.finout.io/hubfs/Lora%20Font/Lora-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('https://www.finout.io/hubfs/Lora%20Font/Lora-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('https://www.finout.io/hubfs/Lora%20Font/Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {  
  --button--padding-desktop: 10px 14px;

  --yellow-btn-hover-text-color:#fff;
  --yellow-btn-hover-icon-color:#fff;
  --yellow-btn-hover-background-color:#1B1F1D;

  --greenBrand:#38b28e;
  --greenBrand2:#0E5747;
  --greenBrand7:#0F6D59;
  --yellowBrand:#FFE15D;/*FFD632*/
  --yellowBrandHover:#FFEC89;/*FFD632*/
  --blackBrand:#1B1F1D;

  --font-primary: 'Poppins', sans-serif;
  --font-heading: 'Lora';

  --min-font-vw: 500;
  --max-font-vw: 1440;
  --fluid-range: calc(var(--max-font-vw) - var(--min-font-vw));
  
  --h-weight:600;

  --h1-size:32px;
  --h1-line:42px;
  --h1-weight:600;

  --h2-size:28px;
  --h2-line:36px;

  --h3-size:24px;
  --h3-line:30px;

  --text-body-size:16px;
  --text-body-line:28px;

  --text-body-weight: 400;
  --text-body-weight3: 300;
  
  --clr-primary: #1b1f1d;
  --clr-secondary-green: #0f6d59;
}

@media (min-width:768px){
  :root{
    --h1-size:48px;
    --h1-line:60px;

    --h2-size:40px;
    --h2-line:48px;

    --h3-size:28px;
    --h3-line:34px;

    --text-body-size:18px;
    --text-body-line:30px;
  }
}

h1{
  font-family:var(--font-heading);
  font-size:var(--h1-size);
  line-height:var(--h1-line);
  font-weight:var(--h-weight);
}

h2{
  font-family:var(--font-heading);
  font-size:var(--h2-size);
  line-height:var(--h2-line);
  font-weight:var(--h-weight);
}

h3{
  font-family:var(--font-heading);
  font-size:var(--h3-size);
  line-height:var(--h3-line);
  font-weight:var(--h-weight);
}

p{font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight)}

.wb-form-fields form .hs-button.primary.large,
.wb-form-fields form input[type=submit].hs-button.primary.large,
a#cta_button_8840961_f8979699-adc8-4a5a-bab5-5afe584a2449,
a.lets-talk,
.book-1-1-card-revamp a,
.book-1-1-card a,
.btn-style25,
.global-btn25 a{all:unset;box-sizing: border-box;text-align: center;border-radius:8px;background:var(--yellowBrand);border:1px solid #0F6D59;display:inline-block;padding:11px 15px;color:#0F6D59;font-weight:600;font-size:16px;line-height:24px;cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.wb-form-fields form .hs-button.primary.large:hover,
.wb-form-fields form input[type=submit].hs-button.primary.large:hover,
a#cta_button_8840961_f8979699-adc8-4a5a-bab5-5afe584a2449:hover,
a.lets-talk:hover,
.book-1-1-card-revamp a:hover,
.book-1-1-card a:hover,
.btn-style25:hover,
.global-btn25 a:hover {all:unset;box-sizing: border-box;text-align:center;border-radius:8px;background:#FFEC89;border:1px solid #0F6D59;display:inline-block;padding:11px 15px;color:#0F6D59;font-weight:600;font-size:16px;line-height:24px;cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}

#hsctacustom26 a.lets-talk {all:unset!important;box-sizing:border-box!important;text-align:center!important;border-radius:8px!important;background:var(--yellowBrand)!important;border:1px solid #0F6D59!important;display:inline-block!important;padding:11px 15px!important;color:#0F6D59!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;cursor:pointer!important;-webkit-transition:all .3s ease-in-out!important;-moz-transition:all .3s ease-in-out!important;-ms-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important;}
#hsctacustom26 a.lets-talk:hover{all:unset!important;box-sizing:border-box!important;text-align:center!important;border-radius:8px!important;background:#FFEC89!important;border:1px solid #0F6D59!important;display:inline-block!important;padding:11px 15px!important;color:#0F6D59!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;cursor:pointer!important;-webkit-transition:all .3s ease-in-out!important;-moz-transition:all .3s ease-in-out!important;-ms-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important;}
.global-btn125 a,
.wb-form-fields form .hs-button.primary.large,
.wb-form-fields form input[type=submit].hs-button.primary.large,
.global-btn125 a:hover,
.wb-form-fields form .hs-button.primary.large:hover,
.wb-form-fields form input[type=submit].hs-button.primary.large:hover{width:100%;display: block}

span.new-btn-inner { font-size: 14px; line-height: 21px; font-weight: 600; color: #1B1F1D; background: #79DCBC; border-radius: 100px; display: inline-block; border: 1px solid #1B1F1D; padding: 1px 13px; } 
span.new-btn-inner svg { position: absolute; top: -2px; right: -6px; } 
span.new-btn {font-size: 0;background:var(--yellowBrand); border-radius: 100px; display: inline-block; position: relative; border: 1px solid #1B1F1D; padding: 2px; } 
.hp-text { font-size: 14px; line-height: 20px; color: #FFFFFF; } 
.header-top-container { padding: 0 32px; display: flex; align-items: center; justify-content: center; gap: 14px; } 
.hp-text span { color: #79DCBC; display: inline-block; margin: 0 7px; } 
.hp-text a { display: inline-block; font-weight: 600; color: #FFEC89; padding-right: 20px; background: url(https://8840961.fs1.hubspotusercontent-na1.net/hubfs/8840961/yellow-arrow.svg) no-repeat 99% center; transition: background 0.2s ease;} 
.hp-text a:hover {background-position: 100% center;}
.header-top { background: #0E5747; padding: 5px 0 3px 0px; }
/*added for cookieBot banner*/
@media (min-width: 1024px) {
div#CybotCookiebotDialog.CybotEdge{padding:15px 10px 10px;border-bottom-left-radius:0;border-bottom-right-radius:0}
div#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{padding:8px}
div#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBody .CybotCookiebotScrollContainer{min-height:inherit!important}
div#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper{padding-top:0}
}
/**/
#header .view-all-blogs-link {color: var(--text-color, #1b1f1d);font-size: 12px;font-weight: 600;line-height: 18px;
  background: url(https://8840961.fs1.hubspotusercontent-na1.net/hubfs/8840961/blue-arrow-right.svg) no-repeat top 50% right / auto;padding-right: 10px;padding-block: 6px;margin-right: 10px;margin-top: 14px;display: block;width: fit-content;margin-left: auto;}
#header li:has(> .view-all-blogs-link) .view-all-blogs-link {margin: 0;width: 100%;}
body.colored-logo #hamburger-icon span, body.colored-logo #hamburger-icon span:before {background-color: #000;}
/*.hs-cta-node:not([data-hs-drop="true"]) a:has(img.hs-cta-img) {opacity:0!important;visibility:hidden!important;width:0 !important}*/
#header {position: fixed;top: 30px;left: 0;right: 0;z-index:9999;transition: transition: background 0.2s ease, top 0.10s ease-out;}
#header .wrap {padding-inline: 32px;width: min(1340px, 100%);margin-inline: auto;} 
#header .inner {display: grid;align-items: center;grid-template-columns: 150px 1fr 370px;position: relative;}
#header ul {list-style: none;}
#header .navbar {display: flex;align-items: center;justify-self: center;border-radius: 12px; position: relative;}
#header .navbar .single-menu-item .parent-link {font-weight: 400;font-size: 16px;line-height: 24px;color: #fff;z-index: 1;display: flex;align-items: center;column-gap: 6px;padding-block: 10px;padding-inline: 14px;position: relative;transition: border 0.05s ease-in;}
#header .navbar .single-menu-item .parent-link img {transition: transform 0.3s ease;}
#header .navbar .portal-menu {display: flex;padding-inline: 20px;}
#header .navbar .portal-menu > li {position: relative;isolation: isolate;}
#header .portal-submenu {content-visibility: hidden;display: grid;transition-property: opacity, visibility, transform;transition-duration: 0.05s;transition-timing-function: ease-in;margin-left: auto;position: absolute;padding-top: 15px;/*background-color: #fff;border: 2px solid var(--border-color, #1b1f1d);border-radius: 16px;*/opacity: 0;visibility: hidden;transform: translateY(-16px);width: min(100%, 1075px);max-width: max-content;/*inset: 58px auto auto 0;*/inset: 44px auto auto 0;pointer-events: none;width: max(100%,1075px);}
#header .single-menu-item:hover .portal-submenu,
#header .single-menu-item.active .portal-submenu {content-visibility: visible;pointer-events: all;}
#header .portal-submenu::before {content: "";position: absolute;left: 0;right: 0;top: -15px;height: 15px;}
#header .portal-submenu .portal-submenu-inner {overflow: hidden;max-width: 1144px;width: 100%;margin-inline: auto;background-color: #fff;border: 1px solid var(--border-color, #1b1f1d);border-radius: 16px;}
#header .portal-submenu .portal-submenu-inner .submenu-wrap {padding:23px;display: flex;column-gap: 14px;/*display: grid;grid-template-columns:repeat(auto-fit, minmax(175px, 175px));gap: 24px;*/}
#header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] .h-h4 {color: var(--text-color, #1B1F1D);font-size: 10px;line-height: 18px;font-weight: 600;margin-bottom:14px;}
#header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a {background-color: #fff;display: flex;align-items:center;border-radius:8px;padding:8px;}
#header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a img {margin-right: 12px;}
#header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a .h-h5 {font-size: 12px;line-height: 18px;font-weight: 600;color: var(--text-color, #1B1F1D);}
#header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a p {font-size: 14px;line-height: 20px;font-weight: 400;color: #1B1F1D;margin:0;}
#header .portal-submenu .portal-submenu-inner .submenu-wrap .column-span-two ul, #header .portal-submenu .portal-submenu-inner .submenu-wrap .column-span-three ul {columns: var(--columns);display: grid;grid-auto-flow: column;grid-template-rows: repeat(var(--rows), minmax(min-content, max-content));column-gap: 24px;}
#header .portal-submenu .portal-submenu-inner .submenu-wrap>div[class^=column] li {margin-bottom: 5px;/*width: 175px;*/}
#header .navbar .portal-menu>li:nth-last-of-type(2) .portal-submenu-inner .column2 ul li[data-prop=empty] {opacity: 0;visibility: hidden;pointer-events: none;}
#header .navbar .portal-menu>li:nth-last-of-type(2) .portal-submenu-inner .column2 ul li[data-prop=empty] {height: var(--_height);}
#header .column-w-link {padding-left:10px;}
#header .logo {margin-top: 4px;justify-self: flex-start;}
#header .logo a {display: block;font-size: 0;display: grid;}
#header .logo a img {grid-area: 1/1;}
#header .logo a .logo-colored {display: none;}
#header .logo a svg {max-width: 100%;}
#header .links-secondary {display: flex;flex-wrap: wrap;align-items: center;justify-self: flex-end;gap:6px;margin-top: 3px;}
/* #header .links-secondary .docs-link a {font-size: 16px;line-height: 24px;font-weight: 400;color: #999999;}
#header .links-secondary .get-started-button a {font-size: 16px;line-height: 24px;font-weight: 600;padding: var(--button--padding-desktop);background-color: var(--yellowBrand);color: #1B1F1D;text-align: center;display: flex;align-items: center;border-radius: 8px;border: 2px solid #1B1F1D;}
#header .links-secondary .partner-button a {justify-content: center;font-size: 16px;line-height: 24px;font-weight: 600;padding: var(--button--padding-desktop);background-color: #F8CECE;color: #1B1F1D;text-align: center;display: flex;align-items: center;border-radius: 8px;border: 2px solid #1B1F1D;}
#header .links-secondary .get-started-button a:hover, #header .links-secondary .partner-button a:hover {background:var(--yellow-btn-hover-background-color);color:var(--yellow-btn-hover-text-color);}
#header .links-secondary .join-demo span {color: #1B1F1D !important;font-size: 16px;line-height: 24px;font-weight: 600;} */
#header .links-secondary #login-btn a {display: flex;font-size: 16px;line-height: 24px;font-weight: 600;border: 1px solid #000000;border-radius: 8px;background-color: #fff;color: #000;padding: 8px 14px;font-family: Poppins !important;}
#header .links-secondary #login-btn a span {color: inherit !important;}
#header .links-secondary #book-a-demo-btn a {border-color: #0F6D59 !important;padding: 8px 14px !important;max-height: 44px;display: inline-flex;}
#header .links-secondary #book-a-demo-btn a img {object-fit: contain;}
#header .links-secondary .link-container a {font-size: 16px;line-height: 24px;font-weight: 600;color: #000;border-radius: 8px;border: 1px solid #000;padding: 8px 14px;display: flex;background-color: #fff;justify-content: center;}
.cta-skeleton {
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.08) 25%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0.08) 75%
  );
  background-size: 200% 100%;
  animation: cta-skeleton-shimmer 1.4s ease-in-out infinite;
}

@keyframes cta-skeleton-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
#header #add-modal {background: none;text-decoration: underline;text-underline-offset: 8px;margin-right: 0;padding-right: 0;transform: translateX(10px);}
#modal-container {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(27, 31, 29, 0.2);z-index: 9999;justify-content: center;align-items: center;}
#modal-container.open {display: flex;}
body:has(#modal-container.open) {overflow: hidden;}
#modal-container .modal-content {position: relative;background: white;padding: 24px 32px;border-radius: 24px;width: min(100%, 537px);border: 1px solid #0F6D59;}
#modal-container .close-modal {position: absolute;top: 13px;right: 10px;cursor: pointer;}
#modal-container .modal-content-heading {display: flex;justify-content: space-between;margin-bottom: 16px;}
#modal-container .modal-content-heading h2 {font-size: 28px;line-height: 34px;color: #0E5747;margin:0}
#modal-container .modal-content-block :where(form, form *) {box-sizing: border-box !important;margin: 0;}
#modal-container .modal-content-block form {display: flex;flex-direction: column;}
#modal-container .modal-content-block form :where(input[type="text"], input[type="email"], select) {all: unset;border: 1px solid rgba(208, 208, 208);border-radius: 6px;width: 100%;padding: 14px 12px;font-size: 14px;line-height: 20px}
#modal-container .modal-content-block form :where(input[type="text"], input[type="email"], select)::-webkit-input-placeholder {font-size: 14px;line-height: 20px;color: #999999;}
#modal-container .modal-content-block form .form-columns-2 {margin-bottom: 8px;display: inline-flex;gap: 8px;}
#modal-container .modal-content-block form .form-columns-1 {margin-bottom: 8px;}
#modal-container .modal-content-block form .hs-form-field .input {margin-right: 0;}
#modal-container .modal-content-block form input[type="submit"] {letter-spacing: 0;text-transform: inherit;font-family: Inter;font-weight: 600;font-size: 16px;line-height: normal;font-weight: 600;color: #0F6D59;background-color: #FFE15D;border-radius: 6px;border: 1px solid #0F6D59;width: 100%;padding: 16px;cursor: pointer;}
#modal-container .modal-content-block form .legal-consent-container {font-size: 12px;line-height: normal;color: #999999;}
#modal-container .modal-content-block form .legal-consent-container a {color: #999999;text-decoration: underline;}
#modal-container .modal-content-block form .hs-error-msgs {list-style: none;}
#modal-container .modal-content-block form :where(.hs-error-msg, .hs-error-msgs, .hs-error-rollup label) {color: red;font-size: 12px;line-height: normal;}
#modal-container .modal-content-block form select{padding-inline:12px 40px}
#modal-container .hs-fieldtype-select.field.hs-form-field{position:relative}
#modal-container .hs-fieldtype-select.field.hs-form-field:after{content:"";position:absolute;right:16px;top:25px;width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;transform:translateY(-65%) rotate(45deg);pointer-events:none}
#modal-container form fieldset:last-of-type{order:1;text-align:center;margin-top:16px}
#modal-container form fieldset .hs-richtext {font-size: 12px;}
#modal-container .hs_submit.hs-submit {margin-top: 8px;}
#modal-container form fieldset .field>label {display: none;}
#hamburger-icon {display: flex;height: 30px;transform: translateY(10px);cursor: pointer;margin-left: auto;}
#hamburger-icon:has(input:checked) {transform: translateY(5px);}
#hamburger-icon input {display: none;}
#hamburger-icon span, #hamburger-icon span::before {content: "";display: block;width:23px;height:2.5px;background: white;position: absolute;transition: 0.3s;}
#hamburger-icon span {position: relative;top: 8px;}
#hamburger-icon span::before {top: -8px;} 
#hamburger-icon input:checked + span {transform: rotate(45deg);}
#hamburger-icon input:checked + span::before {top: 0;transform: rotate(90deg);}
#header .portal-submenu .portal-submenu-inner .submenu-wrap .column-span-three ul li{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%}
#header.no-top-padding{padding-top:0}

.purple_bar_outer {
    background: #0E5747;
    text-align: center;
    color: #fff;
    padding: 9px 32px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.purple_bar_outer a {
    color: #FFEC89;
    border-left: 1px solid #79DCBC;
    padding-left: 10px;
    margin-left: 10px;
    display: inline-block;
}

@media (max-width: 1100px) {
  #header .navbar .single-menu-item .parent-link {padding-inline: 13px;}
  #header .links-secondary .get-started-button a {padding: 12px 20px;}
}
@media (min-width: 1024px) {
  .header-top {margin-bottom: 32px;}
  body.colored-logo #header .logo a .logo-colored {display: block}
  #header {padding-block:26px;top: 0;}
  #header.is-scrolled {background-color: #fff;border-bottom: 1px solid #AEECD3;}
  #header.is-scrolled .navbar {background-color:#FFF;transition: background 0.2s ease;}
  #header.is-scrolled .navbar .single-menu-item .parent-link {color:var(--clr-primary)!important;}
  #header.is-scrolled div#get-started a,#header.is-scrolled .links-secondary #login-btn a span {color: var(--greenBrand7) !important;}
  #header.is-scrolled div#get-started:before {background:var(--greenBrand7)}
  #header.is-scrolled .navbar .single-menu-item .parent-link img {filter: invert(90%) brightness(20%);}
  #header.is-scrolled .logo a :not(.logo-colored) {display: none;}
  #header.is-scrolled .logo a .logo-colored {display: inherit;}
  #header #hamburger-icon {display: none;}
  #header .inner {min-height:47px;}
  #header .links-secondary {max-height: 44px;min-width: 220px;} 
  #header .links-secondary .hide-desktop {display: none;}   
  #header .navbar .single-menu-item .mobile-only {display: none;}
  /*#header .navbar .mega-menu:hover .parent-link::after {content: "";position: absolute;inset: auto 0 5px 0;border-bottom: 2px solid #fff;pointer-events: none;}
  #header.is-scrolled .navbar .mega-menu:hover .parent-link::after {border-color:#0E5747;}*/
  #header .single-menu-item:hover .portal-submenu {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: all;transform: translate(-50%, 0);}
  #header .single-menu-item:hover .parent-link img {transform: rotate(180deg);}
  #header .portal-submenu {left: 50%;right: auto;min-width: 380px;width: max-content;max-width: 1075px;transform: translate(-50%, -16px);}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap div[class^=column]:has(> a > img) {margin-left: auto;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a:hover {background-color: var(--hover);}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a {min-height: 36px;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column].add-next-listing [class^=column] {margin-top: 17px;}
  #header .single-menu-item.mobile .portal-submenu, #header .single-menu-item.main-link-mobile-ONLY {display: none;}
  #header .navbar .single-menu-item.mobile .parent-link img {display: none;}
  #header .single-menu-item.mobile:hover .portal-submenu {display: none;}  
  #header .portal-submenu .portal-submenu-inner .submenu-wrap div[class^='column'] {width: var(--max-col-width);}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap div[class^=column]:has(> a > img) a {display: flex;max-width: 277px;}
  li#company-menu-item .portal-submenu .portal-submenu-inner {min-height:280px;}
  /* Custom mega menus positioning start */
  #header #ai-menu-item .portal-submenu {left: -100%;transform: none;}
  #header #useCases-menu-item .portal-submenu {left: -100%;transform: none;}
  #header #solution-menu-item .portal-submenu {left: -150%;transform: none;}
  #header #company-menu-item .portal-submenu {min-width: 440px;}
  /* Custom mega menus positioning end */
  #header div#login-btn a.cta_button.login-white { color: #fff; background: transparent; border-color: transparent; box-shadow: none; } 
  div#get-started a { background: transparent !important; color: #fff !important; border-color: transparent !important; } 
  div#get-started { padding-left: 6px; position: relative; } 
  div#get-started:before { content: ''; height: 85%; width: 1px; background: #FFFFFF; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
}
@media (1023px < width < 1350px) {
  #header .links-secondary #login-btn a, #header .links-secondary #book-a-demo-btn a {padding: 8px 10px !important;}
}
@media (min-width: 1024px) and (max-width:1280px) {  
  #header .navbar .single-menu-item .parent-link{font-size: 13px;}
}
@media (min-width: 1024px) and (max-width:1199px) {
  #header .inner{grid-template-columns:110px 1fr 345px}
  #header .navbar .portal-menu { padding-inline: 10px; } 
  #header .logo a img { max-width: 100px !important; }
  #header .navbar .single-menu-item .parent-link{padding-inline:10px;}
  #header .links-secondary .join-demo span {font-size: 14px;}
  #header .links-secondary .get-started-button a {font-size: 15px;padding:10px 14px;}
  #header .portal-submenu {left: calc(50% + 65px);max-width: 1000px;}
}
@media (max-width: 1023px) {
  #header {background-color: transparent;top: 0;}
  #header.is-scrolled-mobile {background-color: #20A986;}
  #header .inner {grid-template-columns: 97px auto;height: 56px;position: relative;}
  #header .navbar {display: none;border-radius: 0;width: calc(100% + 64px);height: 100vh;overflow-y: auto;position: absolute;inset: 54px -2rem auto -2rem;flex-direction: column;background-color: #20A986;justify-content: flex-start;padding-bottom: 58px;}
  #header :has(#hamburger-icon input:checked) .navbar {display: flex;}
  #header .navbar .portal-menu {flex-direction: column;border-top: 1px solid rgba(27,31,29,.1);width: 100%;padding-inline: 0;}
  #header .navbar .portal-submenu {position: unset;display: flex;display: none;margin-left: 0;opacity: 1;visibility: visible;background: transparent;border: 0;}
  #header .navbar .portal-submenu-inner {background: transparent;border: 0;}
  #header .navbar .portal-submenu:before {content: none;}
  #header .navbar .single-menu-item .parent-link {font-size: 18px;line-height: 26px;justify-content: flex-start;padding: 16px 30px;width: 70%;padding: 16px 30px;}
  #header .navbar .single-menu-item .parent-link img {/*width: 12px;height: 7px;object-fit: cover;*/display: none;}
  #header .navbar .single-menu-item:not(:last-child) {border-bottom: 1px solid rgb(27 31 29 / 0.1);}
  #header .navbar .single-menu-item {position: relative;}
  #header .navbar .single-menu-item .mobile-only {position: absolute;right: 32px;top: 25.5px;transform: rotate(180deg);transition: all 0.2s ease;}
/*   #header .navbar .single-menu-item.active .parent-link, #header .navbar .single-menu-item .parent-link:hover, #header .navbar .single-menu-item .parent-link:active, #header .navbar .single-menu-item .parent-link:focus {color: #49A57F;} */
  #header .navbar .single-menu-item.active .mobile-only {transform: rotate(0deg);filter: none;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap {display: flex;flex-direction: column;padding: 20px 20px 20px 32px;row-gap: 20px;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap .column-span-two ul, #header .portal-submenu .portal-submenu-inner .submenu-wrap .column-span-three ul {display: flex;flex-direction: column;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] .h-h4 {margin-bottom: 5px;color: #fff;text-transform: uppercase;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] .h-h4.m-hide {display: none;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a {padding:12px 21px;background: transparent;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a img {filter: brightness(0) saturate(1) invert(1);}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap ul {position: relative;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap ul::after {position: absolute;content: "";inset: 0 auto 0 0;background-color: var(--mobileBorder);width: 6px;border-radius: 70px;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap div[class^=column]:has(> a > img) {display: none;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap [class^=column] ul a .h-h5 {font-size: 16px;line-height: 24px;color: #fff;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap .hide-on-mobile {display:none}
  #header .inner > .links-secondary {display: none;}
  #header .links-secondary {flex-wrap: nowrap;width: 100%;padding-inline: 32px;margin-top: 30px;padding-block-end: 50px;}
  #header .links-secondary > * {width: 100%;}
  #header .links-secondary #book-a-demo-btn a {width: 100%;box-sizing: border-box !important;text-transform: capitalize;}
  #header .links-secondary #book-a-demo-btn a span {display: none;}
  #header .links-secondary #login-btn a {display: flex;justify-content: center;}
  #header .links-secondary .docs-link a {font-size: 16px;line-height: 24px;font-weight: 600;padding: 10px 14px;background-color: #fff;color: #1b1f1d ;display: block;align-items: center;border-radius: 8px;border: 2px solid #1b1f1d;text-align: center;}
  #header .links-secondary .get-started-button a{justify-content: center;}
  #header .logo {margin-top: 0;}
  #header .portal-submenu .portal-submenu-inner .submenu-wrap>div[class^=column] li {width: 100%;margin-bottom: 0;}
  #header .view-all-blogs-link {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(32deg) brightness(105%) contrast(101%);font-size: 16px;line-height: 24px;margin-left: 0;}
  
  #header #add-modal {margin-left: 57px;transform: none;}
  
  .hp-text a { font-size: 0; } 
  .hp-text { display: flex; align-items: center; }
  
} 
@media (max-width: 767px) {
  .hp-text { position: relative; } 
  .hp-text span { font-size: 0; width: 1px; background: #79dcbc; position: absolute; height: 80%; right: 20px; } 
  .hp-text a { margin-left: 20px; }
}

@media (max-width: 600px) {
  #modal-container .modal-content {padding: 24px;}
  #header .links-secondary .link-container a {padding: 8px 13px}
}