/************************************************
 * Sectors with icon
************************************************/
.twc-sectors-with-icon {
    --swi-spacing-item-x:36px;
    --swi-spacing-item-y:40px;
    --swi-spacing-image:100px;
    --swi-size-icon:40px;
    position:relative; padding:var(--twc-spacing-120) 0;
}
.twc-sectors-with-icon:before {
    content:""; display:block;
    width:var(--twc-100vw); height:100%; background:#f2f4f6;
    position:absolute; top:0; left:50%; transform:translateX(-50%);
}
.twc-sectors-with-icon > div {position:relative;}

/* Heading */
.twc-sectors-with-icon__heading {max-width:715px; margin-left:auto; margin-right:auto;}

/* List */
.twc-sectors-with-icon__list {
    max-width:1140px; margin-left:auto; margin-right:auto;
    padding:0 20px;
}
.twc-sectors-with-icon__list ul {
    list-style:none; margin:calc(-1 * var(--swi-spacing-item-y) / 2) calc(-1 * var(--swi-spacing-item-x) / 2);
}
.twc-sectors-with-icon__list ul li {
    width:20%; position:relative;
    padding:calc(var(--swi-spacing-item-y) / 2) calc(var(--swi-spacing-item-x) / 2);
}

/* Icon title */
.twc-sectors-with-icon__list-item__image-icon {
    font-size:var(--swi-size-icon); line-height:1; color:var(--twc-color-primary);
    position:relative; z-index:3;
}
.main_content .twc-sectors-with-icon__list-item-title {
    --twc-spacing-heading:0px;
    font-weight:500; letter-spacing:.15em; color:var(--twc-color-secondary);
    position:relative;z-index:3;
}
.twc-sectors-with-icon__list-item-inner {
    width:100%; min-height:135px; margin-bottom:10px;
    position:relative; cursor:pointer; padding:0 20px;
    transition:var(--twc-transition);
}
.twc-sectors-with-icon__list-item-inner:after {
    background:var(--twc-color-white); transition:var(--twc-transition);
    z-index:1; border-radius:5px;
}
.twc-sectors-with-icon__list-item-inner:before {
    font-family:var(--twc-font-icomoon); content:"\e956";
    font-size:18px; color:rgba(9, 53, 72, 0); line-height:1;
    position:absolute; bottom:-10px; left:50%; transform:translateX(-50%);
    z-index:0; transition:var(--twc-transition);
}

/* Hover - active */
.twc-sectors-with-icon__list-item-inner:hover:after,
.is-selected .twc-sectors-with-icon__list-item-inner:after {background:var(--twc-color-primary);}

.twc-sectors-with-icon__list-item-inner:hover:before,
.is-selected .twc-sectors-with-icon__list-item-inner:before {color:var(--twc-color-primary);}

.twc-sectors-with-icon__list-item-inner:hover .twc-sectors-with-icon__list-item__image-icon,
.main_content .twc-sectors-with-icon__list-item-inner:hover .twc-sectors-with-icon__list-item-title,
.is-selected .twc-sectors-with-icon__list-item__image-icon,
.is-selected .twc-sectors-with-icon__list-item-title {color:var(--twc-color-white);}

/* Item */
.twc-sectors-with-icon__content {
    background:var(--twc-color-white); border-radius:5px; min-height:300px;
}
.twc-sectors-with-icon__content-inner {
    max-width:1140px; margin-left:auto; margin-right:auto;
    padding:50px 20px;
}
.twc-sectors-with-icon__content-item {width:100%;}
.twc-sectors-with-icon__content-item.content {width:57%; padding-right:var(--swi-spacing-image);}
.main_content .twc-sectors-with-icon__content-item-heading {font-weight:300;}
.twc-sectors-with-icon__content-item.image {width:43%;}
.twc-sectors-with-icon__content-item__image {padding-top:65%;}
.twc-sectors-with-icon__content-item__image-bg {border-radius:5px;}

/* Has slider */
.twc-sectors-with-icon__list ul .flickity-viewport {width:100%;}
.twc-sectors-with-icon__list ul .flickity-button {--flkt-position:calc(-1 * var(--flkt-btn-size));}


/************************************************
 * Sectors with icon - Responsive
************************************************/
/*Small Desktop*/
@media only screen and (max-width:1180px) {
    .twc-sectors-with-icon {
        --swi-spacing-item-x:20px;
        --swi-spacing-image:var(--twc-gap-container);
    }
}

/*Tablet Horizontal*/
@media only screen and (max-width:1024px) {
    /* List */
    .twc-sectors-with-icon__list {padding:0; margin:0 -20px; overflow:hidden;}
    .twc-sectors-with-icon__list ul .flickity-viewport {width:100%;}
    .twc-sectors-with-icon__list ul li {width:22.5%;}
    .twc-sectors-with-icon__list ul li:first-child {padding-left:calc(var(--swi-spacing-item-x) / 2 + var(--twc-gap-container));}
    .twc-sectors-with-icon__list ul li:last-child {padding-right:calc(var(--swi-spacing-item-x) / 2 + var(--twc-gap-container));}

    /* Show only 1 item if page not yet loaded */
    .twc-sectors-with-icon__list ul:not(.flickity-enabled) {justify-content:flex-start;}
    .twc-sectors-with-icon__list ul:not(.flickity-enabled) li:not(:first-child),
    .twc-sectors-with-icon__content-inner:not(.flickity-enabled) .twc-sectors-with-icon__content-item:not(:first-child) {display:none;}
}

/*Tablet Vertical*/
@media only screen and (max-width:768px) {
    /* list */
    .twc-sectors-with-icon__content-item__inner {flex-direction:column; text-align:center;}
    .twc-sectors-with-icon__content-item.content {
        width:100%;
        padding:0 20px; margin-bottom:35px;
    }
    .twc-sectors-with-icon__content-item.image {width:100%;}
    .twc-sectors-with-icon__list ul li {width:30%;}

    /* Content */
    .twc-sectors-with-icon__content {background:rgba(0, 0, 0, 0); overflow:hidden;}
    .twc-sectors-with-icon__content-inner {padding:0;}
    .twc-sectors-with-icon__content-item {background:#fff;}
    .twc-sectors-with-icon__content-item.content {padding-top:40px;}
}

/*Mobile*/
@media only screen and (max-width:480px) {
    .twc-sectors-with-icon {--swi-spacing-item-x:30px;}
    .twc-sectors-with-icon__list ul li {width:60%;}
    .twc-sectors-with-icon__content-item__image {padding-top:90%;}
}