*,
html,
body {
 	font-family: "Inter", sans-serif !important;
	  font-optical-sizing: auto;
	  font-style: normal;
}

body {
 	background-color: #FBF8F4;
 	padding: 20px 20px;
}

.MainCard {
	width: 100%;
}

.HeaderMainSec {
 	width: 100%;
}

.HeaderContainer {
 	width: 100%;
 	background-color: #FFFFFF;
 	box-shadow: 0px 10px 20px 0px #0000000D;
 	border-radius: 16px;
 	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
}

.HeaderLeftSide,
.MainOutersec.Active .SidebarMainSec .HeaderLeftSide {
	display: flex;
	align-items: center;
	opacity: 1;
	transition: all .2s ease-in-out;
}

.MainOutersec.Active .HeaderLeftSide {
	opacity: 0;
	display: none;
}

.HeaderLeftSide .hamburgerBU {
	width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 26px;
    cursor: pointer;
}

.HeaderLeftSide .hamburgerBU img {
	width: 32px;
	height: auto;
}

.HeaderLeftSide .hamburgerBUTwo {
	width: 50px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 26px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    opacity: .8;
    border-radius: 8px;
}

.HeaderLeftSide .hamburgerBUTwo img {
	width: 14px;
	height: auto;
}

.HeaderLeftSide img.HeaderLogo {
	width: 160px;
	height: auto;
}

.HeaderRightSide {
	display: flex;
    align-items: center;
    margin-left: auto;
}

.HeaderRightSide .navbar-nav {
 	display: flex;
 	align-items: center;
 	flex-direction: row;
}

.HeaderRightSide .navbar-nav .nav-item .nav-link {
 	font-size: 18px;
 	line-height: 20px;
 	color: #2B3944;
 	font-weight: 600;
 	padding: 29px 20px;
 	display: flex;
    align-items: center;
    position: relative;
    margin: 0 5px;
    transition: all .2s ease-in-out;
}

.HeaderRightSide .navbar-nav .nav-item.active-parent .nav-link {
 	color: #fff;
}

.HeaderRightSide .navbar-nav .nav-item .nav-link:hover::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 50px;
	top: 50%;
	left: 0;
	background-color: #D7DADA;
	border-radius: 8px;
	transform: translate(0, -50%);
}

.HeaderRightSide .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
 	display: none;
}

.HeaderRightSide .navbar-nav .nav-item .nav-link.dropdown-toggle img {
	width: 22px;
	height: 22px;	
	margin-left: 12px;
}

.HeaderRightSide .navbar-nav .nav-item.active-parent .nav-link.dropdown-toggle img {
	filter: brightness(0) invert(1);
}

.HeaderRightSide .navbar-nav .nav-item .nav-link.dropdown-toggle span,
.HeaderRightSide .navbar-nav .nav-item .nav-link span {
	position: relative;
}

.HeaderRightSide .navbar-nav .nav-item .nav-link.dropdown-toggle.show::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 50px;
	top: 50%;
	left: 0;
	background-color: #F9F0E4 !important;
	border-radius: 8px;
	transform: translate(0, -50%);
}

.HeaderRightSide .navbar-nav .nav-item.active-parent .nav-link.dropdown-toggle::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 50px;
	top: 50%;
	left: 0;
	background-color: #189fb7 !important;
	border-radius: 8px;
	transform: translate(0, -50%);
}

.HeaderRightSide .navbar-nav .nav-item .dropdown-menu.show {
	margin-top: -10px !important;
	padding: 8px 0px;
    border: none;
    box-shadow: 0px 10px 14px 0px #0000000D;
    border-radius: 8px;
    width: 300px;
}

.HeaderRightSide .navbar-nav .nav-item .dropdown-menu .dropdown-item {
	font-size: 17px;
    line-height: 20px;
    color: #2B3944;
    font-weight: 600;
    padding: 13px 18px;
    white-space: normal;
}

.HeaderRightSide .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.HeaderRightSide .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
	background-color: #D7DADA;
}

.HeaderRightSide .navbar-nav .nav-item .dropdown-menu .dropdown-item.active-child {
	background-color: #189fb7 !important;
	color: #fff !important;
}

.MainOutersec {
	display: flex;
	position: relative;
	transition: all .2s ease-in-out;
}

.MainOutersec.Active:after {
	content: '';
	position: absolute;
	width: calc(100% + 40px);
    height: calc(100% + 40px);
    background-color: rgba(0, 0, 0, .5);
    top: -20px;
    left: -20px;
}

.SidebarMainSec {
	width: 0px;
	min-width: 0px;
	overflow: hidden;
	opacity: 0;
	position: fixed;
    top: 20px;
    left: 20px;
    z-index: -1;
	transition: all .2s ease-in-out;
}

