/* Poppins font loaded via npm package in fonts.client.ts */
/* Reset */
:root {
  --bradius:.875rem;
  --bradius-02:1.4375rem;
  --bradius-03:.625rem;
}

.font-popins{font-family: "Poppins", sans-serif;}

html, body{
  padding:0; margin:0; overflow-x:hidden; overflow-y:auto;
  font-size:16px; font-weight:300; line-height:1.6;
  font-family:'Noto Sans Thai', sans-serif;
}
body.loading{height:100vh!important; overflow-y:hidden!important;}

*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}

a{color:inherit; transition:opacity .25s, color .25s;}
a, a:hover{text-decoration:none;}
a.link{text-decoration:underline;}

img.img{display:block; width:100%; height:auto;}
img.img.sm{max-width:34rem; margin:0 auto;}
.fit{position:absolute; top:0; bottom:0; left:0; right:0;}
.img-fill{background-size:cover; background-position:center; background-repeat:no-repeat;}


html.loaded-opened, body.loaded-opened,
html.topnav-dropdown-opened, body.topnav-dropdown-opened,
html.global-search-opened, body.global-search-opened,
html.popup-container-opened, body.popup-container-opened{overflow-y:hidden!important;}
@media screen and (max-width:1199.98px){
  html.sidenav-opened, body.sidenav-opened{overflow-y:hidden!important;}
}


/* Section & Container */
.section-padding{padding:4rem 0;}
.section-padding-top{padding-top:2rem!important;}
.container{position:relative; width:100%; max-width:calc(1300px - 2rem); padding:0; margin:0 auto;}
@media screen and (min-width:1600px){
  .container{max-width:calc(1600px - 2rem);}
}
@media screen and (max-width:1299.98px){
  .container{max-width:calc(1200px - 2rem);}
}
@media screen and (max-width:1199.98px){
  .container{max-width:calc(992px - 2rem);}
}
@media screen and (max-width:991.98px){
  .section-padding{padding:3.5rem 0;}
  .section-padding-top{padding-top:1.5rem!important;}
  .container{max-width:calc(768px - 2rem);}
}
@media screen and (max-width:767.98px){
  .section-padding{padding:3rem 0;}
  .section-padding-top{padding-top:.5rem!important;}
  .container{max-width:calc(578px - 2rem);}
  .container.expand{margin:0 0; max-width:100%;}
}
@media screen and (max-width:575.98px){
  .section-padding{padding:2.5rem 0;}
  .section-padding-top{padding-top:.25rem!important;}
  .container{max-width:calc(100% - 2rem);}
}


@-webkit-keyframes shine { 100% { left:125%; } }
@keyframes shine { 100% { left:125%; } }


/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li, label{
    margin:0; font-weight:300; line-height:1.6;
}
h1, .h1{font-size:4rem; line-height:1.15;}
h2, .h2{font-size:2.375rem; line-height:1.25;}
h2.lg, .h2.lg{font-size:3rem; line-height:1.25;}
h3, .h3{font-size:2rem; line-height:1.45;}
h4, .h4{font-size:1.875rem;}
h5, .h5{font-size:1.375rem;}
h5.sm, .h5.sm{font-size:1.25rem;}
h6, .h6{font-size:1.125rem;}
p, .p, li, label{font-size:1rem;word-break: break-word;}
p.md, .p.md, li.md, label.md{font-size:.9375rem;}
p.sm, .p.sm, li.sm, label.sm{font-size:.875rem;}
p.xs, .p.xs, li.xs, label.xs{font-size:.8125rem;}
p.xxs, .p.xxs, li.xxs, label.xxs{font-size:.6875rem;}
@media screen and (max-width:1199.98px){
    h1, .h1{font-size:3.75rem; line-height:1.15;}
    h2, .h2{font-size:2.1875rem; line-height:1.25;}
    h2.lg, .h2.lg{font-size:2.1875rem; line-height:1.25;}
    h3, .h3{font-size:1.75rem; line-height:1.45;}
    h4, .h4{font-size:1.625rem;}
}
@media screen and (max-width:991.98px){
    h1, .h1{font-size:3.375rem; line-height:1.2;}
    h2, .h2{font-size:2rem; line-height:1.3;}
    h2.lg, .h2.lg{font-size:2rem; line-height:1.3;}
    h3, .h3{font-size:1.75rem; line-height:1.5;}
    h4, .h4{font-size:1.625rem;}
    h5, .h5{font-size:1.3125rem;}
}
@media screen and (max-width:767.98px){
    h1, .h1{font-size:3rem; line-height:1.25;}
    h2, .h2{font-size:1.875rem; line-height:1.4;}
    h2.lg, .h2.lg{font-size:1.875rem; line-height:1.4;}
    h3, .h3{font-size:1.5625rem; line-height:1.55;}
    h4, .h4{font-size:1.4375rem;}
    h6, .h6{font-size:1.0625rem;}
    h5, .h5{font-size:1.25rem;}
    h5.sm, .h5.sm{font-size:1.125rem;}
}
@media screen and (max-width:575.98px){
    h1, .h1{font-size:2.5rem; line-height:1.3;}
    h2, .h2{font-size:1.625rem; line-height:1.5;}
    h2.lg, .h2.lg{font-size:1.625rem; line-height:1.5;}
    h3, .h3{font-size:1.375rem; line-height:1.6;}
    h4, .h4{font-size:1.25rem;}
    h5, .h5{font-size:1.125rem;}
    h6, .h6{font-size:1rem;}
    p, .p, li, label{font-size:.9375rem;}
}


/* Animation */
@keyframes avatarOnline {
	0% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1); opacity:1;}
	100% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1.5); opacity:0;}
}
@keyframes btnVideo {
	0% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1); opacity:1;}
	100% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1.5); opacity:0;}
}


/* Button */
.btns{
  display:flex; align-items:center; flex-wrap:wrap;
  margin:-.25rem -.125rem 0 -.125rem; width:calc(100% + .25rem);
}
.btns > .btn{margin:.25rem .3125rem 0 .3125rem;}
.btn.btn-action{
  display:block; font-size:1rem; font-weight:400; outline:none; box-shadow:none;
  white-space:nowrap; border:1px solid transparent; padding:.625rem 1.25rem .625rem 1.25rem;
  text-decoration:none; border-radius:1000em; min-width:9rem; text-align:center;
  cursor:pointer; transition:all .25s;
}
.btn.btn-action.sm{font-size:.75rem; padding:.375rem .375rem .25rem .375rem;}
.btn.btn-action.xs{font-size:.75rem; min-width:6rem; padding:.375rem .375rem .25rem .375rem;}
.btn.btn-action.xs.style-02{
  width: calc((100% / 3) - 0.625rem); padding:.5rem .375rem .5rem .375rem;
  font-size:.9375rem; margin-top:.25rem; margin-bottom:.25rem;
}
.btn.btn-action.upload-file{border-radius: 0 .375rem .375rem 0;}

.btn.btn-icon{display:flex; align-items:center; justify-content:center;}
.btn.btn-icon .icon{margin-right:.5rem; display:flex; align-items:center;}

.btn.btn-circle{
  border-radius:50%; width:3rem; height:3rem; min-width:unset;
  display:flex; justify-content:center; align-items:center; padding:unset;
}
.btn.btn-circle.size-02{width:2rem; height:2rem;}
.btn.btn-circle .icon svg{width:auto; height:1rem; display:block;}


table.table.table-download.style-01 tr > td.button-container{cursor:pointer;}


.btn-more-arrow .wrapper{display:flex; align-items:center;}
.btn-more-arrow .icon{
  width:1.5rem; height:1.5rem; border-radius:.25rem;
  display:flex; align-items:center; justify-content:center;
}
.btn-more-arrow .wrapper .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}


/* Button */
.btn-play{
	position:relative; width:3rem; height:3rem; border-radius:50%; z-index:2;
	display:flex; justify-content:center; align-items:center; cursor:pointer;
}
.btn-play > *:first-child{position:relative; z-index:3;}
.btn-play:before{
	content:''; display:block; position:absolute; left:50%; top:50%; width:100%; height:100%;
	border-radius:50%; animation:btnVideo 1.5s ease-out infinite;
}
.btn-play:after{
	content:''; display:block; position:absolute; left:50%; top:50%; width:3rem; 
  height:3rem; border-radius:50%;transform:translateX(-50%)translateY(-50%); transition:all .2s;
}
.btn-play.xl, .btn-play.xl:after{width:5rem; height:5rem;}
.btn-play.lg, .btn-play.lg:after{width:3rem; height:3rem;}
.btn-play.md, .btn-play.md:after{width:2.5rem; height:2.5rem;}
.btn-play.sm, .btn-play.sm:after{width:2rem; height:2rem;}
.btn-play.xs, .btn-play.xs:after{width:1.5rem; height:1.5rem;}

