/* styles.css */
   body,
   html {
       margin: 0;
       padding: 0;
       height: 100%;
       overflow: hidden;
       font-family: 'Roboto', sans-serif;
       font-size: 0.97rem;
   }

   .fullscreen-bg {
       position: fixed;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       overflow: hidden;
       z-index: -1;
   }

   .fullscreen-bg__image {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .content {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 85%;
       max-height: 100%;
       overflow-y: auto;
       line-height: 1.3rem;

   }

   .content .bg-white {
       padding: 20px;
       background-color: white;
       text-align: left;
   }

   p {
       margin-bottom: 20px;
   }

   .blue-button {
       display: inline-block;
       background-color: #00a1de;
       color: white;
       padding: 10px 20px;
       border-radius: 8px;
       /* Changed border-radius to 8px */
       text-decoration: none;
       transition: background-color 0.3s ease;
   }

   .blue-button:hover {
       background-color: #008fcc;
   }

   /* Media query for devices larger than mobile */
   @media (min-width: 400px) {
       .content {
           width: 350px;

           /* Adjust the width for tablets */
       }
   }


   /* Add this CSS to your styles.css file */
   .blue-button {
       position: relative;
       display: inline-block;
       padding-right: 35px;
       /* Adjust padding to create space for the chevron */
   }

   .blue-button::after {
       content: "";
       position: absolute;
       top: 50%;
       right: 20px;
       /* Adjust the distance of the chevron from the right */
       transform: translateY(-50%) rotate(45deg);
       width: 6px;
       height: 6px;
       border-top: 2px solid #fff;
       /* Change the color if needed */
       border-right: 2px solid #fff;
       /* Change the color if needed */
   }

   .text-blue {
       color: #00a1de;
   }

   .text-white {
       color: #ffffff;
   }

   .text-center {
       text-align: center;
   }