body.homepage header,
body.nft-airdrop header
{
	box-shadow: none;
	background-image: linear-gradient(to bottom, #000, #00000000);
	background-color: transparent;
}
body.homepage header .head-logo,  body.homepage .mega-menu, 
body.nft-airdrop header .head-logo, body.nft-airdrop .mega-menu
{
	background: transparent;
}
body.homepage .main-navigation-links > ul > li > a, 
body.homepage .menu-actions > ul > li, 
body.homepage .menu-actions > ul > li a, 
body.nft-airdrop .main-navigation-links > ul > li > a, 
body.nft-airdrop .menu-actions > ul > li, 
body.nft-airdrop .menu-actions > ul > li a
{
	color: #fff;
}

body.homepage .main-navigation-links > ul > li:after,
body.nft-airdrop .main-navigation-links > ul > li:after
{
	background: #fff;
}
body.homepage .bar1, body.homepage .bar2, body.homepage .bar3,
body.nft-airdrop .bar1, body.homepage .bar2, body.homepage .bar3
{
	background: #fff;
}
body.homepage
{
	padding-bottom: 64px; 
}

header .head-logo
{
	z-index: 99;
}

.mega-menu
{
	display: flex;
	padding: 10px 0 12px 0;
	justify-content: space-between;
}
/*.mega-menu.scroll-hidden
{
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	
	z-index: -1;
}
footer
{
	-webkit-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
	-webkit-transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;

}
footer.scroll-hidden
{
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
}*/

.main-navigation
{
	display: flex;
	align-items: center;
}
.main-navigation-links > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  display: flex;
}
.main-navigation-links > ul > li
{
	padding: 0px 16px 0px 16px;
	position: relative;
	height: 40px;
	display: flex;
    align-items: center;
}

.main-navigation-links > ul > li > a {
	text-decoration: none;
	color: #1A1A1A;
	position: relative;
	font-size: 16px;
}
.main-navigation-links > ul > li.active > a {
	font-family: 'DubaiBold';
}
.main-navigation-links > ul > li:after
{
	display: block;
	content: "";
	transform: scaleX(0);
	transform-origin: 0 50%;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	width: calc(100% - 32px);
	height: 3px;
	background: #097E5C;
	transition: transform 300ms ease-in-out;
	border-radius: 8px 8px 0 0;
}
.main-navigation-links > ul > li:hover:after, .main-navigation-links > ul > li.active:after {
	transform: scaleX(1);
	transform-origin: 0 50%;
}

.main-navigation-links ul li ul.full-menu {
  display: none;
  width: 100%;
  background: #fff;
  padding: 32px 0px;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 100%;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
  font-size: 14px;
}

.main-navigation-links ul li ul.full-menu li ul.full-menu-links {
	display: flex;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-left: 20px;
}
.main-navigation-links ul li ul.full-menu li ul.full-menu-links li {
  flex: 0 0 33.3333%;
  padding: 9px 16px;
	transition: all 300ms ease-in;
	border-radius: 8px;
}
.main-navigation-links ul li ul.full-menu li ul.full-menu-links li:hover {
	background: rgba(13, 160, 110, 0.04);
}
.main-navigation-links ul li ul.full-menu li ul.full-menu-links li  a {
	color: rgba(0, 0, 0, 0.87);
	text-decoration: none;
	transition: all 300ms ease-in;
}
.main-navigation-links ul li ul.full-menu li ul.full-menu-links li:hover  a  {
	color: #008755;
	text-decoration: none;
}


.login-section .new-user-reg a span
{
	text-decoration: none;
	background: linear-gradient(currentColor, currentColor) bottom / 0 1px no-repeat;
	transition: 300ms background-size;
	background-position: left bottom;
}
.login-section .new-user-reg a:hover span
{
	background-size: 100% 1px;
	text-decoration: none;
}



