/* Anubhav's css */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");

@font-face {
  font-family: LinotypeCondensed;
  src: url(https://storage.unitedwebnetwork.com/files/1278/ff01715e68792bcf165fc1aa31d7c6d4.ttf);
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 16px;
  scroll-padding-top: 110px;
  scroll-behavior: smooth;
}

body {
  line-height: 1.375;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1.1rem;
  font-family: LinotypeCondensed !important;

}

/* Layout */
/* .container {
  max-width: 960px;
} */

a {
  text-decoration: none !important;
}

#fContent a:not(.fButton, h3 a) {
  color: #000 !important;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: LinotypeCondensed;
  ;
  color: #1d2127;
}

h1 {
  font-size: 2.25rem;
  margin: 1.25rem 0 1rem;
  font-weight: 800;
}

h2 {
  font-size: 2rem;
  margin: 1.25rem 0 1rem;
  font-weight: 400;
}

h3 {
  font-size: 1.8rem;
  margin: 1.25rem 0 1rem;
  font-weight: 400;
  line-height: 140%;
}

h4 {
  font-size: 1.5rem;
  margin: 1.56rem 0 1rem;
  font-weight: 400;
  line-height: 140%;
}

ul,
ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  color: #000;
  line-height: 24px;
  margin: 0 0 20px;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  text-align: justify;
}

/* .container {
  min-width: 320px;
} */

body.width-full #fContent>.container {
  width: 100%;
  padding: 0;
  min-width: 100%;
}

.fModuleTitle h3 {
  font-size: 2.2em;
}

/***----**/

form.fForm .form-item {
  padding-top: 0;
  padding-bottom: 1rem;
}

form.fForm label {
  width: 100%;
  text-align: left;
  display: block;
  padding-top: 0;
  font-weight: bold;

}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  width: calc(100% - 2px) !important;
  margin: 2px !important;
  height: 42px !important;
  padding: .375rem .75rem !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}

textarea {
  height: 100px !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
  border: 1px solid #aaa !important;
  margin: 0 !important;
}

form {
  margin: 30px 0;
}

.hasFormRow form {
  margin: 30px 0;
}

.hasFormRow .buttons {
  padding-left: 15px !important;
}

form.fForm .buttons {
  padding-left: 15px !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

form.fForm .buttons input:focus {
  border: 3px solid var(--brand-color-1);
  margin: 2px;
  margin-right: 1rem;
}

form.fForm .form-item-error input,
form.fForm .form-item-error select,
form.fForm .form-item-error textarea {
  border: 2px solid #CC0000;
  margin: 1px;
}

form.fForm .form-item-error>label {
  color: #cc0000;
}

.fModule {
  padding-top: 0.5rem;
  padding-bottom: 0.0rem;
  margin: 1rem 0;
}

header .fModule {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

.region-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wrap {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.page-title {
  /* background-image: url(https://storage.unitedwebnetwork.com/files/1278/f3657c1e3b302400d3a967dcc0e3d855.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  /* padding: 2rem 0 10rem; */
  /* background-position-y: -100px; */
  position: relative;
}

.page-title .wrap {
  position: absolute;
  top: 16%;
  left: 6%;
}

.page-title h1 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 800;
  text-align: left;
}

form.fForm fieldset {
  border: 0 none;
  margin: 0.5rem 0;
  padding: 0;
}

form.fForm fieldset legend,
.path-user-login- form label {
  padding: 0.5rem 0;
  font-size: 1.25rem;
  color: #28a745;
  margin-bottom: 0;
  font-weight: bold;
}

a.fButton,
form.fForm .buttons input,
.listing-header-item-currency input,
.discount-code input[type="submit"] {
  position: relative;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  color: #ffffff !important;
  font-weight: 400;
  text-align: center;
  background-color: #28a745 !important;
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  transition: all 300ms ease;
  display: inline-block;
  border: 3px solid #28a745;
  font-family: "Jost", sans-serif !important;
}

a.fButton:hover,
form.fForm .buttons input:hover,
.listing-header-item-currency input:hover,
.discount-code input[type="submit"]:hover {
  color: #28a745 !important;
  background-color: transparent !important;
}

#nav-up {
  display: none !important;
}

footer {
  background: #0a3784;
  margin-top: 50px;
  padding: 30px 0;
  position: relative;
}

footer a,
footer h3,
footer p {
  color: #fff;
}

footer h3 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

footer h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 50%;
  background: #fff;
}

footer img {
  /* filter: brightness(0) invert(1);
  max-height: 20px; */
  margin-right: 10px;
  height: auto !important;
}

header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  /* padding: 20px 0; */
  padding-top: 0;
  background: #0a3784;
  border-bottom: 1px solid #000;
  transition: 0.6s all ease;
}
.fheaderToptwo {
  padding: 10px 0 10px;
  background: #2face0;
}
header .navbar-header {
  padding: 20px 0;
}
/* body.f-scrolled  {
  margin-top: 100px;
} */
header .fLogo img {
  max-height: 80px;
  transition: 0.6s all ease;
}

.f-scrolled header,
header {
  background: #0a3784;
  border-bottom-color: #fff;
}

.fSocial ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.fSocial ul li a {
  display: inline-block;
}

.fSocial ul li img {
  max-height: 30px;
}

.iconset .fMenu {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.iconset .fMenu>li {
  list-style: none;
  padding: 1rem !important;
  background: #f5f5f5;
  transition: 0.5s all;
  position: relative;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  flex: 1 1 280px;
  margin: 0;
}

.iconset .fMenu>li>a {
  display: block;
  font-weight: bold;
  color: #000;
  border-radius: 5px;
  color: #000 !important;
}

.iconset img {
  width: auto;
  max-width: 64px;
  display: block;
  margin-bottom: 0.5rem;
  display: block;
}

.iconset ul,
.iconset ul li {
  list-style: none;
}

.iconset .fMenu ul {
  margin: 0 !important;
  margin-top: 0px !important;
  margin-top: 1rem !important;
  padding-left: 2rem !important;
  display: block;
}

.iconset .fMenu ul li {
  margin: 0;
  margin-bottom: 0px !important;
  margin-bottom: 0.25rem !important;
  list-style: square;
}

.iconset .fMenu ul a {
  font-weight: 500;
  color: #000 !important;
}

.iconset .fMenu>li {
  list-style:
    none;
  padding:
    1rem;
  background:
    #f5f5f5;
  transition:
    0.5s all;
  position: relative;
  border:
    1px solid #eaeaea;
  border-radius:
    5px;
  flex:
    1 1 280px;
  margin:
    0;
}

.listing-header-item-currency {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 35px;
}

.listing-header-item-currency>*,
.discount-code .form-item>* {
  flex: 0 0 auto;
}

.listing-header-item-currency select,
.discount-code input[type="text"] {
  width: 85% !important;
  height: auto !important;
}

.listing-header-item-currency input,
.discount-code input[type="submit"] {
  width: 13% !important;
}

.user-register-group .f-table-title label {
  display: flex;
  align-items: center;
}

.user-register-group table tr td:last-child {
  width: 20%;
  text-align: right;
}

.discount-code .form-item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.discount-code label {
  width: 100%;
}

.invoice-pmodes,
#invoice,
.listing-container {
  margin: 20px 0;
}

form.fForm .form-heading {
  margin: 1.5rem 0 1rem 0;
  border-bottom: 1px solid #bc3a94;
  color: #344e87;
  font-size: 1.25rem;
  padding-left: 0;
}

.has-user .fForm {
  margin-top: 30px;
}

.fForm .hint,
.fForm .error {
  margin-left: 0 !important;
}

.path-user-login- #form-item-username {
  display: block !important;
}

