/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;

overflow: hidden;
width: 100%;
}



.mattblackmenu li {
    display: inline-block; margin: 0;
}




.mattblackmenu li a {display: block;
 text-decoration: none;
  margin: 0;
    padding: 6px 8px;
    border-right: 1px solid gray;
    color: black; font-size:14px;
}


.mattblackmenu li a:visited{
color: Black;
}

.liPharmart a {
    color:#fff !important; 
    background-color:#b532b4;
}
.mattblackmenu li a:hover{
background: grey; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: grey; /*background of tab with "selected" class assigned to its LI */
}


/* CSS Added on 23/01/2026 by Rupesh */

.pmtlogo {
width: 200px;        
}

/*FLIP*/
.flip-card {
background-color: transparent;
border: 1px solid #ddd;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
}

.flip-card-inner {
position: relative;
width: 200px;
height: 50px;
text-align: center;
transition: transform 0.9s;
transform-style: preserve-3d;
animation: mymove 10s 0s infinite;
}

@keyframes mymove {
0% {
    transform: rotateY(0deg);
}
50% {
    transform: rotateY(180deg);
}
100% {
    transform: rotateY(360deg);
}
}

.flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
position: absolute;
width: 200px;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card-front {
color: black;
}

.flip-card-back {
background: #fff;
color: #000;
font-size: 1.5em;
transform: rotateY(180deg);
}
.flip-card-back a {
text-decoration: none;
}