/* extracted-inline-styles */
/* layouts/partials/page-review.html */
#re-banner .container, #re-con1 .container, #re-con3 .container { max-width: 1280px; padding: 0; }
                    #re-con2 .container { max-width: 1100px; padding: 0; }

/* layouts/partials/page-review.html */
#re-banner { background-size: cover; min-height: 550px; display: flex; align-items: center; }
                    .re-banner { display: flex; align-items: center; }
                    .re-banner-l { width: 50%; }
                    #re-banner img { margin: 0; padding: 0; }
                    #re-banner .re-banner-h1 {
                      font-size: 64px;
                      color: #fff;
                      letter-spacing: 5px;
                      margin: 0;
                      line-height: 1;
                      text-transform: revert;
                    }
                    .re-banner-p {
                      margin: 25px 0;
                      line-height: 1.5;
                      font-size: 18px;
                      color: #fff;
                      display: inline-block;
                      position: relative;
                    }
                    .re-banner-r { width: 50%; padding-left: 8.5%; }
                    .re-banner-l img { display: block; }
                    .re-banner-l span {
                      display: inline-block;
                      width: 160px;
                      text-align: center;
                      font-size: 16px;
                      color: #4e4e4e;
                      margin-top: 5px;
                    }

/* layouts/partials/page-review.html */
.re-con { display: flex; align-items: center; justify-content: space-between; }
                    .re-con-l { width: 28%; }
                    .re-title {
                      color: #05142b;
                      font-size: 42px;
                      line-height: 1;
                      position: relative;
                      z-index: 1;
                    }
                    .re-title2:before {
                      content: "";
                      display: inline-block;
                      width: 42px;
                      height: 26px;
                      background: url(/assets/img/review/re-title.png);
                      background-repeat: no-repeat;
                      background-size: contain;
                      background-position: center;
                      position: absolute;
                      left: -35px;
                      top: 10px;
                      z-index: -1;
                    }
                    .re-title1:after {
                      content: "";
                      display: inline-block;
                      width: 42px;
                      height: 26px;
                      background: url(/assets/img/review/re-title.png);
                      background-repeat: no-repeat;
                      background-size: contain;
                      background-position: center;
                      position: relative;
                      right: 5px;
                      z-index: -1;
                    }
                    .re-con-l p { margin: 20px 0 30px 0; line-height: 1.5em; color: #5e5f70; font-size: 16px; }
                    #re-con1 .re-con-l a { display: block; color: #219bfa; font-size: 18px; }
                    .re-con-r { width: 70%; display: flex; align-items: center; justify-content: space-between; align-items: stretch; }
                    .re-con-block {
                      width: 32%;
                      background: #fff;
                      border-radius: 10px;
                      padding: 40px 65px;
                      text-align: center;
                    }
                    .re-con-block p { margin: 10px 0 0 0; line-height: 1.5; color: #05142b; font-size: 18px; }

/* layouts/partials/page-review.html */
#re-con2 { padding: 40px 0 80px 0; }
                    #re-con2 .re-con { margin: 0 0 60px 0; }
                    #re-con2 .re-con-l { width: 40%; }
                    #re-con2 .re-con-l a {
                      padding: 10px 30px;
                      color: #fff;
                      background: #219bfa;
                      border-radius: 5px;
                      box-shadow: 4px 0 16px rgba(14,133,225,0.3);
                    }
                    #re-con2 .re-con-r { width: 50%; justify-content: center; }
                    #re-con2 .re-con1 { flex-direction: row-reverse; }
                    #re-con2 .re-con1 .re-con-r { justify-content: flex-start; }

/* layouts/partials/page-review.html */
#re-con3 { padding: 60px 0 80px 0; }
                    #re-con3 .container { margin-top: -100px; }
                    .re-con3 {
                      background-image: url(/assets/img/review/re-con3-bg.png);
                      background-position: center center;
                      border-radius: 20px;
                      box-shadow: 0 0 38px rgba(6,19,62,0.1);
                      padding: 60px 120px;
                      text-align: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                    }
                    .re-con3 h5 { text-align: center; margin-bottom: 60px; display: inline-block; }
                    .re-con-box { display: flex; justify-content: space-between; }
                    .re-con01 {
                      width: 30%;
                      border-radius: 20px;
                      padding: 35px 30px 40px 30px;
                      background-repeat: no-repeat;
                      background-size: cover;
                      text-align: left;
                    }
                    .re-con01-1 { background-image: url(/assets/img/review/re-con3-conbg1.png); }
                    .re-con01-2 { background-image: url(/assets/img/review/re-con3-conbg2.png); }
                    .re-con01-3 { background-image: url(/assets/img/review/re-con3-conbg3.png); }
                    .re-con01 div {
                      width: 70px;
                      height: 70px;
                      border-radius: 10px;
                      background: #fff;
                      box-shadow: 8px 8px 20px rgba(0,0,0,0.2);
                      display: flex;
                      justify-content: center;
                      align-items: center;
                    }
                    .re-con01 p {
                      margin: 25px 0 0 0;
                      line-height: 1;
                      font-size: 20px;
                      font-weight: bold;
                      color: #fff;
                    }
                    #re-con3 .re-con01 a { display: block; line-height: 1; font-size: 18px; color: #fff; }

/* layouts/partials/page-review.html */
@media only screen and (max-width: 1280px) {
                      .re-con { padding: 0 5%; }
                      .re-con-l { width: auto; }
                      .re-con-block { padding: 40px 20px; }
                      #re-con3 .container { padding: 0 5%; }
                      .re-con3 { padding: 60px 40px; }
                      .re-banner-l { padding-left: 5%; }
                    }
                    @media only screen and (max-width: 1000px) {
                      #re-con1 { background-size: cover; }
                      #re-con1 .re-con { align-items: flex-start; flex-direction: column; padding: 0 5%; }
                      .re-con-l { margin-bottom: 40px; }
                      .re-con-r { width: 100%; }
                      .re-title { font-size: 32px; }
                      .re-title2:before { top: 5px; }
                      #re-con2 .re-con { padding: 0 5%; }
                      .re-con3 { padding: 60px 20px; background-size: cover; }
                      .re-con01 { width: 32%; padding: 35px 20px 40px 20px; font-size: 18px; }
                      #re-banner .re-banner-h1 { font-size: 54px; }
                      .re-banner-p:before { display: none; }
                      .re-banner-p:after { display: none; }
                    }
                    @media only screen and (max-width: 768px) {
                      .re-con { padding: 0; }
                      .re-con-r { flex-direction: column; }
                      .re-con-block { width: 100%; margin-bottom: 20px; }
                      #re-con2 { padding: 0; }
                      #re-con2 .re-con { padding: 0; flex-direction: column; align-items: flex-start; }
                      #re-con2 .re-con-l { width: 100%; margin-bottom: 40px; }
                      #re-con2 .re-con-r { width: 100%; justify-content: left; }
                      #re-con2 .re-con1 { flex-direction: column; }
                      .re-con-box { flex-direction: column; }
                      .re-con01 { width: 100%; text-align: center; margin-bottom: 20px; }
                      .re-con01 div { margin: 0 auto; }.re-title1:after { width: 30px; }
                      .re-title2:before { width: 30px; left: -25px; }
                      .re-con3 .re-title2:before { left: -15px; }
                      #re-banner { min-height: inherit; }
                      .re-banner { flex-direction: column-reverse; padding: 20px 0; }
                      .re-banner-l { width: 100%; text-align: center; padding: 0; }
                      .re-banner-r { width: 50%; padding: 0; margin-bottom: 20px; }
                      #re-banner img { margin: 0 auto; }
                      #re-banner .re-banner-h1 { font-size: 42px; }
                      .re-banner-p { line-height: 1.5; font-size: 16px; }
                      .re-banner-l span { color: #fff; }
                    }