/* FAQ */
    .sf_faq {
      margin-top: 40px;
    }

    .sf_faq_title h2 {
      font-size: 28px;
      text-align: center;
      margin-bottom: 30px;
      color: #333;
    }

    .faq_item {
      background-color: #f7f7f7;
      border: 1px solid #eee;
      border-radius: 5px;
      margin-bottom: 10px;
    }

    .faq_item_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      cursor: pointer;
      font-weight: bold;
      color: #333;
    }

    .faq_item_title h3 {
      margin: 0;
      font-size: 18px;
      flex-grow: 1;
    }

    .faq_item_title .arrow {
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #333;
      transition: transform 0.3s ease;
    }

    .faq_item_title.active .arrow {
      transform: rotate(180deg);
    }

    .faq_item_content {
      padding: 15px;
      border-top: 1px solid #eee;
      display: none;
    }

    /* Other services */
    .other-services {
      margin-top: 30px;
      text-align: center;
    }

    .supported-services-header {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 15px;
    }


    /* Additional styles for the "Download Youtube Videos for Free" section - previously Bootstrap-dependent */
    .container {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4px;
        padding-right: 4px;
    }

    .my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
    }
 

    .mt-4 {
        margin-top: 1.5rem !important;
    }
 
  
    .video-thumbnail {
        flex-shrink: 0;
        width: 240px;
        height: 135px;
        object-fit: cover;
        border-radius: .25rem !important; /* Added border-radius to match rounded */
        max-width: 100%; /* Ensure responsiveness */
        height: auto; /* Maintain aspect ratio */
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }

 

    .nav-item {
        margin-bottom: -1px;
    }
 
    .nav-link:hover {
        border-color: #e9ecef #e9ecef #dee2e6;
    }

    .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }
 

    .tab-pane {
        display: none;
    }

    .tab-pane.active {
        display: block;
    }

    .text-small { /* For <small> tag */
        font-size: 80%;
        font-weight: 400;
    }

    .table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
        border-collapse: collapse;
    }
 
    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05);
    }
 
    .btn-success {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }