:root {
    --primary: #B44D20;
    --secondary: #0D5C46;
    --dark: #1A1A1A;
    --light: #ffffff;
    --border: #e8e8e8;
    --background: #f8f6f1;
}

body {
    font-family: sans-serif;
    background: #f8f6f1;
    overflow-x: hidden;
}

/* =========================
   CUSTOM FONTS
========================= */

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel_Decorative/CinzelDecorative-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat_Alternates/MontserratAlternates-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

::selection {
    background: var(--primary);
    color: #fff;
}

::-moz-selection {
    background: var(--primary);
    color: #fff;
}

/* Default Font */

body {
    font-family: 'Raleway', sans-serif;
}

/* Main Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cinzel', serif;
}

/* Small Headings */

.section-subtitle,
.small-heading,
.sub-heading,
.hero-tag,
.card-tag,
.overline {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Description */

p,
ul,
ol,
li,
span.description {
    font-family: 'Raleway', sans-serif;
}

/* Buttons */

.btn,
.theme-btn,
.outline-btn {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

/* preloader */
#preloader {
    position: fixed;
    inset: 0;
    background: var(--background);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .6s ease;
}

.loader-wrapper {
    text-align: center;
}

.loader-wrapper img {
    max-width: 180px;
    margin-bottom: 30px;
    animation: logoFloat 2s ease-in-out infinite;
}

.loader-line {
    width: 220px;
    height: 4px;
    background: #ececec;
    border-radius: 50px;
    overflow: hidden;
    margin: 0 auto 20px;
    position: relative;
}

.loader-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--primary);
    animation: loading 1.5s linear infinite;
}

.loader-wrapper p {
    margin: 0;
    color: #666;
    font-size: 15px;
    letter-spacing: 1px;
}

@keyframes loading {

    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }

}

@keyframes logoFloat {

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

    50% {
        transform: translateY(-8px);
    }

}

/* Navbar */

.navbar-nav .nav-link {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

/* Chrome, Edge, Safari */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,
            #B44D20,
            #0D5C46);
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,
            #0D5C46,
            #B44D20);
}

/*=========================
HEADER
=========================*/
.navbar-toggler {
    border: none;
    box-shadow: none !important;
    padding: 0;
    background: none;
}

.hamburger {
    width: 32px;
    height: 24px;
    position: relative;
    display: block;
}

.hamburger span {
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--primary);
    left: 0;
    transition: .22s cubic-bezier(.4, 0, .2, 1);
    border-radius: 10px;
}

.hamburger span:nth-child(1) {
    top: 0;
}

.hamburger span:nth-child(2) {
    top: 11px;
}

.hamburger span:nth-child(3) {
    bottom: 0;
}

/* Active State */

.navbar-toggler.active .hamburger span:nth-child(1) {
    top: 11px;
    transform: rotate(45deg);
}

.navbar-toggler.active .hamburger span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler.active .hamburger span:nth-child(3) {
    bottom: 11px;
    transform: rotate(-45deg);
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
    /* padding-top:20px; */
}

.main-header .container {
    position: relative;
}

.navbar {
    height: 40px;
    padding: 0;
    margin-top: 35px;
    /* background: rgba(255,255,255,.95); */
    backdrop-filter: blur(15px);
    border-radius: 60px;
    padding-inline: 220px 25px;
    /* box-shadow: 0 15px 40px rgba(0,0,0,.08); */
}

/*=========================
LOGO
=========================*/

.navbar-brand {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    margin: 0;
    padding: 0;
}

.navbar-brand img {
    height: 110px;
    width: auto;
    transition: .4s;
}

.navbar-brand:hover img {
    transform: scale(1.03);
}

/*=========================
MENU
=========================*/

.navbar-nav {
    gap: 5px;
}

.navbar-nav .nav-link {
    color: var(--dark);
    font-size: 15px;
    font-weight: 600;
    padding: 12px 15px !important;
    position: relative;
    transition: .4s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--primary);
}


/*=========================
DROPDOWN
=========================*/

.dropdown-menu {
    border: none;
    border-radius: 20px;
    padding: 10px;
    margin-top: 1px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.dropdown-item {
    padding: 12px 18px;
    border-radius: 10px;
    transition: .4s;
    font-weight: 500;
}

.dropdown-item:hover {
    background: rgba(180, 77, 32, .08);
    color: var(--primary);
    transform: translateX(5px);
}

@media(min-width:992px) {

    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        animation: fadeDown .35s ease;
    }

}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*=========================
BUTTONS
=========================*/

.enquiry-btn {
    background: var(--primary);
    color: #fff;
    border-radius: 50px;
    padding: 5px 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .4s;
}

.enquiry-btn:hover {
    background: var(--secondary);
    color: #fff;
    /* transform:translateY(-3px); */
}

/*=========================
MOBILE
=========================*/

@media(max-width:991px) {

    .navbar {
        height: auto;
        margin-top: -5px;
        padding: 15px;
        border-radius: 15px;
    }

    .navbar-brand {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .navbar-brand img {
        height: 80px;
    }

    .navbar-collapse {
        margin-top: 15px;
    }

}

/* hero section  */
/* .section-padding{
    padding: 100px 10px;
} */
.hero-section {
    min-height: 500px;
    overflow: visible;
    position: relative;
    transition: padding-bottom .3s ease;
    z-index: 50;
    /* background:#f8f6f1; */
}

.hero-section.dropdown-open {
    padding-bottom: 280px;
}

.hero-content {
    max-width: 700px;
}

.hero-tag {
    display: inline-block;
    /* padding:10px 20px; */
    border-radius: 50px;
    /* background:#B44D20; */
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 20px;
}

.hero-content h1 {
    font-size: clamp(45px, 4vw, 95px);
    line-height: 1;
    margin-bottom: 25px;
    color: #0D5C46;
}

.hero-content p {
    font-size: 20px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 35px;
}

.hero-btns {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}


.theme-btn,
.outline-btn {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 30px;
    border-radius: 60px;
    text-decoration: none;
    font-weight: 600;
    transition: .4s;
    z-index: 1;
}

.theme-btn span,
.theme-btn i,
.outline-btn span,
.outline-btn i {
    position: relative;
    z-index: 2;
    transition: .4s;
}

/*=================
PRIMARY BUTTON
=================*/

.theme-btn {
    background: var(--primary);
    color: #fff;
}

.theme-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--secondary);
    transition: .5s ease;
    z-index: 1;
}

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

.theme-btn:hover i {
    transform: rotate(45deg);
}

/*=================
OUTLINE BUTTON
=================*/

.outline-btn {
    border: 2px solid var(--secondary);
    color: var(--secondary);
    background: transparent;
}

.outline-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--secondary);
    transition: .5s ease;
    z-index: 1;
}

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

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

.outline-btn:hover i {
    transform: rotate(45deg);
}

/* search */
.hero-search-bar {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 80px;
    padding: 10px;
    max-width: 660px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    position: relative;
    z-index: 30;
    overflow: visible;
}

.search-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
    min-height: 60px;
    border-right: 1px solid #ececec;
    margin-right: 10px;
    /* z-index: 1 !important; */
    position: relative;
}

.search-item:last-child {
    border-right: none;
}

.search-item i {
    color: #444;
    font-size: 18px;
    flex-shrink: 0;
}

.search-item select,
.search-item input {
    width: 100%;
    border: none;
    outline: none;
    background: none;
    font-size: 16px;
    color: #555;
    box-shadow: none;
}

.search-item select {
    cursor: pointer;
}

/* Search Button */

.search-btn {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.search-btn i {
    position: relative;
    z-index: 2;
    font-size: 18px;
    transition: .3s;
}

.search-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--secondary);
    transition: .4s ease;
}

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

.search-btn:hover i {
    transform: rotate(90deg);
}

/* Focus State */

.search-item:focus-within {
    background: #f5f8fa;
    border-radius: 50px;
}

/* Remove Bootstrap Arrow */

.search-item select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

@media(max-width:767px) {

    .hero-search-bar {
        display: flex;
        flex-direction: column;
        border-radius: 25px;
        max-width: 100%;
        gap: 10px;
    }

    .search-item {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ececec;
        padding: 15px;
    }

    .search-btn {
        width: 100%;
        border-radius: 15px;
        height: 55px;
    }


}

.destination-box {
    position: relative;
    flex: 0.8;
    /* z-index: 40 !important; */
}

.date-box {
    position: relative;
    flex: 1.2;
}

#destinationInput {
    border: none;
    background: none;
    width: 100%;
    cursor: pointer;
    outline: none;
}

.destination-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    width: 100%;
    min-width: 380px;
    background: #fff;
    border-radius: 25px;
    padding: 25px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: .3s;
    z-index: 100;
}

.destination-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.destination-dropdown h6 {
    margin-bottom: 20px;
    color: #888;
    font-size: 14px;
}

.destination-option {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border-radius: 15px;
    cursor: pointer;
    transition: .3s;
}

.destination-option:hover {
    background: #f5f7f8;
}

.destination-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #eef3f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 20px;
}

.destination-option strong {
    display: block;
    font-size: 16px;
}

.destination-option p {
    margin: 0;
    font-size: 13px;
    color: #777;
}


.flatpickr-calendar {
    border: none !important;
    border-radius: 25px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12) !important;
    top: 540px !important;
    left: 228px !important;
    right: auto;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.flatpickr-day.inRange {
    background: rgba(180, 77, 32, .15) !important;
    border-color: transparent !important;
}

.flatpickr-months {
    padding-top: 10px;
}

.flatpickr-current-month {
    font-weight: 600;
}

.traveller-box {
    position: relative;
    flex: 1.2;
    /* z-index: 40 !important; */
}

#travellerSummary {
    width: 100%;
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
}

.traveller-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: -100px;
    width: 100%;
    min-width: 380px;
    background: #fff;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: .3s;
    z-index: 50;
}

.traveller-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.traveller-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.traveller-row:last-child {
    border-bottom: none;
}

.traveller-row h6 {
    margin: 0;
    font-size: 22px;
}

.traveller-row p {
    margin: 5px 0 0;
    color: #777;
    font-size: 14px;
}

.counter {
    display: flex;
    align-items: center;
    gap: 20px;

    border: 1px solid #e5e5e5;
    border-radius: 50px;

    padding: 10px 18px;
}

.counter button {
    border: none;
    background: none;
    font-size: 24px;
    width: 20px;
    cursor: pointer;
    color: #222;
}

.counter span {
    min-width: 20px;
    text-align: center;
    font-weight: 600;
}

/* Gallery */

.hero-gallery {
    display: flex;
    gap: 10px;
    height: 700px;
    overflow: hidden;
}

.gallery-column {
    flex: 1;
    overflow: hidden;
}

.gallery-track {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gallery-track img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 40px;
    /* box-shadow:0 15px 40px rgba(0,0,0,.15); */
}

.marquee-down {
    animation: scrollDown 35s linear infinite;
}

.marquee-up {
    animation: scrollUp 35s linear infinite;
}

@keyframes scrollDown {

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

    100% {
        transform: translateY(0);
    }

}

@keyframes scrollUp {

    0% {
        transform: translateY(0);
    }

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

}

