.banner {
    background-image: url(/uploads/page/common/faqs-banner-bg.png);
    background-size: 100% 100%;
    padding: 75px 0 90px;
}
.banner p {
    color: #061C3D;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
    text-align: center;
}
.banner h1 {
    color: #061C3D;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .banner {
        background-image: url(/uploads/page/common/faqs-banner-mb-bg.png);
        background-size: cover;
    }
    .banner h1 {
        font-size: 28px;
    }
}
.wrap-1 {
    margin-top: 50px;
}
.wrap-1 h2 {
    color: #061C3D;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}
.wrap-1 .grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 33px;
    margin-top: 30px;
}
.wrap-1 .grid-wrapper .grid-item {
    border-radius: 8px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    padding: 22px 40px;
    min-height: 124px;
}
.it-reference .wrap-1 .grid-wrapper .grid-item {
    height: 170px;
}
.wrap-1 .grid-wrapper .grid-item-title {
    display: flex;
    align-items: center;
    gap: 14px;
}
.wrap-1 .grid-wrapper .grid-item-title h3 {
    color: #061C3D;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
}
.wrap-1 .grid-wrapper .grid-item-content {
    margin-top: 14px;
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 996px) {
    .wrap-1 .grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .wrap-1 h2 {
        font-size: 24px;
    }
    .wrap-1 .grid-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .wrap-1 .grid-wrapper .grid-item {
        padding: 17px 30px;
        height: auto;
    }
}
.wrap-2 {
    margin: 90px 0;
}
.wrap-2 .container > h2 {
    color: #061C3D;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}
.wrap-2 .container > p {
    color: #222a37;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    padding: 0 160px;
}
.wrap-2 .flex-wrapper {
    box-sizing: border-box;
    display: flex;
    border-radius: 6px;
    border: 1px solid #D0D0D0;
    border-bottom: none;
    align-items: flex-start;
    background: #FFF;
    margin-top: 28px;
    border-radius: 10px;
    overflow: hidden;
}
.wrap-2 .flex-wrapper .flex-item {
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    flex: 0 0 100%;
}
.wrap-2 .flex-wrapper .flex-item-title {
    width: 366px;
    padding: 30px 0 30px 50px;
    background-color: #fafafa;
    border-right: 1px solid #e6e6e6;
}
.wrap-2 .flex-wrapper .flex-item-title h3 {
    color: #061C3D;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
}
.wrap-2 .flex-wrapper .flex-item-content {
    flex: 1;
    padding: 24px 24px 38px;
}
.wrap-2 .flex-wrapper .flex-item-content p {
    color: #414141;
    font-size: 16px;
    line-height: 1.78;
}
.wrap-2 .flex-wrapper .flex-item-content li,.wrap-2 .flex-wrapper .flex-item-content div { /*zuo*/
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 12px;
    list-style: disc;
    margin-left: 20px;
}
.wrap-2 .flex-wrapper .flex-item-content div { /*zuo*/
    margin-left: 6px;
}
.wrap-2 .flex-wrapper .flex-item-content li:last-child {
    margin-bottom: 0;
}
.wrap-2 .flex-wrapper .flex-item:last-child-title {
    border-radius: 0px 0px 10px 10px;
}
@media screen and (max-width: 768px) {
    .wrap-2 .container > h2 {
        font-size: 24px;
    }
    .wrap-2 .container > p {
        padding: 0;
        font-size: 14px;
    }
    .wrap-2 .flex-wrapper {
        flex-direction: column;
        border-right: none;
        border: none;
        gap: 20px;
    }
    .wrap-2 .flex-wrapper .flex-item {
        flex-direction: column;
        border: 1px solid #e6e6e6;
        flex: unset;
        height: auto;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }
    .wrap-2 .flex-wrapper .flex-item-title {
        padding: 17px 24px;
        border-radius: 10px 10px 0 0;
    }
    .wrap-2 .flex-wrapper .flex-item-title h3 {
        font-size: 20px;
    }
    .wrap-2 .flex-wrapper .flex-item-content {
        padding: 15px 24px;
    }
    .wrap-2 .flex-wrapper .flex-item-content li,
    .wrap-2 .flex-wrapper .flex-item-content p {
        font-size: 14px;
    }
    .wrap-2 .flex-wrapper .flex-item:last-child-title {
        border-radius: 10px 10px 0 0;
    }
}
.wrap-3 {
    margin: 120px 0 40px;
}
.wrap-3 h2 {
    color: #061C3D;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}
.wrap-3 .wrap-tabs {
    display: flex;
    justify-content: center;
    gap: 2px;
    margin-top: 25px;
}
.wrap-3 .wrap-tabs-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background-color: #E6EAF1;
    color: #49576B;
    font-size: 16px;
    font-weight: 500;
    flex: 0 0 155px;
    padding: 9px 0;
    font-weight: 600;
    cursor: pointer;
}
.wrap-3 .wrap-tabs-item i {
    font-weight: 500;
    font-size: 24px;
}
.wrap-3 .wrap-tabs-item.active {
    background-color: #4687FF;
    color: #FFF;
}
.wrap-3 .wrap-tabs-item.active i {
    color: #FFF;
}
.wrap-3 .wrap-content {
    margin-top: 43px;
    padding: 15px 0 15px 25px;
    border-left: 1px solid #D6E4FF;
    position: relative;
}
.wrap-3 .wrap-content::before {
    content: '\e606';
    font-family: 'iconfont';
    position: absolute;
    top: -9px;
    left: -6.7px;
    font-size: 12px;
    color: #D6E4FF;
}
.wrap-3 .wrap-content-item {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 6px 28.2px 0px rgba(0, 0, 0, 0.05);
    padding: 14px 0;
    display: flex;
    gap: 14px;
    margin-bottom: 40px;
}
.wrap-3 .wrap-content-item:last-child {
    margin-bottom: 0;
}
.wrap-3 .wrap-content-item-title {
    background-color: #4687FF;
    padding: 5px 20px;
    display: flex;
    flex-direction: column;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 48px;
    position: relative;
}
.wrap-3 .wrap-content-item-title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -28px;
    width: 6px;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #4687FF;
}
.wrap-3 .wrap-content-item-title h3 {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
.wrap-3 .wrap-content-item-title p {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.7;
}
.wrap-3 .wrap-content-item-content {
    padding-top: 14px;
}
.wrap-3 .wrap-content-item-content ul li {
    color: #414141;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
}
.wrap-3 .wrap-content-item-content ul li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .wrap-3 h2 {
        font-size: 24px;
    }
    .wrap-3 .wrap-tabs {
        flex-wrap: wrap;
        gap: 1px;
    }
    .wrap-3 .wrap-tabs-item {
        flex: 0 0 105px;
        font-size: 13px;
    }
    .wrap-3 .wrap-content-item {
        flex-direction: column;
    }
    .wrap-3 .wrap-content-item-title {
        max-width: 112px;
    }
    .wrap-3 .wrap-content-item-content {
        padding-top: 8px;
    }
    .wrap-3 .wrap-content-item-content ul li {
        font-size: 14px;
    }
}

