:root {
       --footer-bg: #383838;
       --footer-text: #ffffff;
       --footer-muted: #cccccc;
       --footer-input-bg: rgba(255, 255, 255, 0.08);
   }

   .custom-dark-footer {
       background-color: var(--footer-bg);
       color: var(--footer-text);
       padding-top: 140px;
       padding-bottom: 25px;
       font-family: inherit;
   }

   .footer-main-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 40px;
       align-items: start;
   }

   .brand-logo-img {
       max-width: 100px;
   }

   .address-box {
       display: flex;
       gap: 12px;
       margin-top: 15px;
       text-align: center;
   }

   .address-icon {
       font-size: 25px;
       color: #ffffff;

   }

   .company-desc {
       color: #fff;
       font-size: 16px;
       line-height: 1.6;
       margin: 0;
   }

   .footer-heading {
       color: #ffffff;
       font-size: 22px;
       font-weight: 700;
       margin-bottom: 20px;
   }

   .footer-menu {
       list-style: none;
       padding: 0;
       margin: 0;
       display: flex;
       flex-direction: column;
       gap: 8px;
       margin-left: 20px;
   }

   .footer-menu li a {
       text-decoration: none;
       font-size: 15px;
       transition: color 0.2s ease;
       font-weight: 700;
   }

   .footer-menu li a:hover {
       color: #ff7324;
   }

   .newsletter-sub {
       font-size: 16px;
       color: #fff;
       margin-bottom: 15px;
   }

   .form-control-custom {
       color: #ffffff !important;

   }

   .form-control-custom::placeholder {
       color: #888888;
   }

   .btn-subscribe-custom {
       width: 100%;
       background: #ffffff;
       color: #1a1a1a;
       border: none;
       border-radius: 12px;
       padding: 10px 0;
       font-weight: 700;
       font-size: 14px;
       cursor: pointer;
       transition: background 0.2s ease;
   }

   .btn-subscribe-custom:hover {
       background: #f0f0f0;
   }

   .footer-horizontal-line {
       height: 1px;
       background: rgba(255, 255, 255, 0.15);
       margin: 40px 0 20px 0;
   }

   .footer-bottom {
       display: flex;
       justify-content: space-between;
       align-items: center;
       font-size: 13px;
   }

   .heart-icon {
       color: #ff4d4d;
   }

   .d-none {
       display: none !important;
   }

   .col-links-center {
       display: flex;
       flex-direction: column;
       align-items: center;
       text-align: left;
   }

   .col-links-center .footer-heading {
       width: fit-content;
   }

   .col-links-center .footer-menu {
       width: fit-content;
   }

   /* -------------------------------------------
   Mobile Styles 
------------------------------------------- */
   @media (max-width: 768px) {

       .custom-footer-top-card {
           margin-bottom: -30px;
       }

       .top-card-wrapper {
           flex-direction: column;
           gap: 15px;
           text-align: center;
           padding: 18px 20px;
       }

       .top-card-divider {
           width: 100%;
           height: 1px;
       }

       .top-card-item {
           flex-direction: column;
           gap: 8px;
       }

       .footer-main-grid {
           display: grid !important;
           grid-template-columns: 1fr 1fr !important;
           gap: 20px 15px !important;
           align-items: start;
           padding-top: 20px;
       }

       .col-logo-address .footer-logo {
           margin-bottom: 0 !important;
       }

       .brand-logo-img {
           max-width: 85px !important;
           margin-bottom: 15px;
       }


       .company-desc {
           font-size: 15px !important;
           line-height: 1.4 !important;
       }


       .col-newsletter .footer-heading {
           font-size: 15px !important;
           margin-bottom: 6px !important;
       }

       .newsletter-sub {
           font-size: 11px !important;
           margin-bottom: 10px !important;
           line-height: 1.3;
       }

       .form-control-custom {
           padding: 8px 12px !important;
           font-size: 12px !important;
           background: #e8f0fe !important;
           color: #1a1a1a !important;
           border-radius: 10px !important;
           border: none !important;
       }

       .form-control-custom::placeholder {
           color: #4a4a4a !important;
       }

       .btn-subscribe-custom {
           padding: 8px 0 !important;
           font-size: 13px !important;
           border-radius: 10px !important;
       }

       .col-links .footer-heading {
           font-size: 15px !important;
           margin-bottom: 8px !important;
       }

       .footer-menu {
           gap: 4px !important;
       }

       .footer-menu li a {
           font-size: 12px !important;
           line-height: 1.4;
       }

       .footer-horizontal-line {
           margin: 25px 0 15px 0 !important;
       }

       .footer-bottom {
           flex-direction: column !important;
           gap: 10px !important;
           text-align: center;
           font-size: 11px !important;
       }
   }