/* css variable */
:root {
    --primary_color: #a08c51;
    --secondery_color: #cbb682;
    --border_color: #cccccc;
    --black_color: #181510;
    --hover_color: #785F37;
    --montserrat_font: 'Montserrat', serif;
    --playfair_display_font: 'Playfair Display', serif;
}

/* Button styling start */
button {
    outline: none !important;
    color: #ffffff;
}

button svg {
    width: 30px;
    height: 30px;
    fill: #ffffff;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn {
    font-family: var(--montserrat_font) !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.btn-dark {
    background: var(--black_color) !important;
    border-color: var(--black_color) !important;
    padding: 10px 40px !important;
}

.btn-dark:hover {
    background: var(--hover_color) !important;
    border-color: var(--hover_color) !important;
}

.btn-primary {
    background: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
    padding: 10px 40px !important;
}

.btn-primary:hover {
    background: var(--hover_color) !important;
    border-color: var(--hover_color) !important;
}

.navbar {
    padding: 20px !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 1px solid #A08C5B;
    color: #A08C5B !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 1px solid #A08C5B;
    color: #A08C5B !important;
}

.nav-tabs .nav-link {
    font-family: 'Montserrat', serif !important;
    font-weight: 400;
    font-size: 14px !important;
    border: none;
    color: #181510 !important;
}

/* Button styling end */

/* a tag styling start */
a {
    color: var(--primary_color);
    text-decoration: none
}

a:hover {
    color: var(--hover_color);
}

.card-link {
    ;
}

/* a tag styling end */

/* input tag styling start*/
.form-control ,.select2-selection{
    height: 56px !important;
    font-family: var(--montserrat_font) !important;
    font-size: 14px !important;
    padding-left: 28px !important;
    border-color: var(--border_color);
    background: none;
}

.form-select {
    height: 56px !important;
    font-family: var(--montserrat_font) !important;
    font-size: 14px !important;
    padding-left: 15px !important;
    border-color: var(--border_color);
}

table .form-select {
    padding-left: 5px !important;
}

.form-control:focus {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .19);
    border-color: #CBB682;
}

.form-control:focus {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .19);
    border-color: #CBB682;
}

.form-select:focus {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .19);
    border-color: #CBB682;
}

.form-check-input {
    height: 24px !important;
    width: 24px !important;
    border: 2px solid #A08C5B;
}

.form-check-input:checked {
    background: #A08C5B;
    border-color: #A08C5B;
}

.form-check-input:focus {
    box-shadow: none;
    border-color: #A08C5B;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

#check_in:before {
    content: attr(placeholder);
    margin-right: 10px;
}

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

.slider-track {
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}

input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}

input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}

input[type="range"]::-ms-track {
    appearance: none;
    height: 5px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    border: 1px solid #A08C5B;
    background-color: #FFFFFF;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #A08C5B;
    background-color: #FFFFFF;
    pointer-events: auto;
}

input[type="range"]::-ms-thumb {
    appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #FFFFFF;
    pointer-events: auto;
}

input[type="range"]:active::-webkit-slider-thumb {
    background-color: #ffffff;
    border: 1px solid #A08C5B;
}

/* input tag styling end*/

/* Nav styling start */
nav {
    padding: 30px 30px !important;
    background: var(--black_color) !important;
}

nav .nav-logo svg {
    height: 51.103px;
    fill: var(--secondery_color);
}

.nav-link {
    font-family: var(--montserrat_font) !important;
    font-size: 18px;
    font-weight: bold;
}

.nav-link:hover {
    color: var(--secondery_color) !important;
}

.nav-item {
    display: flex !important;
    align-items: center !important;
}

.nav-item .btn {
    font-family: var(--montserrat_font) !important;
}

/* Nav styling end */

/* hero section styling start */
.background-img {
    width: 100%;
    height: 100%;
}

.background-img img {
    width: 100%;
    height: 100%;
}

.hero-section {
    width: 100%;
    height: 585px;
}

.hero-section-title {
    font-family: var(--playfair_display_font) !important;
    font-size: 50px;
    line-height: 60px;
}

.hero-section-description {
    font-size: 22px;
    font-family: var(--montserrat_font) !important;
    font-weight: 500;
    line-height: 32px;
}

.card {
    border-radius: 15px !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
    border-color: var(--border_color) !important;
}

.card-title {
    font-size: 22px;
    font-family: var(--montserrat_font);
    font-weight: 600;
}

.card-text {
    font-size: 15px;
    font-family: var(--montserrat_font);
    font-weight: 500;
}

/* hero section styling end */

/* we contact section styling start */


.we-contact-section {
    height: 646px;
    background: #f3f3f3;
    display: flex;
    align-items: center;
}

.work-process {
    height: 538px;
}

.bg-2,
.bg-3,
.bg-4 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.102);
}

.bg-1 {
    width: 538px;
    height: 538px;
    background: #e9dbbd;
    border-radius: 50%;
}

.bg-2 {
    width: 398px;
    height: 398px;
    background: #cbb682;
    border-radius: 50%;
}

.bg-3 {
    width: 296px;
    height: 296px;
    background: #a08c5b;
    border-radius: 50%;
}

