:root {
           --primary-blue: #1a4b8c;
           --light-blue: #4a7bc8;
           --dark-blue: #0d2b56;
           --white: #ffffff;
           --off-white: #f8f9fa;
           --red: #e63946;
           --gray: #6c757d;
           --light-gray: #e9ecef;
           --transition: all 0.3s ease;
       }
       
       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }
       
       body {
           font-family: 'Open Sans', sans-serif;
           line-height: 1.6;
           color: #333;
           background-color: var(--off-white);
           overflow-x: hidden;
       }
       
       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
           font-family: 'Montserrat', sans-serif;
           font-weight: 600;
           line-height: 1.3;
           margin-bottom: 1rem;
       }
       
       a {
           text-decoration: none;
           color: inherit;
           transition: var(--transition);
       }
       
       ul {
           list-style: none;
       }
       
       img {
           max-width: 100%;
           height: auto;
           display: block;
       }
       
       .container {
           width: 90%;
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 15px;
       }
       
       .btn {
           display: inline-block;
           padding: 12px 30px;
           background-color: var(--primary-blue);
           color: var(--white);
           border: none;
           border-radius: 4px;
           font-family: 'Montserrat', sans-serif;
           font-weight: 600;
           cursor: pointer;
           transition: var(--transition);
           text-align: center;
       }
       
       .btn:hover {
           background-color: var(--dark-blue);
           transform: translateY(-2px);
           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       }
       
       .btn-red {
           background-color: var(--red);
       }
       
       .btn-red:hover {
           background-color: #c1121f;
       }
       
       .section {
           padding: 80px 0;
       }
       
       .section-title {
           text-align: center;
           margin-bottom: 50px;
           position: relative;
       }
       
       .section-title h2 {
           font-size: 2.5rem;
           color: var(--primary-blue);
           display: inline-block;
       }
       
       .section-title h2:after {
           content: '';
           display: block;
           width: 70px;
           height: 3px;
           background-color: var(--red);
           margin: 15px auto 0;
       }
       /* Header */
       
       header {
           background-color: var(--white);
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
           position: fixed;
           width: 100%;
           top: 0;
           z-index: 1000;
       }
       
       .header-container {
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 15px 0;
       }
       
       .logo {
           display: flex;
           align-items: center;
       }
       
       .logo-image {
           height: 60px;
           width: 60px;
           margin-right: 15px;
           background-color: var(--light-gray);
           border-radius: 8px;
           display: flex;
           align-items: center;
           justify-content: center;
           overflow: hidden;
       }
       
       .logo-image img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }
       
       .logo-text {
           font-family: 'Montserrat', sans-serif;
           font-weight: 700;
           font-size: 1.5rem;
           color: var(--primary-blue);
       }
       
       .logo-text span {
           color: var(--red);
       }
       
       .nav-menu {
           display: flex;
       }
       
       .nav-menu li {
           margin-left: 30px;
       }
       
       .nav-menu a {
           font-family: 'Montserrat', sans-serif;
           font-weight: 500;
           color: var(--dark-blue);
           position: relative;
       }
       
       .nav-menu a:after {
           content: '';
           position: absolute;
           width: 0;
           height: 2px;
           background-color: var(--red);
           bottom: -5px;
           left: 0;
           transition: var(--transition);
       }
       
       .nav-menu a:hover {
           color: var(--primary-blue);
       }
       
       .nav-menu a:hover:after {
           width: 100%;
       }
       
       .nav-toggle {
           display: none;
           font-size: 1.5rem;
           cursor: pointer;
           color: var(--primary-blue);
       }