body {
   margin: 0;
   font-family: Arial, sans-serif;
    padding: 0;
    line-height: 1.6;
    color: #333;
 }
	.top-bar{
		background:#0b1e78;
		color:#fff;
		padding:8px 40px;
		display:flex;
		justify-content:space-between;
		align-items:center;
		font-size:14px;
		}
	.top-bar span{
		 margin-left:15px;
	}	
	*{
		margin:0;
		padding:0;
		box-sizing:border-box;
		font-family: Arial, Helvetica, sans-serif;
	}
	.sendEmail a{
		  color:white;
		  text-decoration:none; 
	  }

	 /* HEADER MAIN */
	.header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:15px 40px;
		background:#fff;
	}
	.logo{
		display:flex;
		align-items:center;
	}
	.logo h1{
		 color:#e21b1b;
		 font-size:28px;
	 }
	 .contact-info{
		 display:flex;
		 gap:40px;
		 font-size:14px;
	 }
	.contact-info a{
		 color:#e21b1b;
		 text-decoration:none;
		 font-weight:bold;
	}
	   /* NAVBAR */
	   
	.navbar{
		background:#e21b1b;
		padding:20px 0;
		position: sticky;
		top: 0;
		z-index: 1000;	
	}
	.navbar ul{
		 list-style:none;
		 display:flex;
		 justify-content:center;
		 gap:40px;
	}
	.navbar ul li a{
		 color:#fff;
		 text-decoration:none;
		 font-weight:bold;
	}
	.navbar ul li a:hover{
	}
	.call{
		display:flex;
	} 
	.hamburger {
		display: none;
		font-size: 20px;
		color: #fff;
		cursor: pointer;
	}

	.nav-links {
		  display: none;
	}
	/* HEADER MAIN */
	.header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:15px 40px;
		background:#fff;
	}
	.logo{
		display:flex;
		align-items:center;
	}
	.logo h1{
		 color:#e21b1b;
		 font-size:28px;
	 }
	.contact-info{
		 display:flex;
		 gap:40px;
		 font-size:14px;
	 }
	.contact-info a{
		 color:#e21b1b;
		 text-decoration:none;
		 font-weight:bold;
	}
	   /* NAVBAR */
	   
	.navbar{
		background:#e21b1b;
		padding:20px 0;
		position: sticky;
		top: 0;
		z-index: 1000;	
	}
	.navbar ul{
		 list-style:none;
		 display:flex;
		 justify-content:center;
		 gap:40px;
	}
	.navbar ul li a{
		 color:#fff;
		 text-decoration:none;
		 font-weight:bold;
	}
	.navbar ul li a:hover{
	}
	.call{
		display:flex;
	}

	.about-area{
		display:flex;
		flex-direction:column;
	}
	.container {
		margin: 0 auto;
		display: flex;
		gap: 30px;
		justify-content:space-evenly;
	}
	.main-content {
		width:70%;
		margin-top:15px;
	}4
	h2 {
		font-weight: normal;
		margin-bottom: 10px;
	}
	.breadcrumb {
		font-size: 14px;
		color: #999;
		padding: 10px;
		background: #eee;
		margin-top: 10px;
		margin-bottom:10px;
		border-radius: 2px;
	}
	.breadcrumb a {
		color: #999;
		text-decoration: none;
	}
	.breadcrumb a:hover {
		text-decoration: underline;
	}
	p {
		line-height: 1.6;
		margin-bottom: 1.2em;
		text-align: justify;
	  }
	.sidebar {
		border: 1px solid #ddd;
		padding: 15px;
		font-size: 14px;
		height:220px;
		margin-top:20px;
	  }
	.sidebar h3 {
		color: #c00;
		font-weight: bold;
		margin-top: 0;
		border-bottom: 2px solid #c00;
		padding-bottom: 5px;
	 }
	  .sidebar .products ul,
	  .sidebar .contact ul {
		list-style: none;
		padding-left: 0;
		margin-top: 10px;
	  }
	  .sidebar .products li,
	  .sidebar .contact li {
		font-weight: bold;
		margin-bottom: 10px;
		cursor: pointer;
	  }
	  .sidebar .products li::after {
		content: '+';
		float: right;
		font-weight: normal;
		color: #666;
	  }
	  .sidebar .contact {
		padding-top: 10px;
	  }
	.contact p {
	  border-bottom: 1px dotted gray;
	  padding-top:3px;
	  padding-bottom:3px;
		margin: 10px 0 5px 0;
    
	}
	.contact a {
		color: #c00;
		text-decoration: none;
		font-weight: bold;
	}
	.contact a:hover {
		text-decoration: underline;
	}
	.info-table {
      width: 100%;
      max-width: 800px;
      border-collapse: collapse;
   }

	.info-table td {
       border: 1px solid #dcdcdc;
       padding: 12px 15px;
      font-size: 14px;
	}
	.info-table td:first-child {
		width: 35%;
        font-weight: bold;
        background-color: #f5f5f5;
        text-align: center;
	}
	.info-table td:last-child {
        width: 65%;
        background-color: #ffffff;
   }		