@media(max-width:991px) {

    .hero-section {
        padding: 160px 0 0 0;
        min-height: auto;
    }

    .hero-content h1 {
        font-size: 35px;
        margin-bottom: 10px;

    }

    .hero-content p {
        font-size: 15px;
        margin-bottom: 15px;

    }

    .about-content .section-title {
        font-size: 30px;
        margin-bottom: 10px;

    }

    .destination-dropdown,
    .traveller-dropdown {
        top: calc(100% + 10px);
        left: 0;
        right: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border-radius: 20px;
    }

    .flatpickr-calendar {
        top: 550px !important;
        left: 40px !important;
    }

}


/* travel together */
.flatpickr-calendar {
        top: 590px !important;
        left: 175px !important;
    }
.about-experience-section {
    /* margin: 100px 0; */
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    z-index: 1;
}

/* Background Shape */

.about-bg-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #ffebfe;
    border-radius: 0 40px 40px 0;
    z-index: -1;
}

/* Content */

.about-content {
    position: relative;
    z-index: 2;
}

.about-content .section-tag {
    display: inline-block;
    color: var(--primary);
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

.about-content .section-title {
    margin-bottom: 20px;
    line-height: 1.1;
    font-size: 45px;
    color: #0D5C46;
}

.about-desc {
    margin-bottom: 35px;
    color: #666;
    line-height: 1.9;
}

/* Features */

.feature-list {
    margin-bottom: 35px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 25px;
}

.feature-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
}

.feature-icon i {
    font-size: 20px;
    transition: .4s ease;
}

.feature-item:hover .feature-icon {
    background: var(--primary);
    border-color: var(--primary);
}

.feature-item:hover .feature-icon i {
    color: #fff;
}

.feature-item h5 {
    font-size: 20px;
    margin-bottom: 6px;
}

.feature-item p {
    margin: 0;
    color: #666;
}

/* Images */

.about-images {
    position: relative;
}

.about-image {
    overflow: hidden;
    border-radius: 40px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s ease;
}

.about-image:hover img {
    transform: scale(1.08);
}

.image-one {
    margin-top: 60px;
}

.image-one,
.image-two {
    height: 520px;
}

/* Responsive */

@media(max-width:1199px) {

    .about-bg-shape {
        width: 48%;
    }

    .image-one,
    .image-two {
        height: 450px;
    }

}

@media(max-width:991px) {

    .about-experience-section {
        padding: 50px 0 0 0;
        margin: 0px 0px;
    }

    .about-bg-shape {
        width: 100%;
        border-radius: 0;
        height: 55%;
    }

    .about-content {
        margin-bottom: 25px;
    }

    .about-content h2 {
        font-size: 30px !important;
        margin-bottom: 10px !important;

    }

    .about-content p {
        font-size: 15px !important;
        margin-bottom: 15px !important;

    }

    .image-one {
        margin-top: 0;
    }

    .feature-list {
        margin-bottom: 0px;

    }


}

@media(max-width:767px) {

    .about-bg-shape {
        display: none;
    }

    .image-one,
    .image-two {
        height: 400px;
    }

    .feature-item {
        margin-bottom: 10px !important;

    }


}

.destination-section {
    padding: 50px 0;
}

.destination-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom:70px; */
}

.destination-link {
    color: var(--secondary);
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
}

.destination-link:hover {
    color: var(--primary);
}

.destination-link i {
    transition: .3s;
}

.destination-link:hover i {
    transform: translateX(5px);
}

.destination-card {
    display: flex;
    align-items: center;
    gap: 18px;
    text-decoration: none;
    height: 100%;
}

.destination-thumb {
    width: 120px;
    height: 120px;
    min-width: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.destination-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.destination-card:hover .destination-thumb img {
    transform: scale(1.12);
}

.destination-content h4 {
    margin-bottom: 5px;
    color: var(--secondary);
    transition: .3s;
}

.destination-content span {
    color: #777;
    font-size: 18px;
}

.destination-card:hover .destination-content h4 {
    color: var(--primary);
}

@media(max-width:991px) {
    .destination-section {
        padding: 50px 0 0 0;
    }

    .destination-heading {
        flex-direction: column;
        align-items: flex-start;
        /* gap: 20px; */
        margin-bottom: 25px;
    }

}

@media(max-width:575px) {

    .destination-card {
        gap: 15px;
    }

    .destination-thumb {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .destination-content h4 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .taj-tour-sec {
        padding: 50px 0 0 0;
    }

}

/* golden triangle */
.golden-triangle-section {
    /* background:#fff; */
    padding: 0 0 50px 0;
}

.section-subtitle {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #B44D20;
    margin-bottom: 12px;
}

.section-title {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1f1f1f;
}

.golden-triangle-section p {
    color: #666;
    line-height: 1.7;
    margin-bottom: 15px;
}

.golden-triangle-image {
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.golden-triangle-image img {
    width: 100%;
    height: 750px;
    object-fit: cover;
    transition: .6s;
}

.golden-triangle-image:hover img {
    transform: scale(1.05);
}

.tour-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: #faf8f5;
    border: 1px solid #eee;
    border-radius: 12px;
    transition: .3s;
}

.highlight-item:hover {
    transform: translateY(-4px);
    border-color: #B44D20;
}

.highlight-item i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #B44D20;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
}

.highlight-item span {
    font-weight: 600;
    color: #222;
}

@media(max-width:991px) {
    .golden-triangle-section {
        padding: 50px 0 0 0;
    }

    .section-title {
        font-size: 36px;
    }

    .golden-triangle-image img {
        height: 450px;
    }

    .cit-taj-timeline {
        margin-bottom: 25px !important;
    }
}

@media(max-width:767px) {

    .section-title {
        font-size: 30px;
    }

    .tour-highlights {
        grid-template-columns: 1fr;
    }

    .golden-triangle-image img {
        height: 350px;
    }
}

/* tajmahal */
/* ==========================
   TAJ SECTION CUSTOM
========================== */

.cit-taj-wrap {
    position: relative;
}

.cit-taj-timeline {
    position: relative;
    margin-bottom: 50px;
}

.cit-taj-timeline:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 25px;
    bottom: 25px;
    border-left: 2px dashed #d8b089;
}

.cit-taj-step {
    display: flex;
    gap: 25px;
    margin-bottom: 35px;
    position: relative;
}

.cit-taj-step:last-child {
    margin-bottom: 0;
}

.cit-taj-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    position: relative;
    z-index: 2;
}

.cit-taj-icon i {
    font-size: 26px;
    color: #b56a2b;
}

.cit-taj-step p {
    margin: 0;
    font-size: 18px;
    line-height: 1.8;
    color: #2f2f2f;
}

/* FEATURES */

.cit-taj-features {
    background: #fff;
    border-radius: 20px;
    padding: 15px 0 15px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
}

.cit-taj-feature {
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #ece5dc;
}

.cit-taj-feature:last-child {
    border-right: none;
}

.cit-taj-feature i {
    font-size: 30px;
    color: #b56a2b;
    /* margin-bottom:15px; */
    display: block;
}

.cit-taj-feature h6 {
    font-size: 15px;
    font-weight: 600;
    color: #16243d;
    /* margin-bottom:12px; */
}

.cit-taj-feature p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #5f5f5f;
}

/* IMAGE SIDE */

.cit-taj-image-box {
    position: relative;
}

.cit-taj-image-box img {
    width: 100%;
    height: 795px;
    object-fit: cover;
    border-radius: 35px;
}

/* QUOTE CARD */

.cit-taj-quote {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    width: 70%;
    background: #132540;
    color: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .25);
}

.cit-taj-quote h4 {
    font-size: 20px;
    /* margin-bottom:10px; */
    color: #fff;
}

.cit-taj-quote p {
    margin: 0;
    color: #d7dde7;
    font-size: 15px;
}

/* RESPONSIVE */

@media(max-width:1199px) {

    .cit-taj-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .cit-taj-feature {
        border: none;
    }

    .cit-taj-image-box img {
        height: 750px;
    }
}

@media(max-width:991px) {

    .cit-taj-image-box {
        margin-top: 40px;
    }

    .cit-taj-image-box img {
        height: 650px;
    }

    .cit-taj-quote {
        width: 85%;
    }
}

@media(max-width:767px) {

    .cit-taj-features {
        grid-template-columns: 2, 1fr;
    }

    .cit-taj-image-box img {
        height: 500px;
    }

    .cit-taj-badge {
        width: 95px;
        height: 95px;
        font-size: 11px;
        right: 20px;
        top: 20px;
    }

    .cit-taj-quote {
        width: 90%;
        padding: 20px;
    }

    .cit-taj-quote h4 {
        font-size: 24px;
    }

    .cit-taj-step p {
        font-size: 16px;
    }
}

/* rajasthan */


.cit-rj-box {
    background: #fff;
    border-radius: 30px;
    padding: 35px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
}

.cit-rj-content p {
    color: #555;
    /* line-height:1.9; */
    margin-bottom: 10px;
}

.cit-rj-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    /* margin-top:30px; */
}

.cit-rj-info-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid #eee;
    border-radius: 12px;
}

.cit-rj-info-item i {
    color: #b56a2b;
    font-size: 20px;
}

/* Image Grid */

.cit-rj-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 20px;
}

.cit-rj-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    min-height: 260px;
}

.cit-rj-card.large {
    grid-row: span 2;
    min-height: 540px;
}

.cit-rj-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.cit-rj-card:hover img {
    transform: scale(1.08);
}

.cit-rj-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    background: linear-gradient(to top,
            rgba(0, 0, 0, .8),
            transparent);
}

.cit-rj-overlay h5 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 24px;
}

.cit-rj-overlay span {
    color: #ddd;
    font-size: 14px;
}

@media(max-width:991px) {

    .cit-rj-box {
        padding: 20px;
    }

    .cit-rj-grid {
        grid-template-columns: 1fr;
    }

    .cit-rj-card.large {
        min-height: 350px;
    }

    .cit-rj-card {
        min-height: 250px;
    }
}

/* .jaipur-tour-section{
    padding: 50px 0;
} */

.jaipur-tour-image {
    border-radius: 35px;
    overflow: hidden;
    height: 100%;
    min-height: 530px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
}

.jaipur-tour-image img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    transition: .5s ease;
}

.jaipur-tour-image:hover img {
    transform: scale(1.05);
}

.jaipur-tour-content p {
    color: #555;
    line-height: 1.9;
    margin-bottom: 15px;
}

.jaipur-place-card {
    background: #fff;
    border: 1px solid #eee4d8;
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
    transition: .35s ease;
}

.jaipur-place-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
    border-color: var(--primary);
}

.jaipur-place-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7efe7;
    color: #b44d20;
    font-size: 26px;
    margin-bottom: 18px;
}

.jaipur-place-card h4 {
    font-size: 24px;
    margin-bottom: 12px;
    color: #1f1f1f;
}

.jaipur-place-card p {
    margin: 0;
    color: #666;
    line-height: 1.8;
}

@media (max-width: 991.98px) {
    .jaipur-tour-image {
        min-height: 420px;
    }
}

@media (max-width: 767.98px) {
    .jaipur-tour-image {
        min-height: 320px;
    }

    .jaipur-place-card {
        padding: 24px 20px;
    }

    .jaipur-place-card h4 {
        font-size: 21px;
    }
}

/* ranthambore */

.ranthambore-expedition-wrap {
    background: #fff;
    border: 1px solid #efe5d8;
    border-radius: 32px;
    padding: 25px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .05);
}

.ranthambore-expedition-content p {
    color: #5c5c5c;
    line-height: 1.9;
    margin-bottom: 15px;
}

.ranthambore-expedition-visual {
    position: relative;
    min-height: 640px;
    padding-bottom: 40px;
    padding-left: 40px;
}

