.w-bg-primary-0 {
  background-color: #0079c1;
  opacity: 0;
}

.w-color-primary-0 {
  color: #0079c1;
  opacity: 0;
}

.w-bg-primary-pt1 {
  background-color: #0079c1;
  opacity: 0.1;
}

.w-color-primary-pt1 {
  color: #0079c1;
  opacity: 0.1;
}

.w-bg-primary-pt2 {
  background-color: #0079c1;
  opacity: 0.2;
}

.w-color-primary-pt2 {
  color: #0079c1;
  opacity: 0.2;
}

.w-bg-primary-pt3 {
  background-color: #0079c1;
  opacity: 0.3;
}

.w-color-primary-pt3 {
  color: #0079c1;
  opacity: 0.3;
}

.w-bg-primary-pt4 {
  background-color: #0079c1;
  opacity: 0.4;
}

.w-color-primary-pt4 {
  color: #0079c1;
  opacity: 0.4;
}

.w-bg-primary-pt5 {
  background-color: #0079c1;
  opacity: 0.5;
}

.w-color-primary-pt5 {
  color: #0079c1;
  opacity: 0.5;
}

.w-bg-primary-pt6 {
  background-color: #0079c1;
  opacity: 0.6;
}

.w-color-primary-pt6 {
  color: #0079c1;
  opacity: 0.6;
}

.w-bg-primary-pt7 {
  background-color: #0079c1;
  opacity: 0.7;
}

.w-color-primary-pt7 {
  color: #0079c1;
  opacity: 0.7;
}

.w-bg-primary-pt8 {
  background-color: #0079c1;
  opacity: 0.8;
}

.w-color-primary-pt8 {
  color: #0079c1;
  opacity: 0.8;
}

.w-bg-primary-pt9 {
  background-color: #0079c1;
  opacity: 0.9;
}

.w-color-primary-pt9 {
  color: #0079c1;
  opacity: 0.9;
}

.w-bg-primary-1 {
  background-color: #0079c1;
  opacity: 1;
}

.w-color-primary-1 {
  color: #0079c1;
  opacity: 1;
}

.w-bg-white-0 {
  background-color: #ffffff;
  opacity: 0;
}

.w-color-white-0 {
  color: #ffffff;
  opacity: 0;
}

.w-bg-white-pt1 {
  background-color: #ffffff;
  opacity: 0.1;
}

.w-color-white-pt1 {
  color: #ffffff;
  opacity: 0.1;
}

.w-bg-white-pt2 {
  background-color: #ffffff;
  opacity: 0.2;
}

.w-color-white-pt2 {
  color: #ffffff;
  opacity: 0.2;
}

.w-bg-white-pt3 {
  background-color: #ffffff;
  opacity: 0.3;
}

.w-color-white-pt3 {
  color: #ffffff;
  opacity: 0.3;
}

.w-bg-white-pt4 {
  background-color: #ffffff;
  opacity: 0.4;
}

.w-color-white-pt4 {
  color: #ffffff;
  opacity: 0.4;
}

.w-bg-white-pt5 {
  background-color: #ffffff;
  opacity: 0.5;
}

.w-color-white-pt5 {
  color: #ffffff;
  opacity: 0.5;
}

.w-bg-white-pt6 {
  background-color: #ffffff;
  opacity: 0.6;
}

.w-color-white-pt6 {
  color: #ffffff;
  opacity: 0.6;
}

.w-bg-white-pt7 {
  background-color: #ffffff;
  opacity: 0.7;
}

.w-color-white-pt7 {
  color: #ffffff;
  opacity: 0.7;
}

.w-bg-white-pt8 {
  background-color: #ffffff;
  opacity: 0.8;
}

.w-color-white-pt8 {
  color: #ffffff;
  opacity: 0.8;
}

.w-bg-white-pt9 {
  background-color: #ffffff;
  opacity: 0.9;
}

.w-color-white-pt9 {
  color: #ffffff;
  opacity: 0.9;
}

.w-bg-white-1 {
  background-color: #ffffff;
  opacity: 1;
}

.w-color-white-1 {
  color: #ffffff;
  opacity: 1;
}

.w-bg-black-0 {
  background-color: #000000;
  opacity: 0;
}

.w-color-black-0 {
  color: #000000;
  opacity: 0;
}

.w-bg-black-pt1 {
  background-color: #000000;
  opacity: 0.1;
}

.w-color-black-pt1 {
  color: #000000;
  opacity: 0.1;
}

.w-bg-black-pt2 {
  background-color: #000000;
  opacity: 0.2;
}

.w-color-black-pt2 {
  color: #000000;
  opacity: 0.2;
}

.w-bg-black-pt3 {
  background-color: #000000;
  opacity: 0.3;
}

.w-color-black-pt3 {
  color: #000000;
  opacity: 0.3;
}

.w-bg-black-pt4 {
  background-color: #000000;
  opacity: 0.4;
}

.w-color-black-pt4 {
  color: #000000;
  opacity: 0.4;
}

.w-bg-black-pt5 {
  background-color: #000000;
  opacity: 0.5;
}

.w-color-black-pt5 {
  color: #000000;
  opacity: 0.5;
}

.w-bg-black-pt6 {
  background-color: #000000;
  opacity: 0.6;
}

.w-color-black-pt6 {
  color: #000000;
  opacity: 0.6;
}

.w-bg-black-pt7 {
  background-color: #000000;
  opacity: 0.7;
}

.w-color-black-pt7 {
  color: #000000;
  opacity: 0.7;
}

.w-bg-black-pt8 {
  background-color: #000000;
  opacity: 0.8;
}

.w-color-black-pt8 {
  color: #000000;
  opacity: 0.8;
}

.w-bg-black-pt9 {
  background-color: #000000;
  opacity: 0.9;
}