.btn.btn-p{position:relative; border:0; overflow:hidden;}
.btn.btn-p>.btn-title{position:relative; z-index:2;}
.btn.btn-p::before{
  position:absolute; top:0; left:0; right:0; bottom:0; transition:opacity .25s; opacity:0; z-index:1;
  content:''; background: linear-gradient(96.37deg, #034CBD 1.78%, #44C3E6 89%); pointer-events:none;
}
.btn.btn-p:hover::before{opacity:1;}


/* Button Theme 2 */
.btn.btn-action.theme-2{
  display:block; font-size:1rem; font-weight:400; outline:none; box-shadow:none;
  white-space:nowrap; border:1px solid transparent; padding:.625rem 1.25rem .625rem 1.25rem;
  text-decoration:none; min-width:9rem; text-align:center;
  cursor:pointer; transition:all .25s; border-radius:0;
}
.btn.btn-action.theme-2.btn-icon{
  display:flex; align-items:center;
}
.btn.btn-action.theme-2.btn-icon .icon{
  transition:transform .25s;
}
.btn.btn-action.theme-2.btn-icon:hover .icon{transform:translateX(.25rem);}


/* Captcha Container */
.captcha-container{display:flex;}
.captcha-container img{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}


/* Tab Selector */
.choice-lists .choice-item{border-radius:.5rem; overflow:hidden; cursor:pointer; padding:1rem; border-radius:.3125rem;}
.choice-lists .choice-item input[type="radio"]{display:none;}
.choice-lists .choice-item .checkmark{
  width:1.25rem; height:1.25rem; transition:background .25s, border .25s; position:relative;
  display:block; border-radius:50%; border:1px solid transparent; cursor:pointer;
}
.choice-lists .choice-item{transition:background .25s, border .25s; border:1px solid transparent;}
.choice-lists .choice-item .wrapper{position:relative; display:flex; align-items:center; z-index:1;}
.choice-lists .choice-item .title{margin-left:.625rem; transition:color .25ss;}
.choice-lists .choice-item input[type="radio"]:checked + .checkmark::after,
.choice-lists .choice-item.active .checkmark::after {
  content: ""; position:absolute; left:6px; top:2px; width:4px;
  height:10px; border: solid white; border-width: 0 2px 2px 0; 
  transform: rotate(45deg); 
}
.choice-lists.result .choice-item{pointer-events:none; border:1px solid transparent;}
.choice-lists.result  .choice-item .checkmark::after{
   content: ""; position:absolute; left:6px; top:2px; width:4px;
  height:10px; border: solid #C3DCFF; border-width: 0 2px 2px 0; 
  transform: rotate(45deg);
}
.choice-lists .choice-item{position:relative;}
.choice-lists .choice-item .result-item{
  content:''; position:absolute; top:0; left:0; right:0; bottom:0;
  pointer-events:none; 
}
.choice-lists .choice-item .result-item .fill{height:100%; background:#C3DCFF;}
.choice-lists .choice-item .result-item .number{
  position:absolute; top:50%; transform:translateY(-50%); right:1rem; 
}


.contact-call-center .wrapper{display:flex; align-items:center;}
.contact-call-center .wrapper .icon{
  position:relative; width:2.875rem; height:2.875rem; display:flex; align-items:center;
}
.contact-call-center .wrapper .icon::before{
  position:absolute; content:''; left:calc(100% + .25rem); top:.125rem; 
  width:.0625rem; height:95%; background:#ffffff;
}
.contact-call-center .wrapper .icon svg{
  display:block; max-width:100%; width:100%; max-height:100%; height:100%;
}
.contact-call-center .wrapper .text-container{padding-left:1rem;}


/* Embed code */
.popup-embed{
  display:none; position:absolute; z-index:10;
  width:300px; border: 1px solid transparent;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15); border-radius: 8px;
  padding: 1rem;
}
.popup-embed .popup-inner{position:relative;}
.popup-embed .popup-close{
  position: absolute; right:-.5rem; top:-.75rem;
  background: transparent; border:none; font-size:1.2rem;
  cursor:pointer;
}
.popup-embed .embed-code{
  width:100%; min-height:60px; resize:none;
  margin-bottom:.5rem; border: 1px solid transparent; border-radius: 4px;
  padding: .5rem; font-family: monospace;
}


/* Filter 01 */
.filter-01{content:''; position:absolute; top:0; left:0; right:0; bottom:0;}


/* Filter 02 */
.filter-02{content:''; position:absolute; top:0; left:0; right:0; bottom:0;}


/* Filter 03 */
.filter-03{
  content:''; position:absolute; top:0; left:0; right:0; height:60%; z-index:4;
}


/* Filter */
.filter-01{
    position:absolute; top:0; right:0; bottom:0; left:0;
    background:linear-gradient(180deg, rgba(17, 43, 82, 0) 66.35%, 
    #0A122D 100%, rgba(12, 26, 57, 0.666667) 100%);
}
.filter-02{
    position:absolute; top:0; right:0; bottom:0; left:0; 
    background: linear-gradient(180deg, rgba(40, 222, 255, 0.7) 0%, rgba(0, 91, 182, 0.7) 100%)
}



/* Form Container Background */
.form-container-background{
  display:block; position:fixed; top:0; left:0; width:100vw; height:100dvh; z-index:100;
  padding:1.5rem; 
}
.form-container-background .logo-container{
  position:absolute; display:flex; justify-content:center;
  transform:translateX(-50%); left:50%; width:100%; padding:0 1.5rem;
}
.form-container-background .logo-container .wrapper{display:flex; align-items:center;}
.form-container-background .logo-container .logo{
  width:4rem; height:4rem; display:flex; justify-content:center; 
  align-items:center;
}
.form-container-background .logo-container .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; height:3.5rem;
}
.form-container-background .logo-container .text{padding:0 .75rem; width:calc(100% - 4rem);}
.form-container-background .pattern{ 
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;
  pointer-events:none;
}
.form-container-background .pattern img{
  display:block; max-width:100%; width:100%; max-height:100%; height:auto;
}
.form-container-background .form-wrapper{
  position:relative; width:100%; max-width:50rem; height:31rem; border-radius:.75rem;
  display:flex; justify-content:center; align-items:center; z-index:3; overflow:hidden;
}
.form-container-background .form-wrapper .pattern{
  position:absolute; top:0; left:0; bottom:0;
}
.form-container-background .form-wrapper .pattern img{
  display:block; max-width:100%; width:auto; max-height:100%;
}
.form-container-background .form-wrapper > .form{
  width:100%; max-width:19rem; text-align:center; padding:1rem;
}
.form-container-background .form-wrapper > .form.login{position:relative; z-index:3;}
.form-container-background .form-wrapper > .form.login .form-inner{
  border-radius:.75rem; overflow:hidden; 
}
.form-container-background .form-wrapper > .form.login input{border-radius:0; padding:.75rem .875rem;}
.form-container-background .form-wrapper > .form.login input:focus{border-color:#ffffff!important;}
.form-container-background .form-wrapper > .form.login .form-group{margin-top:0;}
.form-container-background .form-wrapper > .form.login .btn-login{
  position:absolute; top:-5rem; left:50%; transform:translateX(-50%); opacity:0;
  transition:opacity .3125s; pointer-events:none;
}
.form-container-background .form-wrapper > .form.login .btn-login.active{opacity:1; pointer-events:all;}
.form-container-background .form-wrapper > .form.register{
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; transition:transform .3125s;
  width:100%; max-width:100%; padding-top:7rem; clip-path:ellipse(100% 55% at 50% 70%);
  transform:translateY(21rem); border-radius:.75rem; 
}
.form-container-background .form-wrapper > .form.register .form-inner{padding:0 6rem;}
.form-container-background .form-wrapper > .form.register .form-group{position:relative;}
.form-container-background .form-wrapper > .form.register .form-group .text-danger{
  position:absolute; top:0; left:0;
}
.form-container-background .form-wrapper > .form.register input{
  border-left:0; border-right:0; border-top:0; border-radius:0; background:transparent;
}
.form-container-background .form-wrapper > .form.register .input-tooltip{
  position:absolute; top:0; right:0; bottom:0; display:flex; align-items:center;
}
.form-container-background .input-tooltip .tooltips:before{top:0; left:calc(100% + .5rem); transform:rotate(317deg);}
.form-container-background .form-wrapper > .form.register .input-tooltip > .wrapper .tooltip-dropdown{
  top:-3.25rem; left:calc(100% + 1rem);
}
.form-container-background .form-wrapper > .form.register > .wrapper{
  opacity:0; position:absolute; transition:opacity .3125s; pointer-events:none;
  width:100%;
}
.form-container-background .form-wrapper > .form.register.slide-up > .wrapper{
  opacity:1; position:relative; pointer-events:all;
}
.form-container-background .form-wrapper > .form.register.slide-up{transform:translateY(0);}
.form-container-background .form-wrapper > .form.register .btn-signup{
  position:relative; transition:opacity .3125s; pointer-events:all;
}
.form-container-background .form-wrapper > .form.register.slide-up .btn-signup{
  opacity:0; position:absolute; pointer-events:none;
}
.form-container-background > .wrapper{
  display:flex; justify-content:center; align-items:center; height:100vh;
}
.form-container-background .form-wrapper > .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
@media screen and (max-width:991.98px){
  .form-container-background .form-wrapper > .form.register .form-inner{padding:0 2rem;}
}
@media screen and (max-width:767.98px){
  .form-container-background .form-wrapper .pattern{filter:blur(3px);}
}
@media screen and (max-width:575.98px){
  .form-container-background .form-wrapper > .form.register .form-inner{
    max-height:21.875rem; overflow-y:scroll; margin-top:1rem; overflow-x:hidden;
  }
  .form-container-background .input-tooltip .tooltips:before{
    top:2rem; right:0; transform:rotate(45deg); left:unset;
  }
  .form-container-background .form-wrapper > .form.register .input-tooltip > .wrapper .tooltip-dropdown{
    top:2.5rem; right:-.75rem; left:unset;
  }
}
@media screen and (max-width:390.98px){
  .form-container-background .logo-container .text .title{font-size:.875rem;}
  .form-container-background .form-wrapper > .form.register .form-inner{padding:0 1rem;}
}


/* Input Form Group */
.form-group{position:relative; margin:.5625rem 0 0 0;}
.form-group label{margin:0 0 .125rem 0;}
.form-group .date-wrapper{display:block; width:100%;}
.form-group input[type=text], .form-group input[type=email]{
  position:relative; border:none; border-radius:1000rem; appearance:none; 
  cursor:pointer; height:100%; border:1px solid transparent; min-height:3.25rem;
}
.form-group select{
  position:relative; border:none; border-radius:1000rem; appearance:none; 
  cursor:pointer; height:100%; border:1px solid transparent;
}
.form-group .dropdown-icon{
  position:absolute; right:0; pointer-events:none; width:2.5rem; height:100%; background:transparent;
  top:0; bottom:0; display:flex; justify-content:center; align-items:center; border:1px solid transparent;
}
.form-group .login-tooltip{
  position:absolute; top:50%; left:calc(100% + 1rem); z-index:3; width:100%; max-width:10rem;
  transform:translate(0, -50%); border-radius:.25rem;
}
.form-group .login-tooltip .wrapper{
  position:relative; height:100%; padding:.3125rem;
}
.form-group .login-tooltip .wrapper::before{
  content: ''; position:absolute; top:49%; left:0;
  width:.75rem; height:.75rem; transform:rotate(317deg) translate(0, -50%); 
  z-index:2; border:1px solid transparent; border-right:0;
  border-bottom:0; transition:opacity .25s;
}
.form-group input.bradius-top{border-radius:.75rem .75rem 0 0!important;}
.form-group input.bradius-bottom{border-radius:0 0 .75rem .75rem!important;}
@media screen and (max-width:720.98px){
  .form-group .login-tooltip{
    left:.5rem; background:transparent!important; pointer-events:none;
    width:unset; transform:translate(0, 0); bottom:0;
  }
  .form-group .login-tooltip .wrapper::before{display:none; pointer-events:none;}
  .form-group .login-tooltip .wrapper *:first-child{font-size:.75rem!important;}
}


/* Input Form Check */
.form-check{
  position:relative; display:flex; align-items:center; padding-left:1.5rem;
}
.form-check label{
  font-size:.9375rem; font-weight:300; margin:.1875rem 0 0 0; cursor:pointer; 
}
.form-check > input[type="checkbox"], .form-check > input[type="radio"]{
  font-size:1rem; width:1rem; height:1rem; cursor:pointer;
}
.form-check .checkmark {
  position:absolute; top:0; left:0; border-radius:.25rem;
  height:1.375rem; width:1.375rem; cursor:pointer; border:1px solid transparent;
}
.form-check input{
  position:absolute; opacity:0; cursor:pointer;
  height:0; width:0; 
}
.form-check .checkmark:after {
  left:.46875rem; top:4px; width:5px; height:9px;
  border:solid transparent; border-width: 0 3px 3px 0;
  -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
}
.form-check .checkmark:after {
  content:""; position:absolute; display:none;
}
.form-check input:checked ~ .checkmark:after {display:block;}

.form-check.style-02 .checkmark:after{top:.125rem; left:.375rem;}



/* Hamburger */
.hamburger{cursor:pointer;}
.hamburger > *{
  position:relative; width:1.625rem; height:.125rem;
  transform:translateX(.375rem); transition:all .45s;
}
.hamburger > *:nth-child(2){margin:.4375rem 0; width:2rem; transform:none;}
.hamburger.active > *:nth-child(1){
  width:2rem; -webkit-transform:rotate(-45deg)translate(-.4rem, .4rem);
  transform:rotate(-45deg)translate(-.4rem, .4rem);
}
.hamburger.active > *:nth-child(2){opacity:0; transform:translateX(2rem);}
.hamburger.active > *:nth-child(3){
  width:2rem; -webkit-transform:rotate(45deg)translate(-.4rem,-.4rem);
  transform:rotate(45deg)translate(-.4rem, -.4rem);
}


/* Text Hover Opacity */
.h-op{transition:opacity .25s;}
.h-op:hover{opacity:.7;}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, 
textarea, button{font-family:'Noto Sans Thai', sans-serif;}
input[type=text], input[type=search], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
  box-shadow:none!important; width:100%;
  padding:.4375rem .875rem; font-size:1rem; font-weight:400; margin:0; line-height:1.5;
  outline:none!important; transition:border-color .25s, color .25s; border-radius:1000rem; 
  border:1px solid transparent; min-height:3.125rem;
}
textarea{border-radius:1.25rem; }
#search::-webkit-search-cancel-button{
  position:relative; border:none; border-radius:.375rem; appearance:none; 
  cursor:pointer; height:100%; border:1px solid transparent; width:100%;
}


/* Upload Container */
.upload-container{
    display:flex; justify-content:center; flex-direction:column;
    align-items:center; border:1px solid transparent; padding:2.25rem;
    border-radius:1000rem;
}
.upload-container.style-02{position:relative; padding:0 0 0 1rem; height:3.25rem; align-items:start;}
.upload-container.style-02 .upload-btn{position:absolute; top:-.0875rem; right:-.0875rem; bottom:-.0875rem;}
.upload-container.style-03{
 width:12rem; height:12rem; position:relative; max-width:100%; 
 cursor:pointer;
}
.upload-container.style-03 input{
    position:absolute; top:0; left:0; right:0; bottom:0; opacity:0;
    cursor: pointer;
}
.upload-container.style-03 #preview{position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:2;}
.upload-container.style-03 #preview img{width:100%; height:100%; object-fit:cover;}
.upload-container.style-03 .img-default{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; pointer-events:none;
}
.upload-container.style-03 .edit-icon{
  position:absolute; bottom:-.25rem; right:1.5rem; width:2.5rem; height:2.5rem; border-radius:50%;
  display:flex; align-items:center; justify-content:center; border:1px solid transparent; z-index:3;
  pointer-events:none;
}
@media screen and (max-width:767.98px){
  .upload-container.style-03{width:10rem; height:10rem;}
}


/* List Header */
.list-header{
  position:absolute; top:0; left:0; width:100%; display:flex; align-items:center;
  justify-content:space-between; padding:.125rem 0; margin:0; z-index:2;
}
.list-header.search .options{justify-content:space-between;}
.list-header.search .option.search{width:65%;}
.list-header.search .option.view{width:35%;}
.list-header.option-02{flex-wrap:wrap;}
.list-header.option-02 .option.search{width:30%;}
.list-header.option-02 .option.date{width:23%;}
.list-header.option-02 .option.cate, .list-header.option-02 .option.order{width:15%;}
.list-header.option-02 .option.view{width:17%;}

.list-header.option-02.w-style-02 .option.search{width:20%;}
.list-header.option-02.w-style-02 .option.date{width:20%;}
.list-header.option-02.w-style-02 .option.view{width:15%;}

.list-header > .block{display:block;}
.list-header .option{
  display:inline-block; width:2.25rem; height:2.25rem; text-align:center;
  line-height:2.3125rem; font-size:1.0625rem; margin:0; padding:0;
  border-radius:1000em; border:1px solid transparent;
  transition:color .25s, border-color .25s, background .25s;
}
.list-header .option.search input, .list-header .option.date input{min-height:2.775rem; width:100%; border-radius:.375rem;}
.list-header .option.search, .list-header .option.cate, .list-header .option.order, 
.list-header .option.date{width:15rem; margin-right:1rem;}
.list-header.style-02 .option.search, .list-header.style-02 .option.cate, .list-header.style-02 .option.order,
.list-header.style-02 .option.calendar, .list-header.style-02 .option.date, 
.list-header.style-02 .option.sub-cate{width:calc(100% / 4);}
.list-header.style-03 .option.search{width:43%;}
.list-header .option.view{width:9.125rem; display:flex;}
.list-header.minisite .option.view.view-grid{width:13.25%;}
.list-header .option .icon-view{
  display:flex; align-items:center; justify-content:center; width:2.875rem; height:2.875rem; cursor:pointer;
  border:1px solid transparent; font-size:1.125rem; transition:all .25s;
  border-radius: 50%; 
}
.list-header .option .icon-view.style-02{border-radius:.35rem;}
.list-header .option.view > .wrapper{position:relative; display:flex;}
.list-header .option{position:relative; min-height:3.25rem;}
.list-header .option > .ui.icon.input input{min-height:3.25rem!important; border:none;}
.list-header .option > select,
.list-header .option > input{
  position:relative; border-radius:1000rem; appearance:none; 
  cursor:pointer; height:100%; border:1px solid transparent; width:100%;
}
.list-header .option .dropdown-icon{
  position:absolute; right:0; pointer-events:none; width:2.5rem; height:100%; border-radius:0 .375rem .375rem 0;
  top:0; bottom:0; display:flex; justify-content:center; align-items:center; border:1px solid transparent;
}
.list-header .option.search .dropdown-icon{pointer-events:all;}
.list-header .options{display:flex; align-items:center; flex-wrap:wrap; margin:0; width:100%;}
.list-header .option{display:flex; align-items:center;}
.list-header .option > .ui.icon.input input{background:#eeeeee!important; border:1px solid transparent;}
.list-header .option .icon-view img,
.list-header .option .icon-view svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.5rem;
}
.list-header .option .icon-view.size-02 img,
.list-header .option .icon-view.size-02 svg{height:1rem;}
.list-header .option .icon-view.disable{pointer-events:none;}

.list-header .option.cate.size-02{width:25%;}
.list-header .option.order.size-02{width:25%; padding-left:1rem;}

.list-header.collapse .option.view{justify-content:end; width:5.75rem;}
@media screen and (max-width:575.98px){
  .list-header{position:relative; top:unset; left:unset;}
  .list-header .options{justify-content:center!important; }
  .list-header .option.order{width:100%; margin-right:0;}
  .list-header .option.view{margin-top:.5rem;}
}



.list-footer{
  margin:-.5rem 0; display:flex; align-items:center;
  justify-content:space-between; font-weight:300; white-space:nowrap;
}
.list-footer .option{display:flex; align-items:center; margin:.5rem 0;}
@media screen and (max-width:991.98px){
  .list-footer{display:block;}
  .list-footer .option{width:100%; justify-content:center;}
}
@media screen and (max-width:435.98px){
  .list-footer .option{flex-direction:column;}
}


