/* Square Boxes */
:root {
    --hover_animation: all .2s ease-in-out;
}

.aio-icon-component.square_box {
    position: relative;
    margin-bottom: 30px !important;
    padding: 50px 20px 50px 30px;
    border: 5px solid #086F5B;
    height: 360px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
}

.aio-icon-component.square_box .aio-icon-read {
    position: absolute !important;
    bottom: 46px;
	font-weight: 700;
}

.aio-icon-component.why_legado_box {
    border: 5px solid #086F5B;
    padding: 50px 20px 50px 130px;
    margin-bottom: 30px;
	min-height: 205px;
}

.aio-icon-component.why_legado_box .aio-icon-box {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.aio-icon-component.why_legado_box .aio-icon-description {
    width: 90%;
}

.aio-icon-component.why_legado_box .aio-icon-box .aio-icon-default {
    position: absolute;
    left: 16px;
    top:0;
}

.aio-icon-component.why_legado_box .aio-icon-box .aio-icon-default .aio-icon-img.uavc-square {
    padding: 1.875rem;
}

.aio-icon-component.square_box,
.aio-icon-component.square_box .aio-icon-title,
.aio-icon-component.square_box .aio-icon-description,
.aio-icon-component.square_box .aio-icon-description .aio-icon-read,
.aio-icon-component.square_box .aio-icon-description .aio-icon-read:before,
.aio-icon-component.square_box .Defaults-file-text-o:before {
    transition: var(--hover_animation);
}

.aio-icon-component.square_box .aio-icon-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
}

.subtab_square_boxes .aio-icon-component.square_box {
    position: relative;
    display: flex;
    align-items: center;
}

.subtab_square_boxes .aio-icon-component.square_box .aio-icon-description,
.subtab_square_boxes .aio-icon-component.square_box:hover .aio-icon-description {
    color: transparent !important;
}

.subtab_square_boxes .aio-icon-component.square_box .aio-icon-description {
    margin-top: 0;
}

.subtab_square_boxes .aio-icon-component.square_box .aio-icon-description .aio-icon-read {
    margin-top: 0;
    bottom: 100px;
}



.aio-icon-component.square_box .aio-icon-description .aio-icon-read {
    margin-top: 30px;
    color: #3D3E46;
}

.aio-icon-component.square_box .aio-icon-description .aio-icon-read:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: #3D3E46;
    bottom: 6px;
}

.aio-icon-component.square_box:hover {
    background: #086F5B;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, .6);
}

.aio-icon-component.square_box:hover .aio-icon-description .aio-icon-read,
.aio-icon-component.square_box:hover .aio-icon-description,
.aio-icon-component.square_box:hover .aio-icon-title,
.aio-icon-component.square_box:hover .Defaults-file-text-o:before {
    color: #fff !important;
}

.aio-icon-component.square_box:hover .aio-icon-description .aio-icon-read:before {
    background: #fff;
}

@media (max-width: 767px) {

    .aio-icon-component.square_box .aio-icon-description {
        font-size: 16px !important;
    }

    .aio-icon-component.square_box .aio-icon-title {
        font-size: 20px !important;
    }

    .aio-icon-component.square_box .aio-icon-read {
        bottom: 30px;
    }

    .aio-icon-component.why_legado_box {
        padding: 30px 20px 30px 100px;
    }

    .aio-icon-component.why_legado_box .aio-icon-box .aio-icon-default .aio-icon-img.uavc-square {
        padding: 1.25rem;
        font-size: 40px !important;
    }

    .aio-icon-component.why_legado_box .aio-icon-box .aio-icon-default .aio-icon-img.uavc-square .img-icon {
        width: 40px;
        height: 40px;
    }

}

/* Tabs */

div[id^=sp-wp-tabs-wrapper_] {
    position: unset;
}

#sp-wp-tabs-wrapper_4296 .sp-tab__tab-content {
    padding: 50px 0 0 0;
}

#sp-wp-tabs-wrapper_4296 .sp-tab__nav {
    margin-left: 6px
}

#sp-wp-tabs-wrapper_4308 .sp-tab__tab-content {
    padding-top: 0;
    position: relative;
}

#sp-wp-tabs-wrapper_4308.sp-tab__lay-default > ul {
    position: absolute;
    top: 0;
    right: 20px;
}

#sp-wp-tabs-wrapper_4296.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title {
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}

