.wrapfooter {

            background-color: #ffffff;

        }



        .wrapfooter .footer-wrapper {

            background-color: #0f172a;

            color: #f8f9fa;

            position: relative;

            padding-top: 80px;

        }



        /* Branding Section */

        .wrapfooter .brand-logo {

            display: flex;

            align-items: center;

            gap: 12px;     width: 170px;

        }



        .wrapfooter .logo-icon {

            width: 42px;

            height: 42px;

            background: var(--theme-color);

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 12px;

            color: #fff;

            font-size: 1.25rem;

            box-shadow: 0 8px 20px rgba(255, 77, 141, 0.3);

        }



        .wrapfooter .logo-text {

            font-size: 1.5rem;

            font-weight: 800;

            letter-spacing: -0.02em;

            color: #ffffff;

        }



        .wrapfooter .logo-text span {

            color: var(--theme-color);

        }



        .wrapfooter .brand-desc {

            color: #94a3b8;

            line-height: 1.8;

            font-size: 0.95rem;

            margin-bottom: 30px;

            max-width: 360px;

        }



        /* Social Icons */

        .wrapfooter .social-group {

            display: flex;

            gap: 12px;

        }



        .wrapfooter .social-item {

            width: 40px;

            height: 40px;

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

            color: #ffffff;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            text-decoration: none;

            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

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

        }



        .wrapfooter .social-item:hover {

            background: var(--theme-color);

            border-color: var(--theme-color);

            transform: translateY(-5px);

            box-shadow: 0 10px 20px rgba(255, 77, 141, 0.2);

            color: #fff;

        }



        /* Headings & Links */

        .wrapfooter .footer-main {

            padding-bottom: 80px;

        }



        .wrapfooter .footer-heading {

            font-size: 1.15rem;

            font-weight: 700;

            margin-bottom: 30px;

            color: #ffffff;

            position: relative;

        }



        .wrapfooter .footer-heading::after {

            content: '';

            position: absolute;

            bottom: -8px;

            left: 0;

            width: 30px;

            height: 2px;

            background: var(--theme-color);

        }



        .wrapfooter .footer-links {

            list-style: none;

            padding: 0;

            margin: 0;

        }



        .wrapfooter .footer-links li {

            margin-bottom: 14px;

        }



        .wrapfooter .footer-links a {

            color: #94a3b8;

            text-decoration: none;

            transition: all 0.3s ease;

            font-weight: 500;

            font-size: 0.95rem;

            display: inline-block;

        }



        .wrapfooter .footer-links a:hover {

            color: var(--theme-color);

            transform: translateX(6px);

        }



        /* Newsletter Form */

        .wrapfooter .newsletter-desc {

            color: #94a3b8;

            font-size: 0.9rem;

            margin-bottom: 20px;

        }



        .wrapfooter .newsletter-form .input-group {

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

            padding: 6px;

            border-radius: 14px;

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

            transition: all 0.3s ease;

        }



        .wrapfooter .newsletter-form .input-group:focus-within {

            border-color: var(--theme-color);

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

        }



        .wrapfooter .newsletter-form .form-control {

            background: transparent;

            border: none;

            color: #ffffff;

            padding-left: 15px;

            font-size: 0.95rem;

            box-shadow: none !important;

        }



        .wrapfooter .btn-submit {

            background: var(--theme-color);

            color: white;

            border-radius: 10px !important;

            width: 44px;

            height: 44px;

            display: flex;

            align-items: center;

            justify-content: center;

            transition: all 0.3s ease;

            border: none;

        }



        .wrapfooter .btn-submit:hover {

            background: var(--theme-color2);

            transform: scale(1.05);

        }



        .wrapfooter .payment-title {

            color: #64748b;

            font-size: 0.75rem;

            text-transform: uppercase;

            letter-spacing: 0.1em;

            margin-bottom: 15px;

        }



        .wrapfooter .payment-icons {

            font-size: 1.4rem;

            color: #475569;

        }



        .wrapfooter .payment-icons i:hover {

            color: #94a3b8;

            cursor: pointer;

        }



        /* Bottom Footer */

        .wrapfooter .footer-bottom {

            padding: 30px 0;

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

        }



        .wrapfooter .copyright {

            color: #64748b;

            font-size: 0.9rem;

            margin-bottom: 0;

        }



        .wrapfooter .bottom-links a {

            color: #64748b;

            text-decoration: none;

            font-size: 0.85rem;

            margin-left: 20px;

            transition: color 0.3s ease;

        }



        .wrapfooter .bottom-links a:hover {

            color: var(--theme-color);

        }



        /* Media Queries */

        @media (max-width: 1200px) {

            .wrapfooter .container { max-width: 1140px; }

        }



        @media (max-width: 1000px) {

            .wrapfooter .footer-main { padding-bottom: 60px; }

        }



        @media (max-width: 992px) {

            .wrapfooter section { padding: 3rem 0; }

            .wrapfooter .footer-reveal { margin-bottom: 20px; }

        }



        @media (max-width: 768px) {

            .wrapfooter .footer-heading { font-size: 1.1rem !important; margin-bottom: 20px; }

            .wrapfooter p { font-size: 0.95rem !important; }

            .wrapfooter .col-md-6 { width: 100% !important; }

            .wrapfooter .footer-wrapper { padding-top: 60px; }

            .wrapfooter .brand-desc { max-width: 100%; }

        }



        @media (max-width: 576px) {

            .wrapfooter h4 { font-size: 1.05rem !important; }

            .wrapfooter .btn { width: auto; }

            .wrapfooter .container { padding-left: 20px; padding-right: 20px; }

            .wrapfooter .bottom-links { margin-top: 10px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }

            .wrapfooter .bottom-links a { margin-left: 0; }

            .wrapfooter .logo-text { font-size: 1.3rem !important; }

            .wrapfooter .footer-main { padding-bottom: 40px; }

        }