.list-footer-member{
  margin:-.5rem 0; display:flex; align-items:center;
  justify-content:space-between; font-weight:300; white-space:nowrap;
}
.list-footer-member .option{display:flex; align-items:center; margin:.5rem 0;}
@media screen and (max-width:991.98px){
  .list-footer-member{display:block;}
  .list-footer-member .option{width:100%; justify-content:center;}
}
@media screen and (max-width:435.98px){
.list-footer-member .option{flex-direction:column;}
}


/* Popup Notification */
.popup-container{
  display:block; position:fixed; top:0; left:0;
  width:100%; height:100vh; z-index:100; border:1px solid transparent;
  opacity:0; pointer-events:none; background:rgba(0,0,0,.6);
  transition: opacity .45s;
}
.popup-container .search-pattern{
  display:block; position:absolute; top:0; pointer-events:none;
  bottom:0; left:0; width:auto; height:50rem; opacity:.3;
}
.popup-container .search-pattern-02{
  display:block; position:absolute; bottom:0;
  right:0; width:auto; height:40rem; pointer-events:none;
}
.popup-container input[type="text"], .popup-container input[type="email"], 
.popup-container input[type="password"]{min-height:2.75rem;}
.popup-container input::placeholder{font-size:.875rem;}


/* Popup Container */
.popup-container.active{opacity: 1; pointer-events: all;}
.popup-container .box-body{position:relative; width: 100%; border-radius:1rem;}
.popup-container .box-body .icon{
    display:block; max-width:100%; width:auto;
    max-height:100%; height:4.75rem; margin:0 auto;
}
.popup-container label{font-size:.875rem;}
.popup-container .box-body .icon.size-02{height:16rem;}
.popup-container .box-body {background: #ffffff;}
.popup-container .box-body {
    width:100%; padding:2rem 3rem; max-height:calc(100vh - 7rem);
    overflow-x:hidden; overflow-y:auto;
}
.popup-container .popup-box {
    display:block; position:relative; 
    width:50rem; padding: 0; margin: 0 auto;
    max-width:500px; border-radius:.3125rem;
}
.popup-container .form-check .checkmark:after{top:3px; left:.375rem;}
.popup-container .form-check.size-01{max-width:15rem; margin:0 auto;}
.popup-container.size-02 .popup-box{width:60rem; max-width:600px;}



.popup-container > .wrapper {
    position: relative; width:100%;
    height:100%; display:flex; align-items:center; padding: 1rem;
}
.popup-container > .wrapper{top: -50rem; transition: all .75s;}
.popup-container.active > .wrapper{top:0;}
.popup-container .box-body .close-popup{position:absolute; top:1rem; right:1rem;}
.popup-container .popup-box .rating{
    display:flex; justify-content:center; margin-top:1rem; align-items:center;
    flex-wrap:wrap;
}
.popup-container .popup-box .rating > .rating-item{display:flex; align-items:center;}
.popup-container .popup-box .rating .rating-desc{display:flex; align-items:center; margin:.25rem 0;}
.popup-container .popup-box .rating .rating-item{
    width:2rem; height:2rem; display:flex; align-items:center; margin:.25rem .25rem; font-weight:400;
    justify-content:center; border-radius:50%; transition:background .25s; cursor:pointer; 
}
.popup-container .popup-box .rating .rating-desc .icon{
    display:block; width:auto; height:2rem; max-width:100%; max-height:100%;
}
.popup-container .popup-box .rating .title{font-size:.625rem; font-weight:400;}
.popup-container .popup-box .code-inputs{
    display:flex; justify-content:center;
    width:25rem; gap:.625rem; margin:1rem auto 0;
  }
.popup-container .popup-box .code-input{
    width:2.5rem; height:3.125rem; text-align: center; font-size:1.125rem;
    border: 1px solid transparent; border-radius:.3125rem; outline:none;
}
.popup-container.report-file>.wrapper{position:relative}
.popup-container.report-file.active > .wrapper{top:unset;}
.popup-container.report-file .pattern-01{
    position:absolute; top:3rem; left:0; display:block; pointer-events:none;
    max-width:100%; max-height:100%; width:auto; height:13rem; opacity:.2;
}
.popup-container.report-file .pattern-02{
    position:absolute; bottom:2rem; right:0; display:block; pointer-events:none;
    max-width:100%; max-height:100%; width:auto; height:15rem; 
}


/* Password Visibility */
.psw-visibility{
  position:absolute; top:0; bottom:0; right:1.75rem;
  display:flex; align-items:center;
}
.psw-visibility.right-0{right:0!important;}
.psw-visibility.right-1{right:1rem;}
.psw-visibility.style-02{
  transform:translate(-50%, 0); top:50%; right:2rem; 
}


/* Password Level */
.password-level{display:block; width:100%;}
.password-level > .levels{
    width:15rem; display:flex; align-items:center; justify-content:space-between;
    margin:.4375rem 0 .3125rem 0;
}
.password-level > .levels > *{
    display:block; width:calc((100% - .5rem) / 3); height:.3125rem; transition:background .25s;
    border-radius:1000em;
}
.password-level > .levels.bradius > *{border-radius:.3rem;}
.password-level > p > span{transition:color .25s;}


/* Password Criteria */
.password-criteria {
  list-style-type: none; margin:.625rem 0 0 .125rem;
  padding:0; 
}
.password-criteria .criteria-item {
  position:relative; padding-left:1.5625rem; font-size:.875rem;
}
.password-criteria .criteria-item::before{
  content: "•"; position: absolute; left:0;
  top:0; font-size:1.125rem;
}
.password-criteria.style-02 .criteria-item.valid::before{
  content: "\f058"; font-family: 'Font Awesome 5 Free';
}
.password-criteria.style-02 .criteria-item::before{
  content: "\f111"; font-family: 'Font Awesome 5 Free';
  font-size:.75rem;
}
.password-criteria.style-02 .criteria-item{padding-left:1.25rem;}
.password-criteria .criteria-item.valid::before{content: "✔";}
.password-criteria.style-03 .criteria-item{padding-left:1.125rem;}
.password-criteria.style-03 li{font-weight:400; font-size:1rem;}


/* Result Container */
.result-container .wrapper{
  display:flex; justify-content:center; flex-direction:column; 
  align-items:center; padding:4rem 0;
}
.result-container .img-container > img,
.result-container .img-container > svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:13rem;
}


/* Search Filter */
.search-filter-container .btn-collap{
  width:2rem; height:2rem; display:flex; cursor:pointer; border-radius:50%;
  align-items:center; justify-content:center; border:1px solid transparent;
  margin-left:1rem; transition:transform .25s;
}
.search-filter-container .btn-collap.active{transform:rotate(180deg);}
.search-filter-container .form-wrapper{
   margin-top:1rem;
  display:none; border-radius:var(--bradius);
}


/* Semantic UI */
.ui.input{position:relative; width:100%;}
.ui.selection.dropdown {
  position: relative; font-size:1rem; padding:.25rem .5rem;
  border-radius:.375rem; line-height: 1.1; font-weight: 400;
  min-width:0; width: 100%; transition: border-color .25s, border-radius .25s;
}


.search-no-result {
  display:flex; justify-content: center;
  align-items:center; margin-top:8rem;
}
.search-no-result svg {
  display: block; max-width:100%; width: auto;
  max-height:100%; height:14rem;
}


/* Special Box */
.ss-box{display:block; width:100%; max-width:30rem; margin:0 auto;}
.ss-box.m-unset{margin:unset!important;}
.ss-box.md{max-width:34rem;}
.ss-box.lg{max-width:38rem;}
.ss-box.xl{max-width:44rem;}
.ss-box.xxl{max-width:70rem;}
.ss-box.xxxl{max-width:80rem;}
.ss-box.size-02{max-width:60rem;}
.ss-box.box-content{max-width:85rem;}


/* Special Header Title */
.ss-header-01{position:relative; padding:1.75rem 0;}
.ss-header-01::before{
  content:''; position:absolute; top:calc(100% - 1.75rem); 
  width:0.0625rem; height:1.625rem; left:50%;
}
.ss-header-01::after{
  content:''; position:absolute; bottom:calc(100% - 1.75rem); 
  width:0.0625rem; height:1.625rem; left:50%;
}
.ss-header-01.style-02::after{display:none;}
.ss-header-01::before,
.ss-header-01::after{background:#CDCECF;}


/* Special Separation 01 */
.ss-sep-01{display:flex; justify-content:center; width:100%; overflow:hidden; width:100%; height:0.0625rem;}


/* Special Separation 02 */
.ss-sep-02{display:flex; justify-content:center; width:100%; overflow:hidden; margin:.875rem 0;}
.ss-sep-02 > *{position:relative; padding:0 1rem;}
.ss-sep-02 > *::before, .ss-sep-02 > *::after{
  content:''; position:absolute; top:calc(50% - .0625rem); width:100vw; height:.0652rem;
}
.ss-sep-02 > *::before{right:100%;}
.ss-sep-02 > *::after{left:100%;}
@media screen and (max-width:575.98px){
  .ss-sep-02{margin:.5rem 0;}
}


/* Special Separation 03 */
.ss-sep-03{
  display:flex; justify-content:center; width:100%; margin:0 auto;
  overflow:hidden; width:100%; height:.25rem; max-width:5rem; border-radius:1000em;
}



/* Special Image */
.ss-img{display:block; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden;}
.ss-img.horizontal{padding:50% 0 0 0;}
.ss-img.horizontal-02{padding:45% 0 0 0;}
.ss-img.horizontal-03{padding:28.5% 0 0 0;}
.ss-img.vertical{padding:140% 0 0 0;}
.ss-img.vertical-02{padding:110% 0 0 0;}
.ss-img.square{padding:100% 0 0 0;}
.ss-img.square-02{padding:75% 0 0 0;}
.ss-img > .img-bg{
    position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
    background-position:center; transition:transform .25s, filter .25s; 
}
.ss-card:hover .ss-img > .img-bg, .ss-img:hover > .img-bg{transform:scale(1.1);}
.ss-img.no-hover > .img-bg, .ss-card .ss-img.no-hover > .img-bg{transform:none!important;}


/* Special List */
.ss-list, .ss-list ul{width:100%; padding:0; margin:0; list-style:none;}
.ss-list > li{position:relative; padding:.1875rem 0 .1875rem 1rem;}
.ss-list ul > li{padding:.1875rem 0;} 
.ss-list > li::before{
    content:''; position:absolute; top:.875rem; left:0;
    width:.375rem; height:.375rem; border-radius:50%;
}
.ss-list.style-01 li{
  display:flex; align-items:center; border-bottom:1px solid transparent;
  padding:.5rem 0 .5rem 3.125rem;
}


/* Special Title 01 */
.ss-title-01{
  padding-left:2rem; position:relative; z-index:2;
  border-left:3px solid transparent;
} 
.ss-title-01::before{
  content:''; position:absolute; width:3px; height:3rem;
  left:-.175rem; top:0; z-index:2;
}
.ss-title-01::after{
  content:''; position:absolute; width:.0625rem; opacity:0; pointer-events:none;
  background:#D2D1D1; left:-.125rem; bottom:100%; height:100%;
}


/* Special Tags */
.ss-tags{position:relative; display:block; display:inline-block; overflow:hidden;}
.ss-tags > .tag{
    font-size:.9375rem; font-weight:300; border-radius:1000em;
    padding:.625rem 1rem .5rem 1rem; 
}
.ss-tags.theme-2 > .tag{border-radius:0;}
.ss-tags > .tag.xs{padding:.25rem .5rem .25rem .5rem; min-width:4rem;}
.ss-tags.status {
  border-radius:1000em; cursor:pointer; display:inline-block;
}
.ss-tags.status > .tag {
  font-size:.8125rem; font-weight:300; padding:.3125rem .875rem .25rem .875rem;
  transition:background .25s; 
}
.ss-tags.style-02 > .tag{
  border-radius:1000em; font-weight:400; padding:.25rem 1.3125rem; 
  font-size:1rem; 
}
@media screen and (max-width:490.98px){
  .ss-tags.style-02 > .tag{font-size:.875rem;}
}
@media screen and (max-width:390.98px){
  .ss-tags.style-02 > .tag{font-size:.75rem;}
}


.border-0{border:0!important;}
.border-1{border:1px solid transparent!important;}
.border-2{border:2px solid transparent!important;}
.border-3{border:3px solid transparent!important;}
.border-4{border:4px solid transparent!important;}
.border-top-0{border-top:0px solid transparent!important;}
.border-top-1{border-top:1px solid transparent!important;}
.border-top-2{border-top:2px solid transparent!important;}
.border-top-3{border-top:3px solid transparent!important;}
.border-top-4{border-top:4px solid transparent!important;}
.border-bottom-0{border-bottom:0px solid transparent!important;}
.border-bottom-1{border-bottom:1px solid transparent!important;}
.border-bottom-2{border-bottom:2px solid transparent!important;}
.border-bottom-3{border-bottom:3px solid transparent!important;}
.border-bottom-4{border-bottom:4px solid transparent!important;}
.border-left-0{border-left:0px solid transparent!important;}
.border-left-1{border-left:1px solid transparent!important;}
.border-left-2{border-left:2px solid transparent!important;}
.border-left-3{border-left:3px solid transparent!important;}
.border-left-4{border-left:4px solid transparent!important;}
.border-right-0{border-right:0px solid transparent!important;}
.border-right-1{border-right:1px solid transparent!important;}
.border-right-2{border-right:2px solid transparent!important;}
.border-right-3{border-right:3px solid transparent!important;}
.border-right-4{border-right:4px solid transparent!important;}


/* Special Tags 03 */
.ss-tags.style-03 {
  border-radius:1000em; cursor:pointer;
  margin:.25rem .25rem;
}
.ss-tags.style-03 > .tag {
  font-size:.8125rem; font-weight:300; padding:.3125rem .875rem .25rem .875rem;
  transition:background .25s, color .25s;
}


/* Special Card */
.ss-card{display:block; width:100%;}
.ss-card .text-container .title, .ss-card .text-container .desc{
    display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
    -webkit-box-orient:vertical; transition:color .25s;word-break: break-word;
}
.ss-card .hover-container{
 position:absolute; top:0; right:0; bottom:0; left:0;
 background:linear-gradient(to top, rgba(17, 43, 82, 0) 0%, 
rgba(111, 127, 150, 0) 0%, rgba(255, 255, 255, 0) 0%); 
transition:background .25s;
}
.ss-card:hover .hover-container{ background:linear-gradient(to bottom, rgba(17, 43, 82, 0.8) 0.11%, 
  rgba(111, 127, 150, 0.8) 50%, rgba(255, 255, 255, 0.8) 99.89%); }
.ss-card .hover-container.not-hover{transform:translateY(0); background-image:unset;}
.ss-card .hover-container .hover-wrapper{
   display:flex; justify-content:center; align-items:center; 
   flex-direction:column; width:100%; height:100%; transform:translateY(100%);  transition:transform .25s;
}
.ss-card:hover .hover-container .hover-wrapper{transform:translateY(0);}
.ss-card .hover-container .icon > img,
.ss-card .hover-container .icon > svg,
.ss-card .hover-container .icon.search > svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
.ss-card .hover-container .icon.md > img,
.ss-card .hover-container .icon.md > svg,
.ss-card .hover-container .icon.md.search > svg{height:4rem;}
.ss-card .hover-container .icon.sm > img,
.ss-card .hover-container .icon.sm > svg,
.ss-card .hover-container .icon.sm.search > svg{height:2rem;}
.ss-card .hover-wrapper > .socials{margin-top:1.5rem; display:flex;}
.ss-card .hover-wrapper > .socials .social{
  display:block; margin:0 .75rem; transition:opacity .25s;
}
.ss-card .hover-wrapper > .socials .social:hover{opacity:.8;}
.ss-card .hover-wrapper > .socials .social img,
.ss-card .hover-wrapper > .socials .social svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:2.5rem;
}
.ss-card .btn-play{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ss-card:hover .arrow-icon, .table tr:hover .arrow-icon{transform:translate(0, 0);}
.ss-card .arrow-icon .pattern{
  display:block!important; max-width:100%!important; width:auto!important; max-height:100%!important; height:100%!important;
  position:relative!important;
}

.no-bradius{border-radius:0;}

.ss-card .arrow-icon, .table .arrow-icon{
  position:absolute; right:0; bottom:-.125rem; transition:transform .25s;
  width:5rem; height:5rem; transform:translate(46px, 49px);
}
.ss-card .arrow-icon > .wrapper, .table .arrow-icon > .wrapper{position:relative; height:100%;}
.ss-card .arrow-icon.position-01 .btn-arrow{left:39%; top:40%;}
.ss-card .btn-arrow, .table .btn-arrow{
  width:2.5rem; height:2.5rem; display:flex; justify-content:center; align-items:center;
  position:absolute; left:42%; top:42%; z-index:3;
  border-radius:50%;
}
.ss-card .btn-arrow svg, .table .btn-arrow svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1rem;
}
.ss-card .gallery-icon{
  position:absolute; bottom:1rem; left:1rem; padding:.3125rem .75rem; min-width:3.75rem;
  border-radius:1000em; display:flex; align-items:center; justify-content:center;
}
.ss-card .gallery-icon.position-02{left:unset; right:1rem;} 
.ss-card .gallery-icon .icon{display:flex; align-items:center; margin-right:.5rem;}
.ss-card .gallery-icon .icon svg{display:block; max-width:100%; width:auto; max-height:100%; height:1rem;}


/* Theme 2 */
.ss-card .arrow-icon.theme-2, table .arrow-icon.theme-2{
  position:absolute; right:0; bottom:-.25rem; transition:transform .25s;
  width:3.25rem; height:3.25rem; transform:translate(46px, 49px);
}
.ss-card .arrow-icon.theme-2.size-02, table .arrow-icon.theme-2.size-02{
  width:2.5rem; height:2.5rem;
}
.ss-card:hover .arrow-icon.theme-2, table tr:hover .arrow-icon.theme-2{transform:translate(0, 0);}
.ss-card .arrow-icon.theme-2 .wrapper, table .arrow-icon.theme-2 .wrapper{
  display:flex; align-items:center; justify-content:center;
}
.ss-card .arrow-icon.theme-2 .wrapper .btn-arrow, table .arrow-icon.theme-2 .wrapper .btn-arrow{
  position:relative; top:unset; left:unset; background:transparent;
}


.ss-card.shine-effect{position:relative; overflow:hidden;}
.ss-card.shine-effect::after{
  content:''; display:block; width:50%; height:100%; 
  position:absolute; top:0; left:-75%; z-index:2;
  background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform:skewX(-25deg); transform:skewX(-25deg);
}
.ss-card:hover.shine-effect::after{ -webkit-animation:shine .75s; animation:shine .75s; pointer-events:none;}
@media screen and (max-width:575.98px){
  .ss-card .gallery-icon .icon svg{height:.9375rem;}
}
@media screen and (max-width:490.98px){
  .ss-card .galley-icon .p.sm{font-size:.875rem!important;}
}


/* Special Card 01 */
.ss-card-01 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-01 .img-container{position:relative; width:30rem;}
.ss-card-01 .img-container .ss-img{border-radius:.875rem;}
.ss-card-01 .text-container{
  position:relative; width:calc(100% - 30rem); padding:1.5rem 1.5rem 1.5rem 1.5rem; 
}
.ss-card-01 .text-container .title{-webkit-line-clamp:2;}
.ss-card-01 .text-container .desc{-webkit-line-clamp:3;}
@media screen and (max-width:991.98px){
  .ss-card-01 .img-container{width:100%;}
  .ss-card-01 .text-container{width:100%; padding:1.5rem 0rem 1.5rem 0rem;} 
  .section-01 .box-content{padding:3rem 3rem;} 
}


/* Special Card 02 */
.ss-card-02 .wrapper{display:flex;}
.ss-card-02 .wrapper .img-container{width:18rem;}
.ss-card-02 .wrapper .ss-img{border-radius:.5rem;}
.ss-card-02 .wrapper .text-container{width:calc(100% - 18rem); padding-left:2rem;}
.ss-card-02 .wrapper .text-container .title{-webkit-line-clamp:2; transition:color .25s}
.ss-card-02 .wrapper .text-container .desc{-webkit-line-clamp:3;}
.ss-card-02.card-weblink .text-container > .title{min-height:unset!important; -webkit-line-clamp:1;}
@media screen and (max-width:991.98px){
  .ss-card-02 .wrapper{display:flex; flex-direction:column;}
  .ss-card-02 .wrapper .img-container{width:100%;}
  .ss-card-02 .wrapper .text-container{width:100%; padding-left:0; padding-top:.875rem;}
  .ss-card-02 .wrapper .text-container > .title{min-height:3.625rem;}
  .ss-card-02 .desc{min-height:4.3125rem;}
}
@media screen and (max-width:575.98px){
  .ss-card-02 .wrapper .text-container > .title,
  .ss-card-02 .desc{min-height:unset;}
}


/* Special Card 03 */
.ss-card-03 .ss-img{border-radius:.875rem;}
.ss-card-03 .text-container > .title{-webkit-line-clamp:2; min-height:3.625rem; transition:color .25s;word-break: break-word;}
.ss-card-03 .desc{-webkit-line-clamp:3; min-height:4.3125rem;}
.ss-card-03.card-weblink .text-container > .title{-webkit-line-clamp:1; min-height:0; }
@media screen and (max-width:575.98px){
  .ss-card-03 .text-container > .title, .ss-card-03 .desc{min-height:unset;}
}


/* Special Card 04 */
.ss-card-04 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-04 .wrapper .img-container{width:15rem;}
.ss-card-04 .wrapper .text-container{
  width:calc(100% - 15rem); padding:1.5rem;
}
.ss-card-04 .text-container > .title{-webkit-line-clamp:2; min-height:3.625rem;}
.ss-card-04 .text-container .desc{-webkit-line-clamp:3; min-height:4.25rem;}

.ss-card-04.card-list .text-container > .title,
.ss-card-04.card-list .text-container .desc{min-height:unset;}
.ss-card-04.card-list .wrapper .img-container{width:13rem;}
.ss-card-04.card-list .wrapper .text-container{width:calc(100% - 13rem);}

.ss-card-04.latest-journal .wrapper .img-container{width:13rem;}
.ss-card-04.latest-journal .wrapper .text-container{
  width:calc(100% - 13rem); padding:0 1rem 1rem 1rem;
}
.ss-card-04.template-3{padding:.75rem; border-radius:.85rem;}

@media screen and (max-width:1599.98px){
  .ss-card-04.latest-journal .wrapper .img-container{width:100%;}
  .ss-card-04.latest-journal .wrapper .text-container{width:100%; padding:1rem 1rem 1rem 1rem;
}}

@media screen and (max-width:1299.98px){
 .ss-card-04:not(.main-card) .text-container > .title,
 .ss-card-04:not(.main-card) .text-container .desc{min-height:unset;}

.ss-card-04.tab-component .wrapper .text-container{width:calc(100% - 15rem);}
}
@media screen and (max-width:991.98px){
  .ss-card-04 .wrapper .text-container{padding:1.5rem;}
}
@media screen and (max-width:767.98px){
  .ss-card-04 .wrapper .img-container{width:14rem;}
  .ss-card-04 .wrapper .text-container{width:calc(100% - 14rem);}
}
@media screen and (max-width:575.98px){
  .ss-card-04 .wrapper .img-container,
  .ss-card-04 .wrapper .text-container{width:100%;}
  .ss-card-04 .wrapper .text-container{padding:1rem;}
  .ss-card-04 .text-container > .title, .ss-card-04 .wrapper .text-container{min-height:unset;}
  .ss-card-04.card-list .wrapper .img-container{width:100%;}
  .ss-card-04.card-list .wrapper .text-container{width:100%;}


}
@media screen and (max-width:490.98px){
  .ss-card-04 .wrapper .text-container{padding:.5rem;}
}


/* Special Card 05 */
.ss-card-05{position:relative; overflow:hidden;}
.ss-card-05::after{
  content:''; display:block; width:50%; height:100%; 
  position:absolute; top:0; left:-75%; z-index:2;
  background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform:skewX(-25deg); transform:skewX(-25deg);
}
.ss-card-05 .text-container{
  position:absolute; top:0; left:0; right:0; padding:1rem;
}
.ss-card-05 .ss-img{border-radius:2.125rem;}
.ss-card-05:hover::after{ -webkit-animation:shine .75s; animation:shine .75s; pointer-events:none;}
.ss-card-05.no-bradius .ss-img{border-radius:0;}

/* Special Card 06 */
.ss-card-06{position:relative; overflow:hidden; border-radius:1.4375rem; cursor:pointer;}
.ss-card-06 .ss-img{border-radius:1.4375rem;}
.ss-card-06.no-bradius .ss-img{border-radius:0;}
.ss-card-06 .text-container{
  position:absolute; top:0; right:0; bottom:0; left:0;
  padding:1.875rem;
}
.card-toggle-menu .submenus{
  position:relative; transition: height 0.3s ease, margin .25s; height:0;
  margin-bottom:0; pointer-events:none;
}
.card-toggle-menu .submenus .wrapper{
  display:flex; align-items:center; flex-wrap: wrap; position:absolute; width:50rem;
  opacity:0; transition: opacity .25s; top:1rem; left:0;
}
.card-toggle-menu.center-position .submenus .wrapper{justify-content:center; transform:translateX(-20%);}
.card-toggle-menu.right-position .wrapper{left:unset; right:0; justify-content:end;}
.card-toggle-menu.active .submenus .wrapper{opacity:1;} 
.card-toggle-menu.active .submenus{margin-bottom:1rem; pointer-events:all;}

.card-toggle-menu{position:relative;}
.card-toggle-menu .submenu{
  display:block; padding:1rem; border-radius:1000em; font-weight:400; border:1px solid transparent;
  margin:.25rem 1rem .25rem 0; padding:.625rem 2rem; transition:background .25s, 
}

.card-toggle-menu .submenus.style-02 .wrapper{top:.5rem;}
.card-toggle-menu .submenu.style-02{
  border-right:1px solid transparent; border-radius:0;
  border-top:0; border-left:0; border-bottom:0;
  margin:0.25rem 0 0.25rem 0;
}
@media screen and (max-width:991.98px){
  .card-toggle-menu.right-position .wrapper{
    left:0; right:auto; justify-content:start; 
  }
  .card-toggle-menu.right-position .wrapper{width:unset; max-width:50rem;}
  .card-toggle-menu.center-position .submenus .wrapper{
    left:0; transform:unset; justify-content:start;
    width:unset; max-width:35rem;
  }
  .card-toggle-menu.sm-left-position .submenus .wrapper{
    left:0; right:unser; transform:unset; justify-content:start;
    width:unset; max-width:35rem;
  }
}
@media screen and (max-width:767.98px){
  .card-toggle-menu .submenus .wrapper{width:unset; max-width:35rem;}
}





/* Special Card 07 */
.ss-card-07{
  position:relative; height:7rem; margin-top:2rem;
  border-radius:1.4375rem;
}
.ss-card-07 .wrapper{
  position:relative; border-radius:1.4375rem; height:100%; 
  overflow:hidden; padding:1.5rem; 
}
.ss-card-07 .pattern{
  position:absolute; right:0; bottom:0;
  display:block; max-width:100%; width:auto; height:10rem;
}
.ss-card-07 .pattern-background{
  position:absolute; top:-.125rem; right:-.125rem; left:-.125rem; bottom:-.125rem;
  display:block; width:auto; height:calc(100% + .125rem); 
}
.ss-card-07 .text-container{z-index:2; position:relative;}
.ss-card-07 .arrow{display:flex; align-items:center; transition:transform .25s;}
.ss-card-07 .link-title{margin-right:.5rem;}
.ss-card-07:hover .arrow{transform:translateX(.25rem);}


/* Special Card 08 */
.ss-card-08:not(:first-child){margin-top:1.5rem;}
.ss-card-08 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-08 .img-container{width:30%;}
.ss-card-08 .text-container{width:70%; padding:0 1rem;}
.ss-card-08 .text-container .title{-webkit-line-clamp:1;}
.ss-card-08 .text-container .desc{-webkit-line-clamp:3; margin-top:.5rem;}
@media screen and (max-width:767.98px){
  .ss-card-08 .img-container{width:30%}
  .ss-card-08 .text-container{width:70%;}
  .ss-card-08 .text-container .desc{-webkit-line-clamp:2;}
}
@media screen and (max-width:575.98px){
  .ss-card-08 .text-container .desc{-webkit-line-clamp:1; margin-top:.3125rem;}
}
@media screen and (max-width:490.98px){
  .ss-card-08 .img-container{width:45%}
  .ss-card-08 .text-container{width:55%;}
  .ss-card-08 .text-container .desc{-webkit-line-clamp:1; margin-top:.0625rem;}
}
@media screen and (max-width:390.98px){
  .ss-card-08 .img-container{width:100%}
  .ss-card-08 .text-container{width:100%; padding:.75rem .5rem;}
}