.bg-4 {
    width: 146px;
    height: 146px;
    background: #f1e7d2;
    border-radius: 50%;
}

.bg-5 {
    width: 92px;
    height: 92px;
    background: #785f37;
    border-radius: 50%;
}

.bg-5 .logo svg {
    height: 34.846px;
    fill: #ffffff;
}

.line-1 {
    width: 2px;
    height: 162px;
    background: #ffffff;
}

.line-2 {
    width: 162px;
    height: 2px;
    background: #ffffff;
}

.top-arrow svg,
.bottom-arrow svg,
.left-arrow svg,
.right-arrow svg {
    fill: #ffffff;
}

.top-arrow {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -10px;
}

.bottom-arrow {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -10px;
}

.left-arrow {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -9px;
    left: -8px;
}

.right-arrow {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -9px;
    right: -7px;
}

.data-1,
.data-2,
.data-3,
.data-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 7px;
    color: #ffffff;
    font-family: var(--montserrat_font);
    font-size: 15px;
    width: 194px;
    height: 48px;
    background: var(--black_color);
    z-index: 1000;
}

.check-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--secondery_color);
    border-radius: 50%;
}

.check-icon svg {
    width: 50px;
    height: 50px;
    fill: #ffffff;
}

.detail-box {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: var(--montserrat_font);
    font-size: 20px;
    line-height: 30px;
    color: var(--black_color);
}

/* we contact section styling end */

/* own class start */
.z-n1 {
    z-index: -1;
}

.z-n2 {
    z-index: -2;
}

.z-n3 {
    z-index: -3;
}

.z-n4 {
    z-index: -4;
}

.z-n5 {
    z-index: -5;
}

.top-105 {
    top: 105px !important;
}

.end-n45 {
    right: -45px;
}

.start-n45 {
    left: -45px;
}

.bottom-105 {
    bottom: 105px;
}

.text-primary {
    color: var(--primary_color) !important;
}

.title {
    font-family: var(--playfair_display_font);
    font-size: 40px;
    line-height: 50px;
    color: var(--black_color);
}

.title-1 {
    color: var(--primary_color);
    font-size: 25px;
    font-family: var(--playfair_display_font);
}

.short-description {
    font-family: var(--montserrat_font);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: var(--black_color);
}

.progress-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 308px;
    height: 229px;
    border: 2px solid var(--black_color);
    border-radius: 10px;
    font-family: var(--playfair_display_font);
    font-size: 60px;
    font-weight: bold;
    color: var(--primary_color);
}

.progress-box span {
    font-family: var(--montserrat_font);
    font-weight: bold;
    font-size: 20px;
    color: var(--black_color);
}

.ticket {
    width: 100%;
    height: 433px;
    background: #e9dbbd;
}

.bar-1 {
    position: absolute;
    bottom: 0;
    right: 130px;
}

.bar-1 svg {
    width: 554.667px;
    height: 165.712px;
    fill: rgba(203, 182, 130, 1);
}

.bar-2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.bar-2 svg {
    width: 373.875px;
    height: 355.12px;
    fill: rgba(120, 95, 55, 1);
}

footer {
    background: var(--black_color);
    color: #ffffff;
}

