.benefits_blocks {
    background: var(--primary);
    & .section_inner {
        display: flex;
        gap: 40px;
        @media (max-width: 1024px) {
            flex-direction: column-reverse;
        }
        & .left_side {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 65%;
            @media (max-width: 1024px) {
                width: 100%;
            }
            & .sub_title_wrapper {
                & span {
                    font-size: 1.8rem;
                    color: var(--secondary);
                    text-transform: uppercase;
                }
            }
            & h2 {
                font-size: 40px;
                font-weight: 600;
                color: var(--white);
                margin-top: 1rem;
            }
            & .benefits_blocks_wrapper {
                display: grid;  
                grid-template-columns: 1fr 1fr;
                gap: 0px 20px;
                @media (max-width: 1024px) {
                    grid-template-columns: 1fr;
                }
                & .benefit_block {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    border-bottom: 1px solid var(--white); 
                    padding-top: 8px;
                    padding-bottom: 8px;
                    
                    &:nth-child(-n+2) {
                        border-top: 1px solid var(--white); 
                    }
                    
                    & .benefit_block_title {
                        font-size: 20px;
                        color: var(--white);
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        cursor: pointer;
                        font-weight: 500;
                        @media (max-width: 1024px) {
                            font-size: 16px!important;
                        }
                    }
                    & .benefit_block_content p {
                        font-size: 16px;
                        color: var(--white);
                        margin-bottom: 10px;
                        margin-top: 10px;
                    }
                    & .benefit_block_content  {
                        & ul {
                            margin-bottom: 10px;
                            margin-top: 10px;
                            & li {
                                margin-bottom: 10px;
                                color: var(--white);
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
            & .call_to_action_buttons {
                display: flex;
                margin-top: 4rem;
                & 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(--secondary-light) !important;
                    }
                }
    
                & a.white_button {
                    display: flex;
                    align-items: center;
                    text-decoration: none;
                    margin-left: 2rem;
                    @media (max-width: 991px) {
                        margin-left: 0;
                        margin-top: 2rem;
                    }
                    & span {
                        color: var(--white);
                    }
    
                    & .quote_icon {
                        margin-right: 1rem;
                    }
    
                    & .first {
                        font-size: 22px;
                        font-weight: bold;
                        text-decoration: underline;
                    }
    
                    & .second {
                        display: block;
                        margin-top: 0.5rem;
                    }
    
                    & .quote_text {
                        display: flex;
                        flex-direction: column;
                    }
                }
            }
        }
        & .right_side {
            width: 35%;
            position: relative;
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            @media (max-width: 1024px) {
                width: 100%; 
            }
        }
    }
}