:root {
  --text-color: #FFEB3B;
  --color: #0e90cb;
  --color1: #222;
  --color2: #333;
  --color3: #000;
  --bg-color: #c1e9fb;
  --header-bg-color1: #9cdaf7;
  --header-bg-color2: #abdcf3;
  --header-bg-color3: #a4dff9;
  --box-shadox: #28b3f0;
  --link-button-color: #82d4f8;
  --link-button-color1: #57c0ee;
  --button-color: #2f9ecf;
  --button-color1: #65c0e8;
  --line-color: #229bd0;
  --line-button-color: transparent;
  --line-border-color: #65c0e8;
  --line-box-shadow: #0000001a;
  --notice-bg: transparent;
  --notice-color: #241923;
  --notice-box-color:#0000001a;
  --custom-button-color: #34b8f4;
  --custom-button-color1: #569bf9;
  --custom-box-color: #aee2f9;
  --custom-box-color1: #b6d1f5;
  --activity-color: #48c0f7;
  --activity-border: #25b1f1;
  --activity-table-border-color: #b9e4f8;
  --activity-button-color: #25b1f1;
  --activity-button-color1: #569bf9;
  --activity-title-color: #f5f5f5;
  --activity-title-color1: #f4f66b;
  --activity-submit-color: linear-gradient( to right, var(--activity-color),var(--activity-button-color));
  --apply-button-color: #42b1e3;
  --apply-shadow-color: #b2f7e7;
  --apply-button-color1: #468df0;
  --apply-shadow-color1: #f8f3b8;
}
.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%;
}
}