/* Resetting default styles */

    * {

      margin: 0;

      padding: 0;

      box-sizing: border-box;

    }

    body {

      font-family: 'Inter', sans-serif;

      background-color: #f4f7fc;

      color: #333;

      line-height: 1.6;

    }

    /* Section Style */

    .beautiful-section {

      background: #ffffff;

      padding: 40px;

      margin: 20px auto;

      max-width: 1200px;

      border-radius: 10px;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    }

    .beautiful-section h2 {

      font-size: 2rem;

      margin-bottom: 20px;

      text-align: center;

      color: #333;

      font-weight: 700;

    }

    .beautiful-section p {

      font-size: 1.1rem;

      line-height: 1.8;

      color: #555;

      margin-bottom: 20px;

    }

    .beautiful-section .cta-button {

      display: inline-block;

      background-color: #3498db;

      color: #fff;

      padding: 10px 20px;

      border-radius: 25px;

      text-decoration: none;

      font-size: 1.2rem;

      text-align: center;

      transition: all 0.3s ease-in-out;

    }

    .beautiful-section .cta-button:hover {

      background-color: #2980b9;

      transform: translateY(-5px);

    }

    /* Responsive Design */

    @media (max-width: 768px) {

      .beautiful-section {

        padding: 30px;

      }

      .beautiful-section h2 {

        font-size: 1.8rem;

      }

      .beautiful-section p {

        font-size: 1rem;

      }

      .beautiful-section .cta-button {

        font-size: 1rem;

        padding: 8px 15px;

      }

    }