.f-table th,
.f-table tr.thead td {
  background: #047c5f !important;
}

.path-user-account-recover- #form-item-username {
  display: block !important;
  width: 100% !important;
}

.iti {
  width: 100%;
}

.iti input {
  padding-left: 85px !important;
}

.fForm .form-item-option {
  margin: 0 0 0 0px;
}

.fForm .form-item-option label {
  display: flex;
  gap: 10px;
}

.fForm .form-item-option label input {
  margin-top: 5px;
}

.customizedForm form {
  padding: 5%;
  padding-top: 0;
}

.no-title .fPageTitle {
  display: none;
}

.fPageTitle {
  background: #0a3783;
  padding-top: 30px;
  padding-bottom: 30px;
}

.fPageTitle h1 {
  color: #fff;
  text-align: center;
}

.full-width #fContent>.container {
  max-width: 100%;
  padding: 0;
}

/* For custom ul li maerkers */
.customList ul {
  padding: 0;
  margin-bottom: 20px !important;
}

.customList li {
  padding-left: 31px !important;
  position: relative;
}

.customList li:after {
  content: '';
  position: absolute;
  left: 5px;
  width: 15px;
  height: 15px;
  background-image: url(https://img.icons8.com/ios/50/hand-right.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: 5px;
}

/* HOmepage */
.homeHeader .page-title {
  text-align: left;
}

.homeHeader .page-title .container {
  padding: 0 !important;
}

.homeHeader .page-title h1 {
  font-family: LinotypeCondensed;
}

.homeHeader .page-title h1 span {
  display: block;
  font-weight: normal;
  margin-top: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
}

.fCountdown {
  position: relative;
  top: -71px;
  z-index: 99;
}

.fCountdown .fModuleContent {
  background: #0b3884;
  text-align: center;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 12px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 8px 12px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 8px 12px -3px rgba(0, 0, 0, 0.75);
}

.fCountdown .fCountText {
  color: #fff;
  text-align: center;
}

.fCountdown .fCountText h4 {
  font-size: 3rem;
  color: #fff;
}

.fCountdown .fModuleContent .row {
  justify-content: center;
}

.fAbout h3,
.fAbout h4 {
  color: #777;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5rem;
}

.fAbout h4 {
  font-size: 1.5rem;
}

.fAbout ul li {
  color: #777;
  line-height: 24px;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
}

.body .wrap {
  overflow: visible;
}

.fMainMenu .fMenu {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 16px;
}

.fMainMenu .fMenu a {
  font-size: 18px;
  color: #000;

}

.f-scrolled .fMainMenu .fMenu a,
.fMainMenu .fMenu a {
  color: #fff;
}

.f-scrolled .fMainMenu .fMenu ul li a {
  color: #000;
}

.fMainMenu .fMenu li {
  position: relative;
}

.fMainMenu .fMenu li ul {
  position: absolute;
  top: 100%;
  width: 300px;
  left: 0;
  z-index: 999;
  background: #2face0;
}

.fMainMenu .fMenu li ul a {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
}

.fMainMenu .fMenu li ul li {
  text-align: left;
  border-bottom: 1px solid #fff;
}

.has-user .fMainMenu .fMenu>li:last-child>a>.menu-item-text {
  display: none;
}

.has-user .fMainMenu .fMenu>li:last-child>a>.menu-item-icon {
  display: inline-block;
}

.has-user .fMainMenu .fMenu>li:last-child .menu-item-icon img {
  max-height: 30px;
}

.fHeading .fModuleTitle h3 {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  border: 1px solid #0a3784;
  border-radius: 50px;
  color: #0a3784;
  padding: 3px 32px;
}

.fCustomHead h2 {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #5fbe8f;
  font-size: 1.5rem;
}

.fCustomHead h2:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 5px;
  background: #5fbe8f;
}

.bgGrey {
  background-color: rgb(245, 245, 245);
}

/* .fHeading .fModuleTitle h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10%;
  height: 2px;
  background: #000;
} */
.fHideTitle .fModuleTitle {
  opacity: 0;
}

.fBanner {
  /* background-image: url(https://storage.unitedwebnetwork.com/files/1286/b2037486e7ebe3c28fb93ab88e6b2aca.jpg);
  background-repeat: no-repeat;
  background-size: cover; */
  position: relative;
}


/* .fBanner .fGalleryItem {
  display: flex;
  justify-content: space-between;
  z-index: 99;
  position: relative;
  flex-direction: row-reverse;
  align-items: center;
  padding: 130px 0 94px !important;
} */
.fBanner .fGalleryItem {
  position: relative;
}

.fBanner .fGalleryItem:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to right, #0b3d91e6, #1a64d6cc); */
  background: rgba(0, 0, 0, 0);
  z-index: 9;
}

.fBanner .fGalleryText {
  position: absolute;
  width: 80%;
  margin: 0 auto;
  top: 84%;
  left: 65%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.fBanner .fGalleryImage img {
  max-height: 600px;
}

.fBanner h3 {
  font-size: 40px;
  color: #0a3784;
}

.fBanner h3 a {
  font-size: inherit;
  color: inherit;
}

.fBanner h3 span {
  display: block;
  margin: 0px 0 30px;
  font-size: 40px;
  position: relative;
  padding-bottom: 10px;
}

.fBanner h3 span:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 10%;
  background: #fff;
  left: 0;
}

.fBanner .fGalleryText .wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
}

.fBanner .fGalleryText .date {
  display: inline-block;
  color: #fff;
}

.fBanner .fGalleryText .wrapper p {
  font-size: 20px;
  color: #0a3784;
  margin: 0;
}

.fBanner .fGalleryText .date img {
  max-height: 26px;
  filter: brightness(0) invert(1);
}

