@font-face {
    font-family: "Espuma Regular";
    src: url("../fonts/espuma/espuma-pro-bold.ttf");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Espuma Normal";
    src: url("../fonts/espuma/espuma-regular.ttf");
    font-weight: normal;
    font-display: swap;
}


.espuma-regular {
    font-family: "Espuma Regular" !important;
}

.espuma-normal {
    font-family: "Espuma Normal" !important;
}

#view-plans {
    scroll-margin-top: 5.5rem;
}

@media (max-width: 991.98px) {
    .behind-bold-businesses-page .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

:root {
    --tally-amber: #f6b21a;
    --tally-amber-600: #eea60a;
    --tally-navy: #1a2c44;
    --tally-navy-2: #152537;
    --tally-cream: #fcf7ea;
    --tally-blue: #1f8ed6;
    --tally-green: #38a169;
    --tally-red: #e44b4b;
}

.navbar-small {
    font-size: .9rem;
    border-bottom: 1px solid #e9ecef;
    background: #fff;
}

.brand-mini {
    font-weight: 700;
    letter-spacing: -.02em
}

.badge-tally {
    background: var(--tally-amber);
    color: #fff;
    font-weight: 700
}

.bg-navy {
    /*background: var(--tally-navy)*/
    background: #243770;
}

.border-radius-2rem {
    border-radius: 2rem;
}

.bg-navy-2 {
    background: var(--tally-navy-2)
}

.bg-cream {
    background: var(--tally-cream)
}

.text-amber {
    color: var(--tally-amber)
}

.box-shadow-0 {
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .5) !important;
}

.btn-amber,
.btn-amber:active {
    background: var(--tally-amber) !important;
    color: #000 !important;
}

.btn-view-plans {
    font-size: 1rem;
}

.text-orange:hover {
    color: #fcaf1b !important;
}

#header-top-pop-form .modal-content {
    padding: 0px !important;
}

/*.btn-amber:hover {
    background: var(--tally-amber-600);
    color: #fff
}*/

/*.icon-pill{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(31,142,214,.12);color:var(--tally-blue)}
    .icon-pill-primary{background:rgba(246,178,26,.12);color:var(--tally-amber)}*/
.round-2xl {
    border-radius: 1rem
}

.pricing-card.featured {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .08);
    outline: 1px solid rgba(246, 178, 26, .25);
    transform: scale(1.02)
}

.rating .bi-star-fill {
    color: var(--tally-amber)
}

.shape-divider {
    height: 90px
}

.shape-divider svg {
    width: 100%;
    height: 100%
}

.text-white-60 {
    color: rgba(255, 255, 255, .6) !important
}

.text-white-80 {
    color: rgba(255, 255, 255, .8) !important
}

.w-11 {
    width: 44px;
    height: 44px
}

.plan-toggle .btn {
    border-radius: .8rem
}

.list-check li {
    display: flex;
    gap: .5rem;
    font-size: .85rem;
    color: #6b7280
}

.list-check .bi {
    color: var(--tally-green)
}

.badge-step {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700
}

.bg-green {
    background: var(--tally-green)
}

.bg-amber {
    background: var(--tally-amber)
}

.text-light-blue {
    color: #149EC2;
}

#header-top-pop-form .modal-dialog .modal-content .modal-body .close-btn .close-img {
    margin-right: 1rem !important;
}


.bg-cream {
    background-color: #fcf7ea;
}

.text-cream-color {
    color: #fcf7ea;
}

.icons {
    width: 35px;
    height: 33px;
}

.dark-blue {
    background: #243770;
}

.everythingIcons {
    width: 1.5rem;
}

.complianceIcons {
    width: 1.5rem;
}

.borderLeftBlue {
    border-left: 4px solid #0099CC;
}

.blueTickMark li {
    /*background: url('/wp-content/uploads/2026/behind-bold-businesses/blue-tick-mark.png') no-repeat 0px 2px !important;*/
    padding-left: 0px;
    /*background-size: 20px !important;*/
    /*height: auto;*/
}

.blueTickMark li {
    font-size: 1rem !important;
    list-style-type: none;
    margin-bottom: .6rem !important;
    margin-top: .6rem !important;
}

.vr-line {
    display: inline-block;
    align-self: stretch;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25;
}

.bg-sky-blue {
    background-color: #149EC20D;
}

.vr-line {
    border-left: 1px solid black !important;
    height: 100%;
    width: auto !important;
}

.vr-line {
    transform: rotate(90deg);
    margin-top: 0.5rem;
}

.text-accent {
    color: #1f8ad6;
}

.text-light-grey {
    color: #16263b;
}

/*.bg-light-blue-stay-game {
    background-color: #149EC20D !important;
}*/
.bg-light-blue-color {
    background-color: #0099cc !important;
}

.stayGameIcons {
    width: 2rem;
}

.gstBankingIcons {
    width: 1.5rem;
}

.display-8 {
    font-size: 2rem;
}

.getStartedIcons {
    width: 2.5rem;
}

.pricing-section .text-gray {
    color: #000 !important;
}

.border-radius-5px {
    border-radius: 5px;
}

.border-radius-10px {
    border-radius: 10px;
}

/* Hero: keep player art inside the banner (fixed rem widths + rotation can spill past the column) */
.bg-banner-img {
    overflow-x: hidden;
    overflow-x: clip;
    /* Modern alternative to prevent scroll-trapping */
    touch-action: pan-y;
    /* explicit vertical scroll for touch devices */
	
}

