body {
       font-family: 'Open Sans', sans-serif;
       color: #000;
       font-size: 13px;
       direction: ltr;
       padding-top: 90px;
   }

   p {
       font-size: 13.5px;
       line-height: 1.5;
       color: #444;
       margin-bottom: 20px;
   }

   h1 {
       font-size: 24px;
       font-weight: 700;
       margin-bottom: 1rem;
   }

   .top-bar {
       background: #f8f9fa;
       padding: 5px 0;
       width: 100%;
       position: fixed;
       top: 0;
       left: 0;
       z-index: 1030;
   }

   .top-bar .container {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .top-bar a {
       font-size: 14px;
       text-decoration: none;
       font-weight: bold;
       color: #303c7a;
       transition: color 0.3s ease-in-out;
   }

   .top-bar a.active-lang {
       color: #40a5dd !important;
       font-weight: bold;
       text-decoration: underline;
   }

   .top-bar a:hover {
       color: #0056b3 !important;
   }


   .social-icons a {
       margin-left: 10px;
   }

   .navbar {
       background: white;
       width: 100%;
       position: fixed;
       top: 30px;
       left: 0;
       z-index: 1030;
       transition: box-shadow 0.3s ease-in-out;
   }

   .navbar.scrolled {
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   }

   .navbar-nav .nav-link {
       color: #303c7a !important;
       font-weight: bold;
       font-size: 17px;
       transition: color 0.3s ease-in-out;
   }

   .navbar-nav .nav-link:hover {
       background-color: #40a5dd !important;
       color: white !important;
       border-radius: 5px;
   }

   .navbar-nav .nav-link.active {
       background-color: #40a5dd !important;
       color: white !important;
       border-radius: 5px;
   }

   @media (max-width: 992px) {
       body {
           padding-top: 120px;
       }

       .navbar {
           top: 30px;
       }
   }

   .back-to-top {
       position: fixed;
       bottom: 90px;
       right: 20px;
       width: 60px;
       height: 60px;
       background-color: #007bff;
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       font-size: 24px;
       text-decoration: none;
       opacity: 0;
       z-index: 1000;
       transition: transform 0.3s ease;
       box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
   }

   .back-to-top:hover {
       transform: scale(1.1);
   }

   .back-to-top.show {
       opacity: 1;
       transform: translateY(-10px);
   }

   .whatsapp-float {
       position: fixed;
       bottom: 20px;
       right: 20px;
       width: 60px;
       height: 60px;
       background: #25d366;
       color: #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 28px;
       box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
       z-index: 1000;
       transition: transform 0.3s ease;
       text-decoration: none;
   }

   .whatsapp-float:hover {
       transform: scale(1.1);
   }