.main-navigation-links ul li ul.normal-menu {
	width: 375px;
	left: -10px;
	padding: 16px;
	position: absolute;
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
	border-radius: 10px;
	background: #fff;
	display: none;
	top: calc(100% + 12px);
	font-size: 14px;
}
.main-navigation-links ul li ul.normal-menu > li {
	padding: 10px 16px;
	transition: all 300ms ease-in;
	border-radius: 8px;
}
.main-navigation-links ul li ul.normal-menu > li:hover {
	background: rgba(13, 160, 110, 0.04);
}
.main-navigation-links ul li ul.normal-menu > li a {
	color: rgba(0, 0, 0, 0.87);
	text-decoration: none;
	transition: all 300ms ease-in;
}
.main-navigation-links ul li ul.normal-menu > li:hover a {
	color: #008755;
	text-decoration: none;
}

.hamburger-menu
{
	padding: 0px 11px 0 11px;
	cursor: pointer;
}

.menu-actions > ul
{
	display: flex;
    gap: 15px;
	margin: 0;
	align-items: center;
}
.menu-actions > ul > li
{
	color: #000;
	background: rgba(0, 0, 0, 0.04);
	padding: 0px 10px;
	border-radius: 40px;
	position: relative;
	font-size: 14px;
	height: 40px;
	display: flex;
    align-items: center;
}
.menu-actions > ul > li a {
	color: #000;
	text-decoration: none;
}
.menu-actions > ul > li i
{
	font-size: 20px;
	margin-right: 7px;
}
.menu-actions > ul > li .accesssibility-icon, .menu-actions > ul > li .login-text
{
	cursor: pointer;
}

.menu-actions > ul > li.logout-user
{
	padding: 0px;
	background: none;
	cursor: pointer;
}
.menu-actions > ul > li .logout-img span 
{
	display: block;
    width: 40px;
    height: 40px;
    padding: 2px;
    border-radius: 50%;
    background: #26D07C;
}
.menu-actions > ul > li .logout-img span img
{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ffffff;
	padding: 2px;
    position: relative;
}

.menu-actions > ul > li .accesssibility-icon i
{
	display: block;
	margin-right: 0px;
}

