/* ----------------------------------

Template Name: Digalu - Digital Marketing Agency Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Roboto
Main Color   : #8A6552

-------------------------------------

[Typography]

Body copy:    15px 'Roboto', sans-serif
Header:     36px 'Roboto', sans-serif
Input, textarea:  15px 'Roboto', sans-serif
Sidebar heading:  20px 'Roboto', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03. Topbar
    04 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    05. Banner
        - Slide Effect
        - Fade Effect
    06. Features
    07. About Us
        - Full Width Version
        - Default Version
    08. Services
        - Version One
        - Version Two
        - Version Three
    09. Why Choose Us
    10. Company Analysis/Graph
    11. Companies/Clients/Partner
    12. Team
    13. Testimonials
    14. Projects
    15. Gallery
    16. Our Expertise
    17. Work Process
    18. FAQ
    19. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    20. Error 404
    21. Footer
    22. PHP Contact Form
    23. Others

*/

/*
** General Styles for HTML tags
*/
.client-sample-section {
    padding: 60px 15px;
    background-color: #f5f7fa;
  }
  
  .client-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  
  .client-card {
    background: #ffffff;
    padding: 25px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }
  
  .client-card h3 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  
  .client-card p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
  }
  
  .sample-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s ease;
  }
  
  .sample-btn:hover {
    background: #0056b3;
  }
  
  /* Tablet View */
  @media (max-width: 992px) {
    .client-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* Mobile View */
  @media (max-width: 576px) {
    .client-container {
      grid-template-columns: 1fr;
    }
  }