/* Special Card 09 */
.ss-card-09 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-09 .img-container{position:relative; width:20rem;}
.ss-card-09 .img-container .ss-img{border-radius:.875rem;}
.ss-card-09 .text-container{
  position:relative; width:calc(100% - 20rem); padding:1.5rem 1.5rem 1.5rem 1.5rem;
  display:flex; flex-wrap:wrap; align-items:center;
}
.ss-card-09 .text-container .content{width:calc(100% - 9.625rem);}
.ss-card-09 .text-container .title{-webkit-line-clamp:2;}
.ss-card-09 .text-container .desc{-webkit-line-clamp:3;}
@media screen and (max-width:991.98px){
  .ss-card-09 .img-container{width:100%;}
  .ss-card-09 .text-container{width:100%; padding:1.5rem 0rem 1.5rem 0rem;} 
}
@media screen and (max-width:767.98px){
  .ss-card-09 .text-container .content{width:100%;}
}


/* Special Card 10 */
.ss-card-10{
  position:relative; border-radius:1rem; padding:.5rem; 
  transition:background .25s; overflow:hidden;
  border:1px solid transparent;
}
.ss-card-10 .wrapper{display:flex; flex-wrap:wrap; height:6rem;}
.ss-card-10 .wrapper .date-container{
  position:relative; width:6rem; height:100%; padding:.5rem; margin-right:.4375rem; overflow:hidden;
  display:flex; flex-direction:column; justify-content:center; transition:background .25s;
}
.ss-card-10 .wrapper .date-container .pattern{position:absolute; left:0; top:0;}
.ss-card-10 .wrapper .date-container .day, 
.ss-card-10 .wrapper .date-container .month-year{transition:color .25s; position:relative; }
.ss-card-10 .wrapper .img-container{width:10rem; height:100%;}
.ss-card-10 .wrapper .date-container, .ss-card-10 .wrapper .img-container .ss-img{border-radius:.875rem;}
.ss-card-10 .text-container .title{-webkit-line-clamp:2; transition:color .25s;}
.ss-card-10 .text-container .icon{transition:color .25s;}
.ss-card-10 .wrapper .ss-img{height:100%;}
.ss-card-10 .wrapper .text-container{width:calc(100% - 16.4375rem); padding-left:1rem;}
@media screen and (max-width:767.98px){
  .ss-card-10{padding:.75rem;}
  .ss-card-10 .wrapper{height:auto; flex-direction:row-reverse;}
  .ss-card-10 .wrapper .img-container{width:calc(100% - 6.4375rem);}
  .ss-card-10 .wrapper .date-container{margin-left:.4375rem; margin-right:0;}
  .ss-card-10 .wrapper .text-container{width:100%; padding:1rem 0;}
}
@media screen and (max-width:767.98px){
  .ss-card-10 .wrapper .img-container{width:calc(100% - 5.4375rem);}
  .ss-card-10 .wrapper .date-container{width:5rem;}
}
@media screen and (max-width:375.98px){
  .ss-card-10 .wrapper .img-container{width:calc(100% - 5.4375rem);}
  .ss-card-10 .wrapper .date-container{width:5rem;}
}


/* Special Card 11 */
.ss-card-11{position:relative; padding:2rem; border-radius:var(--bradius);}


/* Special Card 12 */
.ss-card-12{position:relative; overflow:hidden; border-radius:1.25rem;}
.ss-card-12 .title-intro{
  position:absolute; left:-.9375rem; bottom:0; z-index:4;
}
.ss-card-12 .title-intro .text{
  font-size:12rem; line-height:.625;
  text-shadow: 0px 3.43px 8.58px 0px #034CBD;
}
.ss-card-12 .card-bg-01{
  content:''; position:absolute; left:0; right:0; pointer-events:none;
  bottom:0; height:100%; opacity:.3125; z-index:1;
}
.ss-card-12 .card-bg-03{
  content:''; position:absolute; left:0; right:0; pointer-events:none;
  bottom:0; height:100%; opacity:.3125; z-index:1;
}
.ss-card-12 .text-container{
  position:absolute; top:0; left:0; right:0; z-index:4;
  padding:2rem 1.5rem; 
}


/* Special Card 13 */
.ss-card-13{position:relative; border-radius:1.25rem; overflow:hidden;}
.ss-card-13 .filter-main{
  content:''; position:absolute; top:0; left:0; right:0; bottom:0;
  opacity:.625;
}
.ss-card-13 .filter-sub{
  content:''; position:absolute; top:0; right:0; bottom:0;
  opacity:.625; z-index:3; width:50%
}
.ss-card-13 .text-container{
  position:absolute; top:0; left:0; right:0; bottom:0; 
  z-index:4; display:flex; align-items:center; padding:1rem;
}


/* Special Card 14 */
.ss-card-14{
  position:relative; height:10rem; display:flex; align-items:center;
  padding:1rem 0;
}
.ss-card-14.card-left::before{
  content:''; position:absolute; right:100%; top:0; bottom:0; width:100vw; 
}
.ss-card-14.card-right{padding-left:2.25rem;}
.ss-card-14.card-right::before{
  content:''; position:absolute; left:100%; top:0; bottom:0; width:100vw; 
}
.ss-card-14 .wrapper{position:relative; }
.ss-card-14 .pattern{
  position:absolute; right:10rem; bottom:0; z-index:3;
  display:block; max-width:100%; width:auto; height:9rem;
}
.ss-card-14 .pattern-background{
  position:absolute; top:-.125rem; right:-.125rem; left:-.125rem; bottom:-.125rem;
  display:block; width:auto; height:calc(100% + .125rem); 
}
.ss-card-14 .text-container{z-index:2; position:relative;}
.ss-card-14 .arrow{display:flex; align-items:center; transition:transform .25s;}
.ss-card-14 .link-title{margin-right:.5rem;}
.ss-card-14:hover .arrow{transform:translateX(.25rem);}
.ss-card-14 .pattern-skew-01{
  display:block; position:absolute; width:auto; max-width:100%; max-height:100%; height:100%;
  right:3rem; z-index:2;
}
.ss-card-14 .pattern-skew-02{
  display:block; position:absolute; width:auto; max-width:100%; max-height:100%; height:100%;
  right:3rem; z-index:1;
}

.ss-card-14.template-3{border-radius:1.4375rem;}
.ss-card-14.template-3.card-left::before{
  display:none;
}
.ss-card-14.template-3.card-right{padding-left:2.25rem;}
.ss-card-14.template-3.card-right::before{
  content:''; position:absolute; left:100%; top:0; bottom:0; width:100vw; 
  display:none;
}
.ss-card-14.template-3 .pattern{right:4rem;}
.ss-card-14.template-3{height:7rem; padding:1.5rem;}

section .container-padding{padding-top:1.875rem; overflow:hidden;}

.ss-card-14.template-3 img{z-index:4; transition:transform .25s;}
.ss-card-14.template-3:hover img{transform:scale(1.1);}
.ss-card-14.template-3 .patterns{
  position:absolute; top:0; width:100%; right:0; bottom:0; overflow:hidden;
  border-radius:1.4375rem;
}
.ss-card-14.template-3 .patterns>.wrapper{
  position:relative; max-width:20rem; height:100%; 
  margin:0 -.5rem 0 auto;
}
.ss-card-14 > .wrapper{z-index:9;}
.ss-card-14.template-3 .patterns>.wrapper::after{
  content:''; position:absolute; top:0; right:calc(100% - 2rem); bottom:0; width:0; 
  transition:width 1s ease; z-index:4; border-radius:1.4375rem;
}
.ss-card-14.template-3:hover .patterns>.wrapper::after{width:100vw;}
.ss-card-14.template-3 .pattern-circle-01{
  width:10rem; height:10rem; border-radius:50%; z-index:3;
  position:absolute; transform:translate(-50%, -50%); top:50%; left:50%;
}
.ss-card-14.template-3 .pattern-circle-02{
  width:15rem; height:15rem; border-radius:50%; z-index:2;
  position:absolute; transform:translate(-50%, -50%); top:50%; left:50%;
}
.ss-card-14.template-3 .pattern-circle-03{
  width:20rem; height:20rem; border-radius:50%; z-index:1;
  position:absolute; transform:translate(-50%, -50%); top:50%; left:50%;
}
@media screen and (max-width:767.98px){
  .ss-card-14 .pattern{right:1rem;}
  .ss-card-14 .pattern-skew-01{right:-5rem;}
  .ss-card-14 .pattern-skew-02{right:-5rem;}
  .ss-card-14.card-right::after {
    content:''; position:absolute; right:100%;
    top:0; bottom:0; width:100vw;
  }
}
@media screen and (max-width:490.98px){
  .ss-card-14.template-2{height:8.5rem;}
  .ss-card-14.template-2 .pattern{height:8rem; right:0;}
  .ss-card-14.template-2 .pattern-skew-01, .ss-card-14.template-2 .pattern-skew-02{right:-8rem;}
  .ss-card-14.card-right.template-2{padding-left:0;}
  .ss-card-14.template-3{height:6rem;}
  .ss-card-14.template-3 .pattern{height:7.5rem;}
  .ss-card-14.template-3 .title{font-size:1rem;}
}   
@media screen and (max-width:390.98px){
  .ss-card-14.template-3 .pattern{right:1rem;}
}


/* Special Card 15 */
.ss-card-15 .text-container{padding-top:1rem;}
.ss-card-15 .text-container > .title{-webkit-line-clamp:2; min-height:3.625rem; transition:color .25s;}
.ss-card-15 .desc{-webkit-line-clamp:3; min-height:4.3125rem;}
@media screen and (max-width:575.98px){
  .ss-card-15 .text-container > .title, .ss-card-03 .desc{min-height:unset;}
}


/* Special Card 16 */
.ss-card-16{position:relative;}
.ss-card-16 .text-container{
  position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none;
  display:flex; align-items:center; justify-content:center;
}
.ss-card-16 .text-container>.wrapper{padding-left:4rem;}


/* Special Card 17 */
.ss-card-17{
  position:relative; padding:.875rem; border-radius:.875rem;  
  transition:background .25s;
}
.ss-card-17 .title, .ss-card-17 .desc{transition:color .25s;}
.ss-card-17 .btn{
  position:absolute; right:.875rem; bottom:.875rem;
}
.ss-card-17 .btn .arrow{transition:transform .25s;}
.ss-card-17:hover .btn .arrow{transform:translateX(.125rem);}



/* Special Stat */
.ss-stats{
  width:100%; display:flex; flex-wrap:wrap; margin:.25rem 0 0 0;
}
.ss-stats .stat{
  display:flex; align-items:center; white-space:nowrap; margin:.1875rem 1.25rem 0 0;
  font-size:.875rem; font-weight:400; transition:color .25s;
}
.ss-stats .stat .title{font-size:.875rem;}
.ss-stats .stat .icon{
  display:flex; align-items:center; font-size:.8125rem;
  justify-content:start; width:1.25rem; height:1.25rem;
}
.ss-stats .stat .icon img{
  display:block; width:.875rem; height:auto;
}
.ss-stats .stat .icon svg{
  display:block; width:.875rem; height:auto;
}


/* Swiper Tabs  */
.swiper-tabs-horizontal .tab{width:max-content;}


/* Lang Toggle */
.lang-toggle,
.lang-toggle-vue{
  position:relative; display:inline-flex; box-shadow: 0px 0px 6px 0px #436FB280 inset;

  align-items:center; width:185px; height:40px;
  background: linear-gradient(to right, #44C3E6 0%, #2DA1D6 65%, #005BB6 100%);
  border-radius:999px; padding:4px; background: #cfe7fc; cursor: pointer;
  transition:background .3s;
}
.lang-indicator {
  position:absolute; width:50%; height:100%; background:#014DAD;
  border-radius:999px; transition:left .3s; left:0; z-index:0;
}
.lang-text{
  flex:1; text-align:center; z-index:1;
  color:#005BB6; font-weight: bold; transition:color 0.3s;
}
.lang-text.active {color: white;}



/* Table */
table.table{width:100%; border-spacing:0; border:0; margin:0;}
table.table th, table.table td{
    vertical-align:middle; border-color:transparent;
    border-left:0!important; border-right:0!important;
}
table.table td{
    padding:.5625rem .625rem; font-size:.9375rem; font-weight:300;
    border:0; border-bottom:1px solid transparent;
}
table.table td:first-child{padding:.5625rem .625rem .5625rem 0;}
table.table tr:last-child > td{border-bottom:0;}
table.table .sep{
    display:inline-block; width:1px; height:.8125rem; margin:0 .5rem;
    transform:translateY(.125rem);
}
table.table .ticon{
    display:block; width:2rem; height:2rem; line-height:2.125rem; border-radius:50%;
    text-align:center; font-size:1rem; margin:.3125rem 0 0 0;
}
table.table .profile-card{display:flex; align-items:center;}
table.table .profile-card > .profile-icon{
    position:relative; display:block; width:2.375rem; height:2.375rem; border-radius:50%;
    padding:.0625rem; margin:0 .5rem 0 0;
}
table.table .profile-card .img-bg{
    display:block; width:100%; height:100%; border-radius:50%; background-size:cover;
    background-position:center; background-repeat:no-repeat;
}
table.table .profile-card > .text-container{
    width:calc(100% - 3rem); text-align:left; font-size:.8125rem; font-weight:400;
    white-space:nowrap;
}
table.table .profile-card .date{transition:color .25s;}
table.table .title-wrap{
    display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
    -webkit-box-orient:vertical; -webkit-line-clamp:1;
}

/* Table 01 */
table.table.table-01 th{
    padding:.9375rem .25rem; text-align:center; font-size:1rem; font-weight:400; border:0;
    white-space:nowrap; border-bottom:1px solid transparent;
}
table.table.table-01 td{
    padding:.75rem .5rem; text-align:center; font-size:.9375rem; font-weight:300;
    border:0; border-bottom:1px solid transparent!important;
    transition:background .25s, color .25s;
}
table.table.table-01 td:nth-child(3){position:relative; text-align:left; padding-left:1rem;}
table.table.table-01 .options{position:relative;}
table.table.table-01 .options .option-dropdown{
  position:absolute; top:5rem; right:0; height:auto; text-align:left; border-radius:var(--bradius); overflow:hidden;
  opacity:0; pointer-events:none; width:calc(100% + 3.5rem); z-index:2; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  transition:opacity .25s, top .25s;
}
table.table.table-01 tr:last-child .options .option-dropdown{
  top:calc(-100% - 2rem);
}
table.table.table-01 tr:last-child .options.active .option-dropdown{opacity:1; top:calc(-100% - 3.5rem);  pointer-events:all;}
table.table.table-01 .options.active .option-dropdown{opacity:1; top:2rem;  pointer-events:all;}
table.table.table-01 .options .option-dropdown .menu{
  display:block; padding:.25rem .875rem; transition:background .25s, color .25s;
}
table.table.table-01 .options .option-dropdown .menu .wrapper{display:flex; align-items:center;}
table.table.table-01 .options .option-dropdown .menu .wrapper .icon{
  width:1.375rem; height:1.375rem; display:flex; justify-content:center; align-items:center;
}
table.table.table-01 .options .option-dropdown .menu .wrapper .icon svg,
table.table.table-01 .options .option-dropdown .menu .wrapper .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1rem;
}
table.table.table-01 .options .option-dropdown .menu .wrapper .icon svg path{transition:fill .25s}
table.table.table-01 .dot{font-size:1.5rem; margin-top:-1.25rem;}


