.navbackground {
  /* background-image: linear-gradient(to top, #3c53b0, #4759aa) !important; */
  /* background: #3c53b0 !important; */
  position: absolute !important;
  /* background-color:   transparent !important; */

  color: white !important;
  box-shadow: none !important;
}

.nav-link {
  color: white !important;
  font-size: large;
  font-weight: bolder;
}

.justgycss {
  text-align: justify;
}

.logoimg {
  width: 100%;
}

.footer-bg {
  /* background-color: #F5F7FF; */
  background-color: transparent !important;
}

.footer-bg img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-bg1 {
  background: #95c044;
}

footer {
  color: white !important;
}

img,
svg {
  vertical-align: middle;
}

.mainpage-bg {
  background-color: #071448 !important;
}

.div-font-color {
  color: #fff;
}

.hide {
  display: none;
}

.loginboxdiv {
  margin-top: 100px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background: rgba(241, 244, 245, 0) !important;
}

.productboxdiv {
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0) !important;
}

.header {
  text-transform: uppercase;
}

.disabledtextbg {
  border: 1px solid #818384;
  background-color: #c6c8caf0;
}

.p1 {
  height: 80px;
  overflow: hidden;
  text-align: justify;
}

.p {
  text-align: justify;
}

.brand-logo-margin {
  margin-bottom: 0px !important;
  background: #034aa6 !important;
  border-radius: 3px !important;
  /* border: 1px solid #0e89c5; */
}

