/*

Theme Name: skyaitechnologies

Theme URI: https://skyaitechnologies.com/

Author: skyaitechnologies

Author URI: https://skyaitechnologies.com/

Template: twentytwentyone

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: two-column, responsive-layout

*/
.navbar-nav .nav-link a {
    font-size: 15px;
    font-weight: 300;
    color: #fff !important;
    text-decoration: none;
}
.logo {
    max-width: 100%;
    height: 81px;
}
.header-btn {
    color: #5CC8F3;
    font-size: 15px;
    padding: 6px 16px;
    border-color: #5CC8F3;
}
.navbar .header-btn a{
    color: #5CC8F3;
    font-size: 15px;
    border-color: #5CC8F3;
    text-decoration: none;
}
.header-btn a:hover {
    color: white !important;
    text-decoration: none;
}
.navbar.navbar-glass .nav-link a {
    color: #000 !important;
    border-color: #000;
}
.navbar.navbar-glass .header-btn a {
    color: #000 !important;
    border-color: #000;
}
.navbar.navbar-glass .header-btn a:hover {
    color: white !important;
}
.card-body.custom-black .card-title  {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #212529 !important;
    text-decoration: none !important;
}
.card a {
    text-decoration: none !important;
}
.card-text p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 300 !important;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #000000;
    opacity: 72%;
}
.card-img-top {
    height: 430px;
    object-fit: cover;
    object-position: left;
}
.btn-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
}

.browse-btn {
  display: inline-block !important;
  padding: 12px 30px !important;
  border: 2px dashed #8faad8 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #2a6eb5 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background 0.3s ease !important;
}

.browse-btn:hover {
  background: #f4f8ff !important;
}

input[type="file"]#files {
  display: none !important; /* Hide default file input */
}

.upload {
  font-size: 14px !important;
  color: #6c757d !important;
  margin: 0 !important;
}
.file-name {
  display: block !important;
  margin-top: 8px !important;
  font-size: 14px !important;
  color: #333 !important;
  font-weight: 500 !important;
}
.logo-slider {
  width: 100%;
  margin: auto;
  padding: 30px 0;
}
.logo-slider img {
  max-width: 100%;
  height: 80px;
  object-fit: contain;
  /* padding: 10px; */
}
      .vidtxt-section {
      text-align: center;
      padding: 80px 20px;
      overflow: hidden;
    }

    .vidtxt-line {
      font-weight: 700;
      font-size: 94px;
      color: white !important;
      line-height: 1.3;
    }

    .vidtxt-line span {
      display: inline-block;
    }

    .vidtxt-inline {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    /* Video box */
    .vidtxt-videoBox {
      width: clamp(180px, 25vw, 320px);
      aspect-ratio: 16/9;
      border-radius: 12px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .vidtxt-videoBox video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  .hero-header::after {
      background: transparent !important;
  }
    /* Responsive typography tweaks */
    @media (max-width: 768px) {
      .vidtxt-section {
          padding: 80px 60px;
      }
      .vidtxt-line {
        font-size: clamp(1.4rem, 6vw, 32px);
      }
    }