body {
      font: var(--porto-body-fst, normal) var(--porto-body-fw, 400) var(--porto-body-fs, 14px) / var(--porto-body-lh, 24px) var(--porto-body-ff), sans-serif !important;
      letter-spacing: var(--porto-body-ls, 0) !important;
      --porto-body-ff: "Poppins"
      line-height: 20px !important;
      font-family: "Poppins" !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      color: #444444 !important;
    }

    figcaption {
      font: var(--porto-body-fst, normal) var(--porto-body-fw, 400) var(--porto-body-fs, 14px) / var(--porto-body-lh, 24px) var(--porto-body-ff), sans-serif !important;
      letter-spacing: var(--porto-body-ls, 0) !important;
      --porto-body-ff: "Poppins" !important;
      line-height: 40px !important;
      font-family: "Poppins" !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      color: #444444 !important;
    }

    .badge {
      font-size: 13px !important;
    }


    ul {
      line-height: 2px !important;
      font-family: "Poppins" !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      color: #444444 !important;
    }

    li {
      line-height: 20px !important;
      font-family: "Poppins" !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      color: #444444 !important;
    }

    h2 {
      line-height: 24px !important;
      font-family: "Poppins" !important;
      font-size: 24px !important;
      font-weight: 700 !important;
      color: #686868 !important;


      font: var(--porto-h2-fst, normal) var(--porto-h2-fw, 700) var(--porto-h2-fs, 2.2em) / var(--porto-h2-lh, 40px) var(--porto-h2-ff, var(--porto-body-ff)), sans-serif;
      color: var(--porto-h2-color, var(--porto-heading-color));
      letter-spacing: var(--porto-h2-ls, -0.05em);
      margin-bottom: 32px;
    }

    .btn-primary {
      --bs-btn-font-weight: 500;
      --bs-btn-bg: #1ae1ef;
      --bs-btn-border-color: #1ae1ef;
      --bs-btn-hover-bg: #17c9d6;
      --bs-btn-hover-border-color: #17c9d6;
      --bs-btn-active-bg: #1ae1ef;
      --bs-btn-active-border-color: #1ae1ef;
    }
    
    .btn-primary:hover {
        box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 10px 0px rgba(0, 0, 0, 0.12) !important;
    }

    .btn-secondary {
      --bs-btn-font-weight: 500;
      --bs-btn-bg: #1c2836;
      --bs-btn-border-color: #1c2836;
      --bs-btn-hover-bg: #10171f;
      --bs-btn-hover-border-color: #10171f;
      --bs-btn-active-bg: #1c2836;
      --bs-btn-active-border-color: #050505;
    }
    
    .btn-secondary:hover {
        box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 10px 0px rgba(0, 0, 0, 0.12) !important;
    }

    .badge {
      --bs-secondary-rgb: 28, 40, 54;
    }

    a {
      text-decoration: unset;
    }

    .modal-backdrop {
      background-color: transparent !important;
    }

    .modal-content {
      border: 2px solid black !important;
    }

    #main-content-wrapper {
      margin-left: 65px;
      margin-right: 70px;
    }

    .btn.disabled,
    .btn:disabled,
    fieldset:disabled .btn {
      color: var(--bs-btn-disabled-color);
      pointer-events: none;
      background-color: rgba(0, 0, 0, 0.125);
      border-color: var(--bs-btn-disabled-border-color);
      opacity: var(--bs-btn-disabled-opacity);
    }


    /* For screens below 1024px */
    @media (max-width: 1024px) {
      #main-content-wrapper {
        margin-left: 0px;
        margin-right: 0px;
      }
    }

    div#exampleModalToggle2 {
      overflow: hidden;
    }

    .text-bg-primary {
    color: #fff !important;
    background-color: rgb(26 225 239) !important;
    }

.buttonShine {
  color: #fff !important;
  background-color: rgb(26 225 239) !important;
  transition: 0.3s !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  position: relative; 
  overflow: hidden;
  cursor: pointer;
  border: none;
}

    .buttonShine:hover {
        box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 10px 0px rgba(0, 0, 0, 0.12) !important;
    }
    
    .buttonShine:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100px;
        background-image: linear-gradient(
            120deg, rgba(239,239,239, 0) 30%, rgba(239,239,239, .5), rgba(239,239,239, 0) 70%
        );
        animation: shine 5s infinite linear; 
    }
@keyframes shine {
    0% {left: -100px}
    20% {left: 100%}
    100% {left: 100%}
}