figure.gallery-item {
    max-width: 120px !important;
    max-height: 80px !important;
}/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1776919170
Updated: 2026-04-23 04:39:30

*/



ul {
    padding-left: 20px;
}

li {
    line-height: 2em;
}

.practice_area ul li {
    list-style: none;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 20px;
    background: #f0f4fb;
    color: #0a1f44;
    border: 1px solid #c8d6ec;
}


.practice_area ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 10px;
}





/* ==========================================================================
   OHC & ASSOCIATES — COMPLETE RESPONSIVE TYPOGRAPHY SYSTEM
   PLAYFAIR DISPLAY + INTER
========================================================================== */

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

/* ==========================================================================
   ROOT VARIABLES
========================================================================== */

:root{

    /* COLORS */
    --ohc-primary: #0F1E36;
    --ohc-secondary: #2D3748;
    --ohc-accent: #B3925D;
    --ohc-text: #4A5568;
    --ohc-light: #718096;
    --ohc-white: #ffffff;

    /* FONTS */
    --ohc-heading-font: 'Playfair Display', serif;
    --ohc-body-font: 'Inter', sans-serif;

    /* TRANSITION */
    --ohc-transition: all .3s ease;

}

/* ==========================================================================
   GLOBAL BODY
========================================================================== */

body{
    font-family: var(--ohc-body-font);
    font-size: clamp(15px, 0.95vw + 12px, 17px);
    font-weight: 400;
    line-height: 1.75;
    color: var(--ohc-text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* ==========================================================================
   HEADINGS
========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: var(--ohc-heading-font);
    font-weight: 700;
    color: var(--ohc-primary);
    line-height: 1.3;
    letter-spacing: -0.2px;
    margin-top: 0;
}

/* H1 */
h1{
    font-size: clamp(32px, 3vw + 22px, 46px);
    margin-bottom: 24px;
}

/* H2 */
h2{
    font-size: clamp(26px, 2vw + 20px, 36px);
    margin-bottom: 20px;
}

/* H3 */
h3{
    font-size: clamp(22px, 1.5vw + 18px, 28px);
    margin-bottom: 16px;
}

/* H4 */
h4{
    font-size: clamp(20px, 1vw + 17px, 24px);
    margin-bottom: 14px;
}

/* H5 */
h5{
    font-size: clamp(18px, 1vw + 15px, 20px);
    margin-bottom: 12px;
}

/* H6 */
h6{
    font-size: clamp(14px, .5vw + 12px, 16px);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--ohc-accent);
}

/* ==========================================================================
   PARAGRAPHS
========================================================================== */

p{
    font-family: var(--ohc-body-font);
    font-size: clamp(15px, 0.95vw + 12px, 17px);
    line-height: 1.85;
    margin-top: 0;
    margin-bottom: 24px;
}

/* LEAD TEXT */
.lead-text{
    font-size: clamp(18px, 1vw + 15px, 22px);
    line-height: 1.9;
    font-weight: 400;
}

/* SMALL TEXT */
.small-text{
    font-size: clamp(13px, .5vw + 11px, 14px);
    line-height: 1.7;
}

/* ==========================================================================
   LINKS
========================================================================== */

a{
    color: var(--ohc-primary);
    text-decoration: none;
    transition: var(--ohc-transition);
}

a:hover{
    color: var(--ohc-accent);
}

/* ==========================================================================
   STRONG / BOLD
========================================================================== */

strong,
b{
    font-weight: 700;
    color: var(--ohc-primary);
}

/* ==========================================================================
   SPANS
========================================================================== */

span{
    font-family: inherit;
}

/* ==========================================================================
   LISTS
========================================================================== */

ul,
ol{
    margin: 0 0 24px;
    padding-left: 20px;
}

li{
    font-size: clamp(15px, 0.95vw + 12px, 17px);
    line-height: 1.8;
}

/* ==========================================================================
   BLOCKQUOTE
========================================================================== */

blockquote{
    margin: 40px 0;
    padding-left: 25px;
    border-left: 3px solid var(--ohc-accent);
}

blockquote p{
    font-family: var(--ohc-heading-font);
    font-size: clamp(22px, 1vw + 18px, 30px);
    line-height: 1.5;
    font-style: italic;
}

/* ==========================================================================
   BUTTONS
========================================================================== */

button,
input[type="submit"],
.elementor-button{
    font-family: var(--ohc-body-font);
    font-size: clamp(14px, .5vw + 12px, 16px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: .3px;
}

/* ==========================================================================
   FORM FIELDS
========================================================================== */

input,
textarea,
select{
    font-family: var(--ohc-body-font);
    font-size: clamp(15px, 0.8vw + 12px, 16px);
    line-height: 1.6;
}

/* ==========================================================================
   LABELS
========================================================================== */

label{
    font-family: var(--ohc-body-font);
    font-size: clamp(14px, .5vw + 12px, 15px);
    font-weight: 500;
    margin-bottom: 8px;
    display: inline-block;
}

/* ==========================================================================
   TABLES
========================================================================== */

table{
    width: 100%;
    border-collapse: collapse;
}

th{
    font-family: var(--ohc-heading-font);
    font-size: clamp(16px, .7vw + 13px, 18px);
}

td{
    font-family: var(--ohc-body-font);
    font-size: clamp(14px, .7vw + 12px, 16px);
}

/* ==========================================================================
   CLIENTS LOGO SECTION
========================================================================== */

.clients-section img {
    height: clamp(100%, 4vw, 120px);
    width: auto;
    object-fit: contain;
    transition: all .3s ease;
    max-height: 90px;
}

.clients-section .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.clients-section figure.swiper-slide-inner {
    max-height: 100px;
    object-fit: contain;
}

figure.gallery-item {
    max-width: 120px !important;
    max-height: 80px !important;
}

/* .clients-section img:hover{
    filter: grayscale(0%) opacity(100%);
} */

/* ==========================================================================
   RESPONSIVE SPACING
========================================================================== */

@media(max-width: 767px){

    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        line-height: 1.25;
    }

    p{
        line-height: 1.8;
    }

    blockquote{
        padding-left: 18px;
    }

}