#sp-wp-tabs-wrapper_4308.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

#sp-wp-tabs-wrapper_4296 > .sp-tab__nav-tabs .sp-tab__nav-link.sp-tab__active .sp-tab__tab_title {
    position: relative;
}

#sp-wp-tabs-wrapper_4296 > .sp-tab__nav-tabs .sp-tab__nav-link.sp-tab__active .sp-tab__tab_title:before {
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #3D3E46;
    bottom: 0;
}

#sp-wp-tabs-wrapper_4308 > .sp-tab__nav-tabs .sp-tab__nav-link .sp-tab__tab_title {
    border: 3px solid transparent;
    padding: 10px;
}

#sp-wp-tabs-wrapper_4308 > .sp-tab__nav-tabs .sp-tab__nav-link.sp-tab__active .sp-tab__tab_title {
    border: 3px solid #3D3E46;
}

@media (min-width: 1025px) {

    .desktop_squarboxes {
        display: block;
    }

    .tablet_squarboxes {
        display: none;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    .desktop_squarboxes {
        display: none;
    }

    .tablet_squarboxes {
        display: block !important;
    }

}

@media (max-width: 1024px) {

    #sp-wp-tabs-wrapper_4296 .sp-tab__tab-content {
        padding-top: 0;
    }

    #sp-wp-tabs-wrapper_4308.sp-tab__lay-default > ul, #sp-wp-tabs-wrapper_4296.sp-tab__lay-default > ul {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        right: 0;
        justify-content: center;
    }

    #sp-wp-tabs-wrapper_4308.sp-tab__lay-default > ul {
        margin: 0 0 30px 0;
    }

    #sp-wp-tabs-wrapper_4296 .sp-tab__tab-content {
        padding-top: 50px;
    }

    #sp-wp-tabs-wrapper_4296.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title {
        font-size: 32px;
        line-height: 60px;
    }

    #sp-wp-tabs-wrapper_4308.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title {
        font-size: 20px;
        line-height: 32px;
    }

}

/* Icons & hover icons */

.square_box .Defaults-file-text-o:before {
    display: block;
    content: '';
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
}

/* Platform tab icons */

.square_box.platform_overview .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/FileCloud.svg');
}

.square_box.platform_overview:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/FileCloud_white.svg');
}

.square_box.platform_communication .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/Communications.svg');
}

.square_box.platform_communication:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/Communications_white.svg');
}

.square_box.platform_workflows .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/workflows.svg');
}

.square_box.platform_workflows:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/workflows_white.svg');
}

.square_box.platform_intelligence .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/intelligence.svg');
}

.square_box.platform_intelligence:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/intelligence_white.svg');
}

.square_box.platform_wonderbill .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/wonderbill.svg');
}

.square_box.platform_wonderbill:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/wonderbill_white.svg');
}

.square_box.platform_security .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/Personal - Secure.svg');
}

.square_box.platform_security:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/Personal-Secure-white.svg');
}

/* Solutions > Industries sub tab Icons */

.square_box.industries_wealth .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/wealth.svg');
}

.square_box.industries_wealth:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/wealth_white.svg');
}

.square_box.industries_legal .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/legal.svg');
}

.square_box.industries_legal:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/legal_white.svg');
}

.square_box.industries_pensions .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/pension.svg');
}

.square_box.industries_pensions:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/pension_white.svg');
}

.square_box.industries_insurance .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/insurance.svg');
}

.square_box.industries_insurance:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/insurance_white.svg');
}

.square_box.industries_fintech .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/fintech.svg');
}

.square_box.industries_fintech:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/fintech_white.svg');
}

.square_box.industries_banking .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/banking.svg');
}

.square_box.industries_banking:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/banking_white.svg');
}

/* Solutions > Use Case sub tab Icons */

.square_box.use_case_digital .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/digital.svg');
}

.square_box.use_case_digital:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/digital_white.svg');
}

.square_box.use_case_engagement .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/ArrowsClockwise.svg');
}

.square_box.use_case_engagement:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/ArrowsClockwise_white.svg');
}

.square_box.use_case_consumer .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/HandCoins.svg');
}

.square_box.use_case_consumer:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/HandCoins_white.svg');
}

.square_box.use_case_automation .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/GearFine.svg');
}

.square_box.use_case_automation:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/GearFine_white.svg');
}

.square_box.use_case_secure .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/secure_com.svg');
}

