body {
    background: linear-gradient(39deg, #ffffff 0%, #fff2d8 100%);
}
section.bgnew {
    /* background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%); */
    padding: 40px 0;
}
    section.bgnew .container {
    width: 1180px;
}
    section.hero {
    /* background: linear-gradient(
25deg, #f5f7fa 0%, #e8ecf1 100%) beige; */
}
    .bgnew {
    /* background: #f8fafc; */
}
    /* ========== BAJRX FITNESS - Event Details Page ========== */
   
  :root {
    --gold: #D4AF37;
    --gold-light: #F4D03F;
    --gold-dark: #B7950B;
    --light: #FFFFFF;
    --light-soft: #F8F9FA;
    --light-border: #E5E7EB;
    --text-dark: #111827;
    --text-gray: #6B7280;
  }

  .gold-gradient {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--gold) 100%);
  }
  .card-custom {
    background: #ffffff;
    border: 1px solid #00000012;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 0px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
  }
  .card-custom img {
    object-fit: cover;object-position:top;
}
  .card-custom:hover {
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15), 0 0 0 1px rgba(212, 175, 55, 0.2);
    transform: translateY(-4px);
  }
  .event-badge {
    background: #ffaa00db;
    color: #FFFFFF;
    font-weight: 600;
    padding: 4px 16px;
    border-radius: 50px;
    display: inline-block;
    font-size: 11px;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    text-shadow: 1px 0px #000000;
  }
  .icon-box {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    flex-shrink: 0;
  }
  p.fefwe_tri {
    margin: 0;
    font-size: 13px;
}
.thyth_tri {
    padding: 15px;
}
h3.efefef_tri {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0 0 4px;
}


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


.share-card{

width: 100%;

border-radius: 6px;

border: 1px solid #d3d3d3;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.2);
}

