body {
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  background-color: #f3f3f4; }

.typing::after {
  content: "";
  border-right: 3px solid #f1f1f1;
  animation: blink 1s infinite; }

.service-typing::after {
  content: "";
  border-right: 3px solid #f1f1f1;
  animation: blink 1s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fa-phone {
  transform: scaleX(-1); }

.bg-primary-color {
  background-color: #1d3557; }

.bg-transparent {
  background-color: transparent; }

.footer {
  background-color: #a8dadc; }

.navbar {
  opacity: 0.9;
  background: #1d3557;
  z-index: 999999; }
  .navbar .nav-item {
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 0.5rem; }
  .navbar .nav-link {
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff; }
  .navbar .btn:hover {
    background-color: rgba(0, 0, 0, 0.8); }

#nav-height {
  line-height: 2.5; }

.carousel-item {
  height: 500px; }

.carousel-image-1 {
  background: url("../../img/gold.jpg");
  background-size: cover; }

.carousel-image-2 {
  background: url("../../img/storageim.jpg");
  background-size: cover; }

.carousel-image-3 {
  background: url("../../img/carrierty.jpg");
  background-size: auto; }

.appoint {
  background-color: #457b9d; }

#index-heading {
  min-height: 300px;
  background: url("../../img/window.jpg");
  text-align: center;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #index-heading h3 {
    font-weight: 700; }

.index-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

#buy-heading {
  min-height: 300px;
  background: url("../../img/jewellery.jpg");
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #buy-heading h3 {
    font-weight: 700; }
  #buy-heading h1::after {
    content: "";
    display: block;
    border-bottom: 5px solid white;
    width: 8rem;
    margin-top: 4px;
    margin-bottom: 4px; }

.buy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.nav-slide .nav-tabs .nav-link.active,
.nav-slide .nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: #1d3557;
  border-color: #dee2e6 #dee2e6 #fff; }
.nav-slide .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #000;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  border: 2px solid #1d3557; }
.nav-slide .nav-item {
  padding-right: 3rem; }
.nav-slide p {
  font-weight: 700; }
.nav-slide .nav-link:hover {
  background-color: #1d3557;
  color: #fff; }

.tab-slide .img-fluid {
  max-height: 296px; }

#why-heading {
  min-height: 300px;
  background: url("../../img/jewellery.jpg");
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #why-heading h3 {
    font-weight: 700; }
  #why-heading h1::after {
    content: "";
    display: block;
    border-bottom: 5px solid white;
    width: 8rem;
    margin-top: 4px;
    margin-bottom: 4px; }

.why-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.why-us h2 {
  line-height: 19.75rem; }

#sell-heading {
  min-height: 300px;
  background: url("../../img/sellerguide.jpg");
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #sell-heading h3 {
    font-weight: 700; }
  #sell-heading h1::after {
    content: "";
    display: block;
    border-bottom: 5px solid white;
    width: 8rem;
    margin-top: 4px;
    margin-bottom: 4px; }

.sell-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

#value-heading {
  min-height: 300px;
  background: url("../../img/roomestimate.jpg");
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #value-heading h3 {
    font-weight: 700; }
  #value-heading h1::after {
    content: "";
    display: block;
    border-bottom: 5px solid white;
    width: 8rem;
    margin-top: 4px;
    margin-bottom: 4px; }

.value-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

#premier-heading {
  min-height: 500px;
  background: url("../../img/premierhome.jpg");
  text-align: center;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #premier-heading h3 {
    font-weight: 700; }
  #premier-heading .pad {
    padding-top: 7.5rem; }
  #premier-heading span {
    display: block; }

.premier-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

#appraisal-heading {
  min-height: 500px;
  background: url("../../img/appraisalcontact.jpg");
  text-align: center;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff; }
  #appraisal-heading h3 {
    font-weight: 700; }
  #appraisal-heading .pad {
    padding-top: 7.5rem; }
  #appraisal-heading span {
    display: block; }

@media (max-width: 768px) {
  #showcase {
    min-height: 500px; }
    #showcase h1 {
      font-size: 4rem; }

  .mb-resp {
    margin-bottom: 1rem; } }
.image-container {
  width: auto;
  height: 200px;
  overflow: hidden; }

.article-image-container {
  width: auto;
  height: 400px;
  overflow: hidden; }

.image {
  width: 100%;
  height: 100%;
  object-fit: cover; }