.service_blocks_section {
    & .section_inner {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        & .sub_title {
            text-align: center;
            font-size: 1.8rem;
            text-transform: uppercase;
            color: var(--primary); 
        }
        & .section_title {
            text-align: center;
            h2 {
                font-size: 40px;
                font-weight: 700;
                color: var(--primary);
            }
        }
        & .section_content {
            text-align: center;
            margin-bottom: 4rem;
            & p {
                text-align: center;
                max-width: 900px;
                margin: 0 auto; 
            }
        }
        & .three_column {
            grid-template-columns: repeat(3, 1fr)!important; 
            width: 900px;
            margin: 0 auto;
            @media (max-width: 991px) {
                width: 100%;
                grid-template-columns: 1fr!important;
            }
            & .service_block {
                justify-content: center;
                align-items: center;
                & .icon { 
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 1rem;
                }
                & .label {
                   text-align: center;
                   min-height: 40px;
                   line-height: 1.2;
                }
                & .content { 
                    text-align: center;
                }
            }
        }
        & .five_column {
            grid-template-columns: repeat(5, 1fr)!important; 
            @media (max-width: 1024px) {
                grid-template-columns: repeat(3, 1fr)!important;
            }
            @media (max-width: 991px) {
                grid-template-columns: 1fr!important;
            }
            & .service_block {
                justify-content: center;
                align-items: center;
                & .icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 1rem;
                }
                & .label {
                   text-align: center;
                   min-height: 40px;
                   line-height: 1.2;
                }
                & .content { 
                    text-align: center;
                }
            }
        }
        & .six_column {
            grid-template-columns: repeat(6, 1fr)!important; 
            @media (max-width: 1024px) {
                grid-template-columns: repeat(3, 1fr)!important;
            }
            @media (max-width: 991px) {
                grid-template-columns: repeat(2, 1fr)!important;
            }
            & .service_block {
                & .label {
                    font-size: 18px;
                    line-height: 1.2;
                    @media (max-width: 400px) {
                        text-align: center;
                    }
                }
            }
        }
        & .services_blocks_section {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            @media (max-width: 1024px) {
                grid-template-columns: repeat(3, 1fr)!important;
            }
            @media (max-width: 991px) {
                grid-template-columns: 1fr!important;
            }
            & .service_block {
                display: flex;
                flex-direction: column;
                background-color: var(--secondary-light);
                padding: 3rem;
                border-radius: 10px;
                gap: 1rem;
                @media (max-width: 991px) {
                    align-items: flex-start;
                }
                & .icon {
                    width: 100%;
                    @media (max-width: 991px) {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                    }
                }
                & .label {
                    font-size: 19px; 
                    font-weight: 700;
                    color: var(--white);
                    @media (max-width: 400px) {
                        text-align: left;
                    }
                }
                & .content {
                    p {
                        font-size: 16px;
                        color: var(--white);
                    }
                    ul {
                        margin: 20px 0;
                        padding: 0px 20px;
                        li {
                            margin: 0;
                            padding: 0;
                            list-style: disc;
                            font-size: 16px;
                            color: var(--white);
                        }
                    }
                    a {
                        font-size: 16px;
                        color: var(--white);
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    & .button_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3rem;
        &  a.button.button-primary {
            color: var(--white) !important;
            background: var(--secondary) !important;
            font-weight: bold;
            font-size: 14px;
            border:none;
            box-shadow: none;
            margin-top: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0!important;
            &:hover {   
                background: var(--primary) !important;
            }
            .phone_icon {
                margin-right: 1rem;
            }
            span {
                font-size: 14px;
                font-weight: bold;
                color: var(--white) !important;
                @media (max-width: 400px) {
                    font-size: 12px!important;
                }
            }
        }
        & a.button.button-secondary {
            margin-left: 20px;
            @media (max-width: 991px) {
                margin-left: 0;
                margin-top: 20px;
            }
        }
        & .call_to_action_buttons {
            justify-content: center; 
        }
    }
}
.service_blocks_section.light_version {
    & .section_inner {
        & .services_blocks_section {
            & .service_block {
                background-color: #F2F2F2 !important;
                & .label {
                    color: var(--primary) !important;
                }
                & .content {
                    p {
                        color: var(--primary) !important;
                    }
                }
            }
        }
        & .section_title {
            h2 {
                color: var(--primary) !important;
            }
        }
    }
}
.service_blocks_section.dark_version {
    background-color: var(--primary) !important;    
    & .section_inner {
        & .sub_title {
            color: var(--secondary) !important;
            margin-bottom: 2rem;
        }
        & .section_title {
            color: var(--white) !important;
        }
        & .services_blocks_section {
            gap: 40px!important;
            & .service_block {
                padding: 0rem!important;
                background-color: var(--primary) !important;    
                & .label {  
                    color: var(--white) !important;
                }
                & .content {
                    p {
                        color: var(--white) !important;
                    }
                }
            }   
        }
    }
}
.service_blocks_section.aligned_left {
    & .section_inner {
        & .sub_title {
            text-align: left;
        }
        & .section_title {
            text-align: left;
        }
        & .services_blocks_section {    
            & .service_block {
                align-items: flex-start;
                & .label {
                    text-align: left;
                }
                & .content {
                    text-align: left;
                }
                & .icon {
                    justify-content: flex-start;
                }
            }
        }
    }
}