html,
 body {
     min-height: 100%;
     margin: 0;
     padding: 0;
     position: relative;
     scroll-behavior: smooth;
 }

 html::-webkit-scrollbar,
 body::-webkit-scrollbar {
     display: none;
 }

 html,
 body {
     -ms-overflow-style: none;
     scrollbar-width: none;
 }


 li {
     margin-bottom: 0;
     font-size: 18px;
 }

 p {
     margin-bottom: 0;
     font-size: 18px;
 }

 .biggerh1 {
     font-size: 130px;
     letter-spacing: -0.01em;
     font-weight: 600;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Montserrat", sans-serif;
 }

 h1 {
     font-size: 58px;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 h2 {
     font-size: 54px;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 h3 {
     font-size: 42px;
     letter-spacing: -0.01em;
 }

 h4 {
     font-size: 30px;
     letter-spacing: -0.01em;
 }

 h5 {
     font-size: 24px;
     letter-spacing: -0.01em;
 }

 h6 {
     font-size: 16px;
 }

 .section-padding {
     padding: 100px 0;
 }

 .mb-80 {
     margin-bottom: 80px;
 }

 .mb-30 {
     margin-bottom: 30px;
 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .mb-20 {
     margin-bottom: 20px;
 }

 .mt-40 {
     margin-top: 40px;
 }

 .mt-30 {
     margin-top: 30px;
 }






 .hero_section_img {
     background-image: url(../upload/home/hero-img.svg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100dvh;
     object-fit: cover;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }


 .hero_section_content h6 {
     font-weight: 500;
     color: #7c7c7c;
     margin-bottom: 40px;
 }

 .hero_section_content h6::after {
     content: "";
     width: 15%;
     height: 1px;
     background-color: #7c7c7c;
     display: block;
     margin-top: 20px;
 }

 .hero_section_content h1 {
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     font-style: normal;
     color: #000;
     margin-bottom: 40px;
 }

 .hero_section_content p {
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.03em;
     font-style: normal;
     color: #000;
     max-width: 600px;
 }

 .get-started-free-btn {
     background-color: #000;
     color: #fff;
     padding: 10px 20px;
     border-radius: 50px;
     font-size: 16px;
     font-weight: 500;
     display: inline-block;
     margin-top: 40px;
     transition: all 0.3s ease;
     text-decoration: none;
     cursor: pointer;
 }

 .get-started-free-btn:hover {
     background-color: #fff;
     color: #000;
     border: 1px solid #000 !important;
     transition: all 0.3s ease;
     transform: translateY(-5px);
 }

 /* Login Page Styles */
 .login-section {
     min-height: 100vh;
     overflow-x: hidden;
     display: flex;
     align-items: stretch;
     background-color: #fff;
 }

 .login-img-side {
     height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #fff;
     padding: 50px;
 }

 .login-img-side img {
     max-width: 100%;
     max-height: 90%;
     object-fit: contain;
 }

 .login-form-side {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 40px;
 }

 .login-logo {
     margin-bottom: 50px;
 }

 .login-form-wrapper {
     width: 100%;
     max-width: 640px;
 }

 .login-header h2 {
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 8px;
     color: #000;
 }

 .login-header p {
     color: #999;
     font-size: 14px;
     margin-bottom: 40px;
 }


 .form-label {
     font-size: 12px;
     font-weight: 600;
     color: #333;
     margin-bottom: 8px;
     display: block;
 }

 .form-control {
     height: 48px;
     padding: 0 20px;
     border-radius: 8px;
     border: none;
     font-size: 14px;
     transition: all 0.3s ease;
     background-color: #ebf2ff;
     /* Light blue tint from screenshot */
     color: #333;
 }

 .form-control::placeholder {
     color: #7c7c7c;
     font-size: 13px;
 }

 .form-control:focus {
     border-color: #ddd;
     background-color: #e2ebfc;
     box-shadow: none;
 }

 .forgot-link {
     font-size: 11px;
     color: #999;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .forgot-link:hover {
     color: #000;
 }

 .social-login-group {
     margin-top: 40px;
     padding-top: 30px;
 }

 .social-btns {
     display: flex;
     gap: 15px;
     margin-top: 20px;
 }

 .social-btn {
     flex: 1;
     height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     border: 1px solid #CCC;
     border-radius: 10px;
     background: #fff;
     color: #000;
     font-size: 13px;
     font-weight: 500;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .social-btn:hover {
     background: #fdfdfd;
     border-color: #ddd;
     transform: translateY(-1px);
 }

 .login-footer {
     margin-top: 40px;
     text-align: center;
     font-size: 13px;
     color: #7c7c7c;
 }

 .login-footer a {
     color: #000;
     font-weight: 700;
     text-decoration: none;
 }




 /* all Section header css */
 .title_area h6 {
     font-weight: 500;
     color: #7c7c7c;
     display: inline-block;
 }

 .title_area h6::after {
     content: "";
     width: 100%;
     height: 1px;
     background-color: #7c7c7c;
     display: block;
     margin-top: 20px;
 }

 .title_area h2 {
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     font-style: normal;
     color: #000;
     margin-bottom: 40px;
 }

 .title_area h4 {
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     font-style: normal;
     color: #000;
     margin-bottom: 40px;
 }

 .get-free-qr-code-btn {
     background-color: #fff;
     color: #000;
     border: 1px solid #000 !important;
     padding: 10px 20px;
     border-radius: 50px;
     font-size: 16px;
     font-weight: 500;
     display: inline-block;
     transition: all 0.3s ease;
     text-decoration: none;
     cursor: pointer;
 }

 .get-free-qr-code-btn:hover {
     background-color: #000;
     color: #fff;
     border: 1px solid #000 !important;
     transition: all 0.3s ease;
     transform: translateY(-5px);
 }






 /* Feature Cards */
 .feature-card {
     background-color: #f1f2f2;
     padding: 50px 30px 40px;
     border-radius: 0px;
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     border: 1px solid transparent;
     display: flex;
     flex-direction: column;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }

 .feature-card::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 0;
     background-color: #000000;
     transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
     z-index: -1;
 }

 .feature-card:hover {
     transform: translateY(-10px);
 }

 .feature-card:hover::before {
     height: 100%;
 }

 .feature-card:hover .feature-content h5 {
     color: #FFFFFF !important;
 }

 .feature-card:hover .feature-content p {
     color: #BBBBBB !important;
 }

 .feature-card .feature-content h5,
 .feature-card .feature-content p {
     transition: all 0.3s ease;
 }

 .feature-icon-wrapper {
     width: 60px;
     height: 60px;
     background-color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     color: #000;
     margin-bottom: 30px;
 }

 .feature-content h5 {
     font-weight: 700;
     margin-bottom: 20px;
     color: #000;
 }

 .feature-content p {
     color: #555;
     line-height: 1.6;
     margin-bottom: 30px;
 }

 .feature-text {
     font-size: 15px;
     color: #555;
     line-height: 1.6;
     margin-bottom: 30px;
 }

 .card-footer-img {
     margin-top: auto;
     text-align: center;
     padding-top: 30px;
 }

 .card-footer-img img {
     max-width: 100%;
     height: auto;
 }

 .col-lg-3:last-child .feature-card {
     border-top-right-radius: 100px;
 }

 .col-lg-3:first-child .feature-card {
     border-bottom-left-radius: 100px;
 }




























 /* Modern Side-by-Side QR Generator */
 .qr-generator-modern {
     background-color: #FFFFFF;
 }

 .modern-card {
     background-color: #f1f2f2;
     border-radius: 24px;
     padding: 40px;
     border: 1px solid #f1f2f5;
 }

 .modern-input {
     border-radius: 12px !important;
     padding: 15px !important;
     border: 1px solid #000 !important;
     resize: none;
     font-size: 15px !important;
     color: #000 !important;
 }

 .modern-input:focus {
     border-color: #000000 !important;
 }

 .modern-input::placeholder {
     color: #a3a2a2 !important;
 }

 .modern-generate-btn {
     background-color: #000000;
     color: #fff;
     border: none;
     border-radius: 12px;
     height: 55px;
     font-weight: 600;
     font-size: 16px;
     transition: all 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.2s ease;
 }

 .modern-generate-btn:hover {
     background-color: #f1f2f2;
     color: #000000;
     border: 1px solid #000000;
     transform: translateY(-2px);
 }

 .qr-display-box-modern {
     background-color: #f8f9fb;
     border-radius: 16px;
     padding: 30px;
     width: 100%;
     border: 1px solid #edf0f5;
 }

 #qrcode img {
     margin: 0 auto;
     max-width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .modern-action-btn {
     background-color: #FFFFFF;
     color: #000000;
     border: 1px solid #000000;
     border-radius: 10px;
     height: 50px;
     font-weight: 600;
     transition: all 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }

 .modern-action-btn:hover {
     background-color: #000000;
     border-color: #000000;
     color: #fff;
 }

 @media (max-width: 767px) {
     .modern-card {
         padding: 30px 20px;
     }
 }

 .download-menu-modern {
     position: absolute;
     /* bottom: calc(100% + 10px); */
     left: 0;
     width: 100%;
     background: #ffffff;
     border: 1px solid #e0e7ff;
     border-radius: 12px;
     z-index: 100;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
     overflow: hidden;
 }

 .download-menu-item {
     width: 100%;
     padding: 12px 20px;
     background: none;
     border: none;
     color: #333;
     cursor: pointer;
     text-align: left;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #f1f5f9;
     transition: 0.2s;
     font-weight: 500;
 }

 .download-menu-item:last-child {
     border-bottom: none;
 }

 .download-menu-item:hover {
     background-color: #f8f9fb;
     color: #000000;
 }

 .download-menu-item .icon {
     font-size: 16px;
     color: #000000;
 }

 .result-area {
     margin-top: 2.5rem;
     display: none;
     opacity: 0;
     transition: opacity 0.5s ease-in;
     text-align: center;
 }

 .qr-container {
     background: #fff;
     padding: 1.5rem;
     border-radius: 20px;
     display: inline-block;
     margin-bottom: 2rem;
     border: 1px solid #e0e7ff;
     position: relative;
 }

 .qr-container canvas,
 .qr-container img {
     display: block;
     margin: 0 auto;
     max-width: 200px;
     height: auto;
 }

 .action-btns {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
 }

 .btn-secondary {
     background-color: #FFFFFF;
     border: 1px solid #000000;
     padding: 0.8rem;
     border-radius: 10px;
     color: #000000;
     cursor: pointer;
     transition: 0.2s ease;
     font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
     font-size: 15px;
     height: 50px;
     width: 100%;
 }

 .btn-secondary:hover {
     background-color: #000000;
     color: #ffffff;
 }
























 /* Pricing Section Styles */
 .pricing-section {
     background-color: #f7f9fc;
 }

 .pricing-card {
     background: #ffffff;
     border-radius: 28px;
     padding: 40px 30px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
     border: none;
     transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     height: 100%;
     display: flex;
     flex-direction: column;
     position: relative;
     overflow: hidden;
 }

 .pricing-card:hover {
     transform: translateY(-8px);
 }

 .pricing-card.highlighted {
     background: #ffffff;
     border: 1px solid #000000;
     transform: scale(1.05);
     z-index: 2;
     padding-top: 60px;
 }

 .popular-tag {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #000000;
     color: #ffffff;
     text-align: center;
     padding: 12px 0;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.3px;
     z-index: 10;
 }



 .pricing-header h4 {
     font-weight: 800;
     color: #111827;
     margin-bottom: 20px;
 }

 .pricing-header p {
     line-height: 1.6;
     color: #6b7280;
     margin-bottom: 20px;
 }

 .price-box {
     margin-bottom: 25px;
     display: flex;
     align-items: baseline;
 }

 .price-box .currency {
     font-size: 26px;
     font-weight: 600;
     color: #111827;
     margin-left: 5px;
 }

 .price-box .price {
     font-size: 52px;
     font-weight: 600;
     color: #111827;
     letter-spacing: -2px;
 }

 .price-box .duration {
     font-size: 13px;
     color: #9ca3af;
     font-weight: 600;
     margin-left: 5px;
 }

 .btn-pricing-primary {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     padding: 14px 20px;
     background-color: #1a237e;
     color: #ffffff;
     border-radius: 50px;
     font-weight: 600;
     font-size: 14px;
     text-decoration: none;
     transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
     margin-bottom: 35px;
     border: none;
 }

 .btn-pricing-primary:hover {
     background-color: #0d1245;
     color: #ffffff;
     transform: scale(1.03);
 }


 .btn-pricing-outline {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     padding: 10px 20px;
     background-color: transparent;
     color: #000000;
     border-radius: 50px;
     font-weight: 600;
     font-size: 14px;
     text-decoration: none;
     transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
     border: 1px solid #000000;
     margin-bottom: 30px;
 }

 .btn-pricing-outline:hover {
     background-color: #000000;
     color: #FFFFFF;
     border-color: #000000;
     transform: scale(1.03);
 }

 .pricing-features {
     padding-top: 10px;
 }

 .pricing-features h6 {
     font-weight: 500;
     color: #111827;
     margin-bottom: 20px;
 }

 .pricing-features ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .pricing-features ul li {
     color: #4b5563;
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     font-weight: 500;
 }

 .pricing-features ul li i {
     width: 22px;
     font-size: 15px;
     text-align: center;
     color: #9ca3af;
 }

 /* Icon specific colors for headings */
 .pricing-header .fa-bolt {
     color: #3b5bdb;
 }

 /* Core Icon */
 .pricing-header .fa-fire {
     color: #9c27b0;
 }

 /* Advanced Icon */
 .pricing-header .fa-cube {
     color: #6b7280;
 }

 /* Basic Icon */

 /* ================================================
   CONTACT CTA SECTION
================================================ */
 .contact-cta-section {
     background-color: #000000;
     padding: 80px 0;
     position: relative;
     overflow: hidden;
 }

 /* Subtle background texture */
 .contact-cta-section::before {
     content: "";
     position: absolute;
     top: -60px;
     right: -60px;
     width: 320px;
     height: 320px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.04);
     pointer-events: none;
 }

 .contact-cta-section::after {
     content: "";
     position: absolute;
     bottom: -80px;
     left: -40px;
     width: 260px;
     height: 260px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.03);
     pointer-events: none;
 }

 .contact-cta-content h6 {
     font-size: 13px;
     font-weight: 700;
     color: #9ca3af;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     margin-bottom: 18px;
 }

 .contact-cta-content h6::after {
     content: "";
     display: block;
     width: 40px;
     height: 1px;
     background: #9ca3af;
     margin-top: 10px;
 }

 .contact-cta-content h2 {
     font-size: 42px;
     font-weight: 700;
     color: #ffffff;
     line-height: 1.2;
     letter-spacing: -0.02em;
     margin-bottom: 20px;
 }

 .contact-cta-content p {
     font-size: 15px;
     color: #9ca3af;
     line-height: 1.7;
     max-width: 560px;
     margin: 0;
 }

 .contact-cta-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 16px 36px;
     background-color: #ffffff;
     color: #000000;
     border-radius: 50px;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
     white-space: nowrap;
     border: 2px solid #ffffff;
 }

 .contact-cta-btn:hover {
     background-color: transparent;
     color: #ffffff;
     border-color: #ffffff;
     transform: translateY(-4px);
     box-shadow: 0 12px 30px rgba(255, 255, 255, 0.12);
 }

 @media (max-width: 991px) {
     .contact-cta-content h2 {
         font-size: 32px;
     }

     .contact-cta-section {
         padding: 60px 0;
     }
 }

 @media (max-width: 767px) {
     .contact-cta-content h2 {
         font-size: 26px;
     }
 }

 /* ================================================
   FOOTER
================================================ */
 .site-footer {
     background-color: #0a0a0a;
     color: #ffffff;
     font-family: "Montserrat", sans-serif;
 }

 /* ── Brand strip ── */
 .footer-brand-strip {
     padding: 70px 0 50px;
 }

 .footer-brand-text h2 {
     font-weight: 700;
     color: #ffffff;
     line-height: 1.25;
     letter-spacing: -0.02em;
     margin-bottom: 10px;
 }

 .footer-brand-text p {
     color: #6b7280;
     margin: 0;
 }

 .footer-cta-primary {
     display: inline-flex;
     align-items: center;
     padding: 13px 28px;
     background: #ffffff;
     color: #000000;
     border-radius: 50px;
     font-size: 14px;
     font-weight: 700;
     text-decoration: none;
     transition: all 0.3s ease;
     border: 2px solid #ffffff;
     white-space: nowrap;
 }

 .footer-cta-primary:hover {
     background: transparent;
     color: #ffffff;
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(255, 255, 255, 0.10);
 }

 .footer-cta-outline {
     display: inline-flex;
     align-items: center;
     padding: 13px 28px;
     background: transparent;
     color: #ffffff;
     border-radius: 50px;
     font-size: 14px;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
     border: 1.5px solid #333333;
     white-space: nowrap;
 }

 .footer-cta-outline:hover {
     background: #ffffff;
     color: #000000;
     border-color: #ffffff;
     transform: translateY(-3px);
 }

 /* ── Divider ── */
 .footer-divider {
     height: 1px;
     background: #FFFFFF;
     margin: 0;
 }

 /* ── Main columns ── */
 .footer-main {
     padding: 60px 0 50px;
 }

 /* Brand column */
 .footer-logo {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     text-decoration: none;
     margin-bottom: 20px;
 }

 .footer-logo-icon {
     width: 42px;
     height: 42px;
     background: #ffffff;
     color: #000000;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     flex-shrink: 0;
 }

 .footer-logo-name {
     font-size: 20px;
     font-weight: 800;
     color: #ffffff;
     letter-spacing: -0.5px;
 }

 .footer-logo-name span {
     color: #9ca3af;
 }

 .footer-brand-desc p {
     color: #6b7280;
     line-height: 1.7;
     margin-bottom: 24px;
 }

 .footer-social-links {
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
 }

 .footer-social-icon {
     width: 38px;
     height: 38px;
     background: #1a1a1a;
     color: #9ca3af;
     border: 1px solid #2a2a2a;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .footer-social-icon:hover {
     background: #ffffff;
     color: #000000;
     border-color: #ffffff;
     transform: translateY(-3px);
 }

 /* Links columns */
 .footer-col-title h6 {
     font-weight: 500;
     color: #ffffff;
     letter-spacing: 1.8px;
     text-transform: uppercase;
     margin-bottom: 22px;
     position: relative;
     padding-bottom: 12px;
 }

 .footer-col-title h6::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 24px;
     height: 2px;
     background: #ffffff;
     border-radius: 2px;
 }

 .footer-links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer-links li {
     margin-bottom: 12px;
 }

 .footer-links li a {
     color: #6b7280;
     text-decoration: none;
     transition: all 0.25s ease;
     position: relative;
     padding-left: 0;
 }

 .footer-links li a::before {
     content: "→";
     position: absolute;
     left: -18px;
     opacity: 0;
     transition: all 0.25s ease;
     font-size: 18px;
 }

 .footer-links li a:hover {
     color: #ffffff;
     padding-left: 18px;
 }

 .footer-links li a:hover::before {
     opacity: 1;
     left: 0;
 }

 /* Newsletter */
 .footer-col-title p {
     color: #6b7280;
     line-height: 1.6;
     margin-bottom: 18px;
 }

 .footer-newsletter-form {
     display: flex;
     align-items: center;
     background: #1a1a1a;
     border: 1px solid #FFF;
     border-radius: 50px;
     overflow: hidden;
     padding: 4px 4px 4px 16px;
     transition: border-color 0.3s;
 }

 .footer-newsletter-form:focus-within {
     border-color: #555;
 }

 .footer-newsletter-input {
     flex: 1;
     background: transparent;
     border: 0px solid #ddd !important;
     outline: none;
     color: #ffffff;
     font-size: 13px;
     font-family: "Montserrat", sans-serif;
     padding: 6px 0;
     margin-bottom: 0 !important;
 }

 .footer-newsletter-input::placeholder {
     color: #4b5563;
 }

 .footer-newsletter-btn {
     width: 38px;
     height: 38px;
     background: #ffffff;
     color: #000000;
     border: none;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     cursor: pointer;
     transition: all 0.3s ease;
     flex-shrink: 0;
 }

 .footer-newsletter-btn:hover {
     background: #e5e7eb;
     transform: scale(1.08);
 }

 /* ── Bottom bar ── */
 .footer-bottom-bar {
     border-top: 1px solid #FFFFFF;
     padding: 22px 0;
 }

 .footer-copyright {
     color: #4b5563;
     margin: 0;
 }

 .footer-copyright a {
     color: #9ca3af;
     text-decoration: none;
     transition: color 0.2s;
 }

 .footer-copyright a:hover {
     color: #ffffff;
 }

 .footer-bottom-link {
     font-size: 18px;
     color: #4b5563;
     text-decoration: none;
     transition: color 0.2s;
 }

 .footer-bottom-link:hover {
     color: #ffffff;
 }

 @media (max-width: 767px) {
     .footer-brand-strip {
         padding: 50px 0 40px;
     }

     .footer-brand-text h2 {
         font-size: 24px;
     }

     .footer-main {
         padding: 40px 0 30px;
     }
 }