/* Table Download */
.table.table .title, .table.table .desc{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical;
}
table.table.table-download{border:0;}
table.table.table-download tr{position:relative; display:block; transition:background .25s;}
table.table.table-download td{border:0;}
table.table.table-download td:nth-child(1){border-radius:.5rem 0 0 .5rem; overflow:hidden;}


table.table.table-download.style-01 tr {
  display:flex; min-height:6rem; border:1px solid transparent;
  border-radius:var(--bradius); overflow:hidden;
}
table.table.table-download.style-01 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem 1rem 3.5rem; width:calc(100% - 5rem);
}
table.table.table-download.style-01 tr > td.text-container .pattern-02{
  position:absolute; left:0; display:block; max-width:100%; width:auto; 
  max-height:100%; height:7rem;
}
table.table.table-download.style-01 tr > td.text-container .title{-webkit-line-clamp:2;}
table.table.table-download.style-01 tr > td.button-container {position:relative; width:5rem;}
table.table.table-download.style-01 tr > td.button-container .icon{
  display:flex; justify-content:center; align-items:center;
    border-radius:50%; width:2.625rem; height:2.625rem; 
  display:flex; justify-content:center; align-items:center;
  position:absolute; bottom:.5rem; right:.5rem;
}
table.table.table-download.style-01 tr > td.button-container .icon svg{
  display:block; max-width:100%; width:auto; max-width:100%; height:1.5rem;
}
table.table.table-download.style-01 .option{display:flex; align-items:center;}
table.table.table-download.style-01 tr > td.button-container .title{transition:color .25s;}
table.table.table-download.style-01 tr > td.button-container .pattern{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
table.table.table-download.style-01 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-download.style-01 .option svg.size-02{height:.875rem;}
table.table.table-download.style-01 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-download.style-01 tr > td.text-container .options{
  display:flex; align-items:center; flex-wrap:wrap;
}

.hamburger > * {
  width:1rem; height:.125rem; transform: translateX(.375rem);
  transition: all .45s;
}
.hamburger > *:nth-child(2) {
  margin: .25rem 0; width: 1.375rem; transform: none;
}
.hamburger.active > *:nth-child(1) {
  width: 1.375rem; -webkit-transform: rotate(-45deg)translate(-.4rem, .4rem);
  transform: rotate(-45deg)translate(-.4rem, .4rem);
}
.hamburger.active > *:nth-child(2) {
  opacity:0; transform: translateX(2rem);
}
.hamburger.active > *:nth-child(3) {
  width: 1.375rem; -webkit-transform: rotate(45deg)translate(-.1rem,-.2rem);
  transform: rotate(45deg)translate(-.1rem, -.2rem);
}


@media screen and (max-width:991.98px){
  table.table.table-download.style-01 tr > td.text-container {width:100%;}
  table.table.table-download.style-01 tr > td.button-container{position:absolute; display:none;}
  table.table.table-download .file-container{align-items:start;}
  table.table.table-download .show-mobile{display:block!important; margin-top:.75rem!important;}
  table.table.table-download.style-01 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.table-download .file-pattern{opacity:.3;}

  table.table.table-download.style-01.responsive-01 tr > td.text-container{width:calc(100% - 11.0625rem);}
  table.table.table-download.style-01.responsive-01 tr > td.text-container .title{-webkit-line-clamp:1;}
  table.table.table-download.style-01.responsive-01 tr > td.file-container{width:5rem}
  table.table.table-download.style-01.responsive-01 tr > td.button-container{position:relative; display:flex;}
  table.table.table-download .file-container img, 
  table.table.table-download .file-container .icon.doc svg{width:1.25rem!important;}

  table.table.table-download.card-01 tr > td.text-container{width:calc(100% - 5rem);}
  table.table.table-download.style-01 tr > td.file-container{align-items:start; padding-top:1rem;}
  table.table.table-download.style-01 tr{min-height:9rem;}
}
@media screen and (max-width:575.98px){
  table.table.table-download.style-01 tr{position:relative;}
  table.table.table-download.style-01 tr > td.file-container{width:5rem;}
  table.table.table-download.style-01 td:nth-child(2).text-container{
    min-width:unset!important; width:calc(100% - 5rem); flex-direction:column;
    align-items:start; justify-content:space-around;
  }
  table.table.table-download.style-01 tr > td.button-container{
    position:absolute; right:0; bottom:0; 
    border-radius:1000em; border:1px solid transparent;
  }
  table.table.table-download.style-01 tr > td.button-container .icon{display:none;}
  table.table.table-download.style-01 tr > td.text-container .file-size{padding:0 .25rem;}
  table.table.table-download.style-01 tr > td.button-container:before{display:none;}
}
@media screen and (max-width:515.98px){
  table.table.table-download .file-container img, table.table.table-download.style-01 tr{min-height:6.5rem;}
}
@media screen and (max-width:393.90px){
  table.table.table-download.style-01 td:first-child{padding-left:.5625rem}
  table.table.table-download.style-01 tr > td.file-container{width:3.5rem;}
  table.table.table-download.style-01 .file-container .icon{width:2.5rem; height:2.5rem;}
  table.table.table-download.style-01 td:nth-child(2).text-container{width:calc(100% - 3.5rem);}
  table.table.table-download.style-01 .file-container img, table.table.table-download .file-container svg{width:1.5rem;}
}
@media screen and (max-width:490.98px){
  table.table.table-download.style-01 tr > td.text-container .pattern-02{height:5rem;}
  table.table.table-download.style-01 tr > td.text-container{padding: 1rem 2rem 1rem 2.5rem;}
}
@media screen and (max-width:368.90px){
  table.table.table-download.style-01 td:nth-child(2).text-container{min-width:18rem!important;}
}


/* Table 02 */
table.table.table-download.table-02 tr {
  display:flex; min-height:6rem; border:1px solid transparent;
  border-radius:var(--bradius); overflow:hidden;
}
table.table.table-download.table-02 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem 1rem 3.5rem; width:calc(100% - 4rem);
}
table.table.table-download.table-02 tr > td.text-container .pattern-02{
  position:absolute; left:0; display:block; max-width:100%; width:auto; 
  max-height:100%; height:7rem;
}
table.table.table-download.table-02 tr > td.text-container .title{
  -webkit-line-clamp:1; width:calc(100% - 4rem); padding:0 0 0 .5rem;
}
table.table.table-download.table-02 tr > td.button-container {position:relative; width:4rem;}
table.table.table-download.table-02 tr > td.button-container .icon{
  display:flex; justify-content:center; align-items:center;
    border-radius:50%; width:2.625rem; height:2.625rem; 
  display:flex; justify-content:center; align-items:center;
  position:absolute; bottom:.5rem; right:.5rem;
}
table.table.table-download.table-02 tr > td.button-container .icon svg{
  display:block; max-width:100%; width:auto; max-width:100%; height:1.5rem;
}
table.table.table-download.table-02 .option{display:flex; align-items:center;}
table.table.table-download.table-02 tr > td.button-container .title{transition:color .25s;}
table.table.table-download.table-02 tr > td.button-container .pattern{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
table.table.table-download.table-02 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-download.table-02 .option svg.size-02{height:.875rem;}
table.table.table-download.table-02 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-download.table-02 tr > td.text-container .options{
  display:flex; align-items:center; flex-wrap:wrap;
}
table.table.table-download.table-02 tr svg path{transition:fill .25s;}
@media screen and (max-width:991.98px){
  table.table.table-download.tablie-02 tr > td.text-container {width:100%;}
  table.table.table-download.tablie-02 tr > td.button-container{position:absolute; display:none;}
  table.table.table-download.tablie-02 .show-mobile{display:block!important; margin-top:.75rem!important;}
  table.table.table-download.tablie-02 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.table-download.tablie-02 .file-pattern{opacity:.3;}
  table.table.table-download.table-02 tr > td.file-container{align-items:start; padding-top:1rem;}
  table.table.table-download.table-02 tr{min-height:9rem;}
}
@media screen and (max-width:575.98px){
  table.table.table-download.table-02 tr{position:relative;}
  table.table.table-download.table-02 tr > td.file-container{width:5rem;}
  table.table.table-download.table-02 td:nth-child(2).text-container{
    min-width:unset!important; width:calc(100% - 5rem); flex-direction:column;
    align-items:start; justify-content:space-around;
  }
  table.table.table-download.table-02 tr > td.button-container{
    position:absolute; right:0; bottom:0; 
    border-radius:1000em; border:1px solid transparent;
  }
  table.table.table-download.table-02 tr > td.button-container .icon{display:none;}
  table.table.table-download.table-02 tr > td.text-container .file-size{padding:0 .25rem;}
  table.table.table-download.table-02 tr > td.button-container:before{display:none;}
}
@media screen and (max-width:515.98px){
  table.table.table-download.table-02 tr{min-height:6.5rem;}
}
@media screen and (max-width:393.90px){
  table.table.table-download.table-02 td:first-child{padding-left:.5625rem}
  table.table.table-download.table-02 tr > td.file-container{width:3.5rem;}
  table.table.table-download.table-02 .file-container .icon{width:2.5rem; height:2.5rem;}
  table.table.table-download.table-02 td:nth-child(2).text-container{width:calc(100% - 3.5rem);}
  table.table.table-download.table-02 .file-container img, table.table.table-download .file-container svg{width:1.5rem;}
}
@media screen and (max-width:490.98px){
  table.table.table-download.table-02 tr > td.text-container .pattern-02{height:5rem;}
  table.table.table-download.table-02 tr > td.text-container{padding: 1rem 2rem 1rem 2.5rem;}
  table.table.table-download.table-02 .option.hidden-mobile{display:none;}
}
@media screen and (max-width:368.90px){
  table.table.table-download.table-02 td:nth-child(2).text-container{min-width:18rem!important;}
}


/* Table 03 */
table.table.table-03 tr{
  display:flex; min-height:6rem; border:1px solid transparent;
  border-radius:var(--bradius); overflow:hidden; transition:background .25s;
}
table.table.table-03 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem 1rem 2rem; width:calc(100% - 1rem);
}
table.table.table-03 tr > td.text-container .pattern-02{
  position:absolute; left:0; display:block; max-width:100%; width:auto; 
  max-height:100%; height:7rem;
}
table.table.table-03 tr > td.text-container .title{
  -webkit-line-clamp:1; width:calc(100% - 4rem); padding:0 0 0 .5rem;
}
table.table.table-03 tr > td.button-container {position:relative; width:1rem;}
table.table.table-03 tr > td.button-container .icon{
  display:flex; justify-content:center; align-items:center;
    border-radius:50%; width:2.625rem; height:2.625rem; 
  display:flex; justify-content:center; align-items:center;
  position:absolute; bottom:.5rem; right:.5rem;
}
table.table.table-03 tr > td.button-container .icon svg{
  display:block; max-width:100%; width:auto; max-width:100%; height:1.5rem;
}
table.table.table-03 .option{display:flex; align-items:center;}
table.table.table-03 tr > td.button-container .title{transition:color .25s;}
table.table.table-03 tr > td.button-container .pattern{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
table.table.table-03 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-03 .option svg.size-02{height:.875rem;}
table.table.table-03 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-03 tr > td.text-container .options{
  display:flex; align-items:center; flex-wrap:wrap;
}
table.table.table-03 tr svg path{transition:fill .25s;}
@media screen and (max-width:991.98px){
  table.table.tablie-03 tr > td.text-container {width:100%;}
  table.table.tablie-03 tr > td.button-container{position:absolute; display:none;}
  table.table.tablie-03 .show-mobile{display:block!important; margin-top:.75rem!important;}
  table.table.tablie-03 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.tablie-03 .file-pattern{opacity:.3;}
  table.table.table-03 tr > td.file-container{align-items:start; padding-top:1rem;}
  table.table.table-03 tr{min-height:9rem;}
}
@media screen and (max-width:575.98px){
  table.table.table-03 tr{position:relative;}
  table.table.table-03 tr > td.file-container{width:5rem;}
  table.table.table-03 td:nth-child(2).text-container{
    min-width:unset!important; width:calc(100% - 1rem); flex-direction:column;
    align-items:start; justify-content:space-around; padding:1rem 1rem 1rem 1rem;
  }
  table.table.table-03 tr > td.button-container{
    position:absolute; right:0; bottom:0; 
    border-radius:1000em; border:1px solid transparent;
  }
  table.table.table-03 tr > td.button-container .icon{display:none;}
  table.table.table-03 tr > td.text-container .file-size{padding:0 .25rem;}
  table.table.table-03 tr > td.button-container:before{display:none;}
}
@media screen and (max-width:515.98px){
  table.table.table-03 tr{min-height:6.5rem;}
}
@media screen and (max-width:393.90px){
  table.table.table-03 td:first-child{padding-left:.5625rem}
  table.table.table-03 tr > td.file-container{width:3.5rem;}
  table.table.table-03 .file-container .icon{width:2.5rem; height:2.5rem;}
  table.table.table-03 td:nth-child(2).text-container{width:calc(100% - 1rem);}
  table.table.table-03 .file-container img, table.table.table-download .file-container svg{width:1.5rem;}
}
@media screen and (max-width:490.98px){
  table.table.table-03 tr > td.text-container .pattern-02{height:5rem;}
  table.table.table-03 tr > td.text-container{padding: 1rem 1rem 1rem 1rem;}
}
@media screen and (max-width:368.90px){
  table.table.table-03 td:nth-child(2).text-container{min-width:18rem!important;}
}


/* Table 04 */
table.table.table-04 tr {
  display:flex; min-height:5rem; border:1px solid transparent;
  border-radius:var(--bradius); overflow:hidden; justify-content:space-between;
}
table.table.table-04 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem .5rem 1rem .5rem; margin-right:15rem;
}
table.table.table-04 tr > td.text-container .title{
  -webkit-line-clamp:1; padding:0 0 0 .5rem;
}
table.table.table-04 .file-container{
   display:flex; align-items:center; justify-content:center; padding:2rem;
}
table.table.table-04 tr .button-container {
  position:relative;  display:flex; align-items:center; justify-content:center;
  margin-left:1rem;
}
table.table.table-04 tr .button-container .icon{
  display:flex; justify-content:center; align-items:center;
  width:2.625rem; height:2.625rem; 
  display:flex; justify-content:center; align-items:center;
}
table.table.table-04 tr .button-container .icon svg{
  display:block; max-width:100%; width:1.5rem; max-width:100%; height:1.5rem;
}
table.table.table-04 .options{display:flex; align-items:center;}
table.table.table-04 .option{display:flex; align-items:center;}
table.table.table-04 tr .button-container .title{transition:color .25s;}
table.table.table-04 tr .button-container .pattern{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
table.table.table-04 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-04 .option svg.size-02{height:.875rem;}
table.table.table-04 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-04 tr .options{
  display:flex; align-items:center; flex-wrap:wrap;
  width:max-content;
}
table.table.table-04 tr svg path{transition:fill .25s;}
table.table.table-04 tr .options-container{display:flex; align-items:center;}
@media screen and (max-width:1299.98px){
  table.table.table-04 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem .5rem 1rem .5rem; margin-right:8rem;
}
}
@media screen and (max-width:1199.98px){
  table.table.table-04 tr .text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem .5rem 1rem .5rem; margin-right:0;
}
}
@media screen and (max-width:767.98px){
  table.table.table-04 tr{flex-wrap:wrap;}
  table.table.table-04 tr .text-container {
  width: calc(100% - 4.5rem);
}
table.table.table-04 .file-container{
   width:4.5rem; padding:0;
}
table.table.table-04 .options-container{padding-left:1.5rem;}
table.table.table-04 tr .text-container .title{
  -webkit-line-clamp:2; 
}
}
@media screen and (max-width:575.98px){
  table.table.table-04 tr{flex-wrap:wrap;}
  table.table.table-04 tr > td.text-container {
  width: calc(100% - 3.5rem);
}
  table.table.table-04 .file-container{width:3.5rem;}
  table.table.table-04 tr > td.button-container{padding:.5625rem .25rem;}
  table.table.table-04 .options-container{padding-left:.875rem;}
}


