a.meanmenu-reveal {

	display: none;

}



/* when under viewport size, .mean-container is added to body */

.mean-container .mean-bar {

	float: left;

	width: 100%;

	position: relative;

	background: #070337;

	padding: 4px 0;

	min-height: 42px;

	z-index: 999999;

}



.mean-container a.meanmenu-reveal {

	width: 22px;

	height: 22px;

	padding: 13px 13px 11px 13px;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	color: #fff;

	text-decoration: none;

	font-size: 16px;

	text-indent: -9999em;

	line-height: 22px;

	font-size: 1px;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: var(--bd-fw-bold);

}



.mean-container a.meanmenu-reveal span {

	display: block;

	background: var(--clr-common-white);

	height: 3px;

	margin-top: 3px;

}



.mean-container .mean-nav {

	float: left;

	width: 100%;

	background: #070337;

	margin-top: 44px;

}



.mean-container .mean-nav ul {

	padding: 0;

	margin: 0;

	width: 100%;

	list-style-type: none;

}



.mean-container .mean-nav ul li {

	position: relative;

	float: left;

	width: 100%;

}



.mean-container .mean-nav ul li a {

	display: block;

	float: left;

	width: 90%;

	padding: 10px 5%;

	margin: 0;

	text-align: left;

	color: #fff;

	border-top: 1px solid #e0e3ed;

	text-decoration: none;

	text-transform: uppercase;

}



.mean-container .mean-nav ul li li a {

	width: 80%;

	padding: 10px 5%;

	text-shadow: none !important;

	visibility: visible;

}



.mean-container .mean-nav ul li.mean-last a {

	border-bottom: none;

	margin-bottom: 0;

}



.mean-container .mean-nav ul li li li a {

	width: 70%;

	padding: 10px 15%;

}



.mean-container .mean-nav ul li li li li a {

	width: 60%;

	padding: 10px 20%;

}



.mean-container .mean-nav ul li li li li li a {

	width: 50%;

	padding: 10px 25%;

}





.mean-container .mean-nav ul li a.mean-expand {

	margin-top: 1px;

	width: 26px;

	height: 32px;

	text-align: center;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 2;

	font-weight: var(--bd-fw-bold);

	background: transparent;

	border: none !important;

	font-size: 14px;

}









.mean-container .mean-push {

	float: left;

	width: 100%;

	padding: 0;

	margin: 0;

	clear: both;

}



.mean-nav .wrapper {

	width: 100%;

	padding: 0;

	margin: 0;

}



/* Fix for box sizing on Foundation Framework etc. */

.mean-container .mean-bar, .mean-container .mean-bar * {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}





.mean-remove {

	display: none !important;

}









/*----------------------------------------*/

/* OFFCANVAS CSS START

/*----------------------------------------*/

.offcanvas__close button {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 18px;

  background-color: var(--theme-color-1);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

}

.offcanvas__close button i {

  color: #000;

}

.offcanvas__info {

  background: #f2f2f2 none repeat scroll 0 0;

  border-left: 2px solid var(--theme-color);

  position: fixed;

  right: 0;

  top: 0;

  width: 400px;

  height: 100%;

  -webkit-transform: translateX(calc(100% + 80px));

  -moz-transform: translateX(calc(100% + 80px));

  -ms-transform: translateX(calc(100% + 80px));

  -o-transform: translateX(calc(100% + 80px));

  transform: translateX(calc(100% + 80px));

  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;

  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;

  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;

  z-index: 99999;

  overflow-y: scroll;

  overscroll-behavior-y: contain;

  scrollbar-width: none;

}

.offcanvas__info ::-webkit-scrollbar {

  display: none;

}

@media (max-width:450px) {

  .offcanvas__info {

    width: 300px;

  }

}

