@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;}


/* Custom CSS Guide */
/* eyAnqX3I5g - guide id */
/* 5943293 - first step id */

.kb-guide:has(.guide-eyAnqX3I5g) .ston-kb-guide-header,
.kb-guide:has(.guide-eyAnqX3I5g) [class*="HeaderSearch__HeaderSearchCanvas"] {
  background: #150B28;
}

.kb-guide:has(.guide-eyAnqX3I5g) .guide-title {
  color: white;
}

.kb-guide:has(.guide-eyAnqX3I5g) .ston-progress-bar-bar,
.kb-guide:has(.guide-eyAnqX3I5g) .ston-progress-bar-text {
  background: #E61168;
}

.kb-guide:has(.guide-eyAnqX3I5g) .ston-progress-bar-line {
  background: rgba(230, 17, 104, 0.4);
}

.kb-guide:has(.guide-eyAnqX3I5g) .ston-search-input-wrap {
  background: #262144;
  border: 0;
}

.kb-guide:has(.guide-eyAnqX3I5g) .ston-search-input-wrap input {
  color: white;
}

.kb-guide:has(.guide-eyAnqX3I5g) .ston-kb-header-contact-us-link {
  color: white;
  background: #E61168;
  border-radius: 50px;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 20px;
}

.kb-guide:has(.guide-eyAnqX3I5g) [class*="ExplanationTop__Logo"] {
    border-radius: 50%;
    overflow: hidden;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.kb-guide:has(.guide-eyAnqX3I5g) button[data-cy="firstAndLastName"] {
  color: white;
}


.guide-eyAnqX3I5g {
  .step-content-wrap {
    max-width: 1300px;
    width: 100%;
    padding-top: 0;
    margin-top: 0;
  }
  
  .step-5943293 .subtitle {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
    max-width: 800px;
    color: white;
    z-index: 1;
    position: relative;
  }

  @media screen and (max-width: 480px) {
    .step-5943293 .subtitle {
      font-size: 40px;
      line-height: 48px;
    }
  }

  .step-5943293 [class*="PageSubtitle__Canvas"] {
    padding: 54px 0 16px 0;
    background: #150B28;
    position: relative;
    margin-bottom: 0;
  }

  .step-5943293 [class*="PageSubtitle__Canvas"]::before,
  .step-5943293 [class*="PageSubtitle__Canvas"]::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #150B28;
    top: 0;
    z-index: 0;
  }

  .step-5943293 [class*="PageSubtitle__Canvas"]::before {
    left: -50%;
  }

  .step-5943293 [class*="PageSubtitle__Canvas"]::after {
    right: -50%;
  }

  .step-5943293 .ston-content-text > p:first-child {
    background: #150B28;
    margin-top: 0;
    color: #BEBEC8;
    position: relative;
    isolation: isolate;
    padding-bottom: 70px;
  }

  .step-5943293 .ston-content-text > p:first-child::before,
  .step-5943293 .ston-content-text > p:first-child::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #150B28;
    top: 0;
    z-index: -1;
  }

  .step-5943293 .ston-content-text > p:first-child::before {
    left: -50%;
  }

  .step-5943293 .ston-content-text > p:first-child::after {
    right: -50%;
  }

  .step-5943293 .ston-content-text > p:first-child a {
    display: inline-block;
  }

  .step-5943293 .ston-content-text > p:first-child a:first-of-type {
    background: #E61168;
    border-radius: 50px;
    padding: 10px 24px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px;
    border: 1px solid #E61168;
  }

  @media screen and (max-width: 430px) {
    .step-5943293 .ston-content-text > p:first-child a:first-of-type {
      margin-bottom: 16px;
    }
  }

  .step-5943293 .ston-content-text > p:first-child a span {
      color: white !important;
  }

  .step-5943293 .ston-content-text > p:first-child a {
    background: transparent;
    border-radius: 50px;
    padding: 10px 24px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px;
    border: 1px solid #BEBEC8;
  }

  .step-5943293 .ston-content-canvas {
    padding-top: 0;
  }

  .ston-tile-grid {
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  @media screen and (max-width: 768px) {
    .ston-tile-grid {
      flex-wrap: wrap;
      margin-bottom: 40px;
    }
  }

  .tile {
    max-width: unset !important;
    width: 100%;
    color: #150B28;
    font-weight: 600;
    font-size: 18px;
    padding: 40px !important;
    border-radius: 15px;
    border: 1px solid #DDDCE1;
    transition: border 0.3s;
    background: transparent;
    gap: 20px;
  }

  .tile:hover {
    border: 1px solid #7E7C91;
    box-shadow: none;
  }

  .tile-image-wrapper {
    height: auto !important;
  }

  .tile-image-wrapper img {
    width: 60px !important;
  }
  
  .ston-selector-types-buttons {
    margin-top: 60px;
  }

  .ston-content-canvas,
  .ston-contact-form-canvas {
    padding-top: 40px;
  }

  .subtitle,
  .ston-contact-form-title {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
    max-width: 800px;
    color: #150B28;
  }

  [class*="SingleImage__Picture"]::before {
    background: #150B28;
  }

  .CodeMirror-linenumber,
  .ston-code-block {
    background: #150B28 !important;
  }

  .ston-content-text ol {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 40px;
  }

  @media screen and (max-width: 600px) {
      .ston-content-text ol {
        grid-template-columns: 1fr;
      }
  }

  .ston-content-text ol li {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #BEBEC8;
    color: #150B28;
    margin: 0;
  }

  .ston-content-text ol li a {
    background: transparent !important;
    padding: 0;
    text-decoration: none;
  }

  .ston-content-text ol li a:hover {
    color: #852B65;
  }
}

/* End of Custom CSS Guide */