.hero_main_ban {
    background: url(https://images.unsplash.com/photo-1505691938895-1758d7feb511) no-repeat center center/cover;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative
}

    .hero_main_ban .hero-overlay {
        position: absolute;
        inset: 0;
        background: rgb(0 0 0 / .4)
    }

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

    .hero_main_ban .search-panel {
        max-width: 1100px;
        margin-top: 0
    }

.csideform .search-panel .sch-panel-div .srch-panel-col {
    margin: 0 2px;
    position: relative
}

.travel-count-hotel {
    background: #fff;
    padding: 12px;
    z-index: 999;
    border-radius: 10px;
    min-width: 20rem;
    position: absolute;
    box-shadow: rgb(72 72 72 / .2) 0 15px 20px;
    top: 74px
}

    .travel-count-hotel .headline p {
        color: #757575;
        font-size: 11px;
        font-weight: 500
    }

    .travel-count-hotel .apply-btn button {
        padding: 10px 20px;
        height: 56px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: .375rem;
        background-color: var(--primary-color);
        color: #fff;
        font-family: cursive;
        outline: none;
        border: none;
        float: right;
        width: 100%
    }

    .travel-count-hotel .text {
        font-size: 14px;
        font-weight: 500
    }

.room-artical-list .frmselect {
    color: #000;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 13px
}

    .room-artical-list .frmselect:focus {
        box-shadow: none;
        border: 1px solid var(--primary-color)
    }

.room-artical-list .incrbtn {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #827b7b;
    font-size: 14px;
    padding: 7px
}

.travellers-serch-wrapper .bs-caret {
    float: right
}

.room-artical-list .incrbtn i {
    color: #fff
}

.room-artical-list .incrbtnBox {
    display: flex;
    align-items: center;
    gap: 10px
}

    .room-artical-list .incrbtnBox input {
        width: 57px;
        height: 37px;
        border: none;
        outline: none;
        color: #000;
        font-size: 16px;
        display: inline;
        text-align: center;
        border-radius: 10px
    }

.select-child-div .frmslct {
    height: 35px;
    box-shadow: 0 0 4px rgb(0 0 0 / .16);
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    font-size: 12px;
    margin: 10px 0 20px 0;
    font-weight: 500
}

    .select-child-div .frmslct:focus {
        box-shadow: none
    }

.travel-selection-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

    .travel-selection-box label {
        color: #000;
        font-weight: 400;
        font-size: 15px;
        margin-bottom: 0
    }

.csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput {
    border-right: 1px solid #ddd;
    color: #000
}

input#destinations-iinputs {
    border-right: none;
    width: 299px
}

}

.hero_main_ban .search-box select, .hero_main_ban .search-box input {
    border: none;
    outline: none;
    border-right: 1px solid #ddd;
    border-radius: 0
}

    .hero_main_ban .search-box input:last-child {
        border: none
    }

.hero_main_ban .search-box .btn {
    border-radius: 50px;
    padding: 10px 25px;
    width: 100%
}

.hotel-section {
    font-family: 'Segoe UI',sans-serif
}

    .hotel-section h6 {
        color: #0d6efd;
        font-weight: 600
    }

    .hotel-section h2 {
        font-weight: 500;
        color: #333
    }

.hotel-card {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    color: #fff;
    height: 100%
}

    .hotel-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s ease
    }

    .hotel-card:hover img {
        transform: scale(1.05)
    }

.hotel-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(to top,rgb(0 0 0 / .7),transparent)
}

.hotel-name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.1rem;
    text-shadow: 2px 2px 4px rgb(0 0 0 / .4)
}

.hotel-meta {
    font-size: 1rem;
    color: #ddd;
    text-shadow: 2px 2px 4px rgb(0 0 0 / .4)
}

.hotel-price {
    font-size: 1rem;
    font-weight: 700;
    margin-top: .25rem
}