@media all{
    .container:before,.container:after{content:" ";display:table;}
    .container:after{clear:both;}
    *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .pNav{background-color:#1e2426;height:42px;}
    .pNav .p_icon{display:inline-block;vertical-align:middle;margin-right:50px;}
    .pNav .p_icon img{display:inline-block;vertical-align:middle;width:35px;height:auto;}
    .pNav .p_icon span{display:inline-block;vertical-align:middle;height:100%;line-height:42px;color:#fff;font-size:14px;font-weight:700;padding-left:14px;}
    .pNav .navCont{display:inline-block;vertical-align:middle;height:42px;margin-right:10px;}
    .pNav .navCont a{display:inline-block;height:42px;padding:0 25px;line-height:42px;font-size:14px;color:#fff;}
    .pNav.roll{margin-bottom:10px;position:fixed;top:0;width:100%;z-index:100000;background-color:#fff;box-shadow:1px 4px 10px 3px;}
    .pNav.roll .p_icon span{color:#000;}
    .pNav.roll .navCont a{color:#1e2426;}
    .pNav.roll .navCont a:hover{color:#827502;background-color:unset;}
    @media screen and (max-width:1200px){
        .pNav{height:auto;}
        .pNav .container{width:100%;padding:0;}
        .pNav .p_icon,.pNav .navCont{display:block;float:none;margin:0;}
        .pNav .p_icon{text-align:center;}
        .pNav .navCont .col-md-1-5{width:20%;float:left;text-align:center;}
        .pNav .navRight{float:none;}
    }
    @media screen and (max-width:768px){
        .pNav .navCont a{padding:0 5px;}
    }
    @media screen and (max-width:500px){
        .pNav .navCont a{font-size:12px;}
    }
    @media screen and (max-width:320px){
        .pNav .navCont a{padding:0;}
    }
    .pNav.new{display:none;background-color:#fff;height:60px;box-shadow:#4d6c82 6px 0 12px;}
    .pNav.new .container{display:flex;justify-content:space-between;align-items:center;}
    .pNav.new.roll{display:block;box-shadow:#4d6c82 6px 0 12px;justify-content:space-between;align-items:center;}
    .pNav.new .p_icon{display:inline-flex;align-items:center;}
    .pNav.new .p_icon span{color:#333;font-size:16px;display:flex;height:60px;align-items:center;line-height:1.4;}
    .pNav.new .navRight{flex:1;display:flex;justify-content:flex-end;align-items:center;}
    .pNav.new .navRight .navCont{height:60px;display:flex;}
    .pNav.new .navRight .navCont .col-md-1-5{color:#666;padding:0 20px;font-size:16px;display:inline-flex;align-items:center;height:60px;line-height:1.24;}
    .pNav.new.roll .navCont .col-md-1-5:hover{color:#1e96ec;}
    .pNav.new .navRight p{display:none;}
    .pNav.new .navRight .navBtn{display:inline-flex;height:60px;align-items:center;}
    .pNav.new .navRight .navBtn a{display:inline-block;vertical-align:top;margin-right:20px;color:#4d6c82;}
    .pNav.new .navRight .navBtn a em{font-size:24px;color:inherit;}
    .pNav.new .navRight .navBtn a:hover{color:#1e96ec;}
    .pNav.new .navRight .navHome{padding-left:30px;width:144px;height:27px;display:inline-flex;align-items:center;border-left:1px solid #e0e0e0;}
    .pNav.new .navRight .navHome a,.pNav.new .navRight .navHome a img{display:block;width:100%;height:100%;}
    @media screen and (max-width:1024px){
        .pNav.new{height:58px;}
        .pNav.new .container{width:95%;height:100%;margin:auto;}
        .pNav.new .container::before,.pNav.new .container::after{display:none;}
        .pNav.new .p_icon img{width:40px;height:40px;}
        .pNav.new .p_icon span,.pNav.new .navRight .navHome{display:none;}
        .pNav.new .navRight .navCont{height:40px;}
        .pNav.new .navRight .navCont .col-md-1-5{height:40px;line-height:40px;width:auto;}
        .pNav.new .navRight .navBtn{height:40px;}
        .pNav.new .navRight .navBtn a{margin:0 15px;}
    }
    @media screen and (max-width:500px){
        .pNav.new .navRight{position:relative;}
        .pNav.new .navRight p{position:relative;display:inline-flex;align-items:center;font-size:16px;color:#4d6c82;margin-right:10px;}
        .pNav.new .navRight p::after{content:'';display:inline-block;position:relative;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #4d6c82;border-bottom:5px solid transparent;top:3px;right:-5px;}
        .pNav.new .navRight .navCont{display:none;position:absolute;width:120px;background-color:#fff;z-index:10000;height:auto;top:40px;right:80px;}
        .pNav.new .navRight .navCont a.col-md-1-5{display:block;width:100%;font-size:14px;text-align:left;padding:0 20px;}
        .pNav.new .navRight .navBtn a{margin:0 0 0 15px;}
    }
    .pNav.new .navRight .navCont .dropdown-toggle{cursor:pointer;position:relative;}
    .pNav.new .navRight .navCont .dropdown-toggle span:before{content:'';display:block;width:5px;height:5px;background:#fd255a;border-radius:50%;position:absolute;top:40%;transform:translateY(-50%) translateX(-5px);}
    .pNav.new .navRight .navCont .dropdown-toggle span:after{content:'';display:inline-block;position:relative;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;border-bottom:5px solid transparent;top:3px;right:-5px;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu{display:none;position:absolute;transform:translateX(-50%);left:50%;top:100%;padding:20px 40px 20px 20px;background:#fff;border-radius:4px;box-shadow:rgba(0,0,0,.12) 1px 1px 8px;z-index:1000;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item{font-size:14px;color:#666;margin-bottom:10px;display:flex;align-items:center;padding:5px 0;height:auto;line-height:unset;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item svg{display:inline-flex;height:14px;margin-right:10px;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item svg .var{fill:none;stroke:#4d6c82;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item svg .var1{fill:#4d6c82;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item:last-of-type{margin-bottom:0;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item:hover{color:#55b4c4;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item:hover svg .var{stroke:#55b4c4;}
    .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item:hover svg .var1{fill:#55b4c4;}
    @media screen and (max-width:768px){
        .pNav.new .navRight .navCont .dropdown-toggle{height:auto;}
        .pNav.new .navRight .navCont .dropdown-toggle span{display:none;}
        .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu{display:block;box-shadow:none;position:static;transform:none;padding:0;}
        .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu:before,.pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu:after{display:none;}
        .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item{height:40px;padding:0;margin:0;}
        .pNav.new .navRight .navCont .dropdown-toggle .dropdown__menu .dropdown__item svg{display:none;}
    }
    .pNav .navCont a:hover{background-color:#4DB1CE;}
    .pNav.new.roll .navCont .col-md-1-5:hover, .pNav.new.roll .navCont .col-md-1-5.active {
        color: #1e96ec;
    }
}
[lang='pt'] .pNav.new .navRight .navCont .col-md-1-5 {
    padding: 0 18px;
}