.fBanner .orga {
  margin-top: 12px;
}

.fBanner .orga p {
  font-size: 18px;
  color: #000;
  margin-bottom: 21px !important;
}

.fBanner .orga img {
  max-height: 50px;
}

.fBanner .fButton {
  min-width: 200px;
  text-align: center;
}

.fPartners .fModuleContent {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.fPartners h4 {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

.fPartners .fModuleContent:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  right: 0;
  background: #0a3784;
  top: 0;
  bottom: 0;
}

.fPartners.SupportPartner .fModuleContent:after {
  display: none;
}

.about-content {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.about-left {
  width: 15%;
  text-align: center;
}

.about-right {
  width: 83%;
}

.about-left img {
  width: 100%;
  max-width: 11.25rem;
  border: 0.063rem solid #ddd;
  /* border-radius: 0.313rem; */
}

.about-name {
  font-size: 1.1rem;
  font-weight: bold;
  color: #2f5597;
  margin-top: 0.5rem;
}

.about-designation {
  font-size: 0.9rem;
  color: #000;
}

.about-right p {
  font-size: 1rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 1rem;
}

.fExpo td,
.fExpo th {
  font-size: 1rem;
}

.fExpo th {
  font-weight: bold;
  background-color: #4472c4 !important;
  padding: 0.5rem !important;
  font-size: 1.5rem;
  color: #fff;
}

.fPaper .fGalleryList .fGalleryItem {
  display: flex;
  justify-content: space-between;
}

.fPaper .fGalleryList .fGalleryItem>* {
  flex: 0 0 auto;
}

.fPaper .fGalleryImage {
  width: 15%;
}

.fPaper .fGalleryText {
  width: 80%;
}

.fPaper .fGalleryText ul,
.fPaper .fGalleryText ul li {
  list-style: disc;
  font-size: inherit;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
}

.fPaper .fGalleryText ul li {
  margin-bottom: 8px !important;
}

.fPaper .fGalleryText ul {
  padding-left: 15px !important;
}

.fTimeline .fGalleryImage {
  display: none;
}

.fTimeline .fGalleryList {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.fTimeline .fGalleryList li {
  flex: 0 0 auto;
  width: 23%;
  text-align: center;
}

.fTimeline .fGalleryList li .fGalleryText {
  padding: 1.5rem;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: none;
  height: 100%;
  border-top: 3px solid #0a3784;
  transition: 0.6s all;
}

.fTimeline .fGalleryList li:hover .fGalleryText {
  -webkit-box-shadow: 0px 8px 16px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 8px 16px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 8px 16px -7px rgba(0, 0, 0, 0.75);
}

.fTimeline .fGalleryList li .fGalleryText h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 0.5rem;
  color: #0a3784;
}

.fTimeline .fGalleryList li .fGalleryText p {
  margin-bottom: 0;
  text-align: center;
}

.fTimeline .fGalleryList li .fGalleryText p span {
  display: block;
}

.fTopics .fModuleContent {
  border-right: 1px solid #0a3784;
}

.fTopics svg {
  color: #5fbe8f;
}

.fTopics ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fTopics ul li {
  flex: 0 0 auto;
  width: 48%;

}

.fTopicsRight ul li,
.fTopics ul li {
  margin-bottom: 8px !important;
}

.fDelegate th,
.fDelegate td {
  border: 3px solid #fff;
}

.fVenue .fGalleryText {
  padding: 15px 0;
}

.fVenue .fGalleryText h3 {
  color: #0a3784;
  margin-top: 0;
}

.fContact .fGalleryList {
  display: flex;
}

.fContact .fGalleryList .fGalleryItem {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  gap: 10px;
  padding: 0 20px !important;
}

.fContact .fGalleryList .fGalleryItem:first-child {
  border-right: 1px solid #0a3784;
}

.fContact .fGalleryText h3 {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  color: #0a3784;
}

.fContact img {
  max-height: 181px;
}

.fCustomTable table {
  border-left: 1px solid #0a3784;
  border-right: 1px solid #0a3784;
}

.fCustomTable td,
.fCustomTable th {
  text-align: center;
  vertical-align: middle;
}

.fCustomTable th {
  background: #0a3784;
  color: #fff;
}

.fCustomTable .wrap {
  display: flex;
  align-items: stretch;
  border: 1px solid #000;
}

.fCustomTable .wrap .blue {
  background: #eee;
}

.fCustomTable .wrap>div {
  flex: 0 0 auto;
  width: 50%;
  height: 50px;
}

.region-footer {
  justify-content: space-between;
}

.fboxy-wrapper {
  height: 100%;
  width: 100%;
  max-width: 901px;
  max-height: 561px;
}

.no-head-foot header,
.no-head-foot footer,
.fboxy-body header,
.fboxy-body footer,
.fboxy-body .page-title {
  display: none !important;
}

.fTech .wrap {
  border: 1px solid #0a3784;
}

.fTech .wrap h3 {
  background: #0a3784;
  padding: 10px;
  color: #fff;
  margin-top: 0;
  font-size: 20px;
}

.fTech .wrap .content {
  padding: 15px;
}

.fTech .wrap ul li {
  position: relative;
  padding-left: 15px !important;
}

.fTech .wrap ul li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  background: #0a3784;
  border-radius: 100%;
}

.fTech .wrap ul li ul li:after {
  border-radius: 0;
  height: 1px;
  top: 10px;
}

#fModule-51460 {
  background: red;
  color: #fff;
  font-size: 20px;
}

footer .fFooterContent img {
  filter: brightness(0) invert(1);
  max-height: 20px;
}

.view-invoice #fMatter {
  padding: 30px 0;
}

.view-checkout form.fForm .buttons {
  padding-left: 0 !important;
}

/* -----------------------X----------------------
              Css for hotspot
-----------------------X---------------------- */
.hotspot {
  position: absolute;
  border: 1px solid #222;
  cursor: pointer;
  background-color: rgba(0, 128, 0, 0.3);
}

.hotspot.paid {
  background-color: rgba(255, 0, 0, 0.5);
}

.hotspot.booked {
  background-color: rgba(255, 165, 0, 0.6);
  cursor: not-allowed;
}

.hotspot-1 {
  width: 41px;
  height: 30px;
  top: 36.5%;
  left: 2.4%;
}

.hotspot-2 {
  width: 20px;
  height: 22px;
  top: 34%;
  left: 2.4%;
}

.hotspot-3 {
  width: 20px;
  height: 22px;
  top: 29.5%;
  left: 2.4%;
}

.hotspot-4 {
  width: 20px;
  height: 22px;
  top: 27.2%;
  left: 2.4%;
}

