.grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 4%;
   padding: 12% 0;
}

.card {
   padding: 50px;
   background: rgba(255, 255, 255, 0.1);
   border: 2px solid rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(10px);
   border-radius: 25px;
}

.card_title {
   font-weight: normal;
   font-size: 36px;
   margin-bottom: 20px;
   color: #ffffff;
}

.pricing {
   font-weight: normal;
   color: #ffffff;
   font-size:53px !important;
}

.pricing .small {
   font-size: 16px;
}

hr {
   margin-top: 56px;
}

.features {
   margin: 40px 0;
   color: #ffffff;
   list-style-position: inside;
}

.features li {
   padding-bottom: 10px;
}

a.cta_btn {
   width: 100%;
   display: inline-block;
   text-align: center;
   background: #0083be;
   border-radius: 29px;
   padding: 20px 0;
   color: white;
   text-decoration: none;
   letter-spacing: 2px;
   transition: background .3s ease;
}

a.cta_btn:hover {
   background: #000;
}

.link {
   position: fixed;
   background-color: #D12322;
   padding: 23px 40px;
   right: -99px;
   border-radius: 5px;
   top: 50%;
   transform: translateY(-50%);
   transform: rotate(-90deg);
   font-size: 18px;
   font-weight: 500;
   color: #FFF;
   text-decoration: none;
   text-transform: capitalize;
   transition: all .1s ease-in-out;
}

.link i {
   padding-left: 7px;
}

.link:hover {
   text-decoration: underline;
   background-color: black;
}

@media only screen and (max-width: 1024px) {
   .grid {
      grid-template-columns: 1fr 1fr;
      gap: 2%;
   }
}

@media only screen and (max-width: 425px) {
   .grid {
      grid-template-columns: 1fr;
      gap: 2%;
      padding-bottom: 25%;
   }

   .card {
      padding: 30px;
   }

   .card_title {
      font-size: 24px;
      margin-bottom: 12px;
   }

   .pricing {
      font-size: 52px;
   }

   hr {
      margin-top: 50px;
   }

   a.cta_btn {
      font-size: 11px;
   }
}

.outter {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.video-container {
   height: 100%;
   width: 100%;
   max-width: 100%;
   position: relative;
   overflow: hidden;
}

video.contactform {
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
}

.video-container:after {
   content: "";
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.2);
   z-index: 1;
}

.desc {
   font-family: Raleway;
   font-weight: 400;
   font-size: 18px;
}

.callout {
   position: relative;
   /*
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;*/
   height: 100%;
   text-align: center;
   position: relative;
   z-index: 10;
   width: 100%;
   margin: auto;
}

.button {
   text-transform: uppercase;
   background-color: transparent;
   border-radius: 40px;
   padding: 4px;
   border: 1px solid #b84647;
   margin-top: 20px;
}

.button .inner {
   background-color: #b84647;
   padding: 15px 30px;
   border-radius: 40px;
}

.support {
   position: fixed;
   bottom: 60px;
   right: 20px;
   text-transform: uppercase;
   font-size: 9px;
   letter-spacing: 1px;
   text-align: right;
   position: relative;
   z-index: 10;
}

.support a {
   color: white;
   text-decoration: none;
   position: relative;
   display: inline-block;
   margin-top: 10px;
}

.support a:before {
   display: block;
   position: absolute;
   content: "";
   bottom: -2px;
   width: 0;
   height: 1px;
   background-color: rgba(255, 255, 255, 0.3);
   transition: 0.3s;
}

.support a:hover:before {
   width: 100%;
}

.option2 {
   margin-top: 50px;
}

.option2 .callout {
   text-align: left;
   align-self: flex-start;
}

.option2 .callout h1 {
   text-align: left;
   width: 100%;
}

.option2 .callout .button {
   margin-right: auto;
}

.option2 .callout .desc {
   max-width: 500px;
   text-align: left;
   align-self: flex-start;
}

.price-sm-text {
   font-size: 12px;
   color: #ffffff;
   text-decoration: underline;
}

option {
   color: #000000;
}
.footer-links h5 {
   font-weight: 600 !important;
   letter-spacing: 1px;
}
.footer-links ul {
   list-style: none !important;
   font-size: 15px;
   padding: 0px 2px;
}
.footer-links ul li {
   padding: 6px 0px;
}