p {

        font-size: 1.25rem;
        font-weight: 400;
}


.navbar {
    background-color: #141414 !important

}

.navbar a {
    color: #fff !important;
}
.navbar .dropdown-menu a {

    color: #141414 !important
}

.navbar a.active {
    color: #C32969 !important;


}
p {
    font-size: 1.25rem;
    font-weight: 400;
}


.polygon-bg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 10px !important;
    min-height: 0px !important;

}


.polygon-bg {
    --base: #EE4F94;

    position: relative;
    overflow: hidden;
    min-height: 30px;
    isolation: isolate;
    background: var(--base);
}

.polygon-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(115deg, transparent 0 10%, rgba(254,191,45,.45) 10% 22%, transparent 22%),
        linear-gradient(45deg, transparent 0 16%, rgba(254,139,30,.40) 16% 30%, transparent 30%),
        linear-gradient(150deg, transparent 0 25%, rgba(251,153,42,.38) 25% 40%, transparent 40%),
        linear-gradient(65deg, transparent 0 36%, rgba(140,201,25,.30) 36% 50%, transparent 50%),
        linear-gradient(130deg, transparent 0 48%, rgba(40,171,182,.32) 48% 62%, transparent 62%),
        linear-gradient(35deg, transparent 0 58%, rgba(32,109,162,.34) 58% 72%, transparent 72%),
        linear-gradient(155deg, transparent 0 70%, rgba(195,41,105,.35) 70% 84%, transparent 84%);

    background-size:
        920px 250px,
        720px 220px,
        860px 260px,
        680px 210px,
        780px 240px,
        840px 250px,
        900px 260px;

    background-position:
        -160px -40px,
        80px 15px,
        320px -30px,
        620px 20px,
        860px -25px,
        1080px 10px,
        1450px 25px;

    background-repeat: no-repeat;
    opacity: .95;
    mix-blend-mode: screen;
}

.polygon-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16) 0%,
            rgba(255,255,255,.04) 45%,
            rgba(0,0,0,.10) 100%
        );
}

.polygon-bg .poly {
    position: absolute;
    display: block;
    z-index: 1;
    opacity: .38;
    mix-blend-mode: screen;
    pointer-events: none;
}

.polygon-bg .p1 {
    width: 32%;
    height: 130%;
    left: -6%;
    top: -18%;
    background: #FEBF2D;
    clip-path: polygon(0 0, 100% 0, 38% 100%);
}

.polygon-bg .p2 {
    width: 28%;
    height: 115%;
    left: 12%;
    top: -8%;
    background: #FE8B1E;
    clip-path: polygon(0 100%, 45% 0, 100% 100%);
}

.polygon-bg .p3 {
    width: 30%;
    height: 135%;
    left: 28%;
    top: -25%;
    background: #8CC919;
    clip-path: polygon(0 20%, 100% 0, 70% 100%, 20% 75%);
}

.polygon-bg .p4 {
    width: 28%;
    height: 125%;
    left: 48%;
    top: -15%;
    background: #28ABB6;
    clip-path: polygon(0 0, 100% 28%, 58% 100%, 0 72%);
}

.polygon-bg .p5 {
    width: 26%;
    height: 135%;
    left: 68%;
    top: -25%;
    background: #206DA2;
    clip-path: polygon(0 35%, 68% 0, 100% 100%, 18% 80%);
}

.polygon-bg .p6 {
    width: 30%;
    height: 120%;
    right: -8%;
    top: -10%;
    background: #C32969;
    clip-path: polygon(0 0, 100% 0, 78% 100%, 18% 76%);
}

.polygon-bg .p7 {
    width: 14%;
    height: 90%;
    left: 8%;
    top: -5%;
    background: #BFC52C;
    clip-path: polygon(0 20%, 100% 0, 80% 100%, 10% 75%);
}

.polygon-bg .p8 {
    width: 12%;
    height: 110%;
    left: 20%;
    top: -15%;
    background: #FEBF2D;
    clip-path: polygon(0 0, 100% 30%, 60% 100%, 0 70%);
}

.polygon-bg .p9 {
    width: 16%;
    height: 100%;
    left: 34%;
    top: 0;
    background: #FE8B1E;
    clip-path: polygon(0 100%, 45% 0, 100% 100%);
}

.polygon-bg .p10 {
    width: 14%;
    height: 95%;
    left: 44%;
    top: -8%;
    background: #8CC919;
    clip-path: polygon(0 15%, 100% 0, 75% 100%, 15% 80%);
}

.polygon-bg .p11 {
    width: 18%;
    height: 110%;
    left: 56%;
    top: -12%;
    background: #28ABB6;
    clip-path: polygon(0 0, 100% 20%, 55% 100%, 0 65%);
}

.polygon-bg .p12 {
    width: 12%;
    height: 90%;
    left: 66%;
    top: 5%;
    background: #206DA2;
    clip-path: polygon(0 0, 100% 50%, 70% 100%, 10% 70%);
}

.polygon-bg .p13 {
    width: 15%;
    height: 120%;
    left: 74%;
    top: -15%;
    background: #C32969;
    clip-path: polygon(0 20%, 100% 0, 80% 100%, 15% 75%);
}

