.cart-header h1 {
    font-size: 40px;
}

.cart-header .desc {
    font-size: 16px;
}

.cart-header p {
    font-size: 24px;
}

.plans {
    margin-top: 35px;
}

.price-switch.price-switch-woo .label-monthly.active,
.price-switch.price-switch-woo .label-yearly.active {
    color: #B91D67;
}

.price-switch-woo .switch span {
    background-color: #96004E;
}

.inactive-btn.wordpress-button-activate,
.inactive-btn.wordpress-button-activate:hover {
    color: #B91D67 !important;
    text-decoration: none;
    background-color: transparent;
}

.active-plan-header {
    opacity: 1;
    transform: translateX(0px);
    position: relative;
}

.inactive-woo-header {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20vw);
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
}

.inactive-wp-header {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-20vw);
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
}

.inactive-woo-header .plan-background-woo,
.inactive-wp-header .plan-background-wp {
    margin-top: 35px;
}

.plans-container {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}

.plan-background-wp,
.plan-background-woo {
    width: 100%;
    position: absolute;
    z-index: -1;
}

.plan-background-wp img {
    margin-left: -250px;
    margin-top: 70px;
    max-width: 520px;
    max-height: 300px;
}

.plan-background-woo img {
    margin-left: -170px;
    margin-top: 70px;
}

body #circles-s1 {
    top: 75px;
    right: -220px;
    background-image: url("/img/bloggers-passion-offer/circles.svg") !important;
    background-size: 320px 320px;
    background-repeat: no-repeat;
}

.cart-header-container,
.plans-prices-container {
    position: relative;
    overflow: hidden;
}

.promo-logo-top {
    text-align: left;
    position: absolute;
    z-index: 1;
    margin-left: -100px;
}

.bloggers-passion-logo {
    margin: 30px 0 20px 0;
    height: auto;
    width: 240px;
}

.bloggers-passion-logo-exclusive {
    max-height: 55px;
    margin: 0 0 20px 0;
    transform: rotate(-5deg);
}

.bloggers-passion-logo-bottom {
    margin-top: 50px;
    text-align: center;
    margin-left: 30px;
    width: 240px;
}

.h3, h3 {
    font-size: 22px;
}

.plan .tooltip-orange,
#all-plans-features .tooltip-orange {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.4);
    text-decoration-style: dotted;
    text-underline-offset: 4px;
}

.yellow-top-curve {
    margin-top: -90px;
}

.step .bg-yellow.price-box {
    position: relative;
    display: flow-root;
}

.label.label-small {
    color: #F4D802 !important;
    border-radius: 4px;
    padding: 1px 4px;
    font-size: 75% !important;
}


/*.switch label { color: #96004E; }*/
.switch span {
    background-color: #FB5718;
}

.bloggers-passion-quote .inner-row {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 1440px) {
    .bloggers-passion-quote .inner-row {
        flex-direction: row;
        align-items: start;
    }
}

.bloggers-passion-quote p {
    font-size: 20px;
    position: relative;
    margin-left: 30px;
}

.bloggers-passion-quote p:before,
.bloggers-passion-quote p:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 24 20' version='1.1' viewBox='0 0 24 20' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0.5 19.9 3.7-14.2 1.1 4.8c-1.5 0-2.8-0.5-3.8-1.4s-1.5-2.2-1.5-3.8 0.5-2.8 1.5-3.8 2.3-1.5 3.7-1.5c1.5 0 2.7 0.5 3.7 1.5s1.5 2.2 1.5 3.8c0 0.5-0.1 1-0.1 1.5s-0.2 1-0.4 1.7c-0.2 0.6-0.5 1.4-0.9 2.4l-3.3 9.1-5.2-0.1zm13.6 0 3.7-14.2 1.1 4.8c-1.5 0-2.8-0.5-3.8-1.4s-1.5-2.2-1.5-3.8 0.5-2.8 1.5-3.8 2.3-1.5 3.7-1.5c1.5 0 2.7 0.5 3.7 1.5s1.5 2.2 1.5 3.8c0 0.5 0 1-0.1 1.5s-0.2 1-0.4 1.7c-0.2 0.6-0.5 1.4-0.9 2.4l-3.3 9.1-5.2-0.1z' fill='%23FFD000'/%3E%3C/svg%3E");
    width: 25px;
    position: absolute;
}

.bloggers-passion-quote p:before {
    top: -10px;
    left: -35px;
    rotate: 180deg;
}

.bloggers-passion-quote p:after {
    bottom: -10px;
    margin-left: 10px;
}

.pricing .old-price {
    text-decoration: line-through;
}

.pricing .old-price .decimal {
    font-family: 'Montserrat-SemiBold', sans-serif !important;
}

.configuration-box .configuration-body {
    border-radius: 6px !important;
}

/*.plan-box > .plan {min-height: 475px;}*/


@media screen and (min-width: 768px) {
    .plan-box > .plan {
        min-height: 475px;
    }
}

@media (width < 992px) {
    .plans .plan .plans-info {
        display: table;
        visibility: visible;
    }
}

@media only screen and (max-width: 1440px) {
    .promo-logo-top {
        text-align: center;
        position: relative;
        margin-left: 0;
    }

    .plan-background-wp,
    .plan-background-woo {
        display: none;
    }

    .step .bg-yellow.price-box::before {
        background-size: 1760px;
        height: calc(100% + 129px);
        transform: translateY(-130px);
    }

    .yellow-top-curve {
        margin-top: -30px;
    }
}

@media (min-width: 1441px) and (max-width: 1910px) {
    .step .bg-yellow.price-box::before {
        height: calc(100% + 129px);
        transform: translateY(-130px);
    }
}

@media only screen and (max-width: 1200px) {
    .bloggers-passion-logo {
        max-width: 200px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .bloggers-passion-logo-exclusive {
        margin-bottom: 0;
    }

    .bloggers-passion-logo-bottom {
        max-width: 210px;
        text-align: center;
        margin: 50px auto 0 auto;
    }

    .yellow-top-curve {
        margin-top: -30px;
    }
}

@media only screen and (max-width: 820px) {
    .h3, h3 {
        font-size: 20px;
    }

    .cart-header h1 {
        font-size: 28px;
        line-height: 32px;
        margin-top: 60px;
    }

    .cart-header p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .cart-header .price-switch {
        margin-top: 20px !important;
    }

    .yellow-top-curve {
        margin-top: 30px;
    }
}

.tooltip.tooltip-orange {
    font-family: Montserrat-SemiBold, sans-serif;
}

.tooltip.tooltip-orange.in {
    opacity: 1;
}

.tooltip.tooltip-orange.right .tooltip-arrow {
    border-right-color: #FB5718;
}

.tooltip.tooltip-orange.top .tooltip-arrow {
    border-top-color: #FB5718;
}

.tooltip.tooltip-orange .tooltip-inner {
    background-color: #FB5718;
}