html{
    scroll-behavior: smooth;
}

#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

swiper-slide{
  margin-bottom: 50px;
}

.poppins {
  font-family: "Poppins", sans-serif;
  font-style: normal;
}

.swiper-wrapper {
    transition-timing-function: linear;
}

@media only screen and (max-width: 778px) {
  .f-head{
    font-size: 2.5rem;
  }

  .h-vid{
    height: 700;
  }
}

@media only screen and (min-width: 779px) {
  .f-head{
    font-size: 5rem;
  }
  .h-vid{
    height: 100%;
  }
}

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");

 .pricing {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
   gap: 3rem;
}
 .pricing .plan {
	 background-color: #fff;
	 padding: 3.5rem;
	 margin: 12px;
	 border-radius: 5px;
	 text-align: center;
	 transition: 0.3s;
	 cursor: pointer;
}
 .pricing .plan h2 {
	 font-size: 22px;
	 margin-bottom: 12px;
   color: black;
}
 .pricing .plan .price {
	 margin-bottom: 1rem;
	 font-size: 30px;
   font-weight: bolder;
   color: black;
}
 .pricing .plan ul.features {
	 list-style-type: none;
	 text-align: left;
}
 .pricing .plan ul.features li {
	 margin: 8px;
   color: black;
}
 .pricing .plan ul.features li .fas {
	 margin-right: 4px;
}
 .pricing .plan ul.features li .fa-check-circle {
	 color: #000043;
}
 .pricing .plan ul.features li .fa-times-circle {
	 color: #eb4d4b;
}
 .pricing .plan button {
	 border: none;
	 width: 100%;
	 padding: 12px 35px;
	 margin-top: 1rem;
	 background-color: #000043;
	 color: #fff;
	 border-radius: 5px;
	 cursor: pointer;
	 font-size: 16px;
}
 .pricing .plan.popular {
	 border: 2px solid #000043;
	 position: relative;
	 transform: scale(1.08);
}
 .pricing .plan.popular span {
	 position: absolute;
	 top: -20px;
	 left: 50%;
	 transform: translateX(-50%);
	 background-color: #000043;
	 color: #fff;
	 padding: 4px 20px;
	 font-size: 18px;
	 border-radius: 5px;
}
 .pricing .plan:hover {
	 box-shadow: 5px 7px 67px -28px rgba(0, 0, 0, 0.37);
}