.w-color-black-pt9 {
  color: #000000;
  opacity: 0.9;
}

.w-bg-black-1 {
  background-color: #000000;
  opacity: 1;
}

.w-color-black-1 {
  color: #000000;
  opacity: 1;
}

.w-bg-compTxt-0 {
  background-color: #0f2258;
  opacity: 0;
}

.w-color-compTxt-0 {
  color: #0f2258;
  opacity: 0;
}

.w-bg-compTxt-pt1 {
  background-color: #0f2258;
  opacity: 0.1;
}

.w-color-compTxt-pt1 {
  color: #0f2258;
  opacity: 0.1;
}

.w-bg-compTxt-pt2 {
  background-color: #0f2258;
  opacity: 0.2;
}

.w-color-compTxt-pt2 {
  color: #0f2258;
  opacity: 0.2;
}

.w-bg-compTxt-pt3 {
  background-color: #0f2258;
  opacity: 0.3;
}

.w-color-compTxt-pt3 {
  color: #0f2258;
  opacity: 0.3;
}

.w-bg-compTxt-pt4 {
  background-color: #0f2258;
  opacity: 0.4;
}

.w-color-compTxt-pt4 {
  color: #0f2258;
  opacity: 0.4;
}

.w-bg-compTxt-pt5 {
  background-color: #0f2258;
  opacity: 0.5;
}

.w-color-compTxt-pt5 {
  color: #0f2258;
  opacity: 0.5;
}

.w-bg-compTxt-pt6 {
  background-color: #0f2258;
  opacity: 0.6;
}

.w-color-compTxt-pt6 {
  color: #0f2258;
  opacity: 0.6;
}

.w-bg-compTxt-pt7 {
  background-color: #0f2258;
  opacity: 0.7;
}

.w-color-compTxt-pt7 {
  color: #0f2258;
  opacity: 0.7;
}

.w-bg-compTxt-pt8 {
  background-color: #0f2258;
  opacity: 0.8;
}

.w-color-compTxt-pt8 {
  color: #0f2258;
  opacity: 0.8;
}

.w-bg-compTxt-pt9 {
  background-color: #0f2258;
  opacity: 0.9;
}

.w-color-compTxt-pt9 {
  color: #0f2258;
  opacity: 0.9;
}

.w-bg-compTxt-1 {
  background-color: #0f2258;
  opacity: 1;
}

.w-color-compTxt-1 {
  color: #0f2258;
  opacity: 1;
}

.w-pt-0 {
  padding-top: 0;
}

.w-pl-0 {
  padding-left: 0;
}

.w-pr-0 {
  padding-right: 0;
}

.w-pb-0 {
  padding-bottom: 0;
}

.w-p-0 {
  padding: 0;
}

.w-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.w-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.w-mt-0 {
  margin-top: 0;
}

.w-ml-0 {
  margin-left: 0;
}

.w-mr-0 {
  margin-right: 0;
}

.w-mb-0 {
  margin-bottom: 0;
}

.w-m-0 {
  margin: 0;
}

.w-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.w-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.w-ml-n0 {
  margin-left: 0;
}

.w-mb-n0 {
  margin-bottom: 0;
}

.w-pt-1 {
  padding-top: 4px;
}

.w-pl-1 {
  padding-left: 4px;
}

.w-pr-1 {
  padding-right: 4px;
}

.w-pb-1 {
  padding-bottom: 4px;
}

.w-p-1 {
  padding: 4px;
}

.w-px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.w-py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.w-mt-1 {
  margin-top: 4px;
}

.w-ml-1 {
  margin-left: 4px;
}

.w-mr-1 {
  margin-right: 4px;
}

.w-mb-1 {
  margin-bottom: 4px;
}

.w-m-1 {
  margin: 4px;
}

.w-mx-1 {
  margin-left: 4px;
  margin-right: 4px;
}

.w-my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.w-ml-n1 {
  margin-left: -4px;
}

.w-mb-n1 {
  margin-bottom: -4px;
}

.w-pt-2 {
  padding-top: 8px;
}

.w-pl-2 {
  padding-left: 8px;
}

.w-pr-2 {
  padding-right: 8px;
}

.w-pb-2 {
  padding-bottom: 8px;
}

.w-p-2 {
  padding: 8px;
}

.w-px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.w-py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.w-mt-2 {
  margin-top: 8px;
}

.w-ml-2 {
  margin-left: 8px;
}

.w-mr-2 {
  margin-right: 8px;
}

.w-mb-2 {
  margin-bottom: 8px;
}

.w-m-2 {
  margin: 8px;
}

.w-mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.w-my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.w-ml-n2 {
  margin-left: -8px;
}

.w-mb-n2 {
  margin-bottom: -8px;
}

.w-pt-3 {
  padding-top: 12px;
}

.w-pl-3 {
  padding-left: 12px;
}

.w-pr-3 {
  padding-right: 12px;
}

.w-pb-3 {
  padding-bottom: 12px;
}

.w-p-3 {
  padding: 12px;
}

.w-px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.w-py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.w-mt-3 {
  margin-top: 12px;
}

.w-ml-3 {
  margin-left: 12px;
}

.w-mr-3 {
  margin-right: 12px;
}

.w-mb-3 {
  margin-bottom: 12px;
}

.w-m-3 {
  margin: 12px;
}

.w-mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.w-my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.w-ml-n3 {
  margin-left: -12px;
}

.w-mb-n3 {
  margin-bottom: -12px;
}

.w-pt-4 {
  padding-top: 16px;
}

.w-pl-4 {
  padding-left: 16px;
}

.w-pr-4 {
  padding-right: 16px;
}

.w-pb-4 {
  padding-bottom: 16px;
}

.w-p-4 {
  padding: 16px;
}

.w-px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.w-py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.w-mt-4 {
  margin-top: 16px;
}

