.bf-gradient {
    background:
        linear-gradient(180deg, transparent 65%, #232F5F 100%),
        linear-gradient(135deg, #000000 0%, #0a0f24 40%, #232F5F 100%);
}

.bf-gradient-red {
    background: linear-gradient(180deg, transparent 65%, #ba0606 100%), linear-gradient(135deg, #ff3d3d 0%, #cf0000 40%, #af1c45 100%) !important;
}

.bf-gradient-blue {
    width: 100%;
    height: auto;
    background: linear-gradient(180deg, #232F5F 0%, #0F0F10 100%);
}

.black-friday-sale {
    position: absolute;
    left: 0px;
    top: 0;
    max-width: 185px;
    font-size: 84px;
    line-height: 1;
    text-align: left;
}

@media (max-width: 768px) {
    .black-friday-sale {
        position: relative;
        max-width: unset;
        font-size: 60px;
        text-align: center;
        margin-bottom: 40px;
    }
}

.pb-7 { padding-bottom: 9rem !important; }

.bf-color-red { color: #f43121; }
.bf-color-yellow { color: #FFD700; }
.bf-bg-yellow { background-color: #FFD700; }

.app-faqs__item{
    border-radius:10px;
    color: #fff;
}
.app-faqs__item:hover {
    background-color:#000;
}
.app-faqs__item:last-child{border-bottom:0}
.app-faqs__item.collapsing{position:relative;height:0;overflow:hidden;transition:height .15s ease}
.app-faqs p,.app-faqs li{font-size:16px;margin-bottom:0;color: #ccc;}



/* Old BF landing page css styles */

h1{font-size:34px}
.plans-page .plan{
    border: 1px solid rgb(56 53 102 / 80%);
    padding:24px;
    border-radius:18px;
    background-color:#070a18;
    background-color: white;
    position:relative;
    color: #fff;
    color: #000;
}
.plans-page .plan .fa-check{margin-right:1px;width:20px;color:green}
.plans-page .plan .fa-times{margin-right:1px;width:20px;color:red}
/* .plans-page .plan__btn{color:#FFF;margin-top:30px;border:0} */
.plans-page .plan__btn[disabled]{opacity:.6}
.plans-page .plan__price{font-weight:800;font-size:2.8rem;line-height:3.5rem;display:flex;margin:30px 0}
.plans-page .plan__price--center{width: 100%; justify-content: center;}
.plans-page .plan__price--old{}
.plans-page .plan__price--old{
    text-decoration: line-through;
    text-decoration-color: #fd1313;
    position: absolute;
    transform: scale(0.8);
    top: 36px;
    right: 5px;
    width: auto;
    color: #999;
}

.plans-page .plan__duration-label{position:relative;top:-20px}
.plan__features{line-height:2;font-size:14px}
.plan__popular{width:calc(100% + 2px);top:-22px;height:28px;position:absolute;left:-1px;line-height:28px;background:var(--plan-creator-color);border-radius:8px 8px 0 0;color:#fff;text-align:center;font-weight:500}
.plans-page .plan__price .upper{font-size:1.1rem;position:relative;top:-10px}
.plans-page .plan__price .sup{font-size: 16px;position: relative;right: -1px;top: -10px;}
.color-starter{color:var(--plan-starter-color)}
.color-creator{color:var(--plan-creator-color)}
.color-agency{color:var(--plan-agency-color)}

/* .plan__name { color: var(--primary-color); font-size: 22px;} */
.plan__name {font-size: 22px; color: #272626;}

.plan-comparison-table__separator{background-color:transparent!important;background-color:#f0f0f5!important;padding-left:30px!important;font-size:16px;font-weight:700!important}
.plan-comparison-table__cell{border:1px solid #f0f0ef;padding:12px;background-color:#fff;text-align:center}
.plan-comparison-table__cell--transparent{border:0!important;background-color:transparent}
.plan-comparison-table__cell .fa-times{color:#ccc;font-size:20px}
.plan-comparison-table__cell .fa-check{color:#28863e;font-size:20px}
.price-swtich{display:inline-block;background-color:#F7F7F8;border-radius:10px;padding:4px}
.price-swtich .btn{border:0!important}
.price-swtich .btn-secondary{background-color:transparent!important;color:rgb(137,143,169)}
.price-swtich .btn-light:hover{background-color:#fff!important;cursor:default}
.pricing__duration{position:relative;display:inline-flex;flex-direction:column;margin-top:20px}
.pricing__duration-label{margin-top:10px}

.price-swtich-2 {}
.price-swtich-2 .monthly { padding-right: 40px; }

.bf-deal-badge {
    background: black;
    background-color: #000;
    color: white;
    text-align: center;
    border-radius: 24px;
    padding: 5px 12px;
    margin-bottom: 20px;
}
.plan .best-seller {
    position: absolute;
    /* top: -14px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    display: none;
    background: #ed2ba3;
    height: 26px;
    align-items: center;
    border-radius: 3px;
    line-height: 26px;
    padding: 0 10px;
    color: white;
    font-size: 14px;
    display: none;
    min-width: 114px;
    text-align: center;

    color: var(--bs-primary);
    background-color: #fff0e2;
    padding: 7px 12px;
    border-radius: 15px;
    position: absolute;
    top: 24px;
    right: 24px;
}
.plan.best {}
.plan.best .best-seller { display: block;}
/* .plan.best .plan__name { color: var(--primary-color);} */

@media (min-width:768px){h1{font-size:40px}
.pricing__duration{flex-direction:row}
.pricing__duration-label{margin-top:0;position:absolute;left:100%;display:inline-block;min-width:195px;top:1px;text-align:left;padding-left:10px}
.plan-col{max-width:300px}
}
@media (min-width:992px){h1{font-size:48px}
}

.pricing_coupon_code {
    background: #ed2ba3;
    color: white;
    padding: 17px 0;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
}

.badge-coupon {
    color: #ffffff;
    background-color: #AA1468;
    /* text-align: center; */
    display: inline-block;
    margin: 0 auto 10px;
    font-size: 13px;
}

.bf-banner {
    position: absolute;
    right: 10px;
    top: 100px;
}

.bf-countdown {
    font-size: 30px;
    font-weight: 900;
}
.bf-countdown strong {
    /* font-variant-numeric: tabular-nums; */
    background-color: red;
    width: 52px;
    height: 58px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 10px;
}
#flipdown {
    margin: 0 auto;
    transform: scale(0.7);
    position: relative;
    top: -10px;
}
/* h1{ font-size: 58px; line-height: 1.2;} */
h1 span { color: #dd279c;}

@media (max-width:768px){
    #flipdown {
        transform: scale(1);
        top: 10px;
    }
}