body{margin: 0;
  padding-bottom: 3px;
  position: relative;
  font-family: 'Jost', sans-serif;
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent}
.column_list{	display: grid;
	float: left;
	width: auto;
	padding: 2px 1px;}
.float-left{	display: grid;
	float: left;}
.float-right{	display: grid;
	float: right;}
.sidenav-del{  height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;}
.sidenav{  height: 100%;
    width: 100%;
    padding-left: 5px;
    background-color: #f1f1f1;
    padding-top: 20px;
    border-radius: 10px;}
.sidenav a{  padding: 6px 6px 6px 32px;
    text-decoration: none;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;    
    color: #363636;
    display: block;}
.sidenav a:hover{  color: #f1f1f1;}
hr{margin: 0.5rem 0;  color: inherit;  border: 0;  border-top: 1px solid;  opacity: .5}
.cnt,.cnt-fluid,.cnt-lg,.cnt-md,.cnt-sm,.cnt-xl,.cnt-xxl{--bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto}
@media (min-width:576px){
  .cnt,
  .cnt-sm{  max-width: 540px
  }}
@media (min-width:768px){
  .cnt,
  .cnt-md,
  .cnt-sm{  max-width: 720px
  }
}
@media (min-width:992px){
  .cnt,
  .cnt-lg,
  .cnt-md,
  .cnt-sm{  max-width: 960px
  }}
@media (min-width:1200px){
  .cnt,
  .cnt-lg,
  .cnt-md,
  .cnt-sm,
  .cnt-xl{  max-width: 1140px
  }}
@media (min-width:1400px){
  .cnt,
  .cnt-lg,
  .cnt-md,
  .cnt-sm,
  .cnt-xl,
  .cnt-xxl{  max-width: 1320px
  }}
.navbar>.cnt,
.navbar>.cnt-fluid,
.navbar>.cnt-lg,
.navbar>.cnt-md,
.navbar>.cnt-sm,
.navbar>.cnt-xl,
.navbar>.cnt-xxl{display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between}
.toast-cnt{position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none}
.toast-cnt> :not(:last-child){margin-bottom: var(--bs-toast-spacing)}
.cl{flex: 1 0 0%}
.mwfc{max-width: fit-content;}
.bttn{/* Green */
  border: none;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-right: 10px;
  transition-duration: 0.4s;
  cursor: pointer;}
.bttn0{/* Green */
  border: none;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-right: 10px;
  transition-duration: 0.4s;
  cursor: pointer;}
.bttn1{border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-right: 10px;
  transition-duration: 0.4s;
  cursor: pointer;}
.bttn2{border: 1px solid #d9d9d9;  text-align: center;  text-decoration: none;  display: inline-block;  transition-duration: 0.4s;  cursor: pointer;}
.bttn-b0{background-color: var(--gp-b0);  color: #ffffff;}
.bttn-b0:hover{background-color: var(--gp-b1);}
.bttn-o0{background-color: var(--gp-o0);  color: #ffffff;}
.bttn-o0:hover{background-color: var(--gp-o1);}
.bttn-green{background-color: white;  color: black;  border: 2px solid #a4dd4b;}
.bttn-green2{background-color: #ffffff;  color: #292929;  border: 2px solid #bebebe;}
.bttn-green3{background-color: #f1f1f1;  color: black;  border: 2px solid #dfffac;}
.bttn-green:hover{background-color: #cdf094;}
.bttn-watch{background-color: rgb(165, 165, 165);  color: black;  border: 2px solid #a4dd4b;}
.center{display: flex;  align-items: center;  justify-content: center;}
.center-j{display: flex;  justify-content: center;}
.center-a{display: flex;  align-items: center;}
.center-p{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  padding: 10px;}
.gcenter{display: grid;  align-items: center;  justify-content: center;}
.gcenter-a{display: grid;  align-items: center;}
.gcenter_a{display: grid;  align-items: center;}
/* --------------------------------- */
.fr{float: right;}
.fl{float: left;}
.left{display: flex;  justify-content: start;  left: 0%;}
.right{display: flex;  justify-content: end;  right: 0%;}
.grid-float-left{display: grid;  float: left;}
.grid-float-right{display: grid;  float: left;}
.flex-float-left{display: flex;  float: left;}
.flex-float-right{display: flex;  float: left;}
/* --------------------------------- */
.box50{width: 50px;  height: 50px;}
.box100{width: 100px;  height: 100px;}
.box150{width: 150px;  height: 150px;}
.box200{width: 200px;  height: 200px;}
/* --------------border-------------------- */
.b-1{border-style: solid;
  border-width: 1px;}
/* --------------a-------------------- */
.deco-non{text-decoration: none;}
.list-non{list-style: none;}
/* ----------------font-size------------------- */
.fs2{font-size: 2px;}
.fs4{font-size: 4px;}
.fs6{font-size: 6px;}
.fs8{font-size: 8px;}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14,.fsx1{font-size: 14px;}
.fs15,.fsx2{font-size: 15px;}
.fs16,.fsx3{font-size: 16px;}
.fs18,.fsx4{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs32{font-size: 32px;}
.fs34{font-size: 34px;}
.fs36{font-size: 36px;}
.fs38{font-size: 38px;}
.fs40{font-size: 40px;}
.fs42{font-size: 42px;}
/* --------------font-weight----------------- */
.fw400{font-weight: 400;}
.fw450{font-weight: 450;}
.fw500{font-weight: 500 !important;}
.fw550{font-weight: 550;}
.fw600{font-weight: 600 !important;}
.fw650{font-weight: 650;}
/* --------------margin-------------------- */
.m3{margin: 3px;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mx5{margin-left: 5px;  margin-right: 5px;}
.mx10{margin-left: 10px;  margin-right: 10px;}
.mx15{margin-left: 15px;  margin-right: 15px;}
.mx20{margin-left: 20px;  margin-right: 20px;}
.mx25{margin-left: 25px;  margin-right: 25px;}
.mx30{margin-left: 30px;  margin-right: 30px;}
.mx50{margin-left: 50px;  margin-right: 50px;}
.mx100{margin-left: 100px;  margin-right: 100px;}
.my5{margin-top: 5px;  margin-bottom: 5px;}
.my10{margin-top: 10px;  margin-bottom: 10px;}
.my15{margin-top: 15px;  margin-bottom: 15px;}
.my20{margin-top: 20px;  margin-bottom: 20px;}
.my25{margin-top: 25px;  margin-bottom: 25px;}
.my30{margin-top: 30px;  margin-bottom: 30px;}
.my50{margin-top: 50px;  margin-bottom: 50px;}
.my100{margin-top: 100px;  margin-bottom: 100px;}
/* --------------padding-------------------- */
.p0{padding: 0%;}
.p3{padding: 3px;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.px0{padding-left: 0%;  padding-right: 0%;}
.px3{padding-left: 3px;  padding-right: 3px;}
.px5{padding-left: 5px;  padding-right: 5px;}
.px10{padding-left: 10px;  padding-right: 10px;}
.px15{padding-left: 15px;  padding-right: 15px;}
.px20{padding-left: 20px;  padding-right: 20px;}
.px25{padding-left: 25px;  padding-right: 25px;}
.px30{padding-left: 30px;  padding-right: 30px;}
.py0{padding-top: 0%;  padding-bottom: 0%;}
.py3{padding-top: 3px;  padding-bottom: 3px;}
.py5{padding-top: 5px;  padding-bottom: 5px;}
.py10{padding-top: 10px;  padding-bottom: 10px;}
.py15{padding-top: 15px;  padding-bottom: 15px;}
.py20{padding-top: 20px;  padding-bottom: 20px;}
.py25{padding-top: 25px;  padding-bottom: 25px;}
.py30{padding-top: 30px;  padding-bottom: 30px;}
/* ---------------------border-curve---------------------- */
.br3{border-radius: 3px;}
.br5{border-radius: 5px;}
.br7{border-radius: 7px;}
.br10{border-radius: 10px;}
.br15{border-radius: 15px;}
.br20{border-radius: 20px;}
.br25{border-radius: 25px;}
.br30{border-radius: 30px;}
.br35{border-radius: 35px;}
.br40{border-radius: 40px;}
.br45{border-radius: 45px;}
.br50{border-radius: 50%;}
.brt5{border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.brb5{border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;}
.brl5{border-top-left-radius: 5px;  border-bottom-left-radius: 5px;}
.brr5{border-top-right-radius: 5px;  border-bottom-right-radius: 5px;}
.brt10{border-top-left-radius: 10px;  border-top-right-radius: 10px;}
.brb10{border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;}
.brl10{border-top-left-radius: 10px;  border-bottom-left-radius: 10px;}
.brr10{border-top-right-radius: 10px;  border-bottom-right-radius: 10px;}
/* ------------------------------------------------ */
.box-shadow-1{box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;}
/* ------------------------------------------------ */
.b1-b{border: 1px solid var(--gp-b0) !important;}
.b2-b{border: 2px solid var(--gp-b0) !important;}
.b3-b{border: 3px solid var(--gp-b0) !important;}
.b5-b{border: 5px solid var(--gp-b0) !important;}
.b1-o{border: 1px solid var(--gp-o1) !important;}
.b2-o{border: 2px solid var(--gp-o1) !important;}
.b3-o{border: 3px solid var(--gp-o1) !important;}
.b5-o{border: 5px solid var(--gp-o1) !important;}
.b1-n{border: 1px solid var(--gp-n7) !important;}
.b2-n{border: 2px solid var(--gp-n7) !important;}
.b3-n{border: 3px solid var(--gp-n7) !important;}
/* ------------------------------------------------ */
.ar-1{aspect-ratio: 1;}
/* ------------------------------------------------ */
.btn-0{border-radius: 5px;  padding: 2px 5px;  text-align: center;  text-decoration: none;  display: inline-block;  cursor: pointer;  border: 0px;}
.btn-1{border-radius: 5px;  padding: 5px 7px;  text-align: center;  text-decoration: none;  display: inline-block;  margin: 4px 2px;  cursor: pointer;  border: 0px;}
.btn-2{padding: 10px 20px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 18px;  font-weight: 500;  margin-right: 10px;  transition-duration: 0.4s;  cursor: pointer;}
.btn-x{border-radius: 5px;  text-align: center;  text-decoration: none;  display: inline-block;  cursor: pointer;  border: 0px;}
.positive-badge{font-size: 14px;  padding: 2px 10px;  border-radius: 20px;  background: #e5ebef; color: #4CAF50;  margin: 10px 0px;}
.green-badge{font-size: 14px;  padding: 2px 10px;  border-radius: 20px;  background: #e5ebef;  color: #4CAF50;  margin: 10px 0px;}
.red-badge{font-size: 14px;  padding: 2px 10px;  border-radius: 20px;  background: #e5ebef;  color: #d83d1a;  margin: 10px 0px;}
.grey-badge{font-size: 14px;  padding: 2px 10px;  border-radius: 20px;  background: #e5ebef;  color: #696969;  margin: 10px 0px;}
/* ------------------------------------------------ */
.ff1{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.ff2{font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.ff3{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.ff4{font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
.ff5{font-family: 'Courier New', Courier, monospace;}
.ff6{font-family: 'Times New Roman', Times, serif;}
.ff7{font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.ff8{font-family: Arial, Helvetica, sans-serif;}
.ff9{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
.ff10{font-family: Georgia, 'Times New Roman', Times, serif;}
.ff11{font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.ff12{font-family: Verdana, Geneva, Tahoma, sans-serif;}
.ff13{font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
.ff14{font-family: unset;}
.ff15{font-family: unset;}
@media only screen and (min-width:250px) and (max-width:560px){  .fsx1{font-size: 12px;}
  .fsx2{font-size: 13px;}
  .fsx3{font-size: 14px;}
  .fsx4{font-size: 16px;}
}