/*topper-info stars*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% {font-size: 22px;}
    25% {font-size: 24px;}
    50% {font-size: 26px;}
    75% {font-size: 24px;}
    100% {font-size: 22px;}
}

/* Standard syntax */
@keyframes example {
   0% {font-size: 22px;}
    25% {font-size: 24px;}
    50% {font-size: 26px;}
    75% {font-size: 24px;}
    100% {font-size: 22px;}
}
/*topper-info ends*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes examples {
    0% {font-size: 22px;color: #f10101;}
    25% {font-size: 24px;color: #0155f1;}
    50% {font-size: 26px;color: #d901f1;}
    75% {font-size: 24px;color: #0d0400;}
    100% {font-size: 22px;color: #ff3303;}
}

/* Standard syntax */
@keyframes examples {
   0% {font-size: 22px;color: #f10101;}
    25% {font-size: 24px;color: #0155f1;}
    50% {font-size: 26px;color: #d901f1;}
    75% {font-size: 24px;color: #0d0400;}
    100% {font-size: 22px;color: #ff3303;}
}

@-webkit-keyframes exampless {
    0% {font-size: 26px;color: #f10101;}
    25% {font-size: 28px;color: #0155f1;}
    50% {font-size: 30px;color: #d901f1;}
    75% {font-size: 28px;color: #0d0400;}
    100% {font-size: 26px;color: #ff3303;}
}

/* Standard syntax */
@keyframes exampless {
   	0% {font-size: 26px;color: #f10101;}
    25% {font-size: 28px;color: #0155f1;}
    50% {font-size: 30px;color: #d901f1;}
    75% {font-size: 28px;color: #0d0400;}
    100% {font-size: 26px;color: #ff3303;}
}
/*topper-info ends*/






.photobox{
  display: inline-block;
}
.photobox__previewbox{
  position: relative;
  overflow: hidden;
}
.photobox__preview{
  display: block;
}
.photobox__previewbox:before{
  content: "";
}
.photobox_type1 .photobox__previewbox:before{
  padding: 25%;
  border-radius: 50%;
  
  position: absolute;
  top: 0;
  left: 0;

  background-color: var(--photoboxOverlay, rgb(212, 33, 29, 0.57));
  transition: transform calc(var(--photoboxAnimationDuration, .2s) / 2) ease calc(var(--photoboxAnimationDuration, .2s) / 2);
  will-change: transform;
  transform: scale(0);
}

.photobox_type1:hover .photobox__previewbox:before{
  transform: scale(2);
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transition-delay: 0s;
}

.photobox_type1 .photobox__label{
  transform: translate(-200%, -50%);
  transition: transform var(--photoboxAnimationDuration, .2s) ease-out;
  will-change: transform;
  
  position: absolute;
  top: 50%;
  left: 15%;
}

.photobox_type1:hover .photobox__label{
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transform: translate(0, -50%);
}




.accordion {
   background-color: #aeaeae;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    transition: 0.4s;
    margin-bottom: 10px;
    border: none;
    font-weight: bold;
    font-size: 16px;
}

.active, .accordion:hover {
    background-color:#000000; 
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}