#modal-subscribe .profile-box .profile-cta {
    position: relative;
    font-size: 16px;
    line-height: 2px;
    padding: 20px 18px;
    font-family: 'Coiny';
    font-weight: 100;
    overflow: hidden;
    color: #000000;
    background: #56b05f;
    border-radius: 7px;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-left: 50px;
    word-spacing: 2px;
    white-space: nowrap;
    transition: all .3s ease;
}
.profile_Now {
   
height: 40px;
    box-shadow: 0 6px 0 0 #6ebc95;
    animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
}
.profile_Now::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: linear-gradient(180deg,rgba(255,255,255,0.42) 0%,rgba(255,255,255,0) 100%)
}

@keyframes bounce {
    0% {
        transform: rotate(0deg)
    }

    2% {
        transform: rotate(-3deg)
    }

    4% {
        transform: rotate(3deg)
    }

    6% {
        transform: rotate(-3deg) translateY(-2px)
    }

    8% {
        transform: rotate(3deg)
    }

    10% {
        transform: rotate(-3deg) translateY(2px)
    }

    12% {
        transform: rotate(3deg)
    }

    14% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

#modal-subscribe p{
	font-family: cursive;
    text-transform: capitalize;
    font-size: 17px;
    text-align: center;
}
#modal-subscribe img{
      width: 190px;
    margin: -70px 5px 5px 125px;
}
#modal-subscribe .modal-content{
  background-image: -webkit-linear-gradient(120deg, #b7dcff 55%, #76bdff 82%);
    border-radius: 37px;
    box-shadow: inset -5px -5px 0px 0 rgb(183 220 255), inset 0px 0px 6px 0 #b7dcff,
     -3px -3px 4px 0 #b6dcff, 3px 5px 6px 0 rgb(183 220 255);
  
         margin: unset;
    height: unset;
    width: unset;
}
#modal-subscribe .modal-body{

    padding:30px;

}
.profile-box span{
       line-height: 0px;
    padding: 0px 5px;
}
#modal-subscribe  .close{
    color: #000;
    display: unset;
}

@media (min-width: 321px) and (max-width: 375px){

#modal-subscribe img {
    width: 190px;
    margin: -70px 5px 5px 40px;
}
#modal-subscribe .profile-box .profile-cta {
    font-size: 14px;
    line-height: 2px;
    padding: 20px 5px;
    margin-left: 0px;
}
#modal-subscribe  .close{
    display: unset;
}

}
@media (min-width: 376px) and (max-width: 425px){

#modal-subscribe img {
    width: 190px;
    margin: -70px 5px 5px 70px;
}
#modal-subscribe .profile-box .profile-cta {
    font-size: 14px;
    line-height: 2px;
    padding: 20px 5px;
    margin-left: 35px;
}
#modal-subscribe  .close{
    display: unset;
}

}
@media (min-width: 426px) and (max-width: 576px){


#modal-subscribe img {
    width: 190px;
    margin: -70px 5px 5px 120px;
}
#modal-subscribe .profile-box .profile-cta {
    font-size: 14px;
    line-height: 2px;
    padding: 20px 5px;
    margin-left: 85px;
}
#modal-subscribe  .close{
    display: unset;
}

}
@media (min-width: 577px) and (max-width: 991px){

#modal-subscribe img {
    width: 190px;
    margin: -70px 5px 5px 120px;
}
#modal-subscribe .profile-box .profile-cta {
    font-size: 14px;
    line-height: 2px;
    padding: 20px 5px;
    margin-left: 85px;
}
#modal-subscribe  .close{
    display: unset;
}


}
@media (min-width: 1200px) and (max-width: 1336px){

#modal-subscribe  .close{
    display: unset;
}

}
@media (min-width: 1920px){

#modal-subscribe  .close{
    display: unset;
}

}