:root {
  --text-color: #f08279;
  --color: #d88079;
  --color1: #ab2b77;
  --color2: #49062e;
  --color3: #4d0631;
  --bg-color: #eee4ea;
  --header-bg-color1: #f3cce3;
  --header-bg-color2: #eee4ea;
  --header-bg-color3: #f4d7e8;
  --box-shadox: #f1abd5;
  --link-button-color: #f4c7e2;
  --link-button-color1: #ec96c8;
  --button-color: #f578c3;
  --button-color1: #f8abd8;
  --button-text-color: #000;
  --line-color: #c01178;
  --line-button-color: #f7ddec;
  --line-border-color: #f098cc;
  --line-box-shadow: #0000001a;
  --notice-bg: transparent;
  --notice-color: #3e2d2d;
  --notice-box-color:#0000001a;
  --custom-button-color: #f7b6dc;
  --custom-button-color1: #d08cb4;
  --custom-box-color: #f8d1e8;
  --custom-box-color1: #e8c9db;
  --activity-color: #f86bbc;
  --activity-border: #f38cc7;
  --activity-table-border-color: #f085c5;
  --activity-button-color: #f79bd0;
  --activity-button-color1: #df6bb0;
  --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: #ea57c8;
  --apply-shadow-color: #ee98cf;
  --apply-button-color1: #f822bf;
  --apply-shadow-color1: #f3ea92;
}
.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%;
}
}