.square_box.use_case_secure:hover .Defaults-file-text-o:before {
    background-image: url('/wp-content/themes/legado_child/icons/secure_com_white.svg');
}

/* Workflow Carousel */

.workflow_carousel .slick-track {
    left: -14%;
}

.workflow_carousel button.slick-prev.default.slick-arrow,
button.slick-next.default.slick-arrow{
    position: absolute;
    top: -50px;
}

.workflow_carousel button.slick-next.default.slick-arrow {
    right: 100px;
}

.workflow_carousel button.slick-prev.default.slick-arrow {
    left: 89%;
}

.workflow_carousel button {
    margin: 0 !important;
}

.workflow_carousel .ult-item-wrap.slick-slide {
    max-width: 485px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    transition: all .25s ease-in-out;
    margin-bottom: 20px !important;
    border-radius: 5px;
}

.workflow_carousel .ult-item-wrap.slick-slide:hover {
    box-shadow: 2px 0px 20px 2px rgba(0, 0, 0, 0.5);
}

.workflow_carousel .ult_crlink a {
    position: absolute;
    left: 30px;
}

.workflow_carousel img.vc_single_image-img {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)
}

.workflow_carousel .ult_crlink a .ult_btn10_span {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.workflow_carousel .ult_crlink a .ult_btn10_span:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #3D3E46;
    bottom: -4px;
}

.workflow_carousel_container .carousel_heading {
    margin-left: 400px;
}

.workflow_carousel_container .slick-next:before,
.workflow_carousel_container .slick-prev:before {
    opacity: 0 !important;
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .workflow_carousel button.slick-next.default.slick-arrow {
        right: 50px;
    }

    .workflow_carousel .slick-track {
        left: -20.5%;
    }

    .workflow_carousel_container .carousel_heading {
        margin-left: 252px;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .workflow_carousel button.slick-next.default.slick-arrow {
        right: 110px;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow {
        left: 84%;
    }

    .workflow_carousel_container .carousel_heading {
        margin-left: 174px;
    }

    .workflow_carousel .slick-track {
        left: -24%;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {

    .workflow_carousel .slick-track {
        left: -30%;
    }

    .workflow_carousel_container .carousel_heading {
        margin-left: 90px;
    }

    .workflow_carousel button.slick-next.default.slick-arrow {
        right: 78px;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow {
        left: 84%;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    .workflow_carousel button.slick-prev.default.slick-arrow, button.slick-next.default.slick-arrow {
        top: -60px;
    }

    .workflow_carousel .slick-track {
        left: -2%;
    }

    .workflow_carousel_container .carousel_heading {
        margin-left: 30px;
    }

    .workflow_carousel .ult-item-wrap {
        max-width: 440px
    }

    .workflow_carousel_container .slick-slide {
        margin: 0 30px;
    }

    .workflow_carousel button.slick-next.default.slick-arrow {
        right: 56px;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow {
        left: 80%;
    }

}

@media (min-width: 481px) and (max-width: 767px) {

    .workflow_carousel_container .carousel_heading {
        margin-left: 12px;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow {
        left: 230px
    }

    .workflow_carousel button.slick-next.default.slick-arrow {
        right: 40px;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow, button.slick-next.default.slick-arrow {
        top: -66px;
    }

}

@media (min-width: 320px) and (max-width: 480px) {

    .workflow_carousel_container .carousel_heading {
        margin-left: 12px;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow {
        left: 64%;
    }

    .workflow_carousel button.slick-next.default.slick-arrow {
        right: 12%;
    }

    .workflow_carousel button.slick-prev.default.slick-arrow, button.slick-next.default.slick-arrow {
        top: -66px;
    }

}

@media (max-width: 767px) {
    .workflow_carousel .ult-item-wrap.slick-slide {
        margin: 0 !important;
        padding: 0 6px;
        /*width: 254px !important;*/
    }

    .workflow_carousel .aio-icon-header h3.aio-icon-title {
        font-size: 20px !important;
        margin-top: -6px;
    }

    .workflow_carousel .ult-content-box {
        padding: 20px 10px 40px 10px !important;
    }

    .workflow_carousel .default-icon .aio-icon-default .aio-icon-img {
        font-size: 28px !important;
        margin-right: 8px !important;
    }

    .workflow_carousel .slick-track {
        left: 0;
    }

    .workflow_carousel_container {
        padding-top: 0 !important;
    }
}