@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');
 div.subtitle, h2.subtitle { }
 div.content-text { }
 div.content-text ul { }


 .content-text aside.tip { }
 .content-text aside.warning { }


 .button-wrap button { }
 .button-wrap button:hover { }
 .button-wrap button:disabled { }


 .button-wrap .back-button button { }
 .button-wrap .back-button button svg path { }


 a.tile { }
 a.tile svg path { }


 div.radio-wrap { }
 div.radio-wrap label { }
 div.radio-wrap .radio-check { }


 div.dropdown-wrap { }
 div.dropdown-wrap li { }


/* remove paddings on calendly iframes on Let's talk guides */
.guide-HeB6EDaiPm .step-1565872{
width: 100%;
padding: 0px!important;
}
.guide-HeB6EDaiPm .step-1565873 {
width: 100%;
padding: 0px!important;
} 
.guide-HeB6EDaiPm .step-1565877 {
width: 100%;
padding: 0px!important;
}
/* ---- */
.guide-Kniwm1egN5 .step-1601727 {
width: 100%;
padding: 0px!important;
}  
.guide-Kniwm1egN5 .step-1601732 {
width: 100%;
padding: 0px!important;
} 
/* ---- */
.guide-cjX1DwcowU .step-1656850 {
width: 100%;
padding: 0px!important;
} 
.guide-cjX1DwcowU .step-1656845 {
width: 100%;
padding: 0px!important;
}
/* ---- */
.guide-v3fcEsCBaj .step-1590700 {
width: 100%;
padding: 0px!important;
}
.guide-v3fcEsCBaj .step-1590705 {
width: 100%;
padding: 0px!important;
}    