.ranthambore-exp-card {
    position: absolute;
    overflow: hidden;
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .14);
}

.ranthambore-exp-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.ranthambore-exp-card:hover img {
    transform: scale(1.05);
}

.ranthambore-exp-card-main {
    left: 0;
    top: 0;
    width: 78%;
    height: 100%;
}

.ranthambore-exp-card-small {
    right: 0;
    bottom: 0;
    width: 42%;
    height: 280px;
    border: 8px solid #fff;
}

.ranthambore-exp-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, .78), transparent);
}

.ranthambore-exp-caption span {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--light);
    margin-bottom: 10px;
}

.ranthambore-exp-caption h4 {
    color: #fff;
    font-size: 30px;
    line-height: 1.3;
    margin: 0;
    max-width: 350px;
}

.ranthambore-expedition-strip {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid #eee4d7;
}

.ranthambore-strip-item {
    padding: 0 24px;
    position: relative;
    height: 100%;
}

.ranthambore-strip-item h5 {
    font-size: 24px;
    color: #1f1f1f;
    margin-bottom: 10px;
}

.ranthambore-strip-item p {
    margin: 0;
    color: #666;
    line-height: 1.85;
}

.ranthambore-expedition-strip .col-md-4:not(:last-child) .ranthambore-strip-item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    width: 1px;
    height: 78px;
    background: #e7ddd1;
}

@media (max-width: 1199.98px) {
    .ranthambore-expedition-wrap {
        padding: 35px;
    }

    .ranthambore-expedition-visual {
        min-height: 560px;
    }

    .ranthambore-exp-card-small {
        height: 230px;
    }

    .ranthambore-exp-caption h4 {
        font-size: 26px;
    }
}

@media (max-width: 991.98px) {
    .ranthambore-expedition-visual {
        min-height: 500px;
        margin-top: 10px;
    }

    .ranthambore-exp-card-main {
        width: 76%;
    }

    .ranthambore-exp-card-small {
        width: 40%;
        height: 210px;
    }
}

@media (max-width: 767.98px) {
    .ranthambore-expedition-wrap {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .ranthambore-expedition-visual {
        min-height: auto;
        padding: 0;
        display: grid;
        gap: 16px;
    }

    .ranthambore-exp-card {
        position: relative;
        width: 100%;
        height: auto;
        border-radius: 22px;
    }

    .ranthambore-exp-card-main {
        height: 340px;
    }

    .ranthambore-exp-card-small {
        height: 220px;
        border: 0;
    }

    .ranthambore-exp-caption {
        padding: 20px;
    }

    .ranthambore-exp-caption h4 {
        font-size: 22px;
    }

    .ranthambore-expedition-strip {
        margin-top: 28px;
        padding-top: 24px;
    }

    .ranthambore-strip-item h5 {
        font-size: 20px;
    }
}

/* faqs */
.custom-faq .accordion-item {
    border: 1px solid #e9e9e9;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 16px;
    background: #fff;
}

.custom-faq .accordion-button {
    padding: 28px 30px;
    font-size: 20px;
    /* font-weight: 600; */
    color: var(--secondary);
    background: #fff;
    box-shadow: none;
}

.custom-faq .accordion-button:not(.collapsed) {
    background: #fff;
    color: var(--secondary);
}

.custom-faq .accordion-button::after {
    display: none;
}

.custom-faq .accordion-button::before {
    content: "+";
    font-size: 30px;
    font-weight: 500;
    margin-right: 20px;
    color: var(--secondary);
    transition: .3s;
}

.custom-faq .accordion-button:not(.collapsed)::before {
    content: "−";
}

.custom-faq .accordion-body {
    padding: 25px 30px 30px;
    border-top: 1px solid #ececec;
    color: #666;
    line-height: 1.9;
}

@media(max-width:991px) {

    .custom-faq .accordion-button {
        font-size: 20px;
        padding: 22px;
    }

}

/* footer css */
.main-footer {
    padding: 50px 0 30px;
    /* background:#fff; */
    border-top: 1px solid var(--primary);
}

.footer-logo img {
    max-height: 70px;
    margin-bottom: 25px;
}

.footer-widget p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 25px;
}

.footer-widget h4 {
    margin-bottom: 25px;
    font-size: 24px;
}

.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-widget ul li {
    margin-bottom: 15px;
}

.footer-widget ul li a {
    color: #555;
    text-decoration: none;
    transition: .3s;
}

.footer-widget ul li a:hover {
    color: var(--primary);
    padding-left: 5px;
}

.footer-social {
    display: flex;
    gap: 12px;
}

.footer-social a {
    width: 42px;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    transition: .4s;
}

.footer-social a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
    transform: translateY(-4px);
}

.footer-label {
    display: block;
    color: #666;
    margin-bottom: 8px;
}

.footer-phone {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary);
    text-decoration: none;
}

.footer-bottom {
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid var(--secondary);

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-copyright {
    color: #666;
}

.footer-copyright span {
    color: var(--primary);
    font-weight: 600;
}

.payment-icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.payment-icons i {
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--secondary);
    transition: .3s;
}

.payment-icons i:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

@media(max-width:991px) {

    .footer-bottom {
        text-align: center;
        justify-content: center;
    }

}

/* why choose us */


.why-colours-wrap {
    /* background:#fff;
    border:1px solid #eee3d7; */
    border-radius: 32px;
    /* padding:50px; */
    /* box-shadow:0 18px 50px rgba(0,0,0,.05); */
}

.why-colours-content p {
    color: #5f5f5f;
    line-height: 1.9;
    margin-bottom: 15px;
}

.why-colours-side {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.why-colours-card {
    background: #fffaf4;
    border: 1px solid #eadfce;
    border-radius: 24px;
    padding: 28px;
    /* box-shadow:0 12px 35px rgba(0,0,0,.04); */
}
.why-colours-card:hover{
    border:1px solid var(--primary);
}
.primary-card {
    background: linear-gradient(135deg, #fff8ee 0%, #f8efe4 100%);
}

.why-colours-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
}

.why-colours-label {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b44d20;
}

.why-colours-stars {
    display: flex;
    gap: 5px;
    color: #f0b54a;
    font-size: 14px;
}

.primary-card p {
    font-size: 18px;
    line-height: 1.9;
    color: #2f2f2f;
    margin-bottom: 18px;
}

.primary-card h5 {
    margin: 0;
    font-size: 18px;
    color: #1f1f1f;
}

.mini-card {
    background: #fff;
}

.why-colours-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7ede2;
    color: #b44d20;
    font-size: 26px;
    margin-bottom: 18px;
}

.mini-card h4 {
    font-size: 24px;
    margin-bottom: 12px;
    color: #1f1f1f;
}

.mini-card p {
    margin: 0;
    color: #666;
    line-height: 1.85;
}

.trust-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    background: #1f2d3a;
    border-color: #1f2d3a;
    padding: 24px;
}

.trust-strip-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 24px;
    position: relative;
}

.trust-strip-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: rgba(255, 255, 255, .16);
}

.trust-strip-item strong {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.trust-strip-item span {
    color: #cfd8e2;
    line-height: 1.7;
    font-size: 14px;
}

@media (max-width: 1199.98px) {
    .why-colours-wrap {
        padding: 38px;
    }
}

@media (max-width: 991.98px) {
    .why-colours-wrap {
        padding: 30px;
    }

    .trust-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .why-colours-wrap {
        padding: 0;
        border-radius: 24px;
    }

    .why-colours-card {
        padding: 22px 18px;
        border-radius: 20px;
    }

    .primary-card p {
        font-size: 16px;
    }

    .mini-card h4 {
        font-size: 22px;
    }
}

.why-colours-slider-wrap {
    position: relative;
}

.whyColoursSlider {
    padding-bottom: 40px;
}

.whyColoursSlider .swiper-slide {
    height: auto;
}

.why-colours-slider-pagination {
    bottom: 0 !important;
}

.why-colours-slider-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d3c2ad;
    opacity: 1;
    margin: 0 5px !important;
}

.why-colours-slider-pagination .swiper-pagination-bullet-active {
    background: #b44d20;
}


/* taxi */


.home-taxi-mini-wrap{
    background:#fff;
    border:1px solid #eee3d6;
    border-radius:28px;
    padding:32px;
    box-shadow:0 16px 40px rgba(0,0,0,.05);
}

.home-taxi-mini-content p{
    margin:0;
    color:#666;
    line-height:1.9;
}

.home-taxi-mini-cards{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.home-taxi-mini-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#fffaf4;
    border:1px solid #eee3d6;
    border-radius:22px;
    padding:22px;
    transition:.3s ease;
}

.home-taxi-mini-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(0,0,0,.06);
}

.taxi-mini-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f6ebdf;
    color:#b44d20;
    font-size:24px;
}

.taxi-mini-text h4{
    font-size:24px;
    margin-bottom:8px;
    color:#1f1f1f;
}

.taxi-mini-text p{
    margin:0;
    color:#666;
    line-height:1.8;
}

@media (max-width: 991.98px){
    .home-taxi-mini-wrap{
        padding:28px;
    }
}

@media (max-width: 767.98px){
    .home-taxi-mini-wrap{
        padding:22px 18px;
        border-radius:22px;
    }

    .home-taxi-mini-card{
        padding:18px;
        gap:14px;
    }

    .taxi-mini-text h4{
        font-size:21px;
    }
}



