@charset "utf-8";
/* CSS Document */


		
		.vid-container{
			max-width: 514px;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.vid-wrapper{
			position: relative;
			overflow: hidden;
			width: 100%;
			padding-top: 56.25%;
		}

		.vid-container iframe{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}

		p{
			color: #000 !important;
		}

		hr.new4{
			border-top: 4px solid #a07cc5;
		}

		hr.new3{
			border-top: 2px solid #a07cc5;
		}

  		#announceimage img{
			min-width: 100% !important;
			min-height: 293px !important;
			max-height: 293px !important;
			object-fit: cover !important;
		}

		.owl-slide{
			height: 60vh !important;
		}

		.hero-slider-wrapper{
			height: 60vh !important;
			min-height: 250px !important;
		}
		
		.hero-slider{
			height: 60vh !important;
		}

		html{
			scroll-behavior: smooth;
			scroll-padding-top: 100px !important;
		}

		.divider-icon:before,
		.divider-icon:after {
			position: absolute;
			top: 50%;
			content: "";
			border-top: 3px solid rgba(164, 174, 198, 0.2);
			width: calc(50% - 1.5rem);
		}

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  a {
    outline: none !important;
  }

  .ms-nav-container {
    position: relative;
    width: 100%;
    height: 100vh;
  }

  #ms-menu {
    display: none;
  }

  .bg-change {
    position: absolute;
    bottom: -75px;
    left: -90px;
    width: 1px;
    height: 1px;
    border-radius: 100% 0% 0% 0%;
    transition: all 0.25s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.bg-change {
    width: 3000px;
    height: 3000px;
    transition: all 0.5s ease;
  }

  .ms-nav {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 30px;
    left: 30px;
    z-index: 50;
  }

  .ms-nav>.ms-main {
    position: relative;
  }

  .ms-nav>.ms-li {
    position: absolute;
    bottom: 0;
    top: 15;
    left: 0px;
    transition: bottom 0.5s ease;
    z-index: 1;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li a {
    /* box-shadow: 0px 5px 10px #333333; */
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li1 {
    bottom: 100%;
    transition: bottom 0.5s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li1 a span {
    opacity: 1;
    transition: opacity 0.5s ease 0.1s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-main:after {
    animation: big-border-bottom-animation 0.5s ease 0.1s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li1:before {
    animation: border-top-animation 0.5s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li1:after {
    animation: border-bottom-animation 0.5s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li2 {
    bottom: 200%;
    transition: bottom 0.6s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li2 a span {
    opacity: 1;
    transition: opacity 0.6s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li2:before {
    animation: border-top-animation 0.5s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li2:after {
    animation: border-bottom-animation 0.5s ease 0.3s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li3 {
    bottom: 300%;
    transition: bottom 0.6s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li3 a span {
    opacity: 1;
    transition: opacity 0.6s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li3:before {
    animation: border-top-animation 0.5s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li3:after {
    animation: border-bottom-animation 0.5s ease 0.3s;
  }


  .ms-nav .ms-menu-toggle:checked~.ms-li4 {
    bottom: 400%;
    transition: bottom 0.6s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li4 a span {
    opacity: 1;
    transition: opacity 0.6s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li4:before {
    animation: border-top-animation 0.5s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li4:after {
    animation: border-bottom-animation 0.5s ease 0.3s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li5 {
    bottom: 500%;
    transition: bottom 0.6s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li5 a span {
    opacity: 1;
    transition: opacity 0.6s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li5:before {
    animation: border-top-animation 0.5s ease 0.2s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li5:after {
    animation: border-bottom-animation 0.5s ease 0.3s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li6 {
    bottom: 600%;
    transition: bottom 0.7s ease;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li6 a span {
    opacity: 1;
    transition: opacity 0.7s ease 0.3s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li6:before {
    animation: border-top-animation 0.5s ease 0.3s;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li6:after {
    animation: border-bottom-animation 0.5s ease 0.4s;
  }

  .ms-nav .ms-menu-toggle~.ms-li:before {
    content: "";
    width: 45px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 0px solid #a07cc5;
  }

  .ms-nav .ms-menu-toggle~.ms-li:before {
    content: "";
    width: 35px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 0px solid #a07cc5;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li:before {
    content: "";
    width: 35px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 25px solid #a07cc5;
    z-index: 11;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-li:after {
    content: "";
    width: 45px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 25px solid #a07cc5;
    transition: border-bottom 0.3s ease;
    z-index: 11;
  }


  .ms-nav .ms-menu-toggle:checked~.ms-li-last:after {
    content: "";
    width: 45px;
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #a07cc5;
  }

  .ms-nav .ms-menu-toggle:checked~.ms-main span {
    transform: rotate(-45deg);
    transition: transform 0.35s ease;
  }

  .ms-nav .ms-menu-toggle~.ms-main span {
    transition: transform 0.35s ease;
    opacity: 1;
  }

  .ms-nav>.ms-main>a {
    /* box-shadow: 0px 5px 10px #333333; */
  }

  .ms-nav>li a {
    font-size: 30px;
    color: #ffffff;
    background: #a07cc5;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100%;
    position: relative;
    text-align: center;
  }

  .ms-nav>.ms-main a,
  .ms-nav>.ms-main>a>label {
    font-size: 30px;
    color: #ffffff;
    background: #a07cc5;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100%;
    position: relative;
    text-align: center;
    z-index: 19;
  }

  .ms-nav>li>a span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 30px;
    opacity: 0;
    z-index: 12;
  }

  @keyframes border-top-animation {
    0% {
      bottom: 0px;
    }

    50% {
      bottom: -14px;
    }

    100% {
      bottom: 0px;
    }
  }

  @keyframes border-bottom-animation {
    0% {
      top: 0px;
    }

    50% {
      top: -13px;
    }

    100% {
      top: 0px;
    }
  }

  @keyframes big-border-bottom-animation {
    0% {
      top: 0px;
    }

    50% {
      top: -30px;
    }

    100% {
      top: 0px;
    }
  }

  @media (min-width: 1200px) and (max-width: 1400px) {

    h4,
    .h4 {
      font-size: 0.9rem;

    }
  }


  #schedule tr {
    line-height: 14px;
  }


  /* Responsive Table Style */
  .responsive-table {
    background-color: #fefefe;
    border-collapse: collapse;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
    width: 100%;
    margin: 2rem 0;
    overflow: hidden;
  }

  .responsive-table__row {
    display: grid;
    border-bottom: 1px solid #edeef2;
    padding: 0 1.5rem;
  }

  @media (min-width: 768px) {
    .responsive-table__row {
      grid-template-columns: 1.5fr 1.9fr;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .responsive-table__row {
      grid-template-columns: 1fr 2fr;
    }
  }

  .responsive-table__row th,
  .responsive-table__row td {
    padding: 1rem;
  }

  .responsive-table__head {
    background-color: #e1e8f2;
  }

  @media (max-width: 991px) {
    .responsive-table__head {
      display: none;
    }
  }

  .responsive-table__head__title {
    display: flex;
    align-items: center;
    font-weight: 500;
    text-transform: capitalize;
  }

  .responsive-table__body .responsive-table__row {
    transition: 0.1s linear;
    transition-property: color, background;
  }

  .responsive-table__body .responsive-table__row:last-child {
    border-bottom: none;
  }

  .responsive-table__body .responsive-table__row:hover {
    color: #ffffff;
    background-color: #fb4f83;
  }

  .responsive-table__body__text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .responsive-table__body__text::before {
    margin-right: 1rem;
    font-weight: 600;
    text-transform: capitalize;
  }

  @media (max-width: 991px) {
    .responsive-table__body__text::before {
      content: attr(data-title) " :";
    }
  }

  @media (max-width: 400px) {
    .responsive-table__body__text::before {
      width: 100%;
      margin-bottom: 1rem;
    }
  }

  .responsive-table__body__text--name {
    font-weight: 600;
  }

  @media (min-width: 768px) {
    .responsive-table__body__text--name::before {
      display: none;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .responsive-table__body__text--name {
      grid-column: 1/2;
      flex-direction: column;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {

    .responsive-table__body__text--status,
    .responsive-table__body__text--types,
    .responsive-table__body__text--update {
      grid-column: 2/3;
    }
  }


  /* SVG Up Arrow Style */
  .up-arrow {
    height: 100%;
    max-height: 1.8rem;
    margin-left: 1rem;
  }

  /* SVG User Icon Style */
  .user-icon {
    width: 100%;
    max-width: 4rem;
    height: auto;
    margin-right: 1rem;
  }

  /* Status Indicator Style */
  .status-indicator {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #222222;
    margin-right: 0.5rem;
  }

  .status-indicator--active {
    background: #25be64;
  }

  .status-indicator--inactive {
    background: #dadde4;
  }

  .status-indicator--new {
    background: #febf02;
  }

  /* .anchor {
    padding-top: 120px !important;
    scroll-margin-top: 100px;
  } */