.elementor-600 .elementor-element.elementor-element-64469baf{text-align:center;}.elementor-600 .elementor-element.elementor-element-64469baf .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );color:var( --e-global-color-text );}.elementor-600 .elementor-element.elementor-element-6c8fb002{width:var( --container-widget-width, 88.157% );max-width:88.157%;--container-widget-width:88.157%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-600 .elementor-element.elementor-element-6c8fb002.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-600 .elementor-element.elementor-element-6c8fb002 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-600 .elementor-element.elementor-element-62a38be5.elementor-element{--align-self:center;}.elementor-600 .elementor-element.elementor-element-59e98275{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );color:var( --e-global-color-accent );}.elementor-600 .elementor-element.elementor-element-7b413343{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-600 .elementor-element.elementor-element-7aa87378 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-600 .elementor-element.elementor-element-7aa87378 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-600 .elementor-element.elementor-element-7aa87378{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-main-swiper .swiper-slide{background-color:var( --e-global-color-accent );}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-swiper-button{font-size:20px;}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__name{color:var( --e-global-color-text );}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__header, .elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__name{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__title{color:var( --e-global-color-text );font-family:"League Spartan", Sans-serif;font-size:1.5em;font-weight:700;text-transform:uppercase;}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__text{color:var( --e-global-color-text );font-family:"League Spartan", Sans-serif;font-size:1.4em;font-weight:400;line-height:25px;}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-star-rating i:before{color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-600 .elementor-element.elementor-element-64469baf .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-600 .elementor-element.elementor-element-59e98275{font-size:var( --e-global-typography-accent-font-size );}.elementor-600 .elementor-element.elementor-element-7b413343{--grid-auto-flow:row;}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__header, .elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__name{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-600 .elementor-element.elementor-element-64469baf{text-align:center;}.elementor-600 .elementor-element.elementor-element-64469baf .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-600 .elementor-element.elementor-element-59e98275{font-size:var( --e-global-typography-accent-font-size );}.elementor-600 .elementor-element.elementor-element-7b413343{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__header, .elementor-600 .elementor-element.elementor-element-66973ff1 .elementor-testimonial__name{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-64469baf */.elementor-600 .elementor-element.elementor-element-64469baf .highlight-gold {
    font-size: 1.3em;
    font-weight: bold;
    color: #EDBA1D;
    
    

    animation: gold-text-pulse 3s infinite ease-in-out;

}



@keyframes gold-text-pulse {

  0% {

    text-shadow: 0 0 4px rgba(255, 207, 64, 0.4);

    opacity: 0.7;

  }

  50% {

    /* Warmer, wider glow for the legacy gold */

    text-shadow: 0 0 15px rgba(255, 207, 64, 0.8), 0 0 25px rgba(255, 207, 64, 0.3);

    opacity: 1;

  }

  100% {

    text-shadow: 0 0 4px rgba(255, 207, 64, 0.4);

    opacity: 0.7;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28f05014 */.svg-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1em;
    text-align: center;
    line-height: 1em;
    
    width: 200px;
    padding: 10px 20px 10px 20px;
    
    
    
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
    
}

/* NEW: The Hover State */
.svg-text:hover {
    color: #e0e0e0;
    transform: scale(1.05); 
}

/* Your SVG Code (Unchanged) */
.svg-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.91 143.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efeff9; %7D %3C/style%3E%3C/defs%3E%3Cg id='calgary-movers' data-name='Calgary Movers Location Icon'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cpath class='cls-1' d='M100.84,47.1C99.1,18.69,74.13-2.31,45.8.2c-12.48,1.11-23.94,6.75-32.71,16.22C2.1,28.28-2.9,46.07,1.72,61.54c6.24,20.85,23.36,46.89,36.13,65.38,4,5.79,7.65,11.15,12.26,16.66,1.59-.8,2.57-2.08,3.71-3.65,11.7-16.07,22.64-32.29,32.41-49.6,4.7-8.32,8.77-16.43,11.87-25.35,2.05-5.91,3.12-11.6,2.74-17.89ZM54.16,79.64c-16.15,2.01-30.97-9.44-33.07-25.58-2.09-16.09,9.16-31.09,25.57-33.24l.53-.05c16.2-1.85,30.88,9.84,32.75,25.98,1.94,16.17-9.64,30.9-25.78,32.91Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5169a3 */.svg-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1.5em;
    text-align: left;
    line-height: 1.6;
    padding: 5px 15px 5px 15px;
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
}

/* NEW: The Hover State */
.svg-text:hover {
    color: #e0e0e0;
    transform: scale(1.1); 
}

/* Your SVG Code (Unchanged) */
.svg-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.91 143.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efeff9; %7D %3C/style%3E%3C/defs%3E%3Cg id='calgary-movers' data-name='Calgary Movers Location Icon'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cpath class='cls-1' d='M100.84,47.1C99.1,18.69,74.13-2.31,45.8.2c-12.48,1.11-23.94,6.75-32.71,16.22C2.1,28.28-2.9,46.07,1.72,61.54c6.24,20.85,23.36,46.89,36.13,65.38,4,5.79,7.65,11.15,12.26,16.66,1.59-.8,2.57-2.08,3.71-3.65,11.7-16.07,22.64-32.29,32.41-49.6,4.7-8.32,8.77-16.43,11.87-25.35,2.05-5.91,3.12-11.6,2.74-17.89ZM54.16,79.64c-16.15,2.01-30.97-9.44-33.07-25.58-2.09-16.09,9.16-31.09,25.57-33.24l.53-.05c16.2-1.85,30.88,9.84,32.75,25.98,1.94,16.17-9.64,30.9-25.78,32.91Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1177949f */.svg-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1.5em;
    text-align: left;
    line-height: 1.6;
    padding: 5px 15px 5px 15px;
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
}

/* NEW: The Hover State */
.svg-text:hover {
    color: #e0e0e0;
    transform: scale(1.1); 
}

/* Your SVG Code (Unchanged) */
.svg-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.91 143.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efeff9; %7D %3C/style%3E%3C/defs%3E%3Cg id='calgary-movers' data-name='Calgary Movers Location Icon'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cpath class='cls-1' d='M100.84,47.1C99.1,18.69,74.13-2.31,45.8.2c-12.48,1.11-23.94,6.75-32.71,16.22C2.1,28.28-2.9,46.07,1.72,61.54c6.24,20.85,23.36,46.89,36.13,65.38,4,5.79,7.65,11.15,12.26,16.66,1.59-.8,2.57-2.08,3.71-3.65,11.7-16.07,22.64-32.29,32.41-49.6,4.7-8.32,8.77-16.43,11.87-25.35,2.05-5.91,3.12-11.6,2.74-17.89ZM54.16,79.64c-16.15,2.01-30.97-9.44-33.07-25.58-2.09-16.09,9.16-31.09,25.57-33.24l.53-.05c16.2-1.85,30.88,9.84,32.75,25.98,1.94,16.17-9.64,30.9-25.78,32.91Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c1e637d */.service-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1em;
    line-height: 1em;
    
    width: 200px;
    padding: 10px 20px 10px 20px;
    
    
    
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
    
}

/* Your SVG Code (Unchanged) */
.service-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 324.83 314.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23825c39; %7D .cls-2 %7B fill: %23825c38; %7D .cls-3 %7B fill: %23c49668; %7D .cls-4 %7B fill: %23c69769; %7D .cls-5 %7B fill: %23c69668; %7D .cls-6 %7B fill: %23ba895e; %7D .cls-7 %7B fill: %2389623e; %7D %3C/style%3E%3C/defs%3E%3Cg id='Reviews'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cg%3E%3Cpath d='M320.4,251.94l-155.32,62.14c-1.84.74-3.22.77-5.06.04L3.36,251.5c-2.03-.81-3.36-3.01-3.36-5.24V59.87c0-3,1.66-4.83,4.33-5.74L162.47,0l62.24,21.2,96.07,32.94c2.58.94,4.04,2.79,4.04,5.73v185.91c0,2.93-1.57,5.02-4.43,6.16Z'/%3E%3Cg%3E%3Cpolygon class='cls-6' points='101.38 103.85 156.84 125.98 156.84 300.86 11.13 242.69 11.14 67.44 58.63 86.54 58.6 146.94 101.29 163.98 101.38 103.85'/%3E%3Cpolygon class='cls-4' points='243.09 84.07 162.45 116.39 109.19 94.89 248.81 41.09 303.25 59.8 243.09 84.07'/%3E%3Cpolygon class='cls-3' points='203 25.5 64.5 77.1 21.67 59.74 162.5 11.54 203 25.5'/%3E%3Cpolygon class='cls-7' points='101.29 91.84 72.41 80.16 211.32 28.28 240.38 38.34 101.29 91.84'/%3E%3Cpolygon class='cls-1' points='95.47 155.38 64.3 143.13 64.23 88.92 95.48 101.47 95.47 155.38'/%3E%3Cg%3E%3Cpolygon class='cls-5' points='267.86 261.09 167.96 300.96 167.94 125.98 243.94 95.49 313.68 67.52 313.72 242.75 267.86 261.09'/%3E%3Cg%3E%3Cpath d='M228.4,162.18c-5.35,2.16-10.48,2.48-15.49-.55-3.92-2.37-7.04-6.7-7.66-12.06-1.24-10.61,4.64-20.64,14.64-24.67l40.56-16.35c6.16-2.48,12.98-.47,17.13,4.67,8.66,10.72,2.17,28.17-9.47,32.88l-39.71,16.07Z'/%3E%3Cpath class='cls-2' d='M222.79,152.6c-2.85,1.15-5.38-.27-6.18-3.22-1.31-4.81.93-11.55,6.21-13.71l39.67-16.24c1.69-.69,3.71-1.38,5.3-.29,1.07.73,2.47,2.16,2.7,4.22.55,4.95-2.3,10.9-7.28,12.91l-40.4,16.33Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}

/* NEW: The Hover State */
.service-text:hover {
    color: #e0e0e0;
    transform: scale(1.05); 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18de9262 */.svg-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1.2em;
    text-align: center;
    line-height: 1em;
    
    width: 200px;
    padding: 10px 20px 10px 20px;
    
    
    
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
    
}

/* NEW: The Hover State */
.svg-text:hover {
    color: #e0e0e0;
    transform: scale(1.1); 
}

/* Your SVG Code (Unchanged) */
.svg-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.91 143.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efeff9; %7D %3C/style%3E%3C/defs%3E%3Cg id='calgary-movers' data-name='Calgary Movers Location Icon'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cpath class='cls-1' d='M100.84,47.1C99.1,18.69,74.13-2.31,45.8.2c-12.48,1.11-23.94,6.75-32.71,16.22C2.1,28.28-2.9,46.07,1.72,61.54c6.24,20.85,23.36,46.89,36.13,65.38,4,5.79,7.65,11.15,12.26,16.66,1.59-.8,2.57-2.08,3.71-3.65,11.7-16.07,22.64-32.29,32.41-49.6,4.7-8.32,8.77-16.43,11.87-25.35,2.05-5.91,3.12-11.6,2.74-17.89ZM54.16,79.64c-16.15,2.01-30.97-9.44-33.07-25.58-2.09-16.09,9.16-31.09,25.57-33.24l.53-.05c16.2-1.85,30.88,9.84,32.75,25.98,1.94,16.17-9.64,30.9-25.78,32.91Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6572d824 */.svg-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1.2em;
    text-align: center;
    line-height: 1em;
    
    width: 200px;
    padding: 10px 20px 10px 20px;
    
    
    
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
    
}

/* NEW: The Hover State */
.svg-text:hover {
    color: #e0e0e0;
    transform: scale(1.1); 
}

/* Your SVG Code (Unchanged) */
.svg-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.91 143.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efeff9; %7D %3C/style%3E%3C/defs%3E%3Cg id='calgary-movers' data-name='Calgary Movers Location Icon'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cpath class='cls-1' d='M100.84,47.1C99.1,18.69,74.13-2.31,45.8.2c-12.48,1.11-23.94,6.75-32.71,16.22C2.1,28.28-2.9,46.07,1.72,61.54c6.24,20.85,23.36,46.89,36.13,65.38,4,5.79,7.65,11.15,12.26,16.66,1.59-.8,2.57-2.08,3.71-3.65,11.7-16.07,22.64-32.29,32.41-49.6,4.7-8.32,8.77-16.43,11.87-25.35,2.05-5.91,3.12-11.6,2.74-17.89ZM54.16,79.64c-16.15,2.01-30.97-9.44-33.07-25.58-2.09-16.09,9.16-31.09,25.57-33.24l.53-.05c16.2-1.85,30.88,9.84,32.75,25.98,1.94,16.17-9.64,30.9-25.78,32.91Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7564dc82 */.svg-text {
    /* Changed to inline-flex so the hover box wraps tightly around the text */
    display: inline-flex;
    align-items: center; 
    
    font-family: 'League Spartan', sans-serif;
    font-weight: 700;
    color: #e0e0e0; 
    font-size: 1.2em;
    text-align: center;
    line-height: 1em;
    
    width: 200px;
    padding: 10px 20px 10px 20px;
    
    
    
    
    background-color: #881720;
    border-radius: 25px;
    
    /* NEW: Link styling and animation prep */
    text-decoration: none; /* Removes the ugly default browser underline */
    transition: all 0.3s ease; /* Makes the color change and growth buttery smooth */
    transform-origin:center; /* Forces the text to grow out to the right, instead of expanding in both directions */
    
}

/* NEW: The Hover State */
.svg-text:hover {
    color: #e0e0e0;
    transform: scale(1.1); 
}

/* Your SVG Code (Unchanged) */
.svg-text::before {
    content: "";
    display: inline-block;
    flex-shrink: 0; 
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.91 143.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efeff9; %7D %3C/style%3E%3C/defs%3E%3Cg id='calgary-movers' data-name='Calgary Movers Location Icon'%3E%3Cg id='Generative_Object' data-name='Generative Object'%3E%3Cpath class='cls-1' d='M100.84,47.1C99.1,18.69,74.13-2.31,45.8.2c-12.48,1.11-23.94,6.75-32.71,16.22C2.1,28.28-2.9,46.07,1.72,61.54c6.24,20.85,23.36,46.89,36.13,65.38,4,5.79,7.65,11.15,12.26,16.66,1.59-.8,2.57-2.08,3.71-3.65,11.7-16.07,22.64-32.29,32.41-49.6,4.7-8.32,8.77-16.43,11.87-25.35,2.05-5.91,3.12-11.6,2.74-17.89ZM54.16,79.64c-16.15,2.01-30.97-9.44-33.07-25.58-2.09-16.09,9.16-31.09,25.57-33.24l.53-.05c16.2-1.85,30.88,9.84,32.75,25.98,1.94,16.17-9.64,30.9-25.78,32.91Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6847ee55 *//* Container Spacing */
    .brand-faq-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-family: 'League Spartan';
    }

    /* Individual FAQ Boxes */
    .faq-item {
        background-color: #19264f; 
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        overflow: hidden;
        transition: box-shadow 0.3s ease;
    }

    .faq-item:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    /* HIDE THE CHECKBOXES - This is the core of the trick */
    .faq-toggle {
        display: none;
    }

    /* The Question (Acts as the clickable label for the hidden checkbox) */
    .faq-question {
        width: 100%;
        background: transparent;
        border: none;
        padding: 20px 24px;
        font-size: 1.5em;
        font-weight: 700;
        color: #ffffff;
        cursor: pointer;
        text-align: left;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: color 0.3s ease;
        margin: 0;
        box-sizing: border-box;
        gap: 20px;
    }

    .faq-question::after {
        content: '+';
        font-size: 24px;
        color: #ffcf40; 
        transition: transform 0.3s ease;
    }

    .faq-question:hover {
        color: #ffcf40;
    }

    /* CSS GRID ANIMATION (Hidden State) */
    .faq-answer-wrapper {
        display: grid;
        grid-template-rows: 0fr; 
        transition: grid-template-rows 0.3s ease;
    }

    .faq-answer {
        overflow: hidden; 
    }

    .faq-answer p {
        padding: 24px 24px 24px 24px;
        color: #e0e0e0;
        font-size: 16px;
        line-height: 1.6;
        margin: 0;
    }

    /* THE MAGIC: When the hidden checkbox is checked, expand the answer */
    .faq-toggle:checked ~ .faq-answer-wrapper {
        grid-template-rows: 1fr; 
    }

    /* Change question color when open */
    .faq-toggle:checked + .faq-question {
        color: #ffcf40;
    }

    /* Rotate the '+' to an 'x' when open */
    .faq-toggle:checked + .faq-question::after {
        transform: rotate(45deg); 
    }/* End custom CSS */