.hotspot-5 {
  width: 20px;
  height: 19px;
  top: 25%;
  left: 2.4%;
}

.hotspot-6 {
  width: 20px;
  height: 22px;
  top: 22.6%;
  left: 2.4%;
}

.hotspot-7 {
  width: 36px;
  height: 30px;
  top: 18.7%;
  left: 2.4%;
}

.hotspot-9 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 5.5%;
}

.hotspot-10 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 7%;
}

.hotspot-11 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 8.5%;
}

.hotspot-12 {
  width: 24px;
  height: 17px;
  top: 18.7%;
  left: 10%;
}

.hotspot-13 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 13%;
}

.hotspot-14 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 14.5%;
}

.hotspot-15 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 16%;
}

.hotspot-16 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 17.5%;
}

.hotspot-17 {
  width: 25px;
  height: 17px;
  top: 18.7%;
  left: 19%;
}

.hotspot-21 {
  width: 23px;
  height: 28px;
  top: 32%;
  left: 5.3%;
}

.hotspot-22 {
  width: 19px;
  height: 28px;
  top: 32%;
  left: 7%;
}

.hotspot-23 {
  width: 19px;
  height: 28px;
  top: 32%;
  left: 8.5%;
}

.hotspot-24 {
  width: 19px;
  height: 21px;
  top: 29.7%;
  left: 8.5%;
}

.hotspot-25 {
  width: 19px;
  height: 21px;
  top: 29.7%;
  left: 7%;
}

.hotspot-26 {
  width: 23px;
  height: 21px;
  top: 29.7%;
  left: 5.3%;
}

.hotspot-27 {
  width: 23px;
  height: 21px;
  top: 27.4%;
  left: 5.3%;
}

.hotspot-28 {
  width: 18px;
  height: 21px;
  top: 27.4%;
  left: 7%;
}

.hotspot-29 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 8.4%;
}

.hotspot-30 {
  width: 21px;
  height: 19px;
  top: 25.2%;
  left: 8.4%;
}

.hotspot-31 {
  width: 18px;
  height: 19px;
  top: 25.2%;
  left: 7%;
}

.hotspot-32 {
  width: 23px;
  height: 19px;
  top: 25.2%;
  left: 5.3%;
}

.hotspot-33 {
  width: 23px;
  height: 21px;
  top: 22.9%;
  left: 5.3%;
}

.hotspot-34 {
  width: 18px;
  height: 21px;
  top: 22.9%;
  left: 7%;
}

.hotspot-35 {
  width: 19px;
  height: 21px;
  top: 22.9%;
  left: 8.5%;
}

.hotspot-41 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 11.5%;
}

.hotspot-42 {
  width: 19px;
  height: 30px;
  top: 31.9%;
  left: 13%;
}

.hotspot-43 {
  width: 19px;
  height: 30px;
  top: 31.9%;
  left: 14.5%;
}

.hotspot-44 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 11.4%;
}

.hotspot-45 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 13%;
}

.hotspot-46 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 14.5%;
}

.hotspot-47 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 11.4%;
}

.hotspot-48 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 13%;
}

.hotspot-49 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 14.5%;
}

.hotspot-50 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 14.5%;
}

.hotspot-51 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 13%;
}

.hotspot-52 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 11.4%;
}

.hotspot-53 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 11.4%;
}

.hotspot-54 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 13%;
}

.hotspot-55 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 14.5%;
}

.hotspot-101 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 22%;
}

.hotspot-102 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 23.5%;
}

.hotspot-103 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 25%;
}

.hotspot-104 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 26.5%;
}

.hotspot-105 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 28%;
}

.hotspot-106 {
  width: 28px;
  height: 17px;
  top: 18.7%;
  left: 30.7%;
}

.hotspot-107 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 32.7%;
}

.hotspot-108 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 34.2%;
}

.hotspot-109 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 35.7%;
}

.hotspot-110 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 37.2%;
}

/* 3% gap after 110 */

.hotspot-111 {
  width: 22px;
  height: 17px;
  top: 18.7%;
  left: 39.7%;
}

.hotspot-112 {
  width: 22px;
  height: 17px;
  top: 18.7%;
  left: 41.2%;
}

.hotspot-113 {
  width: 22px;
  height: 17px;
  top: 18.7%;
  left: 42.7%;
}

.hotspot-114 {
  width: 22px;
  height: 17px;
  top: 18.7%;
  left: 44.2%;
}

.hotspot-115 {
  width: 22px;
  height: 17px;
  top: 18.7%;
  left: 45.7%;
}

.hotspot-116 {
  width: 22px;
  height: 17px;
  top: 18.7%;
  left: 47.2%;
}

.hotspot-201 {
  width: 25px;
  height: 17px;
  top: 18.7%;
  left: 50%;
}

.hotspot-202 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 52%;
}

.hotspot-203 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 53.5%;
}

.hotspot-204 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 55%;
}

.hotspot-205 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 56.5%;
}

.hotspot-206 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 59.1%;
}

.hotspot-207 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 60.6%;
}

.hotspot-208 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 62.1%;
}

.hotspot-209 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 63.6%;
}

.hotspot-210 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 65.1%;
}

.hotspot-211 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 67.8%;
}

.hotspot-212 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 69.3%;
}

.hotspot-213 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 70.8%;
}

.hotspot-214 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 72.3%;
}

.hotspot-215 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 73.8%;
}

.hotspot-301 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 76.5%;
}

.hotspot-302 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 78%;
}

.hotspot-303 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 79.5%;
}

.hotspot-304 {
  width: 19px;
  height: 17px;
  top: 18.7%;
  left: 81%;
}

.hotspot-305 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 82.5%;
}

.hotspot-306 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 85%;
}

.hotspot-307 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 86.5%;
}

.hotspot-308 {
  width: 21px;
  height: 17px;
  top: 18.7%;
  left: 88%;
}

.hotspot-309 {
  width: 17px;
  height: 17px;
  top: 18.7%;
  left: 89.5%;
}

.hotspot-310 {
  width: 17px;
  height: 17px;
  top: 18.7%;
  left: 90.6%;
}

.hotspot-61 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 17.5%;
}

.hotspot-62 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 19%;
}

.hotspot-75 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 20.5%;
}

.hotspot-64 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 17.5%;
}

.hotspot-63 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 19%;
}

.hotspot-74 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 20.5%;
}

.hotspot-65 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 17.5%;
}

.hotspot-66 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 19%;
}

.hotspot-73 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 20.5%;
}

.hotspot-68 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 17.5%;
}

.hotspot-67 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 19%;
}

.hotspot-72 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 20.5%;
}

.hotspot-69 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 17.5%;
}