.offcanvas__info.info-open {

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.offcanvas__logo a img {

  height: 50px;

}

.offcanvas__wrapper {

  position: relative;

  height: 100%;

  padding: 30px 30px;

}

@media (max-width: 575px) {

  .offcanvas__wrapper {

    padding: 20px;

  }

}

.offcanvas__top {

  padding-bottom: 20px;

}

.offcanvas__search {

  position: relative;

}

.offcanvas__search input {

  width: 100%;

  height: 50px;

  line-height: 40px;

  padding-right: 20px;

  background: transparent;

  border: none;

  outline: none;

  border-bottom: 1px solid #CECECE;

  font-size: 14px;

  color: #fff;

  padding-left: 0;

}

.offcanvas__search input::placeholder {

  color: #fff;

}

.offcanvas__search input:focus {

  border-color: #fff;

}

.offcanvas__search button {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 16px;

  color: #fff;

}

.offcanvas__search button:hover {

  color: var(--theme-color);

}

.offcanvas__text p {

  margin-bottom: 25px;

}

.offcanvas__contact h4 {

  font-size: 22px;

  margin-bottom: 20px;

  font-weight: var(--bd-fw-bold);

  color: #fff;

}

.offcanvas__contact ul li:not(:last-child) {

  margin-bottom: 20px;

}

.offcanvas__contact ul li:hover i {

  color: #fff;

  border-color: var(--theme-color-1);

  background-color: var(--theme-color-1);

}

.offcanvas__contact-icon i {

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-evenly;

  text-align: center;

  border: 1px solid var(--clr-border-1);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  overflow: hidden;

  color: #fff;

  position: relative;

  z-index: 5;

}

.offcanvas__contact-text a {

  font-size: 16px;

  font-weight: 500;

  color: #fff;

}

.offcanvas__contact-text a:hover {

  color: var(--theme-color);

}

.offcanvas__social {

  margin-bottom: 30px;

}

.offcanvas__social ul li {

  display: inline-block;

}

.offcanvas__social ul li:not(:last-child) {

  margin-right: 5px;

}

.offcanvas__social ul li a {

  display: inline-block;

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #fff;

  color: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  z-index: 5;

  background-color: transparent;

}

.offcanvas__social ul li a:hover {

  color: #fff;

  border: 1px solid var(--theme-color-1);

  background-color: var(--theme-color-1);

}

.offcanvas__notification-icon a {

  font-size: 14px;

  color: #fff;

  position: relative;

}

.offcanvas__notification-icon a .notification-count {

  position: absolute;

  top: -4px;

  right: -13px;

  display: inline-block;

  width: 20px;

  height: 20px;

  line-height: 22px;

  font-size: 12px;

  font-weight: 600;

  background-color: var(--theme-color);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  color: #fff;

  text-align: center;

}

.offcanvas__notification-text p {

  margin-bottom: 0;

  font-weight: 500;

  color: #fff;

  font-size: 14px;

}

.offcanvas__notification-text p .notification-number {

  color: var(--theme-color);

}

.offcanvas__notification-text p a {

  color: var(--theme-color);

}

.offcanvas__overlay {

  position: fixed;

  height: 100%;

  width: 100%;

  background: #151515;

  z-index: 900;

  top: 0;

  opacity: 0;

  visibility: hidden;

  right: 0;

}

.offcanvas__overlay.overlay-open {

  opacity: 0.8;

  visibility: visible;

}



.sidebar__toggle {

  cursor: pointer;

  height: 50px;

  width: 50px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 500ms ease-in-out;

      margin: 25px 0;

}



.sidebar__toggle:hover {

  color: var(--theme-color);

}



.sidebar__toggle:hover .bar-icon span,

.sidebar__toggle:hover .bar-icon span small {

  background: #fff;

}



@media (max-width: 992px) {

  .app__offcanvas-overlay.overlay-open {

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    z-index: 10;

  }

}



.offcanvas__contact-icon {

  margin-inline-end: 15px;

}









/*----------------------------------------*/

/*  MEAN MENU CSS START

/*----------------------------------------*/



.mean-container a.meanmenu-reveal {

  display: none;

}



.mean-container .mean-nav {

  background: none;

  margin-top: 0;

}



.mean-container .mean-bar {

  padding: 0;

  min-height: auto;

  background: none;

}



.mean-container .mean-nav > ul {

  padding: 0;

  margin: 0;

  width: 100%;

  list-style-type: none;

  display: block !important;

}



.mean-container a.meanmenu-reveal {

  display: none !important;

}



.mean-container .mean-nav ul li a {

  width: 100%;

  padding: 10px 0;

  color: #000;

  font-size: 16px;

  line-height: 1.5;

  font-weight: 500;

  text-transform: capitalize;

  border-top: 1px solid #CECECE;

}

.mean-container .mean-nav ul li a:last-child {

  border-bottom: 0;

}

.mean-container .mean-nav ul li a:hover {

  color: #E4004D;

}



.mean-container .mean-nav ul li a.mean-expand {

  margin-top: 5px;

  padding: 0 !important;

  height: 30px;

  width: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #000;

  line-height: 30px;

  top: 0;

  font-weight: 400;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}



.mean-container .mean-nav ul li > a > i {

  display: none;

}



.mean-container .mean-nav ul li > a.mean-expand i {

  display: inline-block;

}



.mean-container .mean-nav > ul > li:first-child > a {

  border-top: 0;

}



.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

}



