body {
           font-family: 'Roboto', sans-serif;
           background-color: #f5f5f5;
           color: #333;
       }
       p, a {font-weight: 300;}
       
       .navbar-fixed {
           background-color: #9f2716;
       }
       .navbar-fixed a {
           color: white !important;
           text-transform: uppercase;
           font-size: 0.9rem;
           font-weight: 500;
       }
       .navbar-fixed a:hover {
           color: #e0e0e0 !important;
       }
       .container {
           max-width: 1200px;
       }
       .hero {
           background-color: #060606;
           color: white;
           padding: 80px 0;
           text-align: center;
       }
       .hero h1 {
           font-size: 2.5rem;
           margin-bottom: 20px;
       }
       h5{text-align: center;}
       .hero p {
           margin-bottom: 40px;
           max-width: 600px;
           margin-left: auto;
           margin-right: auto;
           
       }
       .btn-hero {
           background-color: white;
           color: #9f2716;
           border-radius: 30px;
           padding: 12px 30px;
       }
       .section-title {
           text-align: center;
           margin: 40px 0;
           font-size: 2rem;
       }
       .service-card {
           margin-bottom: 30px;
           background-color: #fff;
           border-radius: 5px;
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
           padding: 20px;
           text-align: center;
       }
       .orange-icon {
           color: #FF5722;
           font-size: 2rem;
           margin-bottom: 15px;
       }
       .norm-circle {
           width: 100px;
           height: 100px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 15px;
           color: white;
           font-weight: bold;
       }
       .circle-blue {
           background-color: #1e2977;
       }
       .circle-green {
           background-color: #2e7d32;
       }
       .circle-orange {
           background-color: #FF5722;
       }
       .circle-red {
           background-color: #c62828;
       }
       .circle-purple {
           background-color: #6a1b9a;
       }
       .circle-teal {
           background-color: #00796b;
       }
       .about-section {
           background-color: #101010;
           color: white;
           padding: 80px 0;
       }
       .about-container {
           display: flex;
           justify-content: space-between;
       }
       
       
       
       
       .about-feature {
           background-color: rgba(255, 255, 255, 0.1);
           padding: 15px;
           margin-bottom: 15px;
           border-radius: 5px;
       }
       .contact-section {
           text-align: center;
           padding: 40px 0;
       }
       .contact-container {
           display: flex;
           justify-content: center;
           margin-top: 40px;
       }
       .contact-form {
           flex: 0 0 50%;
           padding: 20px;
       }
       .contact-info {
           flex: 0 0 40%;
           background-color: #9f2716;
           color: white;
           padding: 30px;
           border-radius: 5px;
       }
       .contact-info-item {
           margin-bottom: 15px;
       }
       .social-icons a {
           color: white;
           font-size: 1.5rem;
           margin: 0 10px;
       }
       footer {
           background-color: #101010;
           color: white;
           padding: 40px 0 0;
       }
       .footer-content {
           display: flex;
           padding-bottom: 20px;
       }
       .footer-col {
           flex: 1;
       }
       col h5 {
         text-align: center; 
       }
        ul li {
           margin-bottom: 10px;
       }
        ul li a {
           color: #ccc;
       }
        ul li a:hover {
           color: white;
           font-weight: bold;
       }
       .footer-bottom {
           background-color: #111111;
           text-align: center;
           padding: 15px 0;
           font-size: 0.9rem;
       }
       .apple-icon {
           color: #333;
       }