.w-ml-4 {
  margin-left: 16px;
}

.w-mr-4 {
  margin-right: 16px;
}

.w-mb-4 {
  margin-bottom: 16px;
}

.w-m-4 {
  margin: 16px;
}

.w-mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}

.w-my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.w-ml-n4 {
  margin-left: -16px;
}

.w-mb-n4 {
  margin-bottom: -16px;
}

.w-pt-5 {
  padding-top: 20px;
}

.w-pl-5 {
  padding-left: 20px;
}

.w-pr-5 {
  padding-right: 20px;
}

.w-pb-5 {
  padding-bottom: 20px;
}

.w-p-5 {
  padding: 20px;
}

.w-px-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.w-py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.w-mt-5 {
  margin-top: 20px;
}

.w-ml-5 {
  margin-left: 20px;
}

.w-mr-5 {
  margin-right: 20px;
}

.w-mb-5 {
  margin-bottom: 20px;
}

.w-m-5 {
  margin: 20px;
}

.w-mx-5 {
  margin-left: 20px;
  margin-right: 20px;
}

.w-my-5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.w-ml-n5 {
  margin-left: -20px;
}

.w-mb-n5 {
  margin-bottom: -20px;
}

.w-pt-6 {
  padding-top: 24px;
}

.w-pl-6 {
  padding-left: 24px;
}

.w-pr-6 {
  padding-right: 24px;
}

.w-pb-6 {
  padding-bottom: 24px;
}

.w-p-6 {
  padding: 24px;
}

.w-px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.w-py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.w-mt-6 {
  margin-top: 24px;
}

.w-ml-6 {
  margin-left: 24px;
}

.w-mr-6 {
  margin-right: 24px;
}

.w-mb-6 {
  margin-bottom: 24px;
}

.w-m-6 {
  margin: 24px;
}

.w-mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}

.w-my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.w-ml-n6 {
  margin-left: -24px;
}

.w-mb-n6 {
  margin-bottom: -24px;
}

.w-pt-7 {
  padding-top: 28px;
}

.w-pl-7 {
  padding-left: 28px;
}

.w-pr-7 {
  padding-right: 28px;
}

.w-pb-7 {
  padding-bottom: 28px;
}

.w-p-7 {
  padding: 28px;
}

.w-px-7 {
  padding-left: 28px;
  padding-right: 28px;
}

.w-py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.w-mt-7 {
  margin-top: 28px;
}

.w-ml-7 {
  margin-left: 28px;
}

.w-mr-7 {
  margin-right: 28px;
}

.w-mb-7 {
  margin-bottom: 28px;
}

.w-m-7 {
  margin: 28px;
}

.w-mx-7 {
  margin-left: 28px;
  margin-right: 28px;
}

.w-my-7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.w-ml-n7 {
  margin-left: -28px;
}

.w-mb-n7 {
  margin-bottom: -28px;
}

.w-pt-8 {
  padding-top: 32px;
}

.w-pl-8 {
  padding-left: 32px;
}

.w-pr-8 {
  padding-right: 32px;
}

.w-pb-8 {
  padding-bottom: 32px;
}

.w-p-8 {
  padding: 32px;
}

.w-px-8 {
  padding-left: 32px;
  padding-right: 32px;
}

.w-py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.w-mt-8 {
  margin-top: 32px;
}

.w-ml-8 {
  margin-left: 32px;
}

.w-mr-8 {
  margin-right: 32px;
}

.w-mb-8 {
  margin-bottom: 32px;
}

.w-m-8 {
  margin: 32px;
}

.w-mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}

.w-my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.w-ml-n8 {
  margin-left: -32px;
}

.w-mb-n8 {
  margin-bottom: -32px;
}

.w-pt-9 {
  padding-top: 36px;
}

.w-pl-9 {
  padding-left: 36px;
}

.w-pr-9 {
  padding-right: 36px;
}

.w-pb-9 {
  padding-bottom: 36px;
}

.w-p-9 {
  padding: 36px;
}

.w-px-9 {
  padding-left: 36px;
  padding-right: 36px;
}

.w-py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.w-mt-9 {
  margin-top: 36px;
}

.w-ml-9 {
  margin-left: 36px;
}

.w-mr-9 {
  margin-right: 36px;
}

.w-mb-9 {
  margin-bottom: 36px;
}

.w-m-9 {
  margin: 36px;
}

.w-mx-9 {
  margin-left: 36px;
  margin-right: 36px;
}

.w-my-9 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.w-ml-n9 {
  margin-left: -36px;
}

.w-mb-n9 {
  margin-bottom: -36px;
}

.w-pt-10 {
  padding-top: 40px;
}

.w-pl-10 {
  padding-left: 40px;
}

.w-pr-10 {
  padding-right: 40px;
}

.w-pb-10 {
  padding-bottom: 40px;
}

.w-p-10 {
  padding: 40px;
}

.w-px-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.w-py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.w-mt-10 {
  margin-top: 40px;
}

.w-ml-10 {
  margin-left: 40px;
}

.w-mr-10 {
  margin-right: 40px;
}

.w-mb-10 {
  margin-bottom: 40px;
}

.w-m-10 {
  margin: 40px;
}

.w-mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.w-my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.w-ml-n10 {
  margin-left: -40px;
}

.w-mb-n10 {
  margin-bottom: -40px;
}

.w-pt-11 {
  padding-top: 44px;
}

.w-pl-11 {
  padding-left: 44px;
}

.w-pr-11 {
  padding-right: 44px;
}

.w-pb-11 {
  padding-bottom: 44px;
}

.w-p-11 {
  padding: 44px;
}

.w-px-11 {
  padding-left: 44px;
  padding-right: 44px;
}

.w-py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.w-mt-11 {
  margin-top: 44px;
}