.polygon-bg .p14 {
    width: 10%;
    height: 80%;
    left: 82%;
    top: 10%;
    background: #BE3A29;
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.polygon-bg .p15 {
    width: 14%;
    height: 110%;
    left: 88%;
    top: -10%;
    background: #FEBF2D;
    clip-path: polygon(0 0, 100% 20%, 65% 100%, 0 80%);
}

.polygon-bg .p16 {
    width: 10%;
    height: 75%;
    left: 24%;
    top: 25%;
    background: #28ABB6;
    clip-path: polygon(0 20%, 100% 0, 85% 100%, 10% 70%);
}

.polygon-bg .p17 {
    width: 8%;
    height: 70%;
    left: 52%;
    top: 20%;
    background: #FE8B1E;
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.polygon-bg .p18 {
    width: 9%;
    height: 60%;
    left: 70%;
    top: 30%;
    background: #8CC919;
    clip-path: polygon(0 0, 100% 25%, 70% 100%, 0 60%);
}

.polygon-bg .p19 {
    width: 13%;
    height: 85%;
    left: 3%;
    top: 28%;
    background: #EE4F94;
    clip-path: polygon(0 0, 100% 35%, 60% 100%, 0 70%);
}

.polygon-bg .p20 {
    width: 11%;
    height: 75%;
    left: 14%;
    top: 22%;
    background: #206DA2;
    clip-path: polygon(0 100%, 55% 0, 100% 85%);
}

.polygon-bg .p21 {
    width: 12%;
    height: 80%;
    left: 31%;
    top: 18%;
    background: #BFC52C;
    clip-path: polygon(0 25%, 100% 0, 80% 100%, 15% 75%);
}

.polygon-bg .p22 {
    width: 10%;
    height: 70%;
    left: 39%;
    top: 34%;
    background: #FEBF2D;
    clip-path: polygon(0 100%, 45% 0, 100% 100%);
}

.polygon-bg .p23 {
    width: 13%;
    height: 90%;
    left: 47%;
    top: 28%;
    background: #C32969;
    clip-path: polygon(0 0, 100% 40%, 65% 100%, 0 75%);
}

.polygon-bg .p24 {
    width: 11%;
    height: 78%;
    left: 59%;
    top: 26%;
    background: #8CC919;
    clip-path: polygon(0 20%, 100% 0, 78% 100%, 10% 80%);
}

.polygon-bg .p25 {
    width: 10%;
    height: 72%;
    left: 73%;
    top: 22%;
    background: #28ABB6;
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.polygon-bg .p26 {
    width: 12%;
    height: 82%;
    left: 79%;
    top: 30%;
    background: #FE8B1E;
    clip-path: polygon(0 0, 100% 25%, 72% 100%, 0 68%);
}

.polygon-bg .p27 {
    width: 14%;
    height: 90%;
    right: 2%;
    top: 24%;
    background: #BE3A29;
    clip-path: polygon(0 30%, 100% 0, 82% 100%, 15% 85%);
}

.polygon-bg .p28 {
    width: 9%;
    height: 60%;
    left: 6%;
    top: -8%;
    background: #28ABB6;
    clip-path: polygon(0 0, 100% 20%, 70% 100%, 0 75%);
}

.polygon-bg .p29 {
    width: 8%;
    height: 55%;
    left: 63%;
    top: -5%;
    background: #FEBF2D;
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.polygon-bg .p30 {
    width: 10%;
    height: 65%;
    right: 8%;
    top: -6%;
    background: #EE4F94;
    clip-path: polygon(0 10%, 100% 0, 75% 100%, 10% 80%);
}

.polygon-bg > .container {
    position: relative;
    z-index: 5;
}





.bnt-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 30%, rgba(0, 123, 255, .35), transparent 32%),
        linear-gradient(135deg, #111 0%, #171717 48%, #0b3b85 100%);
    color: #fff;
}

.bnt-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0 55%, rgba(238,79,148,.28) 55% 65%, transparent 65%),
        linear-gradient(135deg, transparent 0 72%, rgba(0,123,255,.35) 72% 100%);
    pointer-events: none;
}

.bnt-hero .container {
    position: relative;
    z-index: 2;
}

.bnt-hero h1 {
    color: white;
}

.min-vh-75 {
    min-height: 78vh;
}

.hero-kicker {
    display: inline-block;
    color: #fff;
    background: rgba(238, 79, 148, .95);
    padding: .45rem .85rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    margin-bottom: 1.4rem;
}

.bnt-hero h1 {
    font-size: clamp(2.7rem, 5vw, 5.4rem);
    line-height: .98;
    letter-spacing: -0.06em;
    font-weight: 900;
    margin-bottom: 1.8rem;
}

.bnt-hero h1 span {
    color: #206DA2;
}

.bnt-hero p {
    max-width: 560px;
    color: rgba(255,255,255,.78);
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.hero-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.hero-visual {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    transform: rotate(-1.5deg);
    box-shadow: 0 40px 100px rgba(0,0,0,1);
}

.hero-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.15), transparent 45%);
}

.hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 991px) {
    .bnt-hero {
        text-align: center;
    }

    .bnt-hero p {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-actions {
        justify-content: center;
    }

    .hero-visual img {
        height: 360px;
    }
}