.content-section-label
{
      width: 98%;    
      height: auto;                 
      margin: 0 auto;
      margin-top: 20px;      
      background-color: #fff;
      border-radius: 30px 30px 0 0;

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-label
.label-container
{           
      width: 95%;
      height: 180px;
      margin: 0 auto;                  
      background-repeat: no-repeat;
      background-image: url('assets/image/title/title-background.png');
}
.content-section-label
h5
{	      
      padding: 2% 14%;
      font-size: 60px;      
      color: #25387c;
      font-weight: 900;                               
      letter-spacing: 2px;      
      text-transform: uppercase;
}
.content-section-label
h6
{          
      margin: -2% 18%;
      font-size: 13px;  
      color: #232323;
      font-weight: 700;     
      letter-spacing: 1px;      
      text-transform: uppercase;
}



.content-section-portfolio
{
      width: 100%;             
      height: auto;              
      margin-top: 20px;                           
      background-color: transparent;      
      
      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-portfolio
.portfolio-container
{
      width: 98%;          
      height: 100vh;              
      display: flex;                  
      border-radius: 15px;
      background-color: #f9f9f9;      

      margin: 0 auto;        
      align-items: center;
      justify-content: center;             
}
.content-section-portfolio
img
{
      width: 70%;
      height: auto;            
      background-repeat: no-repeat;

      transition: all 0.6s;  
      -webkit-transition: all 0.6s;  
}
.content-section-portfolio
.carousel-checkbox
{      
      left: 0;
      right: 0;
      width: 95%;
      height: 80px;
      bottom: -120%;    
      margin: 0 auto;      
      position: absolute;                     
      border-radius: 15px;      
}
.content-section-portfolio
.carousel-checkbox
ul 
{      
      display: flex;
      flex-wrap: wrap;      
      justify-content: center;      
}
.content-section-portfolio
.carousel-checkbox
li
{
      width: 25%;      
      padding: 10px;
      padding-left: 10px;       
      border-radius: 10px;         
      
      transition: all 0.5s;
}
.content-section-portfolio
.carousel-checkbox
h5
{                      
      font-size: 15px;            
      color: #25387c;
      font-weight: 500;                            
      text-transform: capitalize;

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-portfolio
.carousel-checkbox
span
{                      
      font-size: 25px;                 
      color: #25387c;
      font-weight: 500;          
      text-transform: capitalize;

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-portfolio
.carousel-checkbox
img
{          
      width: 70px;
      height: auto;      
      object-fit: cover;
      margin-right: 10px;      
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
}



.content-section-box
{
      width: 100%;
      height: auto;      
      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-box
.box-container
{
      width: 100%;
      height: 50vh;  
      display: flex;                  
      align-items: center;
      justify-content: center;
}
.content-section-box
.box-a
h5
{     
      color: #333;
      display: block;      
      font-size: 50px;                  
      margin-left: 50px;
      text-transform: uppercase;            
}
.content-section-box
.box-b
{     
      width: 100%;
}
.content-section-box
p
{            
      font-size: 15px;            
      font-weight: 400;
      line-height: 1.8;      
      margin-left: 50px;      
      text-align: justify;      
      color: rgb(0, 0, 0);
}
.content-section-box
.reveal-text 
{
      visibility: hidden;
}
.content-section-box
.line 
{          
      display: flex;
      overflow: hidden;      
}


.content-section-global
{
      width: 99%;
      height: auto;      
      margin: 0 auto;      
      border-radius: 25px;      
      background-color: #f9f9f9;     

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-global
.global-container-a
{
      width: 100%;
      height: auto;
      margin: 0 auto;                   
}
.content-section-global
h5
{                
      color: #000;
      font-size: 15px;
      font-weight: 500;                  
      padding: 30px 30px;
      text-transform: uppercase;
}
.content-section-global
p
{          
      font-size: 22px;
      color: #232323;
      font-weight: 600;            
      padding: 30px 30px;          
}
.content-section-global
.global-container-b
{
      width: 100%;      
      height: 100vh;
      margin: 0 auto;                           
}
.content-section-global
.global-box 
{
      width: 96%;
      height: auto;
      display: flex;
      margin: 0 auto;
      flex-wrap: wrap;                   
      align-items: center;
      border-radius: 40px;	   
      pointer-events: none;            
      justify-content: center;            
      border: 1px solid #999;        
}
.content-section-global
.global-item
{      
      width: 700px;
      height: 600px;
      margin: 40px 20px;
      position: relative;
      pointer-events: none;
}
.content-section-global
.global-item:hover 
.char 
{
      display: inline-block;
      transform: translateY(100%);

      transition: transform 0.5s cubic-bezier(0.5, 0, 0, 1);
      transition-delay: calc(0ms + var(--char-index) * 20ms);
}
.content-section-global
.global-item:hover 
.char 
{
      transform: translateY(0%);
}
.content-section-global
.global-background
{      
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
      border-radius: 40px;
      filter: grayscale(0);      

      transition: filter 0.5s ease;
}
.content-section-global
.background-item
{    
      width: 80%;
      height: 90%;
      overflow: hidden;
      position: relative;
}
.content-section-global
img 
{     
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;      
      object-fit: cover;
      position: absolute;
      border-radius: 30px;
}
.content-section-global
h6
{      
      left: 0;
      bottom: 20%;            
      user-select: none;
      position: absolute;
      pointer-events: none;
      mix-blend-mode: difference;

      transform: translateX(-8rem);
}
.content-section-global
span 
{      
      color: #fff;
      font-size: 80px;            
      
      font-weight: 700;
      display: inline-block;
      font-family: "Montserrat", sans-serif;
}
.content-section-global
.word 
{
      white-space: nowrap;
}
.content-section-global
.char 
{
      display: inline-block;
      

      transition: transform 0.5s cubic-bezier(0.5, 0, 0, 1);
      transition-delay: calc(0ms + var(--char-index) * 20ms);
}
.content-section-global
.reveal-text 
{
      visibility: hidden;
}
.content-section-global
.line 
{          
      display: flex;
      overflow: hidden;      
}


.content-section-table
{
      width: 100%;
      height: auto;
      margin-top: 50px;
      background-color: transparent;

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-table
.table-container-a
{
      width: 95%;
      height: 40vh; 
      margin: 0 auto;
      background-color: #fff;
}
.content-section-table
h4
{      
      font-size: 15px;
      color: #25387c;
      font-weight: 700;
      padding: 20px 20px;
      text-transform: uppercase;
}
.table-container-a
.table-box
{          
      padding: 20px;
      display: flex;
      flex-wrap: wrap;      
      margin-top: 20px;
}
.table-container-a
.table-item
{      
      margin: 1px; 
      position: relative;      
      flex-basis: calc(14.28571% - 2px);      
}
.table-container-a
.table-item::after 
{      
      color: #999;
      font-size: 11px;
      position: absolute;      
      content: attr(data-weekday);
}
.table-container-a
.table-item:nth-child(-n+7)::after 
{
      bottom: calc(100% + 3.2px);
}
.table-container-a
.table-background
{
      width: 80%;
      height: 100px;
      border-radius: 10px;
      background-color: #f3f6fd;
}
.table-container-a
h5
{      
      top: 8px;
      left: 8px;                
      padding: 10px;
      font-size: 15px;      
      color: #1f1c2e;
      font-weight: 500;
      line-height: 1.5;
      position: absolute;               
}
.table-container-a
p
{                
      font-size: 14px;      
      color: #4a4a4a;
      font-style: italic;
}
.content-section-table
.table-container-b
{
      width: 95%;
      height: 40vh; 
      margin: 0 auto;
      background-color: #fff;
}
.content-section-table
h4
{      
      font-size: 15px;
      color: #25387c;
      font-weight: 700;
      padding: 20px 20px;
      text-transform: uppercase;
}
.table-container-b
.table-box
{          
      padding: 20px;
      display: flex;
      flex-wrap: wrap;      
}
.table-container-b
.table-item
{      
      margin: 1px; 
      position: relative;      
      flex-basis: calc(14.28571% - 2px);      
}
.table-container-b
.table-item::after 
{            
      font-size: 11px;
      color: #4a4a4a;
      position: absolute;      
      content: attr(data-weekday);
}
.table-container-b
.table-item:nth-child(-n+7)::after 
{
      bottom: calc(100% + 3.2px);
}
.table-container-b
.table-background
{
      width: 100%;
      height: 120px;
      border-radius: 10px;
      background-color: #f3f6fd;
}
.table-container-b
h5
{      
      top: 8px;
      left: 8px;
      padding: 10px;
      font-size: 15px;      
      color: #1f1c2e;
      font-weight: 500;
      line-height: 1.5;
      position: absolute;               
}


.column-head-a
{
      width: 95%;
      color: #fff;
      margin: 0 auto;     
      font-size: 30px;
      margin-top: 5px;      
      font-weight: 700;      
      line-height: 2.0;
      padding: 20px 25px;    
      text-transform: uppercase;              
      background-color: #25387c;    
      border-radius: 15px 15px 0 0;
      
      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.column-head-b
{
      width: 95%;
      color: #fff;      
      margin: 0 auto;           
      font-size: 18px;
      padding: 0 25px;
      font-weight: 500;        
      background-color: #25387c; 

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-column
{
      width: 95%;
      height: 30vh;
      display: flex;
      margin: 0 auto;
      align-items: center;       
      justify-content: center;          
      background-color: #25387c;  
      border-radius: 0 0 15px 15px;

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-column
.column-container-a
{
      width: 98%;      
      display: flex;
      margin: 0 auto;     
      flex-wrap: wrap;          
}
.content-section-column
.column-container-a
.column-item
{      
      flex-grow: 1;        
      padding: 30px;
      flex-basis: 12.8%;
      position: relative;
      text-align: center;
      border-radius: 10px;
      background-color: #f3f6fd;
      border-right: 1px solid #ebeff6;
      border-bottom: 1px solid #ebeff6;
}
.content-section-column
.column-container-a
.column-item:last-child 
{
      border-right: none;
}
.content-section-column
.column-container-a
h5
{      
      display: block;      
      font-size: 15px;
      color: #25387c;
      font-weight: 400;
      margin-bottom: 10px;
}
.content-section-column
.column-container-a
p
{      
      font-size: 14px;
      color: #232323;      
      font-weight: 500;      
}
.content-section-column
.column-container-a
h6
{          
      font-size: 14px;
      color: #25387c;      
      text-align: left;
      font-weight: 400;
}
.content-section-column
.column-top
{
      margin-top: 5px;
}



.content-section-timetable
{
      width: 100%;
      height: auto;
      margin-top: 10px;

      font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif;
}
.content-section-timetable
.timetable-container
{            
      width: 95%;
      height: 25vh;        
      margin: 0 auto;            
      position: relative;
      overflow-x: scroll;      
      border-radius: 15px;
      background-image: linear-gradient(to left bottom, #334da6, #2f489b, #2c4291, #283d86, #25387c);
}
.timetable-container::-webkit-scrollbar 
{
      height: 0;
}
.content-section-timetable
.timetable-line
{      
      width: 100%;
      height: 8px;      
      position: fixed;      
}
.content-section-timetable
.timetable-box
{           
      left: 25%;
      width: 100%;      
      position: absolute;          
}
.content-section-timetable
.timetable-item
{
      float: left;            
      margin: 0 15px;
      margin-top: 10px;      
      position: relative;      
      text-align: center;      
}
.content-section-timetable
.timetable-dots
{
      left: 50%;
      width: 15px;
      height: 15px;
      margin-top: -14px;        
      position: absolute;      
      margin-left: -9.6px;  
}
.content-section-timetable
.timetable-article
{      
      width: 160px;
      height: 130px;
      margin-top: 30px;      
      position: relative;
      border-radius: 15px;
      display: inline-block;      
      background-color: #fff;      

      transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
}
.content-section-timetable
h5
{              
      padding: 5px;  
      font-size: 18px;
      color: #25387C;
      font-weight: 700;      
      padding-top: 15px;
      text-transform: uppercase;      
}
.content-section-timetable
p
{      
      margin: 5px;            
      font-size: 15px;
      color: #232323;
}
