/*=====>=====>=====>*** Banner Section CSS Start Here ***<=====<=====<=====*/
.banner-sec {
    z-index: 1;
}

.banner-sec .banner-image {
    z-index: -1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banner-sec .banner-content {
    max-width: 650px;
}

.banner-features>.container {
    overflow: hidden;
}

.banner-features-slider .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
    --gap: 140px;
    grid-gap: 15px clamp(40px, 7.295vw, var(--gap));
}

.banner-features-slider .slick-slide {
    display: flex !important;
}

.banner-feature img {
    max-width: 27px;
    max-height: 27px;
    object-fit: contain;
}

@media (min-width:992px) {
    .banner-features-slider .slick-track {
        width: 100% !important;
        transform: none !important;
    }

}

@media (max-width:1399px) {
    .banner-features-slider .slick-track {
        --gap: 60px;
    }

    .banner-feature img {
        max-width: 24px;
        max-height: 24px;
    }
}

@media (max-width: 1199px) {
    .banner-sec .banner-image {
        filter: brightness(0.5);
        object-position:84%;
    }

    .banner-sec .banner-content {
        max-width: 525px;
    }

}

/*=====>=====>=====>*** Banner Section CSS Close Here ***<=====<=====<=====*/
/*=====>=====>=====>*** About Our Firm Section CSS Start Here ***<=====<=====<=====*/
.about-firm-row .about-image-col {
    width: 33.931%;
    line-height: 0;
    position: sticky;
    top: calc(var(--henshaw-top-spacing) + 10px);
}

.about-inner-row {
    gap: 50px;
}

.about-inner-row .about-logo-col {
    width: 18.15%;
    min-width: 166px;
}

.about-logo-col img+a {
    margin-top: clamp(46px, 4.25vw, calc(var(--henshaw-spacing-60) + 6px));
    text-align: center;
    max-width: 175px;
    width: 100%;
    padding-inline:5px;
}

.about-inner-row>img {
    width: 31.178%;
    object-fit: cover;
}

.about-logo-col img {
    object-fit: contain;
}

@media (max-width: 1849px) {
    .about-inner-row {
        gap: 20px clamp(10px, 1.65vw, 30px);
    }
}

@media (max-width: 1199px) {
    .about-inner-row .about-logo-data-col {
        width: 60%;
    }


    .about-inner-row>img {
        width: auto;
    }
}


@media (max-width: 991px) {
    .about-inner-row>img {
        order: 1;
        width: 100%;
    }

    .about-inner-row .about-logo-data-col {
        order: 2;
    }

    .about-inner-row .about-logo-col {
        order: 3;
    }


    .about-firm-row .about-image-col {
        width: 100%;
        position: static;
        top: auto;
    }

    .about-logo-col img+a {
        margin-inline: auto;
        max-width: 150px;
        display: block;
    }
}

@media (max-width: 480px) {
    .about-inner-row .about-logo-data-col {
        width: 100%;
    }

    .about-inner-row .about-logo-col {
        margin-inline: auto;
    }
}

/*=====>=====>=====>*** About Our Firm Section CSS Close Here ***<=====<=====<=====*/
/*=====>=====>=====>*** Practice Areas Section CSS Start Here ***<=====<=====<=====*/
.practice-areas-data-row.row {
    --col-gap: clamp(20px, 3.65vw, 70px);
    grid-row-gap: clamp(24px, 2.65vw, 50px);
}

.practice-areas-data-row.row>.practice-areas-data-col {
    align-content: flex-start;
}

.practice-areas-data-col>img {
    max-width: 60px;
    height: 46px;
    object-fit: contain;
    object-position: left top;
}

.practice-areas-data-col>.practice-area-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 372px;
}

@media (max-width: 575px) {
    .practice-areas-data-row.row>.inner-col:not(:last-child) {
        border-bottom: 1px solid rgb(112 112 112 / 30%);
        padding-bottom: 24px;
    }

    .practice-areas-data-col>.practice-area-description {
        max-width: 100%;
    }
}

/*=====>=====>=====>*** Practice Areas Section CSS Close Here ***<=====<=====<=====*/
/*=====>=====>=====>*** Why Choose Hensshaw Law Office Section CSS Start Here ***<=====<=====<=====*/
.why-choose-row .why-choose-image-col {
    width: 32.081%;
    position: sticky;
    top: calc(var(--henshaw-top-spacing) + 10px);
    line-height: 0;
}

.why-choose-rating-col {
    min-width: 165px;
    width: 11.561%;
    align-content: stretch;
    align-items: stretch;
    --logo-height: clamp(124px, 10.25vw, 134px);
}

.why-choose-rating-col .why-choose-henshaw-logo {
    height: var(--logo-height);
}

.why-choose-henshaw-logo img {
    object-fit: contain;
    max-width: clamp(72px, 6.5vw, 87px);
}

.why-choose-rating-col .why-choose-ratings {
    height: calc(100% - var(--logo-height));
    align-content: space-around;
    padding: var(--henshaw-spacing-32) var(--henshaw-spacing-16);
    grid-gap: var(--henshaw-spacing-32);
}

