:root {
             --navy-blue: #2A3486;
             --magenta-pink: #E91E8C;
             --white: #FFFFFF;
             --light-gray: #F5F5F5;
             --dark-gray: #434343;
             --darker-gray: #232628;
             --text-gray: #666666;
             --border-gray: #E0E0E0;
         }

         .footer {
             background-color: var(--white);
             padding: 0;
             margin: 0;
         }

         .footer-top {
             background-color: var(--light-gray);
             padding: 50px 0 40px;
         }

         .footer-logo-section {
             margin-bottom: 20px;
         }

         .footer-logo {
             max-width: 200px;
             margin-bottom: 15px;
         }

         .footer-tagline {
             color: var(--text-gray);
             text-decoration: none;
             transition: color 0.3s ease;
             font-family: Montserrat;
             font-weight: 400;
             font-size: 16.75px;
             text-transform: capitalize;

         }

         .footer-column h5 {
             color: var(--navy-blue);
             margin-bottom: 20px;
             font-weight: 700;
             font-size: 17.94px;
             line-height: 100%;
             text-transform: uppercase;
             text-decoration: underline;
         }

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

         .footer-column ul li {
             margin-bottom: 5px;
         }

         .footer-column ul li a {
             color: var(--text-gray);
             text-decoration: none;
             transition: color 0.3s ease;
             font-family: Montserrat;
             font-weight: 400;
             font-size: 14.75px;
             text-transform: unset;
         }

         .footer-column ul li a:hover {
             color: var(--navy-blue);
         }

         .footer-column ul li {
             color: var(--text-gray);
             text-decoration: none;
             transition: color 0.3s ease;
             font-family: Montserrat;
             font-weight: 400;
             font-size: 14.75px;
             text-transform: unset;
         }

         .footer-column ul li:hover {
             color: var(--navy-blue);
         }

         .footer-column p {
             color: var(--text-gray);
             text-decoration: none;
             transition: color 0.3s ease;
             font-family: Montserrat;
             font-weight: 400;
             font-size: 14.75px;
             text-transform: unset;
         }

         .footer-logo-section_first p {
             color: var(--text-gray);
             text-decoration: none;
             transition: color 0.3s ease;
             font-family: Montserrat;
             font-weight: 400;
             font-size: 14.75px;
             text-transform: unset;
         }

         .footer-social-icons {
             display: grid;
             grid-template-columns: repeat(3, 36px);
             gap: 10px;
             margin-top: 20px;
             justify-content: start;
         }

         .footer-social-icons a {
             width: 36px;
             height: 36px;
             border-radius: 50%;
             background-color: var(--navy-blue);
             display: flex;
             align-items: center;
             justify-content: center;
             color: var(--white);
             text-decoration: none;
             transition: all 0.3s ease;
             font-size: 16px;
         }

         /* Hover colors by order */
         .footer-social-icons a:nth-child(1):hover {
             background-color: #0A66C2;
             /* LinkedIn */
         }

         .footer-social-icons a:nth-child(2):hover {
             background-color: #25D366;
             /* WhatsApp */
         }

         .footer-social-icons a:nth-child(3):hover {
             background-color: #1877F2;
             /* Facebook */
         }

         .footer-social-icons a:nth-child(4):hover {
             background: linear-gradient(45deg,
                     #405DE6,
                     /* Blue */
                     #5851DB,
                     /* Indigo */
                     #833AB4,
                     /* Purple */
                     #C13584,
                     /* Pink */
                     #E1306C,
                     /* Rose */
                     #F56040,
                     /* Orange */
                     #FCAF45
                     /* Yellow */
                 );

             /* Instagram */
         }

         /* .footer-social-icons a:hover {
             background-color: var(--magenta-pink);
             transform: translateY(-3px);
         } */

         .footer-bottom {
             background-color: var(--navy-blue);
             padding: 20px 0;
             text-align: center;
         }

         .footer-bottom p {
             margin: 0;
             color: var(--white);
             font-size: 13px;
             font-weight: 400;
         }

         /* Responsive */
         @media (max-width: 992px) {
             .footer-top {
                 padding: 40px 0 30px;
             }

             .footer-column {
                 margin-bottom: 30px;
             }

             .footer-logo-section {
                 text-align: center;
             }

             .footer-tagline {
                 margin: 0 auto;
             }

             .footer-social-icons {
                 justify-content: center;
             }
         }

         @media (max-width: 768px) {
             .footer-column h5 {
                 font-size: 13px;
                 margin-bottom: 15px;
             }

             .footer-column ul li a,
             .footer-column p {
                 font-size: 12px;
             }

             .footer-bottom p {
                 font-size: 12px;
             }
         }