.vibes-tab-wrapper{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:25px;
}
.vibes-tab-nav{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
}

.vibes-tab-nav img{
    width:16px;
    height:16px;
    display:block;
}
.vibes-tabs-scroll{
    flex:1;
    display:flex;
    justify-content:center;
    overflow:hidden;
}
.vibes-tabs{
    display:inline-flex;
    gap:12px;
    white-space:nowrap;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding-bottom:12px;
    position:relative;
    --tabs-width:auto; 
}
.vibes-tabs::-webkit-scrollbar{
    display:none;
}

.vibes-tabs::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:var(--tabs-width);
    height:3px;
    background:#362f7585;
}

.vibes-tabs .tab_btn{
    background:none;
    border:none;
    font-size:22px;
    padding:0 15px;
    cursor:pointer;
    color:#6b5ca5;
    position:relative;
    transition:.3s;
}


.vibes-tabs .tab_btn:hover{
    color:#362F75;
}

.vibes-tabs .tab_btn.active{
    font-weight:600;
    color:#362F75;
}

/* ACTIVE TAB UNDERLINE */
.vibes-tabs .tab_btn.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:100%;
    height:3px;
    background:#362F75;
}
.vibes-offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px; padding-top: 20px;}
.vibes-offer-card{background:transparent;border-radius:0px;overflow:hidden;text-align:center;padding-bottom:0px;transition: .5s all;  box-shadow:-12px -0.8rem 0rem rgb(0 0 0 / 2%);}
.vibes-offer-card img{width:100%}
/* View More button */
.vibes-load-more{
    display:none;
    margin:30px auto 0;
    padding:10px 25px;
    border:none;
    border-radius:30px;
    background:#362F75;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}
.vibes-dropdown{
    display:none;
    position:sticky;
    top:0;
    z-index:0;
    margin-bottom:10px;
}

.vibes-dropdown select{
    width:100%;
	color:#e75524;
    padding:12px 42px 12px 14px;
    font-size:16px;
    border:1px solid #e75524;
    border-radius:0;
    appearance:none;
   /* background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236b5ca5' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E")*/
      no-repeat right 14px center;
    background-color:transparent;
}
.vibes-img-wrap{
    position:relative;
}
.vibes-desc{
    width:100%;
    background:#3b3579;
    padding:15px;
    display:flex;                 
    align-items:center;
    justify-content:space-between;
    gap:20px;
	margin-top:-10px;
	height:115px;
}
.vibes-text{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    max-width: 70%;
    text-align: left;
    font-style: italic;
}

.vibes-text p{
    margin:0;               
}
.vibesbtnpop{
    background:#fff;
    color:#3b3579;
    padding:6px 20px;
    border-radius:30px;
    font-size:15px;
    font-weight:600;
	font-style:italic;
    text-decoration:none;
    white-space:nowrap;
    flex-shrink:0;                
}
.popup-dynamic-heading {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.popup-dynamic-heading.fade-out {
    opacity: 0;
    transform: translateY(-5px);
}

.popup-dynamic-heading.fade-in {
    opacity: 1;
    transform: translateY(0);
}
#popup-dynamic-heading{ color:#e75524; font-size:26px; text-align:center; margin-bottom:5px;}
#popup-dynamic-subtitle{color:#373176; font-size:18px; text-align:center;}
@media(max-width:768px){
.vibes-desc{gap:10px;}	
.vibes-offer-grid {grid-template-columns: 1fr; }
.vibes-desc{ flex-direction:column; align-items:flex-start; padding:16px; height:auto;}
.vibes-text{font-size:16px; max-width:100%;}
.vibesbtnpop{ align-self:flex-start;}
.vibes-tab-nav,
.vibes-tabs{display:none;}
.vibes-dropdown{ display:block;}
}