.elementor-571 .elementor-element.elementor-element-450e4bf1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-571 .elementor-element.elementor-element-450e4bf1:not(.elementor-motion-effects-element-type-background), .elementor-571 .elementor-element.elementor-element-450e4bf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d3d0492 );}.elementor-571 .elementor-element.elementor-element-2ee7960c{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-571 .elementor-element.elementor-element-1eb2d2b2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-571 .elementor-element.elementor-element-6503992e .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-571 .elementor-element.elementor-element-2bbc1470.elementor-element{--align-self:flex-start;}.elementor-571 .elementor-element.elementor-element-2bbc1470 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-571 .elementor-element.elementor-element-2bbc1470 .elementor-button .elementor-button-content-wrapper{gap:8px;}/* Start custom CSS for container, class: .elementor-element-450e4bf1 *//*
** Apply consistent transition effects
*/
.key-sectors .sectors-col .elementor-icon,
.key-sectors .sectors-col .elementor-icon svg, 
.key-sectors .sectors-col .title,
.key-sectors .sectors-col .title h5,
.key-sectors .sectors-col .arrow-icon,
.key-sectors .sectors-col .arrow-icon .elementor-icon::after {
    transition: all .6s cubic-bezier(.4,0,.2,1);
}

.key-sectors .sectors-col-template{
    width: 100%;
    padding: 0;
    margin: 0;
}


/*
.key-sectors .sectors-col{
    width: 100%;
}
*/

/*
** Style each sector with spacing and bottom border
*/
.key-sectors .sectors-col .sector {
    padding: 15px 0;
    gap: 0;
    border-bottom: 1px solid #000;
}

/*
** Set size for icons
*/
.key-sectors .sectors-col .elementor-icon,
.key-sectors .sectors-col .elementor-icon svg {
    width: 24px;
    height: 24px;
}
.key-sectors .sectors-col .arrow-icon .elementor-icon,
.key-sectors .sectors-col .arrow-icon .elementor-icon svg {
    width: 20px;
    height: 20px;
}

/*
** Adjust the color of the sector icon
*/
.key-sectors .sectors-col .sector .sector-icon .elementor-icon svg path {
    fill: var(--e-global-color-c4aeeaa);
}

/*
** Hide sector icons by default
*/
.key-sectors .sectors-col .sector-icon .elementor-icon {
    opacity: 0;
}

/*
** Position the title and arrow icon
*/
.key-sectors .sectors-col .sector .title {
    transform: translateX(-24px);
}
.key-sectors .sectors-col .arrow-icon {
    margin-left: auto;
    overflow: hidden;
}

/*
** Add the secondary arrow icon
*/
.key-sectors .sectors-col .arrow-icon .elementor-icon::after {
    content: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/03/arrow-pink.svg');
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
** Hover effects for title, icons, and arrow
*/
.key-sectors .sectors-col .sector:hover .title {
    transform: translateX(8px);
}
.key-sectors .sectors-col .sector:hover .title h5 {
    color: var(--e-global-color-c4aeeaa);
}
.key-sectors .sectors-col .sector:hover .sector-icon .elementor-icon {
    opacity: 1;
}
.key-sectors .sectors-col .sector:hover .arrow-icon .elementor-icon {
    transform: translateY(-24px);
}
.key-sectors .sectors-col .sector:hover .arrow-icon .elementor-icon::after {
    top: 24px;
}


@media only screen and (min-width: 768px) {
    /*
    ** Set equal width for text and sectors columns
    */
    .key-sectors .text-col,
    .key-sectors .sectors-col-template {
        width: 50% !important;
    }
}/* End custom CSS */