{"id":7713,"date":"2022-11-07T18:00:00","date_gmt":"2022-11-07T18:00:00","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/?p=7713"},"modified":"2022-11-07T08:52:04","modified_gmt":"2022-11-07T08:52:04","slug":"stepped-tabs-1","status":"publish","type":"post","link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/stepped-tabs-1\/","title":{"rendered":"Stepped Tabs 1"},"content":{"rendered":"<style>#kt-layout-id_296426-b8 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_296426-b8 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_296426-b8 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;grid-template-columns:minmax(0, 1fr);}#kt-layout-id_296426-b8 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_296426-b8 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){#kt-layout-id_296426-b8 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}\/* B&B Stepped tabs 1 *\/:root {    --bb-stepped-tabs-1-number-size: 50px;    --bb-stepped-tabs-1-number-size-mobile: 40px;}.bb-stepped-tabs-1.wp-block-kadence-tabs .kt-tabs-title-list li {    margin: 0;}.bb-stepped-tabs-1 .kt-tabs-title-list .kb-tab-titles-wrap {    align-items: center;}.bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-item {    position: relative;}.bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text {    width: var(--bb-stepped-tabs-1-number-size);    height: var(--bb-stepped-tabs-1-number-size);    border-radius: 50%;    background: var(--global-palette9);    border: 2px solid var(--global-palette7);    display: flex;    justify-content: center;    align-items: center;}.bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text::before,.bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text::after {    content: '';    background: var(--global-palette7);    height: 2px;    width: calc((50% - (var(--bb-stepped-tabs-1-number-size) \/ 2)) + 2px);    position: absolute;    z-index: -1;}.bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text::before {    left: 0;}.bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text::after {    right: 0;}.bb-stepped-tabs-1    .kt-tabs-title-list    .kt-title-item:not(.kt-tab-title-active):hover    .kt-title-text {    background-color: var(--global-palette7);}.bb-stepped-tabs-1    .kt-tabs-title-list    .kt-title-item:nth-of-type(1)    .kt-title-text::before,.bb-stepped-tabs-1    .kt-tabs-title-list    .kt-title-item:nth-last-of-type(1)    .kt-title-text::after {    display: none;}.bb-stepped-tabs-1 .kt-tabs-title-list .kt-tab-title-active .kt-title-text {    background: var(--global-palette-btn-bg);    color: var(--global-palette-btn);    border-color: var(--global-palette-btn-bg);}@media all and (max-width: 767px) {    .bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text {        width: var(--bb-stepped-tabs-1-number-size-mobile);        height: var(--bb-stepped-tabs-1-number-size-mobile);    }    .bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text::before,    .bb-stepped-tabs-1 .kt-tabs-title-list .kt-title-text::after {        width: calc(            (50% - (var(--bb-stepped-tabs-1-number-size-mobile) \/ 2)) + 2px        );    }}\/* Fix for tab block bug with 6 tabs *\/.bb-stepped-tabs-1 ul.kt-tabs-title-list.kb-tab-title-columns-6 > li {    flex: 0 1 16.668%;}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_296426-b8\" class=\"kt-row-layout-inner kt-layout-id_296426-b8\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row kb-theme-content-width\"><style>.kadence-column_768855-ef > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_768855-ef > .kt-inside-inner-col,.kadence-column_768855-ef > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_768855-ef > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_768855-ef > .kt-inside-inner-col{flex-direction:column;}.kadence-column_768855-ef > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_768855-ef > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_768855-ef{position:relative;}@media all and (max-width: 1024px){.kadence-column_768855-ef > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_768855-ef > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_768855-ef\"><div class=\"kt-inside-inner-col\"><style>.kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .wp-block-kadence-tab{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list li{margin-right:0px;margin-left:0px;}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list li:last-child{margin-right:0px;}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list{margin-right:0px;}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list li .kt-tab-title{margin-right:0px;}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list li .kt-tab-title, .wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-tab-title{font-weight:bold;font-style:normal;padding-top:0px;padding-right:5px;padding-bottom:5px;padding-left:5px;color:var(--global-palette6, #718096);}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list li .kt-tab-title:hover, .wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-tab-title:hover{border-color:rgba(255,255,255,0);color:var(--global-palette3, #1A202C);background:rgba(255,255,255,0);}.wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title, .wp-block-kadence-tabs .kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .kt-tabs-accordion-title.kt-tab-title-active .kt-tab-title{border-color:rgba(255,255,255,0);color:#222222;background:rgba(255,255,255,0);}.kt-tabs-id_60ff72-be > .kt-tabs-title-list li .kt-title-sub-text, .kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-title-sub-text{font-size:18px;font-weight:400;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}@media all and (max-width: 1024px){.kt-tabs-id_60ff72-be > .kt-tabs-title-list li .kt-title-sub-text, .kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-title-sub-text{font-size:18px;}}@media all and (max-width: 767px){.kt-tabs-id_60ff72-be > .kt-tabs-title-list li .kt-title-sub-text, .kt-tabs-id_60ff72-be > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-title-sub-text{font-size:12px;line-height:1.2em;}}<\/style>\n<div class=\"wp-block-kadence-tabs alignnone bb-stepped-tabs-1\"><div class=\"kt-tabs-wrap kt-tabs-id_60ff72-be kt-tabs-has-5-tabs kt-active-tab-1 kt-tabs-layout-tabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-inherit kt-tab-alignment-left \" style=\"max-width:none\"><ul class=\"kt-tabs-title-list kb-tabs-list-columns kb-tab-title-columns-5\"><li id=\"tab-1\" class=\"kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active kb-tabs-have-subtitle\"><a href=\"#tab-1\" data-tab=\"1\" class=\"kt-tab-title kt-tab-title-1 \"><div class=\"kb-tab-titles-wrap\"><span class=\"kt-title-text\">1<\/span><span class=\"kt-title-sub-text\">Tab subtitle<\/span><\/div><\/a><\/li><li id=\"tab-2\" class=\"kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive kb-tabs-have-subtitle\"><a href=\"#tab-2\" data-tab=\"2\" class=\"kt-tab-title kt-tab-title-2 \"><div class=\"kb-tab-titles-wrap\"><span class=\"kt-title-text\">2<\/span><span class=\"kt-title-sub-text\">Tab subtitle<\/span><\/div><\/a><\/li><li id=\"tab-3\" class=\"kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive kb-tabs-have-subtitle\"><a href=\"#tab-3\" data-tab=\"3\" class=\"kt-tab-title kt-tab-title-3 \"><div class=\"kb-tab-titles-wrap\"><span class=\"kt-title-text\">3<\/span><span class=\"kt-title-sub-text\">Tab subtitle<\/span><\/div><\/a><\/li><li id=\"tab-4\" class=\"kt-title-item kt-title-item-4 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive kb-tabs-have-subtitle\"><a href=\"#tab-4\" data-tab=\"4\" class=\"kt-tab-title kt-tab-title-4 \"><div class=\"kb-tab-titles-wrap\"><span class=\"kt-title-text\">4<\/span><span class=\"kt-title-sub-text\">Tab subtitle<\/span><\/div><\/a><\/li><li id=\"tab-5\" class=\"kt-title-item kt-title-item-5 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive kb-tabs-have-subtitle\"><a href=\"#tab-5\" data-tab=\"5\" class=\"kt-tab-title kt-tab-title-5 \"><div class=\"kb-tab-titles-wrap\"><span class=\"kt-title-text\">5<\/span><span class=\"kt-title-sub-text\">Tab subtitle<\/span><\/div><\/a><\/li><\/ul><div class=\"kt-tabs-content-wrap\">\n<div class=\"wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1 kt-inner-tab_4b7367-b4\"><div class=\"kt-tab-inner-content-inner\"><style>#kt-layout-id_2fc36e-82 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_2fc36e-82 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_2fc36e-82 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:5em;padding-bottom:1.5em;padding-left:5em;padding-right:5em;grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_2fc36e-82 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_2fc36e-82 > .kt-row-column-wrap{padding-right:2.5em;padding-left:2.5em;grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_2fc36e-82 > .kt-row-column-wrap{padding-left:1.5em;padding-right:1.5em;grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_2fc36e-82\" class=\"kt-row-layout-inner kt-layout-id_2fc36e-82\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_c36090-09 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_c36090-09 > .kt-inside-inner-col,.kadence-column_c36090-09 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_c36090-09 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_c36090-09 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_c36090-09 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_c36090-09 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_c36090-09{position:relative;}@media all and (max-width: 1024px){.kadence-column_c36090-09 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_c36090-09 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_c36090-09\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_92b3ff-40, .wp-block-kadence-advancedheading.kt-adv-heading_92b3ff-40[data-kb-block=\"kb-adv-heading_92b3ff-40\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_92b3ff-40 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_92b3ff-40[data-kb-block=\"kb-adv-heading_92b3ff-40\"] mark.kt-highlight{font-style:normal;color:var(--global-palette1, #3182CE);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_92b3ff-40 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_92b3ff-40[data-kb-block=\"kb-adv-heading_92b3ff-40\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_92b3ff-40 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_92b3ff-40\">I&#8217;m a <mark class=\"kt-highlight\">placeholder<\/mark> for demonstration purposes only. Edit or <mark class=\"kt-highlight\">remove<\/mark> me.<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_b1254d-f0, .wp-block-kadence-advancedheading.kt-adv-heading_b1254d-f0[data-kb-block=\"kb-adv-heading_b1254d-f0\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_b1254d-f0 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_b1254d-f0[data-kb-block=\"kb-adv-heading_b1254d-f0\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_b1254d-f0 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_b1254d-f0[data-kb-block=\"kb-adv-heading_b1254d-f0\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_b1254d-f0 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_b1254d-f0\">This is just demo content. You can add any blocks to the tabs you wish. I just put these mischevious cats here to fill the space so you can see what the tabs look like with content. Click next for more instructions.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_ada553-56{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_ada553-56 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_ada553-56 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_ada553-56 .kt-btn-wrap-0 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_ada553-56\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#tab-2\"><span class=\"kt-btn-inner-text\">Go to next tab<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_44b6b9-f6 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_44b6b9-f6 > .kt-inside-inner-col,.kadence-column_44b6b9-f6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_44b6b9-f6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_44b6b9-f6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_44b6b9-f6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_44b6b9-f6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_44b6b9-f6{position:relative;}@media all and (max-width: 1024px){.kadence-column_44b6b9-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_44b6b9-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_44b6b9-f6\"><div class=\"kt-inside-inner-col\"><style>.kb-lottie-container_f25a34-96 dotlottie-player{max-width:auto;}<\/style>\n<div class=\"kb-lottie-container kb-lottie-container_f25a34-96 aligncenter\"><lottie-player loop speed=\"1\" autoplay mode=\"normal\" id=\"kb-lottie-player_f25a34-96\" src=\"https:\/\/assets9.lottiefiles.com\/packages\/lf20_cSNnXm5euH.json\" style=\"max-width:auto;height:auto;margin:0 auto\"><\/lottie-player><\/div>\n<div class=\"kb-lottie-container kb-lottie-container_f25a34-96 aligncenter\"><dotlottie-player loop=\"true\" speed=\"1\" autoplay=\"true\" mode=\"normal\" src=\"https:\/\/assets9.lottiefiles.com\/packages\/lf20_cSNnXm5euH.json\"\n\t\t\t\t\t\t\tid=\"kb-lottie-player_f25a34-96\"\n\t\t\t\t\t\t><\/dotlottie-player><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2 kt-inner-tab_5e66a8-2f\"><div class=\"kt-tab-inner-content-inner\"><style>#kt-layout-id_a7d81d-74 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_a7d81d-74 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_a7d81d-74 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:5em;padding-bottom:1.5em;padding-left:5em;padding-right:5em;grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_a7d81d-74 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_a7d81d-74 > .kt-row-column-wrap{padding-right:2.5em;padding-left:2.5em;grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_a7d81d-74 > .kt-row-column-wrap{padding-left:1.5em;padding-right:1.5em;grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_a7d81d-74\" class=\"kt-row-layout-inner kt-layout-id_a7d81d-74\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_59b98a-2d > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_59b98a-2d > .kt-inside-inner-col,.kadence-column_59b98a-2d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_59b98a-2d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_59b98a-2d > .kt-inside-inner-col{flex-direction:column;}.kadence-column_59b98a-2d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_59b98a-2d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_59b98a-2d{position:relative;}@media all and (max-width: 1024px){.kadence-column_59b98a-2d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_59b98a-2d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_59b98a-2d\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_a76985-cc, .wp-block-kadence-advancedheading.kt-adv-heading_a76985-cc[data-kb-block=\"kb-adv-heading_a76985-cc\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_a76985-cc mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_a76985-cc[data-kb-block=\"kb-adv-heading_a76985-cc\"] mark.kt-highlight{font-style:normal;color:var(--global-palette1, #3182CE);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_a76985-cc img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_a76985-cc[data-kb-block=\"kb-adv-heading_a76985-cc\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_a76985-cc wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_a76985-cc\">I&#8217;m a <mark class=\"kt-highlight\">placeholder<\/mark> for demonstration purposes only. Edit or <mark class=\"kt-highlight\">remove<\/mark> me.<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_e81115-fc, .wp-block-kadence-advancedheading.kt-adv-heading_e81115-fc[data-kb-block=\"kb-adv-heading_e81115-fc\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_e81115-fc mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_e81115-fc[data-kb-block=\"kb-adv-heading_e81115-fc\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_e81115-fc img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_e81115-fc[data-kb-block=\"kb-adv-heading_e81115-fc\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_e81115-fc wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_e81115-fc\">The tabs block allows up to 8 tabs before they stack. You can add or remove tabs so you have a total of between 1 and 8. If you add or remove tabs, don&#8217;t foget to adjust the column number in the tabs block <em>Tab Title Width\/Spacing\/Border<\/em> settings.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_4327f1-52{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_4327f1-52 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_4327f1-52 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_4327f1-52 .kt-btn-wrap-0 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_4327f1-52\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#tab-3\"><span class=\"kt-btn-inner-text\">Go to next tab<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_1fa66b-70 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_1fa66b-70 > .kt-inside-inner-col,.kadence-column_1fa66b-70 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_1fa66b-70 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_1fa66b-70 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_1fa66b-70 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_1fa66b-70 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_1fa66b-70{position:relative;}@media all and (max-width: 1024px){.kadence-column_1fa66b-70 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_1fa66b-70 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_1fa66b-70\"><div class=\"kt-inside-inner-col\"><style>.kb-lottie-container_899f3b-3a dotlottie-player{max-width:auto;}<\/style>\n<div class=\"kb-lottie-container kb-lottie-container_899f3b-3a aligncenter\"><lottie-player loop speed=\"1\" autoplay mode=\"normal\" id=\"kb-lottie-player_899f3b-3a\" src=\"https:\/\/assets4.lottiefiles.com\/packages\/lf20_kpnr2vsd.json\" style=\"max-width:auto;height:auto;margin:0 auto\"><\/lottie-player><\/div>\n<div class=\"kb-lottie-container kb-lottie-container_899f3b-3a aligncenter\"><dotlottie-player loop=\"true\" speed=\"1\" autoplay=\"true\" mode=\"normal\" src=\"https:\/\/assets4.lottiefiles.com\/packages\/lf20_kpnr2vsd.json\"\n\t\t\t\t\t\t\tid=\"kb-lottie-player_899f3b-3a\"\n\t\t\t\t\t\t><\/dotlottie-player><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3 kt-inner-tab_329ffc-ac\"><div class=\"kt-tab-inner-content-inner\"><style>#kt-layout-id_aa737b-40 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_aa737b-40 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_aa737b-40 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:5em;padding-bottom:1.5em;padding-left:5em;padding-right:5em;grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_aa737b-40 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_aa737b-40 > .kt-row-column-wrap{padding-right:2.5em;padding-left:2.5em;grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_aa737b-40 > .kt-row-column-wrap{padding-left:1.5em;padding-right:1.5em;grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_aa737b-40\" class=\"kt-row-layout-inner kt-layout-id_aa737b-40\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_40fe40-52 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_40fe40-52 > .kt-inside-inner-col,.kadence-column_40fe40-52 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_40fe40-52 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_40fe40-52 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_40fe40-52 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_40fe40-52 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_40fe40-52{position:relative;}@media all and (max-width: 1024px){.kadence-column_40fe40-52 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_40fe40-52 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_40fe40-52\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_52ba85-8a, .wp-block-kadence-advancedheading.kt-adv-heading_52ba85-8a[data-kb-block=\"kb-adv-heading_52ba85-8a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_52ba85-8a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_52ba85-8a[data-kb-block=\"kb-adv-heading_52ba85-8a\"] mark.kt-highlight{font-style:normal;color:var(--global-palette1, #3182CE);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_52ba85-8a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_52ba85-8a[data-kb-block=\"kb-adv-heading_52ba85-8a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_52ba85-8a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_52ba85-8a\">I&#8217;m a <mark class=\"kt-highlight\">placeholder<\/mark> for demonstration purposes only. Edit or <mark class=\"kt-highlight\">remove<\/mark> me.<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_e14d40-71, .wp-block-kadence-advancedheading.kt-adv-heading_e14d40-71[data-kb-block=\"kb-adv-heading_e14d40-71\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_e14d40-71 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_e14d40-71[data-kb-block=\"kb-adv-heading_e14d40-71\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_e14d40-71 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_e14d40-71[data-kb-block=\"kb-adv-heading_e14d40-71\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_e14d40-71 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_e14d40-71\">Background colours for the numbers are defined in the CSS added to the parent row layout and pulled from your customiser settings. The backgrounds will use your button colour for the active tab, and the 7th colour in your palette for lines and the hover effect.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_362860-2e{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_362860-2e .kt-button{font-weight:normal;font-style:normal;}.kt-btns_362860-2e .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_362860-2e .kt-btn-wrap-0 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_362860-2e\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#tab-4\"><span class=\"kt-btn-inner-text\">Go to next tab<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_df581f-e0 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_df581f-e0 > .kt-inside-inner-col,.kadence-column_df581f-e0 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_df581f-e0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_df581f-e0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_df581f-e0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_df581f-e0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_df581f-e0{position:relative;}@media all and (max-width: 1024px){.kadence-column_df581f-e0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_df581f-e0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_df581f-e0\"><div class=\"kt-inside-inner-col\"><style>.kb-lottie-container_3cc6d6-92{margin-top:-5em;}.kb-lottie-container_3cc6d6-92 dotlottie-player{max-width:auto;}@media all and (max-width: 767px){.kb-lottie-container_3cc6d6-92{margin-top:0em;}}<\/style>\n<div class=\"kb-lottie-container kb-lottie-container_3cc6d6-92 aligncenter\"><lottie-player loop speed=\"1\" autoplay mode=\"normal\" id=\"kb-lottie-player_3cc6d6-92\" src=\"https:\/\/assets7.lottiefiles.com\/packages\/lf20_vcfdbwsj.json\" style=\"max-width:auto;height:auto;margin:0 auto\"><\/lottie-player><\/div>\n<div class=\"kb-lottie-container kb-lottie-container_3cc6d6-92 aligncenter\"><dotlottie-player loop=\"true\" speed=\"1\" autoplay=\"true\" mode=\"normal\" src=\"https:\/\/assets7.lottiefiles.com\/packages\/lf20_vcfdbwsj.json\"\n\t\t\t\t\t\t\tid=\"kb-lottie-player_3cc6d6-92\"\n\t\t\t\t\t\t><\/dotlottie-player><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-4 kt-inner-tab_6566b1-97\"><div class=\"kt-tab-inner-content-inner\"><style>#kt-layout-id_1aa95d-18 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_1aa95d-18 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_1aa95d-18 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:5em;padding-bottom:1.5em;padding-left:5em;padding-right:5em;grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_1aa95d-18 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_1aa95d-18 > .kt-row-column-wrap{padding-right:2.5em;padding-left:2.5em;grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_1aa95d-18 > .kt-row-column-wrap{padding-left:1.5em;padding-right:1.5em;grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_1aa95d-18\" class=\"kt-row-layout-inner kt-layout-id_1aa95d-18\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_60e4cc-28 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_60e4cc-28 > .kt-inside-inner-col,.kadence-column_60e4cc-28 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_60e4cc-28 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_60e4cc-28 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_60e4cc-28 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_60e4cc-28 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_60e4cc-28{position:relative;}@media all and (max-width: 1024px){.kadence-column_60e4cc-28 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_60e4cc-28 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_60e4cc-28\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_7d5f66-0a, .wp-block-kadence-advancedheading.kt-adv-heading_7d5f66-0a[data-kb-block=\"kb-adv-heading_7d5f66-0a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_7d5f66-0a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_7d5f66-0a[data-kb-block=\"kb-adv-heading_7d5f66-0a\"] mark.kt-highlight{font-style:normal;color:var(--global-palette1, #3182CE);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_7d5f66-0a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_7d5f66-0a[data-kb-block=\"kb-adv-heading_7d5f66-0a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_7d5f66-0a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_7d5f66-0a\">I&#8217;m a <mark class=\"kt-highlight\">placeholder<\/mark> for demonstration purposes only. Edit or <mark class=\"kt-highlight\">remove<\/mark> me.<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_082241-34, .wp-block-kadence-advancedheading.kt-adv-heading_082241-34[data-kb-block=\"kb-adv-heading_082241-34\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_082241-34 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_082241-34[data-kb-block=\"kb-adv-heading_082241-34\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_082241-34 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_082241-34[data-kb-block=\"kb-adv-heading_082241-34\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_082241-34 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_082241-34\">If you want to change the size of the number circles I&#8217;ve made that easy using CSS variables. At the top of the CSS in the Custom CSS section of the parent row layout block you&#8217;ll see this:<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_89e0ce-a1, .wp-block-kadence-advancedheading.kt-adv-heading_89e0ce-a1[data-kb-block=\"kb-adv-heading_89e0ce-a1\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_89e0ce-a1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_89e0ce-a1[data-kb-block=\"kb-adv-heading_89e0ce-a1\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_89e0ce-a1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_89e0ce-a1[data-kb-block=\"kb-adv-heading_89e0ce-a1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_89e0ce-a1 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading_89e0ce-a1\">:root {<br>&#8211;bb-stepped-tabs-1-number-size: 50px;<br>&#8211;bb-stepped-tabs-1-number-size-mobile: 40px;<br>}<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_fae2bb-3c, .wp-block-kadence-advancedheading.kt-adv-heading_fae2bb-3c[data-kb-block=\"kb-adv-heading_fae2bb-3c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_fae2bb-3c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_fae2bb-3c[data-kb-block=\"kb-adv-heading_fae2bb-3c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_fae2bb-3c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_fae2bb-3c[data-kb-block=\"kb-adv-heading_fae2bb-3c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_fae2bb-3c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_fae2bb-3c\">Change the 50px value for desktop and tablets, and the 40px value for mobile. You can change the text size in the subtitle font settings.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_608f4f-e7{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_608f4f-e7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_608f4f-e7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_608f4f-e7 .kt-btn-wrap-0 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_608f4f-e7\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#tab-5\"><span class=\"kt-btn-inner-text\">Go to next tab<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_fc8061-7d > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_fc8061-7d > .kt-inside-inner-col,.kadence-column_fc8061-7d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_fc8061-7d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_fc8061-7d > .kt-inside-inner-col{flex-direction:column;}.kadence-column_fc8061-7d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_fc8061-7d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_fc8061-7d{position:relative;}@media all and (max-width: 1024px){.kadence-column_fc8061-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_fc8061-7d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_fc8061-7d\"><div class=\"kt-inside-inner-col\"><style>.kb-lottie-container_994b7d-b2{margin-top:-5em;}.kb-lottie-container_994b7d-b2 dotlottie-player{max-width:auto;}<\/style>\n<div class=\"kb-lottie-container kb-lottie-container_994b7d-b2 aligncenter\"><lottie-player loop speed=\"1\" autoplay mode=\"normal\" id=\"kb-lottie-player_994b7d-b2\" src=\"https:\/\/assets5.lottiefiles.com\/packages\/lf20_7RLdiBvUfn.json\" style=\"max-width:auto;height:auto;margin:0 auto\"><\/lottie-player><\/div>\n<div class=\"kb-lottie-container kb-lottie-container_994b7d-b2 aligncenter\"><dotlottie-player loop=\"true\" speed=\"1\" autoplay=\"true\" mode=\"normal\" src=\"https:\/\/assets5.lottiefiles.com\/packages\/lf20_7RLdiBvUfn.json\"\n\t\t\t\t\t\t\tid=\"kb-lottie-player_994b7d-b2\"\n\t\t\t\t\t\t><\/dotlottie-player><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-5 kt-inner-tab_52b4ed-72\"><div class=\"kt-tab-inner-content-inner\"><style>#kt-layout-id_105cf2-74 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_105cf2-74 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_105cf2-74 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:5em;padding-bottom:1.5em;padding-left:5em;padding-right:5em;grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_105cf2-74 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_105cf2-74 > .kt-row-column-wrap{padding-right:2.5em;padding-left:2.5em;grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_105cf2-74 > .kt-row-column-wrap{padding-left:1.5em;padding-right:1.5em;grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_105cf2-74\" class=\"kt-row-layout-inner kt-layout-id_105cf2-74\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_7653bb-f0 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_7653bb-f0 > .kt-inside-inner-col,.kadence-column_7653bb-f0 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_7653bb-f0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_7653bb-f0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_7653bb-f0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_7653bb-f0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_7653bb-f0{position:relative;}@media all and (max-width: 1024px){.kadence-column_7653bb-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_7653bb-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_7653bb-f0\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_1661b2-e8, .wp-block-kadence-advancedheading.kt-adv-heading_1661b2-e8[data-kb-block=\"kb-adv-heading_1661b2-e8\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_1661b2-e8 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_1661b2-e8[data-kb-block=\"kb-adv-heading_1661b2-e8\"] mark.kt-highlight{font-style:normal;color:var(--global-palette1, #3182CE);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_1661b2-e8 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_1661b2-e8[data-kb-block=\"kb-adv-heading_1661b2-e8\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_1661b2-e8 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_1661b2-e8\">I&#8217;m a <mark class=\"kt-highlight\">placeholder<\/mark> for demonstration purposes only. Edit or <mark class=\"kt-highlight\">remove<\/mark> me.<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_748762-0f, .wp-block-kadence-advancedheading.kt-adv-heading_748762-0f[data-kb-block=\"kb-adv-heading_748762-0f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_748762-0f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_748762-0f[data-kb-block=\"kb-adv-heading_748762-0f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_748762-0f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_748762-0f[data-kb-block=\"kb-adv-heading_748762-0f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_748762-0f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_748762-0f\">That&#8217;s about it, not much else to it really. You can link the button below back to the first tab (as I have), or for better conversion, use a CTA that tells your reader what you want them to do next. Enjoy!<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_1c66a9-3f{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_1c66a9-3f .kt-button{font-weight:normal;font-style:normal;}.kt-btns_1c66a9-3f .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_1c66a9-3f .kt-btn-wrap-0 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_1c66a9-3f\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#tab-1\"><span class=\"kt-btn-inner-text\">Back to the start<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_dc20f8-72 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_dc20f8-72 > .kt-inside-inner-col,.kadence-column_dc20f8-72 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_dc20f8-72 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_dc20f8-72 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_dc20f8-72 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_dc20f8-72 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_dc20f8-72{position:relative;}@media all and (max-width: 1024px){.kadence-column_dc20f8-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_dc20f8-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_dc20f8-72\"><div class=\"kt-inside-inner-col\"><style>.kb-lottie-container_e9add0-d3{margin-top:-5em;}.kb-lottie-container_e9add0-d3 dotlottie-player{max-width:auto;}<\/style>\n<div class=\"kb-lottie-container kb-lottie-container_e9add0-d3 aligncenter\"><lottie-player loop speed=\"1\" autoplay mode=\"normal\" id=\"kb-lottie-player_e9add0-d3\" src=\"https:\/\/assets2.lottiefiles.com\/packages\/lf20_rjobbdq9.json\" style=\"max-width:auto;height:auto;margin:0 auto\"><\/lottie-player><\/div>\n<div class=\"kb-lottie-container kb-lottie-container_e9add0-d3 aligncenter\"><dotlottie-player loop=\"true\" speed=\"1\" autoplay=\"true\" mode=\"normal\" src=\"https:\/\/assets2.lottiefiles.com\/packages\/lf20_rjobbdq9.json\"\n\t\t\t\t\t\t\tid=\"kb-lottie-player_e9add0-d3\"\n\t\t\t\t\t\t><\/dotlottie-player><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7717,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[145,83,85,84],"tags":[],"class_list":["post-7713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tabs","category-kadence-free","category-kadence-full-bundle","category-kadence-pro"],"acf":[],"taxonomy_info":{"category":[{"value":145,"label":"Tabs"},{"value":83,"label":"Kadence Free"},{"value":85,"label":"Kadence Full Bundle"},{"value":84,"label":"Kadence Pro"}]},"featured_image_src_large":["https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/stepped-tabs-1-1024x576.png",1024,576,true],"author_info":{"display_name":"Michelle","author_link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/author\/hf7wja\/"},"comment_info":0,"category_info":[{"term_id":145,"name":"Tabs","slug":"tabs","term_group":0,"term_taxonomy_id":145,"taxonomy":"category","description":"","parent":0,"count":5,"filter":"raw","cat_ID":145,"category_count":5,"category_description":"","cat_name":"Tabs","category_nicename":"tabs","category_parent":0},{"term_id":83,"name":"Kadence Free","slug":"kadence-free","term_group":0,"term_taxonomy_id":83,"taxonomy":"category","description":"","parent":0,"count":190,"filter":"raw","cat_ID":83,"category_count":190,"category_description":"","cat_name":"Kadence Free","category_nicename":"kadence-free","category_parent":0},{"term_id":85,"name":"Kadence Full Bundle","slug":"kadence-full-bundle","term_group":0,"term_taxonomy_id":85,"taxonomy":"category","description":"","parent":0,"count":242,"filter":"raw","cat_ID":85,"category_count":242,"category_description":"","cat_name":"Kadence Full Bundle","category_nicename":"kadence-full-bundle","category_parent":0},{"term_id":84,"name":"Kadence Pro","slug":"kadence-pro","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":0,"count":236,"filter":"raw","cat_ID":84,"category_count":236,"category_description":"","cat_name":"Kadence Pro","category_nicename":"kadence-pro","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/7713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/comments?post=7713"}],"version-history":[{"count":4,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/7713\/revisions"}],"predecessor-version":[{"id":7719,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/7713\/revisions\/7719"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media\/7717"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media?parent=7713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/categories?post=7713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/tags?post=7713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}