.hotspot-70 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 19%;
}

.hotspot-71 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 20.5%;
}

.hotspot-76 {
  width: 23px;
  height: 20px;
  top: 37.7%;
  left: 7.5%;
}

.hotspot-77 {
  width: 23px;
  height: 20px;
  top: 37.7%;
  left: 9.1%;
}

.hotspot-78 {
  width: 23px;
  height: 20px;
  top: 37.7%;
  left: 10.6%;
}

.hotspot-79 {
  width: 23px;
  height: 20px;
  top: 37.7%;
  left: 12.1%;
}

.hotspot-80 {
  width: 23px;
  height: 20px;
  top: 37.7%;
  left: 13.6%;
}

.hotspot-81 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 16.7%;
}

.hotspot-82 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 18.2%;
}

.hotspot-83 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 19.7%;
}

.hotspot-84 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 21.2%;
}

.hotspot-85 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 22.7%;
}

.hotspot-86 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 24.2%;
}

.hotspot-191 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 28.4%;
}

.hotspot-192 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 29.9%;
}

.hotspot-193 {
  width: 31px;
  height: 20px;
  top: 37.7%;
  left: 31.4%;
}

.hotspot-194 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 35.9%;
}

.hotspot-195 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 37.4%;
}

.hotspot-196 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 38.9%;
}

.hotspot-197 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 40.4%;
}

.hotspot-198 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 41.95%;
}

.hotspot-199 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 43.45%;
}

.hotspot-200 {
  width: 32px;
  height: 20px;
  top: 37.7%;
  left: 44.95%;
}

.hotspot-281 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 49.2%;
}

.hotspot-282 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 50.7%;
}

.hotspot-283 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 52.2%;
}

.hotspot-284 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 53.7%;
}

.hotspot-285 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 55.2%;
}

.hotspot-286 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 58.7%;
}

.hotspot-287 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 60.2%;
}

.hotspot-288 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 61.7%;
}

.hotspot-289 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 63.2%;
}

.hotspot-290 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 64.7%;
}

.hotspot-291 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 67.7%;
}

.hotspot-292 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 69.2%;
}

.hotspot-293 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 70.7%;
}

.hotspot-294 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 72.2%;
}

.hotspot-295 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 73.7%;
}

.hotspot-361 {
  width: 30px;
  height: 20px;
  top: 37.7%;
  left: 77.5%;
}

.hotspot-362 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 79.7%;
}

.hotspot-363 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 81.2%;
}

.hotspot-364 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 82.7%;
}

.hotspot-365 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 84.25%;
}

.hotspot-366 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 85.75%;
}

.hotspot-367 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 87.25%;
}

.hotspot-368 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 88.75%;
}

.hotspot-369 {
  width: 32px;
  height: 20px;
  top: 37.7%;
  left: 90.25%;
}

.hotspot-370 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 94.5%;
}

.hotspot-371 {
  width: 22px;
  height: 20px;
  top: 37.7%;
  left: 96%;
}

.hotspot-121 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 23.6%;
}

.hotspot-122 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 25.1%;
}

.hotspot-139 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 26.6%;
}

.hotspot-140 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 28.1%;
}

.hotspot-124 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 23.6%;
}

.hotspot-123 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 25.1%;
}

.hotspot-138 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 26.6%;
}

.hotspot-137 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 28.1%;
}

.hotspot-125 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 23.6%;
}

.hotspot-126 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 25.1%;
}

.hotspot-135 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 26.6%;
}

.hotspot-136 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 28.1%;
}

.hotspot-128 {
  width: 21px;
  height: 21px;
  top: 25%;
  left: 23.6%;
}

.hotspot-127 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 25.1%;
}

.hotspot-134 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 26.6%;
}

.hotspot-133 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 28.1%;
}

.hotspot-129 {
  width: 21px;
  height: 21px;
  top: 22.9%;
  left: 23.6%;
}

.hotspot-130 {
  width: 20px;
  height: 21px;
  top: 22.9%;
  left: 25.1%;
}

.hotspot-131 {
  width: 20px;
  height: 21px;
  top: 22.9%;
  left: 26.6%;
}

.hotspot-132 {
  width: 20px;
  height: 21px;
  top: 22.9%;
  left: 28.1%;
}

.hotspot-141 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 31.1%;
}

.hotspot-142 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 32.6%;
}

.hotspot-159 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 34.1%;
}

.hotspot-160 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 35.6%;
}

.hotspot-144 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 31.1%;
}

.hotspot-143 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 32.6%;
}

.hotspot-158 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 34.1%;
}

.hotspot-157 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 35.6%;
}

.hotspot-145 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 31.1%;
}

.hotspot-146 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 32.6%;
}

.hotspot-155 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 34.1%;
}

.hotspot-156 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 35.6%;
}

.hotspot-148 {
  width: 21px;
  height: 21px;
  top: 25%;
  left: 31.1%;
}

.hotspot-147 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 32.6%;
}

.hotspot-154 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 34.1%;
}

.hotspot-153 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 35.6%;
}

.hotspot-149 {
  width: 21px;
  height: 21px;
  top: 22.9%;
  left: 31.1%;
}

.hotspot-150 {
  width: 20px;
  height: 21px;
  top: 22.9%;
  left: 32.6%;
}

.hotspot-151 {
  width: 20px;
  height: 21px;
  top: 22.9%;
  left: 34.1%;
}

.hotspot-152 {
  width: 20px;
  height: 21px;
  top: 22.9%;
  left: 35.6%;
}

.hotspot-161 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 38.7%;
}

.hotspot-162 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 40.2%;
}

.hotspot-163 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 41.7%;
}

.hotspot-166 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 38.7%;
}

.hotspot-165 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 40.2%;
}

.hotspot-164 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 41.7%;
}

.hotspot-167 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 38.7%;
}

.hotspot-168 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 40.2%;
}

.hotspot-169 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 41.7%;
}

.hotspot-172 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 38.7%;
}

.hotspot-171 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 40.2%;
}

.hotspot-170 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 41.7%;
}

.hotspot-173 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 38.7%;
}

.hotspot-174 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 40.2%;
}

.hotspot-175 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 41.7%;
}

.hotspot-188 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 44.7%;
}

.hotspot-189 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 46.2%;
}

.hotspot-190 {
  width: 20px;
  height: 30px;
  top: 31.9%;
  left: 47.7%;
}

.hotspot-187 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 44.7%;
}

.hotspot-186 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 46.2%;
}

.hotspot-185 {
  width: 20px;
  height: 21px;
  top: 29.7%;
  left: 47.7%;
}

.hotspot-182 {
  width: 21px;
  height: 21px;
  top: 27.4%;
  left: 44.7%;
}

