/* IMPORT FONTS */


/* ===========================================================
   ROOT VARIABLES (FIXED)
   =========================================================== */
:root {
  --primary-color: #bf2527;
  --secondary-color: #162f51;
  --text-color: #666666;
  --text-color-dark: #121212;
  --text-color-white: #ffffff;

  /* FIXED FONT VARIABLES */
  --title-font: "Beiruti", sans-serif;      /* Headings */
  --text-font: "Beiruti", sans-serif;       /* Body text */
  --text-font2: "Barlow Condensed", sans-serif;

  --theme-color-light: #ffffff;
  --theme-color-white: #ffffff;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-dark: #121212;
  --theme-color-dark2: #222222;
  --theme-color-gray: #f6f6f6;
  --theme-color-black: #000;
  --theme-color-black-rgb: 0, 0, 0;
  --theme-color1: #162f51;
  --theme-color1-rgb: 193, 35, 39;
  --theme-color2: #fdece3;
  --theme-color3: #faf7f2;
  --theme-color4: #cab293;
  --theme-color5: #cb935d;

  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --bg-theme-color4: var(--theme-color4);

  --text-color9: #999999;
  --headings-color: #bf2527;
  --review-color: #ffc737;

  --body-font-size: 20px;
  --body-line-height: 1.40;
  --body-font-weight: 400;

  --h1-font-size: 72px;
  --h2-font-size: 50px;
  --h3-font-size: 36px;
  --h4-font-size: 24px;
  --h5-font-size: 22px;
  --h6-font-size: 20px;
}

/* ===========================================================
   GLOBAL FONT APPLY (VERY IMPORTANT)
   =========================================================== */
body {
  font-family: var(--text-font) !important;
  color: var(--text-color);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
}

/* Paragraphs */
p,
.text {
  font-family: var(--text-font) !important;
  color: var(--text-color);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--title-font) !important;
  color: var(--headings-color);
  margin-bottom: 1rem;
}

h1 {
  font-size: var(--h1-font-size);
}
h2 {
  font-size: var(--h2-font-size);
}
h3 {
  font-size: var(--h3-font-size);
}
h4 {
  font-size: var(--h4-font-size);
}
h5 {
  font-size: var(--h5-font-size);
}
h6 {
  font-size: var(--h6-font-size);
}

/* ====================================================================
    Homne Page css
==================================================================== */

.banquet-hall-section .outer-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banquet-hall-section .outer-box .info-block {
    position: relative;
    margin-bottom: 26px;
    margin-right: 0;
}
.banquet-hall-section .outer-box .info-block .inner {
    position: relative;
    padding-left: 38px;
    min-height: auto;
}
.banquet-hall-section .outer-box .info-block .inner .icon-box{
    top: 0px;
}
.banquet-hall-section .outer-box .info-block .inner .icon-box i {
    color: var(--primary-color);
    font-size: 30px;
}
.banquet-hall-section .outer-box .info-block .inner p {
    font-size: 22px;
    margin-bottom: 0;
    color: var(--text-color-dark);
    font-family: var(--text-font2);
    padding-left: 20px;
}


/* Slick Slider Navigation Arrows Type 1 */
.slick_slider_nav_type1 .slick-arrow{
    border: 1px solid var(--secondary-color);
    width: 60px;
    height: 60px;
}
.slick_slider_nav_type1 .slick-arrow:hover{
    background-color: var(--secondary-color);
}
.slick_slider_nav_type1 .slick-arrow:hover:before{
    color: var(--text-color-white) !important;
}
.slick_slider_nav_type1 .slick-arrow:before{
    color: var(--secondary-color);
    color: var(--theme-color1);
}
.slick_slider_nav_type1 .slick-arrow:before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 18px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.slick_slider_nav_type1 .slick-prev.slick-arrow::before{
    color: var(--secondary-color);
    content: "\f060";
}
.slick_slider_nav_type1 .slick-next.slick-arrow::before{
    color: var(--secondary-color);
    content: "\f061";
}

.slick_slider_nav_type1 .slick-prev.slick-arrow{
    left: -70px;
}
.slick_slider_nav_type1 .slick-next.slick-arrow{
    right: -70px;
}
@media (max-width: 767px) {
    .slick_slider_nav_type1 .slick-arrow{
        bottom: -100px;
        top: auto;
    }
    .slick_slider_nav_type1 .slick-prev.slick-arrow
    {
        left: 30%;
    }
    .slick_slider_nav_type1 .slick-next.slick-arrow{
        right: 30%;
    }
}

/* Gallery Iamges */
.gallery-item {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}
    
.gallery-img {
    position: relative;
    overflow: hidden;
    margin: 0px 10px;
}

.gallery-img img {
    transition: transform 0.6s ease;
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.gallery-img .gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(22 47 81 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
}

.gallery-img .gallery-overlay i {
    color: var(--text-color-white);
    font-size: 36px;
    transform: scale(0.5);
    transition: all 0.3s ease;
}

.gallery-img:hover img {
    transform: scale(1.1);
}

.gallery-img:hover .gallery-overlay {
    opacity: 1;
}

.gallery-img:hover .gallery-overlay i {
    transform: scale(1);               
}
.gallery_lable{
    color: var(--secondary-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    font-family: var(--text-font2);
}

.flaoting_data{
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #42db87;
    color: var(--text-color-white);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}
.flaoting_data a{
    color: #fff;
}
.flaoting_data a i{
    font-size: 20px;
}