/* answer-the-phone */
.home .ans-phone {
    padding: 51px 0 80px 0;
}

.ans-phone .row {
    border-radius: 8px;
    box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
    position: relative;
    overflow: hidden;
}

.ans-phone-inner {
    padding: 72px 88px 95px 46px;
}

.ans-phone-inner h3 {
    margin-top: 16px;
    font-size: 29px;
    line-height: 38px;
}

.ans-phone-inner p {
    margin: 28px 0;
}

.ans-phone img {
    max-height: 663px;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.ans-phone .cta-group {
    gap: 18px;
}

.ans-phone .btn-yellow {
    padding: 5px 50px 6px 50px;
}

.ans-phone .btn-clear {
    padding: 5px 59px 6px 59px;
}

@media only screen and (max-width : 1400px) {
    .ans-phone img {
        max-height: 100%;
        height: 100%;
    }
}

@media only screen and (max-width : 992px) {
    .ans-phone .col-md-4.p-0 {
        display: none;
    }

    .ans-phone .col-md-8 {
        width: 100%;
        text-align: center;
    }

    .ans-phone-inner {
        padding: 40px 31px;
    }

    .ans-phone .cta-group {
        gap: 18px;
        flex-direction: column;
        align-items: center;
    }

    .ans-phone .cta-group a {
        min-width: 286px;
        justify-content: center;
    }
}
/* blog-slider */
.post-slider {
    margin-bottom: 51px;
}

.post-slider .slick-track {
    display: flex;
}

.post-slider .slick-track .slick-slide {
    height: inherit;
}

.post-slider p.text-center {
    margin: 14px 0 51px 0;
}

.post-slider .slick-prev,
.post-slider .slick-next {
    top: 34%;
}

.post-slider .btn-wrap {
    margin-top: 40px;
}

.post-slider .btn-wrap .btn-yellow {
    border: 1px solid var(--black);
}

.post-slider-inn {
    padding-top: 40px;
}
/* digital-marketing-services */
.digital-marketing {
    padding: 83px 0 76px 0;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.dms-item,
.digital-marketing h2 {
    margin-bottom: 32px;
}

.dms-item .dm-card {
    border-radius: 4px;
    border: 0.5px solid var(--grey2);
    background: var(--white);
    gap: 22px;
    padding: 20px 5px;
    height: 100%;
    min-height: 279.679px;
    box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
    position: relative;
    overflow: hidden;
}

.dms-item .dm-card .dms-title,
.dms-item .dm-card .dms-image {
    z-index: 1;
}

.dms-item .dm-card .dms-title {
    font-size: 18px;
    line-height: 23px;
}

.dms-item .dm-card .dms-image img {
    height: 122px;
    object-fit: contain;
}

.dms-item .dm-card .btn-white {
    max-width: fit-content;
    margin: 0 auto;
}

.dms-item .dm-card .btn-white span {
    font-size: 14px;
}

.dms-item .dm-card .btn-white svg {
    margin-top: 0;
}

.dms-item .dm-card .dms-cta {
    opacity: 0;
    transition: all .4s ease-in-out;
    margin-top: -50px;
}

.dms-item .dm-card::before {
    content: "";
    background: url("https://lmh.agency/wp-content/themes/lmh-custom/library/images/union.svg") center / cover no-repeat;
    z-index: 0;
    opacity: 0;
    transition: all .6s ease;
    position: absolute;
    inset: 0;
}

.dms-item .dm-card:hover::before {
    opacity: 1;
}

.dms-item .dm-card:hover .dms-cta {
    opacity: 1;
    margin-top: 0;
}

.dms-item.deactive {
    pointer-events: none;
}

.dms-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
}

.dms-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(12, 12, 12, 0.70);
    opacity: 0;
    transition: opacity .4s ease;
}

.dms-popup-content {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 500px;
    max-width: 100%;
    background: var(--white) url("https://lmh.agency/wp-content/themes/lmh-custom/library/images/dms-popup-bg.webp") center center / cover no-repeat;
    padding: 40px 26px 49px 26px;
    transform: translateX(100%);
    transition: transform .45s ease;
    overflow-y: auto;
}