.w-ml-11 {
  margin-left: 44px;
}

.w-mr-11 {
  margin-right: 44px;
}

.w-mb-11 {
  margin-bottom: 44px;
}

.w-m-11 {
  margin: 44px;
}

.w-mx-11 {
  margin-left: 44px;
  margin-right: 44px;
}

.w-my-11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.w-ml-n11 {
  margin-left: -44px;
}

.w-mb-n11 {
  margin-bottom: -44px;
}

.w-pt-12 {
  padding-top: 48px;
}

.w-pl-12 {
  padding-left: 48px;
}

.w-pr-12 {
  padding-right: 48px;
}

.w-pb-12 {
  padding-bottom: 48px;
}

.w-p-12 {
  padding: 48px;
}

.w-px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.w-py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.w-mt-12 {
  margin-top: 48px;
}

.w-ml-12 {
  margin-left: 48px;
}

.w-mr-12 {
  margin-right: 48px;
}

.w-mb-12 {
  margin-bottom: 48px;
}

.w-m-12 {
  margin: 48px;
}

.w-mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.w-my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.w-ml-n12 {
  margin-left: -48px;
}

.w-mb-n12 {
  margin-bottom: -48px;
}

.w-pt-auto {
  padding-top: auto;
}

.w-pl-auto {
  padding-left: auto;
}

.w-pr-auto {
  padding-right: auto;
}

.w-pb-auto {
  padding-bottom: auto;
}

.w-p-auto {
  padding: auto;
}

.w-px-auto {
  padding-left: auto;
  padding-right: auto;
}

.w-py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.w-mt-auto {
  margin-top: auto;
}

.w-ml-auto {
  margin-left: auto;
}

.w-mr-auto {
  margin-right: auto;
}

.w-mb-auto {
  margin-bottom: auto;
}

.w-m-auto {
  margin: auto;
}

.w-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.w-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.w-ml-nauto {
  margin-left: -auto;
}

.w-mb-nauto {
  margin-bottom: -auto;
}

.f-size-13-20-400 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

.f-size-13-20-700 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}

.f-size-13-32-400 {
  font-size: 13px;
  line-height: 32px;
  font-weight: 400;
}

.f-size-13-32-700 {
  font-size: 13px;
  line-height: 32px;
  font-weight: 700;
}

.f-size-14-20-400 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.f-size-14-20-700 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

.f-size-14-32-400 {
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
}

.f-size-14-32-700 {
  font-size: 14px;
  line-height: 32px;
  font-weight: 700;
}

.f-size-16-20-400 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.f-size-16-20-700 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.f-size-16-32-400 {
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.f-size-16-32-700 {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
}

.f-size-28-20-400 {
  font-size: 28px;
  line-height: 20px;
  font-weight: 400;
}

.f-size-28-20-700 {
  font-size: 28px;
  line-height: 20px;
  font-weight: 700;
}

.f-size-28-32-400 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
}

.f-size-28-32-700 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
}

.gap-0 {
  gap: 0;
}

.gap-4 {
  gap: 4px;
}

.gap-48 {
  gap: 48px;
}

.background {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  font-family: "Helvetica";
  font-style: normal;
}

.termsConditionDetails {
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5px;
}

.contactUs {
  height: 84px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.williamslogo {
  width: 100px;
  height: 56.8px;
}


.helpDetails {
  background: #ffffff;
  height: 802.8px;
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contactDetails {
  background: #ffffff;
  height: 914.8px;
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
  border-radius: 12px;
}

.form-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.email-content {
  font-weight: 700;
  color: #0f2258;
  font-family: "Helvetica";
  font-size: 16px;
  border: none;
}

.flex-item:nth-child(3),
.flex-item:nth-child(6) {
  flex-basis: calc(100% - 10px);
}

.flex-item {
  flex-basis: calc(50% - 10px);
  margin: 4px;
}

.tooltip {
  position: relative;
}
.tooltip .tooltiptext {
  display: none;
  width: 190px;
  background-color: #ffffff;
  color: #0f2258;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  left: 20px;
  bottom: 0;
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
}
.tooltip:hover span {
  display: block;
}

body {
  font-family: "Helvetica";
  margin: 0px;
  padding: 0px;
}

.background-image-wrapper {
  box-sizing: border-box;
}

@media only screen and (max-width: 430px) {
  .background-image {
    margin :0px !important;
  }

  .box-wrapper {
    left:1rem !important;
  }

  .auth-content-wrapper {
    padding: 25px;
  }
}

@media only screen and (min-width: 430px) {
  .box-wrapper {
    min-height: 700px;
  }
  
  .auth-content-wrapper {
    padding: 45px;
  }
}

@media only screen and (min-width: 764px)
{
  .termsConditionDetails {
    width: 764px;
  }

  .contactDetails {
    width: 764px;
  }

  .contactUs {
    width: 764px;
  }

  .helpDetails {
    width: 764px;
  }
}

.background-image {
    position: relative;
    margin: 1rem 2rem;
    width: calc(100vw - 22rem);
    border-radius: 12px;
    box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04), 0px 4px 16px rgba(15, 34, 88, 0.08);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    min-height: calc(100vh - 2rem);
    align-self: stretch;
}

.auth-content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
  border-radius: 12px;
  top: 151px;
  background-color: #ffffff;
  min-width: 80%;
  padding: 2.5rem;
}

.box-wrapper {
  position: relative;
  left: 5rem;
  width: 30rem;
  margin: 1rem 0;
}

