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: 12px 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;
  position: relative;
}

.menu-actions > ul li.no-search-res {
  position: absolute;
  display: none;
}

body.homepage .menu-actions > ul > li {
  background: rgba(0, 0, 0, 0.04);
}

.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;
  transition: all 300ms ease-in;
  min-width: 40px;
}

.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: 999999999;
  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;
  display: none;
}

.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%);
  box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
}

.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: #545454;
  cursor: pointer;
}

.side-menu-close i {
  color: #545454;
  font-size: 22px;
  transition: all 300ms ease-in;
}

.side-menu-close:hover i {
  color: #000;
}

.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,
.side-menu .side-other-menu 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,
.side-menu .side-other-menu 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,
ul.side-other-menu 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,
ul.side-other-menu 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: 300ms;
  border-radius: 2px;
}

.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;
  width: 388px;
  /*background: #fff;
	padding: 26px 16px 16px 16px !important;
	
	
	box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
	border-radius: 10px;*/
  font-size: 14px;

  left: 375px !important;
  margin: 0;
  padding: 0;
}

.side-menu-dropdown-list-in {
  box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
  background: #fff;
  border-radius: 10px;
  padding: 26px 16px 16px 16px !important;
}

.side-menu-dropdown-list li {
  padding-left: 4px;
}

.side-menu-dropdown-list li ul li a {
  border-bottom: 1px solid #e5e5e5;
  color: #1a1a1a;
  padding: 10px 0;
  display: block;
  position: relative;
  text-decoration: none;
}

.side-menu-dropdown-list li ul li:hover a {
  color: #008755;
  border-bottom: 1px solid #008755;
}

.side-menu-dropdown-list li ul li:last-child a {
  border-bottom: none;
}

li.side-menu-dropdown ul li img,
ul.side-menu-dropdown-list li img {
  height: auto;
  width: 24px;
  margin-right: 8px;
}

.hamburger-menu-text {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}

/* Search to Close Icon*/

.mb-search-icon {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  margin: auto;
}

.homepage .search-line {
  background: #fff;
}

.search-line {
  width: 8px;
  height: 2px;
  background: #1a1a1a;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 16px;
  left: 13px;
  transition: all 0.3s ease-in 0s;
}

.active .search-line {
  width: 18px;
  left: 3px;
  top: 11px;
  transition: all 0.3s ease-out 0s;
  background: #1a1a1a;
}

.homepage .search-circle {
  border: 2px solid #fff;
}

.search-circle {
  width: 13px;
  height: 13px;
  border: 2px solid #1a1a1a;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  transition: top 300ms ease-in 0s, left 300ms ease-in 0s,
    border-radius 300ms ease-in 0s, border-width 300ms ease-in 0s,
    width 300ms ease-in 0s, height 300ms ease-in 0s,
    background-color 0.1s ease-in 0s;
}

.active .search-circle {
  width: 0;
  height: 0;
  border-width: 0;
  top: 12px;
  left: 12px;
  transition: top 300ms ease-in 0s, left 300ms ease-in 0s,
    border-radius 0s ease-in 300ms, border-width 300ms ease-in 0s,
    width 300ms ease-in 0s, height 300ms ease-in 0s,
    background-color 0s ease-in 300ms;
}

.homepage .active .search-circle.second {
  background-color: #fff;
}

.active .search-circle.second {
  width: 30px;
  height: 2px;
  top: 15px;
  left: 0;
  transform: rotate(45deg);
  background-color: #1a1a1a;
}

.active .second-line {
  transform: rotate(135deg);
}

header.click-burger-menu .search-line,
header.click-burger-menu .active .search-circle.second {
  background-color: #1a1a1a;
}

header.click-burger-menu .search-circle {
  border: 2px solid #1a1a1a;
}

header.click-burger-menu .active .search-circle {
  border-width: 0;
}

/* Search Engine */

.search-engine-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
}

.menu-actions > ul > li.search-engine-list {
  padding-left: 0px;
  padding-right: 0px;
}

