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

body {
  width: 100%;
  height: 100%;
  font-family: "Inter", sans-serif;
}

.common_top_space {
  padding-top: 5rem;
}

.common_bottom_space {
  padding-bottom: 5rem;
}

/* landing page */
.header .logo {
  width: 9.1875rem;
  height: 9.1875rem;
  margin-top: 3rem;
}
.header .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.herosection {
  padding-top: 1rem;
}
.herosection__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.herosection__title h1,
.herosection__title h2,
.herosection__title h3,
.herosection__title h4,
.herosection__title h5,
.herosection__title h6 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
  color: #000000;
}
.herosection__image {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
}
.herosection__image__box {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: end;
}
.herosection__image__box .image_wrapper {
  width: 20vw;
  height: auto;
}
.herosection__image__box .image_wrapper img {
  width: 100%;
  height: 100%;
  transform: scaleX(-1);
}
.herosection__image__box .image_wrapper__right {
  width: 16vw;
  height: auto;
}
.herosection__image__box .image_wrapper__right img {
  width: 100%;
  height: 100%;
}
.herosection__image__service {
  position: absolute;
  bottom: 2.5rem;
}
.herosection__image__service__wrapper {
  padding: 2.5rem;
  background-color: #ffffff;
}
.herosection__image__service__wrapper__block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #000080;
  padding: 1.5rem 3.5rem;
  border-radius: 1rem;
  box-shadow: rgb(252, 252, 252) 0px 8px 40px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.herosection__image__service__wrapper .card_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(190, 190, 190, 0.2196078431);
  flex-direction: column;
  padding: 1rem 2.5rem;
  border-radius: 0.25rem;
}
.herosection__image__service__wrapper .card_wrapper img {
  width: 1.5rem;
}
.herosection__image__service__wrapper .card_wrapper p {
  font-size: 0.75rem;
  color: #ffffff;
  padding-top: 0.25rem;
  margin-bottom: 0;
  text-align: center;
  line-height: 1;
}

.vendor .vendor__wrapper__detail {
  padding-bottom: 2.5rem;
}
.vendor .vendor__wrapper__detail h1, .vendor .vendor__wrapper__detail h2, .vendor .vendor__wrapper__detail h3, .vendor .vendor__wrapper__detail h4, .vendor .vendor__wrapper__detail h5, .vendor .vendor__wrapper__detail h6 {
  max-width: 80%;
  font-size: 4rem;
  line-height: 4.5rem;
  color: #000000;
  margin-bottom: 0;
}
.vendor .vendor__wrapper__detail p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
}
.vendor .vendor__wrapper__detail p:first-child {
  margin-bottom: 0.5rem;
}
.vendor .vendor__wrapper__detail p:last-child {
  margin-bottom: 0;
}
.vendor .vendor__wrapper__services .card_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.vendor .vendor__wrapper__services .card_block .card_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #010080;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.vendor .vendor__wrapper__services .card_block .card_logo img {
  width: 100%;
  height: 100%;
}
.vendor .vendor__wrapper__services .card_block h1, .vendor .vendor__wrapper__services .card_block h2, .vendor .vendor__wrapper__services .card_block h3, .vendor .vendor__wrapper__services .card_block h4, .vendor .vendor__wrapper__services .card_block h5, .vendor .vendor__wrapper__services .card_block h6 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}
.vendor .vendor__wrapper__services .card_block p {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0;
  color: #000000;
}

