@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0;
    /* padding: 0; */
    box-sizing: border-box;
    font-family: Monteserat, sans-serif;
  }

  body {
    color: #333;
    background-color: rgba(255, 255, 255, 1);
  }

  /* Header Section */
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header .logo img {
    height: 25px;
  }

  .header .nav-menu ul {
    display: flex;
    list-style: none;
    gap: 34px;
  }

  .header .nav-menu ul li a {
    font-family: Inter, sans-serif;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
  
  }

  .header .auth-buttons {
    display: flex;
    gap: 17px;
  }

  .header .auth-buttons a {
    padding: 15px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
  }

  .header .auth-buttons .sign-in {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background-color: transparent;
  }

  .header .auth-buttons .try-free {
    font-family: Inter, sans-serif;

    color: rgba(255, 255, 255, 1);
    background-color: #007bff;
    font-weight: 700;
    font-size: 16px;
    border-radius: 10px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

  }

  /* Hero Section */
  .hero {
    flex-direction: column;
    background: url(../img/bg-hero.png) no-repeat center center/cover;
    color: #fff;
    padding: 34.5px 158px;
    text-align: left;
    height: 823px;
    position: relative;
    gap: 163px;
    overflow: hidden;
    margin-bottom: 0px;
  }

  .hero .hero-content {
    max-width: 45%;
  }

  .hero .hero-content h1 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color:rgba(255, 255, 255, 1);
    
  }

  .hero .hero-content p {
    margin-bottom: 20px;
    opacity: 0.9;
    font-weight: 400;
    font-size: 16px;
    line-height: 119%;
    letter-spacing: 0px;

  }

  .hero .hero-content .btn-register {
    background: linear-gradient(90deg, #0093F8 0%, #003FDE 100%);
    
    color: #fff;
    padding: 15px 30px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .hero .hero-content .btn-register:hover {
    background-color: #0056b3;
  }

  .hero .hero-image {
    position: absolute;
    right: 151px;
    bottom: 0;
    width: 45%;
  }

  .hero .hero-image img {
    width: 100%;
    height: auto;
  }

  /* Banner Section */
  .banner {
    background: linear-gradient(90deg, #1D195B 0%, #081427 100%);
    color: #fff;
    padding: 0px 71px 0px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 211px;
    border-radius: 10px;
    position: relative;
    z-index: 1; 
    transform: translateY(-50%); 
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(21, 125, 199, 1);
    border-radius: 20px;
  }

  .banner .banner-content {
    display: flex;
    align-items: center;
    gap: 20px;
  }


.banner .banner-content .banner-text h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 1);
  }

  .banner .banner-content .banner-text p {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .banner .btn-participate {
    background: linear-gradient(90deg, #18214B 0%, #463B87 50.96%, #18214B 100%);
    color: rgba(255, 255, 255, 1);
    padding: 21.5px 67.5px;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .banner .btn-participate:hover {
    background-color: #5a4bc5;
  }

  .bg-img-banner-first{
    position: relative;
    height: 170px;
    padding-bottom: 7px;
  }
  .bg-img-banner-second{
    position: absolute;
    left: 39px;
    height: 141px;
  }

  .banner-text{
    margin-left: -52px;
  }

    /* Quick Start Hero Section */
    .quick-start-hero {
      background: url(../img/bg-hero.png) no-repeat center center / cover;
      padding: 0px 158px;
      text-align: center;
      color: #fff;
      display: flex;
      flex-direction: column;
      padding-bottom: 161px;
      padding-top: 40px;
      gap: 100px;

    }

    .quick-start-hero h1 {
      font-family: Montserrat, sans-serif;
      font-weight: 500;
      font-size: 48px;
      line-height: 100%;
      letter-spacing: 0%;
      margin-bottom: 20px;
      text-transform: uppercase;
    }

    .quick-start-hero p {
      font-family: Montserrat, sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 119%;
      margin-bottom: 20px;
    }
    
       .quick-start-hero p:first-of-type {
      margin-bottom: 0px;
    }
    .quick-start-hero .btn-registration {
      background: linear-gradient(90deg, #0093F8 0%, #003FDE 100%);
      color: #fff;
      padding: 15px 30px;
      border: none;
      border-radius: 10px;
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      cursor: pointer;
    }

  /* Main Content Container */
  main {
    margin: 0 auto;
    padding: 86px 158px;
    margin-top: -40px; 
    position: relative;
    z-index: 0;
  }

  /* Section Layout */
  section {
    display: flex;
    gap: 50px;
    margin-bottom: 109px; 
  }

  .section-heading {
    flex: 0 0 38%;
  }

  .section-heading h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 50px;
  }

  .section-heading .underline {
    width: 145px;
    height: 6px;
    background-color: #1a2a44;
    margin-bottom: 30px;
  }

  .section-content {
    flex: 1;
  }

  .section-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    font-family: Montserrat, sans-serif;
    text-align: justify;
    color: rgba(104, 104, 104, 1);
    margin-bottom: 23px;
  }

  .section-content h3 {
    font-size: 24px;
    margin-bottom: 23px;
    font-weight: 600;
  }

  /* Key Areas Section Specific Styles */
  .section-content ul {
    list-style: none;
    font-size: 16px;
    color: #666;
    background-color: rgba(238, 242, 249, 1);
    padding: 50px;
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .section-content ul li {
    margin-bottom: 4px;
    line-height: 1.6;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: justify;
    color: rgba(15, 72, 124, 1);

  }

  .section-content .sidebar-footer {
    font-size: 14px;
    color: rgba(104, 104, 104, 1);
    line-height: 1;
    font-family: Inter, sans-serif;
  }

  /* Research and Category Boxes */
  .research-boxes, .category-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .research-box, .category-box {
    background-color: rgba(13, 21, 51, 1);
    color: rgba(255, 255, 255, 1);
    padding: 30px;

  }

  .research-box h3, .category-box h3 {
    margin-bottom: 20px;
    margin-top: 0px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%; 
  }

  .research-box p, .category-box p {
   font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: justify;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 0px;
  }
  .category-box-footer{
    margin-top: 23px;

  }
     /* FAQ Section */
    .faq-section {
      background-color: rgba(6, 55, 100, 1);
      color: #fff;
      padding: 50px 50px 117px 50px;
      margin: 0;
      margin-left: auto;
      margin-right: auto;
      border-radius: 10px;
      display: block !important;
      overflow: hidden;
    }

    .faq-section .section-heading {
      text-align: center;
      margin-bottom: 50px;
    }

    .faq-section .section-heading h2 {
      font-size: 42px;
      text-align: center;
      font-weight: 700;
      margin: 0;
      line-height: 100%;
      letter-spacing: 0%;
      font-family: Montserrat, sans-serif;
    }

    .faq-section .section-content {
      max-width: 1114px;
      margin-left: auto;
      margin-right: auto;
    }

    .faq-item {
      background-color: rgba(4, 44, 80, 1);
      margin-bottom: 10px;
      border-radius: 5px;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .faq-item-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0px 20px 0px;;
      cursor: pointer;
    }
    .faq-item-flex{
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;

    }

    .faq-item h3 {
      font-family: Montserrat, sans-serif;
      font-weight: 700;
      font-size: 22px;
      line-height: 100%;
      letter-spacing: 0%;
      margin: 0;
      color: rgba(255, 255, 255, 1);
      flex: 1;
    }

    .faq-icon {
      width: 25px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 20px;
    }

    .faq-item p {
      font-family: Montserrat, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      letter-spacing: 0%;
      color: rgba(255, 255, 255, 1);
      padding: 0px 0px 20px 0px;
      margin: 0;
      display: none;
    }

    .faq-item.active p {
      display: block;
    }
  /* Footer Section */
  .footer {
    background-color: #002B5C;
    color: #fff;
    padding: 40px 158px;
  }

  .footer .risk-warning {
    margin-bottom: 71px;
  }

  .footer .risk-warning h3 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 19px;
    color: rgba(147, 181, 255, 1);
  }

  .footer .risk-warning p {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    line-height: 100%;
    color: rgba(147, 181, 255, 1);
    margin-bottom: 19px;
  }
  .footer .risk-warning p:nth-child(2){
    margin-bottom: 40px;
  }
  .footer .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
  }

  .footer .footer-bottom .logo img {
    height: 30px;
  }

  .footer .footer-bottom p {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
  }