.single-services .icons_with_text{
    padding: 0 !important;
}

.icons_with_text {
    padding: 0 20rem;  
    @media (max-width: 1366px) {
        padding: 0 16rem;
    }
    @media (max-width: 1200px) {
        padding: 0 6rem;
    }
    @media (max-width: 991px) {
        padding: 0 5rem;
    }   
    @media (max-width: 767px) {
        padding: 0;
    }
    & .enable_4_column {
        grid-template-columns: repeat(4, 1fr)!important;
        gap: 30px!important;
        & .icon_with_text {
            min-height: 219.17px!important;
            gap: 23px;
        }
        & span {
            margin-bottom: 0px!important;
            margin-top: 0px!important;
        }
    }
    & .enable_5_column {
        grid-template-columns: repeat(5, 1fr)!important;
        gap: 30px!important;
        & .icon_with_text {
            min-height: 20rem;
            gap: 45px;
        }

        & .icon_image {
            width: 69px!important;
            height: 69px!important;
            position: relative;
            top: 20px;
        }
        &  .icon_with_text .content {
            padding: 0 20px!important;
            min-height: 150px!important;
        }
        & .icon_with_text .content p {
            font-size: 16px!important;
        }
    }
    & h2 {
        margin-bottom: 16px;
        margin-top: 0;
        text-align: center;
        font-size: 48px;
        color: var(--black);
    }
    & .section-header {
        text-align: center;
        margin-bottom: 30px;
    }
    & .content {
        margin-top: 0;
        text-align: center;
        max-width: 720px;
        margin: 0 auto 48px;
    }
    & .icons_with_text_inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        & .icon_with_text_inner {
            & .icon_with_text {
                background: #F3F3F3;
                border-radius: 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 2rem;
                & .icon_image {
                    width: 79px;
                    height: 79px;

                }
                & .content {
                    min-height: 0;
                    & p {
                        font-size: 16px;
                        line-height:130%;
                        color: var(--black);
                        text-align: center;
                        margin-bottom: 0;
                        margin-top: 0;
                        max-width: 260px;
                    }
                }
                & span {
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    text-align: center;
                    color: var(--black);
                    display: block;
                    margin-bottom: 0;
                    margin-top: 0;
                    line-height: 136%;
                }
               
            }
        }
    }
    & .icons_with_text_below {
        display: grid;
        grid-template-columns: minmax(0, 34%) minmax(0, 66%);
        align-items: stretch;
        border-radius: 32px;
        margin-top: 64px;
        overflow: hidden;
        @media (max-width: 1509px) {
            grid-template-columns: minmax(0, 38%) minmax(0, 62%);
            margin-top: 56px;
        }
        @media (max-width: 1366px) {
            grid-template-columns: minmax(0, 40%) minmax(0, 60%);
            margin-top: 48px;
        }
        @media (max-width: 991px) {
        grid-template-columns: 1fr;
        margin-top: 48px            
        }
        &.reverse_section {
            & .below_content {
                order: 2;
            }
            & .below_image {
                order: 1;
            }
        }
        & .below_content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            height: 100%;
            padding: 3rem 6rem;
            background-color: #F2F2F2;
            border-radius: 24px;
            border-top-left-radius: 10% 0;
            border-bottom-left-radius: 10% 0;
            @media (max-width: 1509px) {
                padding: 3rem 4.5rem;
            }
            @media (max-width: 1366px) {
                padding: 2.4rem 3.4rem;
            }
            & h2,
            & h3,
            & h4,
            & h5,
            & h6 {
                margin-bottom: 24px;
                margin-top: 0;
                font-size: 32px;
                line-height: 1.2;
                font-weight: 400;
                color: var(--black);
                @media (max-width: 1509px) {
                    font-size: 30px;
                }
                @media (max-width: 1366px) {
                    font-size: 28px;
                }
            }
            & p {
                font-weight: 400;
                color: var(--black);
            }
            & .btn_wrapper {
                margin-top: 32px;
            }
        }
        & .below_image {
            min-height: 100%;
        }

        & .below_image img {
            width: 100%;
            height: 100%;
            min-height: 100%;
            object-fit: cover;
            display: block;
        }
        
    }
}
@media (max-width: 991px) {
    & .icons_with_text_inner {
        display: block!important;
    }
    & .slider_blocks .slick-slide {
        padding-left: 12px!important;
        padding-right: 12px!important;
    }
    & .icon_with_text span {
        max-width: 300px!important;
    }

    & .icons_with_text_below {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 50px;
    }
}
@media (max-width:1024px) { 
    & .icons_with_text_inner.enable_4_column {
     grid-template-columns: repeat(2, 1fr)!important;
   }
   & .icon_with_text {
    & span {
        max-width: 180px;
    }
   }
}
@media (max-width:767px) {
    & .icon_with_text {
     & span {
         max-width: 100%;
     }
    }
    & .icons_with_text_below {
        padding: 0;
        margin-top: 48px;
        gap: 0;
        & .below_content {
            border-radius: 0 !important;
        }
    }
 }



.image_section {
    position: relative;
    & .image_section_frame {
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 25px 40px rgba(5, 29, 46, 0.18);
    }
    & .image_section_media {
        display: block;
        width: 100%;
        height: clamp(320px, 46vw, 560px);
        object-fit: cover;
        object-position: center;
    }
    & .image_section_overlay {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        padding: clamp(20px, 4vw, 40px);
    }
    & .image_section_overlay::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0) 100%);
        z-index: 0;
    }
    & .image_section_content {
        position: relative;
        z-index: 1;
        max-width: 600px;
        color: var(--white);
    }
    & .image_section_heading {
        margin: 0 0 12px;
        font-size: clamp(28px, 4vw, 44px);
        line-height: 1.1;
        font-weight: 400;
        color: inherit;
        & strong {
            font-weight: 700;
        }
    }
    & .image_section_copy {
        & p {
            margin: 0;
            font-size: clamp(16px, 2vw, 18px);
            line-height: 1.5;
            color: inherit;
        }
    }
    & .image_section_cta {
        position: relative;
        z-index: 1;
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    .image_section {
        & .image_section_overlay {
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-end;
        }
        & .image_section_cta {
            white-space: normal;
        }
    }
}

@media (max-width: 767px) {
    .image_section {
        & .image_section_overlay {
            padding: 20px;
        }
        & .image_section_cta {
            width: 100%;
            justify-content: center;
        }
        & .image_section_content {
            max-width: 100%;
        }
    }
}