.why__choose .why__choose__wrapper__block {
  padding: 2.5rem 5rem;
  background-color: #0098DB;
  border-radius: 1.5rem;
}
.why__choose .why__choose__wrapper__block__box.row {
  --bs-gutter-y:3rem;
  --bs-gutter-x:2rem;
}
.why__choose .why__choose__wrapper__block .why_card h1, .why__choose .why__choose__wrapper__block .why_card h2, .why__choose .why__choose__wrapper__block .why_card h3, .why__choose .why__choose__wrapper__block .why_card h4, .why__choose .why__choose__wrapper__block .why_card h5, .why__choose .why__choose__wrapper__block .why_card h6 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0.5rem;
}
.why__choose .why__choose__wrapper__block .why_card p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #ffffff;
  margin-bottom: 0;
}
.why__choose .why__choose__wrapper__block__title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.why__choose .why__choose__wrapper__block__title h2, .why__choose .why__choose__wrapper__block__title h2, .why__choose .why__choose__wrapper__block__title h3, .why__choose .why__choose__wrapper__block__title h4, .why__choose .why__choose__wrapper__block__title h5, .why__choose .why__choose__wrapper__block__title h6 {
  font-size: 4rem;
  line-height: 6rem;
  font-weight: 700;
  color: #ffffff;
  text-align: end;
  margin-bottom: 0;
}

.subscription .subscription__wrapper__title h1, .subscription .subscription__wrapper__title h2, .subscription .subscription__wrapper__title h3, .subscription .subscription__wrapper__title h4, .subscription .subscription__wrapper__title h5, .subscription .subscription__wrapper__title h6 {
  font-size: 4rem;
  line-height: 4.5rem;
  color: #000000;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
}
.subscription .subscription__wrapper__block {
  padding-top: 2.5rem;
}
.subscription .subscription__wrapper__block__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.subscription .subscription__wrapper__block__box .subscription_card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 16%;
  border: 2px solid #0098DB;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon.color_bronze {
  background-color: #D58F5E;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon.color_silver {
  background-color: #D9D9D9;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon.color_diamond {
  background-color: #0098DB;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon.color_platinum {
  background-color: #96C4F6;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon.color_gold {
  background-color: #F3BA52;
}
.subscription .subscription__wrapper__block__box .subscription_card_icon img {
  width: 100%;
  height: 100%;
}
.subscription .subscription__wrapper__block__box .subscription_card p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  margin-bottom: 0;
}
.subscription .subscription__wrapper__block__box .subscription_card p:nth-child(2) {
  font-weight: 700;
  padding-bottom: 0.125rem;
}

.global__precense .global__precense__wrapper__title h1, .global__precense .global__precense__wrapper__title h2, .global__precense .global__precense__wrapper__title h3, .global__precense .global__precense__wrapper__title h4, .global__precense .global__precense__wrapper__title h5, .global__precense .global__precense__wrapper__title h6 {
  font-size: 4rem;
  line-height: 4.5rem;
  color: #000000;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
}
.global__precense .global__precense__wrapper__title h1:first-child, .global__precense .global__precense__wrapper__title h2:first-child, .global__precense .global__precense__wrapper__title h3:first-child, .global__precense .global__precense__wrapper__title h4:first-child, .global__precense .global__precense__wrapper__title h5:first-child, .global__precense .global__precense__wrapper__title h6:first-child {
  margin-bottom: 0.5rem;
}
.global__precense .global__precense__wrapper__title p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #000000;
  text-align: center;
  margin-bottom: 0;
}
.global__precense .global__precense__wrapper__support {
  padding-top: 2.5rem;
}
.global__precense .global__precense__wrapper__support .support_card.card_border {
  border-left: 2px solid #a8a8a8;
  border-right: 2px solid #a8a8a8;
}
.global__precense .global__precense__wrapper__support .support_card.card_border p {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.global__precense .global__precense__wrapper__support .support_card.card_border p span {
  position: relative;
}
.global__precense .global__precense__wrapper__support .support_card.card_border p span:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #a8a8a8;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: -9px;
}
.global__precense .global__precense__wrapper__support .support_card.card_border p span:last-child::after {
  content: " ";
  position: relative;
}
.global__precense .global__precense__wrapper__support .support_card h1, .global__precense .global__precense__wrapper__support .support_card h2, .global__precense .global__precense__wrapper__support .support_card h3, .global__precense .global__precense__wrapper__support .support_card h4, .global__precense .global__precense__wrapper__support .support_card h5, .global__precense .global__precense__wrapper__support .support_card h6 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #000000;
  text-align: center;
}
.global__precense .global__precense__wrapper__support .support_card p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  margin-bottom: 0;
}

