body{
  font-family: "Poppins", sans-serif!important;
}

a {
    text-decoration: none!important;
    color:#313131!important;
}

a:hover {
    text-decoration: none!important;
    color:#ff71e1!important;
}

:hover{
  transition: .5s;
}

nav.nav {
    height: 90px;
    background:#ffffff;
}

.logo{
  width: 130px;
}

.width-100-percent{
  width: 100%!important;
  display: inline-block;
  text-align: center;
}

.height-100-percent{
  height: 100%!important;
}

.button-primary {
    background: #ff71e1;
    padding: 10px 25px;
    border-radius: 99px;
    font-weight: 600;
    border: none;
    font-size: 14px;
}

.button-primary:hover {
    background: #222222;
    padding: 10px 25px;
    border-radius: 99px;
    font-weight: 600;
    color: #ff71e1;
}

.slider {
    margin-top: 90px;
}

.background-pink{
  background: #ff71e1;
  color:#ffffff!important;
}

.height-100-vh{
  height:100vh;
}

.height-100-percent{
  height:100%;
}

.label {
    /* background: #ffc5f3; */
    display: inline-block;
    padding: 3px 15px;
    border-radius: 99px;
    border: 2px solid #ff71e1;
    background:#ffffff;
}

.big {
    font-weight: 700;
    font-size: 5em;
    letter-spacing: -4px;
    line-height: 1em;
    /* color: #ff71e1; */
}

p{
  line-height: 1.7em;
}

.button-secondary, .button-secondary-two{
    border-radius: 99px;
}

.button-secondary {
    background: #ff71e1;
    padding: 14px 27px;
    font-weight: 600;
}

.button-secondary:hover {
    background: #222222;
}

.button-secondary-two {
    background: #222222;
    padding: 14px 27px;
    font-weight: 600;
    color: #ffffff!important;
}
.button-secondary-two, .button-secondary{
    font-size: 14px;
}
.pink{
  color:#ff71e1!important;
}

.bold {
    font-weight: 600;
}






.pulse {
  background-color: #ff71e1;
  height: 20vmax;
  width: 20vmax;
  border-radius: 100%;
  position: absolute;
  top: 21%;
  right: 27%;
  z-index: -1;
}
.ring {
  position: absolute;
  background-color: inherit;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  opacity: 0.8;
  animation: pulsing 2s ease-out infinite;

  &:nth-of-type(1) {
    animation-delay: -0.5s;
  }
  &:nth-of-type(2) {
    animation-delay: -1s;
  }
  &:nth-of-type(3) {
    animation-delay: -1.5s;
  }
}

@keyframes pulsing {
  100% {
    transform: scale(1.75);
    opacity: 0;
  }
}

.border-radius {
    border-radius: 18px;
}

input.input {
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    text-align: left!important;
}

.smaller {
    font-size: 11px;
    color: #a8a8a8;
}

.icon-price {
    background: #ffc5f3;
    height: 40px;
    width: 40px;
    border-radius:99px;
}

ol.smaller {
    margin: 0px;
    padding: 0px 25px;
    line-height: 20px;
}

.small-label {
    background: #fffa00;
    padding: 2px 9px;
    border-radius: 4px;
    font-weight: 600;
}

.slider-background {
    background-image: url(../../images/background/wallpaper.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -2;
    position: relative;
}

.background-grey{
  background:#f2f2f2;
  z-index: -1;
}

.icon-big-black {
width: 70px;
    height: 70px;
    display: inline-block;
    background: #242424;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #ffffff;
    border: 7px solid #bbbbbb;
    color:#ffffff!important;
}

.icon-big-pink {
    width: 70px;
    height: 70px;
    display: inline-block;
    background: #ff71e1;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #ffffff;
    border: 7px solid #ffafee;
}

.left-overlay-gradient{
  
background: #ffffff;
  
background: linear-gradient(90deg, rgba(255, 255, 255, .8) 35%, rgba(255, 255, 255, .2) 100%);
}

#myVideo {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
    right:0;
}

.white{
  color:#ffffff!important;
}

.background-white{
  background:#ffffff!important;
}

.zoom:hover {
    transform: scale(1.08)!important;
}

.zoom {
    transition: .3s;
}

.background-white{
  background:#ffffff;
}

.card-box {
    border: 1px solid #ff71e1;
    border-bottom: 9px solid #ff71e1;
    box-shadow: 0px 0px 10px #eaeaea;
}

.float-right {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 8px;
    color: #ffffff;
}

.text-label {
    background: #ff71e1;
    padding: 6px 12px;
    color: #ffffff;
    width: 100%;
    border-radius: 0px 0px 0px 12px;
}

span.small-point {
    height: 8px;
    width: 8px;
    /* background: #cbcbcb; */
    display: inline-block;
    border-radius: 99px;
    border: 2px solid #a200ff;
}

.whatsapp {
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 99px;
    color: #ffffff;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.whatsapp-icon {
    background: #075E54;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    border-radius: 99px;
    color: #ffffff;
    font-size: 30px;
}

.accordion-item:first-of-type,.accordion-item,.accordion-item:last-of-type {
    border: none!important;
    border-radius: 0px!important;
}

button.accordion-button {
    background: #ff71e1;
}

button.accordion-button {
    border-radius: 8px!important;
}

.border-pink {
    border: 3px solid #ff71e1;
}

.border-black {
    border: 3px solid #000000!important;
}

hr {
    border-top: 1px dashed #505050!important;
}

button.mobile-menu-nav {
    padding: 0px;
    border: none;
    background: none;
    color: #ff71e1;
    font-size: 40px;
}

.logo-center {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: center;
    top: 37%;
}

.lable-in {
    position: absolute;
    left: 15px;
    top: 10.5px;
}

input.input-no-style {
    padding: 10px 15px 11px 55px;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    text-align: left !important;
}

a.medium {
    font-size: 23px;
}

.black{
    color:#000000!important;
}








/*RESPONSIVE DESIGN - MOBILE*/
@media only screen and (max-width: 800px) {
  .desktop {
      display: none;
  }  
}


/*RESPONSIVE DESIGN - DESKTOP*/
@media only screen and (min-width: 800px) {
  .mobile {
      display: none;
  }  
}