.search-engine {
  width: 104px;
  height: 40px;
  transition: all 300ms ease-in-out;
  animation-duration: 500ms;
  animation-delay: 600ms;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 40px;
}

.search-engine.is-click {
  width: 250px;
  border: solid 2px #26d07c;
}

.search-engine-input {
  position: relative;
  height: 100%;
}

body.homepage .search-engine .search-engine-input .search-engine-field {
  color: #fff;
}

body.homepage
  .search-engine
  .search-engine-input
  .search-engine-field::placeholder {
  color: #fff !important;
}

.search-engine .search-engine-input .search-engine-field {
  height: 100%;
  border: none;
  font-size: 14px;
  color: #000;
  padding-left: 30px;
  box-sizing: border-box;
}

.search-engine .search-engine-input .search-engine-field::placeholder {
  color: #000 !important;
  font-family: "DubaiRegular";
}

.search-engine .search-engine-input .search-engine-field:focus,
.search-engine
  .search-engine-input
  .search-engine-field[type="text"]:not(.browser-default):focus:not(
    [readonly]
  ) {
  border: none !important;
  box-shadow: none !important;
}

.search-engine .search-engine-input .search-engine-icon {
  position: absolute;
  top: 8px;
  left: 0px;
  font-size: 24px;
  margin: 0px;
}

.search-engine-box {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  background: #fff;
  padding: 24px;
  color: #000;
  border-radius: 8px;
  max-width: 540px;
  min-width: 540px;
  width: 100%;
  box-shadow: 0px 0px 20px 0px rgba(183, 183, 183, 0.3);
  display: none;
}

.search-engine-box.active {
  min-height: 348px;
}

.search-engine-box a {
  color: #000 !important;
}

.search-engine-box-title {
  font-size: 15px;
  font-family: "DubaiBold";
  color: #1a1a1a;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.search-engine-box ul li i {
  color: #89898b;
}

.search-engine-box ul li a {
  color: #6b6c6e !important;
  letter-spacing: 0.07px;
  font-weight: 400;
}

.search-quick-links ul li a {
  color: #000 !important;
}

.search-engine-box ul li a span.highlight {
  color: #121212 !important;
  font-family: "Dubaibold";
}

.search-engine-box ul {
  margin-bottom: 8px;
  padding: 0px;
}

.search-engine-box ul li {
  padding: 10px 16px;
  border-radius: 8px;
}

.search-engine-box ul li:hover {
  background: #f1f8f5;
}

.search-engine-box ul li:hover a {
  color: #008755 !important;
}

.search-engine-recent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  align-items: center;
}

.search-engine-recent .search-engine-box-title {
  margin-bottom: 0px;
}

.search-engine-see {
  font-size: 13px;
  color: #1a1a1a;
}

.search-engine-call {
  display: flex;
  justify-content: space-between;
}

.search-engine-call > div {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  padding: 6px 10px 6px 10px;
  border-radius: 100px;
  font-family: "DubaiMedium";
}

.search-engine-call > div img {
  height: 18px;
  margin-right: 5px !important;
}

.search-engine-call > div i {
  margin-right: 5px !important;
}

.search-engine-call > div .green-text {
  color: #008755 !important;
}

.search-engine-call > div .red-text {
  color: #d73e2f !important;
}

.se-see-more {
  font-size: 10px;
  font-family: "29ltbukrabold";
  padding-left: 16px;
}

.se-see-more a {
  color: rgba(0, 0, 0, 0.6) !important;
}

.se-see-more a:hover {
  color: #121212 !important;
}

.search-engine-mb {
  border-radius: 12px;
  border: 1.5px solid #008755;
  background: #fff;
  position: relative;
  margin-bottom: 32px;
  height: 36px;
  display: none;
}

.search-engine-mb .search-engine-field-mb {
  height: 100% !important;
  border: none !important;
  padding: 0px 16px 0px 52px !important;
  box-sizing: border-box !important;
}

.search-engine-mb
  input[type="text"].search-engine-field-mb:not(.browser-default):focus:not(
    [readonly]
  ) {
  border-bottom: none !important;
}