.dms-popup.dms-active {
    pointer-events: auto;
}

.dms-popup.dms-active .dms-popup-overlay {
    opacity: 1;
}

.dms-popup.dms-active .dms-popup-content {
    transform: translateX(0);
}

.dms-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 26px;
    cursor: pointer;
}

.dms-popup-content h3 {
    font-size: 26px;
    line-height: 31px;
    margin-top: 21px;
}

.dms-popup-title,
.dms-popup-title h4, .dms-popup-title h5 {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.dms-popup-title {
    gap: 26px;
}

.dms-popup-title h4, .dms-popup-title h5 {
    gap: 7px;
    font-size: 21.282px;
}

.dms-popup-price {
    border-radius: 6px;
    border: 1px solid #000;
    background: rgba(255, 225, 0, 0.40);
    font-size: 14px;
    padding: 4px 14px;
    margin-bottom: 0;
}

.dms-popup-group ul {
    padding: 0;
    margin: 16px 0 45px 0;
    list-style: none;
    text-align: left;
}

.dms-popup-group ul li {
    display: flex;
    gap: 9px;
    margin-bottom: 16px;
}

.dms-popup-group ul li:last-child {
    margin-bottom: 0;
}

body.dms-popup-active {
    overflow: hidden;
}

.p6 {
    left: -200px;
    top: 500px;
    animation: p6Move 50s linear infinite;
    height: 400px;
    width: 400px;
    position: absolute;
}

@keyframes p6Move {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0);
    }
}

.p7,
.p7-a {
    position: absolute;
    bottom: 75px;
    left: -20px;
    animation: p7Move 50s linear infinite;
}

.p7-a {
    right: -20px;
    top: 50%;
    left: auto;
}

@keyframes p7Move {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0);
    }
}

.home .p7-a {
    display: none;
}

.industries .p7 {
    top: 200px;
    bottom: auto;
}

.industries .digital-marketing {
    padding-top: 65px;
}


@media (max-width: 992px) {

    .digital-marketing {
        padding-bottom: 30px;
    }

    .dms-item .dm-card {
        min-height: 130px;
        gap: 15px;
        padding: 20px 8px;
        justify-content: space-around !important;
    }

    .dms-item .dm-card .dms-title {
        font-size: 15px;
    }

    .dms-item .dm-card .dms-cta {
        opacity: 1;
        margin-top: 0;
    }

    .dms-item .dm-card .btn-white {
        padding: 0 15px;
        border-color: var(--yellow);
    }

    .dms-item .dm-card .dms-image img {
        height: 75px;
    }

    .p6,
    .home .p7-a {
        display: none;
    }
}