.hotspot-183 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 46.2%;
}

.hotspot-184 {
  width: 20px;
  height: 21px;
  top: 27.4%;
  left: 47.7%;
}

.hotspot-181 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 44.7%;
}

.hotspot-180 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 46.2%;
}

.hotspot-179 {
  width: 20px;
  height: 21px;
  top: 25%;
  left: 47.7%;
}

.hotspot-176 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 44.7%;
}

.hotspot-177 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 46.2%;
}

.hotspot-178 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 47.7%;
}
.hotspot-221 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 50.7%;
}
.hotspot-222 {
  width: 20px;
  height: 20px;
  top: 29.7%;
  left: 52.2%;
}
.hotspot-224 {
  width: 20px;
  height: 19px;
  top: 24.9%;
  left: 50.7%;
}

.hotspot-225 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 50.7%;
}
.hotspot-226 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 52.2%;
}
.hotspot-227 {
  width: 20px;
  height: 19px;
  top: 24.9%;
  left: 52.2%;
}
.hotspot-229 {
  width: 20px;
  height: 20px;
  top: 29.7%;
  left: 50.7%;
}
.hotspot-230 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 52.2%;
}
.hotspot-231 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 55.2%;
}
.hotspot-240 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 56.8%;
}
.hotspot-241 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 59.8%;
}
.hotspot-250 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 61.3%;
}
.hotspot-251 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 64.3%;
}
.hotspot-260 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 65.9%;
}
.hotspot-261 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 68.9%;
}
.hotspot-270 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 70.4%;
}
.hotspot-271 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 73.4%;
}
.hotspot-280 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 74.9%;
}
.hotspot-311 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 77.9%;
}
.hotspot-320 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 79.4%;
}
.hotspot-321 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 82.4%;
}
.hotspot-330 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 83.9%;
}
.hotspot-331 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 86.9%;
}
.hotspot-340 {
  width: 20px;
  height: 28px;
  top: 31.7%;
  left: 88.6%;
}
.hotspot-235 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 55.2%;
}
.hotspot-232 {
  width: 20px;
  height: 19px;
  top: 29.5%;
  left: 55.2%;
}
.hotspot-239 {
  width: 20px;
  height: 19px;
  top: 29.5%;
  left: 56.7%;
}
.hotspot-234 {
  width: 20px;
  height: 19px;
  top: 24.9%;
  left: 55.2%;
}
.hotspot-237 {
  width: 20px;
  height: 19px;
  top: 24.9%;
  left: 56.8%;
}
.hotspot-236 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 56.8%;
}
.hotspot-245 {
  width: 20px;
  height: 19px;
  top: 22.9%;
  left: 59.8%;
}
.hotspot-244 {
  width: 20px;
  height: 19px;
  top: 24.9%;
  left: 59.8%;
}
.hotspot-243 {
  width: 20px;
  height: 19px;
  top: 27.2%;
  left: 59.8%;
}
.hotspot-242 {
  width: 20px;
  height: 18px;
  top: 29.5%;
  left: 59.8%;
}
.hotspot-249 {
  width: 20px;
  height: 18px;
  top: 29.5%;
  left: 61.3%;
}
.hotspot-248 {
  width: 20px;
  height: 18px;
  top: 27.5%;
  left: 61.3%;
}
.hotspot-248 {
  width: 20px;
  height: 18px;
  top: 27.5%;
  left: 61.3%;
}
.hotspot-247  {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 61.3%;
}
.hotspot-246 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 61.3%;
}
.hotspot-255 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 64.3%;
}
.hotspot-256 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 65.8%;
}
.hotspot-265 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 68.8%;
}
.hotspot-266 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 70.5%;
}
.hotspot-275 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 73.3%;
}
.hotspot-276 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 74.9%;
}
.hotspot-315 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 77.9%;
}
.hotspot-316 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 79.4%;
}
.hotspot-325 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 82.4%;
}
.hotspot-326 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 83.9%;
}
.hotspot-335 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 86.9%;
}
.hotspot-336 {
  width: 20px;
  height: 18px;
  top: 22.8%;
  left: 88.6%;
}
.hotspot-254 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 64.3%;
}
.hotspot-257 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 65.8%;
}
.hotspot-252 {
  width: 20px;
  height: 18px;
  top: 29.5%;
  left: 64.3%;
}
.hotspot-259 {
  width: 20px;
  height: 18px;
  top: 29.5%;
  left: 65.8%;
}
.hotspot-264 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 68.8%;
}
.hotspot-267 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 70.5%;
}
.hotspot-262 {
  width: 20px;
  height: 18px;
  top: 29.7%;
  left: 68.8%;
}
.hotspot-269 {
  width: 20px;
  height: 18px;
  top: 29.7%;
  left: 70.5%;
}
.hotspot-274 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 73.3%;
}
.hotspot-273 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 73.3%;
}
.hotspot-272 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 73.3%;
}
.hotspot-277 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 74.9%;
}
.hotspot-278 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 74.9%;
}
.hotspot-279 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 74.9%;
}
.hotspot-314 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 77.9%;
}
.hotspot-313 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 77.9%;
}
.hotspot-312 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 77.9%;
}
.hotspot-317 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 79.4%;
}
.hotspot-318 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 79.4%;
}
.hotspot-319 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 79.4%;
}
.hotspot-324 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 82.4%;
}
.hotspot-323 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 82.4%;
}
.hotspot-322 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 82.4%;
}
.hotspot-327 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 83.9%;
}
.hotspot-328 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 83.9%;
} 
.hotspot-329 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 83.9%;
} 
.hotspot-334 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 86.9%;
}
.hotspot-333 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 86.9%;
}
.hotspot-332 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 86.9%;
}
.hotspot-337 {
  width: 20px;
  height: 18px;
  top: 25%;
  left: 88.6%;
}
.hotspot-338 {
  width: 20px;
  height: 18px;
  top: 27.4%;
  left: 88.6%;
}
.hotspot-339 {
  width: 20px;
  height: 18px;
  top: 29.4%;
  left: 88.6%;
}
.hotspot-341 {
  width: 16px;
  height: 20px;
  top: 33%;
  left: 91.4%;
}
.hotspot-342 {
  width: 16px;
  height: 14px;
  top: 31.4%;
  left: 91.4%;
}
.hotspot-347 {
  width: 16px;
  height: 14px;
  top: 31.4%;
  left: 92.6%;
}
.hotspot-352 {
  width: 16px;
  height: 14px;
  top: 31.4%;
  left: 93.8%;
}
.hotspot-351 {
  width: 16px;
  height: 19px;
  top: 33%;
  left: 93.8%;
}
.hotspot-348 {
  width: 14px;
  height: 19px;
  top: 33%;
  left: 92.8%;
}
.hotspot-343 {
  width: 16px;
  height: 14px;
  top: 27.9%;
  left: 91.4%;
}
.hotspot-344 {
  width: 16px;
  height: 14px;
  top: 26.2%;
  left: 91.4%;
}
.hotspot-345 {
  width: 15px;
  height: 14px;
  top: 26.2%;
  left: 92.6%;
}
.hotspot-354 {
  width: 15px;
  height: 14px;
  top: 26.2%;
  left: 93.9%;
}
.hotspot-353 {
  width: 15px;
  height: 14px;
  top: 28%;
  left: 93.9%;
}
.hotspot-346 {
  width: 15px;
  height: 14px;
  top: 28%;
  left: 92.7%;
}
.hotspot-359 {
  width: 16px;
  height: 19px;
  top: 33%;
  left: 96.3%;
}
.hotspot-358 {
  width: 16px;
  height: 19px;
  top: 30.9%;
  left: 96.3%;
}
.hotspot-357 {
  width: 16px;
  height: 19px;
  top: 28.5%;
  left: 96.3%;
}
.hotspot-356 {
  width: 16px;
  height: 19px;
  top: 26.3%;
  left: 96.3%;
}
.hotspot-355 {
  width: 16px;
  height: 19px;
  top: 24%;
  left: 96.3%;
}
.hotspot-481 {
  width: 19px;
  height: 15px;
  top: 48.7%;
  left: 54%;
}
.hotspot-482 {
  width: 16px;
  height: 15px;
  top: 48.7%;
  left: 57.3%;
}
.hotspot-483 {
  width: 16px;
  height: 15px;
  top: 48.7%;
  left: 58.5%;
}
.hotspot-484 {
  width: 14px;
  height: 15px;
  top: 48.7%;
  left: 59.7%;
}
.hotspot-485 {
  width: 14px;
  height: 15px;
  top: 48.7%;
  left: 60.8%;
}
.hotspot-486 {
  width: 14px;
  height: 15px;
  top: 48.7%;
  left: 61.9%;
}
.hotspot-487 {
  width: 14px;
  height: 15px;
  top: 48.7%;
  left: 63%;
}
.hotspot-488 {
  width: 14px;
  height: 15px;
  top: 48.7%;
  left: 64.2%;
}
.hotspot-489 {
  width: 19px;
  height: 15px;
  top: 48.7%;
  left: 65.3%;
}
.hotspot-401 {
  width: 15px;
  height: 15px;
  top: 48.7%;
  left: 69.1%;
}
.hotspot-402 {
  width: 14px;
  height: 15px;
  top: 50.4%;
  left: 69.1%;
}
.hotspot-403 {
  width: 14px;
  height: 15px;
  top: 52.2%;
  left: 69.1%;
}
.hotspot-421 {
  width: 13px;
  height: 15px;
  top: 52.2%;
  left: 67.1%;
}
.hotspot-422 {
  width: 11px;
  height: 15px;
  top: 52.2%;
  left: 66.4%;
}
.hotspot-423 {
  width: 11px;
  height: 11px;
  top: 53.89%;
  left: 66.4%;
}
.hotspot-424 {
  width: 11px;
  height: 11px;
  top: 55%;
  left: 66.4%;
}
.hotspot-425 {
  width: 11px;
  height: 11px;
  top: 56.2%;
  left: 66.4%;
  
}
.hotspot-426 {
  width: 11px;
  height: 11px;
  top: 57.3%;
  left: 66.4%;
}
.hotspot-431 {
  width: 11px;
  height: 15px;
  top: 52.2%;
  left: 64.6%;
}
.hotspot-440 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 63.8%;
}
.hotspot-439 {
  width: 10px;
  height: 10px;
  top: 54%;
  left: 63.8%;
}
.hotspot-432 {
  width: 10px;
  height: 10px;
  top: 54%;
  left: 64.6%;
}
.hotspot-433 {
  width: 10px;
  height: 10px;
  top: 55.1%;
  left: 64.6%;
}
.hotspot-434 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 64.6%;
}
.hotspot-435 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 64.6%;
}
.hotspot-438 {
  width: 10px;
  height: 10px;
  top: 55.1%;
  left: 63.8%;
}
.hotspot-437 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 63.8%;
}
.hotspot-436 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 63.8%;
}
.hotspot-441 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 61.9%;
}
.hotspot-450 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 61.2%;
}
.hotspot-442 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 62%;
}
.hotspot-443 {
  width: 10px;
  height: 10px;
  top: 55%;
  left: 62%;
}
.hotspot-444 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 62%;
}
.hotspot-445 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 62%;
}
.hotspot-446 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 61.2%;
}
.hotspot-447 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 61.2%;
}
.hotspot-448 {
  width: 10px;
  height: 10px;
  top: 55%;
  left: 61.2%;
}
.hotspot-449 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 61.2%;
}
.hotspot-450 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 61.2%;
}
.hotspot-460 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 58.5%;
}
.hotspot-459 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 58.5%;
}
.hotspot-458 {
  width: 10px;
  height: 10px;
  top: 55%;
  left: 58.5%;
}
.hotspot-457 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 58.5%;
}
.hotspot-456 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 58.5%;
}
.hotspot-451 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 59.3%;
}
.hotspot-452 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 59.3%;
}
.hotspot-453 {
  width: 10px;
  height: 10px;
  top: 55%;
  left: 59.3%;
}
.hotspot-454 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 59.3%;
}
.hotspot-455 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 59.3%;
}
.hotspot-461{
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 56.6%;
}
.hotspot-470 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 55.9%;
}
.hotspot-469 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 55.9%;
}
.hotspot-462 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 56.6%;
}
.hotspot-468 {
  width: 10px;
  height: 10px;
  top: 55%;
  left: 55.9%;
}
.hotspot-463 {
  width: 10px;
  height: 10px;
  top: 55%;
  left: 56.6%;
}
.hotspot-467 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 55.9%;
}
.hotspot-464 {
  width: 10px;
  height: 10px;
  top: 56.2%;
  left: 56.6%;
}
.hotspot-466 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 55.9%;
}
.hotspot-465 {
  width: 10px;
  height: 10px;
  top: 57.4%;
  left: 56.6%;
}
.hotspot-471 {
  width: 10px;
  height: 15px;
  top: 52.2%;
  left: 54%;
}
.hotspot-472 {
  width: 10px;
  height: 10px;
  top: 53.9%;
  left: 54%;
}
.hotspot-473 {
  width: 10px;
  height: 11px;
  top: 55%;
  left: 54%;
}
.hotspot-474 {
  width: 10px;
  height: 11px;
  top: 56.2%;
  left: 54%;
}
.hotspot-475 {
  width: 10px;
  height: 11px;
  top: 57.4%;
  left: 54%;
}
.hotspot-413 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 54%;
}
.hotspot-412 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 55.1%;
}
.hotspot-411 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 56.2%;
}
.hotspot-410 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 57.4%;
}
.hotspot-409 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 58.6%;
}
.hotspot-408 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 60.8%;
}
.hotspot-407 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 62%;
}
.hotspot-406 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 63%;
}
.hotspot-405 {
  width: 14px;
  height: 14px;
  top: 60.3%;
  left: 64.2%;
}
.hotspot-404 {
  width: 23px;
  height: 14px;
  top: 60.3%;
  left: 65.3%;
}