.search-engine-mb .search-engine-icon {
  position: absolute;
  top: 8px;
  left: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 800;
  font-size: 20px;
}

/* RTL */

.rtl .search-engine-box {
  right: auto;
  left: 0;
}

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

.rtl .side-menu-dropdown-list-in {
  margin-left: 0px;
  margin-right: 4px;
}

.rtl .search-engine .search-engine-input .search-engine-icon {
  left: auto;
  right: 0;
}

.rtl .search-engine .search-engine-input .search-engine-field {
  padding-left: 0px;
  padding-right: 30px;
}

/* Bootstrap 5 custom */

.row [class*="col-"],
.form-group [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

/* langauge SeLection */

.lang-sel {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999;
}
.lang-sel-box-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(13.199999809265137px);
  z-index: 999999999;
}
.menu-actions > ul > li.lang-sel-list {
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
}
.lang-sel-name {
  line-height: 20px;
}
.menu-actions > ul > li .lang-sel-expand {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.lang-sel-box {
  position: fixed;
  background: #fff;
  max-width: 924px;
  width: 100%;
  height: 70%;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999999;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 24px;

  transition: -webkit-transform 100ms ease-out;
  transition: transform 100ms ease-out;
  transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
}

.lang-sel-box-in {
  height: 100%;
  padding: 114px 32px 48px 48px;
  transition: all 300ms ease-out;
}

.lang-sel-box-in.scrolled {
  padding-top: 0;
}
.lang-sel-box .lang-sel-close {
  background: #f4f4f4;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
  transition: all 150ms ease-in;
}
.lang-sel-box .lang-sel-close i {
  font-size: 28px;
  color: #121212;
  margin: 0px !important;
}
.lang-sel-close:hover i {
  color: #000;
}

.lang-sel-title {
  font-family: "DubaiBold";
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
  color: #363637;

  padding: 46px 32px 30px 48px;
  backdrop-filter: blur(20px);
  background: #fff;
  border-radius: 24px 24px 0 0;
  position: fixed;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
  backdrop-filter: blur(10px);
}
.lang-sel-title-txt {
  display: flex;
  align-items: center;
}
.lang-sel-title i {
  font-size: 38px;
  margin-right: 6px;
}
.lang-sel-subtitle {
  font-family: "DubaiBold";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #121212;
  margin-bottom: 4px;
}
.lang-sel-info {
  font-size: 16px;
  line-height: 24px;
  color: #4b4c4d;
  margin-bottom: 16px;
}
.suggest-lang {
  margin-bottom: 32px;
}
.lang-sel-box-in ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  margin: 0;
}
.lang-sel-box-in ul li {
  display: flex;
  padding: 8px;
  margin: 0 0 8px 0;
  border-radius: 12px;
  width: calc(25% - 24px);
  box-sizing: border-box;
  transition: all 300ms ease-in;
  align-items: center;
  color: #363637;
  position: relative;
  cursor: pointer;
}
.lang-sel-box-in ul li:hover {
  background: #f0f4f3;
}

.lang-sel-box-in ul li.selected {
  background: #e8eeeb;
}
.lang-sel-box-in ul li i {
  -ms-transform: scale(0); /* IE 9 */
  -webkit-transform: scale(0); /* Safari 3-8 */
  transform: scale(0);
  position: absolute;
  right: 14px;
  top: 14px;
  font-size: 16px;
  color: #008755;
}
.lang-sel-box-in ul li.selected i {
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari 3-8 */
  transform: scale(1);
}

.lang-sel-box-in ul li .ff-round {
  box-shadow: none;
  border: solid 1px #b0bfbb;
  padding: 1px;
}

.lang-sel-box-scroll {
  height: 100%;
}
.lang-sel-box-scroll .mCSB_scrollTools {
  width: 10px;
}
.lang-sel-box-scroll .mCSB_scrollTools .mCSB_draggerContainer {
  background: #f0f0f0;
}
.lang-sel-box-scroll
  .mCS-minimal.mCSB_scrollTools
  .mCSB_dragger
  .mCSB_dragger_bar {
  background: #c2c2c2;
  width: 10px;
}