/* about us page css */
.cit-story-steps{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cit-story-step{
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.cit-story-count{
    width: 64px;
    min-width: 64px;
    height: 64px;
    border: 1px solid #e9dfd4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 600;
    color: #b85a24;
    font-family: "Cinzel", serif;
}

.cit-story-card{
    flex: 1;
    border: 1px solid #eee4d9;
    border-radius: 24px;
    padding: 28px;
}

.cit-story-card h4{
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 12px;
    color: #1f1f1f;
}

.cit-story-card p{
    margin-bottom: 0;
}

.cit-story-card .tour-highlights{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cit-story-card .highlight-item{
    padding: 16px 18px;
}

@media (max-width: 991.98px){
    .cit-story-card{
        padding: 24px;
    }

    .cit-story-card h4{
        font-size: 22px;
    }
}

@media (max-width: 767.98px){
    .cit-story-step{
        gap: 14px;
    }

    .cit-story-count{
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 18px;
    }

    .cit-story-card{
        padding: 20px;
        border-radius: 20px;
    }

    .cit-story-card h4{
        font-size: 20px;
    }

    .cit-story-card .tour-highlights{
        grid-template-columns: 1fr;
    }
}

.cit-tour-group{
    border: 1px solid #eee4d9;
    border-radius: 28px;
    padding: 30px;
    height: 100%;
}

.cit-tour-group-head{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.cit-tour-icon{
    width: 58px;
    min-width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b85a24;
    font-size: 22px;
}

.cit-tour-group-head h3{
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 8px;
    color: #1f1f1f;
}

.cit-tour-group-head p{
    margin-bottom: 0;
}

.cit-tour-list{
    display: grid;
    gap: 16px;
}

.cit-tour-item{
    border: 1px solid #f0e7dd;
    border-radius: 18px;
    padding: 18px 20px;
}

.cit-tour-item h6{
    font-size: 19px;
    line-height: 1.4;
    margin-bottom: 6px;
    color: #1f1f1f;
}

.cit-tour-item p{
    margin-bottom: 0;
}

@media (max-width: 991.98px){
    .cit-tour-group{
        padding: 24px;
    }

    .cit-tour-group-head h3{
        font-size: 24px;
    }
}

@media (max-width: 767.98px){
    .cit-tour-group{
        padding: 20px;
        border-radius: 22px;
    }

    .cit-tour-group-head{
        gap: 12px;
        margin-bottom: 20px;
    }

    .cit-tour-icon{
        width: 50px;
        min-width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .cit-tour-group-head h3{
        font-size: 22px;
    }

    .cit-tour-item{
        padding: 16px 16px;
    }

    .cit-tour-item h6{
        font-size: 18px;
    }
}

.cit-taj-feature-2{
    height: 100%;
    padding: 28px 24px;
    border: 1px solid #eee4d9;
    border-radius: 24px;
    transition: all 0.3s ease;
}

.cit-taj-feature-2 i{
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    color: #b85a24;
    font-size: 22px;
    margin-bottom: 18px;
}

.cit-taj-feature-2 h6{
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 12px;
    color: #1f1f1f;
}

.cit-taj-feature-2 p{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8;
}

@media (max-width: 1199.98px){
    .cit-taj-feature-2{
        padding: 24px 20px;
    }

    .cit-taj-feature-2 h6{
        font-size: 20px;
    }
}

@media (max-width: 767.98px){
    .cit-taj-feature-2{
        padding: 20px 18px;
        border-radius: 20px;
    }

    .cit-taj-feature-2 i{
        width: 50px;
        height: 50px;
        font-size: 18px;
        margin-bottom: 14px;
    }

    .cit-taj-feature-2 h6{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cit-taj-feature-2 p{
        font-size: 15px;
        line-height: 1.7;
    }
}

.cit-guide-strip{
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cit-guide-block{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px;
    border: 1px solid #eee4d9;
    border-radius: 26px;
}

.cit-guide-icon{
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b85a24;
    font-size: 24px;
}

.cit-guide-content{
    flex: 1;
}

.cit-guide-content h4{
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #1f1f1f;
}

.cit-guide-content p{
    margin-bottom: 0;
}

@media (max-width: 991.98px){
    .cit-guide-block{
        padding: 24px;
    }

    .cit-guide-content h4{
        font-size: 22px;
    }
}

@media (max-width: 767.98px){
    .cit-guide-block{
        flex-direction: column;
        gap: 16px;
        padding: 20px;
        border-radius: 20px;
    }

    .cit-guide-icon{
        width: 54px;
        min-width: 54px;
        height: 54px;
        font-size: 20px;
    }

    .cit-guide-content h4{
        font-size: 20px;
    }
}

.cit-services-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.cit-service-card{
    height: 100%;
    padding: 28px 24px;
    border: 1px solid #eee4d9;
    border-radius: 24px;
    transition: all 0.3s ease;
}

.cit-service-card i{
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    color: #b85a24;
    font-size: 22px;
    margin-bottom: 18px;
}

.cit-service-card h6{
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 12px;
    color: #1f1f1f;
}

.cit-service-card p{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8;
}

@media (max-width: 1199.98px){
    .cit-services-grid{
        gap: 20px;
    }

    .cit-service-card{
        padding: 24px 20px;
    }

    .cit-service-card h6{
        font-size: 20px;
    }
}

@media (max-width: 767.98px){
    .cit-services-grid{
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cit-service-card{
        padding: 20px 18px;
        border-radius: 20px;
    }

    .cit-service-card i{
        width: 50px;
        height: 50px;
        font-size: 18px;
        margin-bottom: 14px;
    }

    .cit-service-card h6{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cit-service-card p{
        font-size: 15px;
        line-height: 1.7;
    }
}

.cit-about-hotel-editorial{
    margin-top: 10px;
}

.cit-about-hotel-main{
    border: 1px solid #eee4d9;
    border-radius: 32px;
    padding: 34px;
}

.cit-about-hotel-label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid #eadfd3;
    color: #b85a24;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 18px;
}

.cit-about-hotel-main h3{
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 16px;
    color: #1f1f1f;
}

.cit-about-hotel-main > p{
    margin-bottom: 0;
}

.cit-about-hotel-points{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 24px;
    margin-bottom: 10px;
}

.cit-about-hotel-point{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cit-about-hotel-point i{
    color: #b85a24;
    font-size: 18px;
    margin-top: 3px;
}

.cit-about-hotel-point span{
    flex: 1;
}

.cit-about-hotel-side-wrap{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cit-about-hotel-side-card{
    border: 1px solid #eee4d9;
    border-radius: 26px;
    padding: 26px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.cit-about-hotel-side-icon{
    width: 58px;
    min-width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b85a24;
    font-size: 22px;
}

.cit-about-hotel-side-content h5{
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #1f1f1f;
}

.cit-about-hotel-side-content p{
    margin-bottom: 0;
}

.cit-about-hotel-destinations{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 28px;
}

.cit-about-hotel-destination{
    padding: 24px 22px;
    position: relative;
}

.cit-about-hotel-destination:not(:last-child){
    border-right: 1px solid #eee4d9;
}

.cit-about-hotel-city{
    display: inline-block;
    font-size: 22px;
    line-height: 1.3;
    color: #1f1f1f;
    margin-bottom: 8px;
}

.cit-about-hotel-destination p{
    margin-bottom: 0;
}

@media (max-width: 1199.98px){
    .cit-about-hotel-main h3{
        font-size: 30px;
    }

    .cit-about-hotel-side-content h5{
        font-size: 22px;
    }

    .cit-about-hotel-destinations{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cit-about-hotel-destination:nth-child(2){
        border-right: none;
    }

    .cit-about-hotel-destination:nth-child(-n+2){
        border-bottom: 1px solid #eee4d9;
    }
}

@media (max-width: 767.98px){
    .cit-about-hotel-main{
        padding: 24px 20px;
        border-radius: 24px;
    }

    .cit-about-hotel-main h3{
        font-size: 24px;
    }

    .cit-about-hotel-side-card{
        padding: 20px;
        border-radius: 20px;
        gap: 14px;
    }

    .cit-about-hotel-side-icon{
        width: 48px;
        min-width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .cit-about-hotel-side-content h5{
        font-size: 20px;
    }

    .cit-about-hotel-destinations{
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 22px;
    }

    .cit-about-hotel-destination{
        padding: 18px 0;
    }

    .cit-about-hotel-destination:not(:last-child){
        border-right: none;
        border-bottom: 1px solid #eee4d9;
    }

    .cit-about-hotel-destination:nth-child(-n+2){
        border-bottom: 1px solid #eee4d9;
    }

    .cit-about-hotel-city{
        font-size: 20px;
    }
}

.cit-about-work-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.cit-about-work-card{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 24px 28px;
    border: 1px solid #e8e3da;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    transition: all 0.3s ease;
}

.cit-about-work-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.cit-about-work-icon{
    width: 68px;
    min-width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b85a24;
    font-size: 34px;
}

.cit-about-work-content h6{
    font-size: 20px;
    line-height: 1.3;
    color: #111827;
    margin-bottom: 6px;
}

.cit-about-work-content span{
    display: block;
    font-size: 17px;
    line-height: 1.5;
    color: #5f6470;
}

@media (max-width: 1399.98px){
    .cit-about-work-grid{
        gap: 10px;
    }

    .cit-about-work-card{
        padding: 10px;
    }

    .cit-about-work-icon{
        width: 60px;
        min-width: 60px;
        height: 60px;
        font-size: 30px;
    }

    .cit-about-work-content h6{
        font-size: 18px;
    }

    .cit-about-work-content span{
        font-size: 16px;
    }
}

@media (max-width: 991.98px){
    .cit-about-work-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px){
    .cit-about-work-grid{
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cit-about-work-card{
        min-height: auto;
        padding: 18px 18px;
        border-radius: 18px;
        gap: 14px;
    }

    .cit-about-work-icon{
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 24px;
    }

    .cit-about-work-content h6{
        font-size: 18px;
        margin-bottom: 4px;
    }

    .cit-about-work-content span{
        font-size: 15px;
    }
}

.cit-about-voices-wrap{
    max-width: 1320px;
    margin: 0 auto;
}

.cit-about-voices-intro{
    max-width: 920px;
    margin: 0 auto 34px;
    text-align: center;
}

.cit-about-voices-intro p{
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.9;
}

.cit-about-voices-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.cit-about-voice-card{
    position: relative;
    height: 100%;
    padding: 34px 26px 26px;
    border: 1px solid #ece6de;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.cit-about-voice-quote{
    font-family: "Cinzel", serif;
    font-size: 72px;
    line-height: 1;
    color: #d8662d;
    margin-bottom: 8px;
}

.cit-about-voice-content p{
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.9;
    color: #3b4048;
}

.cit-about-voice-content span{
    display: inline-block;
    padding-top: 14px;
    border-top: 1px solid #ece6de;
    font-size: 15px;
    line-height: 1.6;
    color: #111827;
}

@media (max-width: 1199.98px){
    .cit-about-voices-grid{
        gap: 20px;
    }

    .cit-about-voice-card{
        padding: 30px 22px 22px;
    }
}

@media (max-width: 991.98px){
    .cit-about-voices-grid{
        grid-template-columns: 1fr;
    }

    .cit-about-voices-intro{
        margin-bottom: 26px;
    }
}

@media (max-width: 767.98px){
    .cit-about-voices-intro p{
        font-size: 16px;
        line-height: 1.8;
    }

    .cit-about-voice-card{
        padding: 24px 18px 20px;
        border-radius: 20px;
    }

    .cit-about-voice-quote{
        font-size: 54px;
        margin-bottom: 4px;
    }

    .cit-about-voice-content p{
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 14px;
    }

    .cit-about-voice-content span{
        padding-top: 12px;
        font-size: 14px;
    }
}

.cit-about-why-table{
    max-width: 1320px;
    margin: 0 auto;
    border: 1px solid #ece6de;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
}

.cit-about-why-head{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid #ece6de;
}

.cit-about-why-head-item{
    padding: 28px 30px;
}

.cit-about-why-head-item:first-child{
    border-right: 1px solid #ece6de;
}

.cit-about-why-label{
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #b85a24;
}

.cit-about-why-head-item h3{
    margin: 0;
    font-size: 28px;
    line-height: 1.3;
    color: #101828;
}

.cit-about-why-row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid #ece6de;
}

.cit-about-why-row:last-of-type{
    border-bottom: none;
}

.cit-about-why-col{
    padding: 28px 30px;
}

.cit-about-why-col:first-child{
    border-right: 1px solid #ece6de;
}

.cit-about-why-col h6{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.45;
    color: #101828;
}

.cit-about-why-col p{
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #4b5563;
}

@media (max-width: 991.98px){
    .cit-about-why-head-item,
    .cit-about-why-col{
        padding: 22px 22px;
    }

    .cit-about-why-head-item h3{
        font-size: 24px;
    }

    .cit-about-why-col h6{
        font-size: 18px;
    }
}

@media (max-width: 767.98px){
    .cit-about-why-table{
        border-radius: 20px;
    }

    .cit-about-why-head,
    .cit-about-why-row{
        grid-template-columns: 1fr;
    }

    .cit-about-why-head-item:first-child,
    .cit-about-why-col:first-child{
        border-right: none;
    }

    .cit-about-why-head-item:first-child{
        border-bottom: 1px solid #ece6de;
    }

    .cit-about-why-col:first-child{
        border-bottom: 1px solid #ece6de;
    }

    .cit-about-why-head-item,
    .cit-about-why-col{
        padding: 18px 18px;
    }

    .cit-about-why-head-item h3{
        font-size: 22px;
    }

    .cit-about-why-col h6{
        font-size: 17px;
        margin-bottom: 8px;
    }

    .cit-about-why-col p{
        font-size: 15px;
        line-height: 1.8;
    }
}

/* tour guide services */
.first-service-section{
    padding: 140px 0 0 0;
}

.cit-guide-service-wrap{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.cit-guide-service-card{
    height: 100%;
    padding: 30px;
    border: 1px solid #ece6de;
    border-radius: 28px;
    background: #fff;
}

.cit-guide-service-head{
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
}

.cit-guide-service-icon{
    width: 68px;
    min-width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b85a24;
    font-size: 26px;
}

.cit-guide-service-title span{
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #b85a24;
}

.cit-guide-service-title h3{
    margin: 0;
    font-size: 28px;
    line-height: 1.3;
    color: #101828;
}

.cit-guide-service-card > p{
    margin-bottom: 0;
}

.cit-guide-service-card .tour-highlights{
    margin-top: 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cit-guide-service-card .highlight-item{
    min-height: 100%;
}

@media (max-width: 1199.98px){
    .cit-guide-service-card{
        padding: 24px;
    }

    .cit-guide-service-title h3{
        font-size: 24px;
    }
}

@media (max-width: 991.98px){
    .cit-guide-service-wrap{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px){
    .cit-guide-service-card{
        padding: 20px;
        border-radius: 20px;
    }

    .cit-guide-service-head{
        gap: 14px;
        margin-bottom: 16px;
    }

    .cit-guide-service-icon{
        width: 56px;
        min-width: 56px;
        height: 56px;
        font-size: 22px;
    }

    .cit-guide-service-title h3{
        font-size: 22px;
    }

    .cit-guide-service-card .tour-highlights{
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 18px;
    }
}

.cit-guide-criteria-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.cit-guide-criteria-card{
    position: relative;
    height: 100%;
    padding: 28px 24px 24px;
    border: 1px solid #ece6de;
    border-radius: 26px;
    background: #fff;
    transition: all 0.3s ease;
}

.cit-guide-criteria-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.cit-guide-criteria-no{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #eadfd3;
    color: #b85a24;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

.cit-guide-criteria-card h5{
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 1.35;
    color: #101828;
}

.cit-guide-criteria-card p{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.85;
    color: #4b5563;
}

@media (max-width: 1199.98px){
    .cit-guide-criteria-grid{
        gap: 20px;
    }

    .cit-guide-criteria-card{
        padding: 24px 20px 20px;
    }

    .cit-guide-criteria-card h5{
        font-size: 20px;
    }
}

@media (max-width: 991.98px){
    .cit-guide-criteria-grid{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px){
    .cit-guide-criteria-card{
        padding: 20px 18px;
        border-radius: 20px;
    }

    .cit-guide-criteria-no{
        width: 42px;
        height: 42px;
        font-size: 16px;
        margin-bottom: 14px;
    }

    .cit-guide-criteria-card h5{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cit-guide-criteria-card p{
        font-size: 15px;
        line-height: 1.75;
    }
}

.cit-licensed-story{
    border: 1px solid #ece6de;
    border-radius: 28px;
    padding: 32px 28px;
    background: #fff;
    position: sticky;
    top: 110px;
}

.cit-licensed-story .section-title{
    margin-bottom: 0;
}

.cit-licensed-story-body{
    margin-top: 22px;
}

.cit-licensed-story-body p{
    margin-bottom: 0;
}

.cit-licensed-story-body p + p{
    margin-top: 14px;
}

.cit-licensed-story .tour-highlights{
    margin-top: 22px;
    grid-template-columns: 1fr;
    gap: 14px;
}

.cit-local-insight-rail{
    border-left: 1px solid #ece6de;
    padding-left: 34px;
}

.cit-local-insight-head{
    margin-bottom: 28px;
}

.cit-local-insight-head h3{
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #101828;
}

.cit-local-insight-head p{
    margin-bottom: 0;
}

.cit-local-insight-list{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cit-local-insight-item{
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 18px;
    align-items: start;
}

.cit-local-insight-item::before{
    content: "";
    position: absolute;
    left: -40px;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b85a24;
}

.cit-local-insight-item .cit-guide-criteria-no{
    margin-bottom: 0;
    width: auto;
    height: auto;
    min-width: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #b85a24;
}

.cit-local-insight-content{
    padding-bottom: 24px;
    border-bottom: 1px solid #ece6de;
}

.cit-local-insight-item:last-child .cit-local-insight-content{
    padding-bottom: 0;
    border-bottom: none;
}

.cit-local-insight-content h6{
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 8px;
    color: #101828;
}

.cit-local-insight-content p{
    margin-bottom: 0;
}

@media (max-width: 1199.98px){
    .cit-licensed-story{
        padding: 26px 22px;
    }

    .cit-local-insight-head h3{
        font-size: 28px;
    }

    .cit-local-insight-content h6{
        font-size: 20px;
    }
}

@media (max-width: 991.98px){
    .cit-licensed-story{
        position: static;
    }

    .cit-local-insight-rail{
        border-left: none;
        padding-left: 0;
        margin-top: 8px;
    }

    .cit-local-insight-item{
        padding-left: 22px;
    }

    .cit-local-insight-item::before{
        left: 0;
    }
}

@media (max-width: 767.98px){
    .cit-licensed-story{
        padding: 22px 18px;
        border-radius: 22px;
    }

    .cit-local-insight-head{
        margin-bottom: 22px;
    }

    .cit-local-insight-head h3{
        font-size: 24px;
    }

    .cit-local-insight-list{
        gap: 18px;
    }

    .cit-local-insight-item{
        column-gap: 12px;
        padding-left: 0px;
    }

    .cit-local-insight-item::before{
        display: none;
    }

    .cit-local-insight-item .cit-guide-criteria-no{
        font-size: 15px;
    }

    .cit-local-insight-content{
        padding-bottom: 18px;
    }

    .cit-local-insight-content h6{
        font-size: 18px;
        margin-bottom: 6px;
    }
}

.cit-language-board{
    border: 1px solid #ece6de;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
}

.cit-language-board-row{
    display: grid;
    grid-template-columns: 1fr 170px;
    align-items: stretch;
    border-bottom: 1px solid #ece6de;
}

.cit-language-board-row:last-child{
    border-bottom: none;
}

.cit-language-board-main{
    padding: 28px 30px;
}

.cit-language-board-main h3{
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.2;
    color: #101828;
}

.cit-language-board-main p{
    margin-bottom: 0;
}

.cit-language-board-status{
    border-left: 1px solid #ece6de;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cit-language-board-status span{
    font-size: 14px;
    line-height: 1.4;
    color: #b85a24;
    text-align: center;
}

@media (max-width: 1199.98px){
    .cit-language-board-main{
        padding: 24px 22px;
    }

    .cit-language-board-main h3{
        font-size: 26px;
    }

    .cit-language-board-row{
        grid-template-columns: 1fr 150px;
    }
}

@media (max-width: 767.98px){
    .cit-language-board{
        border-radius: 20px;
    }

    .cit-language-board-row{
        grid-template-columns: 1fr;
    }

    .cit-language-board-main{
        padding: 20px 18px 14px;
    }

    .cit-language-board-main h3{
        font-size: 22px;
        margin-bottom: 8px;
    }

    .cit-language-board-status{
        border-left: none;
        border-top: 1px solid #ece6de;
        justify-content: flex-start;
        padding: 12px 18px 18px;
    }

    .cit-language-board-status span{
        text-align: left;
        font-size: 13px;
    }
}

.cit-guide-service-flow{
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 1200px;
    margin: 0 auto;
}

.cit-guide-service-panel{
    width: calc(100% - 120px);
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 22px;
    align-items: start;
    padding: 28px 30px;
    border: 1px solid #ece6de;
    border-radius: 28px;
    background: #fff;
}

.cit-guide-service-panel-right{
    margin-left: auto;
}

.cit-guide-service-no .cit-guide-criteria-no{
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
    border: 1px solid #eadfd3;
    border-radius: 50%;
    background: #fff;
    box-shadow: none;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #b85a24;
}

.cit-guide-service-info h4{
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 1.3;
    color: #101828;
}

.cit-guide-service-info p{
    margin-bottom: 0;
}

@media (max-width: 1199.98px){
    .cit-guide-service-panel{
        width: calc(100% - 70px);
        padding: 24px 24px;
    }

    .cit-guide-service-info h4{
        font-size: 24px;
    }
}

@media (max-width: 991.98px){
    .cit-guide-service-panel,
    .cit-guide-service-panel-right{
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767.98px){
    .cit-guide-service-flow{
        gap: 16px;
    }

    .cit-guide-service-panel{
        grid-template-columns: 1fr;
        row-gap: 12px;
        padding: 20px 18px;
        border-radius: 20px;
    }

    .cit-guide-service-info h4{
        font-size: 20px;
        margin-bottom: 8px;
    }

    .cit-guide-service-no .cit-guide-criteria-no{
        font-size: 15px;
    }
}

.cit-process-card{
    display:flex;
    align-items:flex-start;
    gap:22px;
    padding:30px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    height:100%;
    transition:.35s;
}

.cit-process-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.process-number{
    min-width:70px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:#b88a44;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
}

.process-content h5{
    margin-bottom:10px;
    font-weight:600;
}

.process-content p{
    margin:0;
    color:#666;
    line-height:1.8;
}

.highlight-card{
    background:#faf7f2;
    border-color:#b88a44;
}

.highlight-card .process-number{
    font-size:30px;
}

.cit-included-list{
    max-width:950px;
    margin:auto;
}

.cit-include-row{
    display:flex;
    align-items:center;
    gap:25px;
    padding:25px 30px;
    margin-bottom:18px;
    background:#fff;
    border-left:5px solid #b88a44;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
}

.cit-include-row:hover{
    transform:translateX(8px);
    box-shadow:0 18px 45px rgba(0,0,0,.10);
}

.include-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#f7f3ea;
    color:#b88a44;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    flex-shrink:0;
}

.include-content{
    flex:1;
}

.include-content h5{
    margin-bottom:8px;
    font-weight:600;
}

.include-content p{
    margin:0;
    color:#666;
    line-height:1.7;
}

.include-check{
    color:#28a745;
    font-size:34px;
}

@media(max-width:767px){

    .cit-include-row{
        flex-direction:column;
        text-align:center;
    }

}


.cit-guide-story{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
}

.guide-story-box{
    position:relative;
    padding:45px;
    background:#b88a44;
    color:#fff;
    border-radius:20px;
    height:100%;
}

.quote-icon{
    position:absolute;
    right:25px;
    top:20px;
    font-size:70px;
    opacity:.15;
}

.guide-story-box h4{
    margin-bottom:20px;
    font-weight:700;
}

.guide-story-box p{
    margin-bottom:18px;
    line-height:1.9;
    opacity:.95;
}

.guide-benefit{
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px 25px;
    margin-bottom:18px;
    background:#fff;
    border-radius:15px;
    border:1px solid #ececec;
    transition:.35s;
}

.guide-benefit:hover{
    transform:translateX(10px);
    border-color:#b88a44;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.guide-benefit i{
    font-size:28px;
    color:#b88a44;
    flex-shrink:0;
}

.guide-benefit span{
    font-size:17px;
    font-weight:500;
    line-height:1.7;
}


/* ==========================
   Rental Introduction
========================== */

.cit-rental-intro{
    background:#fff;
    border-radius:18px;
    padding:40px;
    border:1px solid #ececec;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.cit-rental-intro p:last-child{
    margin-bottom:0;
}


/* ==========================
   Rental Tables
========================== */

.cit-rental-table{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #ececec;
    box-shadow:0 15px 35px rgba(0,0,0,.05);
}

.cit-table-heading{
    display:flex;
    align-items:center;
    gap:15px;
    padding:20px 0 0px 20px;
    background:var(--primary-color);
    color:#fff;
}

.table-heading-icon{
    width:50px;
    height:55px;
    object-fit:contain;
    flex-shrink:0;
}

.cit-table-heading h4{
    margin:0;
    font-size:22px;
    font-weight:600;
    color: #0D5C46;
}

.cit-rental-table table{
    margin:0;
}

.cit-rental-table thead{
    background:#f8f8f8;
}

.cit-rental-table thead th{
    padding:18px;
    font-weight:600;
    border:none;
}

.cit-rental-table tbody td{
    padding:18px;
    vertical-align:middle;
    border-color:#ededed;
}

.cit-rental-table tbody tr{
    transition:.3s;
}

.cit-rental-table tbody tr:hover{
    background:#fcfaf6;
}

.cit-rental-table strong{
    color:var(--heading-color);
}


/* ==========================
   Rental Terms
========================== */

.cit-rental-terms{
    background:#fff;
    border-radius:18px;
    padding:40px;
    border:1px solid #ececec;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.cit-term-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:22px;
}

.cit-term-item:last-child{
    margin-bottom:0;
}

.cit-term-item i{
    color:#b88a44;
    font-size:20px;
    margin-top:4px;
}

.cit-term-item span{
    line-height:1.8;
    color:#555;
}


/* ==========================
   Responsive
========================== */

@media(max-width:991px){

    .cit-rental-intro,
    .cit-rental-terms{
        padding:30px;
    }

    .cit-table-heading{
        padding:18px 20px;
    }

}

@media(max-width:767px){

    .cit-rental-intro,
    .cit-rental-terms{
        padding:22px;
    }

    .cit-table-heading h4{
        font-size:18px;
    }

    .cit-rental-table table{
        min-width:700px;
    }

    .cit-rental-table tbody td,
    .cit-rental-table thead th{
        white-space:nowrap;
    }

}

/*=====================================
STACK SECTION
=====================================*/

.cit-stack-services {
    position: relative;
}

.cit-stack-wrapper {
    width: 82%;
    margin: auto;
    position: relative;
    /* padding-bottom: 180px; */
}

/*=====================================
CARD
=====================================*/

.cit-stack-card {
    position: sticky;
    top: 90px;
    z-index: 1;

    background: #fff;
    border: 1px solid #19356d;
    border-radius: 32px;
    overflow: hidden;

    max-width: 1100px;
    height: 500px;

    margin-inline: auto;
    margin-bottom: 30px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);

    transition: transform .45s ease,
        box-shadow .45s ease;
}

/* Stack Order */

.cit-stack-card:nth-child(1) {
    z-index: 1;
}

.cit-stack-card:nth-child(2) {
    z-index: 2;
}

.cit-stack-card:nth-child(3) {
    z-index: 3;
}

.cit-stack-card:nth-child(4) {
    z-index: 4;
}

.cit-stack-card:nth-child(5) {
    z-index: 4;
}

.cit-stack-card:nth-child(6) {
    z-index: 4;
}

.cit-stack-card:nth-child(7) {
    z-index: 4;
}

.cit-stack-card:nth-child(8) {
    z-index: 4;
}

.cit-stack-card:nth-child(9) {
    z-index: 4;
}
.cit-stack-card:nth-child(10) {
    z-index: 4;
}

/* Hover */

.cit-stack-card:hover {
    box-shadow: 0 25px 70px rgba(0, 0, 0, .10);
}

.cit-stack-card:hover .cit-stack-image img {
    transform: scale(1.04);
}

/* Card Overlap */

.cit-stack-card+.cit-stack-card {
    margin-top: -60px;
}

/*=====================================
IMAGE
=====================================*/

.cit-stack-image {
    position: relative;
    height: 500px;
    padding: 20px;
    display: flex;
}

.cit-stack-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    transition: .5s;
}

/*=====================================
CONTENT
=====================================*/

.cit-stack-content {
    height: 100%;
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
}


.cit-stack-content h3 {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 5px;
}

.cit-stack-content p {
    margin-bottom: 10px;
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    max-width: 95%;
}

/*=====================================
RESPONSIVE
=====================================*/

@media (max-width:1199px) {

    .cit-stack-wrapper {
        width: 90%;
    }

}

@media (max-width:991px) {

    .cit-stack-wrapper {
        width: 100%;
    }

    .cit-stack-card {
        position: relative;
        top: 0;
        height: auto;
        margin-bottom: 40px;
    }

    .cit-stack-card+.cit-stack-card {
        margin-top: 0;
    }

    .cit-stack-image {
        height: 320px;
    }

    .cit-stack-content {
        padding: 35px;
    }

    .cit-stack-content h3 {
        font-size: 36px;
    }

}

@media (max-width:767px) {

    .cit-stack-card {
        border-radius: 22px;
        min-height: auto;
    }

    .cit-stack-image {
        height: 240px;
        padding: 15px;
    }

    .cit-stack-content {
        padding: 25px;
    }


    .cit-stack-content h3 {
        font-size: 28px;
    }

}

/*=====================================
PACKAGE SHOWCASE
=====================================*/

.cit-package-showcase{
    position: relative;
}

.cit-package-showcase .row{
    --bs-gutter-x: 22px;
}

/*=====================================
PACKAGE CARD
=====================================*/

.cit-package-card{

    position: relative;

    background: #fffdf8;

    border: 1px solid rgba(160,120,60,.25);

    border-radius: 0 0 18px 18px;

    overflow: hidden;

    text-align: center;

    height: 100%;

    transition: .45s;

    box-shadow:
        0 12px 30px rgba(0,0,0,.06);

}


/* Heritage Arch */

.cit-package-card::before{

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height: 105px;

    background: #fffdf8;

    clip-path: path("M0,100 C0,25 28,0 50,0 C72,0 100,25 100,100 L100,100 L0,100 Z");

}


/*=====================================
TOP CONTENT
=====================================*/

.cit-package-number{

    position: relative;

    z-index: 2;

    font-size: 44px;

    font-weight: 700;

    color: #fff;

    width: 88px;

    height: 88px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 22px auto 18px;

}

.cit-package-card h4{

    position: relative;

    z-index: 2;

    font-size: 18px;

    line-height: 1.35;

    font-weight: 700;

    padding-inline: 18px;

}

/*=====================================
IMAGE
=====================================*/

.cit-package-image{

    position: relative;

    height: 220px;

    overflow: hidden;

}

.cit-package-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: .5s;

}

.cit-package-card:hover img{

    transform: scale(1.08);

}

/*=====================================
FOOTER
=====================================*/

.cit-package-footer{

    padding: 18px;

    color: #fff;

    font-size: 17px;

    font-weight: 600;

    letter-spacing: .5px;

}

/*=====================================
DETAILS PANEL
=====================================*/

.cit-package-details{

    margin-top: 60px;

    background: #fff;

    border: 1px solid rgba(0,0,0,.08);

    border-radius: 20px;

    padding: 45px;

    box-shadow: 0 15px 40px rgba(0,0,0,.05);

}

.cit-package-badge{

    display: inline-block;

    background: #f4ede2;

    color: var(--theme-color);

    font-weight: 600;

    padding: 8px 18px;

    border-radius: 30px;

    margin-bottom: 15px;

}

.cit-package-details h3{

    font-size: 36px;

    margin-bottom: 20px;

}

.cit-package-details p{

    color: #555;

    line-height: 1.8;

}

.cit-package-list{

    margin: 25px 0 0;

    padding: 0;

    list-style: none;

}

.cit-package-list li{

    position: relative;

    padding-left: 30px;

    margin-bottom: 14px;

    color: #444;

}

.cit-package-list li::before{

    content: "✓";

    position: absolute;

    left: 0;

    top: 0;

    color: var(--theme-color);

    font-weight: 700;

}

/*=====================================
COLOR THEMES
=====================================*/

.package-blue .cit-package-number,
.package-blue .cit-package-footer{

    background: #17345f;

}

.package-orange .cit-package-number,
.package-orange .cit-package-footer{

    background: #c87412;

}

.package-maroon .cit-package-number,
.package-maroon .cit-package-footer{

    background: #7a2333;

}

.package-green .cit-package-number,
.package-green .cit-package-footer{

    background: #3f6543;

}

.package-purple .cit-package-number,
.package-purple .cit-package-footer{

    background: #5d3c7d;

}

/*=====================================
HOVER
=====================================*/

.cit-package-card:hover{

    transform: translateY(-8px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.12);

}


/* new css 04/07/26 */
.cit-sticky-content {
    position: sticky;
    top: 100px;
}



.cit-destination-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

@media (max-width:991.98px) {

    .cit-sticky-content {
        position: static;
    }

    .cit-destination-image img {
        height: 320px;
    }

}



/*  */


/*=========================================
JAIPUR JOURNEY SECTION
=========================================*/

.cit-jaipur-story-section{
    position: relative;
}

.cit-journey-row{
    position: relative;
    padding: 15px 0;
}

.cit-journey-image{
    overflow: hidden;
    border-radius: 22px;
    /* box-shadow: 0 20px 50px rgba(0,0,0,.12); */
}

.cit-journey-image img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    transition: .5s ease;
    border-radius: 22px;

}

.cit-journey-row{
    border-bottom: 1px solid rgba(0,0,0,.08);
}

/* Mobile */

@media(max-width:767.98px){

    .cit-journey-image{
        margin:15px 0 20px;
    }

    .cit-journey-image img{
        height:260px;
    }

}


/* blogs */
/*=========================================
FEATURED GUIDE
=========================================*/

.cit-featured-guide{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
    margin-bottom:45px;
}

.cit-featured-guide-image{
    height:100%;
    overflow:hidden;
}

.cit-featured-guide-image img{
    width:100%;
    height:100%;
    min-height:420px;
    object-fit:cover;
    transition:.6s ease;
}

.cit-featured-guide:hover .cit-featured-guide-image img{
    transform:scale(1.05);
}

.cit-featured-guide-content{
    height:100%;
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.cit-guide-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

.cit-guide-tag{
    font-size:13px;
    font-weight:700;
    color:var(--theme-color);
    letter-spacing:1px;
    text-transform:uppercase;
}

.cit-guide-info{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.cit-guide-info span{
    font-size:14px;
    color:#777;
    display:flex;
    align-items:center;
    gap:6px;
}

.cit-guide-info i{
    color:var(--theme-color);
}

.cit-featured-guide-content h2{
    font-size:42px;
    line-height:1.2;
    margin-bottom:20px;
}

.cit-featured-guide-content p{
    margin-bottom:30px;
}

.cit-read-story{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--theme-color);
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.cit-read-story:hover{
    gap:18px;
}



/*=========================================
CATEGORY STRIP
=========================================*/

.cit-guide-category-wrap{
    margin-top:35px;
}

.cit-category-heading h3{
    font-size:42px;
    line-height:1.1;
    margin:0;
}

.cit-category-heading span{
    display:block;
}

.cit-category-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    padding: 12px;
    text-align:center;
    display:block;
    text-decoration:none;
    transition:.35s;
    height:100%;
}

.cit-category-card:hover{
    transform:translateY(-6px);
    border-color: #b44d20;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.cit-category-card i{
    display:block;
    font-size:28px;
    color: #b44d20;
    margin-bottom:12px;
}

.cit-category-card span{
    display:block;
    color:#222;
    /* font-size:15px; */
    font-weight:600;
}



/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991.98px){

    .cit-featured-guide-content{
        padding:35px;
    }

    .cit-featured-guide-content h2{
        font-size:34px;
    }

    .cit-category-heading{
        margin-bottom:25px;
    }


}

@media(max-width:767.98px){

    .cit-featured-guide-image img{
        min-height:260px;
    }

    .cit-featured-guide-content{
        padding:25px;
    }

    .cit-featured-guide-content h2{
        font-size:28px;
    }

    .cit-guide-meta{
        gap:12px;
    }

    .cit-category-heading h3{
        font-size:30px;
    }

    .cit-category-card{
        padding:20px 10px;
    }

    .cit-category-card i{
        font-size:24px;
    }

}

/*=========================================
LATEST ARTICLES
=========================================*/
.cit-category-card.active{
    background: #b44d20;
    border-color: var(--background);
}

.cit-category-card.active i,
.cit-category-card.active span{
    color:#fff;
}

#articleContainer{
    transition:.3s ease;
}
.cit-latest-articles-section{
    position:relative;
}



.cit-article-heading h2{
    position:relative;
    display:inline-block;
    margin:0;
    padding-bottom:12px;
}

.cit-article-heading h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:38px;
    height:2px;
    background:var(--theme-color);
}

.cit-view-all{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#222;
    font-weight:500;
    text-decoration:none;
    transition:.35s ease;
}

.cit-view-all i{
    transition:.35s ease;
}

.cit-view-all:hover{
    color:var(--theme-color);
}

.cit-view-all:hover i{
    transform:translateX(6px);
}



/*=========================================
ARTICLE CARD
=========================================*/

.cit-article-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    overflow:hidden;
    height:100%;
    transition:.4s ease;
}

.cit-article-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.cit-article-image{
    display:block;
    overflow:hidden;
}

.cit-article-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:.6s ease;
}

.cit-article-card:hover .cit-article-image img{
    transform:scale(1.08);
}

.cit-article-content{
    padding:10px;
}

.cit-blog-category{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    letter-spacing:.8px;
    color:var(--theme-color);
    text-transform:uppercase;
    /* margin-bottom:12px; */
}

.cit-article-content h3{
    font-size:18px;
    line-height:1.35;
    margin-bottom:18px;
    font-weight: 500;
}

.cit-article-content h3 a{
    color:#222;
    text-decoration:none;
    transition:.3s;
}

.cit-article-content h3 a:hover{
    color:var(--theme-color);
}

.cit-blog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    font-size:14px;
    color:#777;
}

.cit-blog-meta span{
    display:flex;
    align-items:center;
    gap:6px;
}

.cit-blog-meta i{
    color:var(--theme-color);
}



/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991.98px){

    .cit-article-heading{
        margin-bottom:30px;
    }

    .cit-article-heading h2{
        margin-bottom:15px;
    }

    .cit-view-all{
        justify-content:flex-start;
    }

}

@media(max-width:767.98px){

    .cit-article-image img{
        height:220px;
    }

    .cit-article-content{
        padding:18px;
    }

    .cit-article-content h3{
        font-size:22px;
    }

    .cit-blog-meta{
        gap:12px;
        font-size:13px;
    }

}

/*=========================================
POPULAR ARTICLES
=========================================*/



.cit-popular-heading h2{
    position:relative;
    display:inline-block;
    margin:0;
    padding-bottom:12px;
}

.cit-popular-heading h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:38px;
    height:2px;
    background:var(--theme-color);
}

.cit-popular-item{
    display: flex;
    /* align-items: center; */
    gap: 22px;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
}

.cit-popular-item:first-child{
    border-top: 1px solid #ececec;
}
.cit-popular-number{
    /* min-width:70px; */
    font-size:55px;
    font-weight:500;
    line-height:1;
    color:var(--primary);
    font-family: "Cinzel", serif;
}

.cit-popular-card{
    display:flex;
    /* align-items:center; */
    gap:18px;
    flex:1;
}

.cit-popular-image{
    width:150px;
    height:95px;
    overflow:hidden;
    border-radius:10px;
    flex-shrink:0;
}

.cit-popular-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.cit-popular-item:hover .cit-popular-image img{
    transform:scale(1.08);
}

.cit-popular-content{
    flex:1;
}

.cit-popular-content h4{
    font-size:24px;
    line-height:1.4;
    /* margin:10px 0 12px; */
}

.cit-popular-content h4 a{
    color:#222;
    text-decoration:none;
    transition:.3s;
}

.cit-popular-content h4 a:hover{
    color:var(--theme-color);
}



/*=========================================
TRAVEL QUOTE
=========================================*/

.cit-travel-quote{
    position:relative;
    height:100%;
    min-height:510px;
    overflow:hidden;
    border-radius:18px;
}

.cit-travel-quote img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.cit-travel-quote::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
    0deg,
    rgba(0,0,0,.75) 0%,
    rgba(0,0,0,.30) 45%,
    transparent 100%
);
}

.cit-travel-quote-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:end;
    padding:25px;
}

.cit-travel-quote-content{
    max-width:450px;
    color:#fff;
    position:relative;
    z-index:2;
}

.cit-travel-quote-content i{
    font-size:30px;
    color:var(--theme-color);
    margin-bottom:18px;
    display:inline-block;
}

.cit-travel-quote-content h3{
    color:#fff;
    font-size:20px;
    line-height:1.35;
    margin-bottom:22px;
}

.cit-travel-quote-content span{
    font-size:17px;
    opacity:.9;
}



/*=========================================
TRAVEL TIPS
=========================================*/

.cit-travel-tips-wrap{
    margin:30px 0 ;
}

.cit-tip-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    padding: 10px;
    text-align:center;
    display:block;
    text-decoration:none;
    transition:.35s;
    height:100%;
}

.cit-tip-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.cit-tip-card i{
    display:block;
    font-size:34px;
    color:var(--primary);
    margin-bottom:10px;
}

.cit-tip-card h6{
    margin:0;
    color:#222;
    font-size:17px;
    line-height:1.5;
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991.98px){

    .cit-travel-quote{
        min-height:420px;
        margin-top:20px;
    }

    .cit-travel-quote-overlay{
        padding:35px;
    }

    .cit-travel-quote-content h3{
        font-size:30px;
    }

    .cit-travel-tips-wrap{
        margin-top:50px;
    }

}

@media(max-width:767.98px){

    .cit-popular-item{
        align-items:flex-start;
    }

    .cit-popular-number{
        font-size:44px;
        min-width:45px;
    }

    .cit-popular-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .cit-popular-image{
        width:100%;
        height:200px;
    }

    .cit-popular-content h4{
        font-size:22px;
    }

    .cit-travel-quote{
        min-height:320px;
    }

    .cit-travel-quote-content h3{
        font-size:26px;
    }

    .cit-tip-card{
        padding:25px 15px;
    }

    .cit-tip-card i{
        font-size:28px;
    }

    .cit-tip-card h6{
        font-size:15px;
    }

}


/* new csss 13/07 */
/*==============================
   CONTACT SECTION
==============================*/

.cit-contact-card,
.cit-contact-form-card{
    height:100%;
    background:#fff;
    border:1px solid #ece6de;
    border-radius:28px;
    padding:25px;
    position:relative;
    overflow:hidden;
}

.cit-contact-card::after{
    content:"";
    position:absolute;
    right:-30px;
    bottom:-30px;
    width:220px;
    height:220px;
    background:url("../images/patterns/pattern-1.png") no-repeat center;
    background-size:contain;
    opacity:.05;
    pointer-events:none;
}

.cit-contact-title{
    margin-bottom:35px;
}

.cit-contact-title h3{
    font-size:35px;
    line-height:1.2;
    margin-bottom:12px;
    color:#1d1d1d;
}

.cit-contact-title p{
    margin-bottom:0;
    max-width:500px;
}

/*==============================
    CONTACT LIST
==============================*/

.cit-contact-list{
    display:flex;
    flex-direction:column;
    gap:0;
}

.cit-contact-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px 0;
    border-bottom:1px solid #eee4d9;
}

.cit-contact-item:first-child{
    padding-top:0;
}

.cit-contact-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.cit-contact-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:50%;
    background:#b85a24;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
}

.cit-contact-info span{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#b85a24;
    margin-bottom:6px;
    letter-spacing:.03em;
}

.cit-contact-info h6{
    margin:0;
    font-size:20px;
    line-height:1.65;
    font-weight:500;
    color:#1d1d1d;
}

/*==============================
      FORM
==============================*/

.cit-contact-form-card form{
    margin-top:5px;
}

.cit-form-group{
    position:relative;
}

.cit-form-group i{
    position:absolute;
    left:22px;
    top:50%;
    transform:translateY(-50%);
    color:#b85a24;
    font-size:18px;
    z-index:2;
}

.cit-form-group.textarea i{
    top:24px;
    transform:none;
}

.cit-form-group .form-control{
    height:62px;
    border:1px solid #ece6de;
    border-radius:14px;
    padding-left:56px;
    font-size:16px;
    color:#222;
    box-shadow:none;
    transition:.3s;
}

.cit-form-group textarea.form-control{
    height:190px;
    padding-top:18px;
    resize:none;
}

.cit-form-group .form-control:focus{
    border-color:#b85a24;
    box-shadow:none;
}

.cit-form-group .form-control::placeholder{
    color:#7c7c7c;
}

.cit-contact-form-card .theme-btn{
    width:50% ;
    justify-content:center;
    margin-top:8px;
}

/*==============================
      RESPONSIVE
==============================*/

@media(max-width:1199px){

    .cit-contact-card,
    .cit-contact-form-card{
        padding:32px;
    }

    .cit-contact-title h3{
        font-size:36px;
    }

}

@media(max-width:991px){

    .cit-contact-card{
        margin-bottom:10px;
    }

}

@media(max-width:767px){

    .cit-contact-card,
    .cit-contact-form-card{
        padding:15px;
        border-radius:22px;
    }

    .cit-contact-title{
        margin-bottom:24px;
    }

    .cit-contact-title h3{
        font-size:30px;
    }

    .cit-contact-item{
        gap:10px;
        padding:18px 0;
    }

    .cit-contact-icon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .cit-contact-info h6{
        font-size:17px;
        line-height:1.55;
    }

    .cit-form-group .form-control{
        height:56px;
        padding-left:50px;
    }

    .cit-form-group textarea.form-control{
        height:160px;
    }

}

/*==========================================
        CONTACT MAP SECTION
==========================================*/

.cit-map-wrapper{
    position: relative;
}

.cit-map-box{
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #ece6de;
    line-height: 0;
}

.cit-map-box iframe{
    width: 100%;
    height: 600px;
    border: 0;
    filter: grayscale(.08);
}


/*==========================================
            RESPONSIVE
==========================================*/


@media(max-width:991px){

    .cit-map-wrapper{
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .cit-map-box{
        order: 2;
    }

    .cit-map-box iframe{
        height: 500px;
    }

}


/*=========================================
BLOG DETAIL
=========================================*/

.blog-detail-wrapper{
    position:relative;
}

.blog-feature-image{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    margin-bottom:10px;
    line-height:0;
}

.blog-feature-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    transition:.6s ease;
}

.blog-detail-wrapper:hover .blog-feature-image img{
    transform:scale(1.05);
}

.blog-label{
    position:absolute;
    left:25px;
    bottom:25px;
    background:#fff;
    color:#b85a24;
    font-size:13px;
    font-weight:600;
    padding:20px 18px;
    border-radius:30px;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.blog-detail-content{
    max-width:100%;
}

.blog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:10px;
}

.blog-meta span{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#6d6d6d;
    padding:4px 16px;
    border:1px solid #ece6de;
    border-radius:30px;
}

.blog-meta span i{
    color:#b85a24;
    font-size:15px;
}

.blog-title{
    font-size:40px;
    line-height:1.2;
    color:#1d1d1d;
    /* margin-bottom:28px; */
}

.blog-detail-content p{
    margin-bottom:10px;
    font-size:17px;
    line-height:1.7;
    color:#555;
}

.blog-detail-content h2{
    margin:25px 0 18px;
    font-size:34px;
    line-height:1.3;
    color:#1d1d1d;
}

.blog-detail-content h3{
    margin:40px 0 15px;
    font-size:28px;
    line-height:1.35;
    color:#1d1d1d;
}

.blog-detail-content ul,
.blog-detail-content ol{
    padding-left:22px;
    margin-bottom:30px;
}

.blog-detail-content ul li,
.blog-detail-content ol li{
    margin-bottom:14px;
    line-height:1.9;
    color:#555;
}

.blog-detail-content ul li::marker{
    color:#b85a24;
}

.blog-detail-content img{
    width:100%;
    border-radius:22px;
    margin:35px 0;
}

.blog-detail-content blockquote{
    position:relative;
    margin:20px 0;
    padding:40px;
    border-radius:24px;
    border:1px solid #ece6de;
    font-size:24px;
    line-height:1.8;
    color:#1d1d1d;
    font-weight:500;
  /* border-left: 5px solid var(--primary); */
box-shadow: inset 8px 0 0 var(--primary);
background-color: #fff;
}

.blog-detail-content blockquote::before{
    content:"“";
    position:absolute;
    left:28px;
    top:12px;
    font-size:80px;
    line-height:1;
    color:#b85a24;
    opacity:.18;
}

.blog-detail-content table{
    width:100%;
    margin:30px 0;
    border-collapse:collapse;
}

.blog-detail-content table th,
.blog-detail-content table td{
    border:1px solid #ece6de;
    padding:14px 16px;
    text-align:left;
}

.blog-detail-content table th{
    color:#1d1d1d;
    font-weight:600;
}

.blog-detail-content a{
    color:#b85a24;
    text-decoration:none;
}

.blog-detail-content a:hover{
    text-decoration:underline;
}

/*==========================
Responsive
==========================*/

@media(max-width:1199px){

.blog-feature-image img{
height:460px;
}

.blog-title{
font-size:42px;
}

.blog-detail-content h2{
font-size:30px;
}

}

@media(max-width:991px){

.blog-feature-image img{
height:380px;
}

.blog-title{
font-size:36px;
}

.blog-detail-content h2{
font-size:28px;
}

}

@media(max-width:767px){

.blog-feature-image{
border-radius:22px;
margin-bottom:28px;
}

.blog-feature-image img{
height:250px;
}

.blog-label{
left:15px;
bottom:15px;
padding:8px 14px;
font-size:11px;
}

.blog-meta{
gap:10px;
margin-bottom:20px;
}

.blog-meta span{
font-size:12px;
padding:7px 12px;
}

.blog-title{
font-size:28px;
margin-bottom:20px;
}

.blog-detail-content p{
font-size:16px;
line-height:1.85;
}

.blog-detail-content h2{
font-size:24px;
margin:35px 0 15px;
}

.blog-detail-content h3{
font-size:22px;
}

.blog-detail-content blockquote{
padding:28px;
font-size:20px;
}

.blog-detail-content blockquote::before{
font-size:60px;
left:18px;
top:10px;
}

}

/*=========================================
BLOG SIDEBAR
=========================================*/

.blog-sidebar{
    position:sticky;
    top:85px;
}

.sidebar-widget{
    border:1px solid #ece6de;
    border-radius:28px;
    padding:20px;
    background:#fff;
}

.sidebar-title{
    font-size:32px;
    line-height:1.25;
    /* margin-bottom:28px; */
    color:#1d1d1d;
    padding-bottom:16px;
    border-bottom:1px solid #ece6de;
}

.recent-post{
    display:flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
    color:inherit;
    padding:10px 0;
    border-bottom:1px solid #ece6de;
    transition:.35s;
}

.recent-post:last-child{
    padding-bottom:0;
    border-bottom:none;
}

.recent-post img{
    width:105px;
    height:90px;
    object-fit:cover;
    border-radius:18px;
    flex-shrink:0;
    transition:.4s;
}

.recent-post div{
    flex:1;
}

.recent-post h5{
    font-size:20px;
    line-height:1.5;
    margin-bottom:10px;
    color:#1d1d1d;
    transition:.3s;
}

.recent-post span{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#777;
}

.recent-post span i{
    color:#b85a24;
}

.recent-post:hover h5{
    color:#b85a24;
}

.recent-post:hover img{
    transform:scale(1.06);
}

/*=========================================
BLOG CONTENT EXTRAS
=========================================*/

.blog-detail-content hr{
    margin:40px 0;
    border-color:#ece6de;
    opacity:1;
}

.blog-detail-content strong{
    color:#1d1d1d;
    font-weight:600;
}

.blog-detail-content em{
    font-style:italic;
}

.blog-detail-content figure{
    margin:35px 0;
}

.blog-detail-content figcaption{
    margin-top:12px;
    text-align:center;
    font-size:14px;
    color:#777;
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

.sidebar-widget{
padding:25px;
}

.sidebar-title{
font-size:28px;
}

.recent-post{
gap:15px;
}

.recent-post img{
width:95px;
height:85px;
}

.recent-post h5{
font-size:18px;
}

}

@media(max-width:991px){

.blog-sidebar{
position:relative;
top:0;
margin-top:20px;
}

.sidebar-widget{
padding:24px;
}

}

@media(max-width:767px){

.sidebar-widget{
padding:20px;
border-radius:22px;
}

.sidebar-title{
font-size:24px;
margin-bottom:18px;
padding-bottom:12px;
}

.recent-post{
gap:12px;
padding:15px 0;
}

.recent-post img{
width:80px;
height:72px;
border-radius:14px;
}

.recent-post h5{
font-size:16px;
line-height:1.45;
margin-bottom:8px;
}

.recent-post span{
font-size:12px;
}

}

.blog-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.blog-tags a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border:1px solid #ece6de;
    border-radius:30px;
    text-decoration:none;
    color:#555;
    font-size:14px;
    transition:.3s;
}

.blog-tags a:hover{
    background:#b85a24;
    border-color:#b85a24;
    color:#fff;
}

/*=========================================
        TOUR DETAIL
=========================================*/

.cit-tour-info{
    border:1px solid #ece6de;
    border-radius:24px;
    padding:28px 35px;
    margin-bottom:10px;
}

.cit-tour-info-item span{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#8a8a8a;
    margin-bottom:8px;
}

.cit-tour-info-item h5{
    margin:0;
    font-size:24px;
    color:#1d1d1d;
}

.cit-tour-detail-content h2{
    font-size:42px;
    line-height:1.2;
    margin-bottom:18px;
    color:#1d1d1d;
}

.cit-tour-detail-content p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:22px;
}

.cit-tour-detail-content hr{
    margin:45px 0;
    border-color:#ece6de;
    opacity:1;
}

/*=========================================
INCLUDED / EXCLUDED
=========================================*/

.cit-tour-list{
    height:100%;
    border:1px solid #ece6de;
    border-radius:24px;
    padding:28px;
}

.cit-tour-list h5{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:24px;
    margin-bottom:25px;
    color:#1d1d1d;
}

.cit-tour-list h5 i{
    color:#b85a24;
}

.cit-tour-list ul{
    margin:0;
    padding:0;
    list-style:none;
}

.cit-tour-list ul li{
    position:relative;
    padding-left:32px;
    margin-bottom:16px;
    line-height:1.8;
    color:#555;
}

.cit-tour-list ul li:last-child{
    margin-bottom:0;
}

.cit-tour-list ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#b85a24;
}