#field_id_29539 {
  pointer-events: none;
  background-color: #eee !important;
  color: #222 !important;
}

#boothModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
.popup-wrap {
  background: white;
  border: 2px solid #444;
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  min-width: 500px;
}
.popup-wrap button {
  min-width: 100px;
}
.popup-wrap h3 {
  margin-top: 0;
}
.stallDesign .f-list-item-container {
}

.stallDesign .f-list-item-container > .f-list-column {
  border: 2px solid #0a3784;
  border-bottom: none;
}
.stallDesign .f-list-item-heading  .f-list-item-container .f-list-column {
  background: #0a3784;
  color: #fff;
  font-size: 20px;
  padding: 10px;
}
.stallDesign .f-list-item-heading  .f-list-item-container .f-list-column-2 {
  display: none;
}
.stallDesign #f-list-node-fullname {
  display: none !important;
}
.stallDesign .f-list-item-container .f-list-title a span ,
.stallDesign .f-list-item-container .f-list-column-2 .f-list-text a span {
  display: block;
  padding: 10px;
  /* border-bottom: 1px solid #eee; */
}
.stallDesign .f-list-item-container .f-list-title a span#f-list-node-29920 {
  border-bottom: 1px solid #eee;
  text-align: center;
  font-size: 20px;
  background: #eee;
}
@media (max-width: 480px) {
  .page-title h1 {
    font-size: 1.2rem;
  }

  .homeHeader .page-title h1 span {
    font-size: 1rem;
  }

  .fCountdown {
    position: relative;
    right: auto;
    top: auto !important;
  }

  .fCountdown .fCountText h4,
  .fCountdown .fCountText {
    color: #000;
  }

  header .fSocial {
    display: none;
  }

  header .fLogo img {
    max-height: 50px;
  }

  header {
    padding: 10px 0;
  }

  .navbar-toggle-container {
    text-align: right;
  }

  .navbar-toggle {
    display: inline-block;
  }

  .navbar-toggle span {
    width: 20px;
    height: 2px;
    background: #fff;
    margin-top: 3px;
    display: block;
  }

  header nav {
    position: absolute;
    background: #fff;
    width: 300px;
    right: 0;
    z-index: 99999;
  }

  .fMainMenu .fMenu {
    flex-wrap: wrap;
    gap: 0;
  }

  .fMainMenu .fMenu li {
    flex: 1 0 100%;
    padding: 5px 10px !important;
    text-align: center;
  }

  .f-scrolled .fMainMenu .fMenu a,
  .fMainMenu .fMenu a {
    color: #000;
  }

  .fBanner .fGalleryText {
    position: relative;
    width: 100%;
    margin: 0 auto;
    top: auto;
    left: auto;
    transform: translate(0%, 0%);
    z-index: 10;
    text-align: center;
    margin: 30px 0;
  }

  .fPartners .fModuleContent {
    flex-wrap: wrap;
  }

  .fPartners .fModuleContent::after {
    display: none;
  }

  .about-left,
  .about-right {
    width: 100%;
  }

  .SupportPartner table {
    font-size: 14pt !important;
  }

  .fHeading .fModuleTitle h3 {
    font-size: 1.1rem;
  }

  .fExpo th {
    font-size: 1rem;
  }

  #fModule-51480 h4 {
    font-size: 19pt !important;
    margin: 0 !important;
  }

  .fPaper .fGalleryImage,
  .fPaper .fGalleryText,
  .fTimeline .fGalleryList li,
  .fTopics ul li,
  .fContact .fGalleryList .fGalleryItem,
  .listing-header-item-currency input,
  .discount-code input[type="submit"] {
    width: 100% !important;
  }

  .fContact .fGalleryList .fGalleryItem {
    display: block;
  }

  .fPaper .fGalleryList .fGalleryItem,
  .fTimeline .fGalleryList,
  .fContact .fGalleryList {
    flex-wrap: wrap;
  }

  .fTopics .fModuleContent,
  .fContact .fGalleryList .fGalleryItem:first-child {
    border-right: none;
  }

  .listing-header-item-currency select,
  .discount-code input[type="text"] {
    width: 99% !important;
  }

  .view-invoice #fMatter {
    padding: 30px 15px;
  }

  #otp-container,
  .listing-header-item-currency {
    flex-wrap: wrap;
  }

  #otp-container input[type="text"],
  #otp-container input[type="password"],
  #otp-container input[type="email"],
  #otp-container select,
  #otp-container textarea {
    width: 10% !important;
    padding: 0 !important;
  }

  .fPageTitle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .fPageTitle h1 {
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 2rem;
    margin: 1.25rem 0;
  }
}

