body.body {
  background-color: #0c1d2d;
}

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

a,
.nav-link{
  color: #84adc1;
  text-decoration: none;
}

a:hover, a:focus {
  color: #005580;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h1, .h1{
  margin-bottom: 30px;
}


main{
  background-image: url(/templates/neomediatech/images/page.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 80% auto;
}

/*.navbar-brand {
    font-size: 40px;
}*/

.text-grey{
  color: #cdc;
}
.dropdown-menu{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}

.dropdown-menu li a{
  margin-left: 1rem;
}

.navbar-nav .active.dropdown > a{
  color: #fff;
}

.navbar-nav .active.dropdown .dropdown-menu .active a{
  color: #08c;
}


.features .item > .content{
  background-color: #10263b;
  border: 1px solid #e3e3e3;
  padding: 20px 10px;
}
/*----jviewport---------------------------------------------*/
.jviewport-height10 {
  height: 10vh;
}

.jviewport-height20 {
  height: 20vh;
}

.jviewport-height30 {
  height: 30vh;
}

.jviewport-height40 {
  height: 40vh;
}

.jviewport-height50 {
  height: 50vh;
}

.jviewport-height60 {
  height: 60vh;
}

.jviewport-height70 {
  height: 70vh;
}

.jviewport-height80 {
  height: 80vh;
}

.jviewport-height90 {
  height: 90vh;
}

.jviewport-height100 {
  height: 100vh;
}

[class*="jviewport-height"] iframe {
  height: 100%;
}

.modal-dialog.jviewport-width10 {
  width: 10vw;
  max-width: none;
}

.modal-dialog.jviewport-width20 {
  width: 20vw;
  max-width: none;
}

.modal-dialog.jviewport-width30 {
  width: 30vw;
  max-width: none;
}

.modal-dialog.jviewport-width40 {
  width: 40vw;
  max-width: none;
}

.modal-dialog.jviewport-width50 {
  width: 50vw;
  max-width: none;
}

.modal-dialog.jviewport-width60 {
  width: 60vw;
  max-width: none;
}

.modal-dialog.jviewport-width70 {
  width: 70vw;
  max-width: none;
}

.modal-dialog.jviewport-width80 {
  width: 80vw;
  max-width: none;
}

.modal-dialog.jviewport-width90 {
  width: 90vw;
  max-width: none;
}

.modal-dialog.jviewport-width100 {
  width: 100vw;
  max-width: none;
}
/*----jviewport---------------------------------------------*/

@media (min-width: 992px) {
  .services{
    margin-top: 50px;
  }

  .quickmenu{
    margin: 2rem -2rem;
  }

  .quickmenu li{
    padding: 0 1rem;
    width: 25%;
  }

  .quickmenu li a:link,
  .quickmenu li a:visited{
    background: #205586 !important;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
  }

  .quickmenu li a:hover{
    background: #08c !important;
  }

  .quickmenu li.active a{
    background: #08c !important;
  }

  .quickmenu li a img{
    width: 25%;
    margin-right: 1rem;
  }

}

@media (min-width: 1200px) {
  .quickmenu li a:link,
  .quickmenu li a:visited{
    font-size: 21px;
  }
}