.enquiry-btn {
    background: var(--primary-color);
    color: #fff;
    font-size: .85rem;
    font-weight: 500;
    border-radius: .3rem;
    padding: .4rem .8rem;
    border: none
}

    .enquiry-btn:hover {
        background: #e64a19
    }

.customizable-tag {
    font-size: .7rem;
    background: rgb(255 255 255 / .2);
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: .5rem
}

.owl-dots {
    text-align: center;
    margin-top: 20px
}

    .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        background: #ccc;
        border-radius: 50%;
        margin: 5px;
        display: inline-block;
        transition: 0.3s
    }

    .owl-dots .owl-dot.active span {
        background: #ff5722;
        width: 16px;
        height: 16px
    }

.vehicles-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.vehicle-card {
    background: #f9f9f9;
    border-radius: 12px;
    overflow: hidden;
    width:;
    box-shadow: 0 5px 15px rgb(0 0 0 / .1);
    position: relative;
    margin: 12px
}

    .vehicle-card.fixed-card {
        width: 100%
    }

.age-label {
    font-size: 48px;
    font-weight: 800;
    color: #b0bec5;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 0;
    user-select: none
}

.vehicle-card:first-child .age-label {
    display: block
}

.vehicle-card:not(:first-child) .age-label {
    display: none
}

.vehicle-image {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    z-index: 1;
    position: relative
}

.vehicle-info {
    padding: 15px 20px;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 2
}

    .vehicle-info small {
        color: #888;
        font-size: 12px;
        display: block;
        margin-bottom: 5px;
        font-weight: 500
    }

    .vehicle-info h3 {
        font-size: 16px;
        font-weight: 700;
        color: #222;
        margin-bottom: 0;
        text-transform: uppercase;
        letter-spacing: 1px
    }

.vehicle-nav {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 10
}

.nav-button {
    background-color: #333;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    opacity: .75;
    transition: opacity 0.3s ease
}

    .nav-button:hover {
        opacity: 1
    }

.main_traver_type {
    max-width: 1000px;
    margin 0 auto;
    margin: 0 auto 60px;
    display: flex;
    justify-content: center;
    background-color: #fbf8f7;
    border-radius: 12px
}

.travel-icon {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    background: #f8f8f8;
    padding: 8px;
    transition: transform 0.2s ease,box-shadow 0.2s ease
}

.travel-type:nth-child(1) {
    background: var(--brand-color);
    border-color: #fff
}

    .travel-type:nth-child(1) .travel-label {
        color: #fff
    }

.travel-icon:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .15)
}

.imageService {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

.travel-types {
    justify-content: space-between;
    background-color: #fbf8f7;
    padding: 20px 15px;
    border-radius: 12px;
    margin-top: 41px
}

div#Testmonial-Section {
    background-size: cover;
    background-position: bottom;
    background-image: none
}

.travel-type {
    flex: 1;
    text-align: center;
    background: #fff;
    margin: 0 10px;
    border: 1px solid var(--brand-color);
    padding: 12px;
    margin-top: -89px;
    padding: 40px 10px;
    box-shadow: 0 1px 6px rgb(0 0 0 / .08);
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease
}

    .travel-type.active {
        background: #f06244
    }

        .travel-type.active .travel-icon {
            font-size: 32px;
            margin-bottom: 8px;
            color: #fff
        }

        .travel-type.active .travel-label {
            font-weight: 600;
            font-size: 14px;
            color: #fff
        }

    .travel-type:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgb(0 0 0 / .15)
    }

.travel-icon {
    font-size: 32px;
    margin-bottom: 8px;
    color: #f06244
}

.travel-label {
    font-weight: 600;
    font-size: 14px;
    color: #444
}

.testimonials {
    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center
}

    .testimonials h3 {
        font-weight: 600;
        color: #333;
        margin-bottom: 10px
    }

    .testimonials p.subtitle {
        margin-bottom: 40px;
        font-weight: 500;
        color: #666;
        font-size: 16px
    }

