/*********************************** Gobal css starts  here***********************************/
body {
  font-family: 'louis_george_caferegular';
}

:root {
  --text-heading-color: #00466b;
  --text-parha-color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0px;
  font-family: "Montserrat", sans-serif;
}

ul,
li {
  list-style: none;
}

img {
  max-width: 100%;
}

/*********************************** Gobal css Ends ***********************************/

/*********************************** main section css start here ***********************************/

@font-face {
  font-family: 'buttershine_serifregular';
  src: url('buttershine_serif-webfont.woff2') format('woff2'),
    url('buttershine_serif-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'louis_george_cafebold';
  src: url('louis_george_cafe_bold-webfont.woff2') format('woff2'),
    url('louis_george_cafe_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'louis_george_cafe_lightRg';
  src: url('louis_george_cafe_light-webfont.woff2') format('woff2'),
    url('louis_george_cafe_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'louis_george_caferegular';
  src: url('louis_george_cafe-webfont.woff2') format('woff2'),
    url('louis_george_cafe-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.zr-hero-banner .navbar-brand img {
  width: 180px;
  margin-bottom: 30px;
}


.zr-hero-banner {
   background-repeat: no-repeat;
  background: #06384D;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100vh;
}

.zr-banner-content {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 95%;
  margin: auto;
}

.zr-hero-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  height: 100%;
  background: #06384db5;
  height: 100vh;
}

.zr-banner-content h1 {
  font-size: 80px;
  color: #fff;
  font-weight: 800;
  font-family: 'buttershine_serifregular';
  text-align: center;
  /*text-shadow: 0px 0 68px #00404d;*/
}

.zr-banner-content p {
  color: #fff;
  margin-bottom: 0;
  font-size: 48px;
  font-family: 'louis_george_caferegular';
  font-weight: normal;
  font-style: normal;
  /*text-shadow: 0px 0 68px #00404d;*/
}

.zr-hero-banner video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: #06384D;
}
.zr-desktop-video {
  display: block;
}
.zr-mobile-video {
  display: none;
}