/* Bottom */		
	.footer {
		background: #1b239b;
		color: #fff;
		position: relative;
		margin-top:30px;
	}
	.footer-bottom {
		text-align: center;
		font-size: 14px;
		border-top: 1px solid rgba(255,255,255,0.3);
		padding: 15px;
	}
	.whatsapp-float {
	  position: fixed;
	  bottom: 45px;
	  right: 20px;
	  width: 55px;
	  height: 55px;
	  background: #25d366;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  z-index: 9999;
	  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
	  animation: float 2s ease-in-out infinite;
	}

	.whatsapp-float img {
	  width: 32px;
	}	
	
	@keyframes float {
	0% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}
	@media (max-width: 768px) {
		.info-table {
			width: 100%;
			font-size: 13px;
			padding:5px 10px;
		}

		.info-table td {
			display: block;
			width: 100%;
			text-align: left;
		}

		.info-table td:first-child {
			background-color: #f0f0f0;
			text-align: left;
			font-weight: bold;
			width: 100%;
		}

		.info-table td:last-child {
			margin-bottom: 10px;
			width: 100%;
		}
	
		.container {
			flex-direction: column;
			padding:15px;	
		}

		.main-content,
		.sidebar {
			width: 100%;
		}

		.breadcrumb {
			font-size: 13px;
		}

		p {
			font-size: 14px;
			text-align: left;
		}
	
		.top-bar {
			text-align: center;
			gap: 5px;
			justify-content:space-evenly;
		  }
		.sidebar {
			display:flex;
			flex-direction:column;
			height: auto;
			}

		.sidebar h3 {
			font-size: 16px;
			padding-bottom: 6px;
			}

		.sidebar .products li,
		.sidebar .contact li {
			font-size: 15px;
			margin-bottom: 12px;
			}
		.sidebar .products li::after {
			font-size: 18px;
			}

		.contact p {
			font-size: 14px;
			padding: 6px 0;
			}

		.contact a {
			display: inline-block;
			margin-top: 5px;
			}
	}

	/* Hamburger Icon */
		  
	@media (max-width: 768px) {
		.nav-links {
			display: none;
			flex-direction: column;
			width: 100%;
			background: #e60000;
			text-align: center;
		}
		.nav-links a {
			padding: 12px;
			color:#fff;
			text-decoration:none;
			border-top: 1px solid #fff;
		}

		.hamburger {
			display: block;
			cursor:pointer;
		}
		.nav-links.active {
			display: flex;
		}
		 header {
			text-align: center;
		}
		
	}

	@media (max-width: 768px) {
	  .sendEmail{
		  display:none;
	  }
	  .navbar{
		 display:none; 
	  }

	  .header {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	  }

	  .contact-info {
		flex-direction: column;
		gap: 15px;
	  }
	  .contact-info a{
		color:#e21b1b;
		text-decoration:none;
		font-weight:bold;
		}
	  .call {
		justify-content: center;
	  }
	  .logo h1 {
		font-size: 24px;
	  }
	  
	  
	}