:root {
  --text-color: #41c0b3;
  --color: #5e6d23;
  --color1: #666;
  --color2: #000;
  --color3: #333725;
  --bg-color: #f2f9d5;
  --header-bg-color1: #e2f1a3;
  --header-bg-color2: #ecf7bf;
  --header-bg-color3: #e4f791;
  --box-shadox:rgb(218, 133, 248);
  --link-button-color: #dae6a4;
  --link-button-color1: #c0c994;
  --button-color: #b4d025;
  --button-color1: #d4dbb1;
  --button-text-color: #3b4119;
  --line-color: #000;
  --line-button-color: #dae6a4;
  --line-border-color: #838382;
  --line-box-shadow: #0000001a;
  --notice-bg: transparent;
  --notice-color: #282922;
  --notice-box-color:#0000001a;
  --custom-button-color: #b7c57f;
  --custom-button-color1: #c1e134;
  --custom-box-color: #fcedcd;
  --custom-box-color1: #f8dec8;
  --activity-color: #b3e856;
  --activity-border: #8bc02b;
  --activity-table-border-color: #96ba57;
  --activity-button-color: #98cd3d;
  --activity-button-color1: #648f17;
  --activity-title-color: #69981a;
  --activity-title-color1: #333;
  --activity-submit-color: linear-gradient( to right, var(--activity-color),var(--activity-button-color));
  --apply-button-color: #8fac0d;
  --apply-shadow-color: #d2f8f6;
  --apply-button-color1: #f3b50a;
  --apply-shadow-color1: #f7e3ae;
}
.com-main {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  background: var(--bg-color);
  overflow-y: scroll;
  overflow-x: hidden;
}
.com-main::-webkit-scrollbar {
  width: 0;
}
.loading {
  padding-top: 35%;
}
.activity-content, .apply-desc {
  font-size: 0.875rem;
  line-height: 1.5;
}
.activity-content table, .apply-desc table {
  margin-top: 1rem;
  border: 1px solid var(--activity-border);
  width: 100%;
  table-layout: fixed;
}
.activity-content table tr th, .apply-desc table tr th {
  vertical-align: middle;
  border: 1px solid var(--activity-border);
}
.activity-content table tr td, .apply-desc table tr td {
  padding: 0.5rem 0;
  vertical-align: middle;
  border: 1px solid var(--activity-border);
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
.header-box {
    max-width: 100%;
    width: 100%;
}
.header-box .container {
    width: 100%;
    margin: 0;
}
.header-box .container .logo-box {
    width: 100%;
}
.header-box .container .logo-box img {
    width: 100%;
}
}