.testimonial-cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.testimonial-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 3px 15px rgb(0 0 0 / .08);
    width: 280px;
    padding: 20px;
    text-align: left;
    position: relative;
    min-height: 45vh
}

.testimonial-photo {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 12px
}

.testimonial-name {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
    color: #333
}

.testimonial-role {
    font-size: 12px;
    color: #888;
    margin-bottom: 12px
}

.testimonial-text {
    font-size: 13px;
    line-height: 1.4;
    position: relative;
    color: #555
}

    .testimonial-text::before {
        content: "“";
        font-size: 50px;
        color: var(--secondary-color);
        position: absolute;
        left: -10px;
        top: -25px;
        font-weight: 700;
        opacity: .2
    }

.testimonial-rating {
    margin-top: 12px;
    font-size: 14px;
    color: #f06244;
    display: flex;
    align-items: center;
    gap: 4px
}

.services {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 20px 10px
}

.service-item {
    flex: 1;
    margin: 0 10px;
    color: #444
}

.service-icon {
    font-size: 30px;
    color: #f06244;
    margin-bottom: 10px
}

.service-text {
    font-weight: 600;
    font-size: 14px
}

@media(max-width:769px) {
    .hero_main_ban .csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput {
        border: 1px solid #efeff0;
        background-color: #efeff0 !important;
        outline: none;
        height: 62px !important;
        line-height: 62px;
        padding: 0 10px;
        width: 100%;
        cursor: pointer;
        color: #3e3e3e;
        font-weight: 500;
        border-radius: 6px;
        padding-left: 52px;
        margin-left: 0 !important
    }

    .hero_main_ban .csideform .search-panel {
        max-width: 100%;
        margin: auto;
        cursor: pointer;
        border-radius: 9px !important;
        padding: 5px
    }

        .hero_main_ban .csideform .search-panel .sch-panel-div .srch-panel-col {
            width: 100%;
            margin-bottom: 8px
        }

        .hero_main_ban .csideform .search-panel .sch-panel-div {
            flex-wrap: wrap
        }

            .hero_main_ban .csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput::placeholder {
                font-size: 17px;
                color: #000
            }

    .homebanner {
        padding-bottom: 18px;
        padding-top: 140px
    }

    .blogs-section .blog-sec-left {
        border: none;
        background-color: #fff;
        padding: 10px;
        box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
        text-decoration: none;
        margin: 12px 0;
        min-height: 31vh
    }
}

@media (max-width:960px) {
    .vehicles-container, .testimonial-cards, .travel-types, .services {
        flex-direction: column;
        align-items: center
    }

    .hotel-name {
        font-size: 1rem;
        font-weight: 600;
        line-height: 2.1rem;
        text-shadow: 2px 2px 4px rgb(0 0 0 / .4)
    }

    .hotel-meta {
        font-size: .8rem;
        color: #ddd;
        text-shadow: 2px 2px 4px rgb(0 0 0 / .4)
    }

    .vehicle-card, .testimonial-card, .travel-type, .service-item {
        margin-bottom: 20px;
        width: 90%
    }

    .vehicle-nav {
        position: static;
        margin-top: 10px
    }
}

.car-info-container {
    text-align: center
}

.age-restriction {
    font-size: 80px;
    color: #b0b0b0;
    font-weight: 700
}

.car-status {
    font-size: 20px;
    color: #000;
    background-color: rgb(255 255 255 / .6);
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    margin-top: -20px
}

.navigation-buttons {
    margin-top: 20px
}

.arrow-btn {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 15px;
    margin: 0 5px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 4px
}

    .arrow-btn:hover {
        background-color: #555
    }

:root {
    --accent: #ff6b3a;
    --muted: #7b7b7b;
    --card-radius: 14px;
    --card-bg: #ffffff
}

.hhdd::before {
    position: absolute;
    top: 27px;
    left: -7px;
    content: '';
    background: var(--brand-color);
    height: 28px;
    width: 28px;
    transform: rotate(45deg)
}

