h1,
h2,
h3,
h4,
p {
   color: #3f3f3f;
   margin-bottom: 0;
}

a {
   text-decoration: unset !important;
}

.modal-content {
   width: 100% !important;
}

iframe {
   width: 100% !important;
   height: 100% !important;
}
/* 
.modal-open {
   padding-right: 0 !important;
   overflow-y: hidden !important;
} */

.modal-body button {
   background-color: unset !important;
   border: none !important;
   width: 50px;
}

.modal-body button.close {
   position: absolute;
   right: -50px !important;
   top: -15px !important;
   font-size: 3rem !important;
}

.modal-dialog {
   max-width: 800px;
   margin: 30px auto;
}

.close {
   position: absolute;
   right: -30px;
   top: 0;
   z-index: 999;
   font-size: 2rem;
   font-weight: normal;
   color: #fff;
   opacity: 1;
}

.fade {
   height: 100%;
}

.fade.show {
   display: none;
   position: fixed;
   z-index: 2000;
   padding-top: 35px;
   left: 0;
   top: 0;
   width: 100%;
   background-color: rgb(0, 0, 0);
   background-color: rgba(0, 0, 0, 0.7);
   overflow-y: scroll;
   overscroll-behavior: contain;
}
 

.show .modal-dialog {
   transform: translate(0, 80px);
   overscroll-behavior: contain !important;

   margin: auto;
   transition: none !important;
   animation-name: none !important;
}

.modal-body {
   display: flex;
   justify-content: center;
   padding: 0;
}
.modal-body button.close:focus {
   border: none !important;
   outline: none !important;
}


section.body .title-body .box-center .bg-active {
   position: absolute;
   background-color: #656565;
   height: 3.2vw;
   width: 10.2vw;
   border-radius: .5vw;
   bottom: -1vw;
   left: 14vw;
}

.body-feature .title-nav-link {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto;
   padding: 20px 0;
   background-color: #f2f2f2;
}

.line-vertical {
   border-right: 2px solid #3f3f3f;
   height: 18px;
}

.body-feature .title-nav-link .link a {
   color: #3f3f3f;
   font-size: 16px;
   letter-spacing: 3px;
   text-decoration: underline 1px solid #3f3f3f;
   text-underline-offset: 3px;
   /* Adjust the offset of the underline */
   margin: 0 25px;
}

.body-feature .title-green {
   background-color: #64c0ab;
   padding: 47px 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   position: relative;
}

.body-feature .title-green .logo-title {
   width: 90px;
}

.body-feature .title-green .logo-title img {
   width: 100%;
}

.body-feature .title-green .title {
   display: flex;
   justify-content: center;
   width: 100%;
}

.body-feature .title-green .title h2 {
   font-size: 24px;
   letter-spacing: 5px;
   margin-top: 10px;
   color: white;
}

.body-feature .body-content {
   background-color: #f2f2f2;
   padding-top: 50px;
}

.body-feature .body-content-1 {
   max-width: 950px;
   margin: auto;
}

.body-feature .body-content-1 .content .title-content {
   border-bottom: 3.5px solid #64c0ab;
   margin-bottom: 30px;
}

.body-feature .body-content-1 .content.content-2 .title-content {
   margin-top: 70px;
}

.body-feature .body-content-1 .content.content-4 {
   padding-bottom: 75px;
}

.body-feature .body-content-1 .content .title-content h3 {
   font-size: 24px;
   letter-spacing: 3px;
   display: flex;
   height: 45px;
   color: #64c0ab;
}

.body-feature .body-content-1 .content .all-box {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   row-gap: 30px;
}

.body-feature .body-content-1 .content .all-box .box {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   background-color: white;
   padding: 23px;
   width: 48%;
   border-radius: 20px;
}

.body-feature .body-content-1 .content .all-box .box .title h4 {
   font-size: 18px;
   border-left: 6px solid #64c0ab;
   display: flex;
   align-items: center;
   padding-left: 10px;
   padding-top: 4px;
   height: 25px;
   margin-bottom: 15px;
}

.body-feature .body-content-1 .content .all-box .box .image {
   width: 100%;
   margin-bottom: 15px;
}

.body-feature .body-content-1 .content .all-box .box .image img {
   width: 100%;
}

.body-feature .body-content-1 .content .all-box .box-7 .out-box {
   display: flex;
   justify-content: space-between;
}

.body-feature .body-content-1 .content .all-box .box-7 .image {
   width: 58%;
}

.body-feature .body-content-1 .content .all-box .box-7 .lorem-box {
   width: 39%;
}

.body-feature .body-content-1 .content .all-box .box-10 .out-box {
   display: flex;
   justify-content: space-between;
}

.body-feature .body-content-1 .content .all-box .box-10 .image {
   width: 45%;
}

.body-feature .body-content-1 .content .all-box .box-10 .lorem-box {
   width: 46%;
}

.body-feature .body-content-1 .content .all-box .box .lorem-box p {
   font-size: 12px;
   line-height: 24px;
}

.body-feature .body-content-1 .content .all-box .box .lorem-box p.lorem-title {
   font-size: 12px;
   margin-bottom: 10px;
   margin-top: -10px;
}

.body-feature .body-content-1 .content .all-box .box .lorem-box p.lorem-end {
   font-size: 10px;
}

.body-feature .content-bg-white {
   background-color: white;
   display: flex;
   justify-content: center;
   padding: 30px 0;
   height: 200px;
}


.body-feature .content-bg-white .all-box {
   max-width: 950px;
   margin: auto;
   display: flex;
}

.body-feature .content-bg-white .all-box .box-left {
   width: 40%;
   display: flex;
   background-image: radial-gradient(circle, #64c0ab 30%, transparent 10%);
   background-position: right;
   background-size: 5px 6px;
   background-repeat: repeat-y;
   padding-top: 10px;
}

.body-feature .content-bg-white .all-box .box-right {
   width: 57%;
   margin-left: 30px;
}

.body-feature .content-bg-white .all-box .box-left .box-img {
   width: 33%;
   /* display: flex;
   align-items: center; */
   padding-top: 4px;
}


.body-feature .content-bg-white .all-box .box-left .box-img-cus {
   width: 33%;
   /* display: flex;
   align-items: center; */
   padding-top: 9px;
}

.body-feature .content-bg-white .all-box .box-left .box-img img {
   width: 73%;
}


.body-feature .content-bg-white .all-box .box-left .box-title {
   width: 200px;
}

.body-feature .content-bg-white .all-box .box-left .box-title h3 {
   color: #677abb;
   letter-spacing: 3px;
   line-height: 45px;
   font-size: 36px;
}

.body-feature .content-bg-white .all-box .box-left .box-title p {
   color: #677abb;
   letter-spacing: 1px;
   font-size: 12px;
}


.body-feature .content-bg-white .all-box .box-right .box-btn {
   display: flex;
}

.body-feature .content-bg-white .all-box .box-right .box-lorem {
   margin-bottom: 10px;
}

.body-feature .content-bg-white .all-box .box-right .box-lorem p {
   font-size: 14px;
   line-height: 28px;
   letter-spacing: 0.6px;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow:hover {
   opacity: .8;
   cursor: pointer;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow {
   background-color: #f5ac4c;
   display: flex;
   align-items: center;
   width: 150px;
   padding: 6px 10px;
   border-radius: 30px;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow .title-btn p {
   font-size: 12px;
   color: white;
   margin-left: 6px;
   letter-spacing: 1px;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow .radius {
   background-color: white;
   width: 15px;
   height: 15px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-left: 2px;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow .radius img {
   width: 35%;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .lorem-btn {
   display: flex;
   align-items: center;
   margin-left: 20px;
}

.body-feature .content-bg-white .all-box .box-right .box-btn .lorem-btn p {
   font-size: 10px;
}

.body-content-gray {
   background-color: #f2f2f2;
   padding-bottom: 95px;
   position: relative;
}

.body-content-gray .body-content-1 {
   max-width: 950px;
   margin: auto;
   padding-top: 45px;
}

.body-content-gray .body-content-1 .title {
   background-color: #677abb;
   padding: 10px 0;
   border-radius: 30px;
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
}

.body-content-gray .body-content-1 .title h2 {
   color: white;
   font-size: 18px;
   letter-spacing: 2px;
}


.body-content-gray .body-content-1 .all-box-three {
   display: flex;
   justify-content: space-between;
   padding: 0 20px;
   height: 460px;
}


.body-content-gray .body-content-1 .all-box-three .box {
   width: 33%;
   background-image: radial-gradient(circle, rgb(201, 201, 201) 30%, transparent 10%);
   background-position: right;
   background-size: 5px 6px;
   background-repeat: repeat-y;
}

.body-content-gray .body-content-1 .all-box-three .box:last-child {
   background-image: unset;
}

.body-content-gray .body-content-1 .all-box-three .box img {
   height: 188px;
}

.body-content-gray .body-content-1 .all-box-three .box .in-box {
   width: 80%;
   margin: auto;
}

.body-content-gray .body-content-1 .all-box-three .box .in-box-2 .image img {
   margin-left: 20px;
}

.body-content-gray .body-content-1 .all-box-three .box .in-box-3 {
   width: 90%;
}


.body-content-gray .body-content-1 .all-box-three .box .in-box-3 .image img {
   margin-left: 25px;
}


.body-content-gray .body-content-1 .all-box-three .box .image {
   margin-bottom: 25px;
}

.body-content-gray .body-content-1 .all-box-three .box .title-box h3 {
   color: #3f3f3f;
   font-size: 30px;
   letter-spacing: 0;
   margin-bottom: 20px;
}



.body-content-gray .body-content-1 .all-box-three .box .lorem p {
   color: #3f3f3f;
   font-size: 12px;
   line-height: 24px;
   letter-spacing: .5px;
}


.body-content-gray .body-content-1 .all-box-three .box .in-box-3 .lorem p {
   margin: auto;
   width: 90%;
}

.body-content-2 {
   max-width: 950px;
   margin: auto;
}

.body-content-2 .title-content-2 {
   display: flex;
   justify-content: center;
   /* margin-bottom: 20px; */
}

.body-content-2 .title-content-2 h2 {
   font-size: 30px;
   color: #677abb;
   margin: 50px 0 20px 0;
}

.body-content-2 .all-box-double {
   display: flex;
   justify-content: space-between;
}

.body-content-2 .all-box-double .box {
   background-color: white;
   border-radius: 20px;
   padding: 30px;
   width: 48%;
}

.body-content-2 .all-box-double .box .title-box {
   width: 100%;
   margin-bottom: 27px;
}

.body-content-2 .all-box-double .box .image img {
   width: 100%;
}

.body-content-2 .all-box-double .box .title-box h3 {
   font-size: 24px;
   text-align: center;
   letter-spacing: 3px;
}

.body-content-2 .all-box-double .box:last-child .title-box h3 {
   letter-spacing: 1px;
}

.body-content-gray .body-content-3 {
   padding-top: 55px;
}

.body-content-gray .body-content-3 .double-box {
   display: flex;
   justify-content: space-between;
   margin-bottom: 50px;
}

.body-content-gray .body-content-3 .double-box .box-left {
   width: 55%;
}

.body-content-gray .body-content-3 .double-box .box-left p {
   font-size: 14px;
   letter-spacing: .7px;
   line-height: 29px;
}

.body-content-gray .body-content-3 .double-box .box-right {
   width: 42%;
}

.body-content-gray .body-content-3 .double-box .box-right img {
   width: 95%;
}

.body-content-gray .body-content-3 .box-white {
   background-color: white;
   border-radius: 20px;
   padding: 20px 20px 30px 20px;
}

.body-content-gray .body-content-3 .box-white .title {
   width: 100%;
   display: flex;
   justify-content: center;
   margin-bottom: 23px;
}

.body-content-gray .body-content-3 .box-white .title h3 {
   color: #677abb;
   letter-spacing: 1px;
   font-size: 19px;
}

.body-content-gray .body-content-3 .box-white .all-box-application {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   row-gap: 15px;
   column-gap: 15px;
}

.body-content-gray .body-content-3 .box-white .all-box-application .box {
   display: flex;
   width: 31%;
   padding: 20px;
   padding-left: 32px;
   border-radius: 10px;
}

.box-color-1 {
   background-color: #64c0ab;
}

.box-color-2 {
   background-color: #ea5d5e;
}

.box-color-3 {
   background-color: #795b5b;

}

.box-color-4 {
   background-color: #677abb;

}

.box-color-5 {
   background-color: #67a9da;

}

.box-color-6 {
   background-color: #e693bc;
}

.body-content-gray .body-content-3 .box-white .all-box-application .box .image {
   display: flex;
   width: 20%;
}

.body-content-gray .body-content-3 .box-white .all-box-application .box .image img {
   height: 68px;
}

.body-content-gray .body-content-3 .box-white .all-box-application .box .lorrem {
   display: flex;
   align-items: center;
   width: 75%;
   margin-left: 15px;
}

.body-content-gray .body-content-3 .box-white .all-box-application .box .lorrem p {
   font-size: 12px;
   line-height: 22px;
   color: white;
   /* margin-left: 20px; */
}

.body-content-gray .body-content-3 .all-three-box {
   margin: 30px 0;
   display: flex;
   justify-content: space-between;
}


.body-content-gray .body-content-3 .all-three-box .box .title-image {
   width: 65px;
   margin-bottom: 10px;
   background-color: unset;
}

.body-content-gray .body-content-3 .all-three-box .box .title-image img {
   width: 100%;
}

.body-content-gray .body-content-3 .all-three-box .box .box-image img {
   height: 150px;
}

.body-content-gray .body-content-3 .all-three-box .box .lorem {
   display: flex;
}

.body-content-gray .body-content-3 .all-three-box .box .lorem p {
   font-size: 12px;
   margin-top: 15px;
   line-height: 20px;
}

.body-content-gray .body-content-3 .all-three-box .box-1 {
   width: 20%;
}

.body-content-gray .body-content-3 .all-three-box .box-2 {
   width: 34%;
}

.body-content-gray .body-content-3 .all-three-box .box-3 {
   width: 40%;
}

.body-content-gray .body-content-3 .all-three-box-2 {
   display: flex;
   justify-content: space-between;
}

.body-content-gray .body-content-3 .all-three-box-2 .box .box-image img {
   height: 238px;
}

.body-content-gray .body-content-3 .all-three-box-2 .image-arrow {
   padding-top: 110px;
}

.body-content-gray .body-content-3 .all-three-box-2 .image-arrow img {
   width: 65%;
}

.body-content-gray .body-content-3 .all-three-box-2 .box-1 {
   width: 19%;
}

.body-content-gray .body-content-3 .all-three-box-2 .box-2 {
   width: 32%;
}

.body-content-gray .body-content-3 .all-three-box-2 .box-3 {
   width: 39%;
}

.body-content-gray .body-content-3 .all-three-box-2 .box .lorem {
   display: flex;
}

.body-content-gray .body-content-3 .all-three-box-2 .box .lorem p {
   font-size: 12px;
   margin-top: 9px;
}

.body-content-white {
   background-color: white;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.body-content-white .content-in-body {
   max-width: 950px;
   width: 100%;
   margin: auto;
   margin-bottom: 50px;
}

.body-content-white .title {
   width: 98%;
   margin: auto;
   margin-top: 50px;
   margin-bottom: 35px;
}

.body-content-white .title img {
   width: 100%;
}

.body-content-white .lorem p {
   font-size: 14px;
   line-height: 30px;
   letter-spacing: .7px;
}

.body-content-gray .body-content-4 {
   padding-top: 30px;
}


.body-content-gray .body-content-4 .all-box {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   column-gap: 19px;
   row-gap: 19px;
}

.body-content-gray .body-content-4 .all-box .box {
   display: flex;
   flex-direction: column;
   justify-content: start;
   align-items: center;
   flex-wrap: wrap;
   width: 32%;
   background-color: white;
   border-radius: 20px;
   padding: 22px 28px 28px;
}

.body-content-gray .body-content-4 .all-box .box .image {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 28px;
   margin-top: 23px;
   height: 140px;
}

.body-content-gray .body-content-4 .all-box .box .image img {
   width: 57%;
}


.body-content-gray .body-content-4 .all-box .box .image-custom img {
   width: 68%;
}

.body-content-gray .body-content-4 .all-box.all-box-three-custom .box .image {
   height: 155px;
}

.body-content-gray .body-content-4 .all-box .box .lorem p {
   font-size: 12px;
   line-height: 24px;
}


.body-content-gray .body-content-4 .all-box .box .lorem .lorem-end {
   font-size: 10px;
}

.body-content-gray .body-content-4 .all-box .box .image h4 {
   color: #3f3f3f;
   font-size: 30px;
   letter-spacing: 2px;
   line-height: 30px;
   position: absolute;
   text-align: center;
}

.body-content-gray .body-content-4 .title {
   display: flex;
   margin: 40px 0;
   justify-content: center;
}


.body-content-gray .body-content-4 .title h3 {
   color: #3f3f3f;
   font-size: 24px;
    letter-spacing: 6px;
    line-height: 1.6;
   text-align: center;
}

.body-content-white .title-content-white {
   background-color: #3f3f3f;
   padding: 21px 0;
   border-radius: 10px;
   display: flex;
   justify-content: center;
   margin-bottom: 40px;
   margin-top: 55px;
}

.body-content-white .title-content-white h3 {
   font-size: 18px;
   letter-spacing: .3px;
   color: white;
}

.body-content-white-custom .content-in-body .all-box {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}


.body-content-white-custom .content-in-body .all-box .box {
   display: flex;
   justify-content: space-between;
   width: 47%;
   margin-bottom: 20px;
}

.body-content-white-custom .content-in-body .all-box .box .box-left {
   width: 48%;
}

.body-content-white-custom .content-in-body .all-box .box .box-right {
   display: flex;
   flex-wrap: wrap;
   width: 46%;
}

.body-content-white-custom .content-in-body .all-box .box .box-left img {
   width: 100%;
}


.body-content-white-custom .content-in-body .all-box .box .box-right .title {
   margin: 0;
}



.body-content-white-custom .content-in-body .all-box .box .box-right .title h4 {
   font-size: 24px;
   line-height: 30px;
   margin-bottom: 10px;
}

.body-content-white-custom .content-in-body .all-box .box .box-right .lorem p {
   font-size: 12px;
   line-height: 22px;
   letter-spacing: -.1px;
   margin-bottom: 0;
}

.bg-border-line-radius {
   background-image: radial-gradient(circle, rgb(201, 201, 201) 12%, transparent 10%);
   background-position: bottom;
   background-size: 8px 22px;
   background-repeat: repeat-x;
   height: 15px;
   width: 100%;
   margin-bottom: 20px;
}

.border-line-vertical-radius {
   background-image: radial-gradient(circle, rgb(201, 201, 201) 12%, transparent 10%);
   background-position: bottom;
   background-size: 24px 8px;
   background-repeat: repeat-y;
   width: 15px;
   margin-bottom: 20px;
}

.bg-body-pc-table-custom {
   padding-top: 50px;
}

#title-1 {
   position: absolute;
   bottom: 290px;
}

#title-2 {
   position: absolute;
   bottom: 290px;
}

#title-3 {
   position: absolute;
   bottom: 290px;
}


@media (max-width: 1399px) {
   section.body .title-body .box-center .bg-active {
      position: absolute;
      background-color: #656565;
      height: 47px;
      width: 140px;
      border-radius: .8vw;
      bottom: -15px;
      left: 200px;
   }
}

@media (max-width: 670px) {

   #title-1 {
      bottom: 68vw;
   }

   #title-2 {
      bottom: 70vw;
   }

   #title-3 {
      bottom: 77vw;
   }

   .body-feature .title-nav-link .link a {
      color: #3f3f3f;
      font-size: 4.1vw;
      letter-spacing: .3vw;
      text-decoration: unset;
      text-underline-offset: .8vw;
      margin: 0 6vw;
      text-decoration-line: underline;
      text-decoration-color: #3f3f3f;
      text-underline-offset: 0.6vw;
      text-decoration-thickness: .4vw;
   }

   .body-feature .title-nav-link {
      display: flex;
      flex-wrap: wrap;
      padding: 6vw 0;
      row-gap: 3vw;
   }

   .line-vertical {
      border-right: .2vw solid #3f3f3f;
      height: 4vw;
   }

   .body-feature .title-green .logo-title {
      width: 18vw;
   }

   .body-feature .title-green .title h2 {
      font-size: 4.8vw;
      letter-spacing: .9vw;
      margin-top: 2vw;
      width: auto;
      text-align: center;
   }

   .body-feature .title-green {
      padding: 8vw 0;
   }

   .body-feature .body-content-1 .content .title-content h3 {
      font-size: 5vw;
      letter-spacing: .35vw;
      height: 9vw;
      justify-content: center;
   }

   .body-feature .body-content {
      padding-top: 9vw;
   }

   .body-feature .body-content-1 .content .title-content {
      border-bottom: .6vw solid #64c0ab;
      width: 90vw;
      margin: auto;
      margin-bottom: 6vw;
   }

   .body-feature .body-content-1 .content .all-box .box {
      padding: 5vw;
      width: 90%;
      border-radius: 5vw;
      margin: auto;
      padding-bottom: 7vw;
   }

   .body-feature .body-content-1 .content .all-box .box .title h4 {
      font-size: 4vw;
      border-left: 1vw solid #64c0ab;
      padding-left: 2vw;
      padding-top: 0.5vw;
      letter-spacing: 0;
      height: 4.5vw;
      margin-bottom: 4vw;
   }

   .body-feature .body-content-1 .content .all-box .box .lorem-box p {
      font-size: 3.3vw;
      line-height: 5.7vw;
      letter-spacing: -.05vw;
   }

   .body-feature .body-content-1 .content .all-box .box .lorem-box p.lorem-title {
      font-size: 3.1vw;
      margin-bottom: 1vw;
      margin-top: -1vw;
   }

   .body-feature .body-content-1 .content .all-box .box-7 .out-box {
      flex-wrap: wrap;
   }

   .body-feature .body-content-1 .content .all-box .box-7 .image {
      width: 100%;
   }

   .body-feature .body-content-1 .content .all-box .box-7 .lorem-box {
      width: 100%;
   }

   .body-feature .body-content-1 .content .all-box .box .image {
      margin-bottom: 3vw;
   }

   .body-feature .content-bg-white .all-box {
      flex-wrap: wrap;
   }

   .body-feature .content-bg-white .all-box .box-left {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      background-image: radial-gradient(circle, #64c0ab 30%, transparent 10%);
      background-position: bottom;
      background-size: 1.3vw 1.2vw;
      background-repeat: repeat-x;
      padding-top: 0;
      padding-bottom: 7vw;
   }

   .body-feature .content-bg-white .all-box .box-left .box-img {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 2.3vw;
   }

   .body-feature .content-bg-white .all-box .box-left .box-img img {
      width: 22%;
   }

   .body-feature .content-bg-white {
      background-color: white;
      display: flex;
      justify-content: center;
      padding: 8vw;
      padding-bottom: 10vw;
      height: auto;
   }

   .body-feature .content-bg-white .all-box .box-left .box-title h3 {
      text-align: center;
      color: #677abb;
      letter-spacing: .6vw;
      line-height: 8.2vw;
      font-size: 6.5vw;
   }

   .body-feature .content-bg-white .all-box .box-left .box-title {
      width: auto;
   }

   .body-feature .content-bg-white .all-box .box-left .box-title p {
      color: #677abb;
      letter-spacing: 0.3vw;
      font-size: 3.3vw;
      text-align: center;
   }

   .body-feature .content-bg-white .all-box .box-right .box-lorem {
      margin-top: 6vw;
      margin-bottom: 5vw;
   }

   .body-feature .content-bg-white .all-box .box-right .box-lorem p {
      font-size: 3.2vw;
      line-height: 6vw;
      letter-spacing: .2vw;
      text-align: center;
   }

   .body-feature .content-bg-white .all-box .box-right {
      width: 100%;
      margin-left: 0;
   }

   .bd-bt-yl-cus {
      display: inline-block;
      border-bottom: 2vw solid #fff57f;
      height: 5.3vw;
   }

   .body-feature .content-bg-white .all-box .box-right .box-btn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 5vw;
   }

   .body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow {
      width: 40vw;
      padding: 1.5vw 2vw;
      border-radius: 30px;
   }

   .body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow .title-btn p {
      font-size: 3.4vw;
      margin-left: 2vw;
      letter-spacing: .1vw;
   }

   .body-feature .content-bg-white .all-box .box-right .box-btn .btn-yellow .radius {
      background-color: white;
      width: 4vw;
      height: 4vw;
      border-radius: 100%;
      padding-left: .3vw;
   }

   .body-feature .content-bg-white .all-box .box-right .box-btn .lorem-btn {
      margin-left: 0;
      margin-top: 5vw;
   }

   .body-feature .content-bg-white .all-box .box-right .box-btn .lorem-btn p {
      font-size: 2.7vw;
   }

   .body-content-gray .body-content-1 {
      max-width: 950px;
      margin: auto;
      padding-top: 6vw;
   }

   .body-content-gray .body-content-1 .title {
      padding: 3vw 0;
      border-radius: 10vw;
      margin: auto;
      margin-bottom: 7vw;
      width: 90vw;
   }

   .body-content-gray .body-content-1 .title h2 {
      color: white;
      font-size: 5vw;
      letter-spacing: .3vw;
   }

   .body-content-gray .body-content-1 .all-box-three .box {
      width: 100%;
      background-image: radial-gradient(circle, rgb(201, 201, 201) 30%, transparent 10%);
      background-position: bottom;
      background-size: 1.7vw 1vw;
      background-repeat: repeat-x;
      padding-bottom: 6vw;
      margin-bottom: 9vw;
   }

   .body-content-gray .body-content-1 .all-box-three {
      display: flex;
      flex-wrap: wrap;
      padding: 0 12vw;
      height: auto;
   }

   .body-content-gray .body-content-1 .all-box-three .box .title-box h3 {
      font-size: 6.5vw;
      letter-spacing: 0;
      margin-bottom: 3vw;
      text-align: center;
   }

   .body-content-gray .body-content-1 .all-box-three .box img {
      height: 51vw;
   }

   .body-content-gray .body-content-1 .all-box-three .box .in-box {
      width: 100%;
      margin: auto;
   }

   .body-content-gray .body-content-1 .all-box-three .box .in-box .image {
      display: flex;
      justify-content: center;
      margin-bottom: 7vw;
   }

   .body-content-gray .body-content-1 .all-box-three .box .lorem p {
      color: #3f3f3f;
      font-size: 3vw;
      line-height: 6.5vw;
      letter-spacing: .35vw;
   }

   .body-content-gray .body-content-1 .all-box-three .box .in-box-2 .image img {
      margin-left: 0;
   }

   .body-content-gray .body-content-1 .all-box-three .box .in-box-3 .lorem p {
      margin: auto;
      width: 100%;
   }

   .body-content-2 .title-content-2 {
      background-color: #677abb;
      border-radius: 20vw;
      padding: 3vw 5vw;
      width: 90vw;
      margin: auto;
   }

   .body-content-2 .title-content-2 h2 {
      font-size: 4.8vw;
      color: white;
      margin: 0;
   }

   .body-content-2 .all-box-double .box {
      border-radius: 4vw;
      padding: 6vw 3vw;
      width: 90%;
      margin: auto;
      margin-top: 4vw;
   }

   .body-content-2 .all-box-double {
      flex-wrap: wrap;
   }

   .body-content-2 .all-box-double .box .title-box h3 {
      font-size: 5vw;
      letter-spacing: .3vw;
      line-height: 7vw;
   }

   .body-content-gray {
      padding-bottom: 11.5vw;
   }

   .body-feature .content-bg-white {
      border-top: 2vw solid #677abb;
   }

   .body-content-gray .body-content-3 .double-box {
      margin-bottom: 5vw;
   }

   .body-content-gray .body-content-3 .double-box {
      flex-wrap: wrap-reverse;
      justify-content: center;
   }

   .body-content-gray .body-content-3 .double-box .box-right {
      width: 100%;
      display: flex;
      justify-content: center;
   }

   .body-content-gray .body-content-3 .double-box .box-right img {
      width: 85%;
      margin-bottom: 7vw;
   }

   .body-content-gray .body-content-3 .double-box .box-left {
      width: 85%;
      display: flex;
      justify-content: center;
   }

   .body-content-gray .body-content-3 .double-box .box-left p {
      font-size: 3.1vw;
      letter-spacing: .7px;
      line-height: 6.3vw;
   }

   .body-content-gray .body-content-3 .double-box {
      margin-bottom: 9vw;
   }


   .body-content-gray .body-content-3 .box-white .title {
      margin-bottom: 6vw;
      margin-top: 2vw;
   }


   .body-content-gray .body-content-3 .box-white .title h3 {
      letter-spacing: .05vw;
      font-size: 4vw;
   }

   .body-content-gray .body-content-3 .box-white {
      border-radius: 4vw;
      padding: 5vw;
      width: 90%;
      margin: auto;
   }

   .body-content-gray .body-content-3 .box-white .all-box-application .box {
      display: flex;
      justify-content: start;
      width: 100%;
      padding: 4vw;
      padding-left: 6vw;
      border-radius: 3vw;
      padding-right: 0;
   }

   .body-content-gray .body-content-3 .box-white .all-box-application .box .image img {
      height: 14vw;
   }

   .body-content-gray .body-content-3 .box-white .all-box-application .box .lorrem p {
      font-size: 3.2vw;
      line-height: 5vw;
      letter-spacing: 0vw;
   }

   .body-content-gray .body-content-3 .box-white .all-box-application .box .image {
      display: flex;
      width: 14%;
   }

   .body-content-gray .body-content-3 .box-white .all-box-application .box .lorrem {
      width: 58vw;
      margin-left: 1.5vw;
   }

   .body-content-gray .body-content-3 .all-three-box {
      margin: 7vw 0;
      flex-wrap: wrap;
      padding: 0 5vw;
      margin-bottom: 2vw;
   }

   .body-content-gray .body-content-3 .all-three-box .box {
      width: 100%;
   }

   .body-content-gray .body-content-3 .all-three-box .box .box-image img {
      width: 100%;
      height: auto;
   }

   .body-content-gray .body-content-3 .all-three-box .box .title-image {
      width: 100%;
      margin-bottom: 4vw;
      border-radius: 2vw;
      display: flex;
      justify-content: center;
      margin-top: 6vw;
   }

   .body-content-gray .body-content-3 .all-three-box .box .title-image img {
      width: 20vw;
   }

   .body-content-gray .body-content-3 .all-three-box .box .lorem p {
      font-size: 3.2vw;
      margin-top: 2.5vw;
      line-height: 5.5vw;
   }

   .body-content-gray .body-content-3 .all-three-box .box .lorem {
      display: flex;
      width: 85vw;
      margin: auto;
   }

   .body-content-gray .body-content-3 .all-three-box .box .title-image.box-color-1 {
      background-color: #64c0ab;
   }

   .body-content-gray .body-content-3 .all-three-box .box .title-image.box-color-4 {
      background-color: #677abb;
   }

   .body-content-gray .body-content-3 .all-three-box .box .title-image.box-color-6 {
      background-color: #e693bc;
   }

   .body-content-gray .body-content-title-cus .title {
      padding: 5vw 0;
      border-radius: 0;
      margin: auto;
      margin-bottom: 5vw;
      width: 100%;
      position: relative;
      display: flex;
      flex-wrap: wrap;
   }

   .body-content-gray .body-content-title-cus .title .out-triangle {
      width: 100%;
      display: flex !important;
      justify-content: center;
   }

   .body-content-gray .body-content-title-cus .title .out-triangle img {
      position: absolute;
      top: -4.5vw;
      width: 8vw;
      filter: brightness(0.95);
   }

   .body-content-gray .body-content-title-cus .title h2 {
      font-size: 4vw;
      letter-spacing: .1vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 {
      display: flex;
      flex-wrap: wrap;
      padding: 0 5vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box {
      width: 100%;
      display: flex;
      justify-content: space-between
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box .box-image {
      width: 53%;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box .box-image img {
      width: 100%;
      height: auto;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box .lorem {
      width: 43%;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box .lorem p {
      font-size: 3.2vw;
      margin-top: 1vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .image-arrow {
      padding-top: 0vw;
      margin: 4vw 24vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .image-arrow img {
      width: 100%;
      rotate: 90deg;
   }


   .body-content-gray .body-content-3 .all-three-box-2 .box-2 {
      flex-wrap: wrap;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-3 {
      flex-wrap: wrap;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-2 .box-image {
      width: 100%;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-2 .lorem p {
      margin-top: 3vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-2 .lorem {
      width: 95%;
      margin: auto;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .arrow-under-box-2 {
      padding-top: 0vw;
      margin: auto;
      margin-top: 4vw;
      margin-bottom: 4vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-3 .box-image {
      width: 100%;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-3 .lorem p {
      margin-top: 3vw;
   }

   .body-content-gray .body-content-3 .all-three-box-2 .box-3 .lorem {
      width: 95%;
      margin: auto;
   }

   .body-content-white .content-in-body {
      width: 90%;
      margin-bottom: 11vw;
   }


   .body-content-white .lorem {
      padding: 0 3vw;
   }

   .body-content-white .title {
      margin-top: 7vw;
      margin-bottom: 4vw;
   }

   .body-content-white .lorem p {
      font-size: 3.2vw;
      line-height: 7vw;
      letter-spacing: 0vw;
   }

   .body-content-gray .body-content-4 {
      padding-top: 7vw;
   }

   .body-content-gray .body-content-4 .all-box {
      column-gap: 4vw;
      row-gap: 4vw;
   }

   .body-content-gray .body-content-4 .all-box .box {
      width: 43%;
      border-radius: 4vw;
      padding: 4vw;
   }

   .body-content-gray .body-content-4 .all-box .box .image {
      margin-bottom: 4vw;
      margin-top: 4vw;
      height: 27vw;
   }

   .body-content-gray .body-content-4 .all-box .box .image h4 {
      font-size: 4.8vw;
      letter-spacing: .2vw;
      line-height: 7vw;
   }

   .body-content-gray .body-content-4 .all-box .box .lorem p {
      font-size: 3.3vw;
      line-height: 6vw;
   }


   .body-content-gray .body-content-4 .all-box .box .lorem .lorem-end {
      font-size: 2.7vw;
      line-height: 4.5vw;
   }

   .body-content-gray .body-content-4 .title {
      display: flex;
      margin: 8vw 0;
      justify-content: center;
   }

   .body-content-gray .body-content-4 .title h3 {
      font-size: 4vw;
      letter-spacing: .8vw;
   }

   .body-content-gray .body-content-4 .all-box.all-box-three-custom {
      padding: 0 5vw;
   }

   .body-content-gray .body-content-4 .all-box.all-box-three-custom .box {
      width: 100%;
      flex-direction: unset;
   }

   .body-content-gray .body-content-4 .all-box.all-box-three-custom .box .image {
      width: 33%;
      height: auto;
      margin-left: 5vw;
   }

   .body-content-gray .body-content-4 .all-box.all-box-three-custom .box .image img {
      width: 93%;
   }

   .body-content-gray .body-content-4 .all-box.all-box-three-custom .box .lorem {
      width: 45%;
      margin-left: 11.5vw;
   }

   .body-content-white .content-in-body {
      width: 100%;
      margin-bottom: 11vw;
   }

   .body-content-white .title-content-white {
      padding: 5.3vw 0;
      border-radius: 0;
      margin-bottom: 7vw;
      margin-top: 0;
   }

   .body-content-white .title-content-white h3 {
      font-size: 4vw;
      letter-spacing: .5vw;
   }

   .body-content-white-custom .content-in-body .all-box .box {
      width: 100%;
      margin-bottom: 5vw;
   }

   .body-content-white-custom .content-in-body .all-box.box-double {
      padding: 0 5vw;
   }

   .body-content-white-custom .content-in-body .all-box .box .box-left {
      width: 35%;
   }

   .body-content-white-custom .content-in-body .all-box .box .box-right {
      width: 60%;
      display: flex;
      flex-direction: column;
   }

   .body-content-white-custom .content-in-body .all-box .box .box-right .title h4 {
      font-size: 5vw;
      line-height: 7vw;
      margin-bottom: 2vw;
   }

   .body-content-white-custom .content-in-body .all-box .box .box-right .lorem {
      padding: 0;
   }

   .body-content-white-custom .content-in-body .all-box .box .box-right .lorem p {
      font-size: 3.3vw;
      line-height: 5.5vw;
      letter-spacing: -.1vw;
      margin-bottom: 0;
   }

   .body-content-white-custom .content-in-body {
      width: 100%;
      margin-bottom: 1.5vw;
   }

   .border-line-vertical-radius {
      background-image: radial-gradient(circle, rgb(201, 201, 201) 30%, transparent 10%);
      background-position: bottom;
      background-size: 1.5vw 1.2vw;
      background-repeat: repeat-x;
      width: 100%;
      margin-bottom: 5vw;
      height: 1vw;
   }

   .bg-border-line-radius {
      background-image: radial-gradient(circle, rgb(201, 201, 201) 30%, transparent 10%);
      background-position: bottom;
      background-size: 1.5vw 1.2vw;
      background-repeat: repeat-x;
      width: 100%;
      margin-bottom: 5vw;
      height: 1vw;
   }

   .body-content-white-custom-image {
      padding: 0 5vw;
   }

   .body-feature .body-content-1 .content.content-2 .title-content {
      margin-top: 13vw;
      margin-bottom: 6vw;
   }

   .body-feature .content-bg-white .all-box .box-left .box-img {
      padding-top: 0;
   }

   .bg-body-pc-table-custom {
      padding-top: 8vw;
   }

   section.body .title-body .box-center .bg-active {
      height: 8vw;
      width: 34vw;
      border-radius: 1vw;
      bottom: 26.2vw;
      left: 33vw;
   }

   .body-feature .body-content-1 .content.content-4 {
      padding-bottom: 15vw;
   }

   .body-content-gray .body-content-1 .all-box-three .box .in-box-3 .image img {
      margin: 0;
   }

   iframe {
      width: 100% !important;
      height: 100% !important;
   }

   .modal-dialog {
      width: 78% !important;
      margin: auto;
  }
}