/*Editor - First Use Tours gif backgrounds */
/* Guides */
/* welcome */
.step-1304494 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]::before {
background: #d3d3e5 !important;
}
/* format text */
.step-1304489 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]::before {
background: #d3d3e5 !important;
}
/* untitled */
.step-1304885 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* media */
.step-1304488 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* switch layout */
.step-1304485 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* untitled */
.step-1304885 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* Tours */
/* wizard */
.step-1304642 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
 background: #d3d3e5;
}
/* format text */
.step-1304571 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
 background: #d3d3e5;
}
/* highlight element */
.step-1310196 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* media */
.step-1310214 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* step display */
.step-1304641 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* next step */
.step-1304569 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* all set */
.step-1304644 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* untitled */
.step-1304899 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before {
background: #d3d3e5;
}
/* Pills - tile customization  */
/* guide editor pill */
/* tile updates */
.guide-VHR2tDcZKV a.tile {
margin: 0px 0px 0px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-VHR2tDcZKV .stepNextTile-19119282 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-VHR2tDcZKV a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-VHR2tDcZKV [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-VHR2tDcZKV .kiqnLa path {
fill: #8B8E95;
}
/* guides pill */
/* tile updates */
.guide-kjl9bHm6h7 a.tile {
margin: 0px 0px 0px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-kjl9bHm6h7 .stepNextTile-19119283 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-kjl9bHm6h7 a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-kjl9bHm6h7 [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-kjl9bHm6h7 .kiqnLa path {
fill: #8B8E95;
}
/* knowledge base pill */
/* tile updates */
.guide-6Om6ihC6Hq a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-6Om6ihC6Hq .stepNextTile-19119284 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-6Om6ihC6Hq a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-6Om6ihC6Hq [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-6Om6ihC6Hq .kiqnLa path {
fill: #8B8E95;
}
/* tour editor pill */
/* tile updates */
.guide-tNvfFJ1OAG a.tile {
margin: 0px 0px 4px !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-tNvfFJ1OAG .stepNextTile-19119285 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-tNvfFJ1OAG a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-tNvfFJ1OAG [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-tNvfFJ1OAG .kiqnLa path {
fill: #8B8E95;
}
/* widget pill */
/* tile updates */
.guide-n60jTL4gv4 a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-n60jTL4gv4 .stepNextTile-19119286 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-n60jTL4gv4 a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-n60jTL4gv4 [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-n60jTL4gv4 .kiqnLa path {
fill: #8B8E95;
}
/* tour editor pill - paid */
/* tile updates */
.guide-xX1np1qMi1 a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}


.guide-xX1np1qMi1 a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-n60jTL4gv4 [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-n60jTL4gv4 .kiqnLa path {
fill: #8B8E95;
}


/* widget pill - paid */
/* tile updates */
.guide-gWJHEFMtor a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}


.guide-gWJHEFMtor a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-gWJHEFMtor [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-gWJHEFMtor .kiqnLa path {
fill: #8B8E95;
}
/* guide editor pill - paid */
/* tile updates */
.guide-95gZJwRm3e a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}


.guide-95gZJwRm3e a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-95gZJwRm3e [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-95gZJwRm3e .kiqnLa path {
fill: #8B8E95;
}
/* guides pill - paid */
/* tile updates */
.guide-tdu8Ba8OnI a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}


.guide-tdu8Ba8OnI a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-tdu8Ba8OnI [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-gWJHEFMtor .kiqnLa path {
fill: #8B8E95;
}
/* kb pill - paid */
/* tile updates */
.guide-x1iW76uvrA a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}


.guide-x1iW76uvrA a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-x1iW76uvrA [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-x1iW76uvrA .kiqnLa path {
fill: #8B8E95;
}
/* demo routing guide - demo modal */
.guide-cjX1DwcowU .step-1656839{
width: 100%;
padding: 0px!important;
}
.guide-cjX1DwcowU .step-1656846 {
width: 100%;
padding: 0px!important;
} 
.guide-cjX1DwcowU .step-1656850 {
width: 100%;
padding: 0px!important;
} 
.guide-cjX1DwcowU .step-1656845 {
width: 100%;
padding: 0px!important;
} 
/* guide editor pill - 100+ */
/* tile updates */
.guide-LNrM1tYj4X a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-LNrM1tYj4X .stepNextTile-19347227 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-LNrM1tYj4X a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-LNrM1tYj4X [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-LNrM1tYj4X .kiqnLa path {
fill: #8B8E95;
}
/* kb editor pill - 100+ */
/* tile updates */
.guide-pcCJCdpnyd a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-pcCJCdpnyd .stepNextTile-19428626 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-pcCJCdpnyd a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-pcCJCdpnyd [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-pcCJCdpnyd .kiqnLa path {
fill: #8B8E95;
}
/* guides pill - 100+ */
/* tile updates */
.guide-xYMGPuA6tb a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-xYMGPuA6tb .stepNextTile-19429186 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-xYMGPuA6tb a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-xYMGPuA6tb [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-xYMGPuA6tb .kiqnLa path {
fill: #8B8E95;
}
/* tour editor pill - 100+ */
/* tile updates */
.guide-Kyc3SHWRyy a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-Kyc3SHWRyy .stepNextTile-19429242 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-Kyc3SHWRyy a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-Kyc3SHWRyy [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-Kyc3SHWRyy .kiqnLa path {
fill: #8B8E95;
}
/* widget pill - 100+ */
/* tile updates */
.guide-xaoUQ8gG7B a.tile {
margin: 0px 0px 16px!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-xaoUQ8gG7B .stepNextTile-19429280 {
background-color: #daf6fc;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.guide-xaoUQ8gG7B a.tile:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
/* stonly logo */
.guide-xaoUQ8gG7B [data-cy="stepButtonsMobile"] a {
background-color: transparent !important;
color: #8B8E95
}
.guide-xaoUQ8gG7B .kiqnLa path {
fill: #8B8E95;
}


/* book onboarding guide */
/* call me back button  */
.guide-PzO2TnOOeL .button-wrap {
  display: inline-block;
}


.guide-PzO2TnOOeL .step-1836790 .button-wrap:nth-child(2) button {
color: #8B8E95;
text-transform: none;
border:none;
transition: font-size 200ms;
}


.guide-PzO2TnOOeL .step-1836790 .button-wrap:nth-child(2) button:hover {
background: #ffffff!important;
text-decoration:underline;
}
.guide-PzO2TnOOeL .step-1836790 .button-wrap:first-child button:hover svg {
display:none;
}
.guide-PzO2TnOOeL .step-1836790 .button-wrap:nth-child(2) button svg {
display:none;
}


.guide-PzO2TnOOeL .step-1856098 {
width: 100%;
padding: 0px!important;
}

.guide-sVoRPXponI a{
 text-decoration: none;
}


/* CUSTOMIZATION OF THE CSS GUIDE TO SHOW OFF EXAMPLES
https://stonly.com/kb/guide/en/how-to-customize-your-guides-with-css-code-nIptgGwC6u/Steps/,86460 */


.step-86459 h2.subtitle {
 color: #FEBE31;
 font-size: 28px;
 line-height: 36px;
 font-weight: 400;
}


.step-86464 .button-wrap button {
 color: #ff4a75;
 background: transparent;
 border: 5px solid #ff4a75;
 height: 36px;
 padding: 0px 24px;
 font-size: 12px;
 border-radius: 32px;
 font-weight: 600;
 text-transform: uppercase;
}


.step-86464 .button-wrap button:hover {
 background: #FEBE31;
 border: 1px solid #ff4a75;
 color: #ffffff;
}


.step-86463 .content-text aside.tip {
 border-radius: 4px;
 border-left: 12px solid #33cc33;
 background: rgba(77, 210, 239, 0.1);
 padding: 16px 16px 16px 20px;
 color: #26282e;
}


.step-86463 .content-text aside.warning {
 border-radius: 4px;
 border-left: 4px solid #fc8c7c;
 background: rgba(251, 92, 69, 0.1);
 font-size: 24px;
 padding: 16px 16px 16px 20px;
}


.step-86462 a.tile {
 background-color: #293D7B;
 color: #FFFFFF;
 border-radius: 20px;
 padding: 16px 56px 16px 16px;
 font-size: 16px;
 min-height: 72px;
}


.step-86466 div.radio-wrap input:checked + .radio-check {
 background-color: #FEBE31;
 border: 1px solid #ff6286;
   height: 16px;
 width: 16px;
}


.step-368899 h2.subtitle {
 font-family: 'Ms Madi', sans-serif;
}


.step-1858345 .checklist-icon path[class*="circle"] {
   fill: #293D7B !important;
}


.step-1858345 .checklist-icon path[class*="tick"] {
 fill: #FEBE31 !important;
}


.step-1858345 .chevron-icon path {
   fill: #FEBE31 !important;
}

.step-2767927 .custom-survey-rating svg path {
    stroke: rgb(77, 210, 239);
    fill: rgba(77, 210, 239, 0.25);
}

.step-2767927 .custom-survey-label {
  color: #dac383;

}


/* Testing */
.step-1995849 [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]::before {
background: #d3d3e5 !important;
}


[data-static-value="red"] {
background-color: rgba(231,55,55,0.3)!important;
}

[data-static-value="green"] {
  background-color: rgba(93,217,176,0.3)!important;
}

[data-static-value="yellow"] {
  background-color: rgba(254,190,49,0.3)!important;
}


[class*="Submenu__Box-"] {
  margin-top: 56px;
}

/* Jobs page */
.guide-sVoRPXponI {
  [class*="StepsFooter-styles__StepButtonsCanvas"] {
    display: none !important;
  }  

  .content-text {
    margin-bottom: 0 !important;

    a {
    text-decoration: none !important;
    }  
  }

  .content {
    padding-left: 0 !important;
  }

  .step-content-wrap {
    padding: 20px 0px 24px !important;
  }

  .cetmde {
    height: max-content;
  }

  .butXxU {
    padding-bottom: 0 !important;
  }
}


 /* AI answer */
[class*="AiAnswer-styles__SmartSearchResultText"] { 
    background: #F3F3F6;
    padding-top: 16px !important; 
    padding-bottom: 16px !important;
    /*font-family: 'Poppins', sans-serif;*/
}
/* Question asked by user */
[class*="AiAnswer-styles__SmartSearchQuestionWrap"] { 
    background: #262144 !important; 
    color: white;
    /*font-family: 'Poppins', sans-serif;*/
    width: fit-content !important;
    margin-left: auto;
}
/* Thumbs up */
.feedback-positive { 
    color: #8B8E95 !important; 
}
/* Thumbs down */
.feedback-negative { 
    color: #8B8E95 !important; 
}
/* Question asked by user */
[class*="AiAnswerActionsListStepNexts__NextStepButton"] { 
    background: #F3F3F6 !important; 
    color: #474459;
    /*font-family: 'Poppins', sans-serif;*/
}
.step-3279182 [class*="ContentText__StyledUnsafeHtml"]>p { 
    background-color: #F3F3F6; 
    border-radius: 12px; 
    width: fit-content; 
    padding: 16px; 
    font-size: 14px;
    color: #474459 !important;
    /*font-family: 'Poppins', sans-serif;*/
}

[class*= "loader__canvas"] {fill: black;}


[class*= "AiAnswerActionsListStepNexts__NextStepButton-"] {max-width:80%!important;}