/*
    - main styling theme
    - author: Rupiny Eric
    - email: ruperic25@gmail.com
    - github: @coderscoven
    - twitter: @coderscoven
    - year: 2025
    - version: 1.0.0
*/



/* 1. fonts */
/* -------------------------------------------------------------------- */

/* Barlow Condensed: CSS classes */
.barlow-condensed-thin {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.barlow-condensed-extralight {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.barlow-condensed-light {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.barlow-condensed-regular {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.barlow-condensed-medium {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.barlow-condensed-semibold {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.barlow-condensed-bold {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.barlow-condensed-extrabold {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.barlow-condensed-black {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.barlow-condensed-thin-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.barlow-condensed-extralight-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.barlow-condensed-light-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.barlow-condensed-regular-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.barlow-condensed-medium-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.barlow-condensed-semibold-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.barlow-condensed-bold-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.barlow-condensed-extrabold-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.barlow-condensed-black-italic {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* Roboto: CSS class for a variable style */
.roboto-100 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-200 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-300 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-400 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-500 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-600 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-700 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.roboto-800 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

/* Open Sans: CSS class for a variable style */
.open-sans-100 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-200 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-300 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-400 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-500 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-600 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-700 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.open-sans-800 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

/* Calligraphy: CSS class for a variable style */
.parisienne-regular {
    font-family: "Parisienne", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.parisienne-medium {
    font-family: "Parisienne", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.parisienne-semibold {
    font-family: "Parisienne", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.parisienne-bold {
    font-family: "Parisienne", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.cookie-regular {
    font-family: "Cookie", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.cookie-medium {
    font-family: "Cookie", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.cookie-semibold {
    font-family: "Cookie", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.cookie-bold {
    font-family: "Cookie", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.cookie-extrabold {
    font-family: "Cookie", sans-serif;
    font-weight: 800;
    font-style: normal;
}




/* 2. general */
/* -------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background-color: #fbfbfb;
    color: #7e7777;
}

a {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

/*  Google recaptcha badge  */
/******************************/
.grecaptcha-badge {
    z-index: 4;
}

/* 2.1. buttons */
/******************************/

/* 1 */
/* double border primary */
.btn-double-border-primary {
    border: 1px solid #0d6efd;
}

.btn-double-border-primary::after {
    border: 1px solid #0d6efd;
}

.btn-double-border-primary:hover {
    background-color: #0d6efd;
    color: #fff;
}

/* double border color 1 */
.btn-double-border-color-1 {
    border: 1px solid #8b5b29;
}

.btn-double-border-color-1::after {
    border: 1px solid #8b5b29;
}

.btn-double-border-color-1:hover {
    background-color: #8b5b29;
    color: #fff;
}

/* double border light blue */
.btn-double-border-light-blue {
    border: 1px solid #618BC7;
}

.btn-double-border-light-blue::after {
    border: 1px solid #618BC7;
}

.btn-double-border-light-blue:hover {
    background-color: #618BC7;
    color: #fff;
}

/* double border dark orange */
.btn-double-border-dark-orange {
    border: 1px solid #D7712B;
}

.btn-double-border-dark-orange::after {
    border: 1px solid #D7712B;
}

.btn-double-border-dark-orange:hover {
    background-color: #D7712B;
    color: #fff;
}


/* double border effect */
.btn-double-border {
    position: relative;
    background-color: transparent;
    color: #000;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 0;
}

.btn-double-border-2 {
    position: relative;
    background-color: transparent;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 0;
}

.btn-double-border::after,
.btn-double-border-2::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0.6;
    transition: all 0.3s ease;
    border-radius: 0;
}

.btn-double-border:hover::after,
.btn-double-border-2:hover::after {
    opacity: 1;
    border-color: #fff;
}

/* 2 */
.btn-hover-shift-primary {
    background-color: #0d6efd;
    border: 1px solid #fff;
}

.btn-hover-shift {
    color: #fff;
    padding: 13px 14px;
    border-radius: 10px;
    font-size: 14px;
    letter-spacing: 0.48px;
    line-height: 1;
    font-weight: 600;
    position: relative;
    align-items: center;
    display: inline-flex;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
}

.btn-hover-shift::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 102% 102%;
    border-radius: inherit;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    opacity: 0;
    z-index: -1;
}

.btn-hover-shift::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(110%);
    background-color: #000;
    overflow: hidden;
    transition: opacity 0.5s, transform 0.5s;
    z-index: -1;
}

.btn-hover-shift>span {
    transition: opacity 0.3s, transform 0.3s;
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: transparent;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-hover-shift>span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    transform: translate(0, 100%);
    transition: opacity 0.3s, transform 0.3s;
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    white-space: nowrap;
}

.btn-hover-shift>span i {
    transition: 0.5s;
}

.btn-hover-shift:hover>span {
    -o-transform: translateY(-150%);
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    opacity: 0;
}

.btn-hover-shift:hover::after {
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0;
}

.btn-hover-shift:hover>span:nth-child(2) {
    -o-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    opacity: 1;
}

/* 3 small button */
.btn-xs {
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
    border-radius: 0.2rem;
}

/* 4 */
.btn-hover-1 {
    position: relative;
    overflow: hidden;
    transition: color 0.6s ease;
}

.btn-hover-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(59, 35, 20, .9), rgba(59, 35, 20, .95));
    transition: left 0.6s ease;
    z-index: 0;
}

.btn-hover-1:hover::before {
    left: 0;
}

.btn-hover-1:hover {
    color: #fff;
}

.btn-hover-1 span,
.btn-hover-1 {
    position: relative;
    z-index: 1;
}

/* 5 */
.btn-hover-3 {
    position: relative;
    transition: color 0.6s ease;
    color: #fff;
}

.btn-hover-3::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    transition: border-color 0.6s ease, transform 0.6s ease;
}

.btn-hover-3:hover::after {
    border-color: #8b5b29;
    transform: scale(1.01);
    color: #8b5b29;
}

/* 6  */
.btn-hover-4 {
    border-radius: 35px;
    background-color: #D7712B;
    /*font-family: var(--font-rubik);*/
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    letter-spacing: .48px;
    text-transform: capitalize;
    line-height: 1;
    padding: 15px 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    border-bottom: 2px solid #3b2314;
}

.btn-hover-4:after {
    position: absolute;
    content: "";
    border-radius: 30px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #9DC452;
    transform-origin: right;
    transform: scalex(0);
    z-index: -1;
    transition: transform .7s;
}

.btn-hover-4:hover {
    color: #fff;
}

.btn-hover-4:hover:after {
    transform: scalex(1);
    transform-origin: left
}

/* 2.2. font sizes */
/******************************/
.fs-1-5 {
    font-size: 1.5em;
}

.fs-10 {
    font-size: 0.625em;
}

.fs-11 {
    font-size: 0.6875em;
}

.fs-12 {
    font-size: 0.75em;
}

.fs-13 {
    font-size: 0.8125em;
}

.fs-14 {
    font-size: 0.875em;
}

.fs-15 {
    font-size: 0.9375em;
}

.fs-16 {
    font-size: 1em;
}

.fs-17 {
    font-size: 1.0625em;
}

.fs-18 {
    font-size: 1.125em;
}

.fs-19 {
    font-size: 1.1875em;
}

.fs-20 {
    font-size: 1.25em;
}

.fs-21 {
    font-size: 1.31em;
}

.fs-22 {
    font-size: 1.37em;
}

.fs-23 {
    font-size: 1.43em;
}

.fs-24 {
    font-size: 1.5em;
}

.fs-25 {
    font-size: 1.5625em;
}

.fs-40 {
    font-size: 2.5em;
}

.fs-42 {
    font-size: 2.6em;
}

.fs-45 {
    font-size: 2.812em;
}

.fs-46 {
    font-size: 2.875em;
}


/* 2.3. heights */
/******************************/

.h-50px {
    height: 50px;
}

.h-60px {
    height: 60px;
}

.h-70px {
    height: 70px;
}

.h-75px {
    height: 75px;
}

.h-100px {
    height: 100px;
}

.h-150px {
    height: 150px;
}

.h-175px {
    height: 175px;
}

.h-200px {
    height: 200px;
}

.h-250px {
    height: 250px;
}

.h-275px {
    height: 275px;
}

.h-300px {
    height: 300px;
}

.h-350px {
    height: 350px;
}

.h-375px {
    height: 375px;
}

.h-400px {
    height: 400px;
}

.h-425px {
    height: 425px;
}

.h-450px {
    height: 450px;
}

.h-475px {
    height: 475px;
}

.h-500px {
    height: 500px;
}

.h-550px {
    height: 550px;
}

.h-575px {
    height: 575px;
}

.h-600px {
    height: 600px;
}

.h-650px {
    height: 600px;
}

.h-700px {
    height: 700px;
}

.h-750px {
    height: 750px;
}

.h-800px {
    height: 800px;
}

.h-850px {
    height: 850px;
}

.h-900px {
    height: 900px;
}

/* 2.4. sections */
/******************************/
.section-heading,
.section-footing {
    width: 100%;
}

.section-footing {
    margin-top: 35px;
}

.section-parallax {
    background-attachment: fixed;
    padding: 195px 0;
    height: 500px;
    min-height: 500px;
}

.section-parallax2 {
    background-attachment: fixed;
    min-height: 650px;
    height: 750px;
}

.section-padding-1 {
    padding: 100px 0;
}

.section_bg_image_1 {
    background-image: url('../images/backgrounds/bg-8.webp');
}

.section-title2 .eg-section-tag {
    -webkit-mask-image: url('../images/backgrounds/section-title-tag.svg');
    mask-image: url('../images/backgrounds/section-title-tag.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: rgba(139, 91, 41, .3);
    padding: 12px 40px;
    white-space: nowrap;
    display: inline-flex;
    margin-bottom: 3px;
}

.section-title2 .eg-section-tag span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .51px;
}

/* 2.5. colors, backgrounds & gradients*/
/**************************************/
.text-purple {
    color: rgba(49, 3, 49, .8);
}

.color-1 {
    color: #8b5b29;
}

.bg-color-1 {
    background-color: #8b5b29;
}

.border-color-1 {
    border-color: #8b5b29;
}

.color-2 {
    color: #d9cbae;
}

.bg-color-2 {
    background-color: #d9cbae;
}

.color-3 {
    color: #3b2314;
}

.bg-color-3 {
    background-color: #3b2314;
}

.bg-gradient1-color-3 {
    background: linear-gradient(135deg, #3b2314, #8c5a2b, #d9a066);
}

.bg-gradient2-color-3 {
    background: radial-gradient(circle at center, #3b2314, #2a1810, #000000);
}

.bg-gradient3-color-3 {
    background: linear-gradient(to right, #3b2314, #4a2f1d, #6b442b, #a67c52);
}

.bg-gradient4-color-3 {
    /* Subtle Brown Fade */
    background: linear-gradient(to bottom right, #3b2314, #5a3820, #7a5230);
}

.bg-gradient5-color-3 {
    /* Soft Contrast */
    background: linear-gradient(to right, #3b2314, #6b442b, #c4a484);
}

.bg-gradient6-color-3 {
    /* Elegant Card Background */
    background: radial-gradient(circle at top left, #3b2314, #5a3820, #8c5a2b);
}


.color-light-blue {
    color: #618BC7;
}

.bg-color-light-blue {
    background-color: #618BC7;
}

.color-dark-blue {
    color: #5882C1;
}

.bg-color-dark-blue {
    background-color: #5882C1;
}

.color-dark-orange {
    color: #D7712B;
}

.bg-color-dark-orange {
    background-color: #D7712B;
}

.color-light-orange {
    color: #DC862C;
}

.bg-color-light-orange {
    background-color: #DC862C;
}

.color-faded-green {
    color: #9DC452;
}

.color-facebook {
    color: #1877f2;
}

.bg-color-facebook {
    background-color: #1877f2;
}

.color-twitter {
    color: #1da1f2;
}

.bg-color-twitter {
    background-color: #1da1f2;
}

.color-instagram {
    color: #dd2a7b;
}

.bg-color-instagram {
    background-color: #dd2a7b;
}

.color-linkedin {
    color: #0077b5;
}

.bg-color-linkedin {
    background-color: #0077b5;
}

.color-youtube {
    color: #ff0000;
}

.bg-color-youtube {
    background-color: #ff0000;
}

.color-whatsapp {
    color: #25d366;
}

.bg-color-whatsapp {
    background-color: #25d366;
}

.bg-gradient-1 {
    background-color: hsla(0, 0%, 0%, 0.4);
}

.bg-gradient-2 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-gradient-3 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
}


/*.bg-gradient-2 {
  background-color: linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.3) 101.02%);
}*/

/* 2.6. carousels */
/******************************/
/* swiper */
/* .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border-radius: 50rem;
}

.swiper-pagination-bullet-active {
    background-color: #000;
} */

/* owl */
.owl-stage-outer {
    margin: -15px;
    padding: 15px;
}

/* owl-carousel 1 */
.carousel-wrapper-1 .owl-carousel {
    position: relative
}

.carousel-wrapper-1 .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.carousel-wrapper-1 .owl-nav button.owl-prev,
.carousel-wrapper-1 .owl-nav button.owl-next {
    background: #094f96;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: all 0.3s ease;
}

.carousel-wrapper-1 .owl-nav button.owl-prev {
    margin-left: -25px;
}

.carousel-wrapper-1 .owl-nav button.owl-next {
    margin-right: -25px;
}

.carousel-wrapper-1 .owl-nav button.owl-prev:hover,
.carousel-wrapper-1 .owl-nav button.owl-next:hover {
    background: #333;
    color: #fff;
}

.carousel-wrapper-1 .owl-nav i {
    font-size: 18px;
}

/* 2.7. vectors */
/******************************/
.section_vectors .vector-image-1 {
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    z-index: -1;
    animation: up-and-down;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* #pages-header .vector-image-3 {
    position: absolute;
    top: 60%;
    left: 40%;
    z-index: -1;
} */

@-webkit-keyframes up-and-down {

    0%,
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}

@keyframes up-and-down {

    0%,
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}

.section_vectors .vector-image-2 {
    position: absolute;
    bottom: 40%;
    right: 130px;
    z-index: -1;
    animation: side-by-side;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


.section_vectors .vector-image-3 {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 1;
    animation: side-by-side;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes side-by-side {

    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    50% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
}

@keyframes side-by-side {

    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    50% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
}


/* 2.8. modals */
/******************************/

body.search-modal-open .modal-backdrop.show {
    background-color: rgba(9, 79, 150, 0.95) !important;
}

/* #search_modal .modal-header .btn-close {
    color: #fff;
    opacity: 1;
    font-size: 1.5rem;
    background-color: transparent;
    border: 0;
} */

/* Ensure modal body fills full screen height */
/* #search_modal .modal-body {
    min-height: 100vh;
} */

/* Optional: add nice input focus effect */
/* #search_modal input:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.3);
} */


/* 2.9. paddings */
/******************************/
.p-100 {
    padding: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* 3.0 text underline */
/******************************/
/* left underline */
.half-underline-left {
    display: inline-block;
    position: relative;
}

.half-underline-left::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    /* half underline */
    height: 2px;
    /* thickness */
    background: currentColor;
}

/* half center underline */
.half-underline-center {
    display: inline-block;
    position: relative;
}

.half-underline-center::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25%;
    /* start 25% in */
    width: 50%;
    /* underline length */
    height: 2px;
    background: currentColor;
}

/* 3.1 Forms */
/******************************/
.custom-form,
.form-control::placeholder {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.custom-form .form-label {
    color: #000;
}

.custom-form .form-control,
.custom-form .form-select {
    border-radius: 0;
}

.custom-form .form-control:focus,
.custom-form .form-select:focus {
    border-color: #d9cbae;
    box-shadow: inset 0px 0px 0px 1px #d9cbae
}

/* 4. navigation */
/* -------------------------------------------------------------------- */
#topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1031;
    /*    background-color: #000;
    color: rgb(251, 251, 251);*/
    background: rgba(59, 35, 20, 1);
    /* primary 2 */
    color: #3b2314;
    /* ensure text contrast */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    font-size: 0.75em;
    transition: transform 0.35s ease-in-out;
}

#main-navbar {
    padding-top: .1rem;
    padding-bottom: .1rem;
    /*background-color: #3b2314;*/
    background-color: rgba(59, 35, 20, 0.65);
    position: fixed;
    width: 100%;
    z-index: 1030;
    top: 35.19px;
    left: 0;
}

#main-navbar .navbar-brand img {
    width: auto;
}

#topbar .social-links a {
    transition: all 0.35s ease;
}

#topbar .social-links a:hover {
    background-color: #fff;
    color: #DC862C !important;
}


#main-navbar .navbar-nav .nav-item .nav-link {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.95rem;
    color: #fff;
    letter-spacing: 0.0625em;
}

#main-navbar .navbar-nav .nav-item .nav-link.active,
#main-navbar .navbar-nav .nav-item .nav-link:hover {
    color: #D7712B;
}

/* Remove default MDB caret */
#main-navbar .dropdown-toggle::after {
    display: none !important;
}

/* Add custom icon */
#main-navbar .dropdown-toggle .dropdown-icon {
    margin-left: 4px;
    font-size: 0.75rem;
}

#main-navbar .nav-link.dropdown-toggle:focus,
#main-navbar .nav-link.dropdown-toggle:hover {
    box-shadow: none !important;
    outline: none !important;
}

#main-navbar .dropdown-item.active {
    background-color: #D7712B !important;
    color: #fff !important;
}

#main-navbar .dropdown-menu .dropdown-item {
    color: rgb(51, 45, 45);
}

/*#main-navbar .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}*/

/*#main-navbar .dropdown:hover>.dropdown-menu {
  display: block;
  transform: translate3d(0, 0, 0);
}
*/
/*#main-navbar .dropdown>.dropdown-toggle:active {

    pointer-events: none;
}
*/




/* 5. banner */
/* -------------------------------------------------------------------- */

/* home 1 */
#intro-1 {
    height: 75vh;
    /* background-image: url('../images/backgrounds/home-bg-1.webp'); */
}

@media (min-width: 992px) {
    /*    #intro {
        margin-top: -58.59px;
    }*/
}

#intro-1 h1 {
    font-size: 5.5em;
}

#intro-1 h5 {
    font-size: 2em;
}

.why_cards {
    transition: all 0.4s ease;
}

.why_cards:hover {
    background-color: #d9a066;
    /* new color on hover */
    /*    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);*/
}

.ct-img-zoomin1 img {
    transition: transform 0.4s ease;
}

.ct-img-zoomin1 img:hover {
    transform: scale(.95);
}


/* 6. packages */
/* -------------------------------------------------------------------- */

.package-card .package-body .package-title a {
    color: rgb(51, 45, 45);
    transition: all .5s ease;
}

.package-card .package-body .package-title a:hover {
    color: #0d6efd;
}

.package-card .package-image-wrap {
    position: relative;
}

.package-card .package-image-wrap .package-image {
    position: relative;
    overflow: hidden;
    display: block;
}

.package-card .package-image-wrap .package-image img {
    min-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.5s ease-out;
}

.package-card .package-image-wrap .package-image::after {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
}

.package-card:hover .package-image-wrap .package-image::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.package-card:hover .package-image-wrap .package-image img {
    transform: scale(1.1);
}

/* package details */
.package-details-area .package-img-group .gallery-img-wrap {
    position: relative;
    transition: all .45s;
    height: 100%;
}

.package-details-area .package-img-group .gallery-img-wrap img {
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}

@media (max-width:767px) {
    .package-details-area .package-img-group .gallery-img-wrap img {
        height: auto
    }
}

.package-details-area .package-img-group .gallery-img-wrap a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(16, 12, 8, .6);
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .6px;
    flex-direction: column;
    transition: all .45s;
    transform: scale(.4);
    border-radius: 10px;
    opacity: 0
}

.package-details-area .package-img-group .gallery-img-wrap a i {
    color: #DC862C;
    font-size: 35px
}

.package-details-area .package-img-group .gallery-img-wrap button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(16, 12, 8, .6);
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .6px;
    flex-direction: column;
    transition: all .45s;
    transform: scale(.4);
    border-radius: 10px;
    opacity: 0
}

.package-details-area .package-img-group .gallery-img-wrap button i {
    color: #fbb03b;
    font-size: 20px
}

.package-details-area .package-img-group .gallery-img-wrap.active a,
.package-details-area .package-img-group .gallery-img-wrap.active button,
.package-details-area .package-img-group .gallery-img-wrap:hover a,
.package-details-area .package-img-group .gallery-img-wrap:hover button {
    transform: scale(1);
    opacity: 1;
    cursor: pointer;
}


/* 7. articles, blog */
/* -------------------------------------------------------------------- */
.header-banner-1 {
    height: 440px;
}

@media (min-width: 992px) {
    .header-banner-1 {
        height: 460px;
    }
}


.article-card .card-body .article-title a {
    color: #332d2d;
    line-height: 1.4;
    background: linear-gradient(to bottom, #332d2d 0%, #332d2d 98%);
    background-size: 0px 1px;
    background-repeat: no-repeat;
    background-position: right 90%;
    transition: background-size 0.75s;
}

.article-card .card-body .article-title a:hover {
    /* color: #0d6efd; */
    background-size: 100% 1px;
    background-position: 0% 90%;
}


/* 8. testimonial */
/* -------------------------------------------------------------------- */
/*.testimonial-section {
    padding-top: 100px;
    padding-bottom: 100px;
}*/

.testimonial-card {
    position: relative;
    height: 100%;
}

/*.testimonial-card:hover {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}*/

.testimonial-card .testimonial-body {
    min-height: 208px;
}

.testimonial-card .testimonial-body p {
    line-height: 1.7;
    letter-spacing: .025em;
    padding-left: 5px;
    padding-right: 5px;
}

.testimonial-slider {
    padding-bottom: 40px;
}

.testimonial-slider .swiper-pagination2 {
    bottom: 0;
}

/* 9. questions n answers / faq */
/* -------------------------------------------------------------------- */
#questions-and-answers #commonQuestionsAnswersAccordion .accordion-item,
#questions-and-answers #commonQuestionsAnswersAccordion .accordion-body {
    background-color: #fbfbfb;
}

#questions-and-answers #commonQuestionsAnswersAccordion .accordion-item:not(:last-child) {
    margin-bottom: 10px;
}

#questions-and-answers #commonQuestionsAnswersAccordion .accordion-header .collapsed {
    background-color: rgb(159, 166, 178);
    color: rgb(0, 0, 0);
}

