@font-face {
  font-family: "SF Pro Display-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../font/FontsFree-Net-SFProDisplay-Bold.ttf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display-Semibold";
  font-style: normal;
  font-weight: 400;
  src: url("../font/FontsFree-Net-SFProDisplay-Semibold.ttf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../font/FontsFree-Net-SFProDisplay-Regular.ttf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../font/FontsFree-Net-SFProDisplay-Medium.ttf") format("opentype");
}
@font-face {
  font-family: "Nanum Pen-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NanumPenScript-Regular.ttf") format("truetype");
}

html {
  scroll-behavior: smooth;
}

.component-wrapper a {
  display: contents;
  pointer-events: auto;
  text-decoration: none;
}

.component-wrapper * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
  pointer-events: auto;
}

.screen a {
  display: contents;
  text-decoration: none;
}

body {
  display: block;
  margin: 0;
}

p {
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.listeners-active,
.listeners-active * {
  pointer-events: auto;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

:root {
  --athens-gray: #eeeff4;
  --blue-primary2: #1e62dc;
  --blue-primary3: #3b9ff3;
  --blue-primary9: #e5f2ff;
  --cinder: #0b0d17;
  --cultured-pearl: #f4f5f7;
  --eerie-black: #18191f;
  --grey3: #34303e;
  --grey5: #615e69;
  --white: #ffffff;

  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 40px;
  --font-size-xxxxl: 48px;

  --font-family-inter: "Inter", Helvetica;
  --font-family-nanum_pen-regular: "Nanum Pen", Helvetica;
  --font-family-sf_pro_display-bold: "SF Pro Display-Bold";
  --font-family-sf_pro_display-medium: "SF Pro Display-Medium";
  --font-family-sf_pro_display-regular: "SF Pro Display-Regular";
  --font-family-sf_pro_display-semibold: "SF Pro Display-Semibold";
}
.inter-normal-athens-gray-16px {
  color: var(--athens-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sfprodisplay-bold-tuna-24px {
  color: var(--grey3);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.sfprodisplay-normal-mid-gray-16px {
  color: var(--grey5);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sfprodisplay-normal-eerie-black-16px {
  color: var(--eerie-black);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-cultured-pearl-20px {
  color: var(--cultured-pearl);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.landing-page {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* about us */

.landing-page .overlap-group4 {
  position: relative;
  width: 100%;
  background-color: #f6f9ff;
}

.hero-banner {
  width: 1440px;
  margin: 0 auto;
  background-image: url("../image/Background-section-1.svg");
  height: 866px;
  object-fit: cover;
  position: relative;
  display: flex;
  align-items: center;
}

.hero-banner .content {
  width: 540px;
  margin-left: 135px;
  font-style: normal;
  font-family: var(--font-family-sf_pro_display-regular);
}

.hero-banner .title {
  font-size: 48px;
  color: #34303e;
  line-height: 62.4px;
  font-weight: 700;
}

.hero-banner .description {
  font-weight: 600;
  font-size: 18px;
  color: #615e69;

  line-height: 26px;
}

.hero-banner .btn-medium {
  background-color: var(--blue-primary3);
  border-radius: 8px;
  margin-top: 32px;
  width: 170px;
  height: 48px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-banner .user-management-img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.landing-page .navigation {
  align-items: center;
  background-color: var(--white);
  box-shadow: 0px 1px 0px #e5e9f2;
  display: flex;
  height: 72px;
  left: 0;
  min-width: 100%;
  padding: 0 165px;
  position: absolute;
  top: 0;
  justify-content: space-between;
}

.landing-page .left-nav-items {
  align-items: flex-start;
  display: flex;
  width: 215px;
  padding-left: 70px;
  flex: 1;
}

.landing-page .header-menu-default {
  align-items: flex-start;
  display: flex;
  height: 24px;
  min-width: 44px;
}

.landing-page .label-i9143205 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 24px;
  white-space: nowrap;
  color: #18191f;
  font-weight: 600;
  font-size: 16px;
}

.landing-page .menu-item-default {
  align-items: flex-start;
  display: flex;
  height: 24px;
  margin-left: 32px;
  min-width: 50px;
}

.landing-page .menu-item-default-1 {
  align-items: flex-start;
  display: flex;
  height: 24px;
  margin-left: 32px;
  min-width: 57px;
}

.landing-page .group-479 {
  height: 31px;
  margin-bottom: 1px;
  width: 128px;
}

.landing-page .right-nav {
  align-items: flex-start;
  display: flex;
  width: 81px;
}

.x92432315 {
  background-color: #ffffff;
  border: 1px solid #3b9ff3;
  border-radius: 6px;
  height: 40px;
  opacity: 1;
  position: relative;
  width: 81px;
}

.x92432315 .sign-up-i924323151-mJX3EF {
  color: #3b9ff3;
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 500;
  left: 20px;
  letter-spacing: 0;
  line-height: 20px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 10px;
  white-space: nowrap;
}
.x92432315 .sign-up-i924323151-mJX3EF a {
  color: #3b9ff3;
}
.x92432315:hover {
  background: #44b5f2;
  cursor: pointer;
}
.x92432315:hover .sign-up-i924323151-mJX3EF {
  color: #e5f2ff;
}

.landing-page .right-nav-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 20px;
  width: 129px;
}

.x91432060 {
  background-color: #3b9ff3;
  border-radius: 6px;
  height: 40px;
  opacity: 1;
  position: relative;
  width: 129px;
}
.x91432060:hover {
  background: #44b5f2;
  cursor: pointer;
}
.x91432060 .sign-up-i914320601-EKpmeP {
  color: #ffffff;
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 500;
  left: 20px;
  letter-spacing: 0;
  line-height: 20px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 10px;
  white-space: nowrap;
}

.landing-page .logo-clouds-3 {
  align-items: center;
  background-color: #f6f9ff;
  display: flex;
  flex-direction: column;
  height: 572px;
  padding: 40px 0;
  width: 100%;
  justify-content: center;
}

.x81535011 {
  height: 88px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.i81535011-11182966 {
  height: 52px;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.i81535011-11182966 .section-title-i8153-mxe42Q {
  color: #34303e;
  font-family: "SF Pro Display-Bold", Helvetica;
  font-size: 40px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 52px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

.x81535011 .description-i815350-L4PdrH {
  color: #34303e;
  font-family: "SF Pro Display-Semibold", Helvetica;
  font-size: 16px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 64px;
  white-space: nowrap;
  width: 100%;
}

.landing-page .logos {
  align-items: center;
  display: flex;
  height: 336px;
  margin-top: 48px;
  min-width: 946px;
}

.landing-page .col-1-1 {
  align-items: flex-start;
  display: flex;
  width: 170px;
}

.landing-page .airbnb-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  justify-content: flex-end;
  min-width: 170px;
  padding: 0 32.8px;
}

.landing-page .airbnb-logo-1 {
  height: 32px;
  width: 104px;
}

.landing-page .col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 24px;
  min-height: 216px;
  width: 170px;
}

.landing-page .google-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  justify-content: flex-end;
  min-width: 170px;
  padding: 0 37px;
}

.landing-page .google-logo-1 {
  height: 32px;
  width: 95px;
}

.landing-page .book-my-show-logo {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  justify-content: flex-end;
  margin-top: 24px;
  min-width: 170px;
  padding: 29px 23px;
}

.landing-page .book-my-show-logo-1 {
  height: 37px;
  width: 123px;
}

.landing-page .col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 24px;
  min-height: 336px;
  width: 170px;
}

.landing-page .microsoft-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  min-width: 170px;
  padding: 0 24px;
}

.landing-page .microsoft-logo-1 {
  height: 26px;
  width: 122px;
}

.landing-page .fed-ex-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  margin-top: 24px;
  min-width: 170px;
  padding: 0 35px;
}

.landing-page .fed-ex-logo-1 {
  height: 30px;
  width: 100px;
}

.landing-page .walmart-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  margin-top: 24px;
  min-width: 170px;
  padding: 0 25px;
}

.landing-page .walmart-logo-1 {
  height: 28px;
  width: 120px;
}

.landing-page .oyo-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  min-width: 170px;
  padding: 0 43px;
}

.landing-page .oyo-logo-1 {
  height: 32px;
  width: 84px;
}

.landing-page .ola-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  margin-top: 24px;
  min-width: 170px;
  padding: 0 36px;
}

.landing-page .ola-logo-1 {
  height: 34px;
  width: 98px;
}

.landing-page .col-5 {
  align-items: flex-start;
  display: flex;
  margin-left: 24px;
  width: 170px;
}

.landing-page .amazon-logo {
  align-items: center;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 30px 40px #d4d9e833;
  display: flex;
  height: 96px;
  justify-content: flex-end;
  min-width: 170px;
  padding: 0 33px;
}

.landing-page .amazon-logo-1 {
  height: 32px;
  width: 103px;
}

/* company */

.company-section {
  background-color: #fff;
}

.company-container {
  width: 1440px;
  padding: 100px 135px;
}

.company_title {
  width: 540px;

  font-family: "SF Pro Display-Bold", Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 52px;

  color: #34303e;

  margin: 8px 0px;
}

.company_content {
  display: flex;
  padding-top: 40px;
}

.company_col {
  flex: 1;
}

.flex-col-item {
  display: flex;
  padding-right: 60px;
  padding-bottom: 40px;
}

.details {
  padding-left: 40px;
}

.details .headline {
  line-height: 36px;
}

.details .description {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  line-height: 24px;
  color: #615e69;
}

.img_company {
  width: 100%;
}

/* auditor */

.auditor-container {
  width: 1440px;
  padding: 0 135px;
}

.auditor-container .auditor-title_text {
  width: 540px;
  font-family: "SF Pro Display-Bold", Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 52px;

  color: #34303e;

  margin: 8px 0px;
}

.landing-page .flex-row {
  align-items: flex-start;
  display: flex;
  margin-top: 48px;
  min-width: 1170px;
}

.x152164203 {
  height: 184px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 255px;
}

.x152164203 .icon-group-FOWA5K {
  height: 72px;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 16px;
  width: 252px;
}

.x152164205 {
  height: 208px;
  margin-left: 50px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 255px;
}

.x152164205 .icon-group-xt2xPV {
  height: 72px;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 16px;
  width: 252px;
}

.landing-page .testimonial-5 {
  align-items: center;
  background-color: var(--blue-primary9);
  display: flex;
  flex-direction: column;
  height: 513px;
  margin-top: 80px;
  padding: 60px 0;
  width: 100%;
}

.landing-page .section-title {
  color: var(--grey3);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 52px;
  margin-left: 2px;
  min-height: 52px;
  text-align: center;
  white-space: nowrap;
  width: 732px;
}

.landing-page .overlap-group1 {
  height: 301px;
  margin-top: 30px;
  position: relative;
  width: 934px;
}

.landing-page .overlap-group-1 {
  align-items: flex-start;
  background-image: url(../image/Card.svg);
  background-size: 100% 100%;
  display: flex;
  height: 285px;
  justify-content: flex-end;
  left: 0;
  min-width: 934px;
  padding: 30px 70px;
  position: absolute;
  top: 0;
}

.landing-page .quote-mark {
  align-items: flex-start;
  display: flex;
  height: 98px;
  padding: 0 6px;
  width: 48px;
}

.landing-page .text-2 {
  color: var(--blue-primary2);
  font-family: var(--font-family-inter);
  font-size: 72px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 98px;
  margin-left: 2px;
  min-height: 98px;
  white-space: nowrap;
}

.landing-page .feedback {
  color: var(--eerie-black);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-l);
  letter-spacing: 0;
  line-height: 26px;
  margin-left: 12px;
  margin-top: 24px;
  min-height: 104px;
}

.landing-page .clients {
  align-items: flex-start;
  display: flex;
  height: 56px;
  left: 92px;
  position: absolute;
  top: 245px;
  width: 751px;
}

.landing-page .photo {
  height: 56px;
  object-fit: cover;
  width: 56px;
}

.landing-page .photo-1 {
  height: 56px;
  margin-left: 80px;
  object-fit: cover;
  width: 56px;
}

.landing-page .client-details {
  align-items: center;
  display: flex;
  margin-left: 80px;
  width: 207px;
}

.landing-page .person-details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 46px;
  margin-left: 16px;
  overflow: hidden;
  width: 135px;
}

