.packages-heropositionrelativemin-height450pxbackgroundlinear-gradient(135degrgba(25510700.85) 0%rgba(212130770.75) 50%rgba(26951220.8) 100%)url('../assets/img/serengeti2.jpg') center/cover fixeddisplayflexalign-itemscenterjustify-contentflex-startcolorwhitetext-alignleftpadding140px 20px 80pxoverflowhidden.packages-herobeforecontent''positionabsolutetop0left0right0bottom0backgroundradial-gradient(circle at 20% 50%rgba(25510700.3) 0%transparent 50%)z-index0.packages-hero .hero-overlaypositionabsolutetop0left0right0bottom0backgroundlinear-gradient(90degrgba(0000.3) 0%transparent 70%)z-index1.packages-hero .containerpositionrelativez-index2.packages-hero .hero-contentanimationfadeInUp 1s ease-outbackgroundtransparentbackdrop-filternonepadding0border-radius0bordernonebox-shadownonemax-width650pxwidth100%margin0text-alignleft@keyframes fadeInUpfromopacity0transformtranslateY(40px)toopacity1transformtranslateY(0).hero-badgedisplayinline-flexalign-itemscentergap8pxbackgroundrgba(25510700.9)padding8px 20pxborder-radius20pxmargin-bottom20pxfont-size0.75remfont-weight600text-transformuppercaseletter-spacing1pxbox-shadow0 4px 15px rgba(25510700.3).hero-badge ifont-size0.9rem.packages-hero h1font-sizeclamp(2.5rem6vw4.5rem)font-weight900margin-bottom20pxtext-shadow0 4px 20px rgba(0000.5)0 2px 10px rgba(0000.3)letter-spacing2pxline-height1.1backgroundlinear-gradient(135deg#FFD700 0%#FF6B00 100%)-webkit-background-cliptext-webkit-text-fill-colortransparentbackground-cliptextbackdrop-filternonepadding0padding-left25pxborder-radius0displayinline-blockbordernoneborder-left5px solid #FFD700positionrelative.packages-hero h1aftercontent''positionabsolutebottom-10pxleft25pxwidth80pxheight4pxbackgroundlinear-gradient(90deg#FFD700#FF6B00)border-radius2px.hero-descriptionfont-sizeclamp(1rem2vw1.2rem)max-width600pxmargin0 0 30px 0opacity0.95line-height1.7text-shadow0 2px 10px rgba(0000.8)font-weight400colorrgba(2552552550.95).hero-stats-minidisplayflexjustify-contentflex-startgap20pxflex-wrapwrapmargin-top30px.stat-minidisplayflexalign-itemscentergap8pxpadding10px 20pxbackgroundrgba(2552552550.15)backdrop-filterblur(5px)border-radius25pxborder1px solid rgba(2552552550.2)font-size0.9remfont-weight600transitionall 0.3s ease.stat-minihoverbackgroundrgba(2552552550.12)transformtranslateY(-3px)box-shadow0 8px 25px rgba(25519500.3).stat-mini icolorvar(--secondary-color)font-size1.2rem@media (max-width768px).packages-hero .hero-contentpadding35px 25px.hero-stats-minigap20px.stat-minipadding10px 20pxfont-size0.85rem@media (max-width480px).hero-stats-miniflex-directioncolumngap12px.stat-miniwidth100%justify-contentcenter.packages-filtersbackgroundwhitepadding30px 0box-shadow0 2px 10px rgba(0000.08)positionstickytop70pxz-index100.filters-wrapperdisplayflexflex-wrapwrapgap20pxalign-itemsflex-end.filter-groupflex1min-width200px.filter-group labeldisplayblockfont-weight600color#333margin-bottom8pxfont-size0.9rem.filter-group input.filter-group selectwidth100%padding12px 16pxborder2px solid #e0e0e0border-radius8pxfont-size1remtransitionall 0.3s easebackgroundwhite.filter-group inputfocus.filter-group selectfocusoutlinenoneborder-colorvar(--accent)box-shadow0 0 0 3px rgba(2121651160.1).filter-group input[type="text"]padding-left45px.filter-group label ipositionabsoluteleft15pxtop50%transformtranslateY(-50%)color#999font-size1.1rem.filter-groupfirst-childpositionrelative.btn-resetpadding12px 24pxbackground#f5f5f5border2px solid #e0e0e0border-radius8pxfont-weight600cursorpointertransitionall 0.3s easecolor#666.btn-resethoverbackground#e0e0e0border-color#ccc.packages-sectionpadding60px 0backgroundlinear-gradient(180deg#f8f9fa 0%#ffffff 50%#f8f9fa 100%)min-height60vh.packages-griddisplaygridgrid-template-columnsrepeat(auto-fillminmax(350px1fr))gap35pxmargin-top40px.package-cardbackgroundwhiteborder-radius16pxoverflowhiddenbox-shadow0 4px 20px rgba(0000.08)transitionall 0.4s cubic-bezier(0.400.21)displayflexflex-directioncolumnpositionrelative.package-cardhovertransformtranslateY(-10px)box-shadow0 12px 40px rgba(0000.15).package-card.featuredborder3px solid var(--accent).featured-badgepositionabsolutetop20pxleft20pxbackgroundlinear-gradient(135deg#D4A574#ff6b35)colorwhitepadding8px 16pxborder-radius25pxfont-size0.85remfont-weight700z-index10box-shadow0 4px 15px rgba(2121651160.4)displayflexalign-itemscentergap6px.package-imagepositionrelativewidth100%height280pxoverflowhiddenbackground#e0e0e0.package-image imgwidth100%height100%object-fitcovertransitiontransform 0.5s ease.package-cardhover .package-image imgtransformscale(1.1).package-pricepositionabsolutebottom20pxright20pxbackgroundrgba(2552552550.95)backdrop-filterblur(10px)padding12px 20pxborder-radius30pxfont-size1.4remfont-weight800colorvar(--dark)box-shadow0 4px 15px rgba(0000.2).package-contentpadding25pxdisplayflexflex-directioncolumnflex-grow1.package-headerdisplayflexjustify-contentspace-betweenalign-itemsflex-startgap15pxmargin-bottom15px.package-header h3font-size1.4remcolor#1a1a1aline-height1.4font-weight700margin0flex1.package-categorybackgroundlinear-gradient(135degvar(--accent)#ff6b35)colorwhitepadding6px 14pxborder-radius20pxfont-size0.75remfont-weight700text-transformuppercaseletter-spacing0.5pxwhite-spacenowrap.package-metadisplayflexflex-wrapwrapgap15pxmargin-bottom15pxpadding-bottom15pxborder-bottom1px solid #f0f0f0.meta-itemdisplayflexalign-itemscentergap8pxcolor#333font-size0.9remfont-weight500.meta-item icolorvar(--accent)font-size1rem.package-summarycolor#2c2c2cline-height1.7font-size0.95remmargin-bottom20pxdisplay-webkit-box-webkit-line-clamp3line-clamp3-webkit-box-orientverticaloverflowhiddenflex-grow1.package-footerdisplayflexgap10pxmargin-topauto.btn-book.btn-detailsflex1padding14px 20pxbordernoneborder-radius10pxfont-weight700font-size0.95remcursorpointertransitionall 0.3s easedisplayflexalign-itemscenterjustify-contentcentergap8px.btn-bookflex1.btn-bookbackgroundlinear-gradient(135degvar(--accent)#ff6b35)colorwhitebox-shadow0 4px 15px rgba(2121651160.3).btn-bookhovertransformtranslateY(-2px)box-shadow0 6px 20px rgba(2121651160.4).btn-detailsdisplaynone !important.loading-containergrid-column1 / -1text-aligncenterpadding80px 20px.loading-spinnercolorvar(--accent).loading-spinner ifont-size3.5remmargin-bottom20px.loading-spinner pfont-size1.15remfont-weight500color#999.empty-statetext-aligncenterpadding80px 20pxgrid-column1 / -1.empty-state ifont-size4remcolor#dddmargin-bottom20px.empty-state h3font-size1.8remcolorvar(--dark)margin-bottom10px.empty-state pcolor#666font-size1.1remmargin-bottom25px.error-messagegrid-column1 / -1text-aligncenterpadding80px 20pxcolor#d32f2f.error-message ifont-size3.5remmargin-bottom20px.error-message pfont-size1.2remmargin-bottom25px.packages-ctabackgroundlinear-gradient(135deg#2D5016 0%#1a5f7a 50%#D4A574 100%)colorwhitepadding80px 0.cta-contenttext-aligncentermax-width800pxmargin0 auto.cta-content h2font-size2.5remmargin-bottom20pxfont-weight900.cta-content pfont-size1.2remmargin-bottom35pxopacity0.95line-height1.8.cta-buttonsdisplayflexgap20pxjustify-contentcenterflex-wrapwrap.cta-buttons .btnpadding18px 40pxborder-radius50pxfont-weight700font-size1.1remtransitionall 0.3s easedisplayinline-flexalign-itemscentergap10pxtext-decorationnone.btn-primarybackgroundwhitecolor#2D5016box-shadow0 8px 25px rgba(0000.2).btn-primaryhovertransformtranslateY(-3px)box-shadow0 12px 35px rgba(0000.3).btn-secondarybackgroundrgba(2552552550.1)border2px solid whitecolorwhite.btn-secondaryhoverbackgroundwhitecolor#2D5016@media (max-width1024px).packages-gridgrid-template-columnsrepeat(auto-fillminmax(300px1fr))gap30px@media (max-width768px).packages-heropadding80px 20px 60pxmin-height300px.packages-filterspositionrelativetop0.filters-wrapperflex-directioncolumn.filter-groupwidth100%.packages-gridgrid-template-columns1frgap25px.package-footerflex-directioncolumn.cta-buttonsflex-directioncolumn.cta-buttons .btnwidth100%@media (max-width480px).package-headerflex-directioncolumn.package-categoryalign-selfflex-start.package-imageheight220px