.auth-content {
  text-align: center;
}
.auth-content .sign-up-content {
  line-height: 32px;
  font-size: 28px;
  margin-top: 12px;
}
.auth-content .thankyou-content {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.thankyou-content {
  color: #0F2258;
  text-align: left;
}

.auth-content .auth-button {
  height: 40px;
  width: 328px;
  border-radius: 100px;
  color: #0079c1;
  background: #ffffff;
  border: 1px solid #0079c1;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 16px;
}
.auth-content .auth-image {
  position: absolute;
  left: 80px;
}
.auth-content .auth-image.auth-image-microsoft {
  top: calc(53% - 32px / 2 + 0.2px);
}
.auth-content .auth-image.auth-image-google {
  top: calc(65% - 32px / 2 + 0.2px);
}
.auth-content .text-content {
  color: #0079c1;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  display: block;
  margin: 54px 0px;
}
.auth-content .email-button {
  color: #ffffff;
  background-color: #0079c1;
  width: 338px;
}
.auth-content .auth-box {
  width: 158px;
}
.auth-content .input-box,
.auth-content .auth-box {
  height: 28px;
}

.contact-wrapper {
  box-shadow: 0px 4px 8px rgba(15, 34, 88, 0.04),
    0px 4px 16px rgba(15, 34, 88, 0.08);
  border-radius: 12px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  gap: 4px;
  position: relative;
  margin-top: 10px;
}

.common,
.contact-us .contact-content {
  font-weight: 700;
  color: #0079c1;
  text-decoration: none;
  font-size: 14px;
}

.contact-content-wrapper{
  font-size: 14px;
    line-height: 20px;
    color: #0079C1;
    font-weight: 700;
    display: inline-block;
    padding-top: 48px;
    padding: auto 0 auto 0;
    text-decoration: none;
}

.contact-us {
  text-align: center;
  line-height: 20px;
}
.contact-us .contact-text {
  color: #0f2258;
  font-weight: 400;
}
.contact-us .contact-content {
  margin-left: 12px;
}

.footer-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: self-end;
  padding-left: 50px;
  margin-top: 20px;
}
.footer-wrapper .ml-32 {
  margin-left: 16px;
}

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

.text-decoration-none {
  text-decoration: none;
}

.text-decoration-none:link {
  text-decoration: none;
}

.text-decoration-none:after {
  text-decoration: none;
}

.text-decoration-none:visited {
  text-decoration: none;
}

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

.d-flex {
  display: flex;
}

.flex-direction-column {
  flex-direction: column;
}

.text-decoration-line {
  text-decoration: underline;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-flow-row {
  flex-flow: row wrap;
}

.w-base-text {
  color: #0f2258;
}

.thankyou-wrapper {
  height: 250px;
}

.content-wrapper {
  top: 20px;
  height: auto;
  padding: 28px;
}

.user-contact-wrapper {
  margin-top: 150px;
}

.button-wrapper {
  text-align: left;
}

.wrapper-height {
  height: 100vh;
}

#api .social button, #api ul button{
  height: 40px;
  width: 328px;
  border-radius: 100px;
  color: #0079c1;
  background: #ffffff;
  border: 1px solid #0079c1;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}

#api .social #GoogleExchange, #api ul #GoogleExchange {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANSSURBVHgBzVbPTxNBFP5mlwqCYInhh3op8WLCpcQ2kmjiBvTkQUBMNB4oXj0IdwklhugN+AuAi6jBpJ6lZTQmInCoFxPjwQ1RIWCkSSH8aHefMxUKhd1uVyH4Jc1M971537yZN+894IjA4BLftKD/mAI/QF75n5iiK4aSqOJT3I2dgojntUZNVY1eBvITmNdOT8giYhitiU5HnGzmJV4U3kHFgJhqcAHGEE+n1dbTfEq301HsBIvNwQdMpUm3pBJE8IsT+rrQdLELboiXrgZ6xTCY71gLAduKA2vZHkhPJSkcjSIhRwIsjROxvprYdNhufY7HIoh8DqScYLauGmWVVdGZzE/O5TexEV4o6dbGd7DUHJwkizuV3hmM+monZvOexEJToItB8TqR5hCnXhdpG7PVk2vvakHraq6WgYZqPhPHASJ71CKQQsXBJVTc+wzl5GZWwWTUfdCkEjseT3iWsRUo0uO16FlsfDylV8em63AIKMqQimPGruhkJQZKr8/Bc355CDH7xU2PkmG4gHhe8WhPRSRLzBh5ySKJFdUleV5LCuuFC5hg8soyxJk7NknxWSl6PCkdBwi2KyEpOCL8IVbMhJUwlfL4cEjI3DEMJW7l+/t0tQZ8t31KohhwO5moUKJm56ZTItKz8u3J7ueUJA/6kw14u1mrz9x++VfPqal/JWsvS2bSULSnPFOxdiUQvJLjF6MCHctX8GazVn7zBZ62dcElBGkIFsXDUIlvz7PEjGjk+fo53E9cwrxZuqOtst7gi1t+FAjt8ZpPWLN+ZpsG30fsuZbmgyv1XB5zDgheInMyONYWghNp/4pfMU3RPJBvv5SN8HBlNohzsob0TJJIMhvbnExjqHwDnHdGMka04RbvSglEL6aGREB1FP9qQfFy6951CTOlNvDwcd2SWCLwrF3cKQ3ACQwJEaUJkRR8e0We5GWU/LwrgmnrygjdsYcnckqqunfRj/FPU2du1gt7jr1WCbNpjcziOaTLP6Bo9QJY+nhfrKf8Cfbt2wYFe54PohOZvTMethLlbW8bx1p8aaYOw217C+ii/ekUpDyPjjMCY+0agUJMwY08gSfBxbMcLVs3I9vB90/E+zZB5N0OKpOZCVVV42WrKd2J7L/Ab+C8RAgzzYcjAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 30px;
}