.cit-tour-list ul.exclude li::before{
    background:#dc3545;
}

/*=========================================
SIDEBAR
=========================================*/

.cit-tour-sidebar{
    position:sticky;
    top:110px;
}

.cit-tour-form-card{
    border:1px solid #ece6de;
    border-radius:28px;
    padding:35px;
}

.cit-tour-form-card h3{
    text-align:center;
    font-size:36px;
    margin-bottom:30px;
    color:#1d1d1d;
}

.cit-tour-form-card .form-control{
    height:58px;
    border:1px solid #ece6de;
    border-radius:14px;
    box-shadow:none;
    padding:0 18px;
}

.cit-tour-form-card textarea.form-control{
    height:160px;
    padding-top:16px;
    resize:none;
}

.cit-tour-form-card .form-control:focus{
    border-color:#b85a24;
    box-shadow:none;
}

.cit-tour-form-card .theme-btn{
    width:100%;
    justify-content:center;
}

/*=========================================
QUICK CONTACT
=========================================*/

.cit-tour-contact-card{
    border:1px solid #ece6de;
    border-radius:24px;
    padding:30px;
    text-align:center;
}

.cit-tour-contact-card h4{
    font-size:28px;
    margin-bottom:16px;
    color:#1d1d1d;
}

.cit-tour-contact-card p{
    margin-bottom:22px;
    color:#666;
    line-height:1.8;
}

