.youtube-embed {
  position: relative;
  padding-bottom: 56%;
  width: 100%;
  text-align: left;
}

.youtube-embed iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bx-shadow {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}



/* Css For The call And Whatsapp */


@media only screen and (min-width: 220px) and (max-width: 767px) {
  .call {

    position: fixed;
    left: 4%;
    bottom:6%;
    height: auto;
    background: transparent;
    z-index: 1001;
  }

  .map-b {

    position: fixed;
    left: 4%;
    bottom: 10%;
    height: auto;
    background: transparent;
    z-index: 1001;
  }
}

@media only screen and (min-width: 768px) {
  .call {
    position: fixed;
    left: 2.5%;
    bottom: 20%;
    height: auto;
    background: transparent;
    z-index: 1001;
  }

  .map-b {
    position: fixed;
    left: 2.5%;
    bottom: 5%;
    height: auto;
    background: transparent;
    z-index: 1001;
  }
}

.call-button {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 0px;
  position: relative;
  background-color: #3f78e0;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 #3f78e0;
-webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

.call-button:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

.map-button {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 0px;
  position: relative;
  background-color: #5ac612;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 #5ac612;
-webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

.map-button:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(188, 132, 32, 0);
  }
}

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
  }
}

@-webkit-keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(188, 132, 32, 0);
  }
}

@-moz-keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(232, 76, 61, 0);
  }
}

@keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(232, 76, 61, 0);
  }
}


/* Whatsapp Button Css */

@media only screen and (min-width: 220px) and (max-width: 767px) {

  .whatsapp {

    position: fixed;
    right: 4%;
    bottom: 6%;
    height: auto;
    background: transparent;
    z-index: 1001;
  }
}

@media only screen and (min-width: 768px) {

  .whatsapp {

    position: fixed;
    right: 2%;
    bottom: 20%;
    height: auto;
    background: transparent;
    z-index: 1001;
  }
}


.whatsapp-button {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 0px;
  position: relative;
  background-color: #23c15e;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 #23c15e;
  -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

.whatsapp-button:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(188, 132, 32, 0);
  }
}

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
  }
}

@-webkit-keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(188, 132, 32, 0);
  }
}

@-moz-keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(232, 76, 61, 0);
  }
}

@keyframes pulseText {
  to {
    text-shadow: 0 0 100px rgba(232, 76, 61, 0);
  }
}