#api .social #AzureADCommonExchange, #api ul #AzureADCommonExchange  {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB7ZOhDYAwFETvkyBQBM0CDMAILEBYqAsRFmAEBmABNEEhEFS19lRFm3vqi8t/6gGCYOF45v5n43a7zB0D3bnxjH8rJEYCCTIQJCcWh/WmhWLp7NsbuqunVyVLIEFReO2yDyNRkSPkAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 30px;
}

#api ul {
  list-style: none;
  padding: 0;
}

#api ul li {
  list-style-type: none;
}

#api #attributeVerification .intro,
.heading {
  display: none;
}

#api #attributeVerification #attributeList :nth-child(1) {
  list-style-type: none;
  margin-bottom: 10px;
}

#api #attributeVerification #attributeList :nth-child(1) {
  list-style-type: none;
}

#api #attributeVerification #attributeList > ul > li {
  margin-bottom: 6px;
  margin-top: 6px;
}

#api #attributeVerification label {
  text-align: left;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0f2258;
  padding-bottom: 8px;
}

#api #attributeVerification input {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 100px;
  border: 1px solid #0f225880;
  margin-top: 8px;
}

#api #attributeVerification button, #api .entry button, #api .buttons button {
  width: 100%;
  background-color: #ffffff;
  border-radius: 100px;
  border-width: 2px;
  border-color: #0079c1;
  border-style: solid;
  padding: 8px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: "Helvetica";
  font-style: normal;
  color: #0079c1;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}

#api #attributeVerification .helpLink.tiny {
  display: none;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#api  .intro,
.heading {
  display: none;
}

#api #attributeVerification ul {
  padding: 0;
}

#api #attributeVerification .buttons.verify button, #api .entry button, #api .buttons button {
  color: #ffffff;
  background-color: #0079c1;
}

#api #attributeVerification .buttons #continue {
  color: #ffffff;
  background-color: #0079c1;
}

.logo-cls{
  width: 100px;
  overflow: hidden;
  margin: 0 auto;
}

#api #attributeVerification #requiredFieldMissing, #api #attributeVerification #passwordEntryMismatch, 
#api #attributeVerification #fieldIncorrect, #api #attributeVerification #attributeList #email_intro, 
#api #attributeVerification #claimVerificationServerError, #api #attributeVerification #attributeList #email_info,
#api #attributeVerification #attributeList #email_success, #api #attributeVerification #attributeList #emailLocal_intro,
#api #attributeVerification #attributeList #emailLocal_success, #api #attributeVerification #attributeList #emailLocal_info{
  color: #4e5a5a;
  background-color: #ffdca8;
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #ffac2f;
  border-radius: 12px;
  padding: 12px 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#api #attributeVerification #attributeList #email_intro, #api #attributeVerification #attributeList #email_info,
#api #attributeVerification #attributeList #emailLocal_intro, #api #attributeVerification #attributeList #emailLocal_info {
  float: left;
}

#api #attributeVerification #attributeList .error, #api .entry .entry-item .error {
  color: #ff7c73;
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; 
}

#api .entry .entry-item .error {
  line-height: 0px;
  text-align: left;
}

#api .social button:hover {
  color: #fff;
  background: #0079c1;
  border: 1px solid #fff; 
}

#api #attributeVerification input[type="radio"] {
  width: auto;
  margin-left: 20px;
  margin-right: 8px; 
  outline: none;
}
.content{
  width: 100%;
}

/* Hide placeholder text within textbox */
.textInput::placeholder {
    color: transparent;
}


#api #attributeVerification #attributeList ul :nth-child(1), #api #attributeVerification #attributeList ul :nth-last-child(1),
#api #attributeVerification #attributeList ul :nth-last-child(2),#api #attributeVerification #attributeList .RadioSingleSelect, 
#api #attributeVerification #attributeList ul :nth-last-child(3), #api #attributeVerification #attributeList ul li{
  grid-column: 1/3;
}
#api #attributeVerification #attributeList ul li.reenterPassword_li {
  grid-column: 1/3;
}

#api #attributeVerification #attributeList ul li.newPassword_li {
  grid-column: 1/3;
}

#api #attributeVerification #attributeList ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4px;
}
#api #attributeVerification #attributeList .attrEntry{
  position: relative;
}
#api #attributeVerification .helpLink.tiny::before{
  visibility: visible;
  content: url('https://devlogin.williams.com/preregister/assets/images/help_symbol.svg');
}
#api #attributeVerification #newPasswordtoggler,#api #attributeVerification #reenterPasswordtoggler{
  display: inline;
  width: 20px;
  position: relative;
  top: 2px;
}

#api #attributeVerification #LegacyUsername +.helpLink{
  display: inline;
  font-size: 0;
  position: absolute;
  left: 28%;
  top: 0;
}

.gk-contactDetails{
  height: auto;
  margin: 80px 5px 5px 5px;
}

.footer-wrapper-center{
  padding-right: 50px;
  justify-content: center;
  padding-left: 0;
  padding-top: 10px;
}
.contactDetails-center{
  height: auto;
  margin-top: 242px;
}

.footer-wrapper-center{
  padding-left: 0;
  padding-right: 50px;
  justify-content: center;
}

.custom-wrapper {
  flex-wrap: nowrap;
  min-height: 700px;
}

.custom-user-wrapper {
  flex-wrap: nowrap;
  min-height: 700px;
}

.custom-footer-wrapper {
  position: unset;
  bottom: 0;
  margin-bottom: 42px !important;
}
.custom-footer-wrapper a{
  position: relative;
}

.custom-footer-wrapper .ml-32 {
  position: relative;
}

.auth-custom-wrapper {
  position: unset !important;
}

.top-30{
  top: 30px;
}

.custom-user-footer-wrapper, .custom-footer-wrapper{
  width: 80%;
  padding-left: 15px;
  flex-grow: unset !important;
  margin-bottom: 8px !important;
}

.custom-user-footer-wrapper {
  padding-bottom: 15px;
}

