@font-face {
  font-family: "puvi-Medium";
  src: url("../fonts/OpenType-TT/Zoho\ Puvi\ Medium.ttf");
}

@font-face {
  font-family: "puvi-Regular";
  src: url("../fonts/OpenType-TT/Zoho\ Puvi\ Regular.ttf");
}

@font-face {
  font-family: "puvi-Light";
  src: url("../fonts/OpenType-TT/Zoho\ Puvi\ Light.ttf");
}

@font-face {
  font-family: "puvi-Bold";
  src: url("../fonts/OpenType-TT/Zoho\ Puvi\ Bold.ttf");
}

@font-face {
  font-family: "puvi-Semi-Bold";
  src: url("../fonts/OpenType-TT/Zoho\ Puvi\ Semibold.ttf");
}

* {
  margin: 0;
  padding: 0;
}


/* Title */
.pricing-main-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pricing-page-title {
  max-width: 607px;
  min-height: 450px;
  font-size: 48px;
  color: #000000;
  text-align: center;
  align-content: center;
  font-family: "puvi-Bold";
}

/* Price Box */
.pricing-box1-body {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
  margin-top: 71px;
  padding-bottom: 70px;
}

.pricing-box1-content-1 {
  width: 336px;
  height: 434px;
  border-radius: 20px;
  padding: 40px;
  background-color: white;
}

.pricing-box1-content-1-title1 {
  font-size: 40px;
  color: #000000;
  font-family: "puvi-Bold";
}

.pricing-box1-content-1-title2 {
  margin-top: 12px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
}

.pricing-box1-content-1-detail-box {
  width: 259px;
  margin-top: 42px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}

.pricing-box1-content-1-detail {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: start;
}

.pricing-box1-content-1-detail-text {
  font-size: 16px;
  color: #000000;
}

.pricing-box1-content-1-btn {
  width: 258px;
  height: 50px;
  color: #2b1d84;
  border-radius: 29px;
  margin-top: 50px;
  background-color: white;
  border: 1px solid #2b1d84;
}

.pricing-box1-content-2 {
  width: 703px;
  height: 427px;
  border-radius: 20px;
  background-color: #4e40a1;
  box-shadow: 0px 22px 24px 0px #4e2d926f;
}

.pricing-box2-body {
  width: 100%;
  max-width: 1069px;
  margin-bottom: 24px;
}

.pricing-box2-content {
  width: 100%;
  height: 80px;
  border-radius: 26px;
}

.pricing-box2-body .bg {
  background-color: white;
}

.pricing-box2-content-6 {
  height: 50px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: end;
}

.pricing-box2-content-6 .button-box {
  margin-right: 29px;
  display: flex;
  gap: 34px;
  align-items: center;
  justify-content: center;
}

.pricing-box2-content-6 .button-box button {
  width: 258px;
  height: 50px;
  border-radius: 30px;
}

.pricing-box2-content-6 .btn-1 {
  color: #2b1d84;
  border: 1px solid #2b1d84;
}

.pricing-box2-content-6 .btn-2 {
  border: none;
  color: white;
  background: linear-gradient(105.75deg, #221769 -3.07%, #432dcf 61%);
}