.elementor-998 .elementor-element.elementor-element-ddecc77:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-ddecc77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5b4d99b );background-image:url("https://jdmacctax.co.za/wp/wp-content/uploads/2026/05/ACCTAX-1.png");background-position:bottom center;background-size:cover;}.elementor-998 .elementor-element.elementor-element-ddecc77 > .elementor-background-overlay{background-color:var( --e-global-color-5b4d99b );opacity:0.95;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-998 .elementor-element.elementor-element-ddecc77 > .elementor-container{max-width:1200px;}.elementor-998 .elementor-element.elementor-element-ddecc77{transition:all 400ms;padding:4vw 0vw 1vw 0vw;}.elementor-998 .elementor-element.elementor-element-a0ececa{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-2dd8049{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-04e860c{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-44fb572{transition:all 400ms;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-icon i{color:var( --e-global-color-c43f0a0 );transition:color 0.3s;}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-icon svg{fill:var( --e-global-color-c43f0a0 );transition:fill 0.3s;}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-item > a{font-family:"Archivo", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-text{color:var( --e-global-color-212d63a );transition:color 0.3s;}.elementor-998 .elementor-element.elementor-element-10b3975 > .elementor-widget-container{padding:0vw 2vw 0vw 0vw;}.elementor-998 .elementor-element.elementor-element-10b3975{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-10b3975 .elementor-heading-title{font-size:58px;font-weight:700;letter-spacing:-1px;color:var( --e-global-color-c43f0a0 );}.elementor-998 .elementor-element.elementor-element-3c9208d{transition:all 400ms;font-size:18px;font-weight:500;color:var( --e-global-color-212d63a );}.elementor-998 .elementor-element.elementor-element-cfe94fc{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-e2d5adc > .elementor-container{max-width:1200px;}.elementor-998 .elementor-element.elementor-element-e2d5adc{padding:5vw 0vw 05vw 0vw;transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-622ba3d{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-f8eeaa8{transition:all 400ms;}.elementor-bc-flex-widget .elementor-998 .elementor-element.elementor-element-4889bcc.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-998 .elementor-element.elementor-element-4889bcc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-998 .elementor-element.elementor-element-4889bcc{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-451ac10{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-451ac10 .elementor-heading-title{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:var( --e-global-color-secondary );}.elementor-998 .elementor-element.elementor-element-4f09718 > .elementor-widget-container{padding:0vw 0vw 1vw 0vw;}.elementor-998 .elementor-element.elementor-element-4f09718{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-4f09718 .elementor-heading-title{font-size:40px;font-weight:800;letter-spacing:-0.2px;color:#128277;}.elementor-998 .elementor-element.elementor-element-ac0925c{transition:all 400ms;line-height:1.8em;}.elementor-998 .elementor-element.elementor-element-d967781{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-d005b74{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-0a2987d > .elementor-element-populated{padding:0vw 0vw 0vw 3vw;}.elementor-998 .elementor-element.elementor-element-0a2987d{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-168dd5c{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-35764c5:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-35764c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-998 .elementor-element.elementor-element-35764c5 > .elementor-container{max-width:1200px;}.elementor-998 .elementor-element.elementor-element-35764c5{transition:all 400ms;padding:05vw 0vw 05vw 0vw;}.elementor-998 .elementor-element.elementor-element-35764c5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-998 .elementor-element.elementor-element-1fdb249.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-998 .elementor-element.elementor-element-1fdb249.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-998 .elementor-element.elementor-element-1fdb249{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-1c32a48{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-1c32a48 .elementor-heading-title{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:var( --e-global-color-5b4d99b );}.elementor-998 .elementor-element.elementor-element-b1128b1 > .elementor-widget-container{padding:0vw 0vw 1vw 0vw;}.elementor-998 .elementor-element.elementor-element-b1128b1{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-b1128b1 .elementor-heading-title{font-size:40px;font-weight:700;letter-spacing:-0.2px;color:var( --e-global-color-secondary );}.elementor-998 .elementor-element.elementor-element-fea7c6b{transition:all 400ms;line-height:1.8em;}.elementor-998 .elementor-element.elementor-element-ff44706 .elementor-button{background-color:#25D366;font-family:"Archivo", Sans-serif;font-weight:700;text-transform:uppercase;border-radius:10px 10px 10px 10px;}.elementor-998 .elementor-element.elementor-element-ff44706{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-ff44706 .elementor-button-content-wrapper{flex-direction:row;}.elementor-998 .elementor-element.elementor-element-750d56e{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-c6b609a:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-c6b609a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-c6b609a, .elementor-998 .elementor-element.elementor-element-c6b609a > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-998 .elementor-element.elementor-element-c6b609a{transition:all 400ms;padding:2vw 2vw 2vw 2vw;}.elementor-998 .elementor-element.elementor-element-c6b609a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-998 .elementor-element.elementor-element-46e64a5{transition:all 400ms;}.elementor-998 .elementor-element.elementor-element-df5e95d > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-998 .elementor-element.elementor-element-df5e95d{transition:all 400ms;text-align:center;}.elementor-998 .elementor-element.elementor-element-df5e95d .elementor-heading-title{font-size:30px;font-weight:700;letter-spacing:-1px;color:var( --e-global-color-5b4d99b );}.elementor-998 .elementor-element.elementor-element-bc4dc26{transition:all 400ms;text-align:center;}.elementor-998 .elementor-element.elementor-element-f032b16 > .elementor-widget-container{margin:-4vw 0vw 0vw 0vw;}.elementor-998 .elementor-element.elementor-element-f032b16{transition:all 400ms;}@media(max-width:1024px){.elementor-998 .elementor-element.elementor-element-ddecc77{padding:10vw 2vw 2vw 2vw;}.elementor-998 .elementor-element.elementor-element-10b3975 .elementor-heading-title{font-size:45px;line-height:1em;}.elementor-998 .elementor-element.elementor-element-e2d5adc{padding:5vw 2vw 5vw 2vw;}.elementor-998 .elementor-element.elementor-element-4f09718 .elementor-heading-title{font-size:35px;line-height:1em;letter-spacing:-0.3px;}.elementor-998 .elementor-element.elementor-element-d967781{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-998 .elementor-element.elementor-element-d005b74{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-998 .elementor-element.elementor-element-35764c5{padding:5vw 2vw 5vw 2vw;}.elementor-998 .elementor-element.elementor-element-b1128b1 .elementor-heading-title{font-size:36px;line-height:1em;}}@media(max-width:767px){.elementor-998 .elementor-element.elementor-element-ddecc77{padding:10vw 2vw 2vw 2vw;}.elementor-998 .elementor-element.elementor-element-44fb572 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-998 .elementor-element.elementor-element-44fb572 .elementor-icon-list-item > a{font-size:16px;}.elementor-998 .elementor-element.elementor-element-10b3975 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-998 .elementor-element.elementor-element-3c9208d{font-size:16px;line-height:1.8em;}.elementor-998 .elementor-element.elementor-element-4f09718 .elementor-heading-title{font-size:28px;line-height:1.2em;letter-spacing:-0.3px;}.elementor-998 .elementor-element.elementor-element-d967781{width:100%;max-width:100%;}.elementor-998 .elementor-element.elementor-element-d005b74{width:100%;max-width:100%;}.elementor-998 .elementor-element.elementor-element-0a2987d > .elementor-element-populated{padding:5vw 0vw 0vw 0vw;}.elementor-998 .elementor-element.elementor-element-35764c5{padding:5vw 2vw 5vw 2vw;}.elementor-998 .elementor-element.elementor-element-b1128b1 .elementor-heading-title{font-size:28px;line-height:1.2em;letter-spacing:-0.8px;}.elementor-998 .elementor-element.elementor-element-df5e95d .elementor-heading-title{font-size:27px;line-height:1.2em;letter-spacing:-0.3px;}}@media(min-width:768px){.elementor-998 .elementor-element.elementor-element-04e860c{width:85.322%;}.elementor-998 .elementor-element.elementor-element-cfe94fc{width:14.678%;}.elementor-998 .elementor-element.elementor-element-4889bcc{width:30%;}.elementor-998 .elementor-element.elementor-element-0a2987d{width:70%;}.elementor-998 .elementor-element.elementor-element-1fdb249{width:28.333%;}.elementor-998 .elementor-element.elementor-element-750d56e{width:71.667%;}}@media(max-width:1024px) and (min-width:768px){.elementor-998 .elementor-element.elementor-element-4889bcc{width:100%;}.elementor-998 .elementor-element.elementor-element-0a2987d{width:100%;}.elementor-998 .elementor-element.elementor-element-1fdb249{width:100%;}.elementor-998 .elementor-element.elementor-element-750d56e{width:100%;}}/* Start custom CSS for image, class: .elementor-element-d967781 *//* 1. The Image Container */
.elementor-998 .elementor-element.elementor-element-d967781 {
    padding: 20px; /* Creates space for the accent background */
    position: relative;
    z-index: 1;
}

/* 2. The High-End Image Styling */
.elementor-998 .elementor-element.elementor-element-d967781 img {
    border-radius: 24px;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.15);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.02) contrast(1.02); /* Subtle professional pop */
}

/* 3. The Modern Brand Accent (Peeking from behind) */
.elementor-998 .elementor-element.elementor-element-d967781::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 60%;
    height: 40%;
    background-color: #128277; /* Your brand green */
    border-radius: 24px;
    z-index: -1;
    opacity: 0.15;
    transition: all 0.5s ease;
}

/* 4. Hover Interactions */
.elementor-998 .elementor-element.elementor-element-d967781:hover img {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 60px -12px rgba(18, 130, 119, 0.25);
}

.elementor-998 .elementor-element.elementor-element-d967781:hover::before {
    transform: translate(-15px, 15px);
    opacity: 0.3;
    width: 70%;
    height: 50%;
}

/* 5. Subtle Glassmorphism Overlay (Optional) */
.elementor-998 .elementor-element.elementor-element-d967781::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    pointer-events: none;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d005b74 *//* 1. The Image Container */
.elementor-998 .elementor-element.elementor-element-d005b74 {
    padding: 20px; /* Creates space for the accent background */
    position: relative;
    z-index: 1;
}

/* 2. The High-End Image Styling */
.elementor-998 .elementor-element.elementor-element-d005b74 img {
    border-radius: 24px;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.15);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.02) contrast(1.02); /* Subtle professional pop */
}

/* 3. The Modern Brand Accent (Peeking from behind) */
.elementor-998 .elementor-element.elementor-element-d005b74::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 60%;
    height: 40%;
    background-color: #128277; /* Your brand green */
    border-radius: 24px;
    z-index: -1;
    opacity: 0.15;
    transition: all 0.5s ease;
}

/* 4. Hover Interactions */
.elementor-998 .elementor-element.elementor-element-d005b74:hover img {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 60px -12px rgba(18, 130, 119, 0.25);
}

.elementor-998 .elementor-element.elementor-element-d005b74:hover::before {
    transform: translate(-15px, 15px);
    opacity: 0.3;
    width: 70%;
    height: 50%;
}

/* 5. Subtle Glassmorphism Overlay (Optional) */
.elementor-998 .elementor-element.elementor-element-d005b74::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    pointer-events: none;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-168dd5c */.services-stack {
    font-family: 'Archivo', sans-serif;
    max-width: 1200px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    gap: 30px; /* Space between the stacked cards */
}

.service-card {
    background: #ffffff;
    padding: 45px;
    border-radius: 24px;
    position: relative;
    /* High-end soft shadow */
    box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.06);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    border: none;
}

/* Hover "Pop" and Brand Reveal */
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px -15px rgba(18, 130, 119, 0.15);
}

/* Vertical Brand Accent */
.service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: #128277; /* Your brand green */
    transition: width 0.3s ease;
}

.service-card:hover::before {
    width: 10px;
}

.service-tag {
    display: block;
    color: #128277;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.service-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a1e21;
    margin: 0 0 20px 0;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.service-main {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #4a4a4a;
    margin-bottom: 25px;
}

/* Highlighted Benefit Box */
.service-benefit {
    background: rgba(18, 130, 119, 0.04);
    padding: 20px 25px;
    border-radius: 12px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #5f6368;
    border-left: 3px solid rgba(18, 130, 119, 0.2);
}

.service-benefit strong {
    color: #128277;
    font-weight: 700;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .service-card {
        padding: 30px;
    }
    .service-title {
        font-size: 1.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c6b609a */.elementor-998 .elementor-element.elementor-element-c6b609a {
    transition: all 0.4s cubic-bezier(.25,.8,.25,1) !important;
    box-shadow: 0 15px 35px -5px rgba(107, 124, 147, 0.15); 
    border: 1px solid #6B7C9326; 
    border-radius: 16px; 
    background: #ffffff;
}

.elementor-998 .elementor-element.elementor-element-c6b609a:hover {
    transform: translateY(-10px); 
    box-shadow: 0 30px 60px -12px rgba(107, 124, 147, 0.25); 
}/* End custom CSS */