.cit-tour-contact-card a{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    color:#555;
    text-decoration:none;
    margin-bottom:14px;
    transition:.3s;
}

.cit-tour-contact-card a:last-child{
    margin-bottom:0;
}

.cit-tour-contact-card a:hover{
    color:#b85a24;
}

.cit-tour-contact-card i{
    color:#b85a24;
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

    .cit-tour-detail-content h2{
        font-size:36px;
    }

    .cit-tour-form-card{
        padding:28px;
    }

    .cit-tour-form-card h3{
        font-size:30px;
    }

}

@media(max-width:991px){

    .cit-tour-sidebar{
        position:relative;
        top:0;
        margin-top:20px;
    }

    .cit-tour-info{
        padding:24px;
    }

    .cit-tour-detail-content h2{
        font-size:32px;
    }

}

@media(max-width:767px){

    .cit-tour-info{
        padding:20px;
    }

    .cit-tour-info-item{
        text-align:left !important;
    }

    .cit-tour-info-item h5{
        font-size:20px;
    }

    .cit-tour-detail-content h2{
        font-size:28px;
    }

    .cit-tour-detail-content p{
        font-size:16px;
    }

    .cit-tour-list{
        padding:22px;
    }

    .cit-tour-list h5{
        font-size:22px;
    }

    .cit-tour-form-card{
        padding:24px;
        border-radius:22px;
    }

    .cit-tour-form-card h3{
        font-size:26px;
    }

    .cit-tour-contact-card{
        padding:24px;
        border-radius:20px;
    }

    .cit-tour-contact-card h4{
        font-size:24px;
    }

}

.accordion-body h6{
    font-weight: 600;
    color: var(--dark);
}