/* General Reset */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: Arial, sans-serif;
 }

 body {
     background-color: #ffffff;
     line-height: 1.6;
     color: #333;
     font-size: 16px;
 }

 /* Top Bar */
 .top-bar {
     background-color: #003580;
     color: white;
     text-align: center;
     padding: 8px 10px;
     font-size: 14px;
 }

 /* Header Section */
 .header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 20px;
     background-color: #f9f9f9;
     border-bottom: 1px solid #ccc;
 }

 .logo {
     display: flex;
     align-items: center;
 }

 .logo img {
     height: 30px;
     margin-right: 10px;
 }

 .logo span {
     font-size: 24px;
     color: #003580;
     font-weight: bold;
 }

 /* Navigation */
 .nav {
     display: flex;
     align-items: center;
 }

 .nav a {
     text-decoration: none;
     color: #333;
     margin-right: 20px;
     font-weight: 500;
     position: relative;
 }

 .nav a:hover {
     color: #003580;
 }

 /* Dropdown */
 .dropdown {
     position: relative;
 }

 .dropdown-menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background-color: white;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
     border: 1px solid #ccc;
     z-index: 10;
     min-width: 200px;
 }

 .dropdown-menu a {
     display: block;
     padding: 10px;
     color: #333;
     text-decoration: none;
 }

 .dropdown-menu a:hover {
     background-color: #f2f2f2;
     color: #003580;
 }

 .dropdown:hover .dropdown-menu {
     display: block;
 }

 /* Cart and Search Icons */
 .icons {
     display: flex;
     align-items: center;
 }

 .icons .cart {
     position: relative;
     margin-right: 20px;
 }

 .icons .cart span {
     background-color: #003580;
     color: white;
     font-size: 12px;
     padding: 2px 5px;
     border-radius: 50%;
     position: absolute;
     top: -5px;
     right: -10px;
 }

 .icons .search {
     cursor: pointer;
     font-size: 18px;
 }




 /* -- Disclaimer Section -- */
 .disclaimer-section {
     background-color: #003399;
     /* Full-width background color */
     color: #ffffff;
     /* Text color */
     padding: 40px 0;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     margin-top: 60px;
 }

 /* Content Container */
 .disclaimer-section .container {
     max-width: 1140px;
     /* Similar to Bootstrap container */
     margin: 0 auto;
     padding: 0 15px;
     /* Padding for responsiveness */
     line-height: 1.6;
 }

 /* Text Styling */
 .disclaimer-section .container p {
     margin: 0;
     font-size: 15px;
     font-weight: 200;
     line-height: 2;
     letter-spacing: 0.5;
 }

 .disclaimer-section .container p strong {
     font-weight: bold;
 }

 /* Optional Divider */
 .disclaimer-section .divider {
     border-top: 1px solid #4d70a3;
     /* Lighter border for separation */
     margin: 10px 0;
 }

 /* -- ./Disclaimer Section -- */




 /* -- Footer Section -- */
 .footer {
     background-color: #f9f9f9;
     padding: 40px 0;
 }

 .footer .container {
     max-width: 1140px;
     /* Bootstrap-like container */
     margin: 0 auto;
     padding: 0 15px;
 }

 /* Footer Grid */
 .footer .footer-grid {
/*     display: grid;*/
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     /* Fixed spacing between columns */
 }

 /* Footer Headings */
 .footer h3 {
     font-size: 26px;
     /* Adjusted heading size */
     font-weight: 600;
     margin-bottom: 15px;
     color: #000;
 }

 .footer .footer-grid .col-1 {
     min-width: 320px;
     margin-right: 25px;
 }

 /* List Styling */
 .footer ul {
     list-style: none;
     padding: 0;
 }

 .footer ul li {
     margin-bottom: 8px;
     /* Spacing between list items */
 }

 .footer ul li a {
     font-size: 16px;
     color: #333;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .footer ul li a:hover {
     color: #007bff;
 }

 /* Social Icons */
 .footer .social-icons {
     display: flex;
     gap: 10px;
     margin-top: 15px;
 }

 .footer .social-icons svg {
     width: 36px;
     height: 36px;
     fill: #333;
     transition: fill 0.3s ease;
 }

 .footer .social-icons svg:hover {
     fill: #007bff;
 }

 /* Contact Info */
 .footer .contact-info p {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 10px;
     font-size: 16px;
 }

 .footer .contact-info svg {
     width: 36px;
     height: 36px;
     fill: #007bff;
 }

 /* BBB Image */
 .footer .bbb-image img {
     width: 250px;
     margin-top: 15px;
 }

 /* Payment Logos */
 .footer .payment-logos img {
     margin-top: 15px;
     width: 250px;
 }

 /* Footer Copyright Section */
 .footer-copyright {
     background-color: #003399;
     /* Deep blue background */
     color: #ffffff;
     /* White text color */
     text-align: center;
     padding: 10px 15px;
     /* Vertical and horizontal padding */
     font-size: 12px;
     /* Smaller font size */
     line-height: 1.5;
 }

 /* -- ./Footer Section -- */