body {
    max-width: 470px !important;
    margin: 0 auto;
}

header picture img {
    width: 100%;
    margin: auto;
}

section picture img {
    width: 100%;
    margin: 0;
}

section picture {
    display: block;
    line-height: 0;
}

#initial-price .price-wrapper {
  position: relative; 
}

#initial-price .initial-img {
  display: block;
  width: 100%; 
}

#initial-price .book-link {
  position: absolute;
  top: 75%;   
  left: 50%;  
  transform: translate(-50%, -50%); 
  display: block;
  width: 90%;  
}

.counselling {
  width: 100%;  
}

.counselling:hover {
  opacity: 70%; 
}

#perks,
#info {
    padding: 32px 0;
}

#info {
    padding-bottom: 160px;
}

#clinic {
    position: relative;
}

#clinic picture.logo {
    position: absolute;
}

#clinic picture.detail {
    padding-top: 40px;
}

.about-clinic {
    padding-top: 135px;
}

.swiper-slide img {
    display: block;
    margin: auto;
    width: 90%;
}

.swiper-pagination {
  position: relative !important;   
  margin-top: 10px;    
  text-align: center;   
  transform: none;      
  z-index: auto;        
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #d6d6d6;
  border-radius: 50%;
  margin: 0 8px;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #d10f70 !important;
}

#cta {

    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 470px;
    z-index: 9999;
    text-align: center;

}



#cta a {

    display: inline-block;
    transform: scale(0.95);
    transition: transform 0.4s ease;
    animation: pulse 2.5s ease-in-out infinite;

}



#cta a:hover {
    transform: scale(1.07);
}


#cta a img {
    width: 94%;
    margin: 0;

}

#cta a:hover img {
  filter: brightness(1.1);   
  opacity: 80%;      
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1.07);
    }

    100% {
        transform: scale(0.95);
    }

}



@media screen and (max-width: 469px) {
    #mobile-menu {
        width: 100%;
        top: 62px;
    }

    

    #info {
        width: 94%;
        margin: 3%;
    }

    #info {
        padding-bottom: 124px !important;
    }

    #cta {
        padding-top: 8px;
    }

    #cta a img {
        width: 90%;
        margin: auto;
    }

}