html,
        body {
          height: 100%;
           background-color: #000000bf !important;
         
        }

        

                 @media (max-width: 576px) {
                  .row-cols-5>* {
                    flex: 0 0 auto;
                    width: 31% !important;
                  }

                  .card-style {
                    overflow: hidden;
                    margin: 0px -8px 20px !important;

                    border-radius: 15px;
                    border: none;
                    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 8%);
                  }
                }

                @media (max-width: 650px) {
                  .row-cols-5>* {
                    flex: 0 0 auto;
                    width: 31% !important;
                  }

                  .card-style {
                    overflow: hidden;
                    margin: 0px -8px 20px !important;

                    border-radius: 15px;
                    border: none;
                    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 8%);
                  }

                }


                h3 {
                  font-size: 14px !important;
                }


                @media (max-width: 576px) {
                  .mobile-hide {
                    display: none;
                  }

                  .pc-hide {
                    display: block;
                  }

                  .fullscreen-bg__video {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                 background-color: black;
            
                }
                }

                @media (min-width: 576px) {
                  .mobile-hide {
                    display: block;
                  }

                  .pc-hide {
                    display: none;
                  }

                  .fullscreen-bg__video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: auto;
                background-color: black;
                min-width: 100%; 
                min-height: 100%; 
                
            }

           
                }

                .mdi-36px {
                  font-size: 39px;

                }

                .titleco {
                  color: #ffffff !important;
                }



                .fullscreen-bg {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                overflow: hidden;
                z-index: -100;
                min-width: 100%;
               min-height: 100%;
            }



                .cardcolo {
                  background-color: #17171700 !important;

                }

                .footercolo {
                  background-color: #171717 !important;

                }



                .cardcolor {
                  color: #ffffff !important;
                }

                .cardpadd {
                  padding-top: 5px !important;
                }

                .color-red-dark {
                  color: #f8422d !important;
                }

                .footer-bar-1 .active-nav i,
                .footer-bar-1 .active-nav span,
                .footer-bar-3 .active-nav i {
                  color: #f8422d !important;
                }

                .btn-13:after {
                  content: "";
                  width: 100%;
                  height: 0;
                  bottom: 0;
                  left: 0;
                  z-index: -1;
                  border-radius: 5px;
                  background-color: #4dccc6;
                  background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
                  box-shadow:
                    -7px -7px 20px 0px #fff9,
                    -4px -4px 5px 0px #fff9,
                    7px 7px 20px 0px #0002,
                    4px 4px 5px 0px #0001;
                  transition: all 0.3s ease;
                }

                @media (max-width: 550px) {
                  .row {
                      margin-bottom: 0 !important;
                      padding-top: 0px !important;
                  }

                  .element.style {
                    padding-top: 0 !important;
                  }

                  .style {
                    padding-top: 0 !important;
                  }

                  





                }

                /*@media (pointer: coarse) and (hover: none) {
              header {
                background: url('images/meetlogo.png') black no-repeat center center scroll;
              }
              header video {
                display: none;
              }
            }*/