.landing-page .name {
  color: var(--grey3);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 24px;
  white-space: nowrap;
}

.landing-page .text-3 {
  color: var(--grey5);
  font-family: var(--font-family-sf_pro_display-medium);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  min-height: 22px;
  white-space: nowrap;
}

.landing-page .group-484 {
  height: 874px;
  margin-top: 80px;
  width: 1170px;
}

.landing-page .overlap-group3 {
  margin-top: 70px;
  width: 100%;
}

.landing-page .footer-big-3 {
  position: relative;
  align-items: flex-end;
  display: flex;
  height: 520px;
  width: 100%;
  background: #0b0d17;
  padding-top: 104px;
}

.landing-page .overlap-group2 {
  height: 522px;
  position: relative;
  width: 100%;
  margin: 0 165px;
  padding-top: 104px;
}

.landing-page .bg-1 {
  background-color: var(--cinder);
  height: 522px;
  left: 129px;
  position: absolute;
  top: 0;
  width: 100%;
}

.landing-page .links {
  align-items: flex-start;
  display: flex;
  height: 240px;
  position: absolute;
  width: 540px;
  right: 0;
}

.landing-page .col-1-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 240px;
  overflow: hidden;
  width: 160px;
}

.landing-page .product {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 30px;
  white-space: nowrap;
}