.mean-container .mean-nav ul li .mega-menu li a {

  height: 200px;

  width: 100%;

  padding: 0;

  border-top: 0;

  margin-bottom: 20px;

}







/*----------------------------------------*/

/*  MENU CSS START

/*----------------------------------------*/

.main-menu ul {

  margin-bottom: 0;

  text-align: center;

}

.main-menu ul li {

  position: relative;

  list-style: none;

  display: inline-block;

  margin: 22px 0;

}

.main-menu ul li:last-child {

  margin-inline-end: 0;

}

.main-menu ul li a {

  display: inline-block;

  font-size: 14px;

  font-weight: bold;

  color: #000;

  padding: 6px 20px 4px;

  text-align: left;

  position: relative;

  text-transform: uppercase;

  border-radius: 20px;

}

.main-menu ul li.has-dropdown > a {

  position: relative;

}

 .main-menu ul li.has-dropdown > a::after {

  content: "\f105";

  -webkit-transform: translateY(1px);

  -moz-transform: translateY(1px);

  -ms-transform: translateY(1px);

  -o-transform: translateY(1px);

  transform: translateY(1px);

  font-size: 15px;

  font-family: var(--fa-style-family, "Font Awesome 6 Pro");

  font-weight: 600;

  margin-inline-start: 5px;

  display: inline-block;

} 

.main-menu ul li.has-mega-menu {

  position: static;

}

.main-menu ul li .submenu {

  position: absolute;

  top: 100%;

  inset-inline-start: 0;

  min-width: 240px;

  background: #fff;

  z-index: 99;

  visibility: hidden;

  opacity: 0;

  transform-origin: top center;

  color: var(--theme-color);

  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

}

.main-menu ul li .submenu li {

  display: block;

  width: 100%;

  margin: 0;

  padding: 0;

}

.main-menu ul li .submenu li.has-dropdown > a::after {

  position: absolute;

  top: 50%;

  inset-inline-end: 15px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  color: #151515;

}

.main-menu ul li .submenu li a {

  position: relative;

  z-index: 11;

  color: #151515;

  font-weight: 600;

  font-size: 12px;

  padding: 0 10px;

  padding-bottom: 11px;

  padding-top: 11px;

  width: 100%;

  border-bottom: 1px solid #eeeeee;

  border-radius: 0;

}



.main-menu ul li .submenu li:last-child a {

  border: none;

}



.main-menu ul li .submenu li .submenu {

  inset-inline-start: 100%;

  top: 0;

  visibility: hidden;

  opacity: 0;

}

.main-menu ul li .submenu li:hover > a {

  background: #003370; color: #fff !important;

}

.main-menu ul li .submenu li:hover > a::after {

  color: #fff !important;

}

.main-menu ul li .submenu li:hover > .submenu {

  -webkit-transform: translateY(1);

  -moz-transform: translateY(1);

  -ms-transform: translateY(1);

  -o-transform: translateY(1);

  transform: translateY(1);

  visibility: visible;

  opacity: 1;

}

