.np{padding:0}

.ao_basics_grid{gap:40px;margin:0 auto;padding:60px 0;position:relative}

.ao_basics_grid.no-gap{gap:unset;}
.ao_basics_grid.small-gap{gap:20px;}
.ao_basics_grid.big-gap{gap:80px;}

.ao_basics_grid svg.quoted{
    position: absolute;
    color: var(--frm-gold);
    height: 64px;
    width: 91px;
    top: -20px;
    left: 20px;
}
.ao_basics_grid svg.quoted + .ao_basics_col{padding-top:10px;}


.ao_slider.ao_tabs > nav.bg-soft-blue > .item.active::after{
    border-color: var(--frm-soft-blue) transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-blue > .item.active::after{
    border-color: var(--frm-blue) transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-dark-blue > .item.active::after{
    border-color: var(--frm-dark-blue) transparent transparent transparent;
}

.ao_slider.ao_tabs > nav.bg-white > .item.active::after{
    border-color: #fff transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-gold > .item.active::after{
    border-color: var(--frm-gold) transparent transparent transparent;
}

.ao_slider.ao_tabs > nav.bg-softest-grey > .item.active::after{
    border-color: var(--frm-softest-grey) transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-soft-grey > .item.active::after{
    border-color: var(--frm-soft-grey) transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-grey > .item.active::after{
    border-color: var(--frm-grey) transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-darker-grey > .item.active::after{
    border-color: var(--frm-darker-grey) transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-darkest-grey > .item.active::after{
    border-color: var(--frm-darkest-grey) transparent transparent transparent;
}