.card-header{

background: linear-gradient(201deg, #583b02 0%, #242018 52%, #000 100%);

padding: 10px 15px;

border-bottom:1px solid rgba(255,184,0,.15);
}

.card-header h3{

color:#fff;

font-size: 15px;

display:flex;

align-items:center;

gap:10px;

font-weight: 500;

margin-bottom: 0;
}

.card-header i{

color:#ffb400;

}

.card-body{

padding: 18px 15px 15px;

background: #ffffff;
}

.social-icons{

display:grid;

grid-template-columns: repeat(7,1fr);

gap: 0;

margin-bottom:25px;

/* width: 70%; */
}

.social-icons a{

height: 36px;

width: 36px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size: 18px;

color:#fff;

text-decoration:none;

transition:.4s;
}

.social-icons a:hover{

transform:translateY(-5px);

}

.facebook{

background:#1877f2;

}

.twitter{

background:#000;

}

.linkedin{

background:#0a66c2;

}

.whatsapp{

background:#25D366;

}

.telegram{

background:#229ED9;

}

.copy-title{

font-size: 13px;

color: #858585;

margin-bottom: 2px;

font-weight: 500;
}

.copy-box{display:flex;/* border: 1px solid #004d9b40; *//* border-radius: 5px; */overflow:hidden;margin-bottom: 12px;}

.copy-box input{flex:1;padding: 7px 10px;border:none;outline:none;background: #ebeff3;color: #000000;font-size: 12px;font-weight: 400;border: 1px solid #004d9b40;border-right: 0;border-radius: 5px 0 0 5px;}

.copy-box button{padding: 0 15px;background: #ffaa00;font-weight:600;cursor:pointer;border: 1px solid #ffaa00;border-left: 0;border-radius: 0 5px 5px 0;}

.copy-box button:hover{

background:#ffc933;

}

.qr{

text-align:center;

}

.qr img{

width:170px;
border-radius:10px;
background:#fff;
padding:10px;

}

.qr p{

margin-top:15px;
color:#ddd;
font-size:14px;

}

.share-btn{

margin-top:25px;

}

.share-btn a{

display:block;
text-align:center;
padding:14px;
background:#ffb400;
text-decoration:none;
color:#111;
font-weight:bold;
border-radius:8px;
transition:.3s;

}

.share-btn a:hover{

background:#ffc933;

}

@media(max-width:480px){


.share-card{

width:100%;

}

.social-icons{

grid-template-columns:repeat(3,1fr);

}

}
.hyt_tri {
    animation-delay: 0.2s;
    top: 130px;
}
.amenities .owl-nav .owl-next {
    right:-20px;
}
.amenities .owl-nav .owl-prev {left:-20px;}
.amenities .owl-nav .owl-prev, .amenities .owl-nav .owl-next {
    background: #ff9b00e0 !important;
    width: 36px;
    height: 36px;
    font-size: 37px !important;
    color: #000000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3px;
    position: absolute;
    bottom: 50%;
    border-radius: 8px;
}
.amenities .owl-nav{/* display:flex; *//* justify-content: space-between; *//* position: absolute; *//* bottom:50%; *//* width:100%; */}
.amenities .owl-nav span {
    font-family: initial;
    height: auto;
    line-height: 1;
    position: relative;
    bottom: 4px;
    color: #000;
}
.hgcfc_tri {
    z-index: 1;
}
/* =========================
   Responsive CSS
========================= */

/* Container */
section.bgnew .container{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:0 15px;
}

/* Large Tablet */
@media (max-width:1199px){

    section.bgnew{
        padding:35px 0;
    }

    .social-icons{
        grid-template-columns:repeat(5,1fr);
        gap:10px;
        justify-items:center;
    }

    .amenities .owl-nav .owl-prev{
        left:-10px;
    }

    .amenities .owl-nav .owl-next{
        right:-10px;
    }

}

/* Tablet */
@media (max-width:991px){

    section.bgnew{
        padding:30px 0;
    }

    .card-custom{
        margin-bottom:20px;
    }

    .card-custom img{
        height:260px !important;
    }

    .thyth_tri{
        padding:12px;
    }

    h3.efefef_tri{
        font-size:15px;
    }

    p.fefwe_tri{
        font-size:12px;
    }

    .social-icons{
        grid-template-columns:repeat(4,1fr);
        gap:12px;
        justify-items:center;
    }

    .copy-box{
        /* flex-direction:column; */
    }

    .copy-box input{
        /* border-radius:5px 5px 0 0; */
        /* border-right:1px solid #004d9b40; */
    }

    .copy-box button{
        width:100%;
        padding:10px;
        /* border-radius:0 0 5px 5px; */
        /* border-left:1px solid #ffaa00; */
    }

    .hyt_tri{
        position:static;
        margin-top:25px;
    }

    .amenities .owl-nav{
        display:none;
    }

}

/* Mobile */
@media (max-width:767px){

    body{
        overflow-x:hidden;
    }

    section.bgnew{
        padding:25px 0;
    }

    .card-custom{
        border-radius:5px;
    }

    .card-custom img{
        height:220px !important;
    }

    .event-badge{
        font-size:10px;
        padding:4px 12px;
    }

    .icon-box{
        width:42px;
        height:42px;
    }

    .thyth_tri{
        padding:12px;
    }

    h3.efefef_tri{
        font-size:14px;
    }

    p.fefwe_tri{
        font-size:12px;
        line-height:1.6;
    }

    .card-header{
        padding:10px 12px;
    }

    .card-header h3{
        font-size:14px;
    }

    .card-body{
        padding:15px 12px;
    }

    .social-icons{
        grid-template-columns:repeat(4,1fr);
        gap:10px;
    }

    .social-icons a{
        width:40px;
        height:40px;
        font-size:16px;
    }

    .copy-title{
        font-size:12px;
    }

    .copy-box input{
        font-size:11px;
    }

    .copy-box button{
        font-size:12px;
    }

    .qr img{
        width:130px;
    }

}

/* Small Mobile */
@media (max-width:576px){

    section.bgnew .container{
        padding:0 12px;
    }

    .card-custom img{
        height:190px !important;
    }

    .event-badge{
        font-size:9px;
        padding:3px 10px;
    }

    .social-icons{
        grid-template-columns:repeat(3,1fr);
    }

    .share-card{
        border-radius:5px;
    }

    .card-header h3{
        font-size:13px;
    }

    .qr img{
        width:120px;
    }

}

/* Extra Small */
@media (max-width:400px){

    .card-custom img{
        height:170px !important;
    }

    .social-icons{
        grid-template-columns: repeat(5,1fr);
    }

    .social-icons a{
        width:38px;
        height:38px;
        font-size:15px;
    }

    .copy-box input{
        padding:8px;
        font-size:10px;
    }

    .copy-box button{
        padding:8px;
        width: 44px;
    }

}