/* Table 05 */
table.table.table-05 tr {
  display:flex; min-height:6rem; border:1px solid transparent;
  border-radius:var(--bradius); overflow:hidden;
}
table.table.table-05 tr > td.icon-container{
  position:relative; display:flex; justify-content:center; align-items:center;
  width:6rem;
}
table.table.table-05 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 1rem 1rem 1rem; width:calc(100% - 6rem);
}
table.table.table-05 tr > td.icon-container svg{
  display:block; max-width:100%; width:auto; height:2rem;
}
table.table.table-05 tr > td.icon-container .pattern-02{
  position:absolute; left:0; display:block; max-width:100%; width:auto; 
  max-height:100%; height:7rem;
}
table.table.table-05 tr > td.text-container .title{-webkit-line-clamp:1;}
table.table.table-05 tr > td.button-container{position:relative;}
table.table.table-05 tr > td.button-container .icon{
  display:flex; justify-content:center; align-items:center;
    border-radius:50%; width:2.625rem; height:2.625rem; 
  display:flex; justify-content:center; align-items:center;
  position:absolute; bottom:.5rem; right:.5rem;
}
table.table.table-05 tr > td.button-container .icon svg{
  display:block; max-width:100%; width:auto; max-width:100%; height:1.5rem;
}
table.table.table-05 .option{display:flex; align-items:center;}
table.table.table-05 tr > td.button-container .title{transition:color .25s;}
table.table.table-05 tr > td.button-container .pattern{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
table.table.table-05 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-05 .option svg.size-02{height:.875rem;}
table.table.table-05 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-05 tr > td.text-container .options{
  display:flex; align-items:center; flex-wrap:wrap;
}
table.table.table-05 tr svg path{transition:fill .25s;}
@media screen and (max-width:991.98px){
  table.table.table-05 tr > td.text-container {width:100%;}
  table.table.table-05 .show-mobile{display:block!important; margin-top:.75rem!important;}
  table.table.table-05 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.table-05 .file-pattern{opacity:.3;}
  table.table.table-05 tr > td.file-container{align-items:start; padding-top:1rem;}
}


/* Table 06 */
table.table.table-06 td:first-child{padding:.5625rem 0 .5625rem .9375rem;}
table.table.table-06 tr {
  display:flex; min-height:6rem; border:1px solid transparent;
  border-radius:var(--bradius); overflow:hidden;
}
table.table.table-06 tr > td.icon-container{
  position:relative; display:flex; justify-content:center; align-items:center;
  width:6rem;
}
table.table.table-06 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 1rem 1rem 1rem; width:calc(100% - 6rem);
}
table.table.table-06 tr > td.icon-container svg{
  display:block; max-width:100%; width:auto; height:2.5rem;
}
table.table.table-06 tr > td.icon-container .pattern-02{
  position:absolute; left:0; display:block; max-width:100%; width:auto; 
  max-height:100%; height:7rem;
}
table.table.table-06 tr > td.text-container .title{-webkit-line-clamp:1;}
table.table.table-06 tr > td.button-container{position:relative;}
table.table.table-06 tr > td.button-container .icon{
  display:flex; justify-content:center; align-items:center;
    border-radius:50%; width:2.625rem; height:2.625rem; 
  display:flex; justify-content:center; align-items:center;
  position:absolute; bottom:.5rem; right:.5rem;
}
table.table.table-06 tr > td.button-container .icon svg{
  display:block; max-width:100%; width:auto; max-width:100%; height:1.5rem;
}
table.table.table-06 .option{display:flex; align-items:center;}
table.table.table-06 tr > td.button-container .title{transition:color .25s;}
table.table.table-06 tr > td.button-container .pattern{
  display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
table.table.table-06 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-06 .option svg.size-02{height:.875rem;}
table.table.table-06 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-06 tr > td.text-container .options{
  display:flex; align-items:center; flex-wrap:wrap;
}
table.table.table-06 tr svg path{transition:fill .25s;}
@media screen and (max-width:991.98px){
  table.table.table-06 tr > td.text-container {width:100%;}
  table.table.table-06 .show-mobile{display:block!important; margin-top:.75rem!important;}
  table.table.table-06 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.table-06 .file-pattern{opacity:.3;}
  table.table.table-06 tr > td.file-container{align-items:start; padding-top:1rem;}
}


/* Table 07 */
table.table.table-07 tr{
  display:flex; min-height:6rem;
  overflow:hidden; transition:background .25s;
}
table.table.table-07 td:first-child{padding:0 0 0 0;}
table.table.table-07 tr > .date{
  position:relative; transition:background .25s;
  width:7rem; display:flex; align-items:center; 
  justify-content:center; flex-direction:column;
}
table.table.table-07 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem 1rem 2rem; width:calc(100% - 7rem);
}
table.table.table-07 tr > td.date .pattern{
  position:absolute; left:0; display:block; max-width:100%; width:auto; 
  max-height:100%; height:7rem;
}
table.table.table-07 tr > td.text-container .title{
  -webkit-line-clamp:1; width:calc(100% - 4rem); padding:0 0 0 .5rem;
}

table.table.table-07 .option{display:flex; align-items:center;}

table.table.table-07 .option svg{
  display:block; max-width:100%; width: auto;
  max-height:100%; height:.9375rem;
}
table.table.table-07 .option svg.size-02{height:.875rem;}
table.table.table-07 .pattern-btn{
  position:absolute; bottom:-.125rem; right:0;
}
table.table.table-07 tr > td.text-container .options{
  display:flex; align-items:center; flex-wrap:wrap;
}
table.table.table-07 tr svg path{transition:fill .25s;}


table.table.table-07.template-3 tr{border-radius:2rem; padding:.3125rem;}
table.table.table-07.template-3 tr > .date{border-radius:1.6875rem; width:6rem; overflow:hidden;}
table.table.table-07.template-3 .option svg{width:auto; height:.6125rem; max-width:unset; max-height:unset;}
table.table.table-07.template-3 tr .button-container{display:flex; align-items:center;}
table.table.table-07.template-3 tr .text-container{width:calc(100% - 8.9rem);}
@media screen and (max-width:991.98px){
  table.table.tablie-07 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.tablie-07 .file-pattern{opacity:.3;}
}
@media screen and (max-width:575.98px){
  table.table.table-07 tr > td.text-container{padding:1rem 1rem 1rem 1rem;}
}
@media screen and (max-width:390.98px){
  table.table.table-07 tr > .date{width:5rem;}
  table.table.table-07 tr > td.text-container{width:calc(100% - 5rem);}
}



/* Utility */
.text-5xl{font-size:380%!important; line-height:.25;}
.text-4xl{font-size:300%!important; line-height:.25;}
.text-3xl{font-size:240%!important; line-height:.25;}
.text-2xl{font-size:150%!important; line-height:.25;}
.text-xl{font-size:128%!important;}
.text-lg{font-size:114%!important;}
.text-md{font-size:110%!important;}
.text-nm{font-size:100%!important;}
.text-sm{font-size:90%!important;}
.text-xs{font-size:80%!important;}
.text-2xs{font-size:70%!important;}
.text-3xs{font-size:60%!important;}

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}