/* Google Translate */

select.goog-te-combo {
  display: block;
}

.goog-te-gadget .goog-te-combo {
  margin: 0 !important;
  background: none;
  border: none;
  color: #fff;
  font-family: "DubaiRegular";
}

.goog-te-gadget .goog-te-combo option {
  color: #000;
}

.skiptranslate.goog-te-gadget {
  height: 40px;
  overflow: hidden;
}

.skiptranslate {
  z-index: 9999999999;
  position: relative;
}

/* Google Translate New */

.multi-lang-sel {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  width: 100px;
  overflow: hidden;
}

.multi-lang-sec {
  position: absolute;
  color: #000;
  padding: 12px 0px;

  top: calc(100% + 12px);
  box-shadow: 0px 4px 20px rgba(183, 183, 183, 0.3);
  border-radius: 10px;
  background: #fff;

  min-width: 260px;
  right: 0;
  display: none;
}

.rtl .multi-lang-sec {
  right: auto;
  left: 0;
}

.multi-lang-sec.scrollBar {
  height: 300px;
}

.multi-lang-sec.scrollBar
  .mCSB_outside
  + .mCS-minimal.mCSB_scrollTools_vertical,
.multi-lang-sec.scrollBar
  .mCSB_outside
  + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  margin: 12px;
}

.multi-lang-sec .no-search-res-in {
  min-height: auto;
}

.multi-lang-sec .no-search-res-img img {
  height: 100px;
  width: auto;
}

.multi-lang-ul li {
  display: flex;
  padding: 12px 24px;
  cursor: pointer;
  transition: all 300ms ease-in;
  align-items: center;
  font-size: 14px;
}

.multi-lang-ul li:hover {
  background: #f4f4f4;
}

.multi-lang-ul li img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 50%;
  border: solid 1px #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.rtl .multi-lang-ul li img {
  margin-right: 0px;
  margin-left: 12px;
}

.multi-lang-ul li .multi-lang-text .highlight {
  font-family: "DubaiBold";
  color: #008755;
}

#multilangsearch {
  height: 100%;
  border: none;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
  width: auto;
}

.homepage #multilangsearch {
  color: #fff;
}

#multilangsearch:focus {
  border: none !important;
  box-shadow: none !important;
}

.multi-lang-close {
  position: absolute;
  top: 8px;
  right: 0px;
  display: none;
}

