body .highlight .container.text-right .block .text{
    padding-left: 0;
}
.wrapper2 {
    max-width: 1002px;
    margin: 0 auto;
}

h2.title-left {
    font-family: 'Spartan';
    font-weight: 700;
    font-size: 23px;
    text-align: left;
    color: #00559a;
    margin: 0px 0 19px;
}

a.btn-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    color: #0071CE;
    border: 1px solid #0071ce;
    background-color: #fff;
    border-radius: 8px;
    text-decoration: none;
}

.btn-secondary-sm {
    margin-top:16px;
    max-width: 150px;
    height: 35px;
}

.btn-secondary:hover {
    background: #F2F4F8;
    border: 1px solid #00559A;
    color:#00559A;
}

/********TOOGLE Section FINALIDADE EMPRESTIMO*************/


#finalidade-emprestimo {
    height: 448px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #F2F4F8;
}

.prod .wrap-toggle-fe {
    top: -109px;
}
.auth .wrap-toggle-fe {

}
.wrap-toggle-fe {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #9DB1C9;
    border-radius: 16px;
    text-align: center;
    background-color: #fff;
    margin:0 auto;
    padding:45px 70px;
    top: -100px;
}

h4.title-fe {
    font-family: 'Spartan';
    font-weight: 600;
    font-size: 19px;
    color: #0A243E;
    text-align: left;
}

.filter-fe {
    display: flex;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    gap: 20px 0;
    border-bottom: 1px solid #C9D5E7;;
    background-repeat: repeat;
    margin:35px 0 40px;
    
}

a.tab-fe {
    height: 35px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-family: 'Spartan';
    padding: 0px 16px;
    font-weight: 600;
    font-size: 14px;
    color: #9DB1C9;
    border-radius: 5px 5px 0px 0px;
    text-decoration: none;
}

.tab-fe span {
    margin-right: 13px;
}

.icon-tab {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.icon-house{
    background-image: url(../img/house.svg)
  }

  
.icon-construction{
    background-image: url(../img/construction.svg)
    }

.icon-wrench{
    background-image: url(../img/wrench.svg)
  }


a.tab-fe:hover:not(.selected) {
        color: #00559A;
        background-color:#F2F4F8;

}

a.tab-fe:hover:not(.selected) .icon-house {
        background-image: url(../img/house-hover.svg);
}

a.tab-fe:hover:not(.selected) .icon-construction {
        background-image: url(../img/construction-hover.svg);
}

a.tab-fe:hover:not(.selected) .icon-wrench {
        background-image: url(../img/wrench-hover.svg);
}

.tab-fe.selected {
    border-bottom: 3px solid #0071CE;
    cursor: context-menu;
    color: #0071CE;
}

.tab-fe.selected .icon-house {
    background-image: url(../img/house-active.svg);
}

.tab-fe.selected .icon-construction {
    background-image: url(../img/construction-active.svg);
}

.tab-fe.selected .icon-wrench {
    background-image: url(../img/wrench-active.svg);
}

.tabs-fe > div { display:none;}
.tabs-fe > div.active { 
    display: block;
}

/*******************Wrapper Tabs***********************/

.wrap-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-tabs-info {
    width: 520px;
    padding-left: 72px;
}

.wrap-tabs-info {
    text-align: left;
}

h4.title-type-fe {
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    color: #00559A;
}

.wrap-tabs-info p {
    font-family: 'Roboto';
    font-weight:400;
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    color: #3F5B78;
    margin:17px 0 17px;
}

.wrap-tabs-info ul {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
    margin-left: 23px;
    color: #3F5B78;
}

.wrap-tabs-info li {
    list-style-image: url(/Particulares/Em-Campanha/PublishingImages/Campanha-CH-abril2023/check.svg);
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 11px;
    padding-left: 5px
}




  /************************************/

    .destaque-header {
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .destaque-img {
        width: 100%;
        mix-blend-mode: multiply;
    }

    .destaque-body {
        height: auto;
        padding:32px;
        background-color: #fff;
        mix-blend-mode: multiply;
    }

    h3.destaque-title {
        font-family: 'Spartan';
        font-style: normal;
        font-weight: 700;
        font-size: 23px;
        line-height: 34px;
        color: #0A243E;
        margin-bottom:10px;
    }

    .destaque-subtitle {
        font-family: 'Spartan';
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 150%;
        color: #0A243E;
        margin-bottom:10px;
    }

    .destaque-description {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 27px;
        color: #3F5B78;
    }

    .destaque-footer {
        height: 51px;
        font-family: 'Spartan';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #0071CE;
        background: #F2F4F8;
        padding: 16px 0px 16px 32px;
        mix-blend-mode: multiply;
    }


/**************************************************/
/**********    OFERTA CREDITO HABITAÇÃO     
/*************************************************/

    #oferta-ch {
        margin:98px 0px 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .card-list-ch {
        display: grid;
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: repeat(auto-fit, minmax(262px, 298px));
        list-style-type: none;
        justify-content:flex-start;
        margin-top: 63px;
    }

    a.card-link-ch {
        text-align: left;
        border: 1px solid #C9D5E7;
        border-radius: 16px 16px 8px 8px;
        overflow: hidden;
        text-decoration: none;
    }

    .card-link-ch:hover {
        background: #F2F4F8;
    }

    .card-header-ch {
        position: relative;
        height: 228px;
        overflow: hidden;
    }

    .header-img-ch {
        width: 100%;
    }

    .card-body-ch {
        height: 254px;
        padding:20px 21px
    }

    h3.body-title-ch {
        font-family: 'Spartan';
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 30px;
        color: #0A243E;
        margin-bottom: 22px;
    }

    .body-descri-ch {
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
        color: #3F5B78;
    }

    .card-footer-ch p {
        font-family: 'Spartan';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #0071CE;
        background: #F2F4F8;
        padding: 10px 0px 10px 21px;
        margin: 0;
    }
    

/**************************************************/
/********  PROCESSOS DOCUMENTOS NECESSÁRIOS  
/*************************************************/

    #proc-doc-nec {
        margin:90px 0px 0px;
        padding-top:70px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 66px;
        background: #F2F4F8;
    }

    .doc-requi{
        display: flex;
        justify-content: center;
        color:#3F5B78;
        flex-wrap: wrap;
        margin-top:60px;
        gap: 40px 19px;
        
    }

    .doc-requi div:nth-of-type(1):not(.header),
    .doc-requi div:nth-of-type(3),
    .doc-requi div:nth-of-type(5),
    .doc-requi div:nth-of-type(7) {
        display: flex;
        flex-flow: column wrap;
        width: 269px;
    }

    .doc-requi div:nth-of-type(2),
    .doc-requi div:nth-of-type(4),
    .doc-requi div:nth-of-type(6) {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 104px;
    }

    .header-pdn {
        height: 105px;
        text-align: center;
        border-bottom: 1px solid #C9D5E7;
        justify-content: end;
    }

    .header-pdn img {
        margin-bottom: 14px;
    }


    .title-pdn {
        width: 100%;
        font-family: 'Roboto';
        font-weight: 700;
        font-size: 15px;
        text-align: center;
        color: #3F5B78;
        margin:21px 0px 10px;
    }

    .doc-requi ul {
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0.25px;
        color: #3F5B78;
        padding-left: 17px;
        margin:15px 0;
    }

    .doc-requi ul li {
        list-style-type: disc;
    }

/**************************************************/
/********  SECTION DESTAQUE CAMPANHA 
/*************************************************/  

    .headline {
        text-align: center;
        padding: 40px 60px;
    }

    .desc-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap:40px;
    }

    .info-campanha {
        text-align: left;
        width: 35%;
    }

    h3.titulo-campanha2 {
        font-family: 'Spartan';
        font-style: normal;
        font-weight: 700;
        text-align: left;
        font-size: 23px;
        color: #00559A;
        line-height: 34px;
        margin-bottom: 24px;
    }

    a.Btn-link {
        font-size: 15px;
        color: #fff;
        border: 3px solid #0071CE;
        border-radius: 4px;
        padding: 8px 20px;
        background: #0071CE;
    }

