.page-container {margin-bottom: 30px;}
.page-container .page-body {padding: 30px; background: #fff;}
.page-container .banner {height: 300px;}
.page-container .banner .page-img {width: 100%; height: 100%; flex-shrink: 0;}
.page-container .breadcrumb-list {padding-top: 25px;}
.page-container  .breadcrumb {font-size: 18px; color: #636E80}

.page-border {background-color: #fff; margin-top: 20px; padding: 30px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05)}
.page-border-left-title{border-left: 3px solid #3D5AFE; padding-left: 6px; font-size: 20px; color: #3D5AFE;}
.page-label {color: #3D5AFE;}

.page-title-text {margin-top: 20px;}
.react-footer {padding-top: 10px; text-align: center;}

.page-item {width: 100%; display: flex; flex-direction: row; gap: 20px;}
.page-item .item {width: 33%; padding: 10px; display: flex; flex-direction: column; align-items: center; background: #e7bbbb; border-radius: 20px;}
.page-item .item .title {font-size: 28px;}
.page-item .item .desc {font-size: 24px;}

.page-item-wrap {display: flex; flex-wrap: wrap;}
.page-item-wrap .title {padding-left: 6px; padding-top: 10px; border-left: none; font-size: 22px;}
.page-item-wrap .item {width: 32%; background-color: #e7bbbb; border-radius: 20px; margin-top: 20px; margin-left: 15px; padding-bottom: 20px;}
.page-item-wrap .item .img {width: 100%; height: 200px; border-radius: 20px 20px 0 0;}
.page-item-wrap .item .title {font-size: 16px;}
.page-item-wrap .item .desc {font-size: 16px;}

.multiple-text {margin-top: 20px; padding: 20px; background-color: #e7bbbb; border-radius: 20px;white-space: pre-line;}