#questions-and-answers #commonQuestionsAnswersAccordion .accordion-item .collapse.show {
    background-color: rgb(138, 130, 130);
}


/* 09. scroll to top */
/* -------------------------------------------------------------------- */
#scrollToTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    color: #068334;
    border: 3px solid #045521;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    display: none;
    transition: all 0.3s ease;
    z-index: 1000;
}

#scrollToTopBtn:hover {
    background-color: #045521;
    color: #fff;
}


/* 10. videos */
/* -------------------------------------------------------------------- */
.video-wrapper .popup-youtube {
    position: absolute;
    height: 77px;
    width: 77px;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
}

.video-wrapper .popup-youtube i {
    color: #D7712B;
    font-size: 25px;
    /*padding-left: 4px;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.video-wrapper .popup-youtube .wave {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 109.04px;
    height: 109.04px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: ripple 1s infinite;
}

.video-wrapper .popup-youtube .wave-1 {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 132px;
    height: 132px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    animation: ripple-1 1s infinite;
}

@keyframes ripple-1 {
    0% {
        width: 86.09px;
        height: 86.09px;
        opacity: 1;
    }

    100% {
        width: 132px;
        height: 132px;
        opacity: 0;
    }
}


/* 11. About */
/* -------------------------------------------------------------------- */
#about-page .about-img-wrap .about-img {
    -webkit-mask-image: url('../images/backgrounds/vector-dark.png');
    mask-image: url('../images/backgrounds/vector-dark.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: relative;
}

#about-page .about-img-wrap .about-img::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 12, 8, 0.3);
    z-index: 1;
}

#about-page .about-img-wrap .experience {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    background-color: #3b2314;
    max-width: 165px;
    width: 100%;
    gap: 8px;
    padding: 15px 12px;
    border-radius: 10px;
}

#about-page .about-img-wrap .experience h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0px;
}

#about-page .about-img-wrap .experience p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0px;
}




/* 12. Gallery */
/* -------------------------------------------------------------------- */
#gallery-page .grid {
    margin: 0 auto;
}

#gallery-page .grid-sizer,
#gallery-page .grid-item {
    width: 25%;
    /* 4 columns */
    box-sizing: border-box;
}

#gallery-page .grid-item {
    padding: 4px;
}

#gallery-page .grid-item img {
    display: block;
    width: 100%;
}

/* Responsive */
@media (max-width: 800px) {

    #gallery-page .grid-sizer,
    #gallery-page .grid-item {
        width: 50%;
    }
}

@media (max-width: 600px) {

    #gallery-page .grid-sizer,
    #gallery-page .grid-item {
        width: 100%;
    }
}


/* BASE TAB STYLING */
#gallery-page .themed-tab {
    padding: 0.75rem 1rem;
    font-weight: 600;
    border-radius: .5rem .5rem 0 0;
    transition: all .3s ease;
    color: #3b2314;
    /* dark shade */
    border: 1px solid transparent;
}

/* HOVER */
#gallery-page .themed-tab:hover {
    background-color: #d9cbae;
    /* light shade */
    color: #3b2314;
}

/* ACTIVE TAB */
#gallery-page .nav-tabs .themed-tab.active {
    background-color: #8b5b29 !important;
    /* primary brand */
    color: #fff !important;
    border-color: #8b5b29 !important;
}

/* ACTIVE ICON */
#gallery-page .nav-tabs .themed-tab.active i {
    color: #fff !important;
}

/* ICON BASE COLOR */
#gallery-page .themed-tab i {
    color: #3b2314;
}

/* TAB ITEM FULL WIDTH */
#gallery-page .nav-tabs .nav-item {
    flex: 1;
}

/* REMOVE DEFAULT MDB BORDER UNDER TABS */
#gallery-page .nav-tabs {
    border-bottom: 2px solid #d9cbae;
}

#gallery-page .load-more-wrapper {
    text-align: center;
    margin: 40px 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#gallery-page .load-more-wrapper button {
    background: #fbfbfb;
    /* or match your site bg */
    border: none;
    position: relative;
    padding: 0 20px;
    font-size: 16px;
    color: #3b2314;
    /* your theme color */
    cursor: pointer;
    z-index: 1;
}

#gallery-page .load-more-wrapper button span {
    background: #fbfbfb;
    /* same as button bg */
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