/*************************************/
/*************MOBILE*****************/
/***********************************/

@media screen and (max-width: 834px) {

    #finalidade-emprestimo {
        height: 590px;
    }

    .filter-fe {
        flex-flow: column wrap;
        align-items: center;
        height: auto;
        gap: 20px;
        border-bottom: 0;
        background-image: none;
    }

    .prod .wrap-toggle-fe {
        top: -30px;
        padding: 45px 18px;
    }

    h4.title-fe {
        text-align: center;
        line-height: 1.4;
    }

    .tab-fe {
        justify-content: center;
        flex:0;
        border-bottom: none;
        
    }

    .tab-fe:hover:not(.selected) {
        background-color: #fff;
    }

    .wrap-tabs {
        flex-direction: column;
    }

    .wrap-tabs-img {
        display: none;
    }

    .wrap-tabs-info {
        width: auto;
        padding-left: 0px;
    }

    .wrap-tabs-info p {
        margin:0px 0 17px;
    }

    h4.title-type-fe {
       display: none;
    }

    .btn-secondary {
        margin: 26px auto 0px;
    }

/**************************************************/
/**********     SLIDE CARDS DESTAQUES      
/*************************************************/

    .pl-slider {
        padding-top: 0px;
        padding-left: 60px;
        padding-right: 1px;
    }

    .slide-controls {
        display: none;
    }

    .slide-nav {
        display: none;
    }

    .slide-item.slide-item-selected {
        max-width: 291px;
        height: auto;
    }

    .slide-item.slide-item-previous{
        max-width: 261px;
        left: 27%;
        height: auto;

    }
    .slide-item.slide-item-next {
        left: 36%;
        max-width: 261px;
        height: auto;
    }

    .destaque-description {
        font-size: 15px;
    }

    .destaque-body {
        padding: 32px 16px;
    }

/**************************************************/
/**********    OFERTA CREDITO HABITAÇÃO     
/*************************************************/

    .card-list-ch {
        justify-content: center;
        grid-row-gap: 16px;
    } 
    
 /**************************************************/
/**********    PROCESSO e DOCU NECESSÁRIOS    
/*************************************************/

    #proc-doc-nec {
        margin: 56px 0px 0px;
        padding-top: 32px;
        padding-bottom: 76px;
    }

    .doc-requi {
        flex-direction: column;
        align-items: center;
    }

    .doc-requi div:nth-of-type(2), 
    .doc-requi div:nth-of-type(4), 
    .doc-requi div:nth-of-type(6) {
        height: 0;
    }

    .doc-requi div:nth-of-type(2) img, 
    .doc-requi div:nth-of-type(4) img, 
    .doc-requi div:nth-of-type(6) img {
        transform: rotate(90deg);
    }

/**************************************************/
/********  SECTION DESTAQUE CAMPANHA 
/*************************************************/
    .headline {
        padding: 40px 40px;
    }

    .info-campanha {
        text-align: center;
    }

    h3.titulo-campanha2 {
        text-align: center;
    }
}

span.icon-simulate-thin, span.icon-Fact-Sheet-2, span.icon-House, span.icon-Service-Agreement {
    font-size: 35px;
    color: #9DB1C9;
}