/* Place + and - next to each other, centered to dropdown height */
.dropdown-controls {
    display: flex;
    align-items: center;
    margin-left: 8px; /* Small gap from dropdown */
}

.dropdown-controls button {
    height: 38px; /* Match dropdown height */
    width: 38px;
    font-size: 18px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-left: 4px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.dropdown-controls .btn-primary {
    background-color: #007bff;
    color: white;
}

.dropdown-controls .btn-danger {
    background-color: #dc3545;
    color: white;
}
.float-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3%;
}
.float-button .fButton:hover {
  background: #fff !important;
}
.fPageTitle .legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #fff;
}
.fPageTitle .legend li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fPageTitle .legend span {
  width: 15px;
  height: 15px;
  display: inline-block;
}
.fPageTitle .legend span.red {
  background: rgba(255, 0, 0, 0.5);
}
.fPageTitle .legend span.yellow {
  background: rgba(255, 165, 0, 0.6);
}
.fPageTitle .legend span.blue {
  background: rgba(78, 113, 255, 0.6);
}
.hotspot .stall-details {
  background: #f2f2f2;
  border: 1px solid #000;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  width: 350px;
  z-index: 999;
}
.hotspot .stall-details p {
  font-size: 14px;
  line-height: normal;
  margin: 0;
}