.accesssibility-actions
{
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 12px);
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
	border-radius: 10px;
	background: #fff;
	width: 872px;
	padding: 16px 8px;
}
.accesssibility-action-box
{
	display: flex;
}
.accesssibility-action-box > div
{
	padding: 0 16px;
	border-right: 1px solid #E5E5E5;
	flex: 1;
	color: #7F7F7F;
	font-size: 16px;
}
.accesssibility-action-box > div:last-child
{
	border-right: none;
}
.accesssibility-action-box > div ul
{
	margin: 0;
    padding: 0;
}
.accesssibility-action-box > div h3
{
	font-family: 'DubaiMedium';
	letter-spacing: 0.1px;
	text-transform: uppercase;
	color: #1A1A1A;
	font-size: 15px;
	margin: 0 0 8px 0;
	line-height: 20px;
}
.accesssibility-action-box > div p
{
	margin-bottom: 16px;
}
.accesssibility-action-box > div ul.contrastSwitch li
{
	padding: 10px 0;
}
.accesssibility-action-box > div ul.contrastSwitch li:first-child
{
	padding-top: 0px;
}
.accesssibility-action-box > div ul.contrastSwitch li label
{
	padding-left: 10px;
}
.accesssibility-action-box > div ul.contrastSwitch li label span
{
	font-size: 14px;
	color: #000;
	font-weight: 400;
	letter-spacing: 0.005em;
}
.accesssibility-action-box > div ul.contrastSwitch li [type="radio"]+span:before, 
.accesssibility-action-box > div ul.contrastSwitch li [type="radio"]+span:after
{
	width: 20px;
	height: 20px;
}
.accesssibility-action-box > div ul.contrastSwitch li [type="radio"]:not(:checked) + span, 
.accesssibility-action-box > div ul.contrastSwitch li [type="radio"]:checked + span
{
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
}
.accesssibility-action-box > div ul.contrastSwitch li [type="radio"].with-gap:checked+span:after
{
	-webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.accesssibility-action-box > div ul.resizeText
{
	display: flex;
	gap: 16px;
	margin: 0;
    padding: 0;
}
.accesssibility-action-box > div ul.resizeText li
{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.accesssibility-action-box > div ul.resizeText li span
{
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: #E4FCED;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #E4FCED;
	transition: all 300ms ease-in;
	color: #097E5C;
	font-family: 'DubaiMedium';
}
.accesssibility-action-box > div ul.resizeText li.active span
{
	border: 3px solid #097E5C;
}
.accesssibility-action-box > div ul.resizeText li #increaseFont
{
	font-size: 24px;
	font-family: 'DubaiRegular';
}
.accesssibility-action-box > div ul.resizeText li #decreaseFont
{
	font-size: 13px;
}
.accesssibility-action-box > div .readSpeakerImg img
{
	max-width: 153px;
	height: auto;
}

.login-section
{
	position: absolute;
	display: none;
	width: 348px;
	right: 0;
	top: calc(100% + 12px);
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
	border-radius: 10px;
	background: #fff;
	padding: 24px;
}
.login-section .forgot-pass
{
	justify-content: space-between;
	display: flex;
}
.login-section .forgot-pass label span
{
	font-weight: normal;
}
.login-section .forgot-pass a
{
	color: #575757 !important;
}
.login-section .new-user-reg
{
	 color: #575757;
}
.login-section .new-user-reg a,
body.homepage .login-section .new-user-reg a
{
	 color: #008754;
}
/*.login-section .sign-uae-pass .btn:hover img
{
	filter: brightness(0) invert(1);
}*/
.login-section .sign-uae-pass img
{
	margin-right: 10px;
	transition: all 300ms ease-in;
	height: 24px;
	width: auto;
}
.logout-section
{
	position: absolute;
	display: none;
	width: 348px;
	right: 0;
	top: calc(100% + 12px);
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
	border-radius: 10px;
	background: #fff;
	padding: 26px 16px 16px 16px;
}
.logout-section ul
{
	padding: 0 !important;
	margin: 0px;
}
.logout-section ul li
{
	padding: 10px 16px;
	transition: all 300ms ease-in;
	border-radius: 8px;
}
.logout-section ul li:hover
{
	background: rgba(13, 160, 110, 0.04);
}

.logout-section ul li a
{
	color: #575757 !important;
	transition: all 300ms ease-in;
}
.logout-section ul li:hover a, .logout-section ul li.red-logout:hover a {
	color: #008755 !important;
	text-decoration: none;
}
.logout-section ul li.red-logout a
{
	color: #E13D17 !important;
}
.logout-section .ls-user-name
{
	color: #202A50;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'DubaiBold';
	margin-bottom: 10px;
}


/* Side Menu Custom Scrollbar */

.side-menu::-webkit-scrollbar {
  width: 8px;
}
.side-menu::-webkit-scrollbar-track {
	background: #FAFAFA;
	box-shadow: inset 1px 0px 0px #E8E8E8, inset -1px 0px 0px #F0F0F0;
}
.side-menu::-webkit-scrollbar-thumb {
  background: #7F7F7F; 
}
.side-menu::-webkit-scrollbar-thumb:hover {
  background: #5f5f5f; 
}

.side-menu
{
	font-size: 14px;
	overflow: auto;
	position: fixed;
	width: 375px;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 9999999;
	  background-color: #ffffff;
	padding: 98px 32px 96px 32px;
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: -webkit-transform 300ms ease;
	transition: transform 200ms ease;
	
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
}
.side-menu.active
{
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.side-menu-title
{
	color: #000;
	text-transform: uppercase;
	font-family: 'DubaiBold';
	margin-bottom: 10px;
	font-size: 15px;
}
.side-menu-other-title
{
	color: #202A50;
}
.side-menu-close
{
	position: absolute;
	right: 32px;
	top: 32px;
	color: #AEAEAE;
	cursor: pointer;
}
.side-menu-close i
{
	color: #AEAEAE;
	font-size: 22px;
	transition: all 300ms ease-in;
}
.side-menu-close:hover i
{
	color: #575757;
}
.side-menu ul
{
	margin:0 0 48px 0;
	padding: 0px;
}
/*.side-menu ul li
{
	border-bottom: 1px solid #E5E5E5;
	color: #1A1A1A;
	padding: 10px 0;
}*/
.side-menu ul li a
{
	border-bottom: 1px solid #E5E5E5;
	color: #1A1A1A;
	padding: 10px 0;
	display: block;
	position: relative;
	text-decoration: none;
}
.side-menu ul li:hover > a
{
	color: #008755;
	border-bottom: 1px solid #008755;
}
.side-menu .side-main-menu ul li.active > a
{
	color: #008755;
	box-shadow: 0 2px 0 0 #008755;
	border-bottom-color: transparent;
}
.side-menu .side-main-menu ul li:active > a
{
	color: #008755;
	box-shadow: 0 2px 0 0 #008755;
	border-bottom-color: transparent;
}


.side-menu .side-main-menu ul li > a i {
    right: 0px;
    top: 10px;
    position: absolute;
    color: #555;
    transition: all 300ms ease-in;
    z-index: 1;
    pointer-events: none;
	font-size: 22px;
}
.side-menu .side-main-menu ul li.active > a i
{
	/*-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
	color: #008755;
}


.side-menu ul.side-other-menu, .side-menu ul.side-ftr-logo, .side-menu ul.side-other-logos, .side-download
{
	margin-bottom: 32px;
}

.side-menu ul.side-other-logos li
{
	padding: 16px 0;
	border-bottom: solid 1px #E5E5E5;
}

.side-menu ul.side-other-logos li
{
	padding: 16px 0;
	border-bottom: solid 1px #E5E5E5;
}
.side-menu ul.side-ftr-logo li a
{
	height: 54px;
	line-height: 54px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.side-menu ul.side-other-logos li a, .side-menu ul.side-other-download li a
{
	border-bottom: none;
	padding: 0px;
	box-shadow: none;
}

.bar1, .bar2, .bar3 {
  width: 18px;
  height: 2px;
  background-color: #333;
  margin: 4px 0 4px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 6px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -6px) rotate(45deg);
}

.side-visitor
{
	display: flex;
}
.side-visitor-icon
{
	margin-right: 8px;
}
.side-visitor-num 
{
    font-family: '29ltbukrabold';
    font-size: 12px;
	line-height: 1;
	margin-bottom: 2px;
}
.side-visitor-text
{
	font-size: 11px;
	line-height: 1;
}

.side-download
{
	display: flex;
	justify-content: space-between;
}
.side-download img
{
	height: 31px;
	width: auto;
} 

.side-visitor i
{
	color: #008755;
}

.side-menu ul.side-ftr-logo img
{
	height: auto;
	width: 24px;
	margin-right: 8px;
}
.side-menu ul.side-ftr-logo li i
{
	font-size: 26px;
	color: #008755;
	margin-right: 6px;
	height: 16px;
    line-height: 16px;
}
.side-menu ul.side-other-logos li img
{
	height: auto;
}

.side-menu .side-other-logos li a img
{
	filter: grayscale(1);
}
.side-menu .side-other-logos li:hover a img
{
	filter: grayscale(0);
}

.side-copy-text
{
	font-size: 10px;
}
.mobile-action
{
	cursor: pointer;
}
.mobile-logo, .mobile-action, .side-ftr-actions
{
	display: none;
}

.side-menu-dropdown ul
{
	display: none;
	padding-left: 24px !important;
	margin-bottom: 0px;
}

.side-menu-dropdown-list {
    position: absolute;
    z-index: 99999999;
	background: #fff;
	padding: 26px 16px 16px 16px !important;
	width: 384px;
	
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
	border-radius: 10px;
	font-size: 14px;
	
	left: 379px !important;
	
}

.rtl .side-menu-dropdown-list {
	left: auto !important;
	right: 379px !important;
}

.side-menu-dropdown-list li a {
	border-bottom: 1px solid #E5E5E5;
	color: #1A1A1A;
	padding: 10px 0;
	display: block;
	position: relative;
	text-decoration: none;
}
.side-menu-dropdown-list li:hover a
{
	color: #008755;
	border-bottom: 1px solid #008755;
}
.side-menu-dropdown-list li:last-child a {
	border-bottom: none;
}