@media (max-width: 767px) {

    .digital-marketing .row .dms-item {
        width: 50%;
        margin-bottom: 13px;
        padding: 0;
    }

    .p7 {
        display: none;
    }

    .dms-item .dm-card{
        margin: 8px;
    }

    .dms-item .dm-card .dms-image img {
        height: 55px;
    }

    .dms-popup-content {
        width: 100%;
    }

    .home .digital-marketing .row .dms-item:last-child {
        width: 100%;
    }
}
/* home-hero */
.home-hero {
    height: 840px;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.home-hero:after {
    opacity: 0.8;
    z-index: 0;
    background: var(--black);
}

.home-hero,
.home-hero .hero-content,
.hero-reviews {
    display: flex;
    align-items: center;

}

.home-hero .hero-content,
.home-hero video {
    height: 100%;
    width: 100%;
}

.home-hero .hero-content {
    position: absolute;
    top: 50px;
}

.home-hero video {
    object-fit: cover;
    object-position: center;
}

.hero-reviews {
    flex-direction: row;
    gap: 50.41px;
    margin-top: 57px;
}

h1.hero-title {
    max-width: 915px;
}

h1.hero-title span {
    color: var(--yellow);
}

p.hero-description {
    max-width: 891px;
    margin: 10px 0 30px 0;
}

.hero-cta-group {
    gap: 17px;
}

.g-review {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
}

.g-review p {
    color: var(--white);
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .3s ease-in-out;
}

.g-review:hover p {
    color: var(--yellow);
}

.home-hero .hero-reviews img:first-child {
    display: none;
}

@media only screen and (max-width : 992px) {
    .home-hero {
        height: 650px;
    }

    .hero-reviews {
        gap: 30px;
        margin-top: 34px;
    }

    p.hero-description {
        margin: 15px 0 34px 0;
    }

    .home-hero .hero-content {
        top: 30px;
    }
}

@media only screen and (max-width : 650px) {

    .home-hero {
        height: 750px;
    }

    .hero-cta-group {
        flex-direction: column;
    }

    .hero-cta-group a {
        min-width: 100%;
        justify-content: center;
    }

    .hero-reviews {
        gap: 20px
    }

    .hero-reviews img {
        max-width: 70px;
    }

    h1.hero-title br {
        display: none;
    }
}


@media only screen and (max-width : 576px) {
    .home-hero .hero-content {
        top: 15px;
    }
}

@media only screen and (max-width : 450px) {
    .home-hero {
        height: 800px;
    }
}

@media only screen and (max-width : 365px) {}

/* Mobile hero background.
   The .hero-bg-image div (shown below 768px in place of .hero-bg-video)
   carries its image as an inline background-image, but no rule ever gave it
   dimensions, so it collapsed to 0x0 and the mobile hero rendered blank.
   Mirrors what .home-hero video already gets. */
.home-hero .hero-bg-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* logo-slider */
.logo-slider {
    padding: 36px 0 54px 0;
}

.logo-slider .slick-track {
    display: flex;
    align-items: center;
}

.logo-slider .logo-slider-img {
    padding: 5px 22px;
}

.logo-slider .logo-slider-img img {
    margin: 0 auto;
}
/* our-clients */
.our-clients {
    padding: 22px 0 50px 0;
}

.our-clients h2 {
    font-size: 36px;
    line-height: 67px;
    margin-bottom: 32px;
}

.client_logos .logo_img_wrapper {
    margin: 0 15px;
}

.client_logos img {
    height: 70px;
    width: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {

}
/* packages-intro-block */
.pi-block h2,
.pi-block h3 {
    font-size: 36px;
    line-height: 44px;
    margin: 0;
}

.pi-block h3 {
    color: var(--yellow);
}

.pi-block p {
    margin: 24.99px 0 0 0;
}


.pi-block .cta-group {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pi-block .cta-group .btn-clear {
    border-color: var(--yellow);
}

.pi-block .cta-group .btn-clear span {
    color: var(--yellow);
}

.plumber-song-page .pi-block {
    padding: 91px 0 91px 0;
}

@media only screen and (max-width : 992px) {

    .pi-block-inner::before,
    .pi-block-inner::after {
        display: none;
    }

    .plumber-song .row .col-md-4,
    .plumber-song .row .col-md-8 {
        width: 100%;
    }

    .plumber-song .row .col-md-4 .imgwrap {
        text-align: center;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width : 576px) {
    .pi-block .cta-group {
        flex-direction: column;
    }

    .pi-block .cta-group a {
        min-width: 185px;
        justify-content: center;
    }

    .song-details {
        flex-direction: column;
    }

    .song-details ul {
        margin: 0;
        text-align: center;
        list-style: none;
        margin-bottom: 30px;
        padding: 0;
    }
}
/* team-video-section */
.team-video {
    position: relative;
    overflow: hidden;
}

.team-video h2 {
    max-width: 542px;
    margin: 42px 0 22px 0;
}

.team-video h3 {
    font-size: 29px;
    line-height: 38px;
}

.team-video p {
    margin: 16px 0 35px 0;
}

.team-video .content-wrap {
    padding: 81px 44px 98px;
    border-radius: 4px 0;
    box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
    height: calc(100% - 6px);
}

.video-wrap,
.team-video-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4px 0 0 4px;
    height: 100%;
}

.team-video .team-video-wrapper video {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 912px;
    aspect-ratio: 135 / 203;
    border-radius: 4px 0 0 4px;
}

.team-video .cta-group {
    gap: 18px;
}

.team-video .cta-group .btn-black {
    padding: 5px 20px 6px 20px;
}

.p5 {
    position: absolute;
    right: -30px;
    top: 400px;
    width: 241.205px;
    height: 241.205px;
    animation: p5Move 70s linear infinite;
}

@keyframes p5Move {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-400px);
    }

    100% {
        transform: translateY(0);
    }
}

@media only screen and (max-width : 1400px) {
    .team-video .content-wrap {
        padding: 81px 30px 86px;
        height: calc(100% - 7px);
    }

    .team-video h2 {
        margin: 22px 0 22px 0;
    }
}

@media only screen and (max-width : 1200px) {
    .team-video .content-wrap {
        padding: 30px 25px;
    }

    .team-video .cta-group {
        flex-direction: column;
    }

    .team-video .cta-group a {
        min-width: 289px;
        justify-content: center;
    }
}

@media only screen and (max-width : 992px) {
    .team-video .col-md-6 {
        width: 100%;
    }

    .team-video .container {
        padding: 0;
    }

    .team-video h2 {
        max-width: 100%;
        margin: 16px 0 34px 0;
    }

    .team-video h3 {
        font-size: 20px;
        line-height: 31px;
    }

    .team-video .row {
        border-radius: 4px;
        background: var(--yellow);
        box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
        padding: 48px 22px 22px 22px;
    }

    .team-video .content-wrap {
        padding: 33px 0;
        box-shadow: none;
    }

    .team-video p {
        margin: 16px 0 55px 0;
    }

    .team-video .cta-group {
        justify-content: center;
        align-items: center;
    }

    .team-video .team-video-wrapper video {
        height: auto;
    }

    .video-wrap .logo-f.is-animetion {
        padding-top: 20px;
    }
}

@media only screen and (max-width : 576px) {
    .p5 {
        display: none;
    }
}
/* three-column-content */
.three_column_section,
.column_image {
    position: relative;
    overflow: hidden;
}

.three_column_section h2 {
    margin-bottom: 56px;
}

.column_image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 3.628px;
    transition: transform 0.3s ease;
}

