.bnpl-hero{background:url(../img/bnpl-bg.webp)!important;background-size:cover!important;height:fit-content!important}
.bnpl-tp-review img{width:120px!important}
.bnpl-border-radius{border-radius:20px!important}
.bnpl-border-radius-top-left{border-top-left-radius:20px!important}
.bnpl-border-radius-top-right{border-top-right-radius:20px!important}
.bnpl-border-radius-bottom-left{border-bottom-left-radius:20px!important}
.bnpl-border-radius-bottom-right{border-bottom-right-radius:20px!important}
.bnpl-main{font-family:"Poppins", sans-serif}
.bnpl-main h1, .bnpl-main h2, .bnpl-main h3, .bnpl-main h4, .bnpl-main h5, .bnpl-main h6{font-size:2.5rem}
.bnpl-main .sub-title{}
#bnpl-feature{background:#f5f7fb}
img.bnpl-feature-ico{width:65px!important}
#pioneer-intro img{}
#bnpl-mainfesto .text-success{color:#4bae4f!important}
.step-1{color:#895ac7}
.step-2{color:#29b399}
.step-3{color:#ff9800}
.bg-purple{background:#895ac7}
.bg-green{background:#29b399}
.bg-orange{background:#ff9800}
.support-btn{display:flex;padding:20px 30px;border-radius:16px;text-decoration:none;transition:all 0.2s ease-in-out;}
.support-btn:hover{transform:translateY(-2px);text-decoration:none;cursor:pointer;}
.support-icon{width:60px;height:60px;}
.bg-bullets{width:80px}


.initial-circle { width: 80px;height: 80px;aspect-ratio: 1 / 1;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 24px;margin:20px auto;}
/*  Background Colors */
    .bg-pink-light {background-color: #ffe0ec;}
    .bg-blue-light {background-color: #d6eaff;}
    .bg-green-light {background-color: #dafbe1;}
    .bg-yellow-light {background-color: #fff4d6;}
    .bg-purple-light {background-color: #d3c1e7;}

    /* Text Colors (override bootstrap if needed) */
    .text-dark-custom {color: #1c1c1c;}
    .text-white-custom {color: #ffffff;}
    .text-blue-custom {color: #004085;}

/* medium and up screens */
@media (max-width:768px){
	.bnpl-hero .bnpl-title h1{/*font-size:27px!important*/}
	.bg-purple, .bg-green, .bg-orange{height:-webkit-fill-available}
	.bg-bullets{width:80px}
}
@media (min-width:767px) and (max-width:1024px){
	.bnpl-title{}
	.bnpl-hero .bnpl-title h1{/*font-size:27px!important*/}
	.bg-purple, .bg-green, .bg-orange{height:-webkit-fill-available}
	.bg-bullets{width:80px}
}
@media (max-width:425px){
	.bg-purple, .bg-green, .bg-orange{height:-webkit-fill-available}
}
@media (max-width:375px){
	.bg-purple, .bg-green, .bg-orange{height:-webkit-fill-available}
}
@media (max-width:320px){
	.bg-purple, .bg-green, .bg-orange{height:-webkit-fill-available}
	.bg-bullets{width:80px}
}