.aminities-list1 {
    display: flex;
    gap: 20px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.hhdd::after {
    position: absolute;
    content: attr(data-label);
    top: -6px;
    left: -13px;
    padding: 15px 0 8px 5px;
    width: 10rem;
    background: var(--brand-color);
    color: #fff;
    text-align: center;
    border-radius: 10px 0 10px 0;
    box-shadow: 4px 4px 15px rgb(26 35 126 / .2);
    font-size: 16px
}

.hhdd {
    border-radius: 10px;
    background: #fff !important
}

.section-mai-packgae {
    font-family: 'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
    background: #faf6f3;
    color: #222;
    padding: 40px 12px
}

    .section-mai-packgae .subtitle {
        color: var(--accent);
        letter-spacing: 2px;
        font-weight: 700;
        font-size: .85rem
    }

    .section-mai-packgae h2 {
        font-weight: 500;
        margin-top: 6px;
        margin-bottom: 6px;
        font-size: 2rem
    }

    .section-mai-packgae p.lead {
        color: var(--muted);
        margin-bottom: 26px
    }

.dest-card {
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 8px 30px rgb(30 30 40 / .06);
    display: flex;
    gap: 20px;
    padding: 14px;
    align-items: stretch;
    border: 1px solid rgb(15 15 20 / .03);
    overflow: hidden;
    background: #fff
}

    .dest-card .left {
        width: 42%;
        min-width: 180px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        flex-shrink: 0
    }

    .dest-card img.card-img {
        display: block;
        width: 100%;
        height: 100%;
        max-height: 208px;
        object-fit: cover
    }

.save-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgb(20 20 30 / .08);
    cursor: pointer
}

    .save-btn i {
        color: #ff5c64;
        font-size: 1.05rem
    }

.dest-card .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 4px 2px
}

.list-activity {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

    .list-activity li {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 0;
        border-bottom: 1px solid #e0e0e0;
        font-size: 10px
    }

        .list-activity li:last-child {
            border-bottom: none
        }

.daysdestination-div {
    font-size: .75rem
}

.day-label {
    font-size: .65rem;
    margin-left: 2px
}

.city-name {
    font-weight: 500;
    color: #333;
    font-size: .85rem
}

.badge-location {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    color: #2563eb;
    background: rgb(37 99 235 / .06);
    padding: 6px 8px;
    border-radius: 999px;
    margin-bottom: 6px
}

.dest-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 4px 0 8px;
    color: #111827;
    line-height: 1.2
}

.meta {
    font-size: .85rem;
    color: var(--muted);
    display: flex;
    gap: 12px;
    align-items: center
}

    .meta .stars {
        color: var(--brand-color) !important;
        letter-spacing: 1px;
        font-size: .95rem
    }

.det-homebanner {
    width: 100%;
    padding: 50px 0 15px 0 !important;
    background-attachment: fixed
}

.dest-footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.price {
    font-weight: 700;
    font-size: 1.1rem
}

    .price small {
        display: block;
        color: var(--muted);
        font-weight: 400;
        font-size: .82rem
    }

.btn-book {
    font-size: 12px;
    background: #fff;
    border: none;
    color: var(--accent);
    border: 1px solid var(--accent);
    padding: 8px 6px;
    border-radius: 32px;
    font-weight: 600;
    box-shadow: 0 6px 16px rgb(255 107 58 / .12)
}

    .btn-book:hover {
        background: #ff5b2d
    }

@media (max-width:991px) {
    .dest-card {
        flex-direction: row
    }

    input#destinations-iinputs {
        border-right: none;
        width: 100% !important
    }

    .dest-card .left {
        width: 46%;
        min-width: 160px
    }
}

@media (max-width:767px) {
    .dest-card {
        flex-direction: column;
        gap: 12px;
        padding: 12px
    }

    .hero_main_ban {
        height: 100% !important
    }

    .dest-card .left {
        width: 100%;
        max-height: 220px
    }

    .dest-card img.card-img {
        height: 220px
    }
}

