/* ===========================================================
   PREMIUM BIRTHDAY PANEL
===========================================================*/
html,
body{
    height:100%;
    overflow:hidden;
}

#main{

    height:calc(100vh - 90px);

    overflow:hidden;

}


#about-us{

    height:100%;

}

#about-us .container{

    height:100%;

}

#about-us .content{

    height:100%;

    align-items:center;

}


.birthday-panel {
    
    position: relative;

    width: 100%;
    max-width: 470px;

    background: linear-gradient(145deg, #0b0b0b, #1a1a1a);

    border-radius: 28px;

    /* height:640px; */
    height:560px;

    overflow:hidden;

    padding:12px;

    overflow: hidden;

    color: #fff;

    box-shadow:
        0 15px 60px rgba(0, 0, 0, .45);

    border: 1px solid rgba(255, 215, 0, .15);

}


/* Gold Border */

.gold-border {

    position: absolute;

    inset: 0;

    border-radius: 28px;

    border: 2px solid rgba(212, 175, 55, .55);

    pointer-events: none;

}


/* Hospital */

.hospital-name {

    text-align: center;

    color: #b8b8b8;

    letter-spacing: 3px;

    font-size: 12px;

    text-transform: uppercase;

    margin-bottom: 1px;

}


/* Heading */

.birthday-heading {

    text-align: center;

    font-size: 24px;

    font-weight: 700;

    color: #d4af37;

    font-family: Georgia, serif;

}


.birthday-subheading {

    text-align: center;

    color: #f3f3f3;

    font-size: 15px;

    margin-top: 5px;

    margin-bottom: 5px;

}


/* Photo */

.photo-frame {

    width: 100%;

    padding: 8px;

    background: linear-gradient(135deg, #f8e8a0, #b8860b);

    border-radius: 18px;

    margin-bottom: 8px;

}


.boss-photo {

    width: 100%;

    height: 260px;

    object-fit: cover;

    border-radius: 12px;

    display: block;

}


/* Quote */

.quote {


    color: #ececec;

    font-size: 13px;

    line-height: 1.5;

    font-style: normal;

    margin-bottom: 15px;

}


/* Divider */

.divider {

    width: 90px;

    height: 2px;

    margin: 5px auto;

    background: #d4af37;

}


/* Short Message */

.short-message {

    text-align: center;

    font-size: 15px;

    color: #d9d9d9;

    line-height: 1.6;

}


/* Button */

.read-btn {

    display: block;

    margin: 0px auto 5px;

    padding: 2px 25px;

    border: none;

    border-radius: 50px;

    background: linear-gradient(135deg, #f6d365, #b8860b);

    color: #111;

    font-weight: 700;

    transition: .35s;

}


.read-btn:hover {

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(212, 175, 55, .35);

}


/* Footer */

.wish-from {

    text-align: center;

    color: #d4af37;

    font-size: 17px;

    line-height: 1.8;

    font-weight: 600;

}



/* Floating Animation */

.birthday-panel {

    animation: cardFloat 5s ease-in-out infinite;

}


@keyframes cardFloat {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-8px);

    }

    100% {

        transform: translateY(0px);

    }

}



/* Responsive */

@media(max-width:1200px) {

    .birthday-panel {

        max-width: 420px;

    }

}



@media (max-width: 992px){

    html,
    body{
        height:auto;
        overflow-y:auto;
        overflow-x:hidden;
    }

    #main{
        height:auto;
        overflow:visible;
    }

    #about-us,
    #about-us .container,
    #about-us .content{
        height:auto;
    }

    .birthday-panel{
        margin-top: 30px !important;
    }

    .php-email-form{
        margin-bottom: 50px !important;
    }

}



#birthdayPanel{

    display:none;

    opacity:0;

    /* transform:translateY(40px); */

    zoom: 0.95 !important;
}




.wish-points{

    margin:20px 0;

}

.wish-item{

    display:flex;

    align-items:center;

    gap:1px;

    /* padding:10px 0;

    border-bottom:1px solid rgba(255,255,255,.08); */

}

.wish-item:last-child{

    border-bottom:none;

}

.wish-item i{

    color:#d4af37;

    font-size:18px;

    min-width:20px;

}

.wish-item span{

    color:#f3f3f3;

    font-size:13px;

}