.page-background {
  /* background-image: linear-gradient(to bottom, rgb(56, 80, 161), rgb(82, 188, 235)); */
  /* background-image: url("../../img/17973909.jpg"); */
  background-image: url("../images/bg_NZLocal.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  /* z-index: -1000; */
}

.bg-pattern {
  /* position: absolute; */
  z-index: 99999 !important;
  bottom: 0 !important;
  height: 50px !important;
  width: 50px !important;
  /* background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */

}

.background-trasparants {
  background-color: transparent !important;
}

.product_table_td {
  font-size: large;

}

.image_product {
  text-align: right;
}

.code_product {
  text-align: center;
}

.btn-info {
  background-image: linear-gradient(to bottom, #0597f2, #0597f2 53%, #0a86de 47%, #0a86de) !important;
  color: #fff !important;
  border: 1px solid #0e89c5 !important;
  box-shadow: 0px 4px 2px #b3b2b23d;
  width: max-content !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.btn-info:hover {
  box-shadow: 0px 4px 2px #b3b2b23d;
}

.btn-info-half {
  background-image: linear-gradient(to bottom, #0597f2, #0597f2 53%, #0a86de 47%, #0a86de) !important;
  border: 1px solid #0e89c5 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  color: #fff !important;
  box-shadow: 0px 4px 2px #3535353d;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 30px !important;
  padding-right: 0px !important;
  font-size: 1.3rem !important;
  text-align: start !important;
}

.btnn-hover {
  border-radius: 20px !important;
}

.btnn-hover:hover .btn-info-half {

  border: 1px solid #0e89c5 !important;
  box-shadow: 0px 4px 2px #3535353d;
}

.btn-primary {
  background: #034aa6 !important;
  box-shadow: 0px 4px 2px #3535353d;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border: 1px solid #0e88c513 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  /* font-size: 1.1rem !important; */
  text-align: start !important;
}

.btnn-hover:hover .btn-primary {

  box-shadow: 0px 4px 2px #3535353d;
}

.ul {
  list-style: none;
  /* Remove default bullets */
}

.ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #2644a5;
  /* Change the color */
  font-weight: bolder;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}

.nav-item:hover i {
  color: #27baee;
}

.nav-item a {
  font-size: medium;
}

.text-primary {
  color: #27baee !important;
}

.bg-primary {
  background: #27baee !important;
}

.bg-primary-1 {
  background: #0597f2 !important;
}

.bg-secondary-1 {
  background: #2644a5 !important;
}

.text-secondary {
  color: #087cb9 !important;
}

.text-secondary-1 {
  color: #2644a5 !important;
}

.bg-secondary {
  background: #087cb9 !important;
}

.fs-lg {
  font-size: 6em !important;
}

.fw-bold {
  font-weight: bolder !important;
}

.fh-1 {
  line-height: 17px;
  font-size: 18px !important;
}

.fh-2 {
  line-height: 25px;
  font-size: 18px !important;
}

.rounded-0 {
  border-radius: 0% !important;
}

.product_table_td {
  color: #fff !important;
}

.rounded-5 {
  border-radius: 15px !important;
}

.bg-white {
  background: #fff !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.fs-md {
  font-size: 25px !important;
}

.can-image {
  min-height: 200px !important;
  border: 1px solid #3657c7 !important;
  border-radius: 10px !important;
}

.xray-image {
  min-height: 200px !important;
  border: 1px solid #3657c7 !important;
  border-radius: 10px !important;
}

.fs-btn {
  font-size: 20px !important;
}

.td-2 {
  width: 50px !important;
  word-wrap: break-word !important;
}

.header {
  text-transform: none !important;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.w-25 {
  width: 27% !important;
}

.check {
  width: 30px !important;
}

.product_table_td {
  vertical-align: bottom !important;
  line-height: 20px !important;
}

/* media query end -- */

.pb-0 {
  padding-bottom: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.bg-pattern1 {
  position: absolute;
  margin-left: 100px;
  height: 400px !important;
  mix-blend-mode: color-burn;
}

.z-index-1 {
  z-index: -1;
}

.z-index-2 {
  z-index: -2;
}

.z-index-10 {
  z-index: 10;
}

.bdybg {
  width: 800px !important;
  margin: 60px auto auto auto !important;
  background-color: #021136 !important;
  opacity: .9;
  color: #fff;
  /* background: url(../Image/bdybg.png) repeat; */
  text-align: justify;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 1px solid #3586c5 !important;
  padding: 10px !important;
  box-shadow: 5px 5px 2px #0a0752 !important;
}

.bdybg h3 {
  width: 95%;
  margin: 5px auto 5px auto;
  padding: 5px 0;
  background-color: #6ecaf3 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6ecaf3), to(#00a7eb)) !important;
  background-image: -webkit-linear-gradient(top, #6ecaf3, #00a7eb) !important;
  background-image: -moz-linear-gradient(top, #6ecaf3, #00a7eb) !important;
  background-image: -o-linear-gradient(top, #6ecaf3, #00a7eb) !important;
  background-image: linear-gradient(to bottom, #6ecaf3, #00a7eb) !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 24px !important;
  text-align: center !important;
  border: 0px !important;
}

.bdybg h5 {
  width: 95%;
  margin: 5px auto 5px auto;
  padding: 5px 0;
  background-color: #6ecaf3 !important;
  background-image: linear-gradient(to bottom, #6ecaf3, #00a7eb) !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 18px !important;
  text-align: center !important;
  /* border: 1px solid #fff !important; */
}

.header {
  border: 1px solid #ffffff !important;
  width: 95% !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  font-size: 6px !important;
  font-family: arial, helvetica, sans-serif !important;
  padding: 10px !important;
  text-decoration: none !important;
  display: inline-block !important;
  /* font-weight: bold !important; */
  color: #FFFFFF !important;
  background-color: #27baee !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#27baee), to(#0182c6)) !important;
  background-image: -webkit-linear-gradient(top, #27baee, #087cb9, #0e89c5) !important;
  background-image: -moz-linear-gradient(top, #27baee, #087cb9, #0e89c5) !important;
  background-image: -ms-linear-gradient(top, #27baee, #087cb9, #0e89c5) !important;
  background-image: -o-linear-gradient(top, #27baee, #087cb9, #0e89c5) !important;
  background-image: linear-gradient(to bottom, #27baee, #087cb9, #0e89c5) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#27baee, endColorstr=#0182c6) !important;
  box-shadow: 4px 4px 2px #888888 !important;
  margin: 5px !important;
  text-align: center !important;
}

.inbutton {
  float: none !important;
  display: block !important;
  padding: 6px 0px !important;
  width: 35% !important;
  margin: 10px auto 10px auto !important;
  text-align: center !important;
  font-weight: 600;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  /* font-size: 14px !important; */
  text-decoration: none !important;
  border: 2px solid #132a88 !important;
  border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -webkit-box-shadow: inset 0px 0px 0px 3px rgb(41, 167, 225) !important;
  -moz-box-shadow: inset 0px 0px 0px 3px rgb(41, 167, 225) !important;
  -ms-box-shadow: inset 0px 0px 0px 3px rgb(41, 167, 225) !important;
  -o-box-shadow: inset 0px 0px 0px 3px rgb(41, 167, 225) !important;
  box-shadow: inset 0px 0px 0px 3px rgb(41, 167, 225) !important;
  background: #a7d0ee !important;
  background: -moz-linear-gradient(top, #a7d0ee 0%, #1f80c5 30%, #1f80c5 70%, #29a7e2 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7d0ee), color-stop(30%, #1f80c5), color-stop(70%, #1f80c5), color-stop(100%, #29a7e2)) !important;
  background: -webkit-linear-gradient(top, #a7d0ee 0%, #1f80c5 30%, #1f80c5 70%, #29a7e2 100%) !important;
  background: -o-linear-gradient(top, #a7d0ee 0%, #1f80c5 30%, #1f80c5 70%, #29a7e2 100%) !important;
  background: -ms-linear-gradient(top, #a7d0ee 0%, #1f80c5 30%, #1f80c5 70%, #29a7e2 100%) !important;
  background: linear-gradient(to bottom, #a7d0ee 0%, #1f80c5 30%, #1f80c5 70%, #29a7e2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7d0ee', endColorstr='#29a7e2', GradientType=0) !important;
}

.footer-img {
  width: 15% !important;
}

.check {
  width: 15% !important;
}

.product_table_td {
  font-size: small !important;
}

.button {
  border-top: 1px solid #96d1f8 !important;
  /* display: inline-block; */
  margin: 6px;
  /* width: 95%; */
  background: #65a9d7 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)) !important;
  background: -webkit-linear-gradient(top, #3e779d, #65a9d7) !important;
  background: -moz-linear-gradient(top, #3e779d, #65a9d7) !important;
  background: -ms-linear-gradient(top, #3e779d, #65a9d7) !important;
  background: -o-linear-gradient(top, #3e779d, #65a9d7) !important;
  padding: 10px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0 !important;
  -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0 !important;
  box-shadow: rgba(0, 0, 0, 1) 0 2px 0 !important;
  text-shadow: rgba(0, 0, 0, .4) 0 1px 0 !important;
  color: white !important;
  font-size: 12px !important;
  font-family: Georgia, serif !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

.button:hover {
  background: #3e779d !important;
}

.img-resp {
  width: 300px !important;

}

/* media query start--  */
@media only screen and (max-width: 768px) {
  .header {
    font-size: 1.3rem !important;
  }

  .w-25 {
    width: 30% !important;
  }

  .btn-info-half {
    padding-left: 10px !important;
    font-size: 0.7rem !important;
  }

  .btn-primary {
    font-size: 0.7rem !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
  }

  .productboxdiv {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .productboxdiv a {
    text-decoration: none;
    color: white !important;
  }

  .product_table_td {
    font-size: small !important;
  }

  .bdybg {
    width: 100% !important;
  }

  .bdybg h5 {
    width: 98%;
  }

  .check {
    width: 100% !important;
  }

  .footer-img {
    width: 40% !important;
  }
}