/* Temporary Color Classes */
.traffic-service .service-icon {
  background-image: linear-gradient(to bottom, #57ebd9, #716dea) !important;
}

.certificate-permit .service-icon {
  background-image: linear-gradient(to bottom, #f0c427, #f69323) !important;
}

.save-life .service-icon {
  background-image: linear-gradient(to bottom, #00f197, #05868e) !important;
}

.criminal-service .service-icon {
  background-image: linear-gradient(to bottom, #ffa4a4, #890909) !important;
}

.community-service .service-icon {
  background-image: linear-gradient(to bottom, #f393c5, #623aa2) !important;
}

/* Css Flags */

.fflag {
  background-image: url(../img/flagSprite42.png);
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
}

.fflag-CH,
.fflag-NP {
  box-shadow: none !important;
}

.fflag-DZ {
  background-position: center 0.2287%;
}

.fflag-AO {
  background-position: center 0.4524%;
}

.fflag-BJ {
  background-position: center 0.6721%;
}

.fflag-BW {
  background-position: center 0.8958%;
}

.fflag-BF {
  background-position: center 1.1162%;
}

.fflag-BI {
  background-position: center 1.3379%;
}

.fflag-CM {
  background-position: center 1.5589%;
}

.fflag-CV {
  background-position: center 1.7805%;
}

.fflag-CF {
  background-position: center 2.0047%;
}

.fflag-TD {
  background-position: center 2.2247%;
}

.fflag-CD {
  background-position: left 2.4467%;
}

.fflag-DJ {
  background-position: left 2.6674%;
}

.fflag-EG {
  background-position: center 2.8931%;
}

.fflag-GQ {
  background-position: center 3.1125%;
}

.fflag-ER {
  background-position: left 3.3325%;
}

.fflag-ET {
  background-position: center 3.5542%;
}

.fflag-GA {
  background-position: center 3.7759%;
}

.fflag-GM {
  background-position: center 4.0015%;
}

.fflag-GH {
  background-position: center 4.2229%;
}

.fflag-GN {
  background-position: center 4.441%;
}

.fflag-GW {
  background-position: left 4.66663%;
}

.fflag-CI {
  background-position: center 4.8844%;
}

.fflag-KE {
  background-position: center 5.1061%;
}

.fflag-LS {
  background-position: center 5.3298%;
}

.fflag-LR {
  background-position: left 5.5495%;
}

.fflag-LY {
  background-position: center 5.7712%;
}

.fflag-MG {
  background-position: center 5.994%;
}

.fflag-MW {
  background-position: center 6.2156%;
}

.fflag-ML {
  background-position: center 6.4363%;
}

.fflag-MR {
  background-position: center 6.658%;
}

.fflag-MU {
  background-position: center 6.8805%;
}

.fflag-YT {
  background-position: center 7.1038%;
}

.fflag-MA {
  background-position: center 7.3231%;
}

.fflag-MZ {
  background-position: left 7.5448%;
}

.fflag-NA {
  background-position: left 7.7661%;
}

.fflag-NE {
  background-position: center 7.98937%;
}

.fflag-NG {
  background-position: center 8.2099%;
}

.fflag-CG {
  background-position: center 8.4316%;
}

.fflag-RE {
  background-position: center 8.6533%;
}

.fflag-RW {
  background-position: right 8.875%;
}

.fflag-SH {
  background-position: center 9.0967%;
}

.fflag-ST {
  background-position: center 9.32237%;
}

.fflag-SN {
  background-position: center 9.5426%;
}

.fflag-SC {
  background-position: left 9.7628%;
}

.fflag-SL {
  background-position: center 9.9845%;
}

.fflag-SO {
  background-position: center 10.2052%;
}

.fflag-ZA {
  background-position: left 10.4269%;
}

.fflag-SS {
  background-position: left 10.6486%;
}

.fflag-SD {
  background-position: center 10.8703%;
}

.fflag-SR {
  background-position: center 11.0945%;
}

.fflag-SZ {
  background-position: center 11.3135%;
}

.fflag-TG {
  background-position: left 11.5354%;
}

.fflag-TN {
  background-position: center 11.7593%;
}

.fflag-UG {
  background-position: center 11.9799%;
}

.fflag-TZ {
  background-position: center 12.2005%;
}

.fflag-EH {
  background-position: center 12.4222%;
}

.fflag-YE {
  background-position: center 12.644%;
}

.fflag-ZM {
  background-position: center 12.8664%;
}

.fflag-ZW {
  background-position: left 13.0873%;
}

.fflag-AI {
  background-position: center 13.309%;
}

.fflag-AG {
  background-position: center 13.5307%;
}

.fflag-AR {
  background-position: center 13.7524%;
}

.fflag-AW {
  background-position: left 13.9741%;
}

.fflag-BS {
  background-position: left 14.1958%;
}

.fflag-BB {
  background-position: center 14.4175%;
}

.fflag-BQ {
  background-position: center 14.6415%;
}

.fflag-BZ {
  background-position: center 14.8609%;
}

.fflag-BM {
  background-position: center 15.0826%;
}

.fflag-BO {
  background-position: center 15.306%;
}

.fflag-VG {
  background-position: center 15.528%;
}

.fflag-BR {
  background-position: center 15.7496%;
}

.fflag-CA {
  background-position: center 15.9694%;
}

.fflag-KY {
  background-position: center 16.1911%;
}

.fflag-CL {
  background-position: left 16.4128%;
}

.fflag-CO {
  background-position: left 16.6345%;
}

.fflag-KM {
  background-position: center 16.8562%;
}

.fflag-CR {
  background-position: center 17.0779%;
}

.fflag-CU {
  background-position: left 17.2996%;
}

.fflag-CW {
  background-position: center 17.5213%;
}

.fflag-DM {
  background-position: center 17.743%;
}

.fflag-DO {
  background-position: center 17.968%;
}

.fflag-EC {
  background-position: center 18.1864%;
}

.fflag-SV {
  background-position: center 18.4081%;
}

.fflag-FK {
  background-position: center 18.6298%;
}

.fflag-GF {
  background-position: center 18.8515%;
}

.fflag-GL {
  background-position: left 19.0732%;
}

.fflag-GD {
  background-position: center 19.2987%;
}

.fflag-GP {
  background-position: center 19.518%;
}

.fflag-GT {
  background-position: center 19.7383%;
}

.fflag-GY {
  background-position: center 19.96%;
}

.fflag-HT {
  background-position: center 20.1817%;
}

.fflag-HN {
  background-position: center 20.4034%;
}

.fflag-JM {
  background-position: center 20.6241%;
}

.fflag-MQ {
  background-position: center 20.8468%;
}

.fflag-MX {
  background-position: center 21.0685%;
}

.fflag-MS {
  background-position: center 21.2902%;
}

.fflag-NI {
  background-position: center 21.5119%;
}

.fflag-PA {
  background-position: center 21.7336%;
}

.fflag-PY {
  background-position: center 21.9553%;
}

.fflag-PE {
  background-position: center 22.177%;
}

.fflag-PR {
  background-position: left 22.4002%;
}

.fflag-BL {
  background-position: center 22.6204%;
}

.fflag-KN {
  background-position: center 22.8421%;
}

.fflag-LC {
  background-position: center 23.0638%;
}

.fflag-PM {
  background-position: center 23.2855%;
}

.fflag-VC {
  background-position: center 23.5072%;
}

.fflag-SX {
  background-position: left 23.732%;
}

.fflag-TT {
  background-position: center 23.9506%;
}

.fflag-TC {
  background-position: center 24.1723%;
}

.fflag-US {
  background-position: center 24.392%;
}

.fflag-VI {
  background-position: center 24.6157%;
}

.fflag-UY {
  background-position: left 24.8374%;
}

.fflag-VE {
  background-position: center 25.0591%;
}

.fflag-AB {
  background-position: center 25.279%;
}

.fflag-AF {
  background-position: center 25.5025%;
}

.fflag-AZ {
  background-position: center 25.7242%;
}

.fflag-BD {
  background-position: center 25.9459%;
}

.fflag-BT {
  background-position: center 26.1676%;
}

.fflag-BN {
  background-position: center 26.3885%;
}

.fflag-KH {
  background-position: center 26.611%;
}

.fflag-CN {
  background-position: left 26.8327%;
}

.fflag-GE {
  background-position: center 27.0544%;
}

.fflag-HK {
  background-position: center 27.2761%;
}

.fflag-IN {
  background-position: center 27.4978%;
}

.fflag-ID {
  background-position: center 27.7195%;
}

.fflag-JP {
  background-position: center 27.9412%;
}

.fflag-KZ {
  background-position: center 28.1615%;
}

.fflag-LA {
  background-position: center 28.3846%;
}

.fflag-MO {
  background-position: center 28.6063%;
}

.fflag-MY {
  background-position: center 28.829%;
}

.fflag-MV {
  background-position: center 29.0497%;
}

.fflag-MN {
  background-position: left 29.2714%;
}

.fflag-MM {
  background-position: center 29.4931%;
}

.fflag-NP {
  background-position: left 29.7148%;
}

.fflag-KP {
  background-position: left 29.9365%;
}

.fflag-MP {
  background-position: center 30.1582%;
}

.fflag-PW {
  background-position: center 30.3799%;
}

.fflag-PG {
  background-position: center 30.6016%;
}

.fflag-PH {
  background-position: left 30.8233%;
}

.fflag-SG {
  background-position: left 31.045%;
}

.fflag-KR {
  background-position: center 31.2667%;
}

.fflag-LK {
  background-position: right 31.4884%;
}

.fflag-TW {
  background-position: left 31.7101%;
}

.fflag-TJ {
  background-position: center 31.9318%;
}

.fflag-TH {
  background-position: center 32.1535%;
}

.fflag-TL {
  background-position: left 32.3752%;
}

.fflag-TM {
  background-position: center 32.5969%;
}

.fflag-VN {
  background-position: center 32.8186%;
}

.fflag-AX {
  background-position: center 33.0403%;
}

.fflag-AL {
  background-position: center 33.25975%;
}

.fflag-AD {
  background-position: center 33.4837%;
}

.fflag-AM {
  background-position: center 33.7054%;
}

.fflag-AT {
  background-position: center 33.9271%;
}

.fflag-BY {
  background-position: left 34.1488%;
}

.fflag-BE {
  background-position: center 34.3705%;
}

.fflag-BA {
  background-position: center 34.5922%;
}

.fflag-BG {
  background-position: center 34.8139%;
}

.fflag-HR {
  background-position: center 35.0356%;
}

.fflag-CY {
  background-position: center 35.2555%;
}

.fflag-CZ {
  background-position: left 35.479%;
}

.fflag-DK {
  background-position: center 35.7007%;
}

.fflag-EE {
  background-position: center 35.9224%;
}

.fflag-FO {
  background-position: center 36.1441%;
}

.fflag-FI {
  background-position: center 36.3658%;
}

.fflag-FR {
  background-position: center 36.5875%;
}

.fflag-DE {
  background-position: center 36.8092%;
}

.fflag-GI {
  background-position: center 37.0309%;
}

.fflag-GR {
  background-position: left 37.2526%;
}

.fflag-GG {
  background-position: center 37.4743%;
}

.fflag-HU {
  background-position: center 37.696%;
}

.fflag-IS {
  background-position: center 37.9177%;
}

.fflag-IE {
  background-position: center 38.1394%;
}

.fflag-IM {
  background-position: center 38.3611%;
}

.fflag-IT {
  background-position: center 38.5828%;
}

.fflag-JE {
  background-position: center 38.8045%;
}

.fflag-XK {
  background-position: center 39.0262%;
}

.fflag-LV {
  background-position: center 39.2479%;
}

.fflag-LI {
  background-position: left 39.4696%;
}

.fflag-LT {
  background-position: center 39.6913%;
}

.fflag-LU {
  background-position: center 39.913%;
}

.fflag-MT {
  background-position: left 40.1347%;
}

.fflag-MD {
  background-position: center 40.3564%;
}

.fflag-MC {
  background-position: center 40.5781%;
}

.fflag-ME {
  background-position: center 40.7998%;
}

.fflag-NL {
  background-position: center 41.0215%;
}

.fflag-MK {
  background-position: center 41.2432%;
}

.fflag-NO {
  background-position: center 41.4649%;
}

.fflag-PL {
  background-position: center 41.6866%;
}

.fflag-PT {
  background-position: center 41.9083%;
}

.fflag-RO {
  background-position: center 42.13%;
}

.fflag-RU {
  background-position: center 42.3517%;
}

.fflag-SM {
  background-position: center 42.5734%;
}

.fflag-RS {
  background-position: center 42.7951%;
}

.fflag-SK {
  background-position: center 43.0168%;
}

.fflag-SI {
  background-position: center 43.2385%;
}

.fflag-ES {
  background-position: left 43.4602%;
}

.fflag-SE {
  background-position: center 43.6819%;
}

.fflag-CH {
  background-position: center 43.9036%;
}

.fflag-TR {
  background-position: center 44.1253%;
}

.fflag-UA {
  background-position: center 44.347%;
}

.fflag-GB {
  background-position: center 44.5687%;
}

.fflag-VA {
  background-position: right 44.7904%;
}

.fflag-BH {
  background-position: center 45.0121%;
}

.fflag-IR {
  background-position: center 45.2338%;
}

.fflag-IQ {
  background-position: center 45.4555%;
}

.fflag-IL {
  background-position: center 45.6772%;
}

.fflag-KW {
  background-position: left 45.897%;
}

.fflag-JO {
  background-position: left 46.1206%;
}

.fflag-KG {
  background-position: center 46.3423%;
}

.fflag-LB {
  background-position: center 46.561%;
}

.fflag-OM {
  background-position: left 46.7857%;
}

.fflag-PK {
  background-position: center 47.0074%;
}

.fflag-PS {
  background-position: center 47.2291%;
}

.fflag-QA {
  background-position: center 47.4508%;
}

.fflag-SA {
  background-position: center 47.6725%;
}

.fflag-SY {
  background-position: center 47.8942%;
}

.fflag-AE {
  background-position: center 48.1159%;
}

.fflag-UZ {
  background-position: left 48.3376%;
}

.fflag-AS {
  background-position: right 48.5593%;
}

.fflag-AU {
  background-position: center 48.781%;
}

.fflag-CX {
  background-position: center 49.002%;
}

.fflag-CC {
  background-position: center 49.2244%;
}

.fflag-CK {
  background-position: center 49.4445%;
}

.fflag-FJ {
  background-position: center 49.6678%;
}

.fflag-PF {
  background-position: center 49.8895%;
}

.fflag-GU {
  background-position: center 50.1112%;
}

.fflag-KI {
  background-position: center 50.3329%;
}

.fflag-MH {
  background-position: left 50.5546%;
}

.fflag-FM {
  background-position: center 50.7763%;
}

.fflag-NC {
  background-position: center 50.998%;
}

.fflag-NZ {
  background-position: center 51.2197%;
}

.fflag-NR {
  background-position: left 51.4414%;
}

.fflag-NU {
  background-position: center 51.6631%;
}

.fflag-NF {
  background-position: center 51.8848%;
}

.fflag-WS {
  background-position: left 52.1065%;
}

.fflag-SB {
  background-position: left 52.3282%;
}

.fflag-TK {
  background-position: center 52.5499%;
}

.fflag-TO {
  background-position: left 52.7716%;
}

.fflag-TV {
  background-position: center 52.9933%;
}

.fflag-VU {
  background-position: left 53.215%;
}

.fflag-WF {
  background-position: center 53.4385%;
}

.fflag-AQ {
  background-position: center 53.6584%;
}

.fflag-EU {
  background-position: center 53.875%;
}

.fflag-JR {
  background-position: center 54.099%;
}

.fflag-OLY {
  background-position: center 54.32%;
}

.fflag-UN {
  background-position: center 54.54%;
}

.fflag-TD.ff-round,
.fflag-GN.ff-round,
.fflag-CI.ff-round,
.fflag-ML.ff-round,
.fflag-NG.ff-round,
.fflag-BE.ff-round,
.fflag-FR.ff-round,
.fflag-IE.ff-round,
.fflag-IT.ff-round,
.fflag-RO.ff-round {
  background-size: 100% 50000%;
}

.fflag.ff-sm {
  width: 18px;
  height: 11px;
}

.fflag.ff-md {
  width: 27px;
  height: 17px;
}

.fflag.ff-lg {
  width: 42px;
  height: 27px;
}

.fflag.ff-xl {
  width: 60px;
  height: 37px;
}

/* ff-round = circular icons */
.ff-round {
  background-size: 160%;
  background-clip: content-box;
  border-radius: 50%;
  border: solid 1px #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.ff-round.ff-sm {
  width: 12px;
  height: 12px;
}

.ff-round.ff-md {
  width: 18px;
  height: 18px;
}

.ff-round.ff-lg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.rtl .ff-round.ff-lg {
  margin-right: 0px;
  margin-left: 8px;
}

.ff-round.ff-xl {
  width: 32px;
  height: 32px;
}