.why-choose-rating-data>img {
    max-width: clamp(30px, 2.95vw, 38px);
    max-height: clamp(32px, 2.85vw, 40px);
    object-fit: contain;
}

.why-choose-rating .rating-icon {
    border-bottom: 1px solid rgb(112 112 112 / 30%);
    padding-bottom: 8px;
    padding-inline: 5px;
}

.why-choose-rating .rating-icon>img {
    max-width: clamp(14px, 1.25vw, 17px);
    max-height: clamp(14px, 1.25vw, 17px);
    object-fit: contain;
}

/* Why Choose Henshaw Features */
.henslaw-features-row.row {
    --col-gap: clamp(16px, 1.65vw, 30px);
    grid-row-gap: 24px;
}

.henslaw-features-row .henshaw-law-feature-col {
    padding: clamp(24px, 2.75vw, 34px) clamp(16px, 0.75vw, 24px);
    background-image: url(../images/henshaw-law-feature-card-bg.svg);
    background-size: 25.72%;
    background-repeat: no-repeat;
    background-position: top 6px right 10px;
}

.henshaw-law-feature-col img {
    height: clamp(60px, 5.5vw, 72px);
    width: clamp(64px, 6vw, 68px);
    object-fit: contain;
    object-position: bottom left;
}

@media (max-width: 1849px) {
    .why-choose-rating-col {
        align-self: flex-start;
        position: sticky;
        top: calc(var(--henshaw-top-spacing) + 10px);
    }
}

@media (max-width: 991px) {

    .why-choose-row .why-choose-image-col,
    .why-choose-image-col {
        position: static;
        top: auto;
    }

    .why-choose-row .why-choose-image-col {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .why-choose-rating-col {
        min-width: auto;
        width: 100%;
    }

    .why-choose-rating-col .why-choose-ratings {
        justify-content: space-evenly;
        grid-column-gap: 40px;
    }
}

/*=====>=====>=====>*** Why Choose Hensshaw Law Office Section CSS Close Here ***<=====<=====<=====*/
/*=====>=====>=====>*** Our Clients Section CSS Start Here ***<=====<=====<=====*/
.our-clients-reviews.row {
    --col-gap: clamp(20px, 4.85vw, 100px);
    grid-row-gap: 30px;
}

.our-clients-reviews .our-client-review {
    padding: 10px 0 30px;
    flex-direction: column;
    align-content: flex-start;
}

.our-clients-reviews .our-client-review:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% + (var(--col-gap) / 2));
    width: 1px;
    height: 100%;
    background-color: var(--henshaw-gray-400);
    opacity: 0.3;
}

.our-client-review>img {
    max-width: 58px;
    object-fit: contain;
}

.client-name-and-designation {
    margin-top: auto;
    padding-top: clamp(18px, 1.85vw, var(--henshaw-spacing-26));
}

.client-name-and-designation::after {
    content: '';
    display: block;
    width: 49px;
    height: 2px;
    background-color: var(--henshaw-primary);
}

@media (max-width: 767px) {
    .our-clients-reviews .our-client-review {
        padding: 0;
    }

    .our-clients-reviews .our-client-review:first-child {
        border-bottom: 1px solid rgb(112 112 112 / 30%);
        padding-bottom: 30px;
    }

    .our-clients-reviews .our-client-review:first-child::after {
        display: none;
    }
}

/*=====>=====>=====>*** Our Clients Section CSS Close Here ***<=====<=====<=====*/
/*=====>=====>=====>*** Our Latest Blog Section CSS Start Here ***<=====<=====<=====*/
.latest-blog-row.row {
    --col-gap: clamp(20px, 1.685vw, 30px);
    grid-row-gap: var(--col-gap);
}

.latest-blog-row .latest-blog-col {
    padding: clamp(24px, 2.75vw, 50px) clamp(15px, 1.65vw, 30px) clamp(20px, 2.45vw, 42px);
    align-content: flex-start;
}

.latest-blog-row .latest-blog-col> :where(h3, p) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
}

.latest-blog-row .latest-blog-col>h3 {
    -webkit-line-clamp: 1;
}

.latest-blog-row .latest-blog-col>p {
    -webkit-line-clamp: 4;
}

/*=====>=====>=====>*** Our Latest Blog Section CSS Close Here ***<=====<=====<=====*/
.consultation-row.row {
    --col-gap: clamp(30px, 3.65vw, 70px);
    grid-row-gap: var(--col-gap);
}

.consultation-form-col>.wpcf7 {
    margin-top: clamp(20px, 2.25vw, calc(var(--henshaw-fs-34) + 2px));
}

@media (max-width: 991px) {
    .consultation-row.row.cols-2 {
        --col-items: 1;
        padding-block: 60px;
    }

    .consultation-form-col.py-90 {
        padding: 0;
    }

    .consultation-sec .container.container-offset-left {
        max-width: var(--henshaw-container-size);
        margin-inline: auto;
        padding-inline: 15px;
    }
}