.fw-100{font-weight:100!important;}
.fw-200{font-weight:200!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.fw-800{font-weight:800!important;}
.fw-900{font-weight:900!important;}

.lh-xl{line-height:2.00;}
.lh-lg{line-height:1.90;}
.lh-nm{line-height:1.60;}
.lh-sm{line-height:1.40;}
.lh-xs{line-height:1.20;}
.lh-2xs{line-height:1.00;}
.lh-3xs{line-height:.80;}

.c-pointer, .cursor-pointer{cursor:pointer!important;}

.pos-static{position:static!important;}
.pos-relative{position:relative!important;}
.pos-absolute{position:absolute!important;}
.pos-fixed{position:fixed!important;}
.pos-sticky{position:sticky!important;}

.op-100{opacity:1!important;} .op-0{opacity:0!important;}
.op-10{opacity:.1!important;} .op-20{opacity:.2!important;} .op-30{opacity:.3!important;}
.op-40{opacity:.4!important;} .op-50{opacity:.5!important;} .op-60{opacity:.6!important;}
.op-70{opacity:.7!important;} .op-80{opacity:.8!important;} .op-90{opacity:.9!important;}

.pe-none{pointer-events:none!important;}

.d-block{display:block!important;}
.d-flex{display:flex!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-none{display:none!important;}

.jc-start{justify-content:flex-start!important;}
.jc-center{justify-content:center!important;}
.jc-end{justify-content:flex-end!important;}
.jc-space-between{justify-content:space-between!important;}
.jc-space-evenly{justify-content:space-evenly!important;}
.ai-center{align-items:center!important;}
.ai-start{align-items:flex-start!important;}
.ai-end{align-items:flex-end!important;}
.ai-unset{align-items:unset!important;}
.fw-wrap{flex-wrap:wrap!important;}
.fw-no-wrap{flex-wrap:nowrap!important;}
.fw-unset{flex-wrap:unset!important;}
.flex-column{flex-direction:column!important;}
@media screen and (max-width:1299.98px){
  .lg-jc-center{justify-content:center!important;}
}
@media screen and (max-width:991.98px){
  .md-jc-center{justify-content:center!important;}
  .md-jc-start{justify-content:start!important;}
}
@media screen and (max-width:879.98px){
  .ss-sm-jc-center{justify-content:center!important;}
}
@media screen and (max-width:767.98px){
  .sm-jc-start{justify-content:start!important;}
  .sm-jc-center{justify-content:center!important;}
  .sm-column-reverse{flex-direction:column-reverse;}
  .sm-text-left{text-align:left;}
}
@media screen and (max-width:575.98px){
  .xs-jc-center{justify-content:center!important;}
}

.mw-auto{min-width:auto!important;}
.width-auto, .w-auto{width:auto!important;}
.width-full, .w-full{width:100%!important; max-width:100%!important;}
.height-auto, .h-auto{height:auto!important;}
.height-full, .h-full{height:100%!important; max-height:100%!important;}
.width-unset{width:unset!important;}
@media screen and (max-width:767.98px){
  .width-full-sm, .w-full-sm{width:100%!important; max-width:100%!important;}
}

.ws-nowrap{white-space:nowrap!important;}
.ws-normal{white-space:normal!important;}
.no-br > br{display:none;}

.no-border{border:0!important;}
.no-border-bottom{border-bottom:0!important;}
.no-border-right{border-right:0!important;}
.border{border:1px solid transparent!important;}
.border-2{border:2px solid transparent!important;}
.border-3{border:3px solid transparent!important;}
.border-4{border:4px solid transparent!important;}
.border-6{border:8px solid transparent!important;}
.border-top-0{border-top:0!important;}
.border-top{border-top:1px solid transparent!important;}
.border-top-2{border-top:2px solid transparent!important;}
.border-top-3{border-top:3px solid transparent!important;}
.border-top-4{border-top:4px solid transparent!important;}
.border-bottom-0{border-bottom:0!important;}
.border-bottom{border-bottom:1px solid transparent!important;}
.border-bottom-2{border-bottom:2px solid transparent!important;}
.border-bottom-3{border-bottom:3px solid transparent!important;}
.border-bottom-4{border-bottom:4px solid transparent!important;}
.border-left-0{border-left:0!important;}
.border-left{border-left:1px solid transparent!important;}
.border-left-2{border-left:2px solid transparent!important;}
.border-left-3{border-left:3px solid transparent!important;}
.border-left-4{border-left:4px solid transparent!important;}
.border-right-0{border-right:0!important;}
.border-right{border-right:1px solid transparent!important;}
.border-right-2{border-right:2px solid transparent!important;}
.border-right-3{border-right:3px solid transparent!important;}
.border-right-4{border-right:4px solid transparent!important;}

.bradius{border-radius:var(--bradius)!important;}
.bradius-02{border-radius:var(--bradius-02);}
.bradius-03{border-radius:var(--bradius-03)!important;}

.no-bradius{border-radius:0!important;}
.no-padding{padding:0!important;}
.box-shadow{box-shadow:0px 5px 20px 10px rgba(0,0,0,.1);}

.ovf-hidden{overflow:hidden!important;}
.ovf-visible{overflow:visible!important;}

.datepicker-dropdown{z-index:100;}

@media screen and (min-width:1299.98px){
  .xxl-no-br > br{display:none;}
}
@media screen and (max-width:1299.98px){
  .xl-no-br > br{display:none;}
}
@media screen and (max-width:1199.98px){
  .lg-no-br > br{display:none;}
}
@media screen and (max-width:991.98px){
  .md-no-br > br{display:none;}
}
@media screen and (max-width:767.98px){
  .sm-no-br > br{display:none;}
}
@media screen and (max-width:575.98px){
  .xs-no-br > br{display:none;}
  .xs-hide{display:none;}
}


/* Scrollbar */
::-webkit-scrollbar{width:7px; border-radius:.25rem;}
::-webkit-scrollbar-track{background:#dddddd;}
::-webkit-scrollbar-thumb{background:#999999; border-radius:.25rem;}
::-webkit-scrollbar-thumb:hover{background:#999999;}
::-webkit-scrollbar:horizontal{height:7px;}


/* Scroll Wrapper */
.scroll-wrapper{width:100%; overflow:hidden;}
.scroll-x-wrapper{width:100%; overflow-x:auto; overflow-y:hidden; padding:0 0 .875rem 0;}
.scroll-y-wrapper{width:100%; overflow-x:hidden; overflow-y:auto; padding:0 .875rem 0 0;}


/* Special Tag */
.ss-tags{position:relative; display:flex; flex-wrap:wrap; overflow:hidden;}
.ss-tags > .tag{
    position:relative; display:block; font-size:.8125rem; font-weight:400; padding:.5rem 1rem .5rem 1rem;
    transition:background .25s, color .25s; margin:.25rem .25rem; border-radius:1000em; min-width:6rem;
    text-align:center;
}


/* Spacing */
.p-0{padding:0!important;}
.p-1{padding:.25rem!important;} .p-2{padding:.5rem!important;}
.p-3{padding:.75rem!important;} .p-4{padding:1rem!important;}
.p-5{padding:1.25rem!important;} .p-6{padding:1.5rem!important;}
.pt-0{padding-top:0!important;} 
.pt-1{padding-top:.25rem!important;} .pt-2{padding-top:.5rem!important;} 
.pt-3{padding-top:.75rem!important;} .pt-4{padding-top:1rem!important;}
.pt-5{padding-top:1.25rem!important;} .pt-6{padding-top:1.5rem!important;}
.pt-7{margin-top:1.75rem!important;} .pt-8{margin-top:2rem!important;}
.pr-0{padding-right:0!important;} 
.pr-1{padding-right:.25rem!important;} .pr-2{padding-right:.5rem!important;} 
.pr-3{padding-right:.75rem!important;} .pr-4{padding-right:1rem!important;}
.pr-5{padding-right:1.25rem!important;} .pr-6{padding-right:1.5rem!important;}
.pb-0{padding-bottom:0!important;} 
.pb-1{padding-bottom:.25rem!important;} .pb-2{padding-bottom:.5rem!important;}
.pb-3{padding-bottom:.75rem!important;} .pb-4{padding-bottom:1rem!important;}
.pb-5{padding-bottom:1.25rem!important;} .pb-6{padding-bottom:1.5rem!important;}
.pl-0{padding-left:0!important;} 
.pl-1{padding-left:.25rem!important;} .pl-2{padding-left:.5rem!important;}
.pl-3{padding-left:.75rem!important;} .pl-4{padding-left:1rem!important;}
.pl-5{padding-left:1.25rem!important;} .pl-6{padding-left:1.5rem!important;}

.m-0{margin:0!important;} .m-auto{margin-left:auto!important; margin-right:auto!important;}
.m-1{margin:.25rem!important;} .m-2{margin:.5rem!important;}
.m-3{margin:.75rem!important;} .m-4{margin:1rem!important;}
.m-5{margin:1.25rem!important;} .m-6{margin:1.5rem!important;}
.mt-0{margin-top:0!important;} 
.mt-1{margin-top:.25rem!important;} .mt-2{margin-top:.5rem!important;}
.mt-3{margin-top:.75rem!important;} .mt-4{margin-top:1rem!important;}
.mt-5{margin-top:1.25rem!important;} .mt-6{margin-top:1.5rem!important;}
.mr-0{margin-right:0!important;} 
.mr-1{margin-right:.25rem!important;} .mr-2{margin-right:.5rem!important;}
.mr-3{margin-right:.75rem!important;} .mr-4{margin-right:1rem!important;}
.mr-5{margin-right:1.25rem!important;} .mr-6{margin-right:1.5rem!important;}
.mb-0{margin-bottom:0!important;} 
.mb-1{margin-bottom:.25rem!important;} .mb-2{margin-bottom:.5rem!important;}
.mb-3{margin-bottom:.75rem!important;} .mb-4{margin-bottom:1rem!important;}
.mb-5{margin-bottom:1.25rem!important;} .mb-6{margin-bottom:1.5rem!important;}
.ml-0{margin-left:0!important;} 
.ml-1{margin-left:.25rem!important;} .ml-2{margin-left:.5rem!important;}
.ml-3{margin-left:.75rem!important;} .ml-4{margin-left:1rem!important;}
.ml-5{margin-left:1.25rem!important;} .ml-6{margin-left:1.5rem!important;}

.mt-negative{margin-top:-4rem; padding-top:8rem;}
@media screen and (max-width:1299.98px){
  .d-none-lg{display:none;}
  .lg-mt-4{margin-top:1rem;}
}
@media screen and (max-width:991.98px){
  .mt-2-md{margin-top:.5rem!important;}
  .d-none-md{display:none;}
}
@media screen and (max-width:767.98px){
  .mt-negative{margin-top:-4.5rem;}

  .sm-mt-4{margin-top:1rem;}
  .sm-mt-6{margin-top:1.5rem;}
}
@media screen and (max-width:575.98px){
  .mt-negative{margin-top:-5rem;}
}


/* Global Search Container */
.global-search-container{
  display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:100;
  opacity:0; pointer-events:none; padding:1.5rem; display:flex; justify-content:center; align-items:center;
}
.global-search-container .search-bg{position:absolute; top:0; left:0; right:0; bottom:0;}
.global-search-container .logo-container{display:flex; justify-content:center;}
.global-search-container .logo-container .wrapper{display:flex; align-items:center;}
.global-search-container .logo-container .logo{
  width:4rem; height:4rem; display:flex; justify-content:center; 
  align-items:center;
}
.global-search-container .logo-container .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; height:3.5rem;
}
.global-search-container .logo-container .text{padding:0 .75rem; width:calc(100% - 4rem);}
.global-search-container .pattern{
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;
  pointer-events:none;
}
.global-search-container .pattern img{
  display:block; max-width:100%; width:100%; max-height:100%; height:auto;
}
.global-search-container:not(.use-gsap){transition:opacity .45s;}
.global-search-container.active{opacity:1; pointer-events:all;}
.global-search-container > .wrapper{
  position:relative; width:100%; height:100%; padding:1.5rem 1.5rem 6rem 1.5rem;;
  display:flex; align-items:center;
}
.global-search-container .input-wrapper{display:flex; align-items:center;}
.global-search-container .input-inner{position:relative; width:calc(100% - 2rem);}
.global-search-container .btn-close{
  width:2rem; display:flex; justify-content:center; transition:opacity .25s;;
}
.global-search-container .btn-close:hover{opacity:.7;}
.global-search-container .input-inner input{
  background:transparent!important; border:0!important; font-weight:400;
  border-bottom:1px solid transparent!important; border-radius:0;
}
.global-search-container .input-inner button{
  position:absolute; top:0; right:0; bottom:0; width:3rem; background:transparent; transition:.25s;
  display:flex; justify-content:center; align-items:center; border:0; cursor:pointer;
}
.global-search-container .input-inner button:hover{opacity:.7;}
.global-search-container .hamburger{position:relative; transition:all .3s ease-in-out;}
.global-search-container .hamburger{cursor:pointer;}
.global-search-container .hamburger > *{
  position:relative; width:1.625rem; height:.125rem;
  transform:translateX(.375rem); transition:all .45s;
}
.global-search-container .hamburger > *:nth-child(2){margin:.4375rem 0; width:2rem; transform:none;}
.global-search-container .hamburger.active > *:nth-child(1){
  width:1.25rem; -webkit-transform:rotate(-45deg)translate(-.4rem, .4rem);
  transform:rotate(-45deg)translate(-.4rem, .4rem);
}
.global-search-container .hamburger.active > *:nth-child(2){opacity:0; transform:translateX(2rem);}
.global-search-container .hamburger.active > *:nth-child(3){
  width:1.25rem; -webkit-transform:rotate(45deg)translate(-.4rem,-.4rem);
  transform:rotate(45deg)translate(-.4rem, -.4rem);
}
.global-search-container .contents{
  position:relative; z-index:3; width:100%; max-width:700px; margin:0 auto;
}
.global-search-container .content-lists{max-height:30rem; overflow-y:auto;}
.global-search-container form{width:100%;  position:relative;}
.global-search-container .input-container{position:relative;}
.global-search-container input[type=text]{
  width:100%; font-size:1.25rem; border:1.5px solid transparent; border-radius:0;
  padding:.75rem 3.75rem .75rem 1rem; margin:0; box-shadow:none; transition:border-color .3s;
}
.global-search-container .pattern-01{
  position:absolute; top:3rem; left:-4rem; display:block; pointer-events:none;
  max-width:100%; max-height:100%; width:auto; height:13rem; opacity:.2;
}
.global-search-container .pattern-02{
  position:absolute; bottom:1rem; right:-5rem; display:block; pointer-events:none;
  max-width:100%; max-height:100%; width:auto; height:15rem; 
}
.global-search-container .search-pattern{
  display:block; position:absolute; top:0; bottom:0;
  right:calc(100% - 4rem); width:auto; height:100vh; opacity:.3;
}
.global-search-container .search-pattern-02{
   display:block; position:absolute; bottom:-11rem;
  left:calc(100% - 2rem); width:100%; height:100%; 
}
@media screen and (max-width:1299.98px){
  .global-search-container .search-pattern{right:calc(100% - 11rem);}
}
@media screen and (max-width:575.98px){
  .global-search-container > .wrapper{padding:1.5rem 0 6rem 0}
}
@media screen and (max-width:490.98px){
  .global-search-container > .wrapper{padding:1.5rem 0rem 6rem 0rem}
}


/* Gender Select */
.gender-selection{display:flex; align-items:center;}
.gender-selection .gender-option{
  position:relative; min-width: calc(50% - 0.25rem); text-align:center; 
  border:1px solid transparent; padding: 10px 20px; justify-content:center; 
  border-radius:1000em; cursor:pointer; user-select:none; transition: all 0.3s ease;
  display: flex; align-items: center; font-size:1rem;
}
.gender-selection .check-icon{margin-left:-1.5rem; margin-right:.5rem;}
.gender-selection .gender-option{border-color: #D9D9D9;}
.gender-selection .gender-option input{display:none;}
.gender-selection .check-icon{visibility:hidden; font-weight:bold;}
.gender-option.selected .check-icon{visibility:visible;}



/* List Header */
.list-header-calendar{display:flex; flex-wrap:wrap;}
.list-header-calendar .list-header{width:60%; position: relative;}
.list-header-calendar .calendar-header{position:relative; z-index:2; width:40%;}
.list-header-calendar .calendar-header .text-wrapper{display:flex; align-items:center;}
.list-header-calendar .calendar-header #calendar-title{white-space:nowrap;}
.list-header-calendar .calendar-header .form-group select{min-width:14rem;}
.list-header-calendar .calendar-header .form-group.size-02 select{min-width:8rem;}
.list-header-calendar .calendar-header .title{white-space:nowrap;}
.list-header-calendar .calendar-header select,
.list-header-calendar .calendar-header input{
  position:relative; border-radius:1000rem; appearance: none; min-height:3.125rem;
  cursor:pointer; height:100%; border: 1px solid transparent; width:100%;
}
.list-header-calendar .forms-group{display:flex; align-items:center;}

.list-header-calendar.style-02 .calendar-header{width:60%;}
.list-header-calendar.style-02 .list-header{width:40%;}
.list-header-calendar .calendar-header.day{display:flex; align-items:center;}
.list-header-calendar .calendar-header.day .arrow{
  width:2.125rem; height:2.125rem; display:flex; justify-content:center; align-items:center;
  border-radius:50%; cursor:pointer;
}
@media screen and (max-width:1599.98px){
  .list-header-calendar.style-02 .calendar-header{width:100%;}
  .list-header-calendar.style-02 .list-header{width:100%;}
  .list-header-calendar.style-02 .calendar-header .text-wrapper{justify-content:end;}
  .list-header-calendar.style-02 .list-header .options{justify-content:center!important; margin-bottom:1rem;}
}
@media screen and (max-width:991.98px){
  .list-header-calendar.style-02 .calendar-header .text-wrapper{justify-content:center;}
}
@media screen and (max-width:767.98px){
  .list-header-calendar .calendar-header .text-wrapper{justify-content:center!important;}
  .list-header-calendar .list-header, .list-header-calendar .calendar-header{width:100%;}
  .list-header-calendar .list-header .options{justify-content:center!important;}

  .list-header-calendar.style-02 .calendar-header #calendar-title{width:100%; text-align:center;}
  .list-header-calendar.style-02 .calendar-header .text-wrapper{flex-wrap:wrap;}
}
@media screen and (max-width:460.98px){
  .list-header-calendar .calendar-header #calendar-title{width:100%; text-align:center;}
  .list-header-calendar .calendar-header .form-group{width:100%; margin-top:.75rem!important;}
}


.section-card-line .card-footer-line{width:calc(100% + 2rem); height:1px; margin-top:1.5rem; background:#D8D8D8;}
@media screen and (max-width:991.98px){
  .section-card-line .card-footer-line{display:none;}
}


.z-index-1{z-index:1;}
.z-index-2{z-index:2;}
.z-index-3{z-index:3;}