/*=========================================================
  BANKHELPLINE PRODUCTS SECTION
=========================================================*/

:root{

    --bh-primary:#FF1400;
    --bh-primary-dark:#D80F00;

    --bh-dark:#111827;
    --bh-text:#6B7280;

    --bh-bg:#F8FAFC;
    --bh-border:#E5E7EB;

    --bh-radius:22px;

    --bh-shadow:
        0 15px 45px rgba(15,23,42,.08);

}

/*=========================================================
  SECTION
=========================================================*/

.products-section{

    padding:100px 0;

    background:#fff;

    position:relative;

    overflow:hidden;

}

.products-section::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    background:rgba(255,20,0,.05);

    border-radius:50%;

    top:-200px;
    right:-180px;

}

.products-section::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(255,20,0,.04);

    border-radius:50%;

    left:-150px;
    bottom:-150px;

}

/*=========================================================
  SECTION HEADER
=========================================================*/

.section-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:100px;

    background:#FFF3F1;

    color:var(--bh-primary);

    font-weight:700;

    font-size:15px;

}

.section-badge i{

    font-size:18px;

}

.products-section .section-title{

    margin-top:24px;

    font-size:52px;

    font-weight:900;

    color:var(--bh-dark);

    line-height:1.15;

}

.products-section .section-title span{

    color:var(--bh-primary);

}

.products-section .section-subtitle{

    margin:30px auto 0;

    max-width:860px;

    font-size:18px;

    line-height:1.9;

    color:var(--bh-text);

}

/*=========================================================
  FEATURED BUSINESS LOAN
=========================================================*/

.featured-product-card{

    position:relative;

    background:#fff;

    border:1px solid #F1F1F1;

    border-radius:30px;

    padding:45px;

    overflow:hidden;

    box-shadow:var(--bh-shadow);

    transition:.35s;

}

.featured-product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(255,20,0,.12);

}

.featured-product-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:7px;
    height:100%;

    background:var(--bh-primary);

}

.featured-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:#FFF3F1;

    color:var(--bh-primary);

    padding:10px 18px;

    border-radius:100px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.featured-product-card h3{

    font-size:42px;

    font-weight:900;

    color:var(--bh-dark);

    margin-bottom:18px;

}

.featured-product-card p{

    color:var(--bh-text);

    line-height:1.9;

    font-size:17px;

}

.featured-features{

    margin-top:30px;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.featured-features div{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:600;

    color:#374151;

}

.featured-features i{

    color:#16A34A;

    font-size:18px;

}

/*=========================================================
  FEATURED ICON
=========================================================*/

.featured-icon{

    width:140px;

    height:140px;

    margin-left:auto;

    margin-bottom:30px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        #FFF3F1,
        #FFE2DD
    );

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 20px 40px rgba(255,20,0,.12);

}

.featured-icon i{

    font-size:58px;

    color:var(--bh-primary);

}

/*=========================================================
  FEATURED BUTTON
=========================================================*/

.btn-featured{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:var(--bh-primary);

    color:#fff;

    border-radius:14px;

    padding:16px 32px;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}

.btn-featured:hover{

    background:var(--bh-primary-dark);

    color:#fff;

    transform:translateY(-4px);

}

/*=========================================================
  PRODUCT GRID
=========================================================*/

.products-section .row.g-4{

    margin-top:40px;

}

.product-card{

    background:#fff;

    border:1px solid var(--bh-border);

    border-radius:24px;

    padding:35px;

    height:100%;

    position:relative;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:0 12px 30px rgba(15,23,42,.05);

}

.product-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:transparent;

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-10px);

    border-color:rgba(255,20,0,.20);

    box-shadow:0 30px 60px rgba(255,20,0,.12);

}

.product-card:hover::before{

    background:var(--bh-primary);

}

/*=========================================================
  PRODUCT ICON
=========================================================*/

.product-icon{

    width:74px;

    height:74px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;

}

.product-card:hover .product-icon{

    transform:rotate(-8deg) scale(1.08);

}

.product-icon i{

    font-size:32px;

}

/*=========================================================
  ICON COLORS
=========================================================*/

.bg-red{

    background:#FFF1EF;

    color:#FF1400;

}

.bg-blue{

    background:#EEF5FF;

    color:#2563EB;

}

.bg-green{

    background:#ECFDF3;

    color:#16A34A;

}

.bg-orange{

    background:#FFF7ED;

    color:#EA580C;

}

.bg-purple{

    background:#F5F3FF;

    color:#7C3AED;

}

.bg-dark{

    background:#F3F4F6;

    color:#111827;

}

.bg-warning{

    background:#FFF8E7;

    color:#D97706;

}

.bg-info{

    background:#ECFEFF;

    color:#0891B2;

}

