.black-text {
  color: #231F20;
}

.pearl-bg {
  background-color: #F9F4ED;
}

.pearl-bg2 {
  background-color: #Faf5ee !important;
}

.pearl-bg3 {
  background-color: #F3E3D8;
}

.dawn-pink-bg {
  background-color: #F2E2D7;
}

.light-pink-bg {
  background-color: #e1cdc0;
}

.light-pink-bg2 {
  background-color: #D7C3B6;
}

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

.white-text {
  color: #ffffff;
}

.black-bg {
  background-color: #231F20;
}

.light-green-text {
  color: #00B81F;
}

.section-confident a {
  color: #231F20;
}
.section-confident .col {
  max-width: 50%;
  flex: 0 0 50%;
}
.section-confident .section-content {
  padding: 127px 0 127px 115px;
}
.section-confident .section-content .content {
  max-width: 517px;
}
.section-confident .section-content .new-section-title {
  margin-bottom: 84px;
}
.section-confident .section-content p {
  font-size: 17px;
  line-height: 40px;
}
.section-confident .section-box-col {
  background-color: #Faf5ee;
  padding: 127px 141px;
}
.section-confident .section-box-col.feel-confident-box {
  background-color: rgba(225, 205, 192, 0.3);
}
.section-confident .section-box-col .section-box {
  background-color: #ffffff;
  padding: 95px 47px;
  overflow: hidden;
  position: relative;
}
.section-confident .section-box-col .section-box:hover .diamond-square {
  transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
}
.section-confident .section-box-col .diamond-square {
  pointer-events: none;
  position: fixed;
  padding: 0.3rem;
  transform: rotate(45deg);
  background-color: #fff;
  mix-blend-mode: difference;
  transition: transform 0.3s ease;
}
.section-confident .section-box-col .section-box-item:hover ~ .diamond-square {
  transform: translate(-50%, -50%) scale(15) rotate(45deg);
}
.section-confident .section-box-col .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.section-confident .section-box-col .section-box-item {
  max-width: calc(50% - 200px);
  flex: 0 0 calc(50% - 200px);
  text-align: center;
  transition: transform 0.1s ease-in-out;
  margin: 0 100px;
  padding: 0;
}
.section-confident .section-box-col .section-box-item:hover .diamond-square {
  background-color: #231F20;
}
.section-confident .section-box-col .section-box-item:hover .diamond-square * {
  color: #ffffff;
}
.section-confident .section-box-col .section-box-item:first-child, .section-confident .section-box-col .section-box-item:nth-child(2) {
  margin-bottom: 150px;
}
.section-confident .section-box-col .section-box-item .diamond-square-title {
  font-size: 17px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 38px;
  font-family: "Inter";
}
.section-confident .section-box-col .section-box-item .daimond-square-number {
  font-size: 45px;
  line-height: 52px;
  font-family: "Times";
  font-weight: bold;
}
.section-confident .section-box-col .section-box-item .diamond-square-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
}

@media (max-width: 1599px) {
  .section-confident .section-box-col {
    padding: 90px 100px;
  }
  .section-confident .section-box-col .section-box {
    padding: 88px 30px;
  }
  .section-confident .section-content {
    padding: 90px 0 90px 80px;
  }
}
@media (max-width: 1440px) {
  .section-confident .section-box-col {
    padding: 60px 70px;
  }
  .section-confident .section-box-col .section-box-item {
    margin: 0 60px;
    max-width: calc(50% - 120px);
    flex: 0 0 calc(50% - 120px);
  }
  .section-confident .section-content {
    padding: 60px 20px 60px 60px;
  }
}
@media (max-width: 1300px) {
  .section-confident .section-content {
    padding: 60px 30px;
  }
  .section-confident .section-content p {
    font-size: 17px;
    line-height: 35px;
  }
  .section-confident .section-box-col {
    padding: 58px 59px;
  }
  .section-confident .section-box-col .section-box-item:first-child, .section-confident .section-box-col .section-box-item:nth-child(2) {
    margin-bottom: 110px;
  }
}
@media (max-width: 1199px) {
  .section-confident .diamond-square {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .section-confident .col {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .section-confident .section-content {
    padding: 91px 59px 100px;
  }
  .section-confident .section-content .content {
    margin: 0 0 10px;
    max-width: 650px;
  }
  .section-confident .section-content .content .new-section-title {
    max-width: 503px;
  }
}
@media (max-width: 767px) {
  .section-confident .section-content {
    padding: 58px 30px;
  }
  .section-confident .section-content .content {
    margin-bottom: 0;
  }
  .section-confident .section-content .content .new-section-title {
    margin-bottom: 37px;
  }
  .section-confident .section-content .content p {
    padding-right: 40px;
  }
  .section-confident .section-content p {
    font-size: 14px;
    line-height: 30px;
  }
  .section-confident .section-box-col {
    padding: 30px;
  }
  .section-confident .section-box-col .section-box {
    padding: 45px 30px;
  }
  .section-confident .section-box-col .section-box-item {
    margin: 0 30px;
    max-width: calc(50% - 60px);
    flex: 0 0 calc(50% - 60px);
  }
  .section-confident .section-box-col .section-box-item:first-child, .section-confident .section-box-col .section-box-item:nth-child(2) {
    margin-bottom: 72px;
  }
  .section-confident .section-box-col .section-box-item h4, .section-confident .section-box-col .section-box-item .diamond-square-title {
    font-size: 21px;
    margin-bottom: 37px;
  }
  .section-confident .section-box-col .section-box-item h3, .section-confident .section-box-col .section-box-item .daimond-square-number {
    font-size: 40px;
    line-height: 46px;
  }
  .section-confident .section-box-col .section-box-item .daimond-square-number {
    margin-bottom: 0;
  }
}