.blockquote-4 {
    position: relative;
    font-size: 16px;
    border: 2px solid #8633ff;
    border-radius:1px;
    padding: 25px;
}
.blockquote-4::after {
    content:"";
    position: absolute;
    border: 2px solid #8633ff;
    border-radius: 0 50px 0 0;
    width: 40px;
    height: 40px;
    bottom: -40px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 2; 
    box-sizing: border-box;
} 
.blockquote-4::before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #2e2f33;
    bottom: -3px;
    left: 50px;
    z-index: 1;
}
.blockquote-4 cite {
    position: absolute;
    bottom: -38px;
    left: 110px;
    font-size: 20px;
    font-weight: bold;
    color: #8633ff;
}

/**/
.blockquote-3 {
    position: relative;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius:1px;
    padding: 25px;
}
.blockquote-3::after {
    content:"";
    position: absolute;
    border: 2px solid #fff;
    border-radius: 0 50px 0 0;
    width: 40px;
    height: 40px;
    bottom: -40px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 2; 
    box-sizing: border-box;
} 
.blockquote-3::before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #8633ff;
    bottom: -3px;
    left: 50px;
    z-index: 1;
}
.blockquote-3 cite {
    position: absolute;
    bottom: -38px;
    left: 110px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 20px;
}

.arrows path {
	stroke: #FC0A49;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}


@media (min-width: 468px) and (max-width: 1199.98px) {

h4, .h4 {
    font-size: 1rem!important;
}

h1, .h1 {
    font-size: 1.5rem;
}
}

.footer {
bordser-top:1px solid #dedede;
}
main {
  margin-right: 7rem !important;
  margin-left: 7rem !important;
}

@media (max-width:991.98px) {
main {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
}


/***************************/
.organic-radius {
    border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
}

.shape-primary {
  background-color: #242e4c
}
.shape-primary .step-number {
  background-color: #242e4c
}
.shape-secondary {
  background-color: #1c2540
}
.shape-secondary .step-number {
  background-color: #1c2540
}
.shape-tertiary {
  background-color: #893168
}
.shape-tertiary .step-number {
  background-color: #893168
}
.shape-primary-app {
  background-color: #EBF4F6
}
.shape-primary-app .step-number {
  background-color: #EBF4F6
}
.shape-secondary-app {
  background-color: #424AA0
}
.shape-secondary-app .step-number {
  background-color: #424AA0
}
.shape-success {
  background-color: #3aaf85
}
.shape-success .step-number {
  background-color: #3aaf85
}
.shape-info {
  background-color: #0d6efd
}
.shape-info .step-number {
  background-color: #0d6efd
}
.shape-warning {
  background-color: #ffc107
}
.shape-warning .step-number {
  background-color: #ffc107
}
.shape-danger {
  background-color: #dc3545
}
.shape-danger .step-number {
  background-color: #dc3545
}
.shape-white {
  background-color: #fff
}
.shape-white .step-number {
  background-color: #fff
}
.shape-gray {
  background-color: #1F2937
}
.shape-gray .step-number {
  background-color: #1F2937
}
.shape-dark {
  background-color: #1c2540
}
.shape-dark .step-number {
  background-color: #1c2540
}
.shape-black {
  background-color: #171f38
}
.shape-black .step-number {
  background-color: #171f38
}
.shape-purple {
  background-color: #6f42c1
}
.shape-purple .step-number {
  background-color: #6f42c1
}
.shape-orange {
  background-color: #e84422
}
.shape-orange .step-number {
  background-color: #e84422
}
.shape-gray-100 {
  background-color: #F9FAFB
}
.shape-gray-100 .step-number {
  background-color: #F9FAFB
}
.shape-gray-200 {
  background-color: #F3F4F6
}
.shape-gray-200 .step-number {
  background-color: #F3F4F6
}
.shape-gray-300 {
  background-color: #E5E7EB
}
.shape-gray-300 .step-number {
  background-color: #E5E7EB
}
.shape-gray-400 {
  background-color: #D1D5DB
}
.shape-gray-400 .step-number {
  background-color: #D1D5DB
}
.shape-gray-500 {
  background-color: #9CA3AF
}
.shape-gray-500 .step-number {
  background-color: #9CA3AF
}
.shape-gray-600 {
  background-color: #6B7280
}
.shape-gray-600 .step-number {
  background-color: #6B7280
}
.shape-gray-700 {
  background-color: #4B5563
}
.shape-gray-700 .step-number {
  background-color: #4B5563
}
.shape-gray-800 {
  background-color: #374151
}
.shape-gray-800 .step-number {
  background-color: #374151
}
.organic-radius {
  border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%
}
.color-shape {
  width: 7rem;
  height: 7rem
}
.step {
  position: relative;
margin-top: 2rem;
  margin-bottom: 2rem
}
.step .step-shape {
  display: inline-flex;
  width: 7rem;
  height: 7rem;
  text-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.step .step-shape .step-icon span, .step .step-shape .step-icon svg {
  font-size: 2.25rem
}
.step .step-shape .step-number {
  position: absolute;
  font-weight: 600;
  top: -10px;
  width: 32px;
  height: 32px;
  border-width: .125rem;
  border-style: solid;
  line-height: 1.7
}
.step .step-shape.bordered {
  border-width: .125rem;
  border-style: solid
}
.step .step-shape.bordered .step-number {
  background-color: #fff;
  top: -12px
}
.step .step-shape.rounded .step-number {
  border-radius: 1rem
}
.step .step-shape.organic-radius .step-number {
  border-radius: 30% 70% 70% 30%/30% 39% 61% 70%
}
.step .icon-lg {
  font-size: 3rem
}
.layer-primary {
  color: rgba(36, 46, 76, 0.15)
}
.layer-secondary {
  color: rgba(28, 37, 64, 0.15)
}
.layer-tertiary {
  color: rgba(137, 49, 104, 0.15)
}
.layer-primary-app {
  color: rgba(235, 244, 246, 0.15)
}
.layer-secondary-app {
  color: rgba(66, 74, 160, 0.15)
}
.layer-success {
  color: rgba(58, 175, 133, 0.15)
}
.layer-info {
  color: rgba(13, 110, 253, 0.15)
}
.layer-warning {
  color: rgba(255, 193, 7, 0.15)
}
.layer-danger {
  color: rgba(220, 53, 69, 0.15)
}
.layer-white {
  color: rgba(255, 255, 255, 0.15)
}
.layer-gray {
  color: rgba(31, 41, 55, 0.15)
}
.layer-dark {
  color: rgba(28, 37, 64, 0.15)
}
.layer-black {
  color: rgba(23, 31, 56, 0.15)
}
.layer-purple {
  color: rgba(111, 66, 193, 0.15)
}
.layer-orange {
  color: rgba(232, 68, 34, 0.15)
}
.layer-gray-100 {
  color: rgba(249, 250, 251, 0.15)
}
.layer-gray-200 {
  color: rgba(243, 244, 246, 0.15)
}
.layer-gray-300 {
  color: rgba(229, 231, 235, 0.15)
}
.layer-gray-400 {
  color: rgba(209, 213, 219, 0.15)
}
.layer-gray-500 {
  color: rgba(156, 163, 175, 0.15)
}
.layer-gray-600 {
  color: rgba(107, 114, 128, 0.15)
}
.layer-gray-700 {
  color: rgba(75, 85, 99, 0.15)
}
.layer-gray-800 {
  color: rgba(55, 65, 81, 0.15)
}