@font-face {
         font-family: QuickSand;
         src: url(Quicksand/Quicksand-Bold.ttf);
      }

      @font-face {
         font-family: QuickLight;
         src: url(Quicksand/Quicksand-Light.ttf);
      }

      @font-face {
         font-family: QuickMedium;
         src: url(Quicksand/Quicksand-Medium.ttf);
      }



      @media (max-width:380px) and (min-width:350px) {
         .team-pics {
            margin: auto;
            justify-content: center;
            align-items: center;
            text-align: center;
            min-width: 300px;
         }

         .team-pics .img {
            position: fixed;
         }

         .prev {
            left: 20px;
         }

         .next {
            right: 20px;
         }

      }



      @media (min-width:400px) and (max-width:600px) {
         .A {
            margin: auto;
            align-items: center;
            text-align: center;
            min-width: 350px;
         }


      }

      .aboutus-heading {
         text-align: center;
         font-size: 5vw;
         letter-spacing: 1px;
         margin-top: 100px;
         font-family: QuickSand
      }

      .aboutus-para {
         margin-top: 40px;
         word-spacing: 0px;
         text-align: center;
         font-family: QuickSand;
         max-width: 50%;
      }

      .aboutus-video {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: fill;
         object-position: center;
         opacity: 0.5;
         z-index: -1;
      }

      @media (min-width:200px) and (max-width: 400px) {
         .aboutus-video {
            height: 100vh;
         }
      }

      @media (min-width:401px) and (max-width: 600px) {
         .aboutus-video {
            height: 80vh;
         }
      }

      @media only screen and (min-height: 700px) {
         .aboutus-video {
            height: 60vh;
            /* Adjust this value to set the desired height */
         }
      }