* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    img,
    svg,
    svg * {
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }

    body {
      user-select: none;
      display: flex;
      flex-direction: column;
      font-family: 'Poppins', sans-serif;
      background-color: #fbfbfb;
      color: #24223E;
      margin: 0;
      padding: 0;
      width: 100%;
    }

    .navbar {
      background-color: transparent;
      width: 100%;
      height: 70px;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .navbar-container {
      background-color: transparent;
      width: 1294px;
      max-width: 1294px;
      max-height: 70px;
      height: 70px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .navbar.scrolled,
    .navbar.collapsed {
      background-color: white;
      height: auto;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .navbar-toggler {
      border: none;
      padding: 3px;
      color: white;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 3px;
      transition: background-color 0.3s ease;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
    }

    .navbar-toggler:hover {
      background-color: #ffffff;
    }

    .navbar-toggler-icon {
      background-image: url("../img/hamburger-rounded2.svg");
      width: 18px;
      height: 18px;
      display: inline-block;
    }

    .navbar-collapse.show {
      background-color: white;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 15px 20px;
      width: 100%;
      position: absolute;
      top: 50px;
      left: 0;
      right: auto;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .navbar-collapse.show .navbar-nav {
      margin: 0;
      padding: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .navbar-collapse.show .nav-item {
      width: 100%;
    }

    .navbar-collapse.show .nav-link {
      text-align: left;
      padding: 0;
      width: 100%;
      display: block;
      color: #333;
    }

    .navbar-collapse.show .navbar-buttons {
      margin: 20px 0 0 0;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 10px;
      width: 100%;

    }

    .navbar .container-fluid {
      padding: 0;
    }

    .navbar-nav {
      margin-left: 66px;
      gap: 46px;
      margin-top: 2px;
      display: flex;
      flex-direction: row;
      white-space: nowrap;
    }

    .navbar .nav-link {
      font-size: 18px;
      font-weight: 600;
      color: #333;
      position: relative;

    }

    .navbar .nav-link:hover {
      color: #474EEB;

    }

    .navbar-buttons {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 15px;
      margin-left: auto;
    }

    .btn-get-started {
      background-color: #24223E;
      color: white;
      font-size: 19.5px;

      font-weight: 550;
      border-radius: 60px;
      max-width: 289px;
      width: 289px;
      height: 50px;
      padding: 12px 30px;
      margin: 0;
      transition: all 0.2s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
    }

    .btn-get-started:hover {
      background-color: white;
      color: #24223E;
      border-color: #24223E;
      transform: scale(1.03);
      border-width: 2px;
    }

    .btn-sign-up {
      background: linear-gradient(to bottom right, #666CF7, #6699FF);
      color: white;
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
      border-radius: 60px;
      max-width: 129px;
      width: 129px;
      height: 50px;
      /*48*/
      padding: 12px 30px;
      margin: 0;
      transition: all 0.2s ease;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .btn-sign-up:hover {
      background: white;
      color: #24223E;
      border: 2px solid #474EEB;
      transform: scale(1.03);
    }

    .navbar-brand {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      margin-right: 0;

    }

    .navbar-brand img {
      max-width: 132px;
      height: 22px;
      margin: 0 auto;
      transition: opacity 0.3s ease;
    }


    #section1 {
      background-size: cover;
      background-position: center;
      position: relative;
      padding-top: 0px;
      padding-bottom: 30px;
      background-color: #fbfbfb;
    }

    .hero-section {
      text-align: center;
      padding: 100px 0px 45px;
    }


    .hero-title {
      font-size: 60px;
      font-weight: 700;
      line-height: normal;
      background: linear-gradient(90deg, #FF0DB2 0%, #FF9106 18%, #FFEA2A 35%, #FFEA2A 37%, #6AEF5D 39%, #6AEF5D 50%, #00D9FF 74%, #034AFF 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      margin-bottom: 0px;
      display: inline;
    }

    .hero-subtitle {
      align-self: stretch;
      font-size: 26px;
      font-weight: 600;
      line-height: normal;
      color: #24223E;
      margin-bottom: 30px;
    }

    .toggle-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    .toggle-switch {
      position: relative;
      max-width: 312px;
      width: 312px;
      height: 43px;
      max-height: 43px;
      border-radius: 50px;
      border: 1px solid #4986FF;
      background: #FFF;
      display: flex;
      align-items: center;
      justify-content: space-between;

      transition: background-color 0.3s ease, border 0.3s ease;

    }

    .toggle-switch.monthly {
      background-color: #ffffff;
    }

    .toggle-switch.yearly {
      max-height: 67px;
      height: 67px;
      border: 1.5px solid #E7E7E7;
      background: #F4F4F4;
    }

    .toggle-label {
      text-align: center;
      font-size: 18px;
      font-weight: 600;
      line-height: normal;
      z-index: 1;

    }

    .toggle-label.monthly-on {
      padding: 10px 40px;
      color: #ffffff;

    }

    .toggle-label.monthly-off {
      padding: 10px 40px;
      color: #24223e;

    }

    .toggle-label.yearly-on {

      padding-right: 60px;
      color: #24223e;
    }

    .toggle-label.yearly-off {
      padding-right: 60px;
      color: #69F;
    }

    .toggle-button {
      position: absolute;
      top: 2px;
      width: 156px;
      max-height: 48px;
      height: 48px;
      border-radius: 50px;
      transition: transform 0.3s ease, background-color 0.3s ease;
      cursor: pointer;
      will-change: transform;
      position: relative;
    }

    .toggle-button.monthly {
      transform: translateX(-2px);
      top: -3px;
      background: #69F;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
      transition: transform 0.3s ease;
      cursor: pointer;
      position: absolute;

    }

    .toggle-button.yearly {
      transform: translateX(140px);
      top: 7.5px;
      position: absolute;
      display: flex;
      width: 156px;
      height: 48px;
      padding: 10px 49px;
      justify-content: center;
      align-items: center;

      background: #FFF;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);

      transition: transform 0.3s ease;
      cursor: pointer;

    }

    .toggle-text {
      text-align: center;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;

      margin-top: 13px;
      transition: color 0.3s ease;
    }

    .toggle-text span {
      color: #4986FF;
      transition: color 0.3s ease;
    }

    .yearly-badge {
      position: absolute;
      top: -15px;
      right: -118px;
      color: white;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      border-radius: 80px;
      background: #24223E;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
      transform: rotate(12deg);
      padding: 6px 20px;
      justify-content: center;
      align-items: center;
      width: 152px;
      height: 36px;
      text-align: center;
      display: none;
    }

    .pricing-container {
      max-width: 1394px;
      width: 1392px;
      margin: 0 auto;
      margin-bottom: 0px;
      padding: 0px;
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      gap: 12px;
    }

    .pricing-box {
      flex: 0 0 auto;
      width: 269px;
      max-height: 760px;
      height: 753px;
      padding: 14px 19px;
      background-color: white;
      border-radius: 20px;
      background: #FFF;
      box-shadow: 0px 10px 25px 0px #E5E5E5;
      border-top: 20px solid #BDC3D0;
      gap: 10px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .pricing-box h3 {
      color: #838CA3;
      font-size: 22px;
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box p {
      margin: 0px;
      color: #616776;
    }

    .pricing-box .price {
      line-height: normal;
    }

    .pricing-box .users {
      color: #616776;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box .description {
      color: #1F1F1F;
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box .divider {
      border-top: 1px solid #DBDBDB;
      margin: 10px 0px 13px 0;
    }

    .pricing-box .details {
      display: flex;
      justify-content: space-between;
      padding: 0 4px;
      margin-bottom: 5px;
      color: #1F1F1F;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      align-items: center;
      line-height: 1;
    }

    .pricing-box .features {
      text-align: left;
      padding: 0 16px 0 8px;
      margin-top: 12px;
      flex-grow: 1;
    }

    .pricing-box .features li {
      list-style: none;
      color: #1F1F1F;
      font-size: 14px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 2px;
      position: relative;
      padding-left: 16px;
    }

    .pricing-box .features li:before {
      content: '•';
      position: absolute;
      left: 0;
      color: #333;
      font-size: 16px;
    }

    .pricing-box .btn {
      color: white;
      font-family: "Noto Sans", sans-serif;
      font-style: normal;
      padding: 12px;
      font-size: 16px;
      font-weight: 800;
      line-height: normal;
      border-radius: 50px;
      background: linear-gradient(90deg, #B5BBC9 0%, #AFB4BF 55%, #9CA2AF 100%);
      max-height: 49px;
      max-width: 230px;
      width: 230px;
      margin-top: 16px;
      margin-bottom: 8px;
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
    }

    .pricing-box h3,
    .pricing-box p,
    .pricing-box .price,
    .pricing-box .users,
    .pricing-box .description,
    .pricing-box .details,
    .pricing-box .features li,
    .pricing-box .btn {
      white-space: nowrap;
    }

    .pricing-box.free {
      border-radius: 20px;
      border-top: 10px solid #a0a6b2;
    }

    .pricing-box.free h3 {
      color: #838CA3;

    }

    .pricing-box.free .price {
      color: #838CA3;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Noto Sans";
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box.free .price1 {
      font-size: 40px;
      letter-spacing: 4px;
    }

    .pricing-box.free .price2 {
      font-size: 50px;
      letter-spacing: -2.5px;
    }

    .pricing-box.free .btn {
      background: linear-gradient(90deg, #B5BBC9 0%, #AFB4BF 55%, #9CA2AF 100%);
    }

    .pricing-box.free .btn:hover {
      transform: scale(1.03);
    }

    .pricing-box.standard {
      border-radius: 20px;
      border-top: 10px solid #FF6DAB;
    }

    .pricing-box.standard h3 {
      color: #FF6DAB;
    }

    .pricing-box.standard .price {
      color: #FF6DAB;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Noto Sans";
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box.standard .price1 {
      font-size: 40px;
      letter-spacing: 4px;
    }

    .pricing-box.standard .price2 {
      font-size: 50px;
      letter-spacing: -2.5px;
    }

    .pricing-box.standard .btn {
      background: linear-gradient(90deg, #FF6DAB 5%, #FF4593 53.5%, #FF168B 100%);
    }

    .pricing-box.standard .btn:hover {
      transform: scale(1.03);
    }

    .pricing-box.business {
      border-radius: 20px;
      border-top: 10px solid #FF8E00;
    }

    .pricing-box.business h3 {
      color: #FF8E00;
    }

    .pricing-box.business .price {
      color: #FF8E00;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Noto Sans";
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box.business .price1 {
      font-size: 40px;
      letter-spacing: 4px;
    }

    .pricing-box.business .price2 {
      font-size: 50px;
      letter-spacing: -2.5px;
    }

    .pricing-box.business .btn {
      background: linear-gradient(90deg, #FF9510 0%, #FF8513 53%, #FF6B01 100%);
    }

    .pricing-box.business .btn:hover {
      transform: scale(1.03);
    }

    .pricing-box.business-premium {
      border-radius: 20px;
      border-top: 10px solid #3D96FF;
    }

    .pricing-box.business-premium h3 {
      color: #3d96ff;
    }

    .pricing-box.business-premium .price {
      color: #3d96ff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Noto Sans";
      font-weight: 600;
      line-height: normal;
    }

    .pricing-box.business-premium .price1 {
      font-size: 40px;
      letter-spacing: 4px;
    }

    .pricing-box.business-premium .price2 {
      font-size: 50px;
      letter-spacing: -2.5px;
    }

    .pricing-box.business-premium .btn {
      background: linear-gradient(90deg, #3D96FF 0%, #0D7DFF 52%, #006AE7 100%);
    }

    .pricing-box.business-premium .btn:hover {
      transform: scale(1.03);
    }

    .pricing-box.enterprise {
      border-radius: 20px;
      border-top: 10px solid #10C571;
    }

    .pricing-box.enterprise h3 {
      color: #10c571;
    }

    .pricing-box.enterprise .price {
      color: #10C571;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      font-weight: 700;
      line-height: 67px;
    }

    .pricing-box.enterprise .btn {
      background: linear-gradient(90deg, #17D47D 0%, #0ECE75 49%, #00C067 100%);
    }

    .pricing-box.enterprise .btn:hover {
      transform: scale(1.03);
    }

    .table-container {
      max-width: 1394px;
      margin: 0 auto;
      padding: 0;
      background: #FBFBFB;
    }

    .collapse-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 346px;
      height: 52px;
      padding: 11px 101px;
      margin: 0 auto 98px;

      border-radius: 50px;
      border: 1px solid #598AED;
      background: linear-gradient(90deg, #666DF8 0%, #69F 100%);
      font-size: 18px;
      line-height: 160%;
      letter-spacing: -0.36px;
      font-weight: 600;
      color: white;
      cursor: pointer;
    }

    .collapse-btn i {
      margin-left: 8px;
      font-weight: bold;
      color: white;
      font-size: 18px;
    }

    .detail-table {
      max-width: 1394px;
      width: 1394px;
      margin: 0px auto;
      border-collapse: separate;
      border-spacing: 5px 0;
      transform-origin: center;
    }

    .detail-table th {
      padding: 7px;
      vertical-align: middle;
      text-align: center;
    }

    .detail-table td {
      padding: 0px;
      vertical-align: middle;
      text-align: center;
      color: #1F1F1F;
      font-size: 16px;
      font-weight: 500;
      background: #FFF;
      border-left: 2px solid rgba(0, 0, 0, 0.04);
      border-right: 2px solid rgba(0, 0, 0, 0.04);
    }

    .detail-table th:first-child {
      width: 285px;
      text-align: left;
      box-shadow: none;
      background: #fbfbfb;
      font-size: 11px;
    }

    .detail-table tr:nth-child(2) td:nth-child(n+1) {
      text-align: center;
    }

    .detail-table td:first-child {
      width: 285px;
      border-top: none;
      border-bottom: none;
      text-align: left;
      padding: 11.5px 12px;
      white-space: nowrap;
      background: #FFF;
    }

    .detail-table tr.spacer-row td:nth-child(n+2) {
      border: none;
    }

    .detail-table tr {
      max-height: 30px;
      height: 30px;
    }

    .detail-table tr.spacer-row {
      height: 7.74px;
      background-color: #fbfbfb;
    }

    .detail-table tr.spacer-row td {
      padding: 0;
      background: transparent;
    }

    .detail-table th:nth-child(n+2),
    .detail-table td:nth-child(n+1) {
      width: 217px;
    }

    .detail-table th:nth-child(2) {
      border-radius: 20px 20px 0px 0px;
      background: #FFF;
      border-bottom: 3px solid #838CA3;
      color: #838CA3;
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.4px;
      padding: 10px;
    }

    .detail-table th:nth-child(3) {
      border-radius: 20px 20px 0px 0px;
      background: #FFF;
      border-bottom: 3px solid #FF5B9F;
      color: #FF5B9F;
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.4px;
      padding: 10px;
    }

    .detail-table th:nth-child(4) {
      border-radius: 20px 20px 0px 0px;
      background: #FFF;
      border-bottom: 3px solid #FF9311;
      color: #FF9311;
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.4px;
      padding: 10px;
    }

    .detail-table th:nth-child(5) {
      border-radius: 20px 20px 0px 0px;
      background: #FFF;
      border-bottom: 3px solid #3D96FF;
      color: #3D96FF;
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.4px;
      padding: 10px;
    }

    .detail-table th:nth-child(6) {
      border-radius: 20px 20px 0px 0px;
      background: #FFF;
      border-bottom: 3px solid #13D179;
      color: #13D179;
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.4px;
      padding: 10px 12px;
    }

    .detail-table tr:nth-child(82) td:first-child,
    .detail-table tr:nth-child(82) td:nth-child(n+1) {
      border-bottom: 2px solid rgba(0, 0, 0, 0.04);
    }

    .detail-table tr:nth-child(1) td:first-child {
      box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.02);
      border-bottom: 1px solid #E2E2E2;
    }

    .detail-table tr:nth-child(2) td:nth-child(n+1) {
      border-bottom: 1px solid #E2E2E2;
      box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.02);
    }

    .detail-table tr:nth-child(1) td:first-child {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: -0.18px;
      padding: 11.5px 12px;
    }

    .detail-table tr:nth-child(7) td:first-child,
    .detail-table tr:nth-child(13) td:first-child,
    .detail-table tr:nth-child(21) td:first-child,
    .detail-table tr:nth-child(35) td:first-child,
    .detail-table tr:nth-child(49) td:first-child,
    .detail-table tr:nth-child(54) td:first-child,
    .detail-table tr:nth-child(58) td:first-child,
    .detail-table tr:nth-child(61) td:first-child,
    .detail-table tr:nth-child(66) td:first-child,
    .detail-table tr:nth-child(73) td:first-child,
    .detail-table tr:nth-child(75) td:first-child {
      border-bottom: 1px solid #E2E2E2;
      font-size: 16px;
      font-weight: 500;
    }

    .detail-table tr:nth-child(7) td:nth-child(n+2),
    .detail-table tr:nth-child(13) td:nth-child(n+2),
    .detail-table tr:nth-child(21) td:nth-child(n+2),
    .detail-table tr:nth-child(35) td:nth-child(n+2),
    .detail-table tr:nth-child(49) td:nth-child(n+2),
    .detail-table tr:nth-child(54) td:nth-child(n+2),
    .detail-table tr:nth-child(58) td:nth-child(n+2),
    .detail-table tr:nth-child(61) td:nth-child(n+2),
    .detail-table tr:nth-child(66) td:nth-child(n+2),
    .detail-table tr:nth-child(73) td:nth-child(n+2),
    .detail-table tr:nth-child(75) td:nth-child(n+2) {
      border-bottom: 1px solid #E2E2E2;
    }

    .detail-table tr:nth-child(3) td {
      background-color: white;
    }

    .detail-table tr:nth-child(4) td:first-child,
    .detail-table tr:nth-child(6) td:first-child,
    .detail-table tr:nth-child(9) td:first-child,
    .detail-table tr:nth-child(11) td:first-child,
    .detail-table tr:nth-child(13) td:first-child,
    .detail-table tr:nth-child(15) td:first-child,
    .detail-table tr:nth-child(17) td:first-child,
    .detail-table tr:nth-child(19) td:first-child,
    .detail-table tr:nth-child(21) td:first-child,
    .detail-table tr:nth-child(23) td:first-child,
    .detail-table tr:nth-child(25) td:first-child,
    .detail-table tr:nth-child(27) td:first-child,
    .detail-table tr:nth-child(29) td:first-child,
    .detail-table tr:nth-child(31) td:first-child,
    .detail-table tr:nth-child(33) td:first-child,
    .detail-table tr:nth-child(35) td:first-child,
    .detail-table tr:nth-child(37) td:first-child,
    .detail-table tr:nth-child(38) td:first-child,
    .detail-table tr:nth-child(39) td:first-child,
    .detail-table tr:nth-child(41) td:first-child,
    .detail-table tr:nth-child(43) td:first-child,
    .detail-table tr:nth-child(45) td:first-child,
    .detail-table tr:nth-child(47) td:first-child,
    .detail-table tr:nth-child(49) td:first-child,
    .detail-table tr:nth-child(51) td:first-child,
    .detail-table tr:nth-child(53) td:first-child,
    .detail-table tr:nth-child(56) td:first-child,
    .detail-table tr:nth-child(58) td:first-child,
    .detail-table tr:nth-child(60) td:first-child,
    .detail-table tr:nth-child(63) td:first-child,
    .detail-table tr:nth-child(65) td:first-child,
    .detail-table tr:nth-child(68) td:first-child,
    .detail-table tr:nth-child(70) td:first-child,
    .detail-table tr:nth-child(72) td:first-child,
    .detail-table tr:nth-child(75) td:first-child,
    .detail-table tr:nth-child(77) td:first-child,
    .detail-table tr:nth-child(79) td:first-child,
    .detail-table tr:nth-child(81) td:first-child,
    .detail-table tr:nth-child(83) td:first-child {
      background-color: #FAFCFF;
    }

    .detail-table tr:nth-child(4) td:nth-child(n+2),
    .detail-table tr:nth-child(6) td:nth-child(n+2),
    .detail-table tr:nth-child(9) td:nth-child(n+2),
    .detail-table tr:nth-child(11) td:nth-child(n+2),
    .detail-table tr:nth-child(13) td:nth-child(n+2),
    .detail-table tr:nth-child(15) td:nth-child(n+2),
    .detail-table tr:nth-child(17) td:nth-child(n+2),
    .detail-table tr:nth-child(19) td:nth-child(n+2),
    .detail-table tr:nth-child(21) td:nth-child(n+2),
    .detail-table tr:nth-child(23) td:nth-child(n+2),
    .detail-table tr:nth-child(25) td:nth-child(n+2),
    .detail-table tr:nth-child(27) td:nth-child(n+2),
    .detail-table tr:nth-child(29) td:nth-child(n+2),
    .detail-table tr:nth-child(31) td:nth-child(n+2),
    .detail-table tr:nth-child(33) td:nth-child(n+2),
    .detail-table tr:nth-child(35) td:nth-child(n+2),
    .detail-table tr:nth-child(37) td:nth-child(n+2),
    .detail-table tr:nth-child(38) td:nth-child(n+2),
    .detail-table tr:nth-child(39) td:nth-child(n+2),
    .detail-table tr:nth-child(41) td:nth-child(n+2),
    .detail-table tr:nth-child(43) td:nth-child(n+2),
    .detail-table tr:nth-child(45) td:nth-child(n+2),
    .detail-table tr:nth-child(47) td:nth-child(n+2),
    .detail-table tr:nth-child(49) td:nth-child(n+2),
    .detail-table tr:nth-child(51) td:nth-child(n+2),
    .detail-table tr:nth-child(53) td:nth-child(n+2),
    .detail-table tr:nth-child(56) td:nth-child(n+2),
    .detail-table tr:nth-child(58) td:nth-child(n+2),
    .detail-table tr:nth-child(60) td:nth-child(n+2),
    .detail-table tr:nth-child(63) td:nth-child(n+2),
    .detail-table tr:nth-child(65) td:nth-child(n+2),
    .detail-table tr:nth-child(68) td:nth-child(n+2),
    .detail-table tr:nth-child(70) td:nth-child(n+2),
    .detail-table tr:nth-child(72) td:nth-child(n+2),
    .detail-table tr:nth-child(75) td:nth-child(n+2),
    .detail-table tr:nth-child(77) td:nth-child(n+2),
    .detail-table tr:nth-child(79) td:nth-child(n+2),
    .detail-table tr:nth-child(81) td:nth-child(n+2),
    .detail-table tr:nth-child(83) td:nth-child(n+2) {
      background-color: #FAFCFF;
    }

    .detail-table tr:nth-child(1) td:first-child,
    .detail-table tr:nth-child(5) td:first-child,
    .detail-table tr:nth-child(7) td:first-child,
    .detail-table tr:nth-child(8) td:first-child,
    .detail-table tr:nth-child(10) td:first-child,
    .detail-table tr:nth-child(12) td:first-child,
    .detail-table tr:nth-child(14) td:first-child,
    .detail-table tr:nth-child(16) td:first-child,
    .detail-table tr:nth-child(18) td:first-child,
    .detail-table tr:nth-child(20) td:first-child,
    .detail-table tr:nth-child(22) td:first-child,
    .detail-table tr:nth-child(24) td:first-child,
    .detail-table tr:nth-child(26) td:first-child,
    .detail-table tr:nth-child(28) td:first-child,
    .detail-table tr:nth-child(30) td:first-child,
    .detail-table tr:nth-child(32) td:first-child,
    .detail-table tr:nth-child(34) td:first-child,
    .detail-table tr:nth-child(36) td:first-child,
    .detail-table tr:nth-child(38) td:first-child,
    .detail-table tr:nth-child(40) td:first-child,
    .detail-table tr:nth-child(42) td:first-child,
    .detail-table tr:nth-child(44) td:first-child,
    .detail-table tr:nth-child(46) td:first-child,
    .detail-table tr:nth-child(48) td:first-child,
    .detail-table tr:nth-child(50) td:first-child,
    .detail-table tr:nth-child(52) td:first-child,
    .detail-table tr:nth-child(54) td:first-child,
    .detail-table tr:nth-child(55) td:first-child,
    .detail-table tr:nth-child(57) td:first-child,
    .detail-table tr:nth-child(59) td:first-child,
    .detail-table tr:nth-child(61) td:first-child,
    .detail-table tr:nth-child(62) td:first-child,
    .detail-table tr:nth-child(64) td:first-child,
    .detail-table tr:nth-child(66) td:first-child,
    .detail-table tr:nth-child(67) td:first-child,
    .detail-table tr:nth-child(69) td:first-child,
    .detail-table tr:nth-child(71) td:first-child,
    .detail-table tr:nth-child(73) td:first-child,
    .detail-table tr:nth-child(74) td:first-child,
    .detail-table tr:nth-child(76) td:first-child,
    .detail-table tr:nth-child(78) td:first-child,
    .detail-table tr:nth-child(80) td:first-child,
    .detail-table tr:nth-child(82) td:first-child {
      background-color: white;
    }

    .detail-table tr:nth-child(5) td:nth-child(n+2),
    .detail-table tr:nth-child(7) td:nth-child(n+2),
    .detail-table tr:nth-child(8) td:nth-child(n+2),
    .detail-table tr:nth-child(10) td:nth-child(n+2),
    .detail-table tr:nth-child(12) td:nth-child(n+2),
    .detail-table tr:nth-child(14) td:nth-child(n+2),
    .detail-table tr:nth-child(16) td:nth-child(n+2),
    .detail-table tr:nth-child(18) td:nth-child(n+2),
    .detail-table tr:nth-child(20) td:nth-child(n+2),
    .detail-table tr:nth-child(22) td:nth-child(n+2),
    .detail-table tr:nth-child(24) td:nth-child(n+2),
    .detail-table tr:nth-child(26) td:nth-child(n+2),
    .detail-table tr:nth-child(28) td:nth-child(n+2),
    .detail-table tr:nth-child(30) td:nth-child(n+2),
    .detail-table tr:nth-child(32) td:nth-child(n+2),
    .detail-table tr:nth-child(34) td:nth-child(n+2),
    .detail-table tr:nth-child(36) td:nth-child(n+2),
    .detail-table tr:nth-child(38) td:nth-child(n+2),
    .detail-table tr:nth-child(40) td:nth-child(n+2),
    .detail-table tr:nth-child(42) td:nth-child(n+2),
    .detail-table tr:nth-child(44) td:nth-child(n+2),
    .detail-table tr:nth-child(46) td:nth-child(n+2),
    .detail-table tr:nth-child(48) td:nth-child(n+2),
    .detail-table tr:nth-child(50) td:nth-child(n+2),
    .detail-table tr:nth-child(52) td:nth-child(n+2),
    .detail-table tr:nth-child(54) td:nth-child(n+2),
    .detail-table tr:nth-child(55) td:nth-child(n+2),
    .detail-table tr:nth-child(57) td:nth-child(n+2),
    .detail-table tr:nth-child(59) td:nth-child(n+2),
    .detail-table tr:nth-child(61) td:nth-child(n+2),
    .detail-table tr:nth-child(62) td:nth-child(n+2),
    .detail-table tr:nth-child(64) td:nth-child(n+2),
    .detail-table tr:nth-child(66) td:nth-child(n+2),
    .detail-table tr:nth-child(67) td:nth-child(n+2),
    .detail-table tr:nth-child(69) td:nth-child(n+2),
    .detail-table tr:nth-child(71) td:nth-child(n+2),
    .detail-table tr:nth-child(73) td:nth-child(n+2),
    .detail-table tr:nth-child(74) td:nth-child(n+2),
    .detail-table tr:nth-child(76) td:nth-child(n+2),
    .detail-table tr:nth-child(78) td:nth-child(n+2),
    .detail-table tr:nth-child(80) td:nth-child(n+2),
    .detail-table tr:nth-child(82) td:nth-child(n+2) {
      background-color: white;
    }

    .detail-table tr:nth-child(3) td:first-child,
    .detail-table tr:nth-child(8) td:first-child,
    .detail-table tr:nth-child(14) td:first-child,
    .detail-table tr:nth-child(22) td:first-child,
    .detail-table tr:nth-child(36) td:first-child,
    .detail-table tr:nth-child(50) td:first-child,
    .detail-table tr:nth-child(55) td:first-child,
    .detail-table tr:nth-child(59) td:first-child,
    .detail-table tr:nth-child(62) td:first-child,
    .detail-table tr:nth-child(67) td:first-child,
    .detail-table tr:nth-child(74) td:first-child,
    .detail-table tr:nth-child(76) td:first-child {
      font-size: 18px;
      font-weight: 700;
    }

    .detail-table td:first-child.bold {
      font-weight: 600;
    }

    .detail-table td.tab {
      padding-left: 30px;
    }

    .check-mark::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('../img/check 1.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

    .get-started-section {
      background: #FBFBFB;
      padding: 74px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .btn-get-started2 {
      background-color: #24223E;
      color: white;
      font-size: 19.5px;
      font-weight: 550;
      border-radius: 60px;
      max-width: 289px;
      width: 289px;
      max-height: 54px;
      height: 54px;
      margin: auto;
      display: block;
      transition: all 0.2s ease;
      white-space: nowrap;
    }

    .btn-get-started2:hover {
      background-color: white;
      color: #24223E;
      border-color: #24223E;
      font-weight: 600;
      border-width: 2px;
    }

    #faq-section {
      background-color: #ffffff;
    }

    .faq-container {
      max-width: 1157px;
      margin-top: 64px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 180px;
    }

    .accordion-item {
      border-color: white;
    }

    .faq-title {
      color: #1F1F1F;
      text-align: center;
      font-size: 48px;
      font-weight: 600;
      margin-bottom: 50px;
    }

    .faq-collapse-btn {
      width: 100%;
      background-color: #ffffff;
      border: none;
      border-top: 1.5px solid rgba(0, 0, 0, 0.1);
      padding: 17px 20px;
      text-align: left;
      font-size: 20px;
      font-weight: 600;
      color: #1F1F1F;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
    }

    .faq-collapse-btn-first {
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      border-top: 1.5px solid #1F1F1F;
    }

    .faq-collapse-btn i {
      font-size: 18px;
      color: #000;
    }

    .faq-collapse-content {
      padding: 0px 25px 10px 25px;
      background-color: #ffffff;
      font-size: 18px;
      color: #1F1F1F;
      font-weight: 400;
      line-height: normal;
    }

    .faq-collapse-content ul {
      color: #1F1F1F;
      padding-left: 24px;
      margin-bottom: 0;
    }

    .faq-collapse-content ul li {
      margin-bottom: 10px;
    }

    .vat {
      font-weight: 600;
      color: #1F1F1F;
    }

    footer {
      background-color: #f8f9fa;
      padding: 50px 0 80px 0;
      border-top: 7px solid;
      border-image: linear-gradient(to right, orange, orange, green, #7695cc, #7695cc) 1;
    }

    .footer-container {
      max-width: 1294px;
      width: 100%;
      margin: 0 auto;
      padding: 0 40px 0 0;
    }

    .footer-row {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start;
    }

    .footer-logo {
      margin-bottom: 20px;
    }

    .footer-logo img {
      width: 140px;
      height: 20px;
    }

    .footer-column {
      flex: 1;
      min-width: 150px;
      margin-bottom: 20px;
      justify-content: right;
    }

    .footer-column h5 {
      color: #4986FF;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px;
      text-align: left;
      margin-left: 158px;
    }

    .footer-column ul {
      list-style: none;
      padding: 0;
      text-align: left;
      margin-left: 158px;
    }

    .footer-column ul li {
      margin-bottom: 10px;
    }

    .footer-column ul li a {
      color: rgba(19, 26, 41, 0.70);
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      white-space: nowrap;
    }

    .footer-column ul li a:hover {
      text-decoration: underline;
    }

    .copyright {
      text-align: right;
      color: rgba(19, 26, 41, 0.70);
      font-size: 14px;
      font-weight: 500;
      margin-top: 48px;
      margin-bottom: 60px;
      margin-left: 56px;
      width: 100%;

    }

    @media (max-width: 1280px) {
      .navbar-container {
        max-width: 1080px;
        width: 100%;
        padding: 0px;
      }

      .navbar-brand img {
        max-width: 120px;
        height: 20px;
      }

      .navbar-nav {
        margin-left: 50px;
        gap: 25px;
      }

      .navbar .nav-link {
        font-size: 16px;
      }

      .navbar-buttons {
        padding-left: 56px;
        gap: 10px;
      }

      .btn-get-started {
        max-width: 240px;
        width: 240px;
        font-size: 17px;
        height: 45px;
        white-space: nowrap;
      }

      .btn-sign-up {
        max-width: 110px;
        width: 110px;
        font-size: 17px;
        height: 45px;
      }

      .hero-title {
        font-size: 48px;
      }

      .hero-subtitle {
        font-size: 22px;
      }

      .pricing-container {
        width: 1000px;
      }

      .pricing-box {
        width: 190px;
        height: 650px;
      }

      .pricing-box h3 {
        font-size: 16px;
      }

      .pricing-box.free .price1,
      .pricing-box.standard .price1,
      .pricing-box.business .price1,
      .pricing-box.business-premium .price1 {
        font-size: 28px;
      }

      .pricing-box.free .price2,
      .pricing-box.standard .price2,
      .pricing-box.business .price2,
      .pricing-box.business-premium .price2 {
        font-size: 35px;

      }

      .pricing-box.enterprise .price {
        font-size: 21px;
        line-height: 47px;
      }

      .pricing-box .users {
        font-size: 10px;
      }

      .pricing-box .description {
        font-size: 12px;
      }

      .pricing-box .btn {
        width: 150px;
        height: 35px;
        font-size: 14px;
        padding: 0px;
      }

      .pricing-box .details {
        font-size: 10px;
      }

      .pricing-box .features li {
        font-size: 10px;
      }

      .collapse-btn {
        width: 240px;
        margin: 0 auto;
        margin-bottom: 40px;
        white-space: nowrap;
      }

      .detail-table {
        transform: scale(0.73);
        margin-top: -500px;
        margin-bottom: -500px;
        margin-left: -60px;
      }

      .check-mark::before {
        font-size: 14px;
      }

      .btn-get-started2 {
        max-width: 240px;
        font-size: 17px;
        margin: 0 auto;
      }

      .faq-container {
        max-width: 65%;
      }

      .faq-title {
        font-size: 42px;
      }

      .footer-container {
        max-width: 1000px;
        padding: 0 15px;
      }

      .footer-logo img {
        width: 132px;
        height: 18px;
      }

      .footer-column {
        flex: 1 1 100px;
        min-width: 120px;
        margin-bottom: 30px;
      }

      .footer-column h5,
      .footer-column ul {
        margin-left: 80px;
      }

      .copyright {
        font-size: 13px;
      }
    }

    @media (max-width: 1120px) {

      .detail-table {
        margin-left: -143px;
      }
    }

    @media (max-width: 1110px) {
      .navbar-container {
        max-width: 944px;
        width: 944px;

      }

      .navbar .nav-link {
        font-size: 15px;
        margin-top: 1px;
      }

      .navbar-buttons {
        padding-left: 40px;
      }

      .btn-get-started {
        width: 220px;
        font-size: 16px;
      }

      .btn-sign-up {
        font-size: 16px;
      }

      .detail-table {
        margin-left: -180px;
      }

      .footer-container {
        width: 944px;
        padding: 0px;
        margin-left: 30px;
      }

      .copyright {
        margin-left: 35px;
      }

    }

    @media(max-width: 1030px) {

      .detail-table {
        margin-left: -185px;
      }
    }

    @media (max-width: 980px) {
      .navbar {
        height: 50px;
        padding: 0px;
      }

      .navbar-container {
        max-width: 920px;
        width: 920px;
        height: 50px;

      }

      .navbar-brand img {
        margin-left: 16px;
      }


      .navbar-collapse.show {
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 15px 20px;
        width: 100%;
        height: 255px;
        position: absolute;
        top: 50px;
        left: 0;
        right: auto;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      }

      .navbar-collapse.show .navbar-nav {
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .navbar-collapse.show .nav-item {
        width: 100%;
      }

      .navbar-collapse.show .nav-link {
        text-align: left;
        padding: 0;
        width: 100%;
        display: block;
        color: #333;
      }

      .navbar .nav-link {
        font-size: 18px;
      }

      .navbar-collapse.show .navbar-buttons {
        margin: 20px 0 0 0;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
      }

      .navbar .container-fluid {
        padding: 0;
      }

      .navbar-nav {
        margin-left: 66px;
        gap: 10px;
        margin-top: 1px;
        display: flex;
        flex-direction: row;
        white-space: nowrap;
      }

      .navbar .nav-link:hover {
        color: #474EEB;

      }

      .navbar-buttons {
        padding-left: 230px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 15px;
        height: 40px;
      }

      .btn-get-started {
        background-color: #24223E;
        color: white;
        font-size: 18px;
        font-weight: 500;
        border-radius: 60px;
        max-width: 240px;
        width: 240px;
        height: 48px;
        padding: 8px 16px;
        margin: 0;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .btn-sign-up {
        background: linear-gradient(to bottom right, #666CF7, #6699FF);
        color: white;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        border-radius: 60px;
        max-width: 129px;
        width: 129px;
        height: 48px;
        padding: 12px 30px;
        margin: 0;
        transition: all 0.2s ease;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
      }


      .navbar-collapse {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s ease;
      }

      .navbar-collapse.show {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s linear 0s, opacity 0.3s ease;
      }

      .hero-section {
        padding: 80px 0px 36px;
      }

      .hero-subtitle {
        margin-bottom: 22px;
      }

      .hero-title {
        font-size: 40px;
      }

      .toggle-switch {
        width: 200px;
        height: 28px;
      }

      .toggle-switch.yearly {
        height: 43px;
      }

      .toggle-label {
        font-size: 12px;
      }

      .toggle-label.monthly-on,
      .toggle-label.monthly-off {
        padding: 10px 26px;
      }

      .toggle-label.yearly-on,
      .toggle-label.yearly-off {

        padding-right: 38px;
      }

      .toggle-button {
        width: 100px;
        height: 31px;
      }

      .toggle-button.monthly {
        transform: translateX(-2px);
        top: -2px;
      }

      .toggle-button.yearly {
        width: 100px;
        height: 31px;
        transform: translateX(90px);
        top: 5px;
      }

      .yearly-badge {
        font-size: 10px;
        white-space: nowrap;
        width: 97px;
        height: 23px;
        padding: 3px 10px;
        top: -10px;
        right: -70px;
      }

      .toggle-text {
        font-size: 12px;
      }

      .pricing-container {
        width: 920px;
        margin-left: auto;
        margin-right: auto;
      }

      .pricing-box {
        width: 165px;
        padding: 10px 12px;
        height: 570px;
        gap: 7px;
      }

      .pricing-box h3 {
        font-size: 14px;
        line-height: 14px;
      }

      .pricing-box .description {
        font-size: 12px;
      }

      .pricing-box .users,
      .pricing-box p {
        font-size: 11px;
      }

      .pricing-box .details {
        font-size: 8px;
      }

      .pricing-box .features li {
        font-size: 8px;
        line-height: 19px;
        padding-left: 14px;
      }

      .pricing-box .btn {
        width: 140px;
        font-size: 12px;
        padding: 8px 12px;
      }

      .detail-table {
        transform: scale(0.63);
        margin-left: -240px;
        margin-top: -700px;
        margin-bottom: -700px;
      }

      .faq-title {
        font-size: 40px;
      }

      .faq-collapse-btn {
        font-size: 15px;
      }

      .faq-collapse-content {
        font-size: 13px;
      }

      .footer-container {
        width: 93%;
        margin-left: 5px;
      }

      .footer-column ul li a {
        font-size: 12px;
      }
    }

    @media (max-width: 905px) {
      .pricing-container {
        width: 878px;
      }

      .detail-table {
        margin-left: -247px;
      }

    }

    @media (max-width: 890px) {

      .detail-table {
        margin-left: -255px;
      }

      .footer-container {
        max-width: 820px;
        padding: 0 20px;
      }

      .copyright {
        margin-left: 60px;
      }
    }

    @media (max-width: 853px) {

      .hero-title {
        font-size: 36px;
      }

      .hero-subtitle {
        font-size: 18px;
      }

      .pricing-container {
        width: 830px;
      }

      .pricing-box {
        width: 150px;
      }

      .pricing-box.enterprise .price {
        font-size: 20px;
      }

      .pricing-box .description {
        font-size: 11px;
      }

      .pricing-box .btn {
        width: 125px;
        height: 30px;
        padding: 0px;
      }

      .detail-table {
        transform: scale(0.58);
        margin-left: -280px;
        margin-top: -750px;
        margin-bottom: -830px;
      }

      .faq-title {
        font-size: 34px;
      }

    }

    @media (max-width: 825px) {

      .pricing-container {
        width: 800px;
        gap: 8px;
      }

      .detail-table {
        margin-left: -287.5px;
      }

    }

    @media (max-width: 800px) {

      .detail-table {
        margin-left: -300px;
      }

      .footer-container {
        margin-left: 0px;
      }

    }

    @media (max-width: 785px) {

      .btn-get-started {
        width: 220px;
        font-size: 16px;
      }

      .btn-sign-up {
        width: 110px;
        font-size: 16px;
      }

      .pricing-container {
        width: 600px;
        flex-wrap: wrap;
        gap: 12px;
      }

      .pricing-box {
        height: 550px;
      }

      .collapse-btn {
        font-size: 16px;
        width: 220px;
        height: 40px;
        margin-bottom: 0px;
      }

      .detail-table {
        transform: scale(0.53);
        margin-left: -310px;
        margin-top: -860px;
        margin-bottom: -920px;
      }

      .btn-get-started2 {
        max-width: 220px;
        height: 40px;
        font-size: 16px;
      }

      .faq-title {
        font-size: 32px;
      }

      .faq-container {
        margin-bottom: 100px;
      }

      .footer-container {
        padding: 0 15px;
      }

      .footer-logo img {
        width: 110px;
        height: 16px;
        margin-left: 0px;
      }

      .footer-column h5,
      .footer-column ul {
        margin-left: 60px;
        text-align: left;
        font-size: 13px;
      }

      .footer-column h5 {
        font-size: 16px;
      }

      .copyright {
        font-size: 13px;
      }

    }

    @media (max-width: 767px) {
      .footer-logo img {
        margin-left: 50px;
      }
    }


    @media (max-width: 750px) {


      .detail-table {
        margin-left: -325px;
      }
    }

    @media (max-width: 730px) {

      /*576px*/
      .hero-subtitle {
        margin-bottom: 20px;
      }

      .hero-section {
        padding: 70px 0px 26px;
      }

      .pricing-container {
        width: 570px;
      }

      .pricing-box {
        height: 535px;
      }

      .detail-table {
        transform: scale(0.4);
        margin-left: -410px;
        margin-top: -1130px;
        margin-bottom: -1180px;
      }

      .faq-title {
        font-size: 24px;
      }

      .footer-container {
        margin-left: -30px;
      }

    }

    @media (max-width: 540px) {

      .footer-container {
        margin-left: -35px;
      }
    }

    @media (max-width: 445px) {

      .navbar .nav-link {
        font-size: 15px;
      }

      .btn-get-started {
        font-size: 15px;
        width: 202px;
        height: 37px;
        letter-spacing: -0.2px;
      }

      .btn-sign-up {
        font-size: 15px;
        width: 98px;
        height: 37px;
        letter-spacing: -0.2px;
      }

      .navbar-collapse.show {
        height: 223px;
      }


      .hero-title {
        font-size: 30px;
      }

      .pricing-container {
        width: 410px;
      }

      .collapse-btn {
        font-size: 14px;
        width: 180px;
        height: 30px;
      }

      .detail-table {
        transform: scale(0.3);
        margin-left: -477.5px;
        margin-top: -1330px;
        margin-bottom: -1380px;
      }

      .btn-get-started2 {
            font-size: 14.5px;
            border-radius: 40px;
            padding: 8px 18px;
            width: 210px;
            height: 40px;
      }

      .faq-title {
        font-size: 18px;
        white-space: nowrap;
      }

      .faq-collapse-btn {
        font-size: 14px;
      }

      .faq-collapse-content {
        font-size: 12px;
      }

      .footer-container {
        margin-left: -5px;
      }

      .footer-column {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: left;
      }

      .copyright {
        text-align: center;
        margin-left: 21.5px;
      }

    }

    @media (max-width: 435px) {

      .pricing-container {
        width: 400px;
      }

      .detail-table {
        transform: scale(0.29);
        margin-left: -482.5px;
      }

    }

    @media (max-width: 414px) {

      .pricing-container {
        width: 387.5px;
      }

      .detail-table {
        margin-left: -490px;
        margin-top: -1360px;
        margin-bottom: -1400px;
      }

    }

    @media (max-width: 395px) {
      .hero-title {
        font-size: 28px;
      }

      .pricing-container {
        width: 320px;
      }

      .detail-table {
        transform: scale(0.27);
        margin-left: -502.5px;
        margin-top: -1400px;
        margin-bottom: -1440px;
      }

      .footer-container {
        margin-left: -10px;
      }

      .copyright {
        margin-left: 27.5px;
      }
    }

    @media (max-width: 380px) {
      .detail-table {
        transform: scale(0.27);
        margin-left: -510px;
      }


    }

    @media (max-width: 360px) {

      .detail-table {
        transform: scale(0.25);
        margin-left: -517.5px;
        margin-top: -1430px;
        margin-bottom: -1480px;
      }

      .faq-title {
        font-size: 16px;
      }

      .footer-container {
        margin-left: -20px;
      }

      .copyright {
        margin-left: 32.5px;
      }

    }

    @media (max-width: 350px) {

      .hero-title {
        font-size: 24px;
      }

      .pricing-container {
        width: 320px;
      }

      .detail-table {
        transform: scale(0.24);
        margin-left: -525px;
      }

      .footer-container {
        margin-left: -25px;
      }

      .copyright {
        margin-left: 37.5px;
      }

    }

    @media (max-width: 340px) {
      .navbar .nav-link {
        font-size: 14.8px;
      }

      .btn-get-started {
        font-size: 14.8px;
        width: 189px;
      }

      .btn-sign-up {
        font-size: 14.8px;
        width: 85px;
      }

    }

    @media (max-width: 325px) {
      .pricing-container {
        width: 315px;
        gap: 5px;
      }

      .detail-table {
        transform: scale(0.22);
        margin-left: -537.5px;
        margin-top: -1480px;
        margin-bottom: -1540px;
      }

    }