*{
    padding: 0;
    margin: 0;
}
.top-bar {
        background: #0B1E3D;
        padding: 10px 0;
    }

    .call-link {
        color: #ffffff;
        text-decoration: none;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 0.3px;
        transition: all 0.3s ease;
    }

    .call-link span {
        font-weight: 500;
        margin-right: 5px;
    }

    .call-link:hover {
        color: #00C2A8;
        transform: translateY(-1px);
    }
    /* Navbar */
    .beast-navbar {
        background: #ffffff;
        padding: 16px 0;
        border-bottom: 1px solid rgba(11, 30, 61, 0.08);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
        position: relative;
        z-index: 1000;
    }

    /* Logo */
    .beast-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #0B1E3D;
        font-size: 24px;
        font-weight: 800;
        letter-spacing: -0.5px;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .beast-logo:hover {
        color: #0B1E3D;
        transform: translateY(-2px);
    }

    .logo-icon {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #00C2A8;
        color: #ffffff;
        border-radius: 12px;
        font-size: 22px;
        font-weight: 800;
        box-shadow: 0 7px 18px rgba(0, 194, 168, 0.25);
        transition: all 0.3s ease;
    }

    .beast-logo:hover .logo-icon {
        transform: rotate(-5deg) scale(1.05);
        box-shadow: 0 10px 25px rgba(0, 194, 168, 0.35);
    }

    .logo-highlight {
        color: #00C2A8;
        margin-left: 3px;
    }

    /* Navigation Links */
    .beast-navbar .nav-link {
        position: relative;
        color: #0B1E3D;
        font-size: 15px;
        font-weight: 600;
        padding: 10px 14px !important;
        transition: all 0.3s ease;
    }

    .beast-navbar .nav-link::after {
        content: "";
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 3px;
        height: 2px;
        background: #00C2A8;
        border-radius: 10px;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.3s ease;
    }

    .beast-navbar .nav-link:hover,
    .beast-navbar .nav-link.active {
        color: #00A990;
    }

    .beast-navbar .nav-link:hover::after,
    .beast-navbar .nav-link.active::after {
        transform: scaleX(1);
    }

    /* Call Button */
    .nav-call-btn {
        display: inline-block;
        padding: 11px 22px;
        background: #0B1E3D;
        color: #ffffff;
        border-radius: 8px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        transition: all 0.3s ease;
        box-shadow: 0 6px 15px rgba(11, 30, 61, 0.15);
    }

    .nav-call-btn:hover {
        background: #00C2A8;
        color: #ffffff;
        transform: translateY(-3px);
        box-shadow: 0 10px 22px rgba(0, 194, 168, 0.25);
    }

    /* Mobile Toggle */
    .custom-toggler {
        border: none;
        padding: 8px;
        box-shadow: none !important;
    }

    .custom-toggler .navbar-toggler-icon {
        width: 25px;
        height: 25px;
    }
    /* Hero Section */
    .beast-hero {
        position: relative;
        overflow: hidden;
        background:
            linear-gradient(
                135deg,
                #f7fffd 0%,
                #ffffff 50%,
                #eefcf9 100%
            );
        min-height: 75vh;
        display: flex;
        align-items: center;
    }

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


    /* Background Shapes */
    .hero-shape {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
    }

    .hero-shape-1 {
        width: 450px;
        height: 450px;
        right: -180px;
        top: -180px;
        background: rgba(0, 194, 168, 0.06);
    }

    .hero-shape-2 {
        width: 300px;
        height: 300px;
        left: -150px;
        bottom: -150px;
        background: rgba(11, 30, 61, 0.035);
    }


    /* Hero Content */
    .hero-content {
        position: relative;
        z-index: 2;
        padding: 80px 0;
    }


    /* Badge */
    .hero-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 8px 15px;
        margin-bottom: 22px;
        background: rgba(0, 194, 168, 0.09);
        border: 1px solid rgba(0, 194, 168, 0.18);
        border-radius: 50px;
        color: #008f7c;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    .badge-dot {
        width: 8px;
        height: 8px;
        background: #00C2A8;
        border-radius: 50%;
        animation: pulseDot 2s infinite;
    }


    /* Heading */
    .hero-content h1 {
        color: #0B1E3D;
        font-size: clamp(45px, 5vw, 72px);
        line-height: 1.05;
        font-weight: 800;
        letter-spacing: -2.5px;
        margin-bottom: 24px;
        max-width: 650px;
    }

    .hero-content h1 span {
        display: block;
        color: #00A990;
    }


    /* Description */
    .hero-text {
        max-width: 570px;
        color: #5d6b7e;
        font-size: 17px;
        line-height: 1.8;
        margin-bottom: 32px;
    }


    /* Buttons */
    .hero-buttons {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
    }

    .hero-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 52px;
        padding: 0 24px;
        border-radius: 9px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        transition: all 0.35s ease;
    }

    .primary-btn {
        color: #ffffff;
        background: #0B1E3D;
        box-shadow: 0 10px 25px rgba(11, 30, 61, 0.18);
    }

    .primary-btn i {
        transition: transform 0.3s ease;
    }

    .primary-btn:hover {
        color: #ffffff;
        background: #00A990;
        transform: translateY(-4px);
        box-shadow: 0 15px 30px rgba(0, 194, 168, 0.25);
    }

    .primary-btn:hover i {
        transform: translateX(5px);
    }

    .secondary-btn {
        color: #0B1E3D;
        border: 1px solid #dce5e8;
        background: #ffffff;
    }

    .secondary-btn:hover {
        color: #00A990;
        border-color: #00C2A8;
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    }


    /* Trust Section */
    .hero-trust {
        display: flex;
        align-items: center;
        gap: 28px;
        margin-top: 40px;
    }

    .trust-item {
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .trust-icon {
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e7faf6;
        color: #00A990;
        border-radius: 9px;
        font-size: 17px;
    }

    .trust-item strong,
    .trust-item small {
        display: block;
    }

    .trust-item strong {
        color: #0B1E3D;
        font-size: 13px;
    }

    .trust-item small {
        color: #7a8795;
        font-size: 11px;
        margin-top: 2px;
    }


    /* Hero Visual */
    .hero-visual {
        position: relative;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }


    /* Main Circle */
    .hero-circle {
        position: absolute;
        width: 480px;
        height: 480px;
        border-radius: 50%;
        background: linear-gradient(
            145deg,
            #dffaf5,
            #f5fffd
        );
        border: 1px solid rgba(0, 194, 168, 0.15);
    }


    /* Main Insurance Card */
    .insurance-card {
        position: relative;
        width: 350px;
        min-height: 400px;
        padding: 30px;
        border-radius: 24px;
        background: linear-gradient(
            145deg,
            #0B1E3D,
            #132d55
        );
        color: #ffffff;
        box-shadow:
            0 35px 70px rgba(11, 30, 61, 0.25);
        z-index: 3;
        transform: rotate(-5deg);
        transition: all 0.5s ease;
    }

    .insurance-card:hover {
        transform: rotate(0deg) translateY(-10px);
        box-shadow:
            0 45px 80px rgba(11, 30, 61, 0.3);
    }


    /* Card Top */
    .card-top {
        display: flex;
        align-items: center;
        gap: 10px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .mini-logo {
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #00C2A8;
        color: #ffffff;
        border-radius: 9px;
        font-size: 17px;
        font-weight: 800;
    }


    /* Card Icon */
    .card-icon {
        width: 72px;
        height: 72px;
        margin-top: 55px;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 18px;
        background: rgba(0, 194, 168, 0.14);
        color: #00C2A8;
        font-size: 35px;
    }

    .insurance-card h3 {
        font-size: 32px;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .insurance-card p {
        color: rgba(255, 255, 255, 0.65);
        font-size: 14px;
        line-height: 1.7;
        max-width: 240px;
    }


    /* Card Bottom */
    .card-bottom {
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 28px;
        padding-top: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .card-bottom span {
        color: rgba(255, 255, 255, 0.55);
        font-size: 11px;
    }

    .card-bottom strong {
        color: #00C2A8;
        font-size: 11px;
        letter-spacing: 1px;
    }


    /* Floating Cards */
    .floating-card {
        position: absolute;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 18px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(11, 30, 61, 0.07);
        border-radius: 13px;
        box-shadow: 0 15px 35px rgba(11, 30, 61, 0.12);
        z-index: 5;
        transition: all 0.35s ease;
        backdrop-filter: blur(10px);
    }

    .floating-card:hover {
        transform: translateY(-6px) scale(1.02);
        box-shadow: 0 20px 40px rgba(11, 30, 61, 0.16);
    }

    .floating-card strong,
    .floating-card small {
        display: block;
    }

    .floating-card strong {
        color: #0B1E3D;
        font-size: 12px;
    }

    .floating-card small {
        color: #7a8795;
        font-size: 10px;
        margin-top: 3px;
    }

    .floating-icon {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e7faf6;
        color: #00A990;
        border-radius: 9px;
        font-size: 17px;
    }

    .floating-card-one {
        top: 100px;
        left: 0;
        animation: floatOne 4s ease-in-out infinite;
    }

    .floating-card-two {
        right: -10px;
        bottom: 100px;
        animation: floatTwo 4.5s ease-in-out infinite;
    }


    /* Dots */
    .hero-dots {
        position: absolute;
        width: 80px;
        height: 80px;
        opacity: 0.35;
        background-image: radial-gradient(
            #00C2A8 2px,
            transparent 2px
        );
        background-size: 14px 14px;
        z-index: 0;
    }

    .dots-one {
        top: 35px;
        right: 30px;
    }

    .dots-two {
        bottom: 35px;
        left: 25px;
        opacity: 0.2;
    }


    /* Animations */
    @keyframes floatOne {
        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-12px);
        }
    }

    @keyframes floatTwo {
        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(12px);
        }
    }

    @keyframes pulseDot {
        0%, 100% {
            box-shadow: 0 0 0 0 rgba(0, 194, 168, 0.35);
        }

        50% {
            box-shadow: 0 0 0 7px rgba(0, 194, 168, 0);
        }
    }
    @media (max-width: 576px) {
        .top-bar {
            padding: 8px 0;
        }

        .d-flex {
            justify-content: center !important;
        }

        .call-link {
            font-size: 15px;
        }
    }
    /* Services Section */
    .beast-services {
        position: relative;
        padding: 100px 0;
        background: #ffffff;
        overflow: hidden;
    }


    /* Section Heading */
    .services-heading {
        max-width: 700px;
        margin: 0 auto 55px;
    }

    .section-tag {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 7px 14px;
        margin-bottom: 16px;
        border-radius: 50px;
        background: rgba(0, 194, 168, 0.08);
        border: 1px solid rgba(0, 194, 168, 0.15);
        color: #00A990;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .section-tag i {
        font-size: 14px;
    }

    .services-heading h2 {
        color: #0B1E3D;
        font-size: clamp(35px, 4vw, 48px);
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: -1.5px;
        margin-bottom: 15px;
    }

    .services-heading h2 span {
        color: #00A990;
    }

    .services-heading p {
        max-width: 570px;
        margin: auto;
        color: #718096;
        font-size: 16px;
        line-height: 1.7;
    }


    /* Service Card */
    .service-card {
        position: relative;
        height: 100%;
        min-height: 390px;
        padding: 32px 28px 27px;
        background: #ffffff;
        border: 1px solid #e8eef0;
        border-radius: 18px;
        overflow: hidden;
        transition:
            transform 0.4s ease,
            box-shadow 0.4s ease,
            border-color 0.4s ease;
    }


    /* Top Accent Line */
    .service-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(
            90deg,
            #00C2A8,
            #0B1E3D
        );
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
    }


    /* Background Glow */
    .service-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        top: -75px;
        right: -75px;
        border-radius: 50%;
        background: rgba(0, 194, 168, 0.07);
        transition: all 0.5s ease;
    }


    /* Card Hover */
    .service-card:hover {
        transform: translateY(-10px);
        border-color: rgba(0, 194, 168, 0.25);
        box-shadow:
            0 20px 45px rgba(11, 30, 61, 0.11);
    }

    .service-card:hover::before {
        transform: scaleX(1);
    }

    .service-card:hover::after {
        width: 220px;
        height: 220px;
        top: -110px;
        right: -110px;
    }


    /* Icon */
    .service-icon {
        position: relative;
        z-index: 2;
        width: 65px;
        height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 27px;
        border-radius: 15px;
        background: #e9faf7;
        color: #00A990;
        font-size: 28px;
        transition: all 0.4s ease;
    }

    .service-card:hover .service-icon {
        background: #00C2A8;
        color: #ffffff;
        transform: rotate(-5deg) scale(1.08);
        box-shadow:
            0 10px 22px rgba(0, 194, 168, 0.25);
    }


    /* Number */
    .service-number {
        position: absolute;
        top: 31px;
        right: 27px;
        color: #dce6e9;
        font-size: 28px;
        font-weight: 800;
        line-height: 1;
        transition: color 0.4s ease;
    }

    .service-card:hover .service-number {
        color: rgba(0, 194, 168, 0.22);
    }


    /* Card Content */
    .service-card h3 {
        position: relative;
        z-index: 2;
        color: #0B1E3D;
        font-size: 21px;
        font-weight: 750;
        margin-bottom: 13px;
        transition: color 0.3s ease;
    }

    .service-card:hover h3 {
        color: #00A990;
    }

    .service-card p {
        position: relative;
        z-index: 2;
        color: #718096;
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 25px;
    }


    /* Contact Button */
    .service-btn {
        position: absolute;
        z-index: 3;
        left: 28px;
        bottom: 27px;

        display: inline-flex;
        align-items: center;
        gap: 9px;

        padding: 10px 16px;

        color: #0B1E3D;
        background: #f4f7f8;
        border-radius: 8px;

        text-decoration: none;
        font-size: 12px;
        font-weight: 750;

        transition: all 0.35s ease;
    }

    .service-btn i {
        font-size: 13px;
        transition: transform 0.3s ease;
    }

    .service-btn:hover {
        color: #ffffff;
        background: #0B1E3D;
        transform: translateY(-2px);
    }

    .service-btn:hover i {
        transform: translateX(4px);
    }
    /* =========================
       ABOUT SECTION
    ========================= */

    .beast-about {
        position: relative;
        padding: 110px 0;
        background: #f7fbfa;
        overflow: hidden;
    }


    /* =========================
       LEFT VISUAL
    ========================= */

    .about-visual {
        position: relative;
        min-height: 560px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /* Main Box */
    .about-main-box {
        position: relative;
        width: 450px;
        min-height: 470px;
        padding: 55px 45px;
        overflow: hidden;

        display: flex;
        flex-direction: column;
        justify-content: center;

        background: linear-gradient(
            145deg,
            #0B1E3D,
            #142f58
        );

        border-radius: 28px;

        box-shadow:
            0 30px 65px rgba(11, 30, 61, 0.20);

        z-index: 2;
    }


    /* Pattern */
    .about-pattern {
        position: absolute;
        width: 280px;
        height: 280px;
        right: -100px;
        top: -100px;

        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 50%;
    }

    .about-pattern::before,
    .about-pattern::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(255,255,255,0.07);
        border-radius: 50%;
    }

    .about-pattern::before {
        inset: 35px;
    }

    .about-pattern::after {
        inset: 70px;
    }


    /* Shield */
    .about-shield {
        position: relative;
        z-index: 2;

        width: 78px;
        height: 78px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 28px;

        background: rgba(0, 194, 168, 0.15);
        color: #00C2A8;

        border: 1px solid rgba(0, 194, 168, 0.20);
        border-radius: 20px;

        font-size: 38px;

        transition: all 0.4s ease;
    }

    .about-main-box:hover .about-shield {
        transform: scale(1.08) rotate(-5deg);
        background: #00C2A8;
        color: #ffffff;
    }


    /* Small Title */
    .about-small-title {
        position: relative;
        z-index: 2;

        color: #00C2A8;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 2px;

        margin-bottom: 15px;
    }


    /* Main Visual Heading */
    .about-main-box h3 {
        position: relative;
        z-index: 2;

        max-width: 330px;

        color: #ffffff;
        font-size: 37px;
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: -1px;

        margin-bottom: 18px;
    }

    .about-main-box p {
        position: relative;
        z-index: 2;

        max-width: 330px;

        color: rgba(255,255,255,0.65);
        font-size: 14px;
        line-height: 1.8;

        margin: 0;
    }


    /* =========================
       USA BADGE
    ========================= */

    .usa-badge {
        position: absolute;
        top: 45px;
        right: 5px;

        display: flex;
        align-items: center;
        gap: 12px;

        padding: 14px 18px;

        background: #ffffff;

        border-radius: 13px;

        box-shadow:
            0 15px 35px rgba(11, 30, 61, 0.12);

        z-index: 5;

        animation: aboutFloatOne 4s ease-in-out infinite;
    }

    .usa-icon {
        width: 40px;
        height: 40px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #e9faf7;
        color: #00A990;

        border-radius: 10px;
        font-size: 17px;
    }

    .usa-badge strong,
    .usa-badge span {
        display: block;
    }

    .usa-badge strong {
        color: #0B1E3D;
        font-size: 12px;
        font-weight: 750;
    }

    .usa-badge span {
        color: #7a8795;
        font-size: 10px;
        margin-top: 3px;
    }


    /* =========================
       FLOATING CARD
    ========================= */

    .about-float-card {
        position: absolute;
        left: 5px;
        bottom: 45px;

        display: flex;
        align-items: center;
        gap: 12px;

        padding: 14px 18px;

        background: #ffffff;

        border-radius: 13px;

        box-shadow:
            0 15px 35px rgba(11, 30, 61, 0.13);

        z-index: 5;

        animation: aboutFloatTwo 4.5s ease-in-out infinite;
    }

    .float-check {
        width: 40px;
        height: 40px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #00C2A8;
        color: #ffffff;

        border-radius: 10px;

        font-size: 17px;
    }

    .about-float-card strong,
    .about-float-card span {
        display: block;
    }

    .about-float-card strong {
        color: #0B1E3D;
        font-size: 12px;
    }

    .about-float-card span {
        color: #7a8795;
        font-size: 10px;
        margin-top: 3px;
    }


    /* =========================
       RIGHT CONTENT
    ========================= */

    .about-content {
        padding-left: 20px;
    }


    /* Tag */
    .about-tag {
        display: inline-flex;
        align-items: center;
        gap: 7px;

        padding: 7px 14px;
        margin-bottom: 17px;

        background: rgba(0, 194, 168, 0.08);
        border: 1px solid rgba(0, 194, 168, 0.15);

        border-radius: 50px;

        color: #00A990;

        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1px;
    }


    /* Heading */
    .about-content h2 {
        max-width: 560px;

        color: #0B1E3D;

        font-size: clamp(38px, 4vw, 51px);
        line-height: 1.12;

        font-weight: 800;
        letter-spacing: -1.8px;

        margin-bottom: 22px;
    }

    .about-content h2 span {
        color: #00A990;
    }


    /* Paragraphs */
    .about-intro {
        max-width: 600px;

        color: #44546a;

        font-size: 17px;
        line-height: 1.8;

        margin-bottom: 15px;
    }

    .about-description {
        max-width: 600px;

        color: #718096;

        font-size: 14px;
        line-height: 1.8;

        margin-bottom: 30px;
    }


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

    .about-features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;

        margin-bottom: 32px;
    }

    .about-feature {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .feature-icon {
        flex-shrink: 0;

        width: 39px;
        height: 39px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #e8faf6;
        color: #00A990;

        border-radius: 9px;

        font-size: 16px;

        transition: all 0.3s ease;
    }

    .about-feature:hover .feature-icon {
        background: #00C2A8;
        color: #ffffff;
        transform: translateY(-3px);
    }

    .about-feature h4 {
        color: #0B1E3D;

        font-size: 13px;
        font-weight: 750;

        margin: 0 0 4px;
    }

    .about-feature p {
        color: #7a8795;

        font-size: 11px;
        line-height: 1.5;

        margin: 0;
    }


    /* =========================
       ACTIONS
    ========================= */

    .about-actions {
        display: flex;
        align-items: center;
        gap: 25px;
    }

    .about-btn {
        display: inline-flex;
        align-items: center;
        gap: 9px;

        padding: 13px 22px;

        background: #0B1E3D;
        color: #ffffff;

        border-radius: 8px;

        text-decoration: none;

        font-size: 13px;
        font-weight: 700;

        box-shadow: 0 8px 20px rgba(11, 30, 61, 0.15);

        transition: all 0.35s ease;
    }

    .about-btn i {
        transition: transform 0.3s ease;
    }

    .about-btn:hover {
        background: #00A990;
        color: #ffffff;

        transform: translateY(-3px);

        box-shadow:
            0 12px 25px rgba(0, 194, 168, 0.22);
    }

    .about-btn:hover i {
        transform: translateX(4px);
    }


    /* Phone */
    .about-phone span,
    .about-phone a {
        display: block;
    }

    .about-phone span {
        color: #8a96a3;
        font-size: 10px;
        margin-bottom: 3px;
    }

    .about-phone a {
        color: #0B1E3D;
        text-decoration: none;

        font-size: 14px;
        font-weight: 750;

        transition: color 0.3s ease;
    }

    .about-phone a:hover {
        color: #00A990;
    }


    /* =========================
       ANIMATIONS
    ========================= */

    @keyframes aboutFloatOne {

        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-10px);
        }

    }

    @keyframes aboutFloatTwo {

        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(10px);
        }

    }
    .beast-contact {
        position: relative;
        padding: 110px 0;
        background: #ffffff;
        overflow: hidden;
    }


    /* =========================
       HEADING
    ========================= */

    .contact-heading {
        max-width: 700px;
        margin: 0 auto 55px;
    }

    .contact-tag {
        display: inline-flex;
        align-items: center;
        gap: 7px;

        padding: 7px 14px;
        margin-bottom: 16px;

        background: rgba(0, 194, 168, 0.08);
        border: 1px solid rgba(0, 194, 168, 0.15);

        border-radius: 50px;

        color: #00A990;

        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .contact-heading h2 {
        color: #0B1E3D;

        font-size: clamp(38px, 4vw, 50px);
        line-height: 1.12;

        font-weight: 800;
        letter-spacing: -1.7px;

        margin-bottom: 15px;
    }

    .contact-heading h2 span {
        color: #00A990;
    }

    .contact-heading p {
        max-width: 580px;
        margin: auto;

        color: #718096;

        font-size: 15px;
        line-height: 1.7;
    }


    /* =========================
       CONTACT INFO
    ========================= */

    .contact-info {
        position: relative;
        height: 100%;

        padding: 40px;

        background:
            linear-gradient(
                145deg,
                #0B1E3D,
                #132f57
            );

        border-radius: 22px;

        overflow: hidden;

        box-shadow:
            0 25px 55px rgba(11, 30, 61, 0.18);

        z-index: 1;
    }


    /* Decorative Circle */
    .contact-info::before {
        content: "";

        position: absolute;

        width: 280px;
        height: 280px;

        right: -130px;
        top: -130px;

        border-radius: 50%;

        border: 1px solid rgba(255,255,255,0.08);

        box-shadow:
            0 0 0 40px rgba(255,255,255,0.02),
            0 0 0 80px rgba(255,255,255,0.015);

        z-index: -1;
    }


    /* Top Content */
    .contact-info-top {
        margin-bottom: 35px;
    }

    .contact-mini-title {
        color: #00C2A8;

        font-size: 10px;
        font-weight: 800;

        letter-spacing: 2px;
    }

    .contact-info h3 {
        color: #ffffff;

        font-size: 35px;
        line-height: 1.15;

        font-weight: 800;
        letter-spacing: -1px;

        margin: 12px 0 15px;
    }

    .contact-info h3 span {
        color: #00C2A8;
    }

    .contact-info-top p {
        color: rgba(255,255,255,0.62);

        font-size: 13px;
        line-height: 1.8;

        margin: 0;
    }


    /* =========================
       INFO ITEMS
    ========================= */

    .contact-info-item {
        display: flex;
        align-items: center;
        gap: 13px;

        padding: 15px 0;

        border-top: 1px solid rgba(255,255,255,0.08);

        text-decoration: none;

        transition: all 0.3s ease;
    }

    .contact-info-item:hover {
        transform: translateX(5px);
    }

    .contact-info-icon {
        flex-shrink: 0;

        width: 43px;
        height: 43px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: rgba(0,194,168,0.12);

        color: #00C2A8;

        border-radius: 10px;

        font-size: 17px;

        transition: all 0.3s ease;
    }

    .contact-info-item:hover .contact-info-icon {
        background: #00C2A8;
        color: #ffffff;
    }

    .contact-info-item small,
    .contact-info-item strong {
        display: block;
    }

    .contact-info-item small {
        color: rgba(255,255,255,0.42);

        font-size: 10px;

        margin-bottom: 4px;
    }

    .contact-info-item strong {
        color: #ffffff;

        font-size: 12px;
        font-weight: 650;
    }

    .contact-arrow {
        margin-left: auto;
        color: rgba(255,255,255,0.35);

        transition: all 0.3s ease;
    }

    .contact-info-item:hover .contact-arrow {
        color: #00C2A8;
        transform: translate(3px, -3px);
    }


    /* =========================
       CALL BOX
    ========================= */

    .contact-call-box {
        display: flex;
        align-items: center;
        gap: 13px;

        margin-top: 25px;
        padding: 16px;

        background: rgba(255,255,255,0.06);

        border: 1px solid rgba(255,255,255,0.08);

        border-radius: 12px;
    }

    .call-box-icon {
        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;

        background: #00C2A8;
        color: #ffffff;

        border-radius: 10px;
    }

    .contact-call-box span {
        display: block;

        color: rgba(255,255,255,0.48);

        font-size: 9px;

        margin-bottom: 3px;
    }

    .contact-call-box a {
        color: #ffffff;

        text-decoration: none;

        font-size: 13px;
        font-weight: 750;

        transition: color 0.3s ease;
    }

    .contact-call-box a:hover {
        color: #00C2A8;
    }


    /* =========================
       CONTACT FORM
    ========================= */

    .contact-form-box {
        height: 100%;

        padding: 40px;

        background: #ffffff;

        border: 1px solid #e5edef;

        border-radius: 22px;

        box-shadow:
            0 20px 50px rgba(11, 30, 61, 0.07);
    }


    /* Form Header */
    .form-header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        margin-bottom: 28px;
    }

    .form-header > div:first-child span {
        color: #00A990;

        font-size: 10px;
        font-weight: 800;

        letter-spacing: 1.5px;
    }

    .form-header h3 {
        color: #0B1E3D;

        font-size: 25px;
        font-weight: 800;

        margin: 6px 0 0;
    }

    .form-shield {
        width: 48px;
        height: 48px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #e8faf6;
        color: #00A990;

        border-radius: 12px;

        font-size: 21px;
    }


    /* Form Group */
    .form-group label {
        display: block;

        color: #0B1E3D;

        font-size: 11px;
        font-weight: 700;

        margin-bottom: 7px;
    }


    /* Input Wrapper */
    .input-wrapper {
        position: relative;
    }

    .input-wrapper > i {
        position: absolute;

        left: 14px;
        top: 50%;

        transform: translateY(-50%);

        color: #91a0aa;

        font-size: 15px;

        z-index: 2;

        transition: color 0.3s ease;
    }

    .input-wrapper:focus-within > i {
        color: #00A990;
    }


    /* Inputs */
    .input-wrapper .form-control {
        min-height: 48px;

        padding: 10px 14px 10px 42px;

        border: 1px solid #e0e8eb;
        border-radius: 9px;

        background: #fafcfc;

        color: #0B1E3D;

        font-size: 13px;

        box-shadow: none;

        transition:
            border-color 0.3s ease,
            box-shadow 0.3s ease,
            background 0.3s ease;
    }

    .input-wrapper .form-control::placeholder {
        color: #a5afb7;
    }

    .input-wrapper .form-control:focus {
        background: #ffffff;

        border-color: #00C2A8;

        box-shadow:
            0 0 0 3px rgba(0,194,168,0.08);
    }


    /* Select */
    .input-wrapper select.form-control {
        appearance: auto;
        cursor: pointer;
    }


    /* Textarea */
    .textarea-wrapper > i {
        top: 18px;
        transform: none;
    }

    .textarea-wrapper textarea {
        resize: vertical;
        min-height: 115px;
    }


    /* =========================
       SUBMIT BUTTON
    ========================= */

    .contact-submit {
        width: 100%;
        min-height: 51px;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;

        margin-top: 5px;

        border: none;
        border-radius: 9px;

        background: #0B1E3D;
        color: #ffffff;

        font-size: 13px;
        font-weight: 750;

        cursor: pointer;

        box-shadow:
            0 10px 22px rgba(11,30,61,0.15);

        transition: all 0.35s ease;
    }

    .contact-submit i {
        transition: transform 0.3s ease;
    }

    .contact-submit:hover {
        background: #00A990;

        transform: translateY(-3px);

        box-shadow:
            0 14px 28px rgba(0,194,168,0.22);
    }

    .contact-submit:hover i {
        transform: translateX(5px);
    }
    /* =========================
       FOOTER
    ========================= */

    .beast-footer {
        position: relative;

        padding: 75px 0 25px;

        background:
            linear-gradient(
                145deg,
                #08172f,
                #0B1E3D
            );

        color: #ffffff;

        overflow: hidden;
    }


    /* Decorative Background */
    .beast-footer::before {
        content: "";

        position: absolute;

        width: 450px;
        height: 450px;

        right: -200px;
        bottom: -250px;

        border-radius: 50%;

        border: 1px solid rgba(0,194,168,0.10);

        box-shadow:
            0 0 0 60px rgba(0,194,168,0.025),
            0 0 0 120px rgba(0,194,168,0.018);

        pointer-events: none;
    }


    /* =========================
       BRAND
    ========================== */

    .footer-brand {
        max-width: 370px;
    }


    /* Logo */
    .footer-logo {
        display: inline-flex;

        align-items: center;

        gap: 10px;

        color: #ffffff;

        text-decoration: none;

        font-size: 24px;

        font-weight: 800;

        letter-spacing: -0.5px;

        margin-bottom: 20px;

        transition: all 0.3s ease;
    }

    .footer-logo:hover {
        color: #ffffff;

        transform: translateY(-2px);
    }


    /* Logo Icon */
    .footer-logo-icon {
        width: 43px;
        height: 43px;

        display: flex;

        align-items: center;
        justify-content: center;

        background: #00C2A8;

        color: #ffffff;

        border-radius: 11px;

        font-size: 21px;

        font-weight: 800;

        box-shadow:
            0 8px 20px rgba(0,194,168,0.20);

        transition: all 0.35s ease;
    }

    .footer-logo:hover .footer-logo-icon {
        transform:
            rotate(-5deg)
            scale(1.06);
    }


    /* Logo Highlight */
    .footer-logo > span:last-child > span {
        color: #00C2A8;

        margin-left: 3px;
    }


    /* Description */
    .footer-brand p {
        color: rgba(255,255,255,0.55);

        font-size: 13px;

        line-height: 1.8;

        margin-bottom: 25px;
    }


    /* =========================
       CALL BUTTON
    ========================== */

    .footer-call-btn {
        display: inline-flex;

        align-items: center;

        gap: 12px;

        padding: 11px 16px;

        background:
            rgba(255,255,255,0.06);

        border:
            1px solid rgba(255,255,255,0.08);

        border-radius: 10px;

        color: #ffffff;

        text-decoration: none;

        transition: all 0.35s ease;
    }

    .footer-call-btn:hover {

        background:
            rgba(0,194,168,0.12);

        border-color:
            rgba(0,194,168,0.25);

        color: #ffffff;

        transform:
            translateY(-3px);
    }


    /* Call Icon */
    .footer-call-icon {

        width: 38px;
        height: 38px;

        display: flex;

        align-items: center;
        justify-content: center;

        background: #00C2A8;

        color: #ffffff;

        border-radius: 9px;

        font-size: 14px;
    }


    .footer-call-btn small,
    .footer-call-btn strong {
        display: block;
    }

    .footer-call-btn small {

        color:
            rgba(255,255,255,0.45);

        font-size: 9px;

        margin-bottom: 3px;
    }

    .footer-call-btn strong {

        font-size: 13px;

        font-weight: 750;
    }


    /* =========================
       FOOTER COLUMNS
    ========================== */

    .footer-column h4 {

        position: relative;

        color: #ffffff;

        font-size: 14px;

        font-weight: 750;

        margin-bottom: 24px;

        padding-bottom: 12px;
    }


    /* Heading Accent */
    .footer-column h4::after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 28px;

        height: 2px;

        background: #00C2A8;

        border-radius: 5px;
    }


    /* Lists */
    .footer-column ul {

        list-style: none;

        padding: 0;

        margin: 0;
    }

    .footer-column ul li {

        margin-bottom: 13px;
    }


    /* Links */
    .footer-column ul li a {

        display: inline-flex;

        align-items: center;

        gap: 7px;

        color:
            rgba(255,255,255,0.52);

        text-decoration: none;

        font-size: 12px;

        transition: all 0.3s ease;
    }


    .footer-column ul li a i {

        color: #00C2A8;

        font-size: 8px;

        transition:
            transform 0.3s ease;
    }


    .footer-column ul li a:hover {

        color: #ffffff;

        transform:
            translateX(4px);
    }


    .footer-column ul li a:hover i {

        transform:
            translateX(3px);
    }


    /* =========================
       CONTACT
    ========================== */

    .footer-contact {

        display: flex;

        flex-direction: column;

        gap: 17px;
    }


    .footer-contact-item {

        display: flex;

        align-items: center;

        gap: 11px;

        text-decoration: none;
    }


    /* Contact Icon */
    .footer-contact-icon {

        width: 37px;
        height: 37px;

        flex-shrink: 0;

        display: flex;

        align-items: center;
        justify-content: center;

        background:
            rgba(0,194,168,0.10);

        color: #00C2A8;

        border-radius: 9px;

        font-size: 13px;

        transition:
            all 0.3s ease;
    }


    .footer-contact-item:hover
    .footer-contact-icon {

        background: #00C2A8;

        color: #ffffff;
    }


    .footer-contact-item small,
    .footer-contact-item strong {

        display: block;
    }


    .footer-contact-item small {

        color:
            rgba(255,255,255,0.35);

        font-size: 9px;

        margin-bottom: 3px;
    }


    .footer-contact-item strong {

        color:
            rgba(255,255,255,0.75);

        font-size: 11px;

        font-weight: 650;

        transition:
            color 0.3s ease;
    }


    .footer-contact-item:hover strong {

        color: #ffffff;
    }


    /* =========================
       DIVIDER
    ========================== */

    .footer-divider {

        height: 1px;

        margin: 55px 0 20px;

        background:
            rgba(255,255,255,0.08);
    }


    /* =========================
       COPYRIGHT
    ========================== */

    .footer-bottom {

        display: flex;

        align-items: center;

        justify-content: center;

        text-align: center;
    }


    .footer-bottom p {

        color:
            rgba(255,255,255,0.38);

        font-size: 10px;

        margin: 0;
    }


    .footer-bottom p strong {

        color:
            rgba(255,255,255,0.65);
    }
    /* Mobile */
    @media (max-width: 991.98px) {

        .beast-navbar {
            padding: 12px 0;
        }

        .navbar-collapse {
            margin-top: 15px;
            padding: 15px 0 5px;
            border-top: 1px solid rgba(11, 30, 61, 0.08);
        }

        .beast-navbar .nav-link {
            padding: 12px 5px !important;
        }

        .beast-navbar .nav-link::after {
            left: 5px;
            right: auto;
            width: 35px;
        }

        .nav-call-btn {
            display: block;
            text-align: center;
        }
    }

    @media (max-width: 576px) {

        .beast-logo {
            font-size: 21px;
        }

        .logo-icon {
            width: 38px;
            height: 38px;
            font-size: 20px;
            border-radius: 10px;
        }
    }
    @media (max-width: 991.98px) {

        .beast-hero {
            min-height: auto;
        }

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

        .hero-content {
            padding: 70px 0 30px;
        }

        .hero-content h1 {
            font-size: clamp(44px, 7vw, 60px);
        }

        .hero-visual {
            height: 550px;
            margin-top: 20px;
        }

        .hero-circle {
            width: 430px;
            height: 430px;
        }
    }


    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 767.98px) {

        .hero-content {
            padding: 55px 0 15px;
            text-align: center;
        }

        .hero-badge {
            font-size: 11px;
        }

        .hero-content h1 {
            font-size: 43px;
            letter-spacing: -1.5px;
        }

        .hero-text {
            font-size: 15px;
            line-height: 1.7;
            margin-left: auto;
            margin-right: auto;
        }

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

        .hero-btn {
            min-height: 49px;
            padding: 0 19px;
            font-size: 13px;
        }

        .hero-trust {
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .trust-item {
            gap: 6px;
        }

        .trust-icon {
            width: 34px;
            height: 34px;
            font-size: 14px;
        }

        .hero-visual {
            height: 500px;
            margin-top: 20px;
        }

        .hero-circle {
            width: 350px;
            height: 350px;
        }

        .insurance-card {
            width: 285px;
            min-height: 350px;
            padding: 24px;
        }

        .card-icon {
            margin-top: 40px;
            width: 62px;
            height: 62px;
            font-size: 29px;
        }

        .insurance-card h3 {
            font-size: 27px;
        }

        .floating-card {
            padding: 11px 13px;
        }

        .floating-card-one {
            top: 55px;
            left: 0;
        }

        .floating-card-two {
            right: 0;
            bottom: 55px;
        }

        .floating-card strong {
            font-size: 10px;
        }

        .floating-card small {
            font-size: 8px;
        }

        .floating-icon {
            width: 32px;
            height: 32px;
            font-size: 14px;
        }

        .hero-dots {
            display: none;
        }
    }


    /* Small Phones */
    @media (max-width: 400px) {

        .hero-content h1 {
            font-size: 37px;
        }

        .hero-buttons {
            flex-direction: column;
            width: 100%;
        }

        .hero-btn {
            width: 100%;
        }

        .hero-trust {
            gap: 10px;
        }

        .hero-visual {
            height: 450px;
        }

        .hero-circle {
            width: 300px;
            height: 300px;
        }

        .insurance-card {
            width: 250px;
            min-height: 320px;
        }

        .floating-card {
            transform: scale(0.85);
        }

        .floating-card-one {
            left: -20px;
        }

        .floating-card-two {
            right: -20px;
        }
    }
    /* =========================
       TABLET
    ========================= */

    @media (max-width: 991.98px) {

        .beast-services {
            padding: 80px 0;
        }

        .services-heading {
            margin-bottom: 45px;
        }

        .service-card {
            min-height: 370px;
        }
    }


    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 575.98px) {

        .beast-services {
            padding: 65px 0;
        }

        .services-heading {
            margin-bottom: 35px;
            padding: 0 10px;
        }

        .services-heading h2 {
            font-size: 34px;
            letter-spacing: -1px;
        }

        .services-heading p {
            font-size: 14px;
        }

        .service-card {
            min-height: 350px;
            padding: 27px 24px;
            border-radius: 16px;
        }

        .service-number {
            top: 27px;
            right: 23px;
        }

        .service-btn {
            left: 24px;
            bottom: 24px;
        }
    }
    /* Extra Small Devices */
    @media (max-width: 380px) {

        .services-heading h2 {
            font-size: 30px;
        }

        .service-card {
            min-height: 340px;
        }
    }
@media (max-width: 991.98px) {

        .beast-about {
            padding: 85px 0;
        }

        .about-content {
            padding-left: 0;
        }

        .about-visual {
            min-height: 530px;
        }

        .about-main-box {
            width: 420px;
        }

        .about-content h2 {
            font-size: 43px;
        }

    }


    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 767.98px) {

        .beast-about {
            padding: 70px 0;
        }

        .about-visual {
            min-height: 470px;
        }

        .about-main-box {
            width: 90%;
            min-height: 400px;
            padding: 40px 32px;
            border-radius: 22px;
        }

        .about-main-box h3 {
            font-size: 31px;
        }

        .about-shield {
            width: 65px;
            height: 65px;
            font-size: 30px;
        }

        .usa-badge {
            top: 15px;
            right: -3px;
            transform: scale(0.9);
        }

        .about-float-card {
            left: -3px;
            bottom: 20px;
            transform: scale(0.9);
        }

        .about-content {
            text-align: left;
        }

        .about-content h2 {
            font-size: 37px;
            letter-spacing: -1.2px;
        }

        .about-intro {
            font-size: 15px;
        }

        .about-features {
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .about-actions {
            flex-wrap: wrap;
            gap: 18px;
        }

    }


    /* =========================
       SMALL PHONES
    ========================= */

    @media (max-width: 400px) {

        .about-main-box {
            width: 94%;
            min-height: 380px;
            padding: 35px 25px;
        }

        .about-main-box h3 {
            font-size: 28px;
        }

        .usa-badge {
            right: -15px;
            transform: scale(0.78);
        }

        .about-float-card {
            left: -15px;
            transform: scale(0.78);
        }

        .about-content h2 {
            font-size: 32px;
        }

        .about-actions {
            flex-direction: column;
            align-items: flex-start;
        }

        .about-btn {
            width: 100%;
            justify-content: center;
        }

    }
    @media (max-width: 991.98px) {

        .beast-contact {
            padding: 85px 0;
        }

        .contact-heading {
            margin-bottom: 45px;
        }

        .contact-info,
        .contact-form-box {
            padding: 35px;
        }

    }


    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 767.98px) {

        .beast-contact {
            padding: 70px 0;
        }

        .contact-heading {
            margin-bottom: 35px;
        }

        .contact-heading h2 {
            font-size: 36px;
            letter-spacing: -1px;
        }

        .contact-heading p {
            font-size: 14px;
        }

        .contact-info,
        .contact-form-box {
            padding: 28px 23px;
            border-radius: 17px;
        }

        .contact-info h3 {
            font-size: 30px;
        }

        .form-header h3 {
            font-size: 21px;
        }

    }


    /* =========================
       SMALL PHONES
    ========================= */

    @media (max-width: 400px) {

        .contact-info,
        .contact-form-box {
            padding: 25px 18px;
        }

        .contact-heading h2 {
            font-size: 32px;
        }

        .contact-info h3 {
            font-size: 27px;
        }

        .contact-call-box {
            padding: 13px;
        }

    }
    @media (max-width: 991.98px) {

        .beast-footer {

            padding: 65px 0 25px;
        }

        .footer-brand {

            max-width: 500px;
        }

        .footer-divider {

            margin-top: 40px;
        }

    }


    /* =========================
       MOBILE
    ========================== */

    @media (max-width: 767.98px) {

        .beast-footer {

            padding: 55px 0 22px;
        }

        .footer-brand {

            max-width: 100%;
        }

        .footer-column h4 {

            margin-bottom: 18px;
        }

        .footer-divider {

            margin: 35px 0 20px;
        }

        .footer-bottom {

            text-align: center;
        }

    }


    /* =========================
       SMALL PHONES
    ========================== */

    @media (max-width: 400px) {

        .beast-footer {

            padding-top: 45px;
        }

        .footer-logo {

            font-size: 21px;
        }

        .footer-logo-icon {

            width: 39px;
            height: 39px;
        }

        .footer-brand p {

            font-size: 12px;
        }

    }