.column_image img:hover {
    transform: scale(1.1);
}

.column-content {
    margin-top: 29px;
}

h3.column_title {
    min-height: 64px;
    font-size: 27px;
    line-height: 33px;
}

.three_column_section .cta-group {
    margin: 145px 0 55px;
    gap: 15px;
}

.three_column_section .cta-group .btn-yellow {
    border: 1px solid var(--black);
}

.three_column_section .cta-group .btn-yellow span {
    font-family: 'Radikal-Bold', sans-serif;
}

.three_column_section .cta-group .btn-black span {
    /* text-decoration: underline;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px; */
    color: var(--white);
}

.p1,
.p2,
.p3,
.p4 {
    position: absolute;
}

.p1 {
    transform: translate(-200px, 0);
    animation: p1Move 40s linear infinite;
}

@keyframes p1Move {
    0% {
        transform: translate(-200px, 0);
    }

    50% {
        transform: translate(-200px, 100px);
    }

    100% {
        transform: translate(-200px, 0);
    }
}

.p2 {
    transform: translate(-20px, 600px);
    animation: p2Move 50s linear infinite;
}

@keyframes p2Move {
    0% {
        transform: translate(-20px, 600px);
    }

    50% {
        transform: translate(-20px, 500px);
    }

    100% {
        transform: translate(-20px, 600px);
    }
}

.p3 {
    top: 20px;
    right: -20px;
    animation: p3Move 40s linear infinite;
}

