.header-top-section {
                background: transparent;
            }
            .header-1.header-2 {
                top: 0;
            }
            .hero-3 {
                overflow: hidden;
                margin: 0 0 40px;
            }
            .hero-custom-slider {
                position: relative;
                height: 520px;
                overflow: hidden;
            }
            .hero-skeleton {
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, #f1f1f1 25%, #f8f8f8 50%, #f1f1f1 75%);
                background-size: 200% 100%;
                pointer-events: none;
                transition: opacity .4s ease;
                animation: skeleton 1.5s infinite linear;
                z-index: 10;
            }
            @keyframes skeleton {
                from {
                    background-position: 200% 0;
                }
                to {
                    background-position: -200% 0;
                }
            }
            .slider-ready .hero-skeleton {
                opacity: 0;
            }
            .hero-slide1 {
                position: absolute;
                top: 0;
                width: calc(100% - 260px);
                height: 100%;
                transition: transform .8s ease;
            }
            .hero-slide1 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .hero-slide1 .content {
                position: relative;
                height: 100%;
            }
            .hero-slide1 .content::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .25) 35%, rgba(0, 0, 0, 0) 70%);
                opacity: 0;
                transition: opacity .5s ease;
                z-index: 1;
            }
            .hero-slide1.active .content::before {
                opacity: 1;
            }
            .hero-slide1 .hero-content {
                position: absolute;
                left: 60px;
                bottom: 60px;
                z-index: 2;
                opacity: 0;
                visibility: hidden;
                transform: translateY(20px);
                transition: opacity .5s ease, transform .5s ease;
            }
            .hero-slide1.active .hero-content {
                visibility: visible;
                opacity: 1;
                transform: translateY(0);
            }
            .hero-slide1.active {
                transform: translateX(135px);
                z-index: 3;
            }
            .hero-slide1.prev {
                transform: translateX(calc(-100% + 115px));
                z-index: 2;
            }
            .hero-slide1.next {
                transform: translateX(calc(100vw - 115px));
                z-index: 2;
            }
            .hero-slide1.far-left {
                transform: translateX(calc(-200% + 115px));
                z-index: 1;
            }
            .hero-slide1.far-right {
                transform: translateX(calc(200% - 115px));
                z-index: 1;
            }
            .hero-title span {
                display: block;
                opacity: 0;
                transform: translateY(25px);
            }
            .hero-slide1.active .hero-top {
                animation: fadeUp .5s .1s forwards;
            }
            .hero-slide1.active .hero-main {
                animation: fadeUp .5s .25s forwards;
            }
            .hero-slide1.active .hero-bottom {
                animation: fadeUp .5s .4s forwards;
            }
            .hero-slide1 .theme-btn {
                opacity: 0;
                transform: translateY(25px);
            }
            .hero-slide1.active .theme-btn {
                animation: fadeUp .5s .55s forwards;
            }
            @keyframes fadeUp {
                from {
                    opacity: 0;
                    transform: translateY(25px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            @media(max-width:991px) {
                .hero-custom-slider {
                    height: 420px;
                }
                .hero-slide1 {
                    height: 420px;
                    width: 100%;
                }
                .hero-slide1.prev,
                .hero-slide1.next,
                .hero-slide1.hidden-left,
                .hero-slide1.hidden-right {
                    display: none;
                }
                .hero-slide1.active {
                    width: 100%;
                    left: 0;
                }
                .hero-slide1 .hero-content {
                    left: 30px;
                    bottom: 30px;
                }
            }
            .hero-section-2 {
                min-height: 100vh;
            }
            .hero-section-2:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 180px;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
                z-index: 2;
            }
            .hero-2 .theme-btn:hover {
                background: var(--theme);
                box-shadow: 0 12px 35px rgba(251, 91, 50, 0.35);
            }
            .hero-title {
                font-size: clamp(2rem, 7vw, 5rem);
                line-height: 1.1;
                font-weight: 700;
                padding-bottom: 20px;
            }
            .hero-top,
            .hero-bottom {
                display: block;
                font-size: clamp(1.125rem, 2.5vw, 1.75rem);
                font-weight: 500;
                color: #fff;
            }
            .hero-main {
                display: block;
                color: var(--white);
                font-size: clamp(2rem, 4vw, 3.75rem);
                text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
            }
            .theme-dot {
                color: var(--theme);
                -webkit-text-fill-color: var(--theme);
            }
            .hero-2::before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 90%;
                background: linear-gradient(to top, transparent, rgb(0 0 0 / 40%), transparent);
                z-index: 1;
            }
            .hero-2 .hero-bg::before {
                background: linear-gradient(to top, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33), transparent);
                height: 90%;
                top: auto;
                display: none;
            }
            .hero-options {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 16px;
            }
            .hero-option {
                display: flex;
                align-items: center;
                gap: 10px;
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 12px 22px;
                border-radius: 100px;
                background: rgba(255, 255, 255, 0.12);
                border: 1px solid rgba(255, 255, 255, 0.18);
                backdrop-filter: blur(18px);
                color: #fff;
                transition: all .3s ease;
                font-size: 14px;
                font-weight: 400;
            }
            .hero-option:hover {
                transform: translateY(-4px);
                background: rgba(255, 255, 255, 0.22);
            }
            .hero-option i {
                font-size: 18px;
            }
            .hero-options-title {
                margin-top: 40px;
            }
            .hero-btns {
                margin-top: 35px;
            }
            .swiper {
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s ease;
            }
            .swiper-initialized {
                opacity: 1;
                visibility: visible;
            }

            .avp {
                width: 98%;
                margin: 0 auto;
                overflow: hidden;
            }
            .avp-main {
                position: relative;
                min-height:500px;
                height:58vh;
                max-height:650px;
                overflow: hidden;
                border-radius:12px 12px 0 0;
            }
            .avp-main .container{
                height:100%;
            }
            .avp-slide {
                display:flex;
                position: absolute;
                width: 100%;
                inset: 0;
                opacity: 0;
                transition: opacity 0.9s ease;
                background: #e7e7e7;
                will-change:opacity;
                backface-visibility:hidden;
            }
            .avp-slide::before{
                content:"";
                position:absolute;
                inset:0;
                /* background: linear-gradient(90deg, rgba(7,21,30,.72) 0%, rgba(7,21,30,.35) 45%, rgba(7,21,30,.08) 100%); */
                z-index:1;
                pointer-events:none;
            }
            .avp-slide.active {
                opacity: 1;
                pointer-events:none;
            }
            .avp-bg{
                position:absolute;
                inset:0;
                width:100%;
                height:100%;
                object-fit:cover;
                object-position:center;
            }
            .avp-caption {
                position: relative;
                z-index: 2;
                display:flex;
                align-items:center;
                max-width: 650px;
                height:100%;
            }
            .avp-caption > div{
                padding-top:20px;
            }
            .avp-caption>div>* {
                opacity: 0;
                transform: translateY(40px);
                transition: opacity .6s ease, transform .6s ease;;
            }
            .avp-slide.active .avp-caption>div>* {
                opacity: 1;
                transform: none;
            }
            @media (prefers-reduced-motion: reduce){
                .avp-slide,
                .avp-caption > div > *{
                    transition:none;
                }
            }
            .avp-slide.active .avp-ttl {
                transition-delay: 0.1s;
            }
            .avp-slide.active .avp-txt {
                transition-delay: 0.2s;
            }
            .avp-slide.active .avp-btn {
                transition-delay: 0.3s;
            }
            .avp-ctg {
                text-transform: uppercase;
                letter-spacing: 4px;
                font-size: 11px;
                font-weight: 600;
                color: var(--color-accent-light);
                /* color: #F0A96A; */
                margin-bottom: 12px;
                display: block;
            }
            .avp-ttl {
                font-size: clamp(2rem,5vw,3rem);
                font-weight: 700;
                line-height: 1.12;
                color: #fff;
                margin-bottom: 12px;
                text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
            }
            .avp-txt {
                font-size: 1.125rem;
                font-weight: 300;
                color: rgba(255, 255, 255, 0.8);
                line-height: 1.4;
                max-width: 38ch;
                margin-bottom: 30px;
            }
            .avp-btn {
                margin-top:10px;
            }
            .avp-control {
                position: absolute;
                bottom: 50px;
                right: 30px;
                z-index: 5;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 30px;
            }
            .avp-dots {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            .avp-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                border: none;
                padding: 0;
                transition: background-color .3s ease, transform .3s ease;
            }
            .avp-dot.active {
                background: #d71717;
            }
            .avp-arrows {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            .avp-arrow {
                width: 36px;
                height: 36px;
                border-radius: 8px;
                background: rgba(255, 255, 255, 0.16);
                border: none;
                color: #fff;
                font-size: 15px;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: background .2s ease;
            }
            .avp-arrow:hover {
                background: rgba(255, 255, 255, 0.28);
            }
            .avp-arrow:focus-visible,
            .avp-dot:focus-visible{
                outline:2px solid var(--color-white);
                outline-offset:3px;
            }
            .avp-thumbs-vp {
                overflow: hidden;
                background: var(--color-white);
                height: auto;
                margin: 4px 0 0;
            }
            .avp-thumbs-track {
                display: flex;
                gap: 8px;
                transition: transform 0.5s cubic-bezier(.4, 0, .2, 1);
                padding: 4px 0;
            }
            .avp-thumb {
                flex: 0 0 auto;
                width: 16.4%;
                aspect-ratio: 16/9;
                position: relative;
                overflow: hidden;
                cursor: pointer;
                border: none;
                padding: 0;
                transition: transform 0.35s ease;
            }
            .avp-thumb::after {
                content: '';
                position: absolute;
                inset: 0;
                background: rgba(7, 21, 30, 0.60);
                transition: background 0.35s ease;
            }
            .avp-thumb.active::after {
                background: linear-gradient(to top, rgba(7, 21, 30, 0.66), transparent);
            }
            .avp-thumb.active {
                z-index: 2;
            }
            .avp-thumb img{
                position:absolute;
                inset:0;
                width:100%;
                height:100%;
                object-fit:cover;
                object-position:center;
            }
            .avp-thumb-offer {
                position: absolute;
                right: 0;
                top: 0;
                padding: 5px 10px;
                background: #d71717;
                color: #fff;
                font-size: 14px;
                z-index: 1;
            }
            .avp-thumb-body {
                position: absolute;
                inset: 0;
                z-index: 1;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                align-items: flex-start;
                padding: 15px;
                text-align: left;
            }
            .avp-thumb-meta {
                font-size: 14px;
                color: rgba(255, 255, 255, 0.85);
                margin-bottom: 2px;
            }
            .avp-thumb-meta .price {
                color: var(--color-accent-light);
                font-weight: 600;
            }
            .avp-thumb-name {
                font-size: 14px;
                font-weight: 600;
                color: #fff;
                line-height: 1.2;
            }
            @media (max-width: 767px) {
                .avp-control {
                    position: absolute;
                    bottom: 30px;
                    left: 15px;
                    right: 15px;
                    z-index: 5;
                    display: flex;
                    justify-content: space-between;
                    flex-direction: row;
                }
                .avp-dots,
                .avp-arrows {
                    flex-direction: row;
                }
            }
            .contact-from-wrapper {
                border-radius: 0;
            }
            .contact-from-wrapper .contact-right .box-item .form-clt .single-select {
                border-radius: 24px 0 0 24px;
            }
            .contact-from-wrapper .contact-right .box-item .form-clt .theme-btn {
                border-radius: 0 24px 24px 0;
            }

            .about-wrapper-3 .tour-card-item .tour-image.style-3 {
                height: 202px;
            }
            .gallery-grid .tour-card-item .tour-image .tour-content h3 {
                font-weight: 400;
            }
            .tour-section .tour-card-item .tour-image .tour-content h3:hover {
                background: #fd451485;
                padding: 8px;
            }
            .tour-card-item .tour-image,
            .tour-card-item .tour-image.style-2 {
                height: 552px;
            }
            .tour-card-item .tour-image.style-3 {
                height: 274px;
            }
            .tour-section .tour-card-item .tour-image {
                border-radius: 10px;
            }
            .pkg-action {
                display: flex;
                margin-top: 10px;
                border-width: 1px;
                border-style: solid;
                border-color: rgb(221, 221, 221);
                border-image: initial;
                border-radius: 8px;
                padding: 10px;
            }
            .our-services .feature-item {
                position: relative;
                overflow: hidden;
            }
            .our-services .feature-item .feature-content {
                position: relative;
                z-index: 2;
            }
            .our-services .feature-item .heading, .our-services .feature-item p {
                color: var(--color-white);
            }
            .our-services .feature-item {
                position: relative;
                height: 110px;
                overflow: hidden;
                padding: 15px;
                border-radius: 10px;
                background-color: #f5f5f5;
                background-size: cover;
            }
            /* .our-services .feature-item::after {
                content: '';
                position: absolute;
                top: -2px;
                right: 0;
                width: 162px;
                height: 164px;
                background: #fff;
                border-radius: 80px 16px 16px 80px;
            } */
            .our-services .feature-item.item1 {
                /* background: rgb(47 119 112); */
                background: url('../img/offers/holiday_offers_andaman_vacations.jpg');
            }
            .our-services .feature-item.item2 {
                /* background: rgb(53 99 137); */
                background: url('../img/offers/hotel_offers_andaman_vacations.jpg');
            }
            .our-services .feature-item.item3 {
                /* background: rgb(196 133 47); */
                background: url('../img/offers/activity_offers_andaman_vacations.jpg');
            }
            .feature-image {
                position: absolute;
                top: 0;
                right: 0px;
                width: 100%;
                height: 110px;
                /* border-radius: 80px 0 0 80px; */
                overflow: hidden;
                z-index: 1;
            }
            .feature-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .feature-content {
                position: relative;
                width: 60%;
                color: #000;
                z-index: 2;
            }
            .feature-content .heading {
                display: block;
                font-size: 15px !important;
                font-weight: 700;
                line-height: 1.2;
                margin-bottom: 15px;
            }
            .feature-content p {
                margin: 0;
                font-size: 14px;
                line-height: 1.3;
            }
            .discount-amount {
                font-size: 12px;
                border: 1px dashed #1b602b;
                padding: 3px 8px;
                color: #1b602b;
                border-radius: 4px;
                text-transform: uppercase;
                line-height: 18px;
                font-weight: 500;
                text-align: center;
            }
            .mn-wd-85 {
                min-width: 85px;
            }
            .honeymoon.packages {
                background: #53535314;
                border: 1px solid #d5c8c8;
                padding: 25px;
                border-radius: 12px;
            }
            .gradient-border {
                --borderWidth: 2px;border: none !important;background: #f6f6ff !important;position: relative;border-radius: var(--borderWidth);
                
            }
            .gradient-border:after {
                content: '';position: absolute;
                top: calc(-1 * var(--borderWidth));
                left: calc(-1 * var(--borderWidth));
                height: calc(100% + var(--borderWidth) * 2);
                width: calc(100% + var(--borderWidth) * 2);
                background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
                border-radius: calc(6 * var(--borderWidth));
                z-index: -1;
                background-size: 300% 300%;
                animation: animatedgradient 3s ease alternate infinite;
            }
            @keyframes animatedgradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}