h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}
ul{list-style:none}
a{text-decoration:none}


@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Extralight.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Light.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Black.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Thin.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Extrabold.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





body {font-family: "Cabinet Grotesk";}
:root{--vivid-orange:#F67C40;--dark-gray:#262626;--medium-gray:#787878;--light-gray:#F5F5F5;--ultra-light-gray:#FAFAFA;--charcoal-gray: #404040;}


/* =============== UTILITY CLASSES ================ */
.btn-primary{color:#fff;background:var(--vivid-orange);padding:10px 18px;border-radius:40px;font-size:16px;border:1px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;}
.btn-primary:hover{background:#fff;color:var(--vivid-orange);border:1px solid var(--vivid-orange)}
.btn-secondary{color:var(--vivid-orange);background:#fff;padding:10px 18px;border-radius:40px;font-size:16px;border:1px solid var(--vivid-orange);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;}
.btn-secondary:hover{background:var(--vivid-orange);color:#fff}
.btn-solid-orange{color:var(--vivid-orange);background:transparent;padding:10px 18px;border-radius:40px;font-size:16px;border:1px solid var(--vivid-orange);cursor:pointer;display:inline-block}
.section-title{font-size:42px;line-height:1.2;color:var(--dark-gray);font-weight:800}
.section-sub-title{font-weight:700;font-size:16px;color:var(--medium-gray)}
.section-sub-title span{color:var(--dark-gray)}
.section-title span{color:var(--vivid-orange)}
.text-sm{font-size: 14px;line-height: 1.6;}
.text-base{font-size: 16px;line-height: 1.7;color: var(--charcoal-gray);}
.commomn-padding{padding: 80px 0;}
.exists-card-container{margin:30px 0 0}





.top-spacing{margin: 128px 0 0 0;}
.section-header{text-align: center;padding: 0 0 56px 0;}
.hero-gradient{background:linear-gradient(90deg,#FF7F63 0%,#FF5686 119.41%)}
.footer-bottom li a, .hero-gradient-text{background:linear-gradient(90deg,#FF7F63 0%,#FF5686 119.41%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}


.main-title{font-size:60px;line-height:1.2;color: #010101;font-weight: 700;}
.secondary-title{font-size:56px;color: #010101;font-weight: 700;}
.third-title{font-size:36px;color: #010101;font-weight: 700;}
.fourth-title{font-size:28px;color: #010101;line-height: 40px;font-weight: 700;}

.primary-btn{color:#fff;font-size:16px;border-radius:50px;padding:12px 20px;display:inline-block;flex-shrink: 0;}
.secondary-btn{color:#010101;font-size:16px;font-weight: 500;border-radius:50px;padding:12px 20px;display:inline-block;border:1px solid rgba(255,127,99,0.2);}

/* =========== LGBTQ HEADER CSS =========== */
.lgbtq-header{position:absolute;top: 0;left: 0;right:0;z-index: 2;}
.lgbtq-header .middle-nav{background:#fff;border-radius:50px;padding:6px 24px;box-shadow:0 20px 30px 0 #FF56860F}
.lgbtq-header .middle-nav .nav-item .nav-link{font-size:16px;color:#1A1E18}

/* =========== LGBTQ BANNER CSS =========== */
.lgbtq-banner{width:100%;position:relative;height:800px;padding:180px 0 0;z-index: 1;}
.lgbtq-banner .hero-main-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;object-position:bottom}
.hero-bigcontainer{display:flex;align-items:end;justify-content:space-between;gap:40px;text-align:center}
.hero-bigcontainer .main-title{max-width:680px;line-height: 62px;margin-bottom: 8px;font-weight:700;}
.lgbtq-banner .secondary-image{max-width:180px;height:250px;object-fit:cover;border-radius: 16px;}
.lgbtq-banner .hero-smallcontainer {display: flex;align-items: center;justify-content: space-between;margin: 32px 0 0 0;}
.float-img { animation: floatImage 2.5s ease-in-out infinite;width: 80px;}
.lgbtq-banner .hero-smallcontainer .arrow-left {position: relative;left: -60px; }
.lgbtq-banner .hero-smallcontainer .float-arrow {display: inline-block;animation: floatArrow 2.5s ease-in-out infinite;transform-origin: center;}
.lgbtq-banner .scroll-circle {position: absolute;left: 50%;bottom: -70px;transform: translateX(-50%);width: 150px;height: 150px;}
.lgbtq-banner .circle-image{ width:100%; height:100%; display:block; animation:rotate 10s linear infinite; -webkit-animation:rotate 10s linear infinite; }
.lgbtq-banner .mouse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:42px;border:2px solid #ff6f61;border-radius:20px;display:flex;align-items:flex-start;justify-content:center}
.lgbtq-banner .wheel{display:block;width:4px;height:8px;background:#010101;border-radius:2px;margin-top:6px;animation:scroll 1.5s infinite}


/*============= TRAVEL REASON SECTION CSS ============ */
.travel-reason .slider-container .slider-card .icon-circle{ width: 100px; height: 100px; background: #fff; border-radius:50%;display: flex;justify-content: center;align-items: center;}
.travel-reason .rainbow {position: absolute;top: 0;right: 0px;transform: rotate(90deg);}
.rainbow{width: 160px;}
.rainbow img{width: 100%;}
.slider-card{padding: 40px 32px;display: flex;justify-content: center;align-items: center;flex-direction:column;text-align:center;border-radius: 24px;gap: 24px;height: 100%;}
.bg-pink{background: linear-gradient(154.68deg, #FFF2F4 2.45%, #FFD3DC 117.77%);}
.bg-green{background: linear-gradient(157.53deg, #F8FFEB 1.43%, #F1FAE2 85.37%);}
.bg-blue{background: linear-gradient(157.53deg, #F0EFFF 1.43%, #E3E1F8 85.37%);}
.travel-reason{padding: 120px 0 0 0;position: relative;}
.cap-image { position: absolute; left: 0; top: 40px;animation: floatImage 2.5s ease-in-out infinite;}
.slider-container {position: relative;z-index: 2; }
.dotted-line {position: absolute;top: 120px;left: 0;transform: translate(-50%, -50%);z-index: 1;pointer-events: none;animation: floatArrow 2.5s ease-in-out infinite;right: 0;margin: auto;text-align: center;}
.dotted-line img {width: 100%;}

/*============= EXPLORE SEC CSS ============ */
.explore-sec {position: relative;overflow: hidden;padding: 100px 0 0 0;border-top-right-radius: 100px;}
.explore-sec::before { content: ""; position: absolute;top: 0;left: 0;width: 100%;height: 80%;background: linear-gradient(142.56deg, #FFF4F2 0.48%, #FFE5EA 100.23%);z-index: -1;}
.explore-slider-container .lgbtq-section-header {display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap; text-align: left;}
.explore-slider-container .lgbtq-section-header h2{width: 50%;}
.swiper-wrapper {display: flex;}

.explore-slider-card {border: 1px solid #FFEEF1;box-shadow: 0px 0px 100px 0px #FDEDEE;padding: 16px;border-radius: 24px;display: flex;flex-direction:column;gap: 12px;background: #fff;}
.explore-slider-container .explore-slider-card img {width: 100%;height: 235px;object-fit: cover;border-radius: 16px;}
.slider-arrow-box button{border:1px solid #FF7F6326;box-shadow:0 20px 30px 0 #FF56861A;width:48px;height:48px;border-radius:50%;background:transparent;color:#010101;transition:background .3s ease,color .3s ease,border-color .3s ease}
.slider-arrow-box button:hover{background:linear-gradient(90deg,#FF7F63 0%,#FF5686 119.41%);color:#fff;border-color:transparent}
.explore-sec .cloud {position: absolute;right: 100px;top: 40px;}
.explore-sec .cap {position: absolute;right: 30%;}
.explore-sec  .rainbow {position: absolute;top: 0;}


/* ============ CTA SEC CSS ============ */

.cta-plane-1{position:absolute;left:0;top:60%;transform:translateY(-50%) scale(1);animation:floatScale 4s ease-in-out infinite}
.cta-plane-2{position:absolute;right:0;top:60%;transform:translateY(-50%) scale(1);animation:floatScale2 4s ease-in-out infinite}
.cta-box{padding:60px 20px;border-radius: 32px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow: 0px 30px 60px 0px #61253629;}
.cta-title{font-size:52px;margin-bottom:12px;font-weight:600}
.cta-subtitle{font-size:18px;margin-bottom:28px;}
.cta-btn{display:inline-block;background:#fff;padding:12px 20px;border-radius:50px;font-weight:500;text-decoration:none;transition:all .3s ease;font-size: 16px;}
.cta-cloud{position:absolute;top:28px;left:50%;transform:translateX(-50%);font-size:22px;}
.cta-palm {position: absolute;left: 100px;bottom: 0;}

    @keyframes rotate {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
    }
    @keyframes scroll {
    0%{opacity:0;transform:translateY(0)}
    50%{opacity:1}
    100%{opacity:0;transform:translateY(10px)}
    }


    @keyframes floatImage {
    0%   { transform: translateY(0) rotate(0deg); }
    50%  { transform: translateY(-15px) rotate(-1.5deg); }
    100% { transform: translateY(0) rotate(0deg); }
    }

    @keyframes floatArrow {
    0%   { transform: translateY(0) rotate(0deg); }
    50%  { transform: translateY(8px) rotate(4deg); }
    100% { transform: translateY(0) rotate(0deg); }
    }
    @keyframes bounceCap {
        0%   { transform: translateY(-30px); opacity: 0; }
        60%  { transform: translateY(10px); }
        100% { transform: translateY(0); opacity: 1; }
    }

    @keyframes floatScale {
    0%   { transform: translateY(-50%) scale(1); }
    50%  { transform: translateY(-50%) scale(1.08); }
    100% { transform: translateY(-50%) scale(1); }
    }
    @keyframes floatScale2 {
    0%   { transform: translateY(-50%) scale(1); }
    50%  { transform: translateY(-50%) scale(1.08); }
    100% { transform: translateY(-50%) scale(1); }
}

@keyframes smoothInject {
  0% {
    transform: translateY(-25px) scale(1);
    opacity: 0;
  }
  30% {
    transform: translateY(4px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-2px) scale(0.98);
  }
  70% {
    transform: translateY(2px) scale(1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}
/* ============== REVIEW SEC CSSS ============= */
.testimonial-card{padding:24px 26px;border:1.5px solid #FF7F63;border-radius:18px;background:#fff;position:relative;}
.testimonial-header{display:flex;align-items:center;gap:14px}
.testimonial-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}
.testimonial-user h4{font-size:24px;color:#010101}
.testimonial-body .quote {position: absolute;top: 12px;right: 30px;font-size: 46px;color: #FFE5EA;}


/*=================== FOOTER FIRST CSS ================ */
.footer-first{background:url(../images/footer-bg.png);background-position:center;background-size:cover;padding:250px 0 0;color:#010101;margin-top:-170px}
.footer-first .footer-container{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 0 50px;position: relative;}
.footer-first .footer-icon {position: absolute;top: 0;right: 0;animation: smoothInject 2.4s ease-in-out infinite;transform-origin: top center;}
.footer-first .footer-left{max-width:420px}
.footer-first .footer-logo{width:160px;margin-bottom:20px}
.footer-first .footer-text{margin-bottom:25px}
.footer-first .footer-socials{display:flex;gap:14px}
.footer-first .footer-socials li a{width:44px;height:44px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}
.footer-first .footer-socials li a img{width:20px}
.footer-first .footer-nav ul{display:flex;gap:30px;margin-bottom:30px}
.footer-first .footer-nav a{color:#1A1E18;font-size:16px}
.footer-first .foote-input-box{display:flex;align-items:center;gap:16px}
.footer-first .footer-input{background:#fff;border-radius:40px;display:flex;align-items:center;padding:13px 18px;width:400px;gap:10px}
.footer-first .footer-input input{border:none;outline:none;width:100%}
.footer-first .footer-container .fourth-title{margin:0 0 16px}
.footer-first .copy-right{display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap-reverse;gap:10px}
.footer-bottom{padding:24px 0;border-top:1px solid #D0D0A3}
.scrollTopBtn {position: fixed;bottom: 30px;right: 30px;width: 48px;height: 48px;border-radius: 50%;border: none;display: none;align-items: center;justify-content: center;transition: all .3s ease;z-index: 999;}
.scrollTopBtn:hover {transform: translateY(-4px);}
.footer-first .copy-right p {font-size: 16px;}
.footer-first .footer-animate-icon {animation: pulseGlow 2.5s ease-in-out infinite;position: absolute;right: 0;top: 0;}

@keyframes pulseGlow {
    0% {
        transform: scale(1);
       
    }
    50% {
        transform: scale(1.08);
       
    }
    100% {
        transform: scale(1);
      
    }
}






/*===========================*/





/* ================= HEADER2 CSS ================= */
.header-2{max-width:972px;margin:0 auto;background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0 14px 54px 0 #00000040;position:absolute;top:0;left:0;right:0;z-index:9}
.header-2 .navbar .nav-item .nav-link{font-size:14px;color:var(--dark-gray);font-weight:500;line-height:24px;padding-inline:12px}
.header-2 .navbar .nav-item .nav-link.social-logos{border:1px solid #0000001A;height:40px;width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--ultra-light-gray)}
.header-2 .navbar .nav-item .nav-link.social-logos img{width:20px}

/* ============= BANNER-TWO SEC CSS ============== */
.banner-two{position:relative;width:100%;height:630px;overflow:hidden}
.banner-two .main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.banner-two .container{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:end}
.banner-two .hero-content{color:var(--dark-gray);justify-content:end;max-width:650px}
.banner-two .hero-content h1{font-size:56px;font-weight:800;color:#fff;line-height:66px}
.banner-two .hero-content p{font-size:18px;line-height:1.5;color:#fff;font-weight:600;margin:10px 0 15px}
.banner-two .hero-buttons{display:flex;gap:15px;align-items:center;flex-wrap:wrap}

/* ============= PLACE SEC CSS ============== */
.place-sec .place-container{display:flex;flex-wrap:wrap}
.place-sec .place-card{flex:0 0 33%;padding:50px 35px;text-align:center}
.place-sec .place-card:nth-child(1),.place-card:nth-child(3){background-color:var(--light-gray)}
.place-sec .place-card:nth-child(2){background-color:#fff}
.place-sec .place-card h2{font-weight:800;font-size:24px;line-height:32px;color:var(--dark-gray);margin:10px 0}
.place-sec .place-card p,.place-card span{font-weight:400;font-size:14px;line-height:21px;color:var(--medium-gray)}
.place-sec .place-card p{margin:20px 0}


/* ============== EXPLORE SEC CSS ============== */
.explore-sec .image-grid-col{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,250px)}
.explore-sec .gallery-left{grid-column:1 / 2;grid-row:1 / 3}
.explore-sec .gallery-center-top{grid-column:2 / 3;grid-row:1 / 2}
.explore-sec .gallery-center-bottom{grid-column:2 / 3;grid-row:2 / 3}
.explore-sec .gallery-right{grid-column:3 / 4;grid-row:1 / 3}
.explore-sec .grid-item{position:relative;overflow:hidden}
.explore-sec .grid-item img{width:100%;height:100%;object-fit:cover;display:block}
.explore-sec .gallery-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.explore-sec .gallery-content h2{font-size:28px;margin:0 0 15px;font-weight:800}
.explore-sec .gallery-content .btn-primary{font-size:13px;padding:8px 16px;}

/* =============== TRAVEL GUIDE SEC CSS ============== */
.travel-guide-sec{padding:100px 30px}
.travel-guide-sec .travel-guide-wrap{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;position:relative}
.travel-guide-sec .img-box .img-1{transform:rotate(6deg);height:435px;margin:0 0 0 -100px}
.travel-guide-sec .img-box .img-2{transform:rotate(-6deg);margin-left:-73px;height:535px}
.travel-guide-sec .img-box img{border:11px solid #FFF;box-shadow:0 4px 24px 0 #00000026;width:50%;height:100%;object-fit:cover;object-position:top}
.travel-guide-sec .travel-content .small-title{font-size:18px;letter-spacing:1px;color:var(--dark-gray);font-weight:800;margin:0 0 10px;display:inline-block}
.travel-guide-sec .travel-content p{font-size:16px;line-height:1.5;color:var(--medium-gray);margin:14px 0 0}
.travel-guide-sec .travel-quote{font-size:28px;font-weight:800;color:var(--dark-gray);position:absolute;margin:35px 0 0}


/* ============= DESTINATION SEC CSS ================= */
.destinations{position:relative;padding:80px 0 200px;z-index:1;background-image:url(../images/destination-bg.png);background-size:cover;background-position:bottom 0 center;background-repeat:no-repeat}
.destinations .tabs-container .nav-tabs {display: flex;justify-content: center;flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;scrollbar-width: none; margin:20px 0 45px   }
.destinations .tabs-container .nav-tabs::-webkit-scrollbar { display:none;}
.destinations .tabs-container .nav-link{border-radius:40px;font-size:16px;padding:10px 18px;color:var(--medium-gray);font-weight:600}
.destinations .tabs-container .nav-link.active{color:#fff;background:var(--vivid-orange)}
.destinations .map-card{text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px}
.destinations .map-card img{width:100%;height:230px;object-fit:contain;object-position:top}
.destinations .map-card h3{font-weight:800;font-size:24px;color:var(--dark-gray);line-height:34px}
.destinations .map-card p{font-weight:700;font-size:18px;color:var(--medium-gray);margin:5px 0 15px}

/* =============== EXISTS SEC CSS ============== */
.exists-sec .insight-card{background:#fff;border-radius:10px;padding:20px;text-align:center;border:1px solid #F0F0F0;transition:all .3s ease;height:100%;cursor:pointer}
.exists-sec .insight-card:hover{box-shadow:0 0 64px 0 #0000001A;transform:scale(1.0)}
.exists-sec .insight-icon{width:70px;height:70px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.exists-sec .insight-icon img{width:100%;height:auto}
.exists-sec .insight-card h3{font-size:18px;font-weight:900;margin:10px 0;color:var(--dark-gray)}
.exists-sec .insight-card p{font-size:14px;line-height:21px;color:var(--medium-gray)}
.exists-sec .plane-shape{position:absolute;right:80px;top:-50px;animation:planeFloat 6s ease-in-out infinite;width:100px;height:100px}
.exists-sec .plane-shape img{width:100%;height:100%}
@keyframes planeFloat {
0%{transform:translate(0,0) rotate(0deg)}
25%{transform:translate(-10px,6px) rotate(2deg)}
50%{transform:translate(-20px,-4px) rotate(-2deg)}
75%{transform:translate(-10px,4px) rotate(1deg)}
100%{transform:translate(0,0) rotate(0deg)}
}
/* ============== ADVENTURE SEC CSS ============= */
.adventure-sec{background:url(../images/adventure-bg.png);position:relative;padding:200PX 0 80px;z-index:1;background-size:cover;background-position:top 0 center;background-repeat:no-repeat}
.adventure-sec .swiper{width:100%;margin:30px 0 0}
.adventure-sec .swiper-slide{width:320px!important;text-align:center;font-size:18px;background:transparent;display:flex;flex-direction:column}
.adventure-sec .swiper-slide img{width:100%;height:500px;object-fit:cover;display:block}
.adventure-sec .swiper-slide h3{margin-top:14px;font-size:20px;font-weight:600;color:var(--dark-gray)}

/* ============== CATOGERY SEC CSS =============== */
.catogery-sec{padding:80px 0}
.catogery-sec .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.catogery-sec .catogery-content p{font-size:16px;line-height:1.5;color:var(--medium-gray);margin:10px 0 0}
.catogery-sec .category-grid .box{border:1px solid #0000001A;padding:20px;text-align:center;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:5px}
.catogery-sec .category-grid .box h3{font-weight:700;font-size:18px;line-height:28px;color:#000}
.catogery-sec .category-grid .box p{font-weight:500;font-size:14px;line-height:21px;color:var(--medium-gray)}

/* ============= NEWSLETTER SEC CSS ============= */
.newsletter-sec{background:url(../images/para-01.png);display:flex;justify-content:center;align-items:end;padding:55px;height:560px;position:relative;overflow: hidden;}
.newsletter-sec .top-logo{width:180px;height:80px;background:#fff;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:absolute;top:0}
.newsletter-sec .top-logo img {width: 80%;height: 80%;}
.newsletter-sec .newsletter-container{border:1px solid #FFF;backdrop-filter:blur(5px);padding:30px;width:100%;border-radius:10px;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:20px}
.newsletter-container .social-items a{border:1px solid #0000001A;height:40px;width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--ultra-light-gray)}
.newsletter-sec .newsletter-container .social-items a img{width:20px}
.newsletter-sec .socila-box{display:flex;align-items:center;gap:10px}
.newsletter-sec .socila-links a{color:#fff;font-size:16px}
.newsletter-sec .footer-newsletter-wrap{position:relative;max-width:530px}
.newsletter-sec .footer-newsletter-wrap h3{font-size:24px;font-weight:700}
.newsletter-sec .footer-newsletter-wrap p{margin-bottom:10px}
.newsletter-sec .footer-form{display:flex;align-items:center;border-radius:40px;overflow:hidden}
.newsletter-sec .footer-form svg{flex-shrink:0;width:22px;height:22px;margin-inline:10px}
.newsletter-sec .input-container{background: #fff;padding: 17px 0;flex: 1;}
.footer-form input{flex:1;border:none;outline:none;padding:0;font-size:14px}
.newsletter-sec .footer-form button{border:none;background:var(--vivid-orange);color:#fff;padding:17px 20px;cursor:pointer}
.newsletter-sec .footer-note{display:block;margin-top:8px;font-size:13px;}
.newsletter-sec .newsletter-right {border-left: 1px solid #fff;padding-left: 25px;}
.left-images {position: absolute;left: 0;bottom: 0;z-index: 99;}
.newsletter-sec .left-images  .left-img-2 {position: absolute;bottom: -31%;transform: rotate(6deg);left: 0%;height: 300px;}
 .newsletter-sec .left-images .left-img-1 {position: relative;transform: rotate(-12deg);left: -23%;height: 350px;}
.newsletter-sec .newsletter-left {margin-left: 200px;}

/* ============= LANDING PAGE 3 CSS =============== */
/* ============ HERO3 SEC CSS =============== */
.banner-three { padding: 80px 0 0; position: relative;height: 720px;}
.hero-buttons {display: flex;gap: 15px;align-items: center;flex-wrap: wrap;}
.banner-three .hero-right-image1 img { width: 100%; height: 100%; object-fit: cover;}
.banner-three .container{position:relative;z-index:2}
.banner-three .hero-left p{margin: 10px 0 15px;}
.banner-three .hero-left-image{position:absolute;left:0;top:0;width:55%;height:100%;overflow:hidden;border-top-right-radius:40px;border-bottom-right-radius:64px}
.banner-three .hero-right-image{position:absolute;right:0;top:0;width:50%;height:100%;z-index:-1}
.banner-three .hero-left-image .hero-left-bg,.banner-three .hero-right-image .hero-right-bg{width: 100%;height: 100%;object-fit: cover;object-position: top;}
/* ============   HEADER-3 CSS =========== */

.header-3 .navbar .nav-item a{font-size:16px;color:var(--dark-gray);font-weight:500;line-height:24px;padding-inline:12px}
.header-3 .navbar .nav-item a.social-logos{border:1px solid #0000001A;background: #fff; height:40px;width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.header-3 .navbar .nav-item a.social-logos img{width:20px}

/* ============== FEATURE CARD CSS ================ */
.feature-card{background:#fff;padding:30px 25px;border-radius:16px;box-shadow:0 8px 30px #0000000d;transition:.3s ease}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px #00000014}
.feature-card img{width:60px;height:auto}
.feature-card h3{font-size:18px;font-weight:700;color:var(--dark-gray);margin-bottom:10px}

/* ============= BEST MEMORIES SEC CSS ============== */
.best-memories-sec .section-header{max-width: 1145px;margin-inline: auto;}
.best-memories-sec .best-memories-banner{ width: 100%; height: 500px; object-fit: cover; border-radius:20px;}

/* ============= FAMILY HERO SEC CSS ============== */
.family-hero-content{max-width:650px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.family-hero-content h3{font-weight:800;font-size:28px;line-height:36px;color:var(--dark-gray);margin:40px 0 0}
.family-img-1{position:absolute;top:0;left:0;height:245px;max-width:325px;width:100%;border-radius:20px;overflow:hidden}
.family-img-3{position:absolute;top:0;right:0;height:307px;max-width:355px;width:100%;border-radius:20px;overflow:hidden}
.family-img-4{position:absolute;bottom:0;right:150px;height:243px;max-width:245px;width:100%}
.family-img-2{position:absolute;bottom:0;left:150px;height:317px;width:272px}
.family-img-1 img,.family-img-2 img,.family-img-3 img,.family-img-4 img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.family-main-image{width:100%;border-radius:10px;height:350px;object-fit:cover;object-position:top}

/* ================ TOP PLACE SEC CSS ============== */
.top-places-sec .top-places-container{background:#203E60;padding:80px;border-radius:20px}
.destination-header-left h3,.destination-header-left h4{font-size:32px;font-weight:800}
.happy-families{display:flex;align-items:center;gap:10px;margin:20px 0}
.avatars img{width:50px;height:50px;border-radius:50%;border:2px solid #1f3d5c;margin-left:-20px}
.destination-header-right .section-title{font-size:78px;font-weight:900;line-height:92px;padding-left: 60px;}
.destination-box{background:#19304B;padding:20px;border-radius:20px;text-align:center;height:425px;}
.destination-box img{width:100%;height: 90%;border-radius:16px;display:block;object-fit: cover;}
.destination-box h5{color:#fff;margin-top:12px;font-size:21px;font-weight:600;}
.top-places-sec .slider-arrow-container .swiper-prev {position: absolute;left: -50px;top: 50%;z-index: 99;}
.top-places-sec .slider-arrow-container .swiper-next {position: absolute;right: -50px;top: 50%;z-index: 99;}
.slider-arrow-container button{width:45px;height:45px;border-radius:50%;background:var(--vivid-orange);border:1px solid var(--vivid-orange);color:#fff;display:flex;justify-content:center;align-items:center;box-shadow: 0px 20px 30px 0px #FF56861A;transition:all .3s ease}
.slider-arrow-container button:hover{background:transparent;color:var(--vivid-orange)}

/* ============== REVIEW SEC CSS =============== */
.review-sec .testimonial-card{padding:24px 26px;border:1.5px solid #FF7F63;border-radius:18px;background:#fff;position:relative;}
.review-sec .testimonial-header{display:flex;align-items:center;gap:14px}
.review-sec .testimonial-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}
.review-sec .testimonial-user h4{font-size:24px;color:var(--dark-gray);font-weight: 800;}
.review-sec .testimonial-body .quote {position: absolute;top: 12px;right: 30px;font-size: 46px;color: #FFE5EA;}
.review-sec  .review-carousel {max-width: 1500px;margin-left: auto;overflow: hidden;}


/* ============= LANDING PAGE4 CSS =============== */   

/* ========== BANNER FOUR CSS ========== */
.container-fluid{padding-inline:30px}
.banner-four .banner-inner{position:relative;border-top-right-radius:20px;border-top-left-radius:20px;overflow:hidden;height:650px;display:flex;align-items:center;padding:0 50px}
.banner-four .banner-4-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-1}
.banner-four .banner-4-bottom{position:absolute;bottom:-1px;left:0;width:100%;height:100px}
.banner-four .hero-container{max-width:580px}

/* ================= FEATURE-CARD-CONTAINER CSS =============== */
.feature-card-container .feature-card{background: var(--light-gray);box-shadow: none;}
.feature-card-container .icon-section-bg {position: absolute;bottom:0;left:0;z-index: -7;width: 100%;height: 970px;object-fit: cover;}

/* ================= COUPLE HERO SECTION CSS =============== */
.couple-hero .family-hero-content{max-width: 100%;padding: 0;}
.couple-hero .section-title{max-width: 600px;}
.couple-hero  .family-hero-content h3 span{color:var(--vivid-orange);}
.couple-hero img{width: 100%;height: 300px;object-fit: cover;object-position: top;}
.couple-hero .couple-hero-img-1{border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.couple-hero .couple-hero-img-2{border-top-left-radius: 20px;border-bottom-left-radius: 20px;}

/*=================== FOOTER CSS ================ */
.footer-three footer{background:url(../images/footer-bg.png);background-position:center;background-size:cover;padding:250px 0 0;color:#010101;margin-top:-170px}
.footer-three .footer-container {padding: 30px;position: relative;backdrop-filter: blur(4px);border-radius: 20px;background: rgba(255, 255, 255, 0.8);}
.footer-three .footer-icon {position: absolute;top: 0;right: 0;animation: smoothInject 2.4s ease-in-out infinite;transform-origin: top center;}
.footer-three .footer-left{max-width:420px}
.footer-three .footer-logo{width:160px;margin-bottom:20px}
.footer-three .footer-text{margin-bottom:25px}
.footer-three .footer-container h6{font-size: 24px;color: var(--dark-gray);font-weight: 700;margin: 0 0 10px;}
.footer-three .footer-socials{display:flex;gap:14px}
.footer-three .footer-socials li a{width:44px;height:44px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}
.footer-three .footer-socials li a img{width:20px}
.footer-three .footer-nav ul{display:flex;gap:30px;margin-bottom:30px}
.footer-three .footer-nav a{color:var(--charcoal-gray);font-size:16px;}
.footer-three .foote-input-box{display:flex;align-items:center;gap:16px}
.footer-three .footer-input{border-radius:40px;display:flex;align-items:center;padding:13px 18px;width:400px;gap:10px;border: 1px solid #C4C4C4;background: #F2F2F2;backdrop-filter: blur(4px)}
.footer-three .footer-input input{border:none;outline:none;width:100%;background: transparent;}
.footer-three .footer-container .fourth-title{margin:0 0 16px}
.footer-three .copy-right{display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap-reverse;gap:10px}
.footer-three .footer-bottom{width: 100%;padding:24px 0 0 0;margin: 40px 0 0 0;border-top:1px solid #D0D0A3}
.footer-three .scrollTopBtn {position: fixed;bottom: 30px;right: 30px;width: 48px;height: 48px;border-radius: 50%;border: none;display: none;align-items: center;justify-content: center;transition: all .3s ease;z-index: 999;}
.footer-three .scrollTopBtn:hover {transform: translateY(-4px);}
.footer-three .copy-right p {font-size: 16px;}
.footer-bottom-grass {position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;background-image: url(/images/bottom-grass.png);background-repeat: repeat-x; background-position: bottom;background-size: auto 100%; }
.footer-four .footer-container {background:#F8F6F5;}

/* ============= REVIEW TRAVEL SEC CSS =========== */
.review-sec.travller-sec{position:relative;overflow:hidden;display:flex;align-items:end;min-height:770px;padding:0 0 80px;margin:80px 0 0}
.review-sec.travller-sec .review-carousel{position:relative;z-index:99;max-width:95%}
.review-sec.travller-sec .traveller-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;object-position:top}

/* =============== COUPLE-FRIENDLY-DESTINATIONS ============= */
.travel-card{background:#fff;border-radius:24px;padding:16px;border:1px solid #FFEEF1;}
.travel-card-img{width:100%;border-radius:16px;object-fit:cover;height:290px;object-position:top;}
.travel-card-body h4{font-size:21px;font-weight:600;margin:20px 0 5px;color:var(--charcoal-gray)}

/* ============= MEDIA QUERIES =========== */
@media(max-width:1440px) {

    /* =============== TRAVEL GUIDE SEC CSS ============= */
    .travel-guide-sec.travel-guide-wrap { gap: 0px;}
    .travel-guide-sec .img-box img {width: 55%;}

    /* ============= FAMILY HERO SEC CSS ============== */
    .family-img-2 {left: 100px;}
    .family-img-4 {right: 100px;}
    .review-sec  .review-carousel {max-width: 1300px;}
}

@media(max-width:1024px) {
    .main-title { font-size: 48px; }
    .secondary-title { font-size: 42px; }
    .third-title { font-size: 24px; }
    /* ============ HERO SEC CSS =========== */
    .banner-three {height: 540px;}

    /* =============== TRAVEL GUIDE SEC CSS ============= */
    .travel-guide-sec .img-box img {width: 60%}
    .left-images {display: none;}

    /* ============= NEWSLETTER SEC CSS ============= */
    .newsletter-sec .newsletter-left {margin-left: 0;}
    .newsletter-sec .newsletter-right {border-left: 0;padding-left: 0;}

    /* =============== TRAVEL GUIDE SEC CSS ============= */
    .destinations .tabs-container .nav-tabs{justify-content: start;}

    /* ============= FAMILY HERO SEC CSS ============== */
    .family-img-1 {height: 170px;max-width: 200px;}
    .family-img-3 {max-width: 180px;}
    .family-img-2 {left: 10px;height: 200px;width: 150px;}
    .family-img-4 {right: 10px;height: 170px;max-width: 165px;}

    /* ================ TOP PLACE SEC CSS ============== */
    .destination-box{height: 380px;}
}

@media(max-width:991px) {

    /*============= FIRST PAGE CSS START ============== */
     .main-title { font-size: 34px; }
    .secondary-title { font-size: 30px; }
    .top-spacing {margin: 60px 0 0 0;}
    p{ font-size: 16px; }
   /* =========== LGBTQ HEADER CSS =========== */
    .lgbtq-header .middle-nav {background: transparent;padding: 0 0;box-shadow: none;}
    .lgbtq-header .navbar-collapse{padding:20px;border-radius:10px;background:linear-gradient(0deg,#FCF8F5,#FCF8F5),linear-gradient(0deg,#FEFFF6,#FEFFF6);box-shadow:0 20px 30px 0 #FF56860F}
    /* =========== LGBTQ BANNER CSS =========== */
    .lgbtq-banner .hero-bigcontainer {gap: 0;}
    .lgbtq-banner {width: 100%;position: relative;height: 615px;padding: 120px 0 0;}
    .lgbtq-banner .secondary-image {max-width: 220px;height: 250px;object-fit: cover;}
    .lgbtq-banner .hero-smallcontainer .secondary-image {display: none;}
    .lgbtq-banner .hero-bigcontainer .main-title{line-height:40px;}
    .lgbtq-banner .hero-smallcontainer {justify-content: center;margin-top: 20px;}
    .lgbtq-banner .scroll-circle {width: 100px;height: 100px;bottom: -55px;}

    /* ============ CTA SEC CSS ============ */
    .cta-title{font-size:34px}
    .cta-box{padding:60px 20px;border-radius:26px}
    .cta-plane-1, .cta-plane-2 {width: 200px;}
    .cta-plane-1 img, .cta-plane-2 img {width: 100%;}
    /*=================== FOOTER FIRST CSS ================ */
    .footer-first .foote-input-box {flex-direction: column;}
    .footer-first .footer-left { max-width: 300px;}
    .footer-first .foote-input-box .primary-btn{width: 100%;padding: 15px 20px;text-align: center;}
    .footer-first .footer-input {width: 100%;}
    .footer-first .footer-text,.footer-nav ul{margin: 0;}

    .section-title {font-size: 32px;}
    /* ================= HERO SEC CSS ================= */
    .banner-two .main-image {object-position: left;}

    /* ============ HEADER-3 CSS =========== */
    .header-3 .mobile-collapse {background: #fff;border-radius: 10px;padding:10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position: absolute;top: 100%;left: 0;right: 0;z-index: 99;margin:0 16px;}
    
    /* ============ HERO3 SEC CSS =========== */
    .banner-three {height: 450px;}

    /* ============ PLACE SEC CSS ============= */
    .place-sec .place-card {flex: 0 0 50%;}


    /* =============== TRAVEL GUIDE SEC CSS ============= */
    .travel-guide-sec .travel-guide-wrap {grid-template-columns: 1fr;gap: 25px;}
    .travel-guide-sec .travel-quote {position: static;transform: translate(0);}
    .travel-guide-sec .img-box{display: flex;}
    .travel-guide-sec .img-box .img-2 {margin-left: 0;height: 350px;width: 50%;}
    .travel-guide-sec .img-box .img-1 {height: 350px;margin: 0 0 0 0;width: 50%;}
    
    /* ============= BEST MEMORIES SEC CSS ============== */
    .best-memories-sec .best-memories-banner{ width: 100%; height: 300px;}

    /* ============= FAMILY HERO SEC CSS ============== */
    .family-img-1,.family-img-3,.family-img-2,.family-img-4{display: none;}
    .family-hero-content  h3 {margin: 0 0 0 0;}
    .family-hero-content {gap: 10px;padding: 0 16px;}


    /* ================ TOP PLACE SEC CSS ============== */
    .top-places-sec .top-places-container{padding:50px;}
    .destination-header-left h3,.destination-header-left h4{font-size:28px;}
    .destination-header-right .section-title{font-size:48px;line-height:60px;padding-left: 0;}
    .top-places-sec .swiper-arrow-container button{display: none;}

    /* ============== REVIEW SEC CSS =============== */
    .review-sec  .review-carousel { padding: 0 0 0 36px;}

    /* ========== BANNER FOUR CSS ========== */
    .banner-four .banner-inner{height:450px;}
    /* ================= COUPLE HERO SECTION CSS =============== */

    .couple-hero .couple-hero-img-1{ border-radius:20px;}
    /* ============= REVIEW TRAVEL SEC CSS =========== */

    .review-sec.travller-sec{min-height:570px;}
    .review-sec.travller-sec .review-carousel{max-width:100%}

    /*=================== FOOTER CSS ================ */
    .footer-three .foote-input-box {flex-direction: column;align-items: start;}
    .footer-three .footer-left { max-width: 300px;}
    .footer-three .foote-input-box .primary-btn{width: 100%;padding: 15px 20px;text-align: center;}
    .footer-three .footer-input {width: 100%;}
    .footer-three .footer-text,.footer-nav ul{margin: 0;}
    .footer-three .footer-container {padding: 20px;}
    .footer-three .footer-nav ul {margin-bottom: 10px;}
}
@media(max-width:767px) {
    /* ============ FIRST PAGE CSS =============== */
    .main-title { font-size: 28px; }
    .secondary-title { font-size: 28px; }
    .primary-btn,.secondary-btn {font-size: 14px;padding: 8px 20px;}
    .lgbtq-section-header {padding: 0 0 36px 0;}
    .slider-arrow-box { display: none;}
    .section-header { text-align: center; padding: 0 0 26px 0;}
   /* =========== LGBTQ HEADER CSS =========== */
    .lgbtq-header .middle-nav .nav-item .nav-link {padding: 5px 0;}
    .lgbtq-banner .secondary-image {display: none;}
    .lgbtq-banner {height: 480px;}
    /* =========== LGBTQ BANNER CSS =========== */
    .lgbtq-banner .hero-bigcontainer .main-title {line-height: 36px;}
    .float-img, .arrow-left {display: none;}
    .lgbtq-banner .scroll-circle {width: 80px;height: 80px;bottom:-45px;}
    .lgbtq-banner .mouse {width: 18px;height: 36px;}
    /*============= EXPLORE SEC CSS ============ */
    .explore-sec {padding: 50px 0 0 0;border-top-right-radius: 0;}
    .slider-arrow-box .swiper-prev1,.slider-arrow-box .swiper-next1{display: none;}
    .explore-slider-container .lgbtq-section-header h2 {width: 90%;text-align: center;}
    .explore-slider-container .explore-slider-card img {height: 180px;}

    /*============= TRAVEL REASON SECTION CSS ============ */
    .travel-reason {padding: 80px 0 0 0;}
    .travel-reason .slider-container .slider-card .icon-circle{width: 60px;height: 60px;}
    .travel-reason .slider-container .slider-card .icon-circle img{width:24px;}
    .slider-card { gap: 10px;}
    .rainbow{width: 80px;}
    .slider-card,.testimonial-card{padding: 20px;}
    /* ============ CTA SEC CSS ============ */
    .cta-title{font-size:28px}
    .cta-box{padding:20px 20px;border-radius: 10px;}
    .cta-subtitle { font-size: 16px;margin-bottom: 10px;}
    .cta-palm,.cta-plane-1,.cta-plane-2{display: none;}
    .cta-btn{font-size:14px;}
    /*============= FOOTER CSS =============*/
    .footer-first {padding: 150px 0 0 0;margin-top: -100px;}
    .footer-first .footer-container {flex-wrap: wrap;gap: 10px;padding: 0 0 24px 0;}
    .footer-first .footer-container .fourth-title { margin:0;font-size: 18px;}
    .footer-first .footer-nav ul {gap: 10px;flex-wrap: wrap;}
    .footer-first .footer-left,.footer-right{width: 100%;}
    .footer-first .footer-animate-icon {display: none;}
    .footer-first .copy-right p {font-size: 12px;}
    .footer-first .footer-nav a {color: #1A1E18;font-size: 14px;}



    .commomn-padding {padding: 50px 0;}
    .container-fluid {padding-inline: 16PX;}
    .section-title {font-size: 28px;}
    .text-base {line-height: 1.4;}
    .btn-primary {font-size: 14px;}
    .btn-secondary,.btn-primary,.btn-solid-orange {padding: 7px 15px;font-size: 14px;}
    /* ================= HEADER2 CSS ================= */
    .header2 .navbar .nav-item .nav-link { padding: 6px;}
    /* ============ HEADER-3 CSS =========== */
    .header-3 .navbar .nav-item .nav-link {padding: 7px 0;}
    /* ================= HERO SEC CSS ================= */
    .banner-two {height: 430px;padding: 50px 0 0 0;}
    .banner-two .hero-content h1 {font-size: 28px;font-weight: 800;color: #fff;line-height: 32px;}
    .banner-two .hero-content p {margin: 5px 0 10px 0;}
    .banner-two .hero-buttons a {width: 100%;text-align: center;gap: 5px;}
    /* ============ PLACE SEC CSS ============= */
    .place-sec .place-card {flex: 0 0 100%;padding: 20px;}
    .place-sec .place-card h2 {margin: 5px 0;}
    .place-sec .place-card p {margin: 10px 0;}
    /* =========== IMAGE GRID CSS =============*/
    .explore-sec  .image-grid-col{grid-template-columns:1fr;grid-template-rows:auto}
    .explore-sec .gallery-left, .explore-sec .gallery-center-top, .explore-sec .gallery-center-bottom, .explore-sec .gallery-right{grid-column:1 / 2;grid-row:auto}
    .explore-sec  .image-grid-col img{height:220px}
    .explore-sec  .gallery-content h2{font-size:20px;margin:0 0 10px}
    /* =============== TRAVEL GUIDE SEC CSS ============= */
    .travel-guide-sec{padding:50px 20px}
    .travel-guide-sec .travel-quote{font-size:22px;margin:10px 0 0}
    .travel-guide-sec .img-box .img-1,.travel-guide-sec .img-box .img-2{height: 250px;}
    /* ================ DESTINATION CONTAINER CSS ===============*/
    .destinations {padding: 80px 0 90px 0;}
    .destinations .tabs-container .nav-tabs {gap: 0px;}
    .destinations .tabs-container .nav-link {font-size: 14px;padding: 7px 12px;}
    /* ============== ADVENTURE SEC CSS =============== */
    .adventure-sec {padding: 100px 0 30px 0;}
    .adventure-sec .swiper-slide img {width: 100%;height: 250px;object-fit: cover;display: block}
    .exists-sec .plane-shape img{display: none;}
    /* ============== CATOGERY SEC CSS =============== */
    .catogery-sec {padding: 40px 0;}
    .catogery-sec .category-grid {grid-template-columns: repeat(2, 1fr)}
    .catogery-sec .category-grid .box {padding: 10px;}
    /* ============= NEWSLETTER SEC CSS ============= */
    .newsletter-sec,.newsletter-sec .newsletter-container { padding: 20px;}
    .newsletter-container .social-items a img {width: 15px}
    .newsletter-container .social-items a {height: 30px;width: 30px;}
    .socila-box {flex-wrap: wrap;gap: 8px;}
    .socila-links a {font-size: 14px;}
    .newsletter-sec .footer-form button,.footer-form input {font-size: 12px;}
    .newsletter-sec .footer-form button {padding: 12px 11px;}
    .newsletter-sec .newsletter-right {border-left: 0}
    .newsletter-sec .footer-form {border-radius: 0;flex-direction: column;gap: 10px;}
    .newsletter-sec .input-container,.newsletter-sec .footer-form button{width: 100%;border-radius: 40px;padding: 8px 0;}
    .newsletter-sec .top-logo {width: 150px;height: 60px;}
    /* ============= BEST MEMORIES SEC CSS ============== */
    .best-memories-sec .best-memories-banner{ width: 100%; height: 200px;}
    .family-main-image{height: 200px;}
    /* ================ TOP PLACE SEC CSS ============== */
    .top-places-sec .top-places-container{padding:20px;}
    .destination-header-left h3,.destination-header-left h4{font-size:27px;}
    .destination-header-right .section-title{font-size:42px;line-height:44px;}
    .destination-box{height: 300px;}
    .slider-arrow-container button{display: none;}
    /* ============== FEATURE CARD CSS ================ */
    .feature-card{padding:20px;}
    /* ============== REVIEW SEC CSS =============== */
    .review-sec  .review-carousel { padding: 0 0 0 12px;}
    /* ============= FAMILY HERO SEC CSS ============== */
    .family-hero-content h3 {font-size: 22px;line-height: 28px;}
    /* ========== BANNER FOUR CSS ========== */
    .banner-four .banner-inner {padding: 20px;align-items: start;height: 400px;}
    .banner-four .banner-4-bottom { height:auto;}
    /* ================= COUPLE HERO SECTION CSS =============== */
    .couple-hero .couple-hero-img-1{ border-radius:20px;height: 200px;}
    
    /* =============== COUPLE-FRIENDLY-DESTINATIONS ============= */
    .travel-card-img{width:100%;border-radius:16px;object-fit:cover;height:200px}
    
    /* ============= REVIEW TRAVEL SEC CSS =========== */
    .review-sec.travller-sec {min-height: 670px; padding: 0 0 50px;}
    /*============= FOOTER3 CSS =============*/
    .footer-three .footer-container h6 {font-size: 18px;}
    .footer-three .footer-input {padding: 6px 12px;gap: 7px;}
    .footer-three  .footer-nav ul {gap: 10px;flex-wrap: wrap;margin-bottom: 10px;}
    .footer-three .footer-container {padding: 20px 10px;}
    .footer-three .footer-bottom { padding: 10px 0 0 0;margin: 19px 0 0 0;}
    .footer-three.commomn-padding { padding: 50px 0 0 0;}
}
@media(max-width:320px){
    /* ============ HERO3 SEC CSS =========== */
    .hero-buttons {justify-content: center;gap:10px}
    /* =============== TRAVEL GUIDE SEC CSS ============= */
    .travel-guide-sec .img-box .img-1, .travel-guide-sec .img-box .img-2 {height: 150px;}
    /* ============= NEWSLETTER SEC CSS ============= */
    .newsletter-sec .top-logo {width: 130px;height: 50px;}
    /* ================ TOP PLACE SEC CSS ============== */
    .destination-header-right .section-title {font-size: 34px;line-height: 34px;}
    /*============= FOOTER CSS =============*/
    .footer-three  .footer-container .fourth-title { margin:0;font-size: 18px;}
    .footer-three  .footer-nav ul {gap: 10px;flex-wrap: wrap;margin-bottom: 10px;}
    .footer-three  .footer-left,.footer-right{width: 100%;}
    .footer-three  .footer-animate-icon {display: none;}
    .footer-three  .copy-right p {font-size: 12px;}
    .footer-three  .footer-nav a {color: #1A1E18;font-size: 14px;}  
}


.star-rating{display:inline-flex;align-items:center;gap:2px;font-family:Arial,sans-serif;margin-left:5px}.star-rating .star{position:relative;display:inline-block;font-size:24px;line-height:1;color:#E0E0E0}.star-rating .star:before{content:'★';position:absolute;left:0;top:0}.star-rating .star.filled,.star-rating .star.filled:before{color:#FFC107}.star-rating .star.half{color:#E0E0E0}.star-rating .star.half:after{content:'★';position:absolute;left:0;top:0;width:50%;overflow:hidden;color:#FFC107}.star-rating.yellow-gold .star.filled{color:#FFD700}.star-rating.yellow-amber .star.filled{color:#FFC107}.star-rating.yellow-orange .star.filled{color:#FF9800}.star-rating.size-sm .star{font-size:16px}.star-rating.size-md .star{font-size:24px}.star-rating.size-lg .star{font-size:32px}.star-rating.size-xl .star{font-size:40px}.star-rating.hoverable .star:hover{transform:scale(1.1);transition:transform .2s ease}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.star-rating.animated .star.filled{animation:starPop .3s ease}.testimonial-user h4+.star-rating{margin-top:2px}

.footer-input p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-input span.mail-icon br {
    display: none;
}

.foote-input-box input {
    padding: 15px;
    margin-bottom: -24px;
}

.footer-input input {
    padding: 5px;
}