.partner {
  background-color: #0098DB;
}
.partner .partner__wrapper__detail {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2.5rem 0 2.5rem 0;
}
.partner .partner__wrapper__detail h1, .partner .partner__wrapper__detail h2, .partner .partner__wrapper__detail h3, .partner .partner__wrapper__detail h4, .partner .partner__wrapper__detail h5, .partner .partner__wrapper__detail h6 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  color: #ffffff;
}
.partner .partner__wrapper__detail p {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
}

/* Footer */
.footer .footer__wrapper__logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .footer__wrapper__logo__wrapper {
  width: 9.1875rem;
  height: 9.1875rem;
}
.footer .footer__wrapper__logo__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.footer .footer__wrapper__policy {
  padding: 1.5rem 0;
}
.footer .footer__wrapper__policy ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.footer .footer__wrapper__policy ul li {
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.footer .footer__wrapper__policy ul li a {
  text-decoration: none;
  color: #000000;
}
.footer .footer__wrapper__policy ul li:hover a {
  color: #0098DB;
}
.footer .footer__wrapper__copyright {
  padding: 1.5rem 0;
  border-top: 1px solid #6E6E6E;
}
.footer .footer__wrapper__copyright p {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1rem;
}

.terms_and_condition.faqs_page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.terms_and_condition .terms_and_condition_wrapper.faqs_page_wrapper {
  width: 70%;
}
.terms_and_condition .terms_and_condition_wrapper {
  padding: 2rem 0 0 0;
}
.terms_and_condition .terms_and_condition_wrapper_title {
  margin-bottom: 1.5rem;
}
.terms_and_condition .terms_and_condition_wrapper_title h1, .terms_and_condition .terms_and_condition_wrapper_title h2, .terms_and_condition .terms_and_condition_wrapper_title h3, .terms_and_condition .terms_and_condition_wrapper_title h4, .terms_and_condition .terms_and_condition_wrapper_title h5, .terms_and_condition .terms_and_condition_wrapper_title h6 {
  font-size: 1.5625rem;
  line-height: 1;
  font-weight: 700;
}
.terms_and_condition .terms_and_condition_wrapper_textarea p {
  font-size: 0.938rem;
}
.terms_and_condition .terms_and_condition_wrapper_textarea h2 {
  font-size: 1.188rem;
  font-weight: 700;
}
.terms_and_condition .terms_and_condition_wrapper_textarea h4 {
  font-size: 0.938rem;
  font-weight: 700;
}
.terms_and_condition .terms_and_condition_wrapper_textarea ul {
  padding: 0 0 0 2rem;
}
.terms_and_condition .terms_and_condition_wrapper_textarea ul li {
  font-size: 0.938rem;
  padding-bottom: 0.25rem;
}
.terms_and_condition .terms_and_condition_wrapper_textarea table {
  width: 100%;
  max-width: 100%;
}
.terms_and_condition .terms_and_condition_wrapper_textarea table thead tr th {
  background: #a8a8a8;
  border: 1px solid #a8a8a8;
  padding: 0.625rem;
  font-size: 0.875rem;
}
.terms_and_condition .terms_and_condition_wrapper_textarea table tbody tr td {
  border: 1px solid #a8a8a8;
  padding: 0.625rem;
  font-size: 0.938rem;
}
.terms_and_condition .terms_and_condition_wrapper_textarea table {
  margin-bottom: 2rem;
}
.terms_and_condition .terms_and_condition_wrapper_textarea .accordion-button {
  font-size: 0.938rem;
  color: #000000;
}
.terms_and_condition .terms_and_condition_wrapper_textarea .accordion-button:focus {
  box-shadow: none;
}
.terms_and_condition .terms_and_condition_wrapper_textarea .accordion-body {
  font-size: 0.938rem;
  line-height: 1.5rem;
}/*# sourceMappingURL=main.css.map */