@font-face {
  font-family: "bold";
  src: url(../fonts/montserrat/static/Montserrat-Bold.ttf);
}
@font-face {
  font-family: "regular";
  src: url(../fonts/montserrat/static/Montserrat-Regular.ttf);
}
@font-face {
  font-family: "light";
  src: url(../fonts/montserrat/static/Montserrat-Light.ttf);
}
.font-bold {
  font-family: "bold";
}
.font-regular {
  font-family: "regular";
}
.font-light {
  font-family: "light";
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.no-decoration {
  text-decoration: none;
}
.cursor-pointer {
  cursor: pointer;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-115 {
  margin-top: 115px;
}
.margin-top-160 {
  margin-top: 160px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-left-right-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.padding-7 {
  padding: 7px;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}
.border-bottom-0000ee {
  border-bottom: 1px solid #0000ee;
}
.border-bottom-0c0058 {
  border-bottom: 1px solid #0c0058;
}
.border-bottom-707070 {
  border-bottom: 2px solid #707070;
}
.bg-000000 {
  background-color: #000000;
}
.bg-f2f0f5 {
  background-color: #f2f0f5;
}
.bg-ffffff {
  background-color: #ffffff;
}
.bg-f0f8ff {
  background-color: #f0f8ff;
}
.bg-0C0058 {
  background-color: #0c0058;
}
.bg-ffc439 {
  background-color: #ffc439;
}
.color-ffc439 {
  color: #ffc439;
}
.color-000000 {
  color: #000000;
}
.color-36454F {
  color: #36454f;
}
.color-707070 {
  color: #707070;
}
.color-ffffff {
  color: #ffffff;
}
.color-0000ee {
  color: #0000ee;
}
.color-0C0058 {
  color: #0c0058;
}
.color-FF6E6E {
  color: #ff6e6e;
}
.color-facebook {
  color: #4267b2;
}
.color-twitter {
  color: #1da1f2;
}
.color-ff0000 {
  color: #ff0000;
}
.color-insta {
  color: #fa7e1e;
}
.color-linkedin {
  color: #0077b5;
}
.label-list {
  display: flex;
  flex-wrap: wrap;
}
.label {
  padding: 5px;
  margin: 5px;
}
.box-shadow {
  box-shadow: 1px 1px 2px #909090;
}
.wrapper {
  overflow: hidden;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
/*navbar*/
.nav {
  width: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  /* background-color: rgba(255, 255, 255, 1); */
  z-index: 9999;
}
.nav-banner {
  width: 100%;
}
.nav-left {
  display: flex;
  align-items: center;
}
.nav-right {
  display: flex;
}
.nav-bars {
  position: relative;
}
.nav-anchor {
  display: flex;
  justify-content: space-between;
  background-color: rgb(0, 145, 190);
}
.brand {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.nav-menu {
  display: flex;
  height: 100vh;
}
.nav-sub-menu {
  list-style-type: none;
  margin-top: 0px;
}
.sub-menu-item {
  display: flex;
  align-items: center;
}
.nav-sub-menu a {
  list-style-type: none;
}
.tile {
  display: flex;
}
.profile-tile {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tile-center {
  justify-content: center;
}
.tile-header {
  display: flex;
}
.tile-image img {
  width: 50px;
}
.tile-profile-image {
  width: 100%;
}
.tile-profile-image img {
  width: 200px;
}
.cta-lnk {
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}
.fa-trademark {
  position: relative;
  top: -20px;
}
.fa-copyright {
  margin-right: 10px;
}
.brands {
  display: flex;
  align-items: center;
  justify-content: center;
}
.title-logo-font {
  font-size: 40px;
}
.title-large {
  font-size: 30px;
}
.title-regular {
  font-size: 25px;
}
.title-small,
.hero-text {
  font-size: 20px;
}
.desc-large {
  font-size: 20px;
}
.desc-regular {
  font-size: 15px;
}
.desc-small {
  font-size: 10px;
}
.img-100 {
  width: 100%;
}
.upi-cta {
  width: 100%;
}
.upi-link {
  display: block;
  border-radius: 4px;
}
footer {
  width: 100%;
}
@media screen and (max-width: 25.875rem) {
  .upi-link {
    padding: 8px;
  }
  .upi-cta {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .nav-anchor {
    align-items: flex-start;
  }
  .brand {
    background-image: url(../logos/brand.png);
    height: 85px;
  }
  .margin-top {
    margin-top: 105px;
  }
  .margin-top-all {
    margin-top: 105px;
  }
  .tile-profile-image {
    text-align: center;
  }
}
@media screen and (min-width: 601px) {
  .nav-anchor {
    align-items: center;
  }
  .brand {
    background-image: url(../logos/brand-desktop.png);
    height: 60px;
  }
  .margin-top-all {
    margin-top: 80px;
  }
  .nav-bell {
    margin-right: 20px;
  }
  .nav-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: 25.9375rem) and (max-width: 1024px) {
  .upi-link {
    padding: 14px;
  }
  .upi-cta {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 64.0625rem) and (max-width: 120rem) {
  .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  section {
    width: 100%;
  }
  .upi-link {
    padding: 14px;
  }
  .upi-cta {
    margin-bottom: 20px;
  }
}