html {
  font-size: 15px;
  --page-zoom: 1;
  --page-min-height: calc(100vh / var(--page-zoom) - 26rem);
  zoom: var(--page-zoom);
  /*
    -moz-transform: scale(var(--page-zoom), var(--page-zoom));
    */
}
body {
  position: relative;
  margin: 0px;
  color: black;
}
#layout-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
#layout-content {
  min-height: var(--page-min-height);
}
a {
  text-decoration: none;
  color: inherit;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
}
input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C1C1C1;
  opacity: 1;
  /* Firefox */
}
.header .logo {
  height: 100%;
}
.header .nav {
  height: calc(7rem + 3rem);
  font-size: 1.5rem;
  padding: 1.5rem 2rem;
}
.header .nav .nav-item {
  margin-left: 3rem;
  border-bottom: 5px solid transparent;
}
.header .nav .nav-item:hover {
  border-color: var(--main-calendar-color);
}
.header .nav .nav-item.active {
  border-color: var(--main-calendar-color);
  font-weight: bold;
}
.header .nav .language {
  color: var(--main-grey);
  font-weight: bold;
  margin-left: 0.5rem;
  font-size: 1.2rem;
}
.header .nav .language.selected {
  color: black;
}
.header .nav .nav-login {
  font-weight: bold;
}
.header .nav .nav-login svg {
  width: 2rem;
  height: 2rem;
}
.footer {
  background-color: #F9F9F9;
  padding: 3rem 1rem;
}
.footer .title {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.footer .item {
  margin-bottom: 1rem;
}
.footer .item:last-child {
  margin-bottom: 0rem;
}
.color-dot {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 3px solid transparent;
}
.input-title {
  font-weight: bold;
  font-size: 1.5rem;
}
.text-input {
  border: 3px solid #F0F0F0;
  width: 100%;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.5rem;
}
.text-input option {
  background-color: #F0F0F0;
  color: black;
  font-weight: bold;
}
.societies .color-dot {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.societies .btn-check:checked + .color-dot {
  border-color: black;
}
.societies .society-card .thumbnail {
  background-size: cover;
  background-position: center;
  position: relative;
}
.societies .society-card .thumbnail::before {
  float: left;
  padding-top: 100%;
  content: "";
}
.societies .society-card .thumbnail::after {
  display: block;
  content: "";
  clear: both;
}
.societies .society-card .thumbnail .color-dot {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.societies .society-card .detail {
  padding: 1rem 1rem;
  background-color: #F0F0F0;
}
.societies .society-card .detail .fix-box-height {
  height: 12rem;
}
.societies .society-card .detail .name {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.societies .society-card .detail .description {
  overflow: hidden;
  margin-bottom: 0.5rem;
  white-space: pre-line;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.societies .society-card .detail .society-category {
  font-weight: bold;
}
.societies .society-card .detail .join-btn {
  border-radius: 0;
  border: 3px solid black;
  font-weight: bold;
  padding: 0.25rem 1rem;
}
.page-padding {
  padding-left: 5rem;
  padding-right: 5rem;
}
.sub-nav {
  border-bottom: 5px solid #F0F0F0;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.sub-nav .item {
  color: var(--main-grey);
  padding: 0.75rem 1.5rem;
  position: relative;
}
.sub-nav .item.active {
  color: black;
}
.sub-nav .item.active::after {
  content: "";
  bottom: 0;
  width: 100%;
  height: 0.6rem;
  background-color: var(--main-calendar-color);
  left: 0;
  position: absolute;
}
.carousel-block .owl-carousel .item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.carousel-block .owl-carousel .owl-nav {
  margin-top: 0px;
}
.carousel-block .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(50%, -50%);
}
.carousel-block .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.carousel-block .owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
}
.carousel-block .owl-carousel .owl-dots .owl-dot span {
  border: 1px solid white;
  background-color: transparent;
  height: 1rem;
  width: 1rem;
  margin: 5px 10px;
}
.carousel-block .owl-carousel .owl-dots .owl-dot.active span {
  background-color: white;
}
.login {
  margin-bottom: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.login .login-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border: 0.5rem solid #C1C1C1;
  /*
        width: 100%;
        max-width: 30rem;
        */
}
.login .login-container form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.login .login-container .image {
  width: 100%;
  /*
             max-width: 424px;
             */
  max-width: 365px;
  margin-bottom: 2rem;
}
.login .login-container input {
  border: 0px;
  width: 100%;
  background-color: #F9F9F9;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}
.login .login-container .resetpassword {
  text-decoration: underline;
  font-size: 1.2rem;
  color: black;
  margin-bottom: 0.5rem;
}
.login .login-container .btn-signin {
  background-color: var(--main-calendar-color);
  color: white;
  font-size: 1.6rem;
  border-radius: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 0.25rem 1rem;
  margin-bottom: 1rem;
}
.login .login-container .registration {
  font-size: 1.2rem;
}
.login .login-container .registration a {
  text-decoration: underline;
}
.banner {
  position: relative;
  background: -moz-linear-gradient(bottom, #48cae4, #03045e);
  background: -webkit-linear-gradient(bottom, #48cae4, #03045e);
  background: linear-gradient(#48cae4, #03045e);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner .name {
  font-weight: bold;
  font-size: 3.2rem;
}
.banner .description {
  max-width: 50%;
}
.activity-card .thumbnail {
  background-size: cover;
  background-position: center;
  position: relative;
}
.activity-card .thumbnail::before {
  float: left;
  padding-top: 100%;
  content: "";
}
.activity-card .thumbnail::after {
  display: block;
  content: "";
  clear: both;
}
.activity-card .thumbnail .color-dot {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.activity-card .detail {
  padding: 1rem 1rem;
  background-color: #F0F0F0;
}
.activity-card .detail .name {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.activity-card .detail .description {
  height: 6rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  /*
            &::after{
                content: '...';  
            }
            */
}
.activity-card .detail .activity-category {
  font-weight: bold;
}
.activity-card .detail .join-btn {
  border-radius: 0;
  border: 3px solid black;
  font-weight: bold;
  padding: 0.25rem 1rem;
}
.societies-activites .societies-activites {
  width: 100%;
  margin-bottom: 1rem;
}
.bs-tooltip-auto {
  z-index: 1;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.tooltip-dropdown-detail {
  background-color: #F0F0F0;
  padding: 1rem;
}
.tooltip-dropdown-detail .dropdown-name {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.tooltip-dropdown-detail .dropdown-date {
  font-size: 1.2rem;
}
.tooltip-dropdown-detail .dropdown-timeslot {
  font-size: 1.2rem;
}
.tooltip-dropdown-detail .dropdown-venue {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.tooltip-dropdown-detail .dropdown-description {
  font-size: 1.2rem;
  font-weight: 500;
}
.tooltip-dropdown-detail .underline {
  content: "";
  width: 100%;
  margin-bottom: 2rem;
}
.societies-calender {
  margin-bottom: 5rem;
}
.societies-calender optgroup {
  background-color: var(--main-calendar-color) !important;
}
.societies-calender .calender-type-btn {
  margin-right: 2rem;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.5rem 0rem;
  position: relative;
  border: 0px;
  border-radius: 0;
}
.societies-calender .calender-type-btn.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.6rem;
  left: 0;
  bottom: 0;
  background-color: var(--main-calendar-color);
}
.societies-calender #calendar .fc-more-popover {
  background: #FFF;
  box-shadow: 4px 5px 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  border: 0;
}
.societies-calender #calendar .fc-more-popover .fc-more-popover-misc {
  display: none;
}
.societies-calender #calendar .fc-more-popover .fc-popover-header, .societies-calender #calendar .fc-more-popover .fc-popover-body {
  border: 0;
  border-radius: 0;
  padding: 0.5rem;
}
.societies-calender #calendar .fc-more-popover .fc-daygrid-event {
  border: 0;
}
.societies-calender #calendar .fc-more-popover .fc-event-title {
  color: black;
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
  border: 0;
}
.societies-calender #calendar .fc-more-popover .fc-popover-header {
  background: #D9D9D9;
}
.societies-calender #calendar .fc-more-popover .fc-popover-title {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0.25rem 1rem;
  color: black;
  padding: 0px 0px;
}
.societies-calender #calendar .fc-more-popover .fc-popover-body {
  padding: 0.5rem;
}
.societies-calender #calendar .fc-listMonth-button, .societies-calender #calendar .fc-dayGridMonth-button {
  POINTER-EVENTS: none;
  display: none;
}
.societies-calender #calendar .fc-daygrid-event {
  background-color: transparent;
  border: 0;
}
.societies-calender #calendar .fc-daygrid-event .fc-event-title {
  font-size: 1.2rem;
  color: black;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
}
.societies-calender #calendar .fc-daygrid-event .fc-event-title:hover {
  background-color: var(--main-calendar-color);
  color: white;
}
.societies-calender #calendar .fc-daygrid-event .fc-event-title:hover:before {
  background-color: white;
}
.societies-calender #calendar .fc-daygrid-event .fc-event-title:before {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' viewBox='0 0 32 36' fill='none'%3E%3Cpath d='M24.75 20H16V28.75H24.75V20ZM23 0.75V4.25H9V0.75H5.5V4.25H3.75C1.8075 4.25 0.2675 5.825 0.2675 7.75L0.25 32.25C0.25 34.175 1.8075 35.75 3.75 35.75H28.25C30.175 35.75 31.75 34.175 31.75 32.25V7.75C31.75 5.825 30.175 4.25 28.25 4.25H26.5V0.75H23ZM28.25 32.25H3.75V13H28.25V32.25Z' fill='black'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' viewBox='0 0 32 36' fill='none'%3E%3Cpath d='M24.75 20H16V28.75H24.75V20ZM23 0.75V4.25H9V0.75H5.5V4.25H3.75C1.8075 4.25 0.2675 5.825 0.2675 7.75L0.25 32.25C0.25 34.175 1.8075 35.75 3.75 35.75H28.25C30.175 35.75 31.75 34.175 31.75 32.25V7.75C31.75 5.825 30.175 4.25 28.25 4.25H26.5V0.75H23ZM28.25 32.25H3.75V13H28.25V32.25Z' fill='black'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: black;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.societies-calender #calendar .fc-daygrid-event .fc-event-title:after {
  position: absolute;
  transform: translate(100%, -50%);
  right: 1rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='19' height='26' viewBox='0 0 19 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.31616 25.5297L18.0228 13.0437L0.440007 0.384259L0.31616 25.5297Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='19' height='26' viewBox='0 0 19 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.31616 25.5297L18.0228 13.0437L0.440007 0.384259L0.31616 25.5297Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.societies-calender #calendar .fc-col-header {
  color: white;
}
.societies-calender #calendar .fc-col-header tr {
  background-color: var(--main-calendar-color);
}
.societies-calender #calendar .fc-col-header th {
  border-color: var(--main-calendar-color);
}
.societies-calender #calendar .fc-theme-bootstrap a:not([href]) {
  color: inherit;
}
.societies-calender #calendar .fc-day .fc-daygrid-day-frame {
  color: var(--main-calendar-color);
  font-weight: bold;
  font-size: 1.5rem;
  aspect-ratio: 1;
  height: 100%;
}
.societies-calender #calendar .fc-daygrid-day-top {
  flex-direction: row;
}
.societies-calender #calendar .fc-col-header-cell-cushion {
  font-size: 1.5rem;
}
.societies-calender #calendar .fc-header-toolbar .fc-toolbar-title {
  display: inline;
  font-weight: bold;
  vertical-align: sub;
  font-size: 2rem;
}
.societies-calender #calendar .fc-header-toolbar .btn-primary {
  background-color: transparent;
  border: 0px;
  width: unset;
}
.societies-calender #calendar .fa.fa-chevron-left:before {
  content: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2 38.4C29.8039 38.4 38.4 29.8039 38.4 19.2C38.4 8.59613 29.8039 0 19.2 0C8.59613 0 0 8.59613 0 19.2C0 29.8039 8.59613 38.4 19.2 38.4ZM20.897 13.6971C21.8342 12.7598 21.8342 11.2402 20.897 10.3029C19.9598 9.36569 18.4402 9.36569 17.5029 10.3029L10.3029 17.5029C9.36569 18.4402 9.36569 19.9598 10.3029 20.897L17.5029 28.097C18.4402 29.0342 19.9598 29.0342 20.897 28.097C21.8342 27.1598 21.8342 25.6402 20.897 24.703L17.7941 21.6H26.4C27.7255 21.6 28.8 20.5255 28.8 19.2C28.8 17.8745 27.7255 16.8 26.4 16.8H17.7941L20.897 13.6971Z' fill='black'/%3E%3C/svg%3E%0A");
}
.societies-calender #calendar .fa.fa-chevron-right:before {
  content: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2004 0.000387421C8.59647 0.000386494 0.000391705 8.59647 0.000390778 19.2004C0.000389851 29.8043 8.59647 38.4004 19.2004 38.4004C29.8043 38.4004 38.4004 29.8043 38.4004 19.2004C38.4004 8.59647 29.8043 0.000388348 19.2004 0.000387421ZM17.5034 24.7033C16.5662 25.6406 16.5662 27.1602 17.5034 28.0975C18.4406 29.0347 19.9602 29.0347 20.8975 28.0975L28.0975 20.8975C29.0347 19.9602 29.0347 18.4405 28.0975 17.5033L20.8975 10.3033C19.9602 9.36615 18.4406 9.36615 17.5034 10.3033C16.5662 11.2405 16.5662 12.7602 17.5034 13.6974L20.6063 16.8004L12.0004 16.8004C10.6749 16.8004 9.60039 17.8749 9.60039 19.2004C9.60039 20.5259 10.6749 21.6004 12.0004 21.6004L20.6063 21.6004L17.5034 24.7033Z' fill='black'/%3E%3C/svg%3E%0A");
}
.societies-calender #calendar .fc-daygrid-day-frame {
  border: 2px solid var(--main-calendar-color);
}
.societies-calender #calendar .fc-day-other .fc-daygrid-day-frame {
  border: 2px solid #D9D9D9;
}
.societies-calender #calendar .accordion .accordion-item:first-of-type .accordion-button {
  background-color: white;
  color: black;
  font-size: 1.2rem;
}
.societies-calender #calendar .accordion .accordion-title {
  font-size: 1.2rem;
}
.societies-calender #calendar .fc-list .fc-list-event {
  border-top: 0;
  border-bottom: 0;
}
.societies-calender #calendar .fc-list .fc-list-day-cushion {
  background-color: var(--main-calendar-color);
  color: white;
  font-weight: 700;
  font-size: 1.4rem;
}
#accordion .accordion {
  display: none;
}
.activity-registration .step {
  display: none;
}
.activity-registration .step.show {
  display: block;
}
.activity-registration .step .sv-page {
  margin: 0;
  max-width: 600px;
}
.activity-registration .step .prev-btn, .activity-registration .step .next-btn {
  color: white;
  background-color: var(--main-calendar-color);
  font-weight: 900;
  font-size: 1.6rem;
  border-radius: 0;
  padding: 0.25rem 1rem;
  margin-right: 1rem;
  margin-bottom: 5rem;
}
.activity-registration .step .btn-registraion {
  color: white;
  background-color: var(--main-calendar-color);
  font-weight: 900;
  font-size: 1.6rem;
  border-radius: 0;
  padding: 0.25rem 1rem;
}
.activity-registration .step .sv-dropdown, .activity-registration .step input {
  background: #F9F9F9;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  border: 0px;
  border-radius: 0px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  margin-bottom: 1rem;
  z-index: -1;
  max-width: 600px;
}
.activity-registration .step .sv-popup__container {
  /*
            max-width: 600px;
            min-width: 600px!important;
            */
}
.activity-registration .step .sv-row:not(:last-child) {
  padding-bottom: 0rem;
}
.activity-registration .step .sv-footer {
  display: none;
}
.activity-registration .step .sv-action-bar {
  /*
            display: none;
            */
}
.activity-registration .step .sv-action-bar-item {
  background-color: var(--main-calendar-color);
}
.activity-registration .detail-container .title {
  font-size: 2.4rem;
  font-weight: bold;
}
.activity-registration .detail-container .underline {
  width: 100%;
  border-bottom: 1px solid var(--main-grey);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.activity-registration .detail-container .detail {
  color: var(--main-grey);
  font-size: 1.5rem;
}
.activity-registration .btn-registraion {
  color: white;
  font-weight: bold;
  font-size: 2.4rem;
  border-radius: 0;
  background-color: var(--main-calendar-color);
  padding: 0.25rem 1rem;
}
.btn-registration {
  background-color: var(--main-calendar-color);
  color: white;
  padding: 0.25rem 1rem;
  border: 0px;
  border-radius: 0px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.registration-block {
  padding: 1rem;
}
.registration-block .notice {
  color: white;
  background-color: #D49A43;
  padding: 1rem;
  max-width: 16rem;
  /*
        font-size: 1.2rem;
        */
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.registration-block .big-title {
  font-size: 1.6rem;
  font-weight: bolder;
  margin-bottom: 1rem;
}
.registration-block .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.registration-block .content {
  margin-bottom: 1rem;
  /*
         font-size: 1.5rem;
         */
  font-size: 1rem;
  max-width: 20rem;
  word-break: break-all;
}
.image_with_text .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.image_with_text .image::before {
  float: left;
  padding-top: 100%;
  content: "";
}
.image_with_text .image::after {
  display: block;
  content: "";
  clear: both;
}
.image_with_text .image .text-container {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 1rem;
}
.image_with_text .image .text-container.top {
  top: 0;
}
.image_with_text .image .text-container.bottom {
  bottom: 0;
}
.image_with_text .image .text-container.center {
  top: 50%;
  transform: translate(0, -50%);
}
.image_with_text .image .text-container .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.image_with_text .image .text-container .content {
  /*
                 font-size: 1.5rem; 
                 */
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.my-profile {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-profile .my-profile-nav {
  align-self: stretch;
  border-right: 3px solid #D9D9D9;
  padding: 2rem 3rem;
  min-height: calc(var(--page-min-height) - 4rem);
}
.my-profile .my-profile-nav .item {
  display: block;
  font-size: 1.5rem;
  border-bottom: 5px solid transparent;
  margin-bottom: 2rem;
  font-weight: bold;
}
.my-profile .my-profile-nav .item:hover {
  border-color: var(--main-calendar-color);
}
.my-profile .my-profile-nav .item.active {
  border-color: var(--main-calendar-color);
}
.my-profile .content-container {
  padding: 2rem 3rem;
}
.my-profile .big-title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.my-profile .underline {
  border-bottom: 3px solid #D9D9D9;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-profile .myprofile-page .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #7E7E7E;
  margin-bottom: 0.5rem;
}
.my-profile .myprofile-page .content {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.my-profile .notification-page .title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.my-profile .notification-page .content {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.my-profile .notification-page .seperation {
  border-right: 3px solid #D9D9D9;
  margin-left: 1rem;
  margin-right: 1rem;
  vertical-align: middle;
}
.my-profile .society-page .table-title {
  font-size: 1.5rem;
  font-weight: bold;
}
.my-profile .society-page .title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.my-profile .society-page .content {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  display: none;
}
.my-profile .society-page .society-container .society-svg {
  width: 1.1rem;
  height: 1.1rem;
  margin-left: 0.5rem;
}
.my-profile .society-page .active .society-container .society-svg {
  transform: rotate(180deg);
}
.my-profile .society-page .active .society-container .society-svg path {
  fill: #D9D9D9;
}
.my-profile .society-page .active .society-container .content {
  display: block;
}
.my-profile .event-page .title {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.my-profile .event-page .qrcode {
  margin-bottom: 3rem;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.my-profile .event-page .modal .btn-svg {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
}
.my-profile .event-page .modal .text-container {
  background-color: #f0f0f0;
}
.my-profile .event-page .modal .text-container {
  background-color: #F0F0F0;
  padding: 1rem;
}
.my-profile .event-page .modal .text-container #modal-name {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.my-profile .event-page .modal .text-container #modal-date {
  font-size: 1.2rem;
}
.my-profile .event-page .modal .text-container #modal-timeslot {
  font-size: 1.2rem;
}
.my-profile .event-page .modal .text-container #modal-venue {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.my-profile .event-page .modal .text-container #modal-description {
  font-size: 1.2rem;
  font-weight: 500;
}
.my-profile .billing-page .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.my-profile .billing-page .content {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.my-profile .billing-page .btn-registration {
  font-size: 1.4rem;
}
.my-profile .billing-page .filename {
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.fqa .fqa-question {
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  background-color: var(--main-calendar-color);
  padding: 1rem;
  position: relative;
}
.fqa .fqa-question svg {
  margin-right: 0.5rem;
  width: 1rem;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translate(0, -50%);
}
.fqa .fqa-question span {
  display: inline-block;
  padding-left: 3rem;
}
.fqa .fqa-question.show + .fqa-answer {
  display: block;
}
.fqa .fqa-question.show svg {
  transition-duration: 0.5s;
  transform: translate(0, -50%) rotate(180deg);
}
.fqa .fqa-answer {
  display: none;
  background-color: #D9D9D9;
  padding: 1rem 4rem;
}
.fqa .fqa-answer .fqa-answer-text {
  /*
            font-size: 1.5rem;
            */
  font-size: 1.2rem;
  color: #042249;
  margin-bottom: 0.5rem;
}
.fqa .fqa-answer .fqa-answer-image {
  max-width: 600px;
  margin-bottom: 1rem;
}
.fqa .fqa-remark {
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 5rem;
  font-size: 1rem;
  /*
            font-size: 1.5rem;
            */
}
.contact_us {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.contact_us .form-label {
  font-weight: 600;
  font-size: 1.5rem;
}
.contact_us .form-control {
  background: #F9F9F9;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  border: 0px;
  border-radius: 0px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  margin-bottom: 1rem;
}
.contact_us .btn-submit {
  color: white;
  background-color: var(--main-calendar-color);
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 0px;
}
.contact_us .detail-container {
  background-color: var(--main-calendar-color);
  padding: 1rem 2rem;
}
.contact_us .detail-container .detail {
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.contact_us iframe {
  min-height: 100%;
  max-width: 100%;
}
.header .pad-nav .nav {
  height: auto;
  padding: 0rem 2rem 1.5rem 2rem;
}
.header .pad-nav .nav-item {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mobile-language {
  border: 2px solid var(--main-calendar-color);
  color: var(--main-calendar-color);
  width: 30px;
  height: 30px;
  font-weight: bold;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-nav {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: var(--main-calendar-color);
  color: white;
  padding: 1.3rem 0rem;
  filter: drop-shadow(0px -5px 11px rgba(0, 0, 0, 0.35));
  z-index: 100;
  border-start-end-radius: 3rem;
  border-start-start-radius: 3rem;
  font-size: 0.9rem;
}
.mobile-nav .item {
  width: 20%;
}
.mobile-nav .mobile-nav-icon {
  height: 2rem;
  margin-bottom: 0.5rem;
}
.mobile-nav .nav-button {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, 0);
}
#naveModal .modal-content {
  overflow: auto;
  background: rgba(4, 34, 73, 0.9);
  padding: 0rem 2rem;
}
#naveModal .modal-content .underline {
  border-bottom: 2px solid #DCDCF3;
  width: 100%;
}
#naveModal .modal-content .title {
  font-weight: bold;
  font-size: 1.3rem;
  color: white;
}
#naveModal .modal-content .sub-title {
  color: white;
  font-size: 1.3rem;
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
  display: block;
}
#naveModal .modal-content .sub-title.active {
  font-weight: 600;
}
#naveModal .modal-content .item.active + .dropdown {
  display: block;
}
#naveModal .modal-content .item.active .mobile-nav-arrow {
  transform: rotate(0deg);
}
#naveModal .modal-content .item {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#naveModal .modal-content .mobile-nav-arrow {
  transform: rotate(180deg);
  transition-duration: 0.5s;
}
#naveModal .modal-content .dropdown {
  padding-left: 2rem;
  display: none;
}
#naveModal .modal-content .mobile-nav-container {
  max-height: calc(100vh / var(--page-zoom) - 7rem);
  margin-right: -1.5rem;
  padding-right: 1.5rem;
  overflow: auto;
  padding-bottom: 11rem;
}
#naveModal .modal-content .close-btn {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.news-block {
  padding-bottom: 5rem;
}
.news-block .big-title {
  color: white;
  font-weight: 900;
  font-size: 2.2rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  background-color: var(--main-calendar-color);
  display: inline-block;
}
.news-block .text-container {
  background-color: #F0F0F0;
  padding: 2rem;
}
.news-block .text-container .title {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.news-block .text-container .content {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  white-space: pre-line;
  -webkit-line-clamp: 7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.news-block .text-container .link-btn {
  border: 3px solid #000;
  background: #FFF;
  padding: 0.25rem 2rem;
  display: inline-block;
  margin-left: auto;
  font-weight: 700;
}
.news-block .text-container .link-btn[href=""], .news-block .text-container .link-btn[href="#"], .news-block .text-container .link-btn:not([href]) {
  opacity: 0;
  pointer-events: none;
}
.news-block .date {
  background-color: var(--main-calendar-color);
  color: white;
  font-weight: 900;
  padding: 0.5rem 2rem;
  position: absolute;
  right: 2rem;
  top: 0;
  line-height: 1.2;
}
.news-block .date .day {
  font-size: 5rem;
}
.news-block .date .month {
  font-size: 2.5rem;
}
.news-block .owl-carousel .owl-nav svg {
  width: 1rem;
}
.news-block .owl-carousel .owl-dots .owl-dot span {
  height: 0.8rem;
  width: 0.8rem;
}
.event-block {
  padding-bottom: 5rem;
}
.event-block .big-title {
  color: white;
  font-weight: 900;
  font-size: 2.4rem;
  padding: 0.25rem 1rem;
  margin-bottom: 1rem;
  background-color: var(--main-calendar-color);
  display: inline-block;
}
.highlight-yellow {
  background-color: #D49A43;
  margin-right: auto;
  padding: 0.5rem 1rem;
  display: inline-block;
  color: white;
  font-weight: bold;
}
.highlight-blue {
  background-color: var(--main-calendar-color);
  margin-right: auto;
  padding: 0.5rem 1rem;
  display: inline-block;
  color: white;
  font-weight: bold;
}
.w-full {
  width: 100%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.card {
  border-radius: 10px;
  border: 2px solid #E2E2E2;
  background: #FFF;
  box-shadow: 5px 6px 6px 0px rgba(0, 0, 0, 0.25);
  padding: 1rem;
  max-width: 615px;
  margin-right: auto;
}
.card .logo {
  height: 70px;
}
.card .card-title {
  color: var(--main-color);
  font-size: 1.1rem;
  font-weight: 600;
}
.card .card-date {
  color: var(--main-color);
  font-size: 1.1rem;
}
.card .card-name {
  color: var(--main-color);
  font-size: 1.7rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.card .card-type-title {
  color: var(--main-color);
  font-size: 1.1rem;
}
.card .card-type {
  color: var(--main-color);
  font-size: 1.46rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.card .card-number-title {
  color: var(--main-color);
  font-size: 1.46rem;
}
.card .card-number {
  color: var(--main-color);
  font-size: 1.46rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.card .card-underline {
  border-bottom: 1px solid #E2E2E2;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.table-bordered td {
  padding: 0.5rem;
}
.modal-backdrop {
  height: calc(100vh / var(--page-zoom));
  width: calc(100vw / var(--page-zoom));
}
.btn-success {
  text-wrap: nowrap;
}