.footer-text {
    font-family: var(--montserrat_font);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.footer-items .nav-link {
    font-family: var(--montserrat_font);
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.footer-items .footer-text {
    font-family: var(--montserrat_font);
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.social-icons {
    text-align: end;
}

.social-icons ul {
    justify-content: end;
}


.cursor-auto {
    cursor: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.image-width-298 {
    width: 298px;
    height: max-content;
    overflow: hidden;
    border-radius: 15px;
}

.image-width-298 img {
    width: 300px;
    height: 200px;
}

.accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none;
}

.accordion-button::after {
    background-image: url("../icon/plus-square.svg");
    transition: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../icon/minus-square.svg");
}

.custom-accordion::after {
    content: url("../icon/Icon-awesome-angle-down.svg");
    float: right;
}

.custom-accordion:not(.collapsed)::after {
    content: url("../icon/Icon-awesome-angle-up.svg");

}

/* own class end */



/* carousel styles start  */
.image_slider_modal {
    position: fixed;
    top: 0;
    background: rgba(24, 21, 16, 0.85);
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.carousel {
    --carousel-height: 510px;
    --carousel-width: 1000px;
    --carousel-item-height: 200px;
    --carousel-item-width: 165px;
    width: 100%;
}

.carousel-container {
    align-items: center;
    display: flex;
    min-height: var(--carousel-height);
    margin: 0 auto;
    max-width: var(--carousel-width);
    position: relative;
}

.carousel-item {
    display: block;
    height: var(--carousel-item-height);
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
    width: var(--carousel-item-width);
    z-index: 0;
}

.carousel-item-1 {
    left: 15%;
    opacity: 0.4;
}

.carousel-item-2,
.carousel-item-4 {
    height: calc(var(--carousel-item-height) * 2);
    opacity: 1;
    width: calc(var(--carousel-item-width) * 3);
    z-index: 1;
}

.carousel-item-2 {
    left: 30%;
}

.carousel-item-3 {
    box-shadow: 0 10px 62px rgba(255, 255, 255, 0.302);
    height: calc(var(--carousel-item-height) * 3);
    opacity: 1;
    left: 50%;
    width: calc(var(--carousel-item-width) * 4);
    z-index: 2;
}

.carousel-item-4 {
    left: 70%;
}

.carousel-item-5 {
    left: 85%;
    opacity: 0.4;
}

.carousel-controls {
    display: flex;
    justify-content: center;
    margin: 80px 0;
}

/* carousel button styles */
.carousel-control {
    background-color: transparent;
    border: 2px solid;
    border-radius: 4px;
    /*color: #aaa;*/
    cursor: pointer;
    height: 22px;
    margin: 0 20px;
    position: relative;
    transform: scale(1.5);
    transition: transform 0.5s ease-out;
    width: 22px;
}

/*.carousel-control:hover {*/
/*    transform: scale(1.3);*/
/*}*/

/* previous button */
.carousel-control-previous::after,
.carousel-control-previous::before {
    box-sizing: border-box;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    top: 5px
}

.carousel-control-previous::before {
    background: currentColor;
    border-radius: 2px;
    right: 11px;
    width: 2px;
}

.carousel-control-previous::after {
    border-bottom: 4px solid transparent;
    border-right: 5px solid;
    border-top: 4px solid transparent;
    right: 5px;
    width: 0;
}

/* next button */
.carousel-control-next::after,
.carousel-control-next::before {
    box-sizing: border-box;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    top: 5px
}

.carousel-control-next::before {
    background: currentColor;
    border-radius: 2px;
    left: 11px;
    width: 2px;
}

.carousel-control-next::after {
    border-bottom: 4px solid transparent;
    border-left: 5px solid;
    border-top: 4px solid transparent;
    left: 5px;
    width: 0;
}

.carousel-control-next:hover {
    color: #A08C5B;
}

.carousel-control-previous:hover {
    color: #A08C5B;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}

.close_modal_btn i:hover {
    color: #A08C5B;
}

/* carousel styles start  */

/* message box style start */
.drop-down {
    display: none;
    position: absolute;
    filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.161));
    background: #FFFFFF;
    border-radius: 10px;
    right: -35px;
    top: 25px;

}

.drop-down::before {
    content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    clip-path: polygon(50% 0, 0 50%, 100% 50%);
    top: -10px;
    right: 35px;
}

.hole-class-drop-down {
    background: none;
    color: #181510 !important;
    border: none;
    font-weight: 500;
}

.hole-class-drop-down svg {
    fill: #181510;
    width: 10px;
    height: 10px;
}

.drop-down-item:hover {
    background: #FFFFFF;
}

.drop-down-section:hover .drop-down {
    display: block;
}

.drop-down:hover {
    display: block;
}

/* message box style end */

.select-room {
    min-width: 36rem;
}

.decrement,
.increment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #B8B8B8;
    border-radius: 100%;
    cursor: pointer;
}

.decrement:hover {
    border-color: #a08c51;
    background: #a08c51;
}

.increment:hover {
    border-color: #a08c51;
    background: #a08c51;
}

.decrement:hover svg path,
.increment:hover svg path {
    fill: #ffffff;
}

.counter {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    width: 40px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.age-counter {
    display: flex;
    align-items: center;
    gap: 5px;
}

.age-counter .form-control {
    width: 40px !important;
    height: 31px !important;
    padding: 5px !important;
}

.select-room {
    top: 60px;
    filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.161));
    border-radius: 5px;
    z-index: 100;
}

.select-room::before {
    content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    clip-path: polygon(50% 0, 0 50%, 100% 50%);
    top: -10px;
    left: 210px;
    z-index: 1000;
}


/* popup modal style start */
.popup-modal {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    background: rgba(33, 33, 33, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-body {
    max-width: 637px;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #CCCCCC;
}

.popup-icon {
    position: absolute;
    bottom: 100%;
    right: 50%;
    transform: translate(50%, 40%);
}

.popup-title {
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    margin-top: 20px;
}

.popup-text {
    margin-top: 15px;
    font-family: 'Montserrat', serif;
    font-size: 18px;
    font-weight: 600;
}

.popup-btn {
    margin-top: 28px;
}

.dropdownBtn {
    position: relative;
}

.dropdownMenu {
    display: none;
    padding: 10px;
    border-radius: 5px;
    list-style-type: none;
    background: #FFFFFF;
    filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.161));
    position: absolute;
}

.dropdownBtn::after {}

.dropdownBtn:hover .dropdownMenu {
    display: block;
}

/* popup modal style end */

.swiper-button-next,
.swiper-button-prev {
    height: 100% !important;
    color: #181510 !important;
    top: 0 !important;
    margin-top: 0 !important;

}

.swiper-button-next {
    right: 0 !important;
    background: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(255, 255, 255)) !important;
}

.swiper-button-prev {
    left: 0 !important;
    background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 0, 0, 0)) !important;
}


.select2-selection .select2-selection__rendered {
    line-height: 40px !important;
}