.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.row {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.breadcrumb {
	background: #e9ebeb !important;
	padding: 8px !important;
	border-radius: 12px !important;
}
.breadcrumb a{
	color: #363a3f;
	font-size: .87rem;
}

.page-wrap {
	margin: 50px auto;
}

  .panel{
    background:#ffffff;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(23,58,77,.08), 0 2px 8px rgba(23,58,77,.04);
    padding:46px 36px 36px;
    position:relative;
  }

  /* ---------- Ribbon header ---------- */
  .ribbon-wrap{
    display:flex;
    justify-content:center;
    margin-top:-70px;
    margin-bottom:34px;
  }
  .ribbon{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    background:linear-gradient(135deg,#1f6fb2,#123a63);
    color:#fff;
    font-weight:700;
    font-size:1.15rem;
    padding:16px 52px;
    letter-spacing:.3px;
    box-shadow:0 12px 26px rgba(18,58,99,.32);
    clip-path:polygon(3.5% 0%, 96.5% 0%, 100% 50%, 96.5% 100%, 3.5% 100%, 0% 50%);
  }
  .ribbon::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 45%);
    clip-path:inherit;
    pointer-events:none;
  }
  .ribbon::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-9px;
    transform:translateX(-50%);
    width:66%;
    height:9px;
    background:#0c2c4d;
    clip-path:polygon(6% 0, 94% 0, 100% 100%, 0 100%);
    opacity:.55;
  }
  .ribbon i{ font-size:1.05rem; color:#bfe0ff; }
  .ribbon span{ position:relative; z-index:1; }

  /* ---------- Notice box ---------- */
  .notice{
    background:linear-gradient(180deg,#fbfdfe,#f5f9fb);
    border:1px solid #e7ebee;
    border-radius:14px;
    padding:18px 20px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:30px;
    line-height:2.15;
    font-size:.98rem;
  }
  .notice .diamond{
    flex:0 0 auto;
    width:20px; height:20px;
    background:#1f6fb2;
    transform:rotate(45deg);
    border-radius:4px;
    margin-top:6px;
  }
  .notice a{
    color:#1f6fb2;
    font-weight:600;
    text-decoration:none;
    border-bottom:1px dashed #1f6fb2;
    word-break:break-all;
  }
  .notice a:hover{ color:#0e9aa0; border-color:#0e9aa0; }
  .notice b{ color:#173a4d; }

  /* ---------- Section bar ---------- */
  .section-bar{
    background:linear-gradient(90deg,#12b8ae,#0e9aa0);
    color:#fff;
    border-radius:12px;
    padding:16px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    font-weight:600;
    font-size:1rem;
    box-shadow:0 6px 16px rgba(14,154,160,.25);
  }
  .section-bar .count-badge{
    background:rgba(255,255,255,.22);
    padding:4px 14px;
    border-radius:999px;
    font-size:.82rem;
    font-weight:500;
  }
.footer-skin .transparency {
	font-size: 16px;
	width: 80%;
	height: 80%;
	background-size: cover;
	position: absolute;
	right: calc((100% - 3px) / 3);
	top: -36px;
	text-align: center;
	z-index: 1;
}