body {
            background-color: #f5f5f5;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .container {
         
            padding: 0;
            margin: 0 auto;
        }
        .sidebar {
            background-color: #fff;
            padding: 10px;
            border-right: 1px solid #ddd;
            position: fixed;
            top: 0;
            left: -200px; /* Hidden by default on mobile */
           
            height: 100%;
            transition: left 0.3s ease;
            z-index: 1000;
        }
        .sidebar.active {
            left: 0; /* Show sidebar when active */
        }
        .main-content {
            padding: 10px 15px;
            margin-left: 0;
            transition: margin-left 0.3s ease;
        }
        .hamburger {
            display: none;
            font-size: 24px;
            background: none;
            border: none;
            padding: 8px;
            cursor: pointer;
            position: fixed;
            top: 0px;
            left: 10px;
            z-index: 1001;
        }
        .category-header {
            font-size: 16px;
            margin: 10px 0 5px;
            background-color: #e5e5e5;
            padding: 5px;
        }
        .sub-header {
            font-size: 14px;
            margin: 10px 0 5px;
        }
        .list-unstyled li {
            margin: 3px 0;
            font-size: 14px;
        }
        .logo {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 15px;
        }
        .category-column {
            padding: 0 10px;
        }
        .category-section {
            margin-bottom: 20px;
        }
        .carrier-details img {
            max-width: 200px;
            margin-bottom: 10px;
        }
        .carrier-details ul {
            list-style: none;
            padding: 0;
        }
        .carrier-details li {
            margin-bottom: 10px;
        }
        .carrier-description p {
            margin: 10px 0;
            line-height: 1.6;
        }
        .carrier-description ul {
            margin: 10px 0;
            padding-left: 20px;
        }
        .carrier-description li {
            margin-bottom: 5px;
            line-height: 1.6;
        }
		a.btn.btn-primary.header-btn {
			background: #090;
			border-color: #090;
		}
        @media (max-width: 767px) {
            .sidebar {
                width: 200px;
                padding: 10px;
            }
            .main-content {
                margin-left: 0;
                padding-top: 50px; /* Space for hamburger */
            }
            .hamburger {
                display: block;
                padding: 8px;
                top: 0px;
            }
            .sidebar.active + .main-content {
                margin-left: 200px;
            }
            .sidebar h3, .sidebar .sub-header, .sidebar .list-unstyled {
                font-size: 14px;
            }
            .logo {
                margin-left: 45px;
            }
            h3 {
                font-size: 18px;
            }
            .row {
                margin: 0px;
            }
        }
        @media (min-width: 768px) {
            .sidebar {
                position: static;
                left: 0;
 
                min-height: 100vh; /* Use min-height instead of height */
                height: auto; /* Allow content to dictate height */
            }
            .main-content {
                margin-left: 0;
                padding-top: 0; /* Remove top padding on desktop */
            }
            .hamburger {
                display: none;
            }
            .row {
                margin: 0; /* Reset any row margins */
            }
            .container {
                padding: 0 15px; /* Standard Bootstrap padding */
            }
			.left_bar{
					margin-top:100px;
			}
        }