#gallery-page .load-more-wrapper button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    /* thickness of the line */
    background: #d9cbae;
    /* your theme color for line */
    transform: translateY(-50%);
    z-index: 0;
}

#gallery-page .load-more-wrapper button:hover span {
    color: #8b5b29;
}


/* . footer */
/* -------------------------------------------------------------------- */

#main-footer {
    position: relative;
}

#footer-social-and-links {
    background-image: linear-gradient(45deg, rgba(17, 15, 15, 0.8) 0%, rgba(17, 15, 15, 0.8) 100%), url('../images/backgrounds/bg-6.webp');
    /* height: 550px; */
}

/* #footer-bg-image .mask {
    background-color: hsla(0, 0%, 0%, 0.8);
    height: 100%;
} */

#footer-newsletter {
    background-image: linear-gradient(45deg, hsla(168, 85%, 52%, 0.5), hsla(263, 88%, 45%, 0.5) 100%), url('../images/backgrounds/bg-5.webp');
}

#footer-copyright {
    background-color: rgba(0, 0, 0, 0.8);
}

#footer-copyright .list-inline a {
    color: rgb(159, 166, 178);
    transition: color 0.3s ease;
}

#footer-copyright .list-inline a:hover {
    color: rgb(251, 251, 251);
}

#main-footer .footer-socials .facebook:hover {
    color: #1877f2 !important;
    background-color: #fff;
}

#main-footer .footer-socials .twitter:hover {
    color: #1da1f2 !important;
    background-color: #fff;
}

#main-footer .footer-socials .linkedin:hover {
    color: #0077b5 !important;
    background-color: #fff;
}

#main-footer .footer-socials .instagram:hover {
    color: #dd2a7b !important;
    background-color: #fff;
}

#main-footer .footer-socials .youtube:hover {
    color: #ff0000 !important;
    background-color: #fff;
}


/* 11. responsive breakpoints */
/* -------------------------------------------------------------------- */

/* Extra large desktops */
@media (max-width: 1699px) {
    .section_vectors .vector-image-1 {
        left: 30px;
    }

    .section_vectors .vector-image-2 {
        right: 30px;
    }
}

@media (max-width: 1400px) {}

/* ######################################### */



/* Custom widths */
@media (max-width: 1399px) {
    .section_vectors .vector-image-1 {
        width: 90px;
        left: 10px;
    }

    .section_vectors .vector-image-2 {
        right: 20px;
        width: 60px;
    }

    .section-parallax {
        padding: 165px 0;
    }
}

@media (max-width: 1199px) {
    .section_vectors .vector-image-1 {
        top: 47%;
        left: 0px;
        width: 80px;
    }

    .section-parallax {
        padding: 155px 0;
    }
}