.main-menu ul li .mega-menu {

  position: absolute;

  top: 100%;

  left: 0;

  padding: 40px 225px;

  background: #fff;

  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);

  visibility: hidden;

  opacity: 0;

  transform-origin: top center;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

  z-index: 99;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .main-menu ul li .mega-menu {

    padding: 40px 150px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .main-menu ul li .mega-menu {

    padding: 25px 25px;

    padding-inline-start: 80px;

  }

}

.main-menu ul li .mega-menu li {

  float: left;

  width: 25%;

  margin-inline-end: 0;

  text-align: left;

}

[dir=rtl] .main-menu ul li .mega-menu li {

  float: right;

  margin-left: 0;

  text-align: right;

}

.main-menu ul li .mega-menu li .mega-menu-title {

  font-weight: 600;

  font-size: 15px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: #151515;

  cursor: text;

  padding: 0;

  display: inline-block;

  margin-bottom: 15px;

  border-bottom: 1px solid #d9d9d9;

  padding-bottom: 5px;

}

.main-menu ul li .mega-menu li .mega-menu-title::before {

  display: none;

}

.main-menu ul li .mega-menu li ul li {

  width: 100%;

  float: none;

  margin-bottom: 5px;

}

.main-menu ul li .mega-menu li ul li:last-child {

  margin-bottom: 0;

}

.main-menu ul li .mega-menu li ul li a {

  font-weight: 500;

  font-size: 15px;

  color: #5D636A;

  padding: 0;

  position: relative;

}

.main-menu ul li .mega-menu li ul li a::before {

  position: absolute;

  content: "";

  left: 0;

  right: auto;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 0;

  height: 1.2px;

  background-color: var(--theme-color-1);

}

[dir=rtl] .main-menu ul li .mega-menu li ul li a::before {

  right: 0;

  left: auto;

}

.main-menu ul li .mega-menu li ul li:hover > a {

  color: var(--theme-color-1);

}

.main-menu ul li .mega-menu li ul li:hover > a::before {

  background-color: var(--theme-color-1);

}

.main-menu ul li .mega-menu li:hover > .mega-menu-title {

  color: var(--theme-color-1);

  padding-inline-start: 0;

}

.main-menu ul li .mega-menu li:hover > a {

  color: var(--theme-color-1);

}

.main-menu ul li .mega-menu li a:hover {

  padding-inline-start: 18px;

}

[dir=rtl] .main-menu ul li .mega-menu li a:hover {

  padding-inline-start: 18px;

  padding-inline-end: 0px;

}

.main-menu ul li .mega-menu li a:hover::before {

  width: 12px;

}

.main-menu ul li:hover > a {

  color: #fff;

  background-color: #003370;

}



.main-menu ul li.active > a {

  color: #fff !important; background-color: #003370;

}



.main-menu ul li:hover > a::after {

  color: var(--theme-color-1);

}

/* .main-menu ul li:hover.has-dropdown > a::after {

  content: "\e122";

} */

.main-menu ul li:hover > .submenu {

  visibility: visible;

  opacity: 1;

}

.main-menu ul li:hover .mega-menu {

  visibility: visible;

  opacity: 1;

}

.main-menu-2 ul li a {

  color: #fff;

  position: relative;

}

.main-menu-2 ul li:hover > a {

  color: #fff;

}

.main-menu-2 ul li:hover > a::after {

  color: #fff;

}



.bar-icon {

  /* width: 22px;

  height: 15px; */

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  overflow: hidden;

  font-size: 35px;

  transform: scaleX(-1);

  color: #000;

}

.bar-icon span {

  width: 100%;

  height: 2px;

  background: var(--theme-color-1);

  display: inline-block;

}

.bar-icon span:nth-child(2) {

  position: relative;

  width: 6.56px;

}

.bar-icon span:nth-child(2) small {

  position: absolute;

  height: 100%;

  background: var(--theme-color-1);

  left: 12.56px;

  width: 18.06px;

  z-index: 555;

}

.bar-icon.is-white span {

  background: #fff;

}

.bar-icon.is-white span:nth-child(2) small {

  background: #fff;

}



.bar-icon span:nth-child(3) {

  position: relative;

  width: 10px;

  margin: 0 0 0 auto;

}