.landing-page .list-items {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 178px;
  margin-top: 32px;
  overflow: hidden;
  width: 160px;
}

.landing-page .overview {
  letter-spacing: 0;
  line-height: 26px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .features {
  align-items: flex-end;
  display: flex;
  height: 26px;
  margin-top: 12px;
  overflow: hidden;
  width: 102px;
}

.landing-page .features-1 {
  letter-spacing: 0;
  line-height: 26px;
  min-height: 26px;
  min-width: 69px;
  white-space: nowrap;
}

.landing-page .new {
  color: #2ec5ce;
  font-family: "Nanum Pen Script", cursive;
  font-size: var(--font-size-xl);
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 6px;
  min-height: 24px;
  min-width: 29px;
  white-space: nowrap;
}

.landing-page .tutorials {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .pricing {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .releases {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 240px;
  margin-left: 30px;
  overflow: hidden;
  width: 160px;
}

.landing-page .company {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 30px;
  white-space: nowrap;
}

.landing-page .about {
  letter-spacing: 0;
  line-height: 26px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .press {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .careers {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .place {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .partners {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .support {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 30px;
  white-space: nowrap;
}

.landing-page .help-center {
  letter-spacing: 0;
  line-height: 26px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .terms-of-service {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .place-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .privacy-policy {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .status {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 12px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .overlap-group-2 {
  align-items: center;
  background-color: var(--cinder);
  display: flex;
  height: 72px;
  left: 129px;
  min-width: 100%;
  padding: 23px 165px;
  position: absolute;
  top: 448px;
}

.landing-page .copyright {
  align-self: flex-end;
  color: #d9dbe1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  letter-spacing: 0;
  line-height: 24px;
  min-height: 24px;
  min-width: 179px;
  white-space: nowrap;
}

.landing-page .social-links {
  align-items: flex-start;
  display: flex;
  margin-left: 787px;
  width: 144px;
}

.landing-page .social-icons {
  height: 24px;
  margin-left: 16px;
  width: 24px;
}

.landing-page .logo-bg {
  height: 384px;
  left: -229px;
  top: 39px;
  position: absolute;
  width: 433px;
}

.group-480 {
  width: 170px;
  position: absolute;
  top: 95px;
}

.buttonFooter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  position: absolute;
  width: 200px;
  height: 48px;
  left: 72%;
  top: 124px;
  background: #e66301;
  color: #ffffff;
  border-radius: 8px;
  z-index: 1;
  border: none;
  outline: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}
.buttonFooter:hover {
  background: #ff6e01;
  cursor: pointer;
}

.textFooter {
  position: absolute;
  width: 570px;
  height: 48px;
  left: 16%;
  top: 124px;
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
  mix-blend-mode: normal;
  z-index: 1;
}
.h3footer {
  position: absolute;
  width: 236px;
  height: 52px;
  left: 16%;
  top: 60px;
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 130%;
  color: #ffffff;
  z-index: 1;
}

/* auditor */

.auditor-col {
  flex: 1;
  padding-right: 30px;
}

.auditor-col:last-child {
  padding-right: 0;
}

.icon-group {
  height: 72px;
  display: flex;
}

.feature-icon-with-circle {
  background-color: #f4f5f7;
  border-radius: 100px;
  height: 72px;
  padding: 16px;
  mix-blend-mode: normal;
  opacity: 1;
  width: 72px;
}

.feature-icons-03 {
  background-color: transparent;
  height: 40px;
  width: 40px;
  left: 24px;
  top: 24px;
}

.line-indicator-1 {
  display: none;
  width: 164px;
  height: 30px;
  margin-top: 37px;
  padding-left: 17px;
}

.line-indicator-2 {
  display: none;
  width: 164px;
  height: 30px;
  margin-top: -5px;
  padding-left: 17px;
}

.details-auditor {
  padding-top: 30px;
}

/* package */

.package_container {
  width: 1440px;
  padding: 0 135px;
  padding-top: 100px;
}

.package_title {
  font-family: "SF Pro Display-Bold", Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 52px;
  text-align: center;
  color: #34303e;
}

.package_content {
  display: flex;
  padding-top: 40px;
}

.package_table {
  width: 100%;
}

table,
th,
td {
  font-size: 16px;
  line-height: 24px;
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: bold;
  color: #615e69;
  text-align: center;
}

table {
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  border-style: hidden;
  box-shadow: 0 0 0 2px #e8e8ea;
}

.no-border {
  border: none;
}

th {
  padding: 30px;
  text-align: center;
  background-color: #f3f3f4;
  min-width: 290px;
  border: 2px solid #e8e8ea;
}

tr {
  border: 2px solid #e8e8ea;
  /* border-right: none; */
  overflow: hidden;
}

td {
  border-right: 2px solid #e8e8ea;
  padding: 17px;
  min-width: 290px;
}

input ~ .custom-checkbox {
  background-color: #ccc;
}

input:checked ~ .custom-checkbox {
  background-color: #2196f3;
}

input:disabled {
  cursor: default;
  background-color: #fff;
  color: #2196f3;
}

.text-primary-blue {
  color: #1e62dc;
}

.price-col {
  padding: 40px;
}

.dola {
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  left: -6px;
}

.col_label {
  color: #34303e;
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 8px;
}

.btn {
  height: 48px;
  padding: 12px 60px;
  background-color: #fff;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid var(--blue-primary3);
  color: var(--blue-primary3);
  text-align: center;
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.button-col {
  padding: 40px 0;
}

th .button-col:first-child {
  border-bottom-left-radius: 8px;
}

th .button-col:last-child {
  border-bottom-right-radius: 8px;
}

.btn-primary {
  background-color: #3b9ff3;
  border: 1px solid #3b9ff3;
  color: #fff;
}

.btn:hover {
  background-color: #44b5f2;
  border: 1px solid #44b5f2;
  color: #fff;
}

.col_description {
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #615e69;
  text-align: center;
}

.table_label {
  text-align: right;
  padding-right: 23px !important;
  color: #615e69;
}

.cost {
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: bold;
  font-size: 56px;
  height: 80px;
  line-height: 67px;
  text-align: center;
}

.price {
  width: 80px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

.headline-auditor {
  background-color: transparent;
  color: #34303e;
  font-family: "SF Pro Display-Bold", Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0px;
  padding-bottom: 8px;
  line-height: 36px;
  mix-blend-mode: normal;
  text-align: left;
  top: 0px;
  white-space: nowrap;
}

.description-auditor {
  font-family: "SF Pro Display-Bold", Helvetica;
  letter-spacing: 0;
  line-height: 24px;
  color: #615e69;
  font-weight: 600;
  white-space: inherit;
}

/* footer */

.get-start_section {
  overflow: hidden;
  height: 600px;
  background-color: #091da9;
}

.get-start_section .container {
  width: 968px;
  margin: 0 auto;
  padding-top: 60px;
}

.get-start_section .title {
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 130%;
  color: #ffffff;
  margin-bottom: 12px;
}
.get-start_section .detail {
  display: flex;
  justify-content: space-between;
}

.get-start_section .text {
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
  width: 570px;
}
.get-start_section .button {
  display: flex;
  font-family: var(--font-family-sf_pro_display-regular);
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  width: 200px;
  height: 48px;
  background: #e66301;
  color: #ffffff;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

.get-start_section .img-header {
  width: 100%;
  margin-top: 40px;
}

.get-start_section .img-user {
  width: 100%;
}

.footer-contact {
  position: absolute;
  background-color: #000102;
  bottom: 0;
  width: 100%;
  padding: 25px 165px;
  display: flex;
  justify-content: space-between;
}

.contact-container {
  width: 437px;
  font-family: var(--font-family-sf_pro_display-regular);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #f9f9f9;
  position: absolute;
  top: 145px;
  padding-right: 160px;
}
.tel-text {
  margin: 20px 0;
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .hero-banner {
    width: 100%;
  }
  .company-container {
    width: 100%;
    padding: 100px 40px;
  }

  .auditor-container {
    width: 100%;
    padding: 0 40px;
  }
  .landing-page .flex-row {
    min-width: 100%;
  }
  .landing-page .navigation {
    padding: 0 40px;
  }
  .landing-page .left-nav-items {
    padding-left: 40px;
  }
  .package_container {
    width: 100%;
    padding: 0 40px;
  }
  th {
    min-width: 235px;
  }

  td {
    min-width: 235px;
  }

  .btn {
    width: 200px;
  }
}