/* ######################################### */

/* Large desktops */
@media (max-width: 1200px) {}

@media (min-width: 992px) {

    /* navbar */
    #main-navbar {
        padding-top: .3rem;
        padding-bottom: .3rem;
        border: none;
        transition: padding-top 0.35s ease-in-out, padding-bottom 0.35s ease-in-out, transform 0.35s ease-in-out;
        transform: translateY(0);
    }

    #main-navbar .navbar-brand img {
        height: 100px;
        transition: height 0.35s ease-in-out;
    }

    #topbar.hide {
        transform: translateY(-100%);
    }

    #main-navbar.move-up {
        transform: translateY(-35.19px);
    }

    #main-navbar.navbar-shrink {
        padding-top: .1rem;
        padding-bottom: .1rem;
        background-color: #021b41;
    }

    #main-navbar.navbar-shrink .navbar-brand svg,
    #main-navbar.navbar-shrink .navbar-brand img {
        height: 80px;
    }

    #main-navbar .navbar-nav .nav-item {
        margin-right: 1rem;
    }

    #main-navbar .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }
}


/* ######################################### */


/* Tablets / small laptops */
@media (max-width: 991px) {

    #about-page .about-img-wrap {
        display: none;
    }

    .mrt-md-4 {
        margin-top: 1.5rem;
    }

    #main-navbar {
        /*top: 35.19px;*/
        top: 65.19px;
    }

    .section-parallax {
        padding: 145px 0;
    }

    .section-parallax p {
        font-size: 1.125em;
    }

    .section_vectors .vector-image-1 {
        top: 38%;
    }

    /* intro header */
    #intro-1 h1 {
        font-size: 4.5em;
    }

    #intro-1 h5 {
        font-size: 1.5em;
    }

    #navbarResponsive {
        padding-top: 1rem;
    }

    #navbarResponsive ul li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .topbar .contact-links {
        padding-bottom: 5px;
    }

    .section_vectors .vector-image-3 {
        display: none;
    }
}