/*=========================================================
  CARD CONTENT
=========================================================*/

.product-card h4{

    font-size:28px;

    font-weight:800;

    color:var(--bh-dark);

    margin-bottom:15px;

}

.product-card p{

    color:var(--bh-text);

    line-height:1.8;

    margin-bottom:22px;

    min-height:85px;

}

/*=========================================================
  FEATURES
=========================================================*/

.product-card ul{

    list-style:none;

    padding:0;

    margin:0 0 28px;

}

.product-card ul li{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;

    color:#374151;

    font-weight:600;

}

.product-card ul li i{

    color:#16A34A;

    font-size:15px;

}

/*=========================================================
  CARD LINK
=========================================================*/

.product-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:var(--bh-primary);

    font-weight:700;

    transition:.30s;

}

.product-card a i{

    transition:.30s;

}

.product-card:hover a{

    color:var(--bh-primary-dark);

}

.product-card:hover a i{

    transform:translateX(6px);

}

/*=========================================================
  CARD DECORATION
=========================================================*/

.product-card::after{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    border-radius:50%;

    background:rgba(255,20,0,.03);

    right:-70px;

    bottom:-70px;

    transition:.35s;

}

.product-card:hover::after{

    transform:scale(1.3);

}

/*=========================================================
  PRODUCTS CTA
=========================================================*/

.products-cta{

    margin-top:80px;

    padding:55px;

    background:linear-gradient(135deg,#FF1400,#D80F00);

    border-radius:28px;

    color:#fff;

    position:relative;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(255,20,0,.20);

}

.products-cta::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    right:-120px;

    top:-120px;

}

.products-cta h3{

    font-size:38px;

    font-weight:800;

    margin-bottom:18px;

}

.products-cta p{

    font-size:18px;

    line-height:1.8;

    opacity:.95;

    margin:0;

}

.products-cta .btn-primary-red{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border-radius:14px;

    background:#fff;

    color:#FF1400;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.products-cta .btn-primary-red:hover{

    transform:translateY(-4px);

    background:#111827;

    color:#fff;

}


/*=========================================================
  SEO CONTENT
=========================================================*/

.products-seo{

    margin-top:80px;

    background:#F8FAFC;

    padding:60px;

    border-radius:28px;

    border:1px solid #E5E7EB;

}

.products-seo h2{

    font-size:38px;

    font-weight:800;

    color:#111827;

    margin-bottom:25px;

    text-align:center;

}

.products-seo p{

    font-size:18px;

    line-height:1.9;

    color:#6B7280;

    margin-bottom:20px;

    text-align:center;

}


/*=========================================================
  SECTION ANIMATION
=========================================================*/

.product-card,
.featured-product-card,
.products-cta,
.products-seo{

    animation:fadeUp .8s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:1199px){

    .products-section .section-title{

        font-size:44px;

    }

    .featured-product-card h3{

        font-size:34px;

    }

}

@media(max-width:991px){

    .products-section{

        padding:80px 0;

    }

    .featured-product-card{

        padding:35px;

    }

    .featured-icon{

        width:110px;

        height:110px;

        margin:30px auto;

    }

    .featured-icon i{

        font-size:46px;

    }

    .featured-features{

        grid-template-columns:1fr;

    }

    .products-cta{

        text-align:center;

        padding:40px 30px;

    }

    .products-cta .text-lg-end{

        text-align:center !important;

        margin-top:30px;

    }

}

@media(max-width:768px){

    .products-section{

        padding:60px 0;

    }

    .products-section .section-title{

        font-size:34px;

    }

    .products-section .section-subtitle{

        font-size:16px;

    }

    .featured-product-card{

        padding:28px;

        border-radius:22px;

    }

    .featured-product-card h3{

        font-size:30px;

    }

    .featured-icon{

        width:90px;

        height:90px;

    }

    .featured-icon i{

        font-size:40px;

    }

    .product-card{

        padding:28px;

    }

    .product-card h4{

        font-size:24px;

    }

    .product-card p{

        min-height:auto;

        font-size:15px;

    }

    .products-cta h3{

        font-size:30px;

    }

    .products-seo{

        padding:35px 25px;

    }

    .products-seo h2{

        font-size:30px;

    }

    .products-seo p{

        font-size:16px;

    }

}

@media(max-width:576px){

    .products-section .section-title{

        font-size:30px;

    }

    .featured-badge{

        font-size:13px;

    }

    .featured-product-card{

        padding:22px;

    }

    .product-card{

        padding:22px;

    }

    .product-icon{

        width:64px;

        height:64px;

    }

    .product-icon i{

        font-size:28px;

    }

    .products-cta{

        padding:30px 20px;

    }

    .products-cta h3{

        font-size:26px;

    }

    .products-seo{

        padding:25px 20px;

    }

}