:root{
	--bs-body-font-family: 'Open Sans', sans-serif;
  --title-font-family: 'Playfair Display SC', serif;
  --bs-body-color: #888888;
	--bg-primary: #AC8424;
	--bs-gray: #919191;
	--bs-light-gray: #F0F0F0;
	--bs-gray-dark: #C0C0C2;
	--bs-body-font-size: 1rem;
	--bs-body-line-height: 1.93;
  --footer-bg: #1D1D1D;
}
.text-dark{
  color: #070707 !important;
}

.lh-30{line-height: 30px;}
.lh-24{line-height: 24px;}
.z-index-9999{z-index: 9999}
.h-750{
  height: 750px;
}
a{text-decoration: none;}
body{
	  font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    overflow-x: hidden;
}
.h-400{height: 400px;}
.rounded-10{
  border-radius: 10px;
}
.object-fit{
  object-fit: cover!important;
}
html{font-size: 90%;}

h1,h2,h3,h4, .play-font{
    font-family: var(--title-font-family);
}
.fw-exbold{
  font-weight: 800;
}
.fs-10 {
  font-size: 0.625rem !important;
}
.fs-11 {
  font-size: 0.6875rem !important;
}
.fs-12 {
  font-size: 0.75rem !important;
}
.fs-13 {
  font-size: 0.8125rem !important;
}
.fs-14 {
  font-size: 0.875rem !important;
}
.fs-15 {
  font-size: 0.9375rem !important;
}
.fs-16 {
  font-size: 1rem !important;
}
.fs-17px {
  font-size: 17px !important;
}
.fs-17 {
  font-size: 1.0625rem !important;
}
.fs-18 {
  font-size: 1.125rem !important;
}
.fs-19 {
  font-size: 1.1875rem !important;
}
.fs-20 {
  font-size: 1.250rem !important
}
.fs-21 {
  font-size: 1.3125rem !important
}
.fs-22 {
  font-size: 1.375rem !important
}
.fs-23 {
  font-size: 1.4375rem !important
}
.fs-24 {
  font-size: 1.5rem !important
}
.fs-25 {
  font-size: 1.5625rem !important
}
.fs-26 {
  font-size: 1.625rem !important
}
.fs-27 {
  font-size: 1.6875rem !important
}
.fs-28 {
  font-size: 1.75rem !important
}
.fs-29 {
  font-size: 1.8125rem !important
}
.fs-30 {
  font-size: 1.875rem !important
}
.fs-31 {
    font-size: 1.9375rem !important
}
.fs-32 {
    font-size: 2.05rem !important
}
.fs-33 {
    font-size: 2.0625rem !important
}
.fs-34 {
    font-size: 2.125rem !important
}
.fs-35 {
    font-size: 2.1875rem !important
}
.fs-36 {
  font-size: 2.25rem !important
}
.fs-37 {
  font-size: 2.3125rem !important
}
.fs-38 {
  font-size: 38px !important
}
.fs-39 {
  font-size: 2.4375rem !important
}
.fs-40 {
  font-size: 2.5rem !important
}
.fs-41 {
  font-size: 2.5625rem !important
}
.fs-42 {
  font-size: 2.625rem !important;
}
.fs-43 {
  font-size: 2.6875rem !important;
}
.fs-44 {
  font-size: 2.75rem !important;
}
.fs-45 {
  font-size: 2.8125rem !important;
}
.fs-46 {
  font-size: 2.875rem !important;
}
.fs-47 {
  font-size: 2.9375rem !important;
}
.fs-48 {
  font-size: 3rem !important;
}
.fs-49 {
  font-size: 3.0625rem !important;
}
.fs-50 {
  font-size: 3.135rem !important;
}
.fs-60{
  font-size: 4.375rem!important;
}
.bg-main{
	background-color: var(--bg-primary);
}
.bg-footer{background-color: var(--footer-bg);}
.text-gray{color: var(--bs-gray-dark);}
.text-maroon{color: var(--bg-primary);}
.alako-font{font-family:var(--title-font-family);}
.fw-medium{font-weight: 500;}
.bg-light{background-color: var(--bs-light-gray)!important}
.btn-default-dark {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none !important;
    position: relative;
    border-radius: 7px;
    background-color: #000;
    border:1px solid #000;
    font-weight: 700;
    font-size: 12px;
}
.btn-default {
  font-family: var(--title-font-family);
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none !important;
    position: relative;
    border-radius: 7px;
    background-color: var(--bg-primary);
    border:1px solid var(--bg-primary);
    font-weight: 700;
    font-size: 13px;
}
.btn-outline {
  font-family: var(--title-font-family);
    text-align: center;
    color: var(--bs-gray-dark);
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none !important;
    position: relative;
    border-radius: 7px;
    border:1px solid var(--bs-gray-dark);
    font-weight: 700;
    font-size: 13px;
}


.btn-default:hover {
    color: var(--bg-primary);
    background-color: transparent;
    border:1px solid var(--bg-primary);
}
.btn-default-dark:hover{
  color: #fff;
  background-color: var(--bg-primary)!important;
  border:1px solid var(--bg-primary);
} 
.btn-outline:hover {
  color: #fff;
  background-color: #070707;
}

.z-index{z-index: 1;}
/* .booknow-btn:before {
    position: absolute;
    content: '';
    left: -26px;
    top: -5px;
    height: 124%;
    width: 36px;
    background: #fff;
    transform: rotate(13deg);
    z-index: 2;
}
.booknow-btn:after {
    content: '';
    background-color: #333;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 300ms ease-in-out;
} */
.booknow-btn:hover:after {
width: 100%;
transition: all 300ms ease-in-out;
}
.booknow-btn span{z-index: 3;}
.box-shadow-0{
  box-shadow: none!important;
}