.MainOutersec.Active .SidebarMainSec {
	width: 360px;
	min-width: 360px;
	height: calc(100% - 40px);
	overflow: unset;
	opacity: 1;
	z-index: 9;
}

.SidebarContainer {
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0px 10px 20px 0px #0000000D;
	border-radius: 16px;
	padding: 20px 25px;
}

.SideMenuSec {
	padding: 50px 8px 10px 8px;
	overflow: auto;
    height: calc(100% - 50px);
}

.SideMenuSec .navbar-nav {
 	width: 100%;
 	border-bottom: 1px solid #E4E4E4;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.SideMenuSec .navbar-nav .nav-item .nav-link {
 	font-size: 18px;
 	line-height: 20px;
 	color: #2B3944;
 	font-weight: 600;
 	padding: 18px 20px;
 	display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    margin: 5px 0;
    transition: all .2s ease-in-out;
}

.SideMenuSec .navbar-nav .nav-item .nav-link:hover {
	background-color: #D7DADA;
}

.SideMenuSec .navbar-nav .nav-item .nav-link.Active {
	background-color: #189fb7;
	color: #fff;
}

.SideMenuSec .navbar-nav .nav-item .nav-link.dropdown-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.SideMenuSec .navbar-nav .nav-item.dropdown.active-parent {
	border-radius: 8px;
    overflow: hidden;
}

.SideMenuSec .navbar-nav .nav-item .nav-link.dropdown-toggle.show {
	background-color: #FBC75633 !important;
	color: #2B3944 !important;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.SideMenuSec .navbar-nav .nav-item.active-parent .nav-link.dropdown-toggle {
	background-color: #189fb7;
	color: #fff;
}

.SideMenuSec .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
 	display: none;
}

.SideMenuSec .navbar-nav .nav-item .nav-link.dropdown-toggle img {
	width: 22px;
	height: 22px;	
	margin-left: 12px;
}

.SideMenuSec .navbar-nav .nav-item.active-parent .nav-link.dropdown-toggle img {
	filter: brightness(0) invert(1);
}

.SideMenuSec .navbar-nav .nav-item .nav-link.dropdown-toggle.show img {
	filter: unset !important;
}

.SideMenuSec .navbar-nav .nav-item.dropdown .dropdown-menu.show {
	display: block !important;
	position: relative !important;
    inset: unset !important;
    margin: 0 !important;
    transform: unset !important;
    border: none;
    background-color: #fbc7561a;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.SideMenuSec .navbar-nav .nav-item .dropdown-menu .dropdown-item {
	font-size: 17px;
    line-height: normal;
    color: #2B3944;
    font-weight: 400;
    padding: 10px 18px;
    white-space: normal;
    transition: all .2s ease-in-out;
}

.SideMenuSec .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.SideMenuSec .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
	background-color: #F9F0E4;
}

.SideMenuSec .navbar-nav .nav-item .dropdown-menu .dropdown-item.active-child {
	background-color: #189FB7 !important;
    color: #fff !important;
}

.SideUserSec {
	display: flex;
	align-items: center;
}

.SideUserSec .UserAvatar {
	width: 48px;
	height: 48px;
	background-color: #E54728;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	color: #fff;
	margin-right: 15px;
}

.SideUserSec p {
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	color: #2B3944;
	margin: 0;
}

.HeaderSearchBU {
	width: 60px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
}

.HeaderSearchBU:hover,
.HeaderSearchBU:focus {
	box-shadow: none;
	border: none;
	background: #fff;
}

.HeaderSearchBU img {
	width: 20px;
	height: 20px;
}

.HeadSearch div {
    position: absolute;
    left: 50%;
    width: 60%;
    transform: translate(-50%, 0);
    top: 80px;
    opacity: 0;
    border: 1px solid #E4E4E4;
    transition: all .2s ease-in-out;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0px;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    z-index: 100;
}

.HeadSearch.Show div {
    opacity: 1;
    height: 56px;
    padding: 5px;
}