.bg-banner-img .cricketPlayerImg {
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.hero-banner-player-col {
    min-width: 0;
}

/* Mobile-only scalloped bottom between hero (navy) and cream sections */
.hero-mobile-curve {
    line-height: 0;
    margin-bottom: -6px;
    background-color: var(--tally-cream);
}

.hero-mobile-curve svg {
    display: block;
    width: 100%;
    height: 3.25rem;
}

@media (max-width: 991.98px) {
    .bg-banner-img.bg-cream {
        background-image: url(/wp-content/uploads/2026/behind-bold-businesses/banner-bg-image-responsive.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: -54.5rem;
        background-color: #243770;
    }

    .bg-banner-img .container {

        margin-top: 34rem;

    }

    .hero-banner-player-col {
        background-image: none;
    }

    .bg-banner-img .cricketPlayerImg {
        margin-left: auto;
        margin-right: auto;
    }

    section.capabilities.bg-cream {
        margin-top: -6px;
        background-color: var(--tally-cream);
    }
}

@media (min-width: 325px) {
    .bg-banner-img {
        /* min-height + auto height: hero must grow when image + copy stack (fixed height caused overflow/overlap) */
        min-height: 46rem;
        height: auto;
    }

    .rcbLogo {
        width: 8rem;
    }

    .stayInTheGame {
        width: 30rem;
    }

    .businessScoreBoard {
        width: 30rem;
    }

    .gstAndBanking {
        width: 85%;
    }

    /*.behindBoldText {
        font-size: 1.8rem;
    }*/

    .behindBoldText {
        font-size:1.6rem;
    }

    .behindBoldBusinessText {
        font-size: 2.4rem;
    }

    .behindBoldBusinessText {
        font-size: 2.3rem;
    }

    .behindBoldh1 {
        margin-top: -0.29em;
        margin-bottom: -0.16em !important;
    }
}

@media (min-width: 425px) {
    .bg-banner-img {
        min-height: 49rem;
        height: auto;
    }


}

@media (max-width: 450px) {
    .bg-banner-img {
        min-height: 49rem;
        height: auto;
    }

    .bg-banner-img.bg-cream {
        background-image: url(/wp-content/uploads/2026/behind-bold-businesses/banner-bg-image-responsive.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: -28.5rem;
        background-color: #243770;
    }

    .bg-banner-img .container {

        margin-top: 20rem;

    }
}

@media (min-width: 576px) {
    .bg-banner-img {
        min-height: 56rem;
        height: auto;
    }

    .rcbLogo {
        width: 11rem;
    }

    /*.behindBoldBusinessText {
        font-size: 2.8rem;
    }*/
    .behindBoldBusinessText {
        font-size: 3.5rem;
    }

    .behindBoldh1 {
        line-height: 1;
        margin-top: -0.1em;
        margin-bottom: -0.16em !important;
    }

    /*.behindBoldText {
        font-size: 1.8rem;
    }*/
    .behindBoldText {
        font-size: 2.5rem;
    }
}

@media (min-width: 768px) {

    .bg-banner-img {
        min-height: 61rem;
        height: auto;
    }

    .capabilities {
        margin-top: -8rem;
    }

    .behindBoldText {
        font-size: 2.5rem;
    }

    .behindBoldBusinessText {
        font-size: 3.5rem;
    }

    .behindBoldh1 {
        margin-top: -0.05em;
    }
}

@media (min-width: 992px) {
    .bg-banner-img {
        min-height: unset;
        background-image: url('/wp-content/uploads/2026/behind-bold-businesses/banner-bg-image.svg');
        background-size: cover;
        background-repeat: no-repeat;
        height: 45rem;
        background-position-y: -8.7rem;
    }

    .cricketPlayerImg {
        width: 29rem;
        transform: rotate(357deg);
    }

    .behindBoldText {
        font-size: 1.8rem;
    }

    .behindBoldBusinessText {
        font-size: 2.5rem;
    }

    .behindBoldh1 {
        margin-top: -0.4em;
    }

    .everythingYouNeed {
        font-size: 1.5rem;
    }

    .complianceImg {
        width: 34rem;
    }
}

@media (min-width: 1200px) {
    .capabilities {
        margin-top: -16rem;
    }

    .cricketPlayerImg {
        width: 21rem;
        transform: rotate(359deg);
    }

    .bg-banner-img {
        height: 44rem;
    }

    .springLine {
        width: 18rem;
    }

    .carousel-control-prev {
        left: -6rem;
    }

    .carousel-control-next {
        right: -6rem;
    }

    .behindBoldText {
        font-size: 2.5rem;
    }

    .behindBoldBusinessText {
        font-size: 3.5rem;
    }

    .gstAndBanking {
        width: 94%;
    }

    .behindBoldh1 {
        line-height: 1;
        margin-top: -0.29em;
        margin-bottom: -0.16em !important;
    }

    .theUltimateTurn {
        margin-top: -2rem;
    }
}

@media (min-width: 1280px) {
    .bg-banner-img {
        height: 42rem;
    }

    .cricketPlayerImg {
        width: 24.1rem;
        transform: rotate(358.6deg);
    }
}

@media (min-width: 1366px) {
    .cricketPlayerImg {
        width: 23.77rem;
    }
}

@media (min-width: 1440px) {
    .cricketPlayerImg {
        transform: rotate(359.6deg);
        width: 22.6rem;
		position: absolute !important;
        bottom: 95px;
    }

    .bg-banner-img {
        background-position-y: -14.7rem;
        height: 47rem;
    }

}

@media (min-width: 1536px) {
    .cricketPlayerImg {
        transform: rotate(359.6deg);
        width: 24.2rem;
    }

    .bg-banner-img {
        height: 43rem;
    }
}

@media (min-width: 1600px) {
    .bg-banner-img {
        height: 44.5rem;
    }

    .cricketPlayerImg {
        transform: rotate(359.5deg);
        width: 25.5rem;
    }
}

@media (min-width: 1680px) {
    .cricketPlayerImg {
        transform: rotate(359.5deg);
        width: 26.6rem;
    }

    .bg-banner-img {
        height: 46rem;
    }
}

@media (min-width: 1920px) {
    .bg-banner-img {
        background-position-y: -5.9rem;
        height: 40rem;
    }

    .theUltimateTurn {
        margin-top: -3rem;
    }

    /*.cricketPlayerImg {
        width: 25.8rem;
        transform: rotate(360deg);
    }*/

    .cricketPlayerImg {
        width: 25.5rem;
        transform: rotate(360deg);
    }

    .springLine {
        width: 20rem;
        padding-top: 2rem;
    }

    .carousel-control-prev {
        left: -6rem;
    }

    .carousel-control-next {
        right: -6rem;
    }

    .capabilities {
        margin-top: -12rem;
    }
}

/*.support-bg {
        background-image: url(/wp-content/themes/tally/assets/images/tally-software-service/hero-section.svg);
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
        height: 490px;
    }*/