@keyframes p3Move {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-100px, 100px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.p4 {
    top: 0;
    right: -400px;
    width: 400px;
    height: 400px;
    animation: p4Move 50s linear infinite;
}

@keyframes p4Move {
    0% {
        transform: translate(-200px, 300px);
    }

    50% {
        transform: translate(-200px, 200px);
    }

    100% {
        transform: translate(-200px, 300px);
    }
}


@media (max-width: 992px) {

    .three_column_section h2 {
        margin-bottom: 20px;
    }

    .column_item {
        width: 100%;
    }

    .column-content {
        margin-top: 16px;
        border-radius: 4px;
        border: 0.5px solid var(--grey2);
        background: var(--white);
        box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
        padding: 18px;
    }

    .column_description {
        display: none;
        padding-top: 16px;
        margin: 0;
    }

    .column_title {
        margin-bottom: 0;
        position: relative;
        padding-right: 77px;
        display: flex;
        align-items: center;
    }

    .column_title:after {
        content: '+';
        position: absolute;
        top: 25%;
        right: 0;
        font-size: 50px;
        font-family: 'Radikal-Light', sans-serif;
    }

    .column_item.active .column_title:after {
        content: '-';
    }

    .three_column_section .cta-group {
        margin: 35px 0 20px;
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    .three_column_section .cta-group .btn-yellow,
    .three_column_section .cta-group .btn-black {
        min-width: 321px;
        justify-content: center;
    }

    .p2,
    .p3 {
        display: none;
    }

    .p1,
    .p4 {
        width: 200px;
        height: 200px;
    }

    .p1 {
        left: 100px;
    }

    .p4 {
        right: -300px;
    }
}

@media (max-width: 650px) {
    .p4 {
        display: none;
    }

    .p1 {
        width: 300px;
        height: 300px;
        left: 0;
    }
}
/* toolbox */
.toolbox {
    padding: 20px 0 45px 0;
    position: relative;
    z-index: 2;
}

.toolbox h2 {
    margin-bottom: 51px;
}

.toolbox .toolbox-inner p {
    margin: 19px 0;
    max-width: 545px;
}

.toolbox a.read-more {
    position: absolute;
    bottom: 23px;
}

.toolbox .p1,
.toolbox .p2,
.toolbox .p3 {
    position: absolute;
}

.toolbox .p1 {
    transform: translate(-200px, 400px);
    animation: p1tMove 100s linear infinite;
    right: -400px;
}

@keyframes p1tMove {
    0% {
        transform: translate(-200px, 400px);
    }

    50% {
        transform: translate(-200px, 150px);
    }

    100% {
        transform: translate(-200px, 400px);
    }
}

.toolbox .p2 {
    transform: translate(-20px, 0);
    animation: p2tMove 50s linear infinite;
    left: 10px;
}

@keyframes p2tMove {
    0% {
        transform: translate(-20px, 0);
    }

    50% {
        transform: translate(-20px, 100px);
    }

    100% {
        transform: translate(-20px, 0);
    }
}

.toolbox .p3 {
    top: 20px;
    right: -20px;
    animation: none;
}

@media only screen and (max-width : 992px) {
    .toolbox {
        padding-top: 0;
    }

    .toolbox .p1,
    .toolbox .p2,
    .toolbox .p3 {
        display: none;
    }
}

@media only screen and (max-width : 767px) {
    .toolbox .col-md-6 {
        width: 50%;
    }

    .toolbox .toolbox-inner p {
        font-size: 14px;
        max-width: 100%;
    }
}

@media only screen and (max-width : 576px) {
    .toolbox .col-md-6 {
        width: 100%;
        padding-bottom: 0 !important;
    }

     .toolbox a.read-more{
        position: inherit;
     }
}

/* Partner logos: cap the display width so raster files render above 1x.
   Cody audit item 13, Aug 2026. Every logo was output at its exact intrinsic
   width (440px, 481px, 295px) with no CSS constraint, so on a 2x display the
   effective resolution was 1.0x and all seven read as soft. Capping the box at
   260px puts the 440px files at 1.7x and the 481px file at 1.85x, and also makes
   a row of logos that were all different sizes read as one set.

   SearchLight and Nuve were additionally repointed at assets already in the
   media library: the SearchLight SVG (id 4695) and the 1747px Nuve PNG (id 4968).
   ServiceTitan (440px) and Yelp Platinum Partner (440px) have no larger source
   on the site, so they sit at 1.7x until 2x brand files are supplied. */
.toolbox .toolbox-inner img {
    max-width: 260px;
    width: 100%;
    height: auto;
}

/* who-we-serve */
.who_we_serve {
    margin-bottom: 60px;
}

.who_we_serve h2,
.who_we_servep {
    text-align: center;
}

.service_group {
    border-radius: 4px;
    background: var(--black);
    box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
    padding: 51px 43px 30px;
}

.service_group_image img {
    height: 256.767px;
    width: 100%;
    object-fit: cover;
    border-radius: 3.708px;
}

.service_group p {
    max-width: 1003px;
    margin: 5px auto 46px auto;
}

.service_group_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.service_group_item::before {
    border-radius: 3.708px;
    opacity: 1;
    background: linear-gradient(180deg, rgba(255, 225, 0, 0.00) 3.93%, rgba(12, 12, 12, 0.30) 25.87%, rgba(12, 12, 12, 0.60) 58.34%, #0C0C0C 100%);
    transition: all .5s ease-in-out;
}

h3.service_group_title {
    position: absolute;
    bottom: 41px;
    font-size: 29.663px;
    line-height: 21.32px;
    width: 100%;
    text-align: center;
    color: var(--white);
    padding: 0 10px;
    transition: all .6s ease-in-out;
}

.service_group_item .service_group_title svg {
    opacity: 0;
    transition: all .4s ease-in-out;
}

.service_group_item:hover::before {
    background: var(--yellow);
    opacity: 0.7;
}

.service_group_item:hover h3.service_group_title span {
    color: var(--black);
    text-decoration: underline;
}

.service_group_item:hover svg {
    opacity: 1;
    margin-left: 6.96px;
}

h3.service_group_title:hover svg {
    margin-left: 12px;
}

@media only screen and (max-width : 1399px) {
    h3.service_group_title {
        font-size: 23px;
    }
}

@media only screen and (max-width : 992px) {

    .who_we_serve h2,
    .who_we_serve p,
    h3.service_group_title {
        color: var(--black) !important;
    }

    .who_we_serve {
        box-shadow: 0 1px 14px 0 rgba(26, 26, 26, 0.06);
        border-radius: 4px;
        background: var(--white);
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .who_we_serve h2 {
        margin-bottom: 28px;
    }


    .service_group {
        padding: 42px 0 53px 0;
        background: var(--white);
        box-shadow: none;
    }

    .service_group_item::before,
    .service_group_item .service_group_title svg {
        display: none;
    }

    .service_group_item {
        padding: 16px 12px;
        border-radius: 1.802px;
        border: 0.225px solid var(--grey2);
        background: var(--white);
        box-shadow: 0 0.45px 6.306px 0 rgba(26, 26, 26, 0.06);
    }

    .service_group_image img {
        object-fit: contain;
        border-radius: 0;
        width: 100px;
        height: 70px;
        aspect-ratio: 96.39 / 68.98;
    }

    .service_group_wrapper .mb-4 {
        margin-bottom: 18px !important;
    }


    h3.service_group_title {
        position: relative;
        bottom: 0;
        font-size: 18px;
        line-height: 16.8px;
        margin-top: 12px;
    }

    .service_group_item:hover h3.service_group_title span {
        text-decoration: none;
    }

}

@media only screen and (max-width : 767px) {
    .service_group_wrapper .col-md-4 {
        width: 48%;
        padding: 0;
    }

    .service_group_wrapper {
        margin: 0 auto;
        column-gap: 10px;
    }
}