.justify-center{
  justify-content: center;
}

.margin-none {
  margin: 0;
}

/* For Email and password styling in login page */

#api .entry {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 4px;
}

#api .entry .entry-item {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
}

#api .entry .entry-item label, #api .phoneEntry .input label {
  text-align: left;
    font-family: "Helvetica";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 10px;
    color: #0f2258;
    padding-bottom: 8px;
}

#api .entry .entry-item input, #api .phoneEntry .input input, #api .phoneEntry .input select, #api #codeVerification input#verificationCode,
#api .attrEntry select#countryCode {
  font-family: "Helvetica";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    border-style: solid;
    border-radius: 100px;
    border: 1px solid #0f225880;
    margin-top: 4px;
}

#api .entry .entry-item .password-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 10px 0 0 0;
}



#api .entry .entry-item #forgotPassword {
  color: #0079c1;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  display: block;
}

#api .entry .buttons{
  grid-column: 1/3;
  padding-top: 8px;
}

#api .divider {
  display: flex;
  align-items: center;
  text-align: center;
  
}

#api .divider::before,
#api .divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid rgba(15, 34, 88, 0.16);
  
}

#api .divider:not(:empty)::before {
  margin-right: .25em;
}

#api .divider:not(:empty)::after {
  margin-left: .25em;
}

#api .divider h2 {
  line-height: 25px;
  font-weight: 400;
  font-size: 19px;
}

#try-again-custom{
  display: none;
}

#dont-have-account #already-have-account{
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
}

.position-unset {
  position: unset;
}

/* MFA PAGE STYLES */

#api #attributeVerification #attributeList ul .RadioSingleSelect .attrEntry {
  display: grid;
  grid-template-columns: 50px;
  justify-items: baseline;
}

#api #attributeVerification #attributeList ul .RadioSingleSelect .attrEntry input[type="radio"]{
  grid-column: 1/2;
  margin-top: -5px;
}

#api #attributeVerification #attributeList ul .RadioSingleSelect .attrEntry label:has(:not([id="extension_mfaByPhoneEmailTotp_label"])){
  grid-column-start: 2;
  margin-top: 4px;
  
}

#api #attributeVerification #attributeList ul .RadioSingleSelect .attrEntry label#extension_mfaByPhoneEmailTotp_label{
  font-weight: 700;
  line-height: 20px;
}

#api #attributeVerification #attributeList ul .RadioSingleSelect .attrEntry label#Totp_option{
  grid-column: 2;
}

#api #cancel {
  display: none;
}

#api .intro:has(p){
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #40464D;
}


#api #phoneEntry > div.input > div.number{
  margin-top: 12px;
}

#api .phoneEntry .readonly .phoneNumber .number {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

#api #codeVerification .actionLabel #retryCode{
  color: #0079c1;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    margin: 54px 0px;
}

#api #codeVerification .actionLabel {
  padding-bottom: 8px;
}

#api #codeVerification .actionLabel label[for="verificationCode"] {
  font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #0f2258;
}



#api #attributeVerification #attributeList .authenticatorAppIconControl_li label {
  text-align: left;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #40464D;
  padding-bottom: 8px;
} 

#api #attributeVerification #attributeList .totpQrCodeControl_li .qrCodeControlContent label, #api #attributeVerification #attributeList .totpQrCodeControl_li .qrCodeControlContent .qrCodeInfo,
#api #attributeVerification #attributeList .QrCodeVerifyInstruction_li #QrCodeVerifyInstruction_label {
  font-weight: 700;
font-size: 14px;
line-height: 20px;
}

#api #attributeVerification #attributeList .totpQrCodeControl_li .qrCodeControlContent .qrCodeInfo{
  font-weight: 400;
}

#api #attributeVerification #attributeList  ul #authenticatorInfoControl{
  grid-column-start:initial;
}


#api #attributeVerification #attributeList ul:has(li):has(.AuthenticatorAppIconControl){
  display: flex;
  flex-direction: column;
}

#totpQrCodeControl{
  display: flex;
  flex-direction: column;
}

#totpQrCodeControl-picture{
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.totpQrCodeControl_li #totpQrCodeControl a {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0079C1;
  text-decoration: none;
}

.authenticatorInfoControl_li #authenticatorInfoControl a {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0079C1;
}

#api #attributeVerification #attributeList  ul .authenticatorInfoControl_li #authenticatorInfoControl {
  display: flex;
  flex-direction: column;
}

#api #attributeVerification #attributeList ul li.otpCode_li {
  grid-column: 1/3;
}

#api #attributeVerification #attributeList ul li.QrCodeVerifyInstruction_li{
  margin-bottom: 0;
}

#QrCodeVerifyInstruction{
  display: none;
}




#api #localAccountForm .pageLevel{
  color: #4e5a5a;
  background-color: #ffdca8;
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #ffac2f;
  border-radius: 12px;
  padding: 0px 16px;
  margin-bottom: 10px;
}

#api .phoneEntry .input select {
  font-size: 14px;
  line-height: 20px;
  color: #0f2258;
}

#api .buttons button#sendCode, #api .buttons button#verifyCode, #api .buttons button#email_ver_but_send, #api .buttons button#email_ver_but_verify, #api .buttons button#emailLocal_ver_but_send, #api #attributeVerification #attributeList ul .Readonly .attrEntry #email_label{
  margin-top: 12px;
}

#api #attributeVerification #attributeList ul .Readonly .attrEntry{
  margin-bottom:0px;
}

#api #attributeVerification #attributeList ul .Readonly .attrEntry .buttons{
  margin-top:10px;
}

#api #attributeVerification #attributeList ul .Readonly .attrEntry .verificationInfoText, #api #attributeVerification #attributeList ul .Readonly .attrEntry #email{
  margin-bottom: 0px;
}

