*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}
html body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body a {
  text-decoration: none;
  color: unset;
}
a:hover {
  color: unset !important;
}
html body {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
    padding: 0;
  }
}
:focus-visible {
  outline: none !important;
}
/* --------poppins font family------------*/
@font-face {
  font-family: "Montserrat-Bold";
  src: url("/fonts/v4/Montserrat-Bold.ttf");
}
@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url("/fonts/v4/Montserrat-BoldItalic.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/fonts/v4/Montserrat-SemiBold.ttf");
}

@font-face {
  font-family: "Montserrat-SemiBoldItalic";
  src: url("/fonts/v4/Montserrat-SemiBoldItalic.ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  src: url("/fonts/v4/Montserrat-Italic.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("/fonts/v4/Montserrat-Medium.ttf");
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/v4//Montserrat-Regular.ttf') ;
}

@font-face {
  font-family: "Cinzel-Regular";
  src: url("/fonts/v4/Cinzel-Regular.ttf");
}
@font-face {
  font-family: "Cinzel-Medium";
  src: url("/fonts/v4/Cinzel-Medium.ttf");
}
@font-face {
  font-family: "Cinzel-SemiBold";
  src: url("/fonts/v4/Cinzel-SemiBold.ttf");
}
@font-face {
  font-family: "Cinzel-Bold";
  src: url("/fonts/v4/Cinzel-Bold.ttf");
}
@font-face {
  font-family: "Cinzel-ExtraBold";
  src: url("/fonts/v4/Cinzel-ExtraBold.ttf");
}

:root {
  /* font family */
  --bs-body-font-family: "Montserrat-Regular";
  /* Font Sizes in rem */
  --fs-96: 6rem; /* 96px */
  --fs-60: 3.75rem; /* 60px */
  --fs-48: 3rem; /* 48px */
  --fs-40: 2.5rem; /* 40px */
  --fs-36: 2.25rem; /* 36px */
  --fs-32: 2rem; /* 32px */
  --fs-30: 1.875rem; /* 30px */
  --fs-28: 1.75rem; /* 28px */
  --fs-24: 1.5rem; /* 24px */
  --fs-20: 1.25rem; /* 20px */
  --fs-18: 1.125rem; /* 18px */

  /* Content Font Sizes */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px */
  --fs-22: 1.375rem; /* 22px */

  /* Font Color Variables */
  --color-white: #ffffff;
  --color-dark-gray: #595959;
  --color-light-gray: #dedede;
  --color-gold: #fad46c;
  --color-black: #151515;
  --color-beige: #e3d8bb;
  --color-gray: #a3a3a3;
  --color-gray-light: #d1d1d1;
  --color-cream: #ecddb6;
  --color-offwhite: #f3f3f3;
  --color-orange: #ffb01f;
  --color-grayish: #dcdcdc;
  --color-ivory: #fffaee;
  --color-slate: #535353;
  --color-silver: #7c7c7c;
  --color-light-beige: #e3d9bb;
  --color-dark-brown: #624c0a;
  --color-light-brown: #a7a18f;
}
.cin-regular {
  font-family: "Cinzel-Regular";
}
.cin-medium {
  font-family: "Cinzel-Medium";
}
.cin-semibold {
  font-family: "Cinzel-SemiBold";
}
.cin-bold {
  font-family: "Cinzel-Bold";
}
.cin-exbold {
  font-family: "Cinzel-ExtraBold";
}
.mono-bold {
  font-family: "Montserrat-Bold";
}
.mono-italic {
  font-family: "Montserrat-Italic";
}
.mono-semibold {
  font-family: "Montserrat-SemiBold";
}
.mono-semibold-italic {
  font-family: "Montserrat-SemiBoldItalic";
}
.mono-medium {
  font-family: "Montserrat-Medium";
}
.mono-regular {
  font-family: "Montserrat-Regular";
}
/* Color Variables */
.text-underline {
  text-decoration: underline;
}
/* common class */
.height-inherit {
  height: inherit;
}
.border-50 {
  border-radius: 50px;
}
.border-white {
  border: 1px solid var(--color-white);
}
.cur-pointer {
  cursor: pointer;
}
/* two common buttons for site */
.container-1920 {
  width: 93.85%;
  margin: 0 auto;
  max-width: 1786px;
}
/* Global Variables */
/* grid classes */
.grid-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
/* heading classes */
.head-xxxl {
  font-size: var(--fs-96);
}
.head-xxl {
  font-size: var(--fs-60);
}
.head-xl {
  font-size: var(--fs-48);
}
.head-lg {
  font-size: var(--fs-40);
}
.head-36 {
  font-size: var(--fs-36);
}
.head-32 {
  font-size: var(--fs-32);
}
.head-30 {
  font-size: var(--fs-30);
}
.head-28 {
  font-size: var(--fs-28);
}
.head-md {
  font-size: var(--fs-24);
}
.head-sm {
  font-size: var(--fs-20);
}
.head-xs {
  font-size: var(--fs-18);
}
/*  font classes */
.fs-xxs {
  font-size: var(--fs-14);
}
.fs-xs {
  font-size: var(--fs-16);
}
.fs-sm {
  font-size: var(--fs-18);
}
.fs-md {
  font-size: var(--fs-20);
}
.fs-lg {
  font-size: var(--fs-22);
}
.fs-xl {
  font-size: var(--fs-24);
}
.fs-xxl {
  font-size: var(--fs-28);
}

/*  color classes */
.text-white {
  color: var(--color-white);
}
.text-dark-gray {
  color: var(--color-dark-gray);
}
.text-light-gray {
  color: var(--color-light-gray);
}
.text-gold {
  color: var(--color-gold);
}
.text-black {
  color: var(--color-black);
}
.text-beige {
  color: var(--color-beige);
}
.text-gray {
  color: var(--color-gray);
}
.text-gray-light {
  color: var(--color-gray-light);
}
.text-cream {
  color: var(--color-cream);
}
.text-offwhite {
  color: var(--color-offwhite);
}
.text-orange {
  color: var(--color-orange);
}
.text-grayish {
  color: var(--color-grayish);
}
.text-ivory {
  color: var(--color-ivory);
}
.text-slate {
  color: var(--color-slate);
}
.text-silver {
  color: var(--color-silver);
}
.text-light-beige {
  color: var(--color-light-beige);
}
.text-dark-brown {
  color: var(--color-dark-brown);
}

/* bg classes */
.bg-white {
  background-color: var(--color-white);
}
.bg-dark-gray {
  background-color: var(--color-dark-gray);
}
.bg-light-gray {
  background-color: var(--color-light-gray);
}
.bg-gold {
  background-color: var(--color-gold);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-beige {
  background-color: var(--color-beige);
}
.bg-gray {
  background-color: var(--color-gray);
}
.bg-gray-light {
  background-color: var(--color-gray-light);
}
.bg-cream {
  background-color: var(--color-cream);
}
.bg-offwhite {
  background-color: var(--color-offwhite);
}
.bg-orange {
  background-color: var(--color-orange);
}
.bg-grayish {
  background-color: var(--color-grayish);
}
.bg-ivory {
  background-color: var(--color-ivory);
}
.bg-slate {
  background-color: var(--color-slate);
}
.bg-silver {
  background-color: var(--color-silver);
}
.bg-light-beige {
  background-color: var(--color-light-beige);
}
.bg-light-brown {
  background-color: var(--color-light-brown);
}

.public-header {
  position: fixed;
  z-index: 999;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #040405, rgb(97 89 26) 84%, #040404);
  transition: all 0.3s ease-in-out;
  border: 1px solid #414141;
}
.single-page-header {
  position: fixed;
  z-index: 999;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #040405, rgb(97 89 26) 84%, #040404);
  transition: all 0.3s ease-in-out;
  border: 1px solid #414141;
}
.public-header.scrolled {
  background: linear-gradient(90deg, #fff7e7, #e2d09e 64%, #fff8e8);
  transition: all 0.3s ease-in-out;
  border: none;
}
.public-header.scrolled ul li a {
  color: black !important;
  transition: all 0.3s ease-in-out;
}
.public-header ul li a:hover{
  color: white !important;
}
.public-header.scrolled ul li a:hover{
  color:black!important
}
.public-header ul li a.btn-white:hover{
  color: black !important;
}
.public-header.scrolled .btn-white {
  background-color: #ffb01f !important;
  transition: all 0.3s ease-in-out;
}
.footer-section {
  background-color: #18150c;
}
.footer-bg-img img {
  max-width: 100%;
  height: auto;
}
.footer-section .d-grid {
  grid-template-columns: 20% 60%;
}
.form-control:focus {
  box-shadow: none !important;
}
.single-page-header {
  background: linear-gradient(90deg, #fff7e7, #e2d09e 84%, #fff8e8);
  transition: all 0.3s ease-in-out;
  border: none;
  background-color: #ffb01f !important;
}
.single-page-header ul li a {
  color: black !important;
  transition: all 0.3s ease-in-out;
}
.single-page-header .btn-white {
  background-color: #ffb01f !important;
  transition: all 0.3s ease-in-out;
}
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}
.footer-bottom {
  background-image: url(/images/v4/themes/footer-bottom-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.footer-bottom a:hover{
  color: white !important;
}
.footer-bottom ul{
     font-family: "Montserrat-Regular";
}
.my-dropdown-menu .my-dropdown-item:hover{
    color:black!important
}