@import url("https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap");
@import url("https://fonts.cdnfonts.com/css/back-to-black-demo");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Tangerine:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Tangerine:wght@400;700&display=swap");

@font-face {
  font-family: "BackToBlackDemo";
  src: url("./fonts/BackToBlackDemo.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Apply the font to a specific element or globally */
body {
  font-family: "YourCustomFont", sans-serif;
}

body {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "MyCustomFont";
  src: url("/fonts/MyCustomFont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

img.main-logo,
img.white-logo {
  /* background-color: red; */
  /* max-width: 300px; */
  max-height: 130px;
}

p,
h6,
ul,
li {
  font-size: 18px !important;
  color: rgb(34, 34, 34);
}

.main-banner-content {
  /* background-color: rgba(0, 0, 0, 0.5); */
  padding: 20px;
  /* border-radius: 10px; */
  width: 60%;
  background-color: aliceblue;
}

@media (max-width: 768px) {
  .main-banner-content {
    width: 100%;
  }
}

.main-banner-content p,
.main-banner-content h1 {
  color: white;
  /* drop-shadow */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}

.main-banner-content {
  background-color: #0000005e;
}

.products-area .section-title p,
.products-area .section-title ul {
  margin-top: 20px;
  text-align: justify;
}

.main-banner-content h1 {
  /* font-family: "Tangerine", cursive !important; */
  font-family: "Playfair Display", serif;
  font-style: italic;
}

.thankyou-font {
  font-family: "Back to Black Demo", sans-serif;
  font-weight: 100;
  /* font-family: 'BackToBlackDemo'; */
}

h2,
.italic-font {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 100;
}

.products-content h3 {
  font-family: "Playfair Display", serif;
  font-style: italic;
  text-transform: uppercase;
}

.footer-area .navbar-logo-box .logo img {
  width: 150px;
  max-width: 100%;
}

/* Element | http://localhost:8080/ */

.footer-area
  div.col-lg-3:nth-child(1)
  > div:nth-child(1)
  > div:nth-child(1)
  > a:nth-child(1)
  > img:nth-child(1) {
  margin: 50px 0px 0px 0px !important;
  max-height: 140px !important;
}

/* custom.css | http://localhost:8080/web/assets/css/custom.css */

img.main-logo,
img.white-logo {
  /* max-height: 130px; */
  max-height: 124px !important;
}

@media only screen and (max-width: 767px) {
  .xton-responsive-menu .logo img {
    max-height: 50px !important;
    /* background-color: red; */
  }

  .hide-on-mobiles {
    display: none;
  }

  .page-title-content ul {
    display: none;
  }
}