.cards-grid {
    display: flex;
    flex-direction: column;
    gap: 18px
}

@media (min-width:768px) {
    .cards-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 18px
    }
}

@media (max-width:768px) {
    .vehicle-tabs {
        display: flex;
        gap: 10px;
        border: none;
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth
    }

        .vehicle-tabs::-webkit-scrollbar {
            display: none
        }

    .vehicle-tabs {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.hotelbannersechome {
    position: relative;
    overflow: hidden;
    height: 85vh;
    color: #fff
}

@media (min-width:992px) {
    a.nav-link.sitenavbar-items {
        position: relative;
        z-index: 1
    }

        a.nav-link.sitenavbar-items::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            bottom: -1px;
            left: 0;
            background: var(--primary-color);
            transition: .5s;
            z-index: -1;
            border-radius: 12px
        }

        a.nav-link.sitenavbar-items:hover::before, a.nav-link.sitenavbar-items.active::before {
            height: calc(100% + 1px);
            left: 1px;
            color: #fff !important
        }

    .sitenavbar .navbar-nav .nav-link:hover {
        color: #fff !important
    }
}

div#offer-section {
    background: url(https://i.ibb.co/YT46kYsh/category-bg-1.png) no-repeat center center;
    background-size: cover
}

.hotelbannersechome .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0
}

@media (max-width:768px) {
    .vehicle-btns .vehicle-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        white-space: nowrap;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        padding-left: 0 !important;
        margin-left: 0 !important
    }

        .vehicle-btns .vehicle-tabs::-webkit-scrollbar {
            display: none
        }

        .vehicle-btns .vehicle-tabs .nav-item {
            flex: 0 0 auto
        }

    .vehicle-btns .nav-tabs {
        border-bottom: none !important
    }

    .vehicle-btns .vehicle-tabs .nav-link {
        margin-left: 0 !important
    }

    .vehicle-btns .vehicle-tabs > li:first-child, .vehicle-btns .vehicle-tabs > li:first-child .nav-link {
        margin-left: 0 !important;
        padding-left: 0 !important
    }
}

.hotelbannersechome .container {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center
}

.hotelbannersechome .booking-form {
    max-width: 400px;
    background-color: #fff;
    color: #000
}

.hotelbannersechome .btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color)
}

    .hotelbannersechome .btn-primary:hover {
        background-color: #8a4e1e;
        border-color: #8a4e1e
    }

section.hotelbannersechome .booking-form .frminput {
    width: 100%
}

.facilities-section {
    display: flex;
    justify-content: space-around;
    background: whitesmoke;
    padding: 10px;
    width: 100%;
    margin: auto;
    border-radius: 10px;
    top: 0;
    position: relative
}

.facilities-sectionupeer {
    display: grid;
    background: whitesmoke;
    padding: 10px;
    width: 60%;
    margin: auto;
    border-radius: 10px;
    top: 0;
    position: relative
}

.hotelfacilityicon {
    color: #c3651f;
    font-size: 26px !important
}

@media (max-width:767px) {
    .hotelbannersechome {
        height: auto;
        padding: 80px 0 120px
    }

        .hotelbannersechome .container {
            flex-direction: column-reverse;
            text-align: center
        }
}

.hotelbannersechome .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .55);
    z-index: 1
}

.hotelbannersechome .container {
    position: relative;
    z-index: 2
}

.about-section {
    background: #fff;
    position: relative
}

.sub-title {
    letter-spacing: 3px;
    font-size: 22px;
    font-weight: 500
}

.main-title {
    font-size: 32px;
    letter-spacing: 4px;
    margin-bottom: 25px
}

.signature {
    font-family: "Brush Script MT",cursive;
    font-size: 32px;
    margin-top: 30px
}

.main-img-wrapper {
    width: 380px;
    height: 380px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    border: 6px dashed #eee
}

.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.small-img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;
    position: absolute
}

