@font-face{font-family:Poppins-Medium;src: url(../fonts/Poppins-Medium.ttf);}
@font-face{font-family:Poppins-Regular;src: url(../fonts/Poppins-Regular.ttf);}

body {scroll-behavior: smooth;color: #1f2937;background-color: #f9fafb;font-family:Poppins-Regular;}
/* Branding Colors */
.text-aditya-blue { color:#104076 !important; } 
.bg-aditya-blue { background-color: #0f6cbf !important; }
.text-aditya-orange { color: #ff8c00 !important; } 
.bg-aditya-orange { background-color: #ff8c00 !important; }
.border-aditya-blue { border-color: #0f6cbf !important; }
.border-aditya-blue:hover { background-color: #0f6cbf !important; color: #fff !important; }

/* General Hover Effects */
.hover-text-aditya-blue:hover { color: #0f6cbf !important; }
.hover-bg-aditya-blue:hover { background-color: #0f6cbf !important; }
.btn-aditya-primary{background-color:#0f6cbf;border-color:#0f6cbf;color:#fff;transition:all 0.3s ease}
.btn-aditya-primary:hover{background-color:#0b5fa8;border-color:#0b5fa8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px rgb(15 108 191 / .3)}
.nav_a{color: #000;font-family: Poppins-Medium;font-size: 18px;font-weight: 500;margin-left: 17px;}
    /* Mobile-only fixes - Desktop remains unchanged */
@media (max-width:768px){
.navbar{padding:.5rem 0}
.navbar-brand{flex-grow:1}
.navbar-brand img{max-height:40px;width:auto}
.navbar-collapse{background:#fff;margin-top:10px;border-radius:5px;padding:10px}
.nav-item{margin:8px 0;border-bottom:1px solid #f8f9fa;padding-bottom:8px;text-align:center}
.navbar-collapse .nav-link:hover,.navbar-collapse .nav-link.nav_a:hover,.navbar-collapse .nav-link.hover-text-aditya-blue:hover,#navbarNav .nav-link:hover{color:#0f6cbf!important;background-color:#f8f9fa;border-radius:4px}
.nav-item:last-child{border-bottom:none}
#myBtn{bottom:20px!important;right:20px!important;width:50px!important;height:50px!important;padding:12px!important;font-size:18px!important}
.nav_a{margin-left:0}
}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0rem;}
.dropdown-item{text-align: center;color: #000;font-family: Poppins-Medium;font-size: 18px;font-weight: 500;}
.dropdown-item:hover{color: #0b5fa8;background-color: transparent;}
.footer_pding{padding-top: 5em;}
.footer_font{letter-spacing:0.5px;font-family: Poppins-Medium;font-size: 18px;}
.footer_a{line-height: 2;font-size: 15px;color:#ffffffa3;font-family: Poppins-Medium;}
.footer_li{line-height: 3;color:#ffffffa3;font-size: 15px;padding-right: 1em;}
footer .footer_li a{color:#ffffffa3;text-decoration: none; font-size: 14px;}
footer .footer_li a:hover{color:#ffffff;}
@media (max-width:768px){.footer_font{text-align:center}.footer_pding{padding-top:2em}}
ul,ol{list-style:none;padding-left:0}
.main_title{font-size: 2.5em;font-family: 'Poppins-Medium';color: #ff7100;font-weight: 800;}
.sub_title{font-family: 'Poppins-Regular';font-size: 18px;}
.why_bg{background: #0000000a;}
.why_p{line-height: 2;font-family: 'Poppins-Regular';font-size: 16px;}
.popular_p{font-weight: 800;text-align:left;color: #000;font-family: 'Poppins-Regular';font-size: 18px;line-height: 2;}
@media (max-width:768px){.popular_p{text-align:center}}
.trip_price{font-weight: 800;font-size: 20px;font-family: 'Poppins-Medium';}
.icon_color{color: #ff6915 !important}
.border_warning{color: #ff6915 !important}
 /* Modern Card Shadow and Look (More subtle lift) */
.classic-shadow{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:.75rem}
.classic-shadow:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgb(0 0 0 / .15),0 10px 10px -5px rgb(0 0 0 / .04)}
.hero-section{background-image:url(https://placehold.co/1920x1080/0f6cbf/ffffff);background-size:cover;background-position:center}
/* Image Gallery Styling for Carousel View (Custom Implementation) */
#gallery-carousel-track{display:flex;transition:transform 0.5s ease-in-out;height:380px;margin-left:-15px;margin-right:-15px}
#gallery-carousel-track img{height:380px;width:100%}
.carousel-item-wrapper{padding-right:15px;padding-left:15px;flex-shrink:0}
/* Responsive width calculation for carousel items */
.carousel-item-wrapper{width:calc(100% / 1.5)}
@media (min-width:768px){
.carousel-item-wrapper{width:calc(100% / 3.5)}}
.carousel-item-content{border-radius:.75rem;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .2);height:100%}
.carousel-item-content img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.carousel-item-content:hover img{transform:scale(1.05)}
/* Mimics the border-t-4 class */
.card.border-4 { border-top-width: 4px !important;}
/* Mimics the hover:shadow-lg transition duration-300 classes */
.hover-shadow-lg {transition: box-shadow 0.3s ease-in-out;border-radius: 0.75rem !important; /* Mimics rounded-xl */}
.hover-shadow-lg:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;}
.text-primary { color: #007bff !important; } 
.text-warning { color: #ffc107 !important; }
@media (min-width:992px){.masonry-grid{column-count:3;column-gap:1.5rem}}
/* Defines the column layout for medium screens (tablets) */
@media (min-width:768px) and (max-width:991.98px){.masonry-grid{column-count:2;column-gap:1.5rem}}
/* Ensures each item flows naturally inside the column */
.masonry-item{display:inline-block;width:100%;break-inside:avoid;page-break-inside:avoid}
/* --- General Card Styles (Copied from previous response for visual fidelity) --- */
.destination-card{border-radius:1rem!important;overflow:hidden;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .06);cursor:pointer}
.card-img-overlay{background:linear-gradient(to top,rgb(0 0 0 / .6) 0%,#fff0 50%)}
.text-shadow{text-shadow:2px 2px 4px rgb(0 0 0 / .8)}
.custom-cta-btn{padding:1rem 3rem;font-size:1.25rem;font-weight:700;border-radius:50px;box-shadow:0 10px 15px -3px rgb(0 0 0 / .5);letter-spacing:.1em;text-transform:uppercase;transition:all 0.3s ease;background:#ff8f25}
.custom-cta-btn:hover{transform:scale(1.05);background-color:#ffc107;box-shadow:0 15px 20px -5px rgb(0 0 0 / .7)}
.ct_a{font-family:'Poppins-Medium'}
.text-primary{color:#007bff!important}
.bg-primary{background-color:#104076!important}
/* The track must be a flex container with no wrapping to allow horizontal movement */
.gallery-carousel-track{display:flex;transition:transform 0.6s ease-in-out;will-change:transform}
.carousel-item-wrapper{flex:0 0 33.33%;padding:0 1rem;box-sizing:border-box}
@media (max-width:992px){.carousel-item-wrapper{flex:0 0 50%}}
@media (max-width:768px){.carousel-item-wrapper{flex:0 0 100%}}
.carousel-item-content img{width:100%;object-fit:cover}
.slider-control-btn{top:50%;transform:translate(0,-50%);z-index:10;width:40px;height:40px;opacity:.8;transition:opacity 0.2s}
.slider-control-btn:hover{opacity:1}
.top_p{font-size: 15px;}
.text-primary { color: #007bff !important; }
.text-warning { color: #ffc107 !important; } 
.tour-img{width:100%;height:150px;object-fit:cover}
@media (min-width:576px){.tour-img{width:128px;height:128px;border-radius:0.5rem!important}}
.upcoming-tour-card{border-radius:.75rem;transition:box-shadow 0.3s ease-in-out}
.upcoming-tour-card:hover{box-shadow:0 1rem 3rem rgb(0 0 0 / .175)!important}
.font-weight-semibold{font-weight:600!important}
.bg-dark { background-color: #212529 !important; } 
.bg-secondary-dark { background-color: #343a40 !important; } 
.text-warning { color: #ffc107 !important; } 
.text-primary { color: #007bff !important; } 
/* Testimonial Card Styling */
.testimonial-card{border-radius:1rem!important;box-shadow:0 .5rem 1rem rgb(0 0 0 / .5)!important}
.carousel-control-prev-icon,.carousel-control-next-icon{filter:invert(100%)}
.carousel img{width:70px;max-height:70px;border-radius:50%;margin-right:1rem;overflow:hidden}
.carousel-inner{padding:1em}
@media screen and (min-width:576px){
.carousel-inner{display:flex;width:90%;margin-inline:auto;padding:1em 0;overflow:hidden}
.carousel-item{display:block;margin-right:0;flex:0 0 calc(100% / 2)}}
@media screen and (min-width:768px){.carousel-item{display:block;margin-right:0;flex:0 0 calc(100% / 3)}}
.carousel .card{margin:0 .5em;border:0}
.carousel-control-prev,.carousel-control-next{width:3rem;height:3rem;background-color:grey;border-radius:50%;top:50%;transform:translateY(-50%)}
.testimonial_bg{padding:3em;background:#ff7600}
@media (max-width:768px){.testimonial_bg{padding:2em .5em}}
.testimonial_title{font-size: calc(1.475rem + 2.7vw36);font-family: 'Poppins-Medium';color: #fff;font-weight: 800}
.card_txt{font-size: 15px;line-height: 1.5;font-family: Poppins-Regular;}
.card_txt{padding-right:30px;position:relative}
.card_txt .fa-quote-right{font-size:1.2rem;right:0;bottom:0;position:absolute}
.card_name{color: #15679f;font-family: 'Poppins-Medium';font-size: 17px;}
.card_location{font-size: 13px;font-family: 'Poppins-Regular';}
#myBtn{width:45px;border-radius:50%;position:fixed;z-index:99;font-size:18px;border:none;text-align:center;outline:none;background:#ff9600;color:#00365c;border:3px solid #00365c;cursor:pointer;-webkit-transition:all 0.3s cubic-bezier(.25,.25,0,1);-moz-transition:width 0.3s ease-out,padding-top 0.3s ease-out;transition:all 0.3s cubic-bezier(.25,.25,0,1);bottom:20px!important;right:20px!important;width:50px!important;height:50px!important;padding:12px!important}
/* Breadcrumb */
.breadcrumb{background-color:#104076!important;padding:10px 15px}
.breadcrumb-item a{color:#fff;text-decoration:none}
.breadcrumb-item.active{color:#ff7100}
.breadcrumb-item+.breadcrumb-item::before{color:#fff;opacity:1}
/* .detail-banner img{height:700px} */
@media (max-width:768px){.detail-banner img{height:250px}}
a{text-decoration:none!important}
a:hover{text-decoration:none!important}
/* Gallery */
.gallery-item img {height: 300px;}
.filter-bar-wrapper{border:none;position:relative;overflow:hidden}
.filter-bar-wrapper::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgb(255 255 255 / .1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}
.stylish-select{border-radius:12px;border:none;padding:.75rem 1rem;font-size:1rem;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .1)}
.stylish-select:focus{background:#fff;box-shadow:0 6px 25px rgb(0 0 0 / .15);transform:translateY(-2px)}
.gallery-item{transition:all 0.3s ease;border-radius:12px;overflow:hidden}
.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .2)}
.gallery-item img{transition:transform 0.3s ease}
.gallery-item:hover img{transform:scale(1.05)}
.gallery-item.hidden{animation:fadeOut 0.3s ease forwards}
.gallery-item.visible{animation:fadeIn 0.3s ease forwards}
@keyframes fadeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes fadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}
.endless_container.hidden{display:none}
#destinationSearch{border:1px solid #dee2e6;padding:.75rem 1rem;transition:all 0.3s ease}
#destinationSearch:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgb(102 126 234 / .25)}
/* tour detail */

.destinations-section{max-width:850px;margin:0 auto;background:#f8f9fa;border-radius:1rem;padding:2rem;transition:all 0.3s ease-in-out;}
.destinations-section:hover{box-shadow:0 8px 20px rgb(0 0 0 / .1);transform:translateY(-3px)}
.destinations-section h3{color:#104076;font-weight:700;letter-spacing:.5px;position:relative;padding-bottom:.5rem}
.destinations-list ul{column-count:3;column-gap:2rem;list-style-type:disc}
@media (max-width:768px){.destinations-list ul{column-count:1;column-gap:2rem;list-style-type:disc;padding-left:20px}}
.destinations-list ul{list-style:none;padding-left:0;column-count:2;column-gap:2rem;font-family: 'Poppins-Regular';}
.destinations-list li{background:#fff;padding:10px 15px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 5px rgb(0 123 255 / .1);display:flex;align-items:center;transition:all 0.3s ease}
.destinations-list li::before{content:"\f3c5";font-family:"Font Awesome 5 Free";font-weight:900;color:#007bff;margin-right:10px;font-size:1rem}
.destinations-list li:hover{background:#e9f5ff;transform:translateX(5px)}
@media (max-width:768px){.destinations-list ul{column-count:1}}


.itinerary-day-content ol{list-style-type:decimal;padding-left:20px;margin-bottom:1rem;font-family:Poppins-Regular}
.itinerary-day-content ol ul{list-style:none;padding-left:0;margin-bottom:1rem;font-family:Poppins-Regular}
.itinerary-day-content ol ul li{position:relative;padding-left:25px;margin-bottom:8px}
.itinerary-day-content ol ul li::before{content:"★";position:absolute;left:0;top:0;color:#f4c542;font-size:18px}


.carousel-item-content img{transform:none}
.slider-control-btn{width:50px;height:50px;top:50%;transform:translateY(-50%);z-index:10;opacity:.9;transition:all 0.3s ease}
.slider-control-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1)}
.slider-control-btn:first-child{left:20px!important}
.slider-control-btn:last-child{right:20px!important}
@media (max-width:768px){.slider-control-btn{width:40px;height:40px}}
.dates-carousel-container{position:relative;overflow:hidden;padding:10px 0}
.dates-carousel-track{display:flex;gap:15px;transition:transform 0.5s ease-in-out;will-change:transform}
.date-card-wrapper{flex:0 0 220px;min-width:220px}
.date-card{transition:transform 0.3s ease;border-radius:12px}
.date-card:hover{transform:translateY(-5px)}
.date-slider-btn{width:40px;height:40px;top:50%;transform:translateY(-50%);z-index:10;opacity:.9;transition:all 0.3s ease}
.date-slider-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1)}
@media (max-width:576px){.date-card-wrapper{flex:0 0 180px;min-width:180px}
.date-slider-btn{width:35px;height:35px}}
#dateSelectModal .modal-content{border-radius:14px;overflow:hidden}
#dateSelectModal .modal-header{border-bottom:none}
#dateSelectModal .list-group-item{padding:.9rem 1.1rem;margin:8px 0;border-radius:10px;border:1px solid rgb(16 185 129 / .08);background:#fff;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
#dateSelectModal .list-group-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgb(6 95 70 / .08);background:linear-gradient(90deg,#f0fdf4,#ffffff)}
#dateSelectModal .badge.bg-success{background:#ff7100 !important;box-shadow:0 6px 18px rgb(6 95 70 / .08);font-weight:600}
.booking-card .btn-success{background:linear-gradient(90deg,#10b981,#059669)!important;border:none!important;box-shadow:0 12px 30px rgb(6 95 70 / .12)}
.booking-card .btn-success:hover{transform:translateY(-3px)}
@media (max-width:576px){
    #dateSelectModal .list-group-item{margin:6px 0}}
.price-section{transition:transform 0.3s ease,box-shadow 0.3s ease;background:linear-gradient(135deg,#ffffff,#f8f9fa);border:1px solid #ff7100}
.price-section:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgb(0 0 0 / .1)}
.price-badge{font-weight:600;letter-spacing:.5px}
.text-success{color:#1fa67a!important}
.whatsapp{background-color:#ff7100;color:#fff}
.whatsapp:hover{background-color:#e65c00 !important;color:#fff}
.package-header-section{padding:2rem 0;border-bottom:1px solid #e9ecef;margin-bottom:3rem}
.package-title{font-size:2.5em;font-family:'Poppins-Medium';color:#ff7100;font-weight:800;text-transform:uppercase}
@media (max-width:768px){
.package-title{font-size:1.9rem}}
.package-subtitle{font-size:1.25rem;color:#6c757d;max-width:800px;margin-left:auto;margin-right:auto}
.package-badges .badge{font-size:1rem;border-radius:20px;white-space:normal}
@media (max-width:576px){
.package-badges{flex-direction:column;align-items:flex-start;gap:.5rem}
.package-badges .badge{width:100%;text-align:center;font-size:.9rem}}
.dates-section{margin:0 auto}
.dates-section h3{color:#2c3e50;font-weight:600}
.date-card{transition:transform 0.3s ease}
.date-card:hover{transform:translateY(-5px)}
.date-icon{width:40px;height:40px}
.booking-card{border-radius:12px;overflow:hidden}
.gallery-overlay{background:rgb(0 0 0 / .7);opacity:0;transition:opacity 0.3s ease}
.carousel-item-content:hover .gallery-overlay{opacity:1}
.accordion-button{flex:1;min-width:280px;text-align:left;border-radius:12px!important;border:1px solid #dee2e6!important;padding:1.5rem;background-color:#fff;transition:all 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .05)}
.accordion-button:not(.collapsed){background-color:#0d6efd!important;color:#fff!important;border-color:#0d6efd!important;box-shadow:0 4px 8px rgb(13 110 253 / .2)}
.accordion-button:hover{background-color:#f8f9fa}
.accordion-button:not(.collapsed):hover{background-color:#0b5ed7!important}
.accordion-button:focus{box-shadow:0 0 0 .25rem rgb(13 110 253 / .25)}
.accordion-icon{width:50px;height:50px;flex-shrink:0}
@media (max-width:576px){.accordion-icon{width:40px;height:40px;flex-shrink:0}
.day-marker {width: 30px;height: 30px;flex-shrink: 0;}}
.accordion-body{border-radius:0 0 12px 12px;border:1px solid #dee2e6;border-top:none;background-color:#fff}
.itinerary-header{font-weight:500}
.itinerary-day-item{transition:all 0.3s ease}
.itinerary-day-item:last-child{border-bottom:none!important}
.itinerary-day-header{background:#fff}
.itinerary-day-btn{background:none;border:none;transition:all 0.3s ease}
.itinerary-day-btn:hover{background-color:#f8f9fa}
.itinerary-day-btn:not(.collapsed){background-color:#f8f9fa;border-bottom:1px solid #dee2e6}
.itinerary-day-btn:not(.collapsed) .day-arrow i{transform:rotate(180deg)}
.day-marker{width:40px;height:40px;flex-shrink:0}
.day-arrow i{transition:transform 0.3s ease}
.itinerary-day-content{border-top:1px solid #dee2e6}
.section-title{position:relative;font-weight: 700;letter-spacing: .5px;padding-bottom: .5rem;color: #104076;text-align: center;}
.list-group-item{font-weight:500;font-size:1rem;padding:.9rem 1.2rem;transition:background-color 0.2s ease,transform 0.2s ease}
.list-group-item:hover{background-color:#e9f7ef;transform:scale(1.02)}
@media (max-width:576px){
.accordion-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:8px;margin-left:-.5rem;margin-right:-.5rem}
.accordion-scroll .accordion-button{display:inline-flex;flex:0 0 auto;min-width:220px;margin:0 .5rem 0 .5rem;white-space:normal;vertical-align:top}
.accordion-scroll .accordion-button:not(.collapsed){color:#fff!important}}
.trip-detail ol {list-style-type: decimal;padding-left: 20px;margin-bottom: 1rem;font-family: Poppins-Regular;}
.how-to-reach ol {list-style-type: decimal;padding-left: 20px;margin-bottom: 1rem;font-family: Poppins-Regular;}
.accordion-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:8px}
@media (max-width:575.98px){.accordion-scroll{margin-left:-.5rem;margin-right:-.5rem}}
@media (min-width:576px) and (max-width:767.98px){.accordion-scroll{margin-left:-.75rem;margin-right:-.75rem}}
@media (min-width:768px) and (max-width:991.98px){.accordion-scroll{margin-left:-1rem;margin-right:-1rem}}
@media (min-width:992px) and (max-width:1199.98px){.accordion-scroll{margin-left:-1.5rem;margin-right:-1.5rem}}
@media (min-width:1200px) and (max-width:1399.98px){.accordion-scroll{margin-left:-2rem;margin-right:-2rem}}
@media (min-width:1400px){.accordion-scroll{margin-left:auto;margin-right:auto;max-width:1200px}}

.detail-banner img{width:100%;display:block}
@media (min-width:768px){.detail-banner img{max-height:700px}}
@media (max-width:767.98px){.detail-banner img{height:360px}.booking-card{margin-top:1.5rem}}
.date-badge-card{border:1px solid #e5e5e5;border-radius:12px;padding:14px 18px;background:#fff;transition:0.25s ease;cursor:pointer}
.package-description{line-height:2 !important}
.date-badge-card:hover{transform:translateY(-3px);border-color:#104076;box-shadow:0 5px 18px rgb(0 0 0 / .08)}
.date-badge-icon{width:45px;height:45px;background:#104076;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}
.date-badge-text{font-weight:600;font-size:16px;color:#222}
.date-availability{font-size:13px;padding:3px 8px;border-radius:8px}
.date-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}
.whatsapp-float{position:fixed;top:50%;right:20px;width:55px;height:55px;border-radius:50%;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff;background:#25D366;font-size:28px;border:2px solid #fff;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:all 0.3s ease;transform:translateY(-50%);animation:pulse 2s infinite;text-decoration:none}
.whatsapp-float:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px rgb(0 0 0 / .3);background-color:#fff;color:#25D366;text-decoration:none}
.whatsapp-float::after{content:"Chat on WhatsApp";position:absolute;right:70px;background:#25D366;color:#fff;padding:8px 12px;font-size:14px;font-family:Arial,sans-serif;border-radius:4px;opacity:0;transform:translateY(-50%);transition:opacity 0.3s;white-space:nowrap;pointer-events:none}
.whatsapp-float:hover::after{opacity:1}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(37 211 102 / .5)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}
.video-card{padding: 1rem; position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .06);cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease}