.elementor-57559 .elementor-element.elementor-element-1a321bc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:100px;--padding-left:110px;--padding-right:110px;}.elementor-57559 .elementor-element.elementor-element-299a6829{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-57559 .elementor-element.elementor-element-299a6829.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-57559 .elementor-element.elementor-element-413254bd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--flex-wrap:nowrap;}.elementor-57559 .elementor-element.elementor-element-2798a6a4{width:auto;max-width:auto;}.elementor-57559 .elementor-element.elementor-element-2798a6a4 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-57559 .elementor-element.elementor-element-2798a6a4 .elementor-icon-box-title{margin-block-end:0px;}.elementor-57559 .elementor-element.elementor-element-2798a6a4 .elementor-icon{font-size:20px;}.elementor-57559 .elementor-element.elementor-element-2798a6a4 .elementor-icon-box-title, .elementor-57559 .elementor-element.elementor-element-2798a6a4 .elementor-icon-box-title a{font-weight:400;}.elementor-57559 .elementor-element.elementor-element-61ee1d84 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-57559 .elementor-element.elementor-element-61ee1d84 .elementor-icon-box-title{margin-block-end:0px;}.elementor-57559 .elementor-element.elementor-element-61ee1d84 .elementor-icon{font-size:20px;}.elementor-57559 .elementor-element.elementor-element-61ee1d84 .elementor-icon-box-title, .elementor-57559 .elementor-element.elementor-element-61ee1d84 .elementor-icon-box-title a{font-weight:400;}.elementor-57559 .elementor-element.elementor-element-61ee1d84 .elementor-icon-box-description{font-weight:400;}.elementor-57559 .elementor-element.elementor-element-2b3d406f .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-57559 .elementor-element.elementor-element-2b3d406f .elementor-icon-box-title{margin-block-end:0px;}.elementor-57559 .elementor-element.elementor-element-2b3d406f .elementor-icon{font-size:20px;}.elementor-57559 .elementor-element.elementor-element-2b3d406f .elementor-icon-box-title, .elementor-57559 .elementor-element.elementor-element-2b3d406f .elementor-icon-box-title a{font-weight:400;}.elementor-57559 .elementor-element.elementor-element-38ed82d3{--display:flex;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57559 .elementor-element.elementor-element-a8a4cc1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-57559 .elementor-element.elementor-element-2ee3f7d6 .elementor-icon-wrapper{text-align:center;}.elementor-57559 .elementor-element.elementor-element-2ee3f7d6.elementor-view-stacked .elementor-icon{background-color:#032A44;}.elementor-57559 .elementor-element.elementor-element-2ee3f7d6.elementor-view-framed .elementor-icon, .elementor-57559 .elementor-element.elementor-element-2ee3f7d6.elementor-view-default .elementor-icon{color:#032A44;border-color:#032A44;}.elementor-57559 .elementor-element.elementor-element-2ee3f7d6.elementor-view-framed .elementor-icon, .elementor-57559 .elementor-element.elementor-element-2ee3f7d6.elementor-view-default .elementor-icon svg{fill:#032A44;}.elementor-57559 .elementor-element.elementor-element-2ee3f7d6 .elementor-icon{font-size:16px;}.elementor-57559 .elementor-element.elementor-element-2ee3f7d6 .elementor-icon svg{height:16px;}.elementor-57559 .elementor-element.elementor-element-78ef46b3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-57559 .elementor-element.elementor-element-21552492{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-57559 .elementor-element.elementor-element-4a9717ff .elementor-icon-wrapper{text-align:center;}.elementor-57559 .elementor-element.elementor-element-4a9717ff.elementor-view-stacked .elementor-icon{background-color:#032A44;}.elementor-57559 .elementor-element.elementor-element-4a9717ff.elementor-view-framed .elementor-icon, .elementor-57559 .elementor-element.elementor-element-4a9717ff.elementor-view-default .elementor-icon{color:#032A44;border-color:#032A44;}.elementor-57559 .elementor-element.elementor-element-4a9717ff.elementor-view-framed .elementor-icon, .elementor-57559 .elementor-element.elementor-element-4a9717ff.elementor-view-default .elementor-icon svg{fill:#032A44;}.elementor-57559 .elementor-element.elementor-element-4a9717ff .elementor-icon{font-size:16px;}.elementor-57559 .elementor-element.elementor-element-4a9717ff .elementor-icon svg{height:16px;}.elementor-57559 .elementor-element.elementor-element-7c561960{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-57559 .elementor-element.elementor-element-3fd19cd7 .betterdocs-article-reactions{background-color:#FFFFFF;}.elementor-57559 .elementor-element.elementor-element-3fd19cd7 .betterdocs-article-reaction-links li a{background-color:#19BAB2;}.elementor-57559 .elementor-element.elementor-element-3fd19cd7 .betterdocs-article-reaction-links li a:hover{background-color:#032A44;}.elementor-57559 .elementor-element.elementor-element-3fd19cd7 .betterdocs-article-reaction-links li a svg path{fill:#FFFFFF;}.elementor-57559 .elementor-element.elementor-element-790e6016{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-57559 .elementor-element.elementor-element-6290ce8a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;}.elementor-57559 .elementor-element.elementor-element-7fb5439a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-57559 .elementor-element.elementor-element-7fb5439a.e-con{--order:-99999 /* order start hack */;}@media(min-width:768px){.elementor-57559 .elementor-element.elementor-element-299a6829{--width:70.142%;}.elementor-57559 .elementor-element.elementor-element-a8a4cc1{--width:100%;}.elementor-57559 .elementor-element.elementor-element-21552492{--width:100%;}.elementor-57559 .elementor-element.elementor-element-790e6016{--width:50%;}}@media(max-width:1024px){.elementor-57559 .elementor-element.elementor-element-1a321bc4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-57559 .elementor-element.elementor-element-1a321bc4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57559 .elementor-element.elementor-element-1a321bc4.e-con{--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for icon-box, class: .elementor-element-2798a6a4 */.elementor-57559 .elementor-element.elementor-element-2798a6a4 {
    background: #F8FAFC;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-61ee1d84 */.elementor-57559 .elementor-element.elementor-element-61ee1d84 {
    background: #F8FAFC;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b3d406f */.elementor-57559 .elementor-element.elementor-element-2b3d406f {
    background: #F8FAFC;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13cf2787 */.cc-intro-card::before {
    content: "i" !important;

    background: #14B8A6 !important;

    font-style: normal;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2dd6fd5e */.cc-arcade-guide {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* EACH STEP CARD */
.cc-arcade-guide > div {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 32px;
    box-shadow:
    0 1px 2px rgba(15,23,42,.03);
}

/* STEP TITLES */
.cc-arcade-guide h4 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #032a44;
    margin-bottom: 24px;
    margin-top: 0;
}

/* SCREENSHOTS */
.cc-arcade-guide img {
    width: 100%;
    border-radius: 18px;
    border: 1px solid #E5E7EB;
    display: block;
}

/* REMOVE INLINE MARGIN */
.cc-arcade-guide div[style] {
    margin-bottom: 0 !important;
}

/* STEP NUMBERS */
.cc-arcade-guide > div {
    counter-increment: arcade-step;
    position: relative;
    padding-left: 88px;
}

.cc-arcade-guide {
    counter-reset: arcade-step;
}

.cc-arcade-guide > div::before {
    content: counter(arcade-step);
    position: absolute;
    left: 32px;
    top: 32px;

    width: 40px;
    height: 40px;

    border-radius: 999px;
    background: #19bab2;
    color: white;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 16px;

    box-shadow:
    0 4px 12px rgba(0,87,255,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ae52f29 */.cc-tip-card::before {
    content: "✓" !important;
    background: #032a44 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2ee3f7d6 */.elementor-57559 .elementor-element.elementor-element-2ee3f7d6 {
    width: 36px;
    height: 36px;

    min-width: 36px;

    border-radius: 12px;

    background: #EFF6FF;
    color: #0057FF;

    display: flex;
    align-items: center;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8a4cc1 */.elementor-57559 .elementor-element.elementor-element-a8a4cc1 {
    display: flex;
    gap: 14px;

    padding: 14px;

    border-radius: 16px;

    transition: .2s ease;
}

.elementor-57559 .elementor-element.elementor-element-a8a4cc1:hover {
    background: #F8FAFC;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4a9717ff */.elementor-57559 .elementor-element.elementor-element-4a9717ff {
    width: 36px;
    height: 36px;

    min-width: 36px;

    border-radius: 12px;

    background: #EFF6FF;
    color: #0057FF;

    display: flex;
    align-items: center;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21552492 */.elementor-57559 .elementor-element.elementor-element-21552492 {
    display: flex;
    gap: 14px;

    padding: 14px;

    border-radius: 16px;

    transition: .2s ease;
}

.elementor-57559 .elementor-element.elementor-element-21552492:hover {
    background: #F8FAFC;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ed82d3 */.elementor-57559 .elementor-element.elementor-element-38ed82d3 {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 24px;
}/* End custom CSS */
/* Start custom CSS for betterdocs-reactions, class: .elementor-element-3fd19cd7 */.elementor-57559 .elementor-element.elementor-element-3fd19cd7 {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 24px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c1a0a25 */{
color: #19bab2;
font-weight: 800;
text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6290ce8a */.elementor-57559 .elementor-element.elementor-element-6290ce8a {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 24px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f3d4236 *//* TOC WRAPPER */
.cc-toc-wrapper {
    position: sticky;
    top: 120px;
}

/* TOC TITLE */
.cc-toc-wrapper h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* TOC LIST */
#cc-dynamic-toc {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* TOC ITEMS */
#cc-dynamic-toc li {
    margin-bottom: 12px;
}

/* TOC LINKS */
#cc-dynamic-toc a {

    display: flex;

    align-items: center;

    gap: 12px;

    text-decoration: none;

    color: #475569;

    transition: .2s ease;
}

/* HOVER */
#cc-dynamic-toc a:hover {
    color: #032a44;
}

/* NUMBER BADGES */
.cc-toc-number {
    width: 28px;
    height: 28px;

    min-width: 28px;

    border-radius: 999px;

    background: #19bab2;
    color: #FFFFFF;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 13px;
    font-weight: 700;

    flex-shrink: 0;
}

/* TITLE */
.cc-toc-title {
    line-height: 1.5;
    font-size: 15px;

    flex: 1;
    min-width: 0;
}

/* SCROLLABLE TOC */
.cc-toc-scroll {

    max-height: 35vh !important;

    overflow-y: auto;

    padding-right: 6px;
}

/* NICE SCROLLBAR */
.cc-toc-scroll::-webkit-scrollbar {
    width: 6px;
}

.cc-toc-scroll::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 999px;
}

/* ACTIVE TOC ITEM */
#cc-dynamic-toc a.active {
    color: #032a44 !important;
    font-weight: 700 !important;
}

#cc-dynamic-toc a.active .cc-toc-title {
    font-weight: 700 !important;
}

#cc-dynamic-toc a.active .cc-toc-number {
    background: #032a44 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fb5439a *//* SCROLLABLE TOC */
.cc-toc-scroll {

    max-height: calc(100vh - 420px);

    overflow-y: auto;

    padding-right: 6px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fb5439a */.elementor-57559 .elementor-element.elementor-element-7fb5439a {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 24px;
}/* End custom CSS */