/* Full table border */
.desktop-table table {
  border: 2px solid #d0d7e2;
  border-radius: 12px;
  overflow: hidden;
}

/* Inner cell borders */
.desktop-table th,
.desktop-table td {
  border: 1px solid #e2e6ef;
}


/* Modern card styling */
.modern-card {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  background: #fff;
}

/* Header gradient */
.card-header-modern {
  background: linear-gradient(135deg, #f05c2b, #f7a229);
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
  padding: 10px;
  text-align: center;
}

/* Table hover animation */
.desktop-table tbody tr {
  transition: all 0.3s ease;
}

.desktop-table tbody tr:hover {
  background: #eef4ff;
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
}

/* Accordion animation enhancement */
.accordion-item {
  border: none;
  border-radius: 12px !important;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.accordion-button {
  font-weight: 600;
  transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) {
  background: #e9f2ff;
}

/* Slide + fade animation */
.accordion-collapse {
  transition: all 0.35s ease;
}

/* Responsive switching */
.mobile-accordion {
  display: none;
}

@media (max-width: 768px) {
  .desktop-table {
    display: none;
  }
  .mobile-accordion {
    display: block;
  }
  .info-card {
      padding: 20px;
      border-radius: 22px;
    }

    .info-title {
      font-size: 20px;
    }
    
    .icon-list li {
      font-size: 15px;
    }
}

.info-card {
    background: #ffffff;
    border: 2px dashed #f26a21;
    border-radius: 30px;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    /*box-shadow: 0 10px 25px rgba(0,0,0,0.08);*/
    transition: all 0.35s ease;
  }

  .info-title {
    text-align: center;
    font-style: italic;
    font-size: 20px;
    margin-bottom: 25px;
  }

  .icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .icon-list li {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
  }

  .icon-list i {
    color: #f26a21;
    font-size: 22px;
    margin-top: 3px;
    flex-shrink: 0;
  }
  
  
  
  
  
  
  /*Blog content card*/
  .ysedu-cards-wrap{
  max-width:900px;
  margin:20px auto;
  padding:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.ysedu-card{
  background:#efefef;
  border:2px solid #e67e22;
  border-radius:6px;
  padding:20px;
  line-height:1.6;
  box-shadow:0 3px 8px rgba(0,0,0,0.08);
}

.ysedu-card-title{
  font-weight:600;
  font-size:18px;
  margin-bottom:10px;
}

.ysedu-card-text{
  font-size:16px;
}

.ysedu-card a{
  color:#1a0dab;
  text-decoration:underline;
}

/* Mobile */
@media (max-width:600px){
  .ysedu-cards-wrap{
    grid-template-columns:1fr;
  }
}








/*Blog chart content*/
.ntm-container{
  position:relative;
  width:70vw;
  height:70vw;
  max-width:600px;
  max-height:600px;
  margin: auto;
}

.ntm-node{
  position:absolute;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:10px;
  font-weight:600;
  transition:all .35s ease;
  cursor:pointer;
}

.ntm-node:hover{
  transform:scale(1.08) translateY(-6px);
  box-shadow:0 12px 25px rgba(0,0,0,0.35);
  z-index:10;
}

.ntm-center{
  width:40%;
  height:40%;
  background:#f2b705;
  top:30%;
  left:30%;
}

.ntm-top{
  width:30%;
  height:30%;
  background:#8cd21f;
  top:2%;
  left:35%;
}

.ntm-left{
  width:35%;
  height:35%;
  background:#5b84c7;
  top:32%;
  left:0;
}

.ntm-right{
  width:35%;
  height:35%;
  background:#31c56c;
  top:32%;
  right:0;
}

.ntm-bottom{
  width:30%;
  height:30%;
  background:#66d6d4;
  bottom:2%;
  left:35%;
}

.ntm-text{
  font-size:clamp(10px,1.2vw,16px);
  line-height:1.2;
}

@media(max-width:600px){
  .ntm-container{
    width:90vw;
    height:90vw;
  }
}




/*table*/
.psyn-container{
  width:100%;
  overflow-x:auto;
}

.psyn-table{
  width:100%;
  border-collapse:collapse;
  background:#2b2b2b;
  color:#f3b300;
}

.psyn-table th,
.psyn-table td{
  border:1px solid #caa03a;
  padding:10px 14px;
  font-size:16px;
}

.psyn-top th{
  background:#2b2b2b;
  color:#ffffff;
  font-weight:bold;
}

.psyn-title{
  text-align:center;
}

.psyn-date{
  text-align:right;
}

.psyn-head th{
  text-align:center;
  color:#ffffff;
}

.psyn-table td:first-child{
  width:35%;
}

.psyn-summary-head td{
  text-align:center;
  font-weight:bold;
  color:#ffffff;
}

.psyn-summary-text td{
  color:#ffffff;
}

/* Responsive */
@media (max-width:768px){
  .psyn-table th,
  .psyn-table td{
    font-size:14px;
    padding:8px;
  }
}

@media (max-width:500px){
  .psyn-title,
  .psyn-date{
    display:block;
    text-align:center;
  }
}




/*chart*/
/* WRAPPER */

.psx-flow-wrapper{
max-width:1000px;
margin:auto;
padding:25px 10px;
text-align:center;
}

/* BOX STYLE */

.psx-flow-box{
display:inline-block;
padding:10px 18px;
border-radius:22px;
font-weight:600;
font-size:14px;
box-shadow:0 4px 10px rgba(0,0,0,0.12);
animation:psxFade .6s ease forwards;
opacity:0;
}

/* COLORS */

.psx-flow-top{
background:#4c6fb3;
color:white;
}

.psx-flow-definition{
background:#f28b2c;
color:white;
}

.psx-flow-req{
background:#67b34d;
color:white;
}

.psx-flow-product{
background:#f2e600;
color:black;
}

.psx-flow-sub-orange{
background:#f28b2c;
color:white;
}

.psx-flow-sub-green{
background:#67b34d;
color:white;
}

.psx-flow-sub-yellow{
background:#f2e600;
color:black;
}

/* ROW LAYOUT */

.psx-flow-row{
display:flex;
justify-content:center;
gap:40px;
margin-top:30px;
flex-wrap:wrap;
}

/* CONNECTOR LINES */

.psx-flow-line{
width:2px;
height:22px;
background:#ccc;
margin:10px auto;
}

.psx-flow-hline{
height:2px;
background:#ccc;
width:65%;
margin:8px auto;
}

/* SUB GROUP */

.psx-flow-group{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
margin-top:8px;
}

/* ANIMATION */

@keyframes psxFade{
from{
opacity:0;
transform:translateY(10px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* MOBILE RESPONSIVE */

@media(max-width:768px){

.psx-flow-row{
gap:20px;
margin-top:20px;
}

.psx-flow-box{
font-size:13px;
padding:8px 14px;
}

.psx-flow-group{
gap:8px;
}

}





/*NOTICE BOARD*/
.edunq-wrapper{
  width:100%;
  max-width:1000px;
  margin:auto;
  padding:20px;
}

.edunq-bg{
  background:linear-gradient(135deg,#7f86d9,#5c62c9);
  border-radius:6px;
  padding:40px 30px;
  position:relative;
  overflow:hidden;
}

/* decorative shapes */

.edunq-bg::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:220px;
  height:120px;
  background:linear-gradient(135deg,#5a1ea6,#7c3aed);
  border-bottom-left-radius:80px;
}

.edunq-bg::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:220px;
  height:120px;
  background:#c2185b;
  border-top-right-radius:80px;
}

.edunq-board{
  background:#efefef;
  padding:28px 32px;
  position:relative;
  z-index:2;
}

.edunq-title{
  margin-top:0;
  margin-bottom:15px;
  font-size:22px;
}

.edunq-list{
  margin:0;
  padding-left:25px;
  line-height:1.7;
  font-size:15px;
}

.edunq-board{
  transition: transform .3s ease, box-shadow .3s ease;
}

.edunq-board:hover{
  transform: translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,0.12);
}

@media (max-width:600px){

.edunq-bg{
  padding:25px 15px;
}

.edunq-board{
  padding:20px;
}

.edunq-title{
  font-size:18px;
}

.edunq-list{
  font-size:15px;
}

}