.small-img-top {
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999
}

.small-img-bottom {
    bottom: -30px;
    right: 170px
}

.header h2 {
    font-size: 32px !important
}

.ourserviceshome {
    display: none !important
}

@media(max-width:768px) {
    .main-img-wrapper {
        width: 290px;
        height: 290px
    }

    .small-img {
        width: 80px;
        height: 80px
    }
}

.flash-white {
    background-color: #f2f2f2;
    padding: 70px
}

.section-subtitle {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 2.88px
}

.testimonial-five {
    margin-left: 30px
}

.testimonial-five-pagination {
    position: absolute;
    inset-inline-end: 0;
    bottom: 30px;
    z-index: 9
}

.testimonial-style-five {
    overflow: hidden
}

    .testimonial-style-five .testimonial-content {
        background-color: #fff;
        padding: 48px 30px 35px 30px;
        border-radius: 10px;
        position: relative;
        margin-bottom: 50px;
        border-bottom: 6px solid var(--primary-color)
    }

        .testimonial-style-five .testimonial-content::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background: var(--primary-color);
            inset-inline-start: 0;
            z-index: -1;
            border-radius: 10px;
            bottom: -6px
        }

.rating-color {
    color: #fec300
}

.testimonial-style-five .testimonial-description {
    max-width: 481px;
    margin-bottom: 0;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.testimonial-style-five .testimonial-quotation {
    display: flex;
    background-color: var(--primary-color);
    width: 185px;
    height: 185px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: var(--bd-white);
    border-radius: 50%;
    position: absolute;
    inset-inline-end: -65px;
    top: -75px
}

    .testimonial-style-five .testimonial-quotation i {
        margin-right: 40px;
        margin-top: 50px;
        color: #fff
    }

.wirtetestimonialbtn-tt {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 22px;
    border-radius: 40px;
    margin-top: 10px;
    display: inline-block
}

.testimonial-style-five .testimonial-content::after {
    position: absolute;
    content: url(/Content/images/fht-h.png);
    inset-inline-start: 50px;
    bottom: -40.2px
}

.section-title-wrapper .section-title {
    font-weight: 300
}

.testimonial-style-five .testimonial-avatar-wrap {
    margin-left: 15px
}

.testimonial-avatar-wrap {
    display: flex;
    gap: 16px;
    align-items: center
}

.testimonial-style-five .avatar-thumb {
    max-width: 78px;
    position: relative
}

    .testimonial-style-five .avatar-thumb::before {
        position: absolute;
        content: "";
        width: 78px;
        height: 78px;
        left: 0;
        top: 0;
        border: 2px dashed var(--primary-color);
        border-radius: 50%;
        animation-name: rotate-infinite;
        -webkit-animation-name: rotate-infinite;
        -webkit-animation-duration: 25s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear
    }

    .testimonial-style-five .avatar-thumb img {
        padding: 5px 5px;
        width: 78px;
        height: 78px;
        border-radius: 100%
    }

@keyframes rotate-infinite {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media(max-width:769px) {
    .flash-white {
        background-color: #f2f2f2;
        padding: 42px 10px
    }
}

.pack-section .pack-sec-start {
    position: relative
}

.holidayslider .owl-nav {
    display: none
}

.pack-section .pack-sec-start .pack-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: 0.1s;
    border-radius: 50%
}

    .pack-section .pack-sec-start .pack-img img:hover {
        transform: scale(1.1)
    }

.pack-section .pack-sec-start .pack-img {
    overflow: hidden;
    background-color: #000;
    border-radius: 50%
}

.pack-section .pack-sec-start .pack-contant {
    padding: -1px 12px 14px 18px;
    width: 100%;
    text-align: center
}

    .pack-section .pack-sec-start .pack-contant h4 {
        color: #000;
        font-size: 16px;
        font-weight: 400
    }

    .pack-section .pack-sec-start .pack-contant span {
        color: #fff;
        font-size: 16px
    }