/* ######################################### */
@media (max-width: 806px) {
    /*  #pages-header {
    top: 54px;
  }*/
}


/* ######################################### */


/* Large phones / small tablets */

@media (max-width: 768px) {

    .section-parallax,
    .section-parallax2 {
        background-attachment: scroll;
    }
}

@media (max-width: 767px) {
    #main-navbar {
        top: 59.38px;
    }

    .section_vectors .vector-image-1,
    .section_vectors .vector-image-2 {
        display: none;
    }

    .section-parallax p {
        font-size: 1em;
    }

    .testimonial-card .testimonial-body {
        min-height: unset;
    }

    /* #intro-1 .btn-double-border {
        padding: 0.4rem 1.4875rem;
        font-size: 0.775rem;
    } */

    /* intro header */
    #intro-1 h1 {
        font-size: 3.5em;
    }

    #intro-1 h5 {
        font-size: 1.3em;
    }
}



/* ######################################### */


/* Phones */
@media (max-width: 576px) {

    .section-parallax {
        padding: 110px 0;
    }

    #intro-1 h1 {
        font-size: 3.3em;
    }

    #intro-1 h5 {
        font-size: 1.1em;
    }

    #intro-1 .btn-double-border {
        padding: 0.4rem 1.4875rem;
        font-size: 1em;
    }
}

/* ######################################### */


/* Extra small phones */
@media (max-width: 456px) {
    #main-navbar {
        top: 59.38px;
    }
}

@media (max-width: 446px) {
    #main-navbar {
        top: 78.56px;
    }
}

@media (max-width: 448px) {
    #intro-1 h1 {
        font-size: 2.8em;
    }
}

@media (max-width: 400px) {

    /* intro header */
    #intro-1 h1 {
        font-size: 2.5em;
    }

    #intro-1 .btn-double-border {
        font-size: .8em;
    }
}

@media (max-width: 345px) {
    #intro-1 h1 {
        font-size: 2em;
    }
}

@media (max-width: 264px) {
    #main-navbar {
        top: 97.75px;
    }
}

/* ######################################### */