#api #attributeVerification #attributeList ul .Readonly .attrEntry #email_label, #api #attributeVerification #attributeList ul .Readonly .attrEntry #email_success{
  float: left;
}

#api #attributeVerification #attributeList ul li.authenticatorAppIconControl_li{
  margin-bottom: 0;
}

#api #attributeVerification #attributeList ul li.totpQrCodeControl_li label#totpQrCodeControl-title, #api #attributeVerification #attributeList ul li.totpQrCodeControl_li .attrEntry{
  margin-bottom: 0;
}


#authenticatorInfoControl-account_name, #authenticatorInfoControl-secret {
  color: #40464d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#api #attributeVerification .CheckboxMultiSelect input[name=extension_termsOfUseConsentChoice] {
  width: auto;
}

#api #attributeVerification .verifying-modal{
  margin-top: 12px;
}

#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry {
  display: grid;
  grid-template-columns: 50px;
}

#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry input[type="checkbox"]{
  padding: 0;
  width: 15px;
}

#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry label#AgreeToTermsOfUseConsentYes_option{
  padding: 5px 0 0 0;
  margin-left: -20px;
}

#api #phoneNumbers .phoneNumber .number {
  text-align: center;
  color: #0F2258;
}
#api #phoneNumbers  .phoneNumber .type {
  padding-bottom: 15px;
  padding-top: 40px;
}

#passwordSuggestions {
  display: none;
  color: #637092;
  font-size: 14px;
}

#api #attributeVerification #attributeList #passwordSuggestions ul {
  padding-left: 28px;
}

#api #attributeVerification #attributeList #passwordSuggestions #passwordIndicators li {
  margin: 0;
  list-style-type: disc;
}

#api #codeVerification .actionLabel #change-phone-number {
  color: #0079c1;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  margin: 54px 0px;
}


/* NEW CHANGES FOR GK CONTACT */

.w-p-12-1 {
  padding: 12px 48px 32px 48px;
}

.f-size-24 {
  font-size: 24px;
}

.p-bottom-0 {
  padding-bottom: 0;
}

.m-b-48 {
  margin-bottom: 48px;
}

#signInNameReadOnly, #signInNameReadOnly_label{
  display: none;
}


.w-p-48-12 {
  padding: 48px 48px 12px 48px;
}

.w-pb-40 {
  padding-bottom: 40px;
}

#api #StartOverFlows{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #0f2258;
}


#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #Totp_option, #api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #phone_option,#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #email_option  { 
  grid-column: 2/2;
}

#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #extension_mfaByPhoneTotp_selection_phone, #api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #extension_mfaByPhoneTotp_selection_Totp, #api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #extension_mfaByPhoneTotp_selection_email {
  grid-column: 1/2;
  margin-top: -2px;
  margin-left: 20px;
}

#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #email_option,#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #phone_option,#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #Totp_option{ 
  grid-column: 2/2;
}
#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #extension_sigin_mfaByEmailPhone_selection_email, #api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #extension_sigin_mfaByEmailPhone_selection_email, #api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #extension_sigin_mfaByEmailPhone_selection_Totp {
  grid-column: 1/2;
  margin-top: -2px;
  margin-left: 20px;
}


#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #wantsettupmfa_Yes, 
#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #wantsettupmfa_No {
  grid-column: 1/2;
  margin-top: -2px;
  margin-left: 20px;
}

#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #Yes_option,
#api #attributeVerification #attributeList ul li.RadioSingleSelect .attrEntry #No_option{ 
  grid-column: 2/2;
}
label#extension_termsOfUseConsentChoice_label {
  display: none;
}

#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #extension_termsOfUseConsentChoice_AgreeToTermsOfUseConsentYes {
  grid-column: 1/2;
  align-self: flex-start;
}
#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry #AgreeToTermsOfUseConsentYes_option {
  grid-column: 2/2;
}

#api #attributeVerification #attributeList ul li.CheckboxMultiSelect .attrEntry .error  {
  grid-column: 2/3;
  margin-left: -49px;
}


/* Styles for IDP buttons tooltips */

#MicrosoftHELP:hover, #GoogleHELP:hover , #AzureADCommonExchange:hover, #GoogleExchange:hover{
  position: relative;
}

.tooltip-help, .tooltip-show {
  display: none;
}

#MicrosoftHELP:hover span , #GoogleHELP:hover span, #AzureADCommonExchange:hover span, #GoogleExchange:hover span{
  border: 1px solid whitesmoke;
  display: block;
  left: 0;
  width: auto;
  position: absolute;
  top: 5;
  text-decoration: none;
  white-space: nowrap;
  text-wrap: nowrap;
  color: black;
  opacity: 0.9;
  background-color: whitesmoke;
  font-size: 12px;
  padding: 3px;
  transition: 2s;
  box-shadow: 5px 10px 8px #888888;
}

#AzureADCommonExchange:hover span, #GoogleExchange:hover span {
  top: 100%;
  width: auto;
  left: 0;
  font-weight: 400;
}
#api #ChangePWheader{
  font-weight: bold;
  margin-top: 12px;
}

#api.maintenance #attributeVerification #continue,
#api.maintenance #attributeVerification #claimVerificationServerError,
#api.maintenance #attributeVerification #attributeList #maintenanceApiCode,
#api #attributeVerification #attributeList #maintenanceApiCode {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
#api.maintenance #attributeVerification #attributeList #maintenanceApiCode_label,
#api #attributeVerification #attributeList #maintenanceApiCode_label {
  display: none;
}

.spinner {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#api #attributeVerification .buttons #continue:disabled {
  background-color: #dbdbdb;
  color: #86898b;
  cursor: not-allowed;
  border-color: #86898b;
}

#simplemodal-container .simplemodal-wrap #verifying_blurb  {
  color: white;
}