.HeadSearch input {
    width: 100%;
    padding: 11px;
    border: none;
    font-size: 16px;
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.HeadSearch input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.FooterSec {
	width: 100%;
	padding: 15px 0;
}

.FooterSec .FooterText {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin: 0;
}

.FooterSec .FooterText a {
	color: #189FB7;
	text-decoration: none;
	position: relative;
	margin-left: 10px;
    margin-right: 10px;
    transition: all .2s ease-in-out;
}

.FooterSec .FooterText a:hover {
	border-bottom: 1px solid;
}

.WelcomeTopSec {
	width: 100%;
	padding: 24px 50px 24px 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.WelcomeTopSec .Title {
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
	color: #2B3944;
	margin: 0;
}

.DetailsHeadSec .Title {
	font-weight: 700;
	font-size: 24px;
	line-height: 20px;
	color: #2B3944;
	margin: 0;
}

.WelcomeTopSec .Title span.Color {
 	color: #189FB7;
 }

.WelcomeTopSec .ButtonSec {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.WelcomeTopSec .ButtonSec .TicketBU {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background-color: #189FB7;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	padding: 12px 16px;
	margin-right: 16px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.WelcomeTopSec .ButtonSec .TicketBU img {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}

.WelcomeTopSec .ButtonSec .TicketBU:hover {
	background-color: #1596ad;
}

.WelcomeTopSec .ButtonSec .LogoutBU {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background-color: #E8B335;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	padding: 12px 16px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.WelcomeTopSec .ButtonSec .LogoutBU:hover {
	background-color: #cf9f2f;
}

.WelcomeTopSec .ButtonSec .LogoutBU img {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.WelcomeTopSec .ButtonSec .TicketBU:focus,
.WelcomeTopSec .ButtonSec .LogoutBU:focus {
	outline: none;
	box-shadow: none;
	border: none;
}

.BodySec {
	width: 100%;
	border-radius: 24px;
	border: 6px solid #fff;
	position: relative;
	padding: 40px 50px;
}

.BodySec .BackgroundImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .3;
	border-radius: 18px;
}

.BodyRow {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
	position: relative;
}

.BodySlider {
	width: 65%;
	padding: 15px;
}

.BodyCalender {
	width: 35%;
	padding: 15px;
}

/************************** Slider customization *****************************/
.BodySlider .n2-ss-slider-1 {
	border-radius: 16px;
	overflow: hidden;
}

.BodySlider .n2-ss-slider-1 .n2-ss-slide .n2-ss-layers-container {
	max-width: 100% !important;
}

.SliderCustomRow {
	max-width: 70% !important;
}

.SliderBodyText p {
	padding: 0 50px !important;
}
/************************** Slider customization *****************************/

.BodyCalendarUnder {
	width: 100%;
	background-color: #fff;
	border-radius: 16px;
	padding: 32px;
}

.CalendarTitle {
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
	color: #2B3944;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #E4E4E4;
}

/************************** Calendar customization *****************************/
.CalendarWidget {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.CalendarWidget select {
	width: calc(33.33% - 6px);
	border: 1px solid #E4E4E4;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #2B3944;
    padding: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background:
	  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1L6 6L11 1' stroke='%232B3944' stroke-width='1.5' fill='none'/></svg>")
	  no-repeat right 5px center;
}

.CalendarWidget select:focus {
	outline: none;
	box-shadow: none;
}

.CalendarWidget table.mini-calendar {
	width: 100%;
	margin: 18px 0 20px 0;
}

.CalendarWidget table.mini-calendar thead tr th {
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	color: #2B3944;
	text-transform: uppercase;
	padding: 4px 2px;
}

.CalendarWidget table.mini-calendar tbody tr td {
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	color: #2B3944;
	min-width: 40px;
    min-height: 40px;
    height: 45px;
    padding: 5px;
    position: relative;
    background-color: #fff;
    transition: all .2s ease-in-out;
}

.CalendarWidget table.mini-calendar tbody tr td span {
	position: relative;
}

.CalendarWidget table.mini-calendar tbody tr td.has-event {
    cursor: pointer;
}

.CalendarWidget table.mini-calendar tbody tr td.has-event:before {
	content: '';
	position: absolute;
	width: 35px;
	height: 35px;
	background-color: #97DFEC80;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .2s ease-in-out;
}

.CalendarWidget table.mini-calendar tbody tr td.has-event:hover:before {
	opacity: 1;
}

.CalendarWidget table.mini-calendar tbody tr td.has-event:after {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 50%;
	width: 4px;
	height: 4px;
	background-color: #E54728;
	border-radius: 50%;
	transform: translate(-50%, 0);
}

.CalendarWidget table.mini-calendar tbody tr td.has-event.selected:before,
.CalendarWidget table.mini-calendar tbody tr td.selected:before,
.CalendarWidget table.mini-calendar tbody tr td.current-day.selected:before {
	content: '';
	position: absolute;
	width: 35px;
	height: 35px;
	background-color: #189FB7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.CalendarWidget table.mini-calendar tbody tr td.has-event.selected,
.CalendarWidget table.mini-calendar tbody tr td.selected {
	color: #fff;
}

.CalendarWidget table.mini-calendar tbody tr td.has-event.selected:after {
	background-color: #fff;
}

.CalendarWidget table.mini-calendar tbody tr td.current-day:before {
	content: '';
	position: absolute;
	width: 35px;
	height: 35px;
	background-color: #F9F0E4;    
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.CalendarWidget .EventEmptyText{
	font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #2B3944;
    margin-bottom: 8px;
    text-align: center;
}

.EventCardRow {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 8px 12px;
}

.eventCard {
	display: flex;
    align-items: center;
    padding: 16px 32px;
    background: #ffffff;
    border-radius: 16px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    transition: all .2s ease-in-out;
}

.eventCard:hover {
	background-color: #FBF8F4;
}

.eventCard .dateBox {	
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-right: 24px;
    margin-right: 24px;
    position: relative;
}

.eventCard .dateBox:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 110%;
	background-color: #E4E4E4;
	transform: translate(0, -50%);
}

.eventCard .dateBox .day {
	font-size: 32px;
	font-weight: 700;
	color: #2B3944;
	line-height: 46px;
	margin-bottom: 0px;
	text-decoration: none;
}

.eventCard .dateBox .month {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
	text-decoration: none;
}

.eventCard .eventInfo {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.eventCard .eventInfo .title {
	width: 100%;
}

.eventCard .eventInfo .title a {
	font-size: 18px;
	font-weight: 600;
	color: #2B3944;
	line-height: 26px;
    margin: 0 0 5px 0;
    text-decoration: none;
    display: block;
    transition: all .2s ease-in-out;
}

.eventCard .eventInfo .title a:hover {
	color: #189FB7;
}

.eventCard .eventInfo  .eventBadge {
  	display: flex;
    align-items: center;
    font-size: 14px;
    padding: 6px 8px;
    border-radius: 8px;
    width: fit-content;
    font-weight: 500;
    color: #2B3944;
    line-height: 20px;
}

.eventCard .eventInfo  .eventBadge img {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.eventCard .eventInfo  .eventBadge.date {
  background: #FBC75633;
}

.eventCard .eventInfo  .eventBadge.time {
  background: #97DFEC80;
}

.CalendarWidget #mini-calendar-event-list .row {
	max-height: 550px;
    overflow: auto;
}

.CalendarLoader {
	width: 200px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.CalendarLoader img {
	width: 40px;
    margin-bottom: 15px;
}

.CalendarLoader p {
	font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    color: #2B3944;
}

.NoData {
	width: 250px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.NoData img {
	width: 50px;
    margin-bottom: 15px;
    opacity: .4;
}

.NoData p {
	font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    color: #2B3944;
}

.NoData.Big {
	width: 300px;
    margin: 60px auto 20px auto;
}

.NoData.Big img {
	width: 80px;
    margin-bottom: 30px;
    opacity: .4;
}

.NoData.Big p {
	font-size: 22px;
}
/************************** Calendar customization *****************************/

.FullConSec {
	width: 100%;
	padding: 15px;
}

.FullConUnderSec {
	width: 100%;
	background-color: #fff;
	padding: 32px;
	border-radius: 16px;
	position: relative;
}

.FullConSec .MainTitle {
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
	color: #2B3944;
	padding-bottom: 16px;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 24px;
}

.FullConSec .ContentRow {
	display: grid;
	gap: 32px;
}

.FullConSec .ContentRow .Content {
	width: 100%;
}

.FullConSec .ContentRow .Content .Title {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	margin-bottom: 8px;
}

.FullConSec .ContentRow .Content .Text {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin-bottom: 0px;
}

.FullConSec .ContentRow .Content .Text a {
	color: #189FB7;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	transition: all .2s ease-in-out;
}

.FullConSec .ContentRow .Content .Text a:hover {
	border-bottom: 1px solid #189FB7;
}

.BodyAccordionRow {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.BodyAccordionRow .Accordion {
	width: calc(50% - 15px);
	display: block;
}

.AccordionItem {
	width: 100%;
	padding: 8px 0;
}

.AccordionHeader {
	width: 100%;
	margin: 0;
	padding: 0;
}

.AccordionHeader .AccordionButton.collapsed {
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: #2B3944;
	background-color: #D7DADA;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
    border-radius: 8px;
    text-align: left;
    transition: all .2s ease-in-out;
}

.AccordionHeader .AccordionButton {
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: #2B3944;
	background-color: #FBC75633;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: left;
    transition: all .2s ease-in-out;
}

.AccordionHeader .AccordionButton.collapsed img {
	width: 24px;
	height: 24px;
	margin-left: 30px;
	transition: all .2s ease-in-out;
	transform: rotate(0deg);
}

.AccordionHeader .AccordionButton img {
	width: 24px;
	height: 24px;
	margin-left: 30px;
	transition: all .2s ease-in-out;
	transform: rotate(45deg);
}

.accordion-collapse,
.accordion-collapse.collapsing {
	display: block !important;
	padding: 0 32px !important;
	background-color: #FBC75633;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	opacity: 0 !important;
	height: 0 !important;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.accordion-collapse.show {
	width: 100%;
	padding: 0px 32px 16px 32px !important;
	background-color: #FBC75633;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	opacity: 1 !important;
	height: auto !important;
}

.accordion-collapse.show .accordion-body {
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
}

.accordion-collapse.show .accordion-body a {
	text-decoration: none;
    color: #1f8f9b;
    border-bottom: 1px solid #fef4dd;
    transition: all .2s ease-in-out;
}

.accordion-collapse.show .accordion-body a:hover {
	border-bottom: 1px solid #1f8f9b;
}

.SearchRow {
	width: 100%;
	position: relative;
	background-color: #fff;
    padding: 24px 18px;
    border-radius: 16px;
}

.SearchDiv {
	width: 100%;
	padding: 18px 18px;
    border-radius: 8px;
    transition: all .2s ease-in-out;
}

.SearchDiv.Small {
	padding: 12px 18px;
}

.SearchDiv:hover {
	background-color: #FBC75633;
}

.SearchDiv a {
	text-decoration: none;
}

.SearchDiv .SearchConTitle {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	margin-bottom: 10px;
}

.SearchDiv .SearchConBody {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin-bottom: 0px;
}

.SearchDiv .SearchConBodyEvent {
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	margin-bottom: 0px;
	display: flex;
    align-items: center;
}

.SearchDiv .SearchConBodyEvent span {
	font-weight: 600;
}

.SearchDiv .SearchConBodyEvent img {
	width: 30px;
	height: auto;
	margin-right: 24px;
}

.SearchReadBU {
	color: #189FB7;
	white-space: nowrap;
	border-bottom: 1px solid #fff;
	transition: all .2s ease-in-out;
}

.SearchReadBU:hover {
	border-bottom: 1px solid #189FB7;
}

.SearchBlock {
	width: 100%;
	padding-top: 40px;
}

.SearchBlock .Title {
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
	color: #2B3944;
	border-bottom: 1px solid #E4E4E4;
    padding-bottom: 16px;
    margin-bottom: 16px;
    width: calc(100% - 36px);
    margin-left: auto;
    margin-right: auto;
}

.NoSearchFoundSec {
    display: flex;
    align-items: center;
    padding: 50px 50px;
}

.NoSearchFoundSec img {
    width: 90px;
    height: auto;
    margin-right: 25px;
}

.NpSearchText {
    font-size: 30px;
    line-height: 48px;
    font-weight: 600;
    color: #2B3944;
    margin: 0;
}

.EventDeRow {
	width: 100%;
	background-color: #fff;
	border-radius: 16px;
	padding: 32px;
	position: relative;
}

.AdminPanelLink {
	color: #e54728;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    width: fit-content;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    margin-top: 5px;
    transition: all .2s ease-in-out;
}

.AdminPanelLink:hover {
    border-bottom: 1px solid #e54728;
}

.DetailsHeadSec {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 16px;
	margin-bottom: 24px;
}

.BackBUDetails {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.BackBUDetails div {
	width: 32px;
    height: 32px;
    border: 1px solid #1f8f9b;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    transition: all .2s ease-in-out;
}

.BackBUDetails:hover div {
	background-color: #1f8f9b;
}

.BackBUDetails:hover div img {
	filter: brightness(10) contrast(1);
}

.BackBUDetails p {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	text-decoration: none;
	margin: 0;
}

.DetailsBodySec {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.DetailsBodyBigSec {
	width: calc(65% - 40px);
}

.CategoryBadge {
	background-color: #E9BF3B;
	border-radius: 8px;
	padding: 6px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;
	width: fit-content;
}

.EventDetailsTitle {
	font-weight: 600;
	font-size: 48px;
	line-height: 100%;
	color: #2B3944;
	width: 100%;
	margin-bottom: 15px;
}

.EventDetailsDate {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	width: 100%;
	margin-bottom: 0px;
}

.DetailsContent img.MainBG {
	width: 100%;
	height: auto;
	margin: 32px 0;
	border-radius: 16px;
}

.DetailsConText {
	width: 100%;
	margin-bottom: 32px;
}

.DetailsConText div {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin-bottom: 0;
}

.DetailsPlaceSec {
	width: 100%;
	margin-bottom: 32px;
}

.DetailsPlaceSec p {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin-bottom: 8px;
	text-decoration: none;
}

.DetailsPlaceSec p abbr {
	text-decoration: none !important;
}

.DetailsBodySmallSec {
	width: calc(35% - 40px);
}

.DetailsBodySmallSec .SmallSlot {
	width: 100%;
	margin-bottom: 48px;
}

.DetailsBodySmallSec .SmallSlot .Title {
	font-weight: 600;
	font-size: 24px;
	line-height: 24px;
	color: #2B3944;
	width: 100%;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.DetailsBodySmallSec .SmallSlot .DetailsList {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	width: 100%;
	margin: 0;
    padding: 6px 0;
}

.DetailsBodySmallSec .SmallSlot .DetailsList span {
	font-weight: 400;
	width: 90px;
    display: inline-block;
}

.DetailsBodySmallSec .SmallSlot .DetailsList a {
	text-decoration: none;
	color: #189FB7;
	transition: all .2s ease-in-out;
}

.DetailsBodySmallSec .SmallSlot .DetailsList a:hover {
	border-bottom: 1px solid;
}

.DetailsSignUpBU {
	background-color: #189FB7;
	padding: 12px 40px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
    color: #fff;
    margin-top: 24px;
    display: inline-block;
    transition: all .2s ease-in-out;
}

.DetailsSignUpBU:hover {
	background-color: #135961;
}

.EvDeIconMain {
	display: flex;
    gap: 16px;
    flex-wrap: wrap;
    width: 400px;
}

.EvDeIconLink {
	background-color: #E4E4E4;
	padding: 12px 24px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #2B3944;
	text-decoration: none;
	width: fit-content;
	transition: all .2s ease-in-out;
}

.EvDeIconLink:hover {
	background-color: #c8c8c8;
}

.EvDeIconLink img {
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

.BannerButton a {
	background: #E9BF3B !important;
	transition: all .2s ease-in-out !important;
}

.BannerButton a:hover {
	background: #cf9f2f !important;
}

.technicalAssistanceFormCutom {
	width: 100%;
	background-color: #fff;
	border-radius: 16px;
	padding: 32px;
	position: relative;
	max-width: 800px;
    margin: auto;
}

.CustomFormInner {
	width: 100%;
	/*max-width: 650px;
	margin: auto;*/
	/*padding: 20px 0 10px 0;*/
}

.FormFullSec {
    width: 100%;
    padding: 10px 0;
}

.FormRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -10px;
}

.FormHalfSec {
    width: 50%;
    padding: 10px;
}

.FormField {
    width: 100%;
}

.FormField input {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    background: #fff;
    color: #293646;
    border: 1px solid #cbd9d2;
    padding: 5px 20px;
    height: 58px;
    border-radius: 8px;
}

.FormField select {
	width: 100% !important;
	font-size: 18px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    background: #fff !important;
    color: #293646 !important;
    border: 1px solid #cbd9d2 !important;
    padding: 5px 45px 5px 20px !important;
    height: 58px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 8px;
    background: rgb(255 255 255) url(../image/chevronDown.svg) no-repeat scroll calc(98% + 0px) center / 21px auto !important;
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    text-overflow: ellipsis;
}

.FormText {
    font-size: 16px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    color: #293646 !important;
    margin: 10px 0 8px 0 !important;
}

.FormField textarea {
	width: 100%;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    background: #fff;
    color: #293646;
    border: 1px solid #cbd9d2;
    padding: 10px 20px;
    height: 180px;
    resize: none;
    border-radius: 8px;
}

.FormField input:focus,
.FormField textarea:focus,
.FormField select:focus {
	outline: none;
	box-shadow: none;
}

.TechAssiBUSec {
    width: 100%;
    padding: 20px 0px 20px 0px;
}

.TechAssiSubmitBU {
	background: #189FB7 !important;
    font-size: 18px !important;
    line-height: normal !important;
    font-weight: 700 !important;
    color: #fff !important;
    padding: 17px 50px !important;
    border-radius: 8px !important;
    border: none;
    transition: all .2s ease-in-out;
}

.TechAssiSubmitBU:hover {
	background: #135961 !important;
}

.FormField label.error, label.error {
    font-size: 12px;
    color: #f40;
    line-height: normal;
}

.FormSuccessSec {
	width: 100%;
	background-color: #fff;
	border-radius: 16px;
	padding: 32px;
	position: relative;
	max-width: 800px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 500px;
    align-content: center;
}

.FormSuccessSec img {
	width: 100px;
    height: auto;
    margin-bottom: 40px;
}

.FormSuccessSec .MailTitle {
	font-size: 28px;
	font-weight: 600;
	line-height: normal;
	color: #2B3944;
	margin: 0 0 20px 0;
	text-align: center;
    width: 100%;
}

.FormSuccessSec .MailSubTitle {
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	color: #189FB7;
	margin: 0;
	text-align: center;
    width: 100%;
}

.FolderStructure {
	display: flex;
	flex-wrap: wrap;
	column-gap: 32px;
  	row-gap: 16px;
}

.FolderStructure .FolderCard {
	width: calc(50% - 16px);
	padding: 16px 32px;
	background-color: #fff;
	border-radius: 16px;
	border: 1px solid #E4E4E4;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.FolderStructure .FolderCard:hover {
	background-color: #FBC75633;
}

.FolderStructure .FolderCard .FileFolderIcon {
	width: 40px;
	min-width: 40px;
	height: 40px;
	margin-right: 24px;
}

.FolderStructure .FolderCard .Title {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	margin: 0 20px 0 0;
}

.FolderStructure .FolderCard .FolderInfoIcon {
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-left: auto;
}

.FilesHeadSec {
    padding-bottom: 12px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.BackBU {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.BackBU div {
	width: 32px;
    height: 32px;
    border: 1px solid #189FB7;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    transition: all .2s ease-in-out;
}

.BackBU:hover div {
	background-color: #189FB7;
}

.BackBU:hover div img {
	filter: brightness(10) contrast(1);
}

.BackBU p {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	text-decoration: none;
	margin: 0;
}

.SearchSec {
	padding: 12px 16px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #E4E4E4;
	display: flex;
	align-items: center;
}

.SearchSec img {
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-right: 16px;
}

.FilesHeadSec .SearchSec input {
	width: 220px;
    border: none;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #2B3944;
}

.SearchSec input:focus {
	outline: none;
	box-shadow: none;
}

.FilesBodySec {
	width: 100%;
}

.FilesBodySec table {
	width: 100%;
}

.FilesBodySec table thead th {
	background-color: #FBF8F4;
	border-bottom: 1px solid #E4E4E4;
	padding: 16px 32px;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #2B3944;
}

.FilesBodySec table thead th:nth-child(1) {
	width: 45%;
}

.FilesBodySec table thead th:nth-child(2) {
	width: 25%;
}

.FilesBodySec table thead th:nth-child(3) {
	width: 20%;
}

.FilesBodySec table thead th:nth-child(4) {
	width: 10%;
}

.FilesBodySec table tbody td {
	background-color: #fff;
	border-bottom: 1px solid #E4E4E4;
	padding: 16px 32px;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.FilesBodySec table tbody tr:hover td {
	background-color: #FBC75633;
}

.FilesBodySec table tbody td .TableFileIcon {
	width: 30px;
	height: auto;
	margin-right: 24px;
}

.FilesBodySec table tbody td p,
.FilesBodySec table tbody td div p {
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	margin: 0;
}

.FilesBodySec table tbody td .Flex {
	display: flex;
	align-items: center;
}

.FilesBodySec table tbody td:last-child .Flex {
	margin: 0 -10px;
}

.FilesBodySec table tbody td .view-item,
.FilesBodySec table tbody td .dropdown-item {
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-right: 5px;
    background-color: transparent;
    border-radius: 4px;
    transition: all .2s ease-in-out;
}

.FilesBodySec table tbody td .view-item img,
.FilesBodySec table tbody td .dropdown-item img {
	width: 22px;
	height: 22px;
	object-fit: contain;
	object-position: center;
	transition: all .2s ease-in-out;
}

.FilesBodySec table tbody td .view-item:hover img,
.FilesBodySec table tbody td .dropdown-item:hover img {
	filter: invert(45%) sepia(80%) saturate(500%) hue-rotate(145deg)
          brightness(90%) contrast(90%);
}

.CustomTooltipDiv .tooltip-inner {
	padding: 12px 16px !important;
    max-width: 270px !important;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: left;
}

.CustomTooltipDiv .tooltip-inner strong {
	font-weight: 600;
}

.CustomTooltipDiv .tooltip-inner small {
	font-size: 12px;
}

.ErrorBodyRow {
	width: 100%;
	background-color: #fff;
	border-radius: 16px;
	padding:  0 32px 32px 32px;
	position: relative;
	max-width: 800px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 500px;
    align-content: center;
}

.TextSec404 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ErrorImg {
	width: 280px;
    margin: -35px auto 30px auto;
}

.Text1404 {
    font-size: 26px;
    font-weight: 400;
    color: #6d6d6d;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}

.TextBig404 {
    font-size: 64px;
    font-weight: 600;
    color: #1f8f9b;
    line-height: normal;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.Text2404 {
    font-size: 22px;
    font-weight: 400;
    color: #6d6d6d;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}

.Text2404 span {
    font-weight: 600;
}

.Error404BU {
    border: 1px solid #1f8f9b;
    background: #1f8f9b;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px;
    text-decoration: none;
    letter-spacing: 1px;
    margin: 40px 0 0 0;
    transition: all .2s ease-in-out;
}

.Error404BU:hover {
	border: 1px solid #135961;
    background: #135961;
}

.TicketRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.TicketSecHalf {
	width: 48%;
}

.TicketCard {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	width: 100%;
	cursor: pointer;
	display: inline-flex;
    align-items: center;
    padding: 12px 0;
}

.TicketCard .TicketImg {
	width: auto;
	height: 40px;
	object-fit: contain;
	object-position: center;
	margin-right: 15px;
}

.TicketCard a {
	color: #189FB7;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	margin-left: 5px;
	transition: all .2s ease-in-out;
}

.TicketCard a:hover {
	border-bottom: 1px solid #1f8f9b;
}

.TeamSection {
	width: 31%;
}

.TeamSecTitle {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2B3944;
	margin-bottom: 12px;
}

.TeamSecList {
	width: 100%;
	padding: 12px 0;
}

.TeamSecList .Title {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin: 0;
}

.TeamSecList .SubTitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2B3944;
	margin: 0;
}

.TeamSecList .Link {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #189FB7;
	margin: 0;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	transition: all .2s ease-in-out;
}

.TeamSecList .Link:hover {
	border-bottom: 1px solid #1f8f9b;
}

@media (min-width:  1200px) {
	.HeaderContainer {
	    padding: 0 15px 0 20px;
	}
	.HeaderLeftSide .hamburgerBU {
		width: 40px;
	    margin-right: 15px;
	}
	.HeaderLeftSide .hamburgerBU img {
		width: 26px;
	}
	.HeaderRightSide .navbar-nav .nav-item .nav-link {
	 	font-size: 16px;
        padding: 29px 10px;
	}
	.WelcomeTopSec {
		padding: 24px 40px 24px 30px;
	}
	.BodySec {
		padding: 30px 30px;
	}
	.SliderCustomRow {
	    max-width: 85% !important;
	}
	.SliderCustomRow>div {
		padding: 44px 44px 44px 44px !important;
	}
	.SliderBodyText p {
	    padding: 0 20px !important;
	}
	.eventCard {
		padding: 16px 22px;
	}
	.eventCard .dateBox {
		display: none;
	}
	.FilesBodySec table thead th:nth-child(1) {
		width: 40%;
	}
	.FilesBodySec table thead th:nth-child(2) {
		width: 30%;
	}
	.FilesBodySec table thead th:nth-child(3) {
		width: 20%;
	}
	.FilesBodySec table thead th:nth-child(4) {
		width: 10%;
	}
}

@media (min-width:  1300px) {
	.HeaderContainer {
	    padding: 0 20px;
	}
	.HeaderLeftSide .hamburgerBU {
		width: 50px;
	    margin-right: 26px;
	}
	.HeaderLeftSide .hamburgerBU img {
		width: 32px;
	}
	.HeaderRightSide .navbar-nav .nav-item .nav-link {
	 	font-size: 17px;
	 	padding: 29px 15px;
	}
}

@media (min-width:  1400px) {
	.WelcomeTopSec {
		padding: 24px 40px 24px 30px;
	}
	.BodySec {
		padding: 30px 30px;
	}
	.HeaderRightSide .navbar-nav .nav-item .nav-link {
		font-size: 18px;
	 	padding: 29px 20px;
	}
	.SliderCustomRow>div {
		padding: 64px 64px 64px 64px !important;
	}
	.SliderBodyText p {
	    padding: 0 50px !important;
	}
	.FilesBodySec table thead th:nth-child(1) {
		width: 45%;
	}
	.FilesBodySec table thead th:nth-child(2) {
		width: 25%;
	}
	.FilesBodySec table thead th:nth-child(3) {
		width: 20%;
	}
	.FilesBodySec table thead th:nth-child(4) {
		width: 10%;
	}
}

@media (min-width:  1500px) {
	.HeaderContainer {
	    padding: 0 50px;
	}
	.WelcomeTopSec {
		padding: 24px 50px 24px 55px;
	}
	.BodySec {
		padding: 40px 50px;
	}
	.eventCard {
		padding: 16px 32px;
	}
	.eventCard .dateBox {
		display: flex;
	}
	.SmallSlot .eventCard {
		padding: 16px 22px;
	}
}

@media (min-width:  1600px) {
	.SliderCustomRow {
	    max-width: 80% !important;
	}
	.SmallSlot .eventCard {
		padding: 16px 32px;
	}
}

@media (min-width:  1800px) {
	.SliderCustomRow {
	    max-width: 70% !important;
	}
}