.wrap-all-brand-sec{padding:40px 0}.wrap-all-brand-sec .wrap-flex{align-items:stretch;height:100%;display:flex}.wrap-all-brand-sec .wrap-flex .col-left{align-items:flex-start;gap:30px;min-width:450px;height:max-content;display:grid}@media (max-width:767px){.wrap-all-brand-sec .wrap-flex .col-left{min-width:unset}}.wrap-all-brand-sec .wrap-flex .col-left .title-sec{color:#000;letter-spacing:.7px;font-size:14px;line-height:20px}.wrap-all-brand-sec .wrap-flex .col-left .wrap-list-project{gap:10px;display:grid}.wrap-all-brand-sec .wrap-flex .col-left .project-list{letter-spacing:0;cursor:pointer;align-items:center;gap:10px;font-size:36px;line-height:1.25;transition:all .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-left .project-list .ic-arr{opacity:0;transition:opacity .3s ease-in-out}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active,.wrap-all-brand-sec .wrap-flex .col-left .project-list:hover{color:#ff6200}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .ic-arr,.wrap-all-brand-sec .wrap-flex .col-left .project-list:hover .ic-arr{opacity:1}.wrap-all-brand-sec .wrap-flex .col-left .mobile-logo-content{display:none}@media (max-width:767px){.wrap-all-brand-sec .wrap-flex .col-left .mobile-logo-content{-webkit-overflow-scrolling:touch;order:2;grid-template-columns:repeat(3,1fr);max-height:0;margin-bottom:20px;transition:max-height .3s ease-in-out,padding .3s ease-in-out;display:grid;overflow:auto hidden}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .mobile-logo-content{max-height:1000px;padding-top:20px}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .mobile-logo-content .card-brand{width:120px;height:80px}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .mobile-logo-content .card-brand img{object-fit:contain;width:100%;height:100%}}.wrap-all-brand-sec .wrap-flex .col-right{flex-direction:column;flex-grow:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.wrap-all-brand-sec .wrap-flex .col-right .wrap-brand-logos{flex-wrap:wrap;gap:10px;transition:all .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-right .wrap-brand-logos>*{flex:0 0 calc(25% - 10px)}.wrap-all-brand-sec .wrap-flex .col-right .wrap-action-btn{margin:auto}.wrap-all-brand-sec .wrap-flex .col-right .card-brand{opacity:0;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-right .card-brand img{object-fit:contain}.wrap-all-brand-sec .wrap-flex .col-right .card-brand.fade-in{opacity:1}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination{gap:20px;display:flex;position:absolute;bottom:0;right:0}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next{cursor:pointer;background-color:#0000;border:1px solid #ff6200;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:before,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next:before{content:"";background-image:url(/images/icon/ic-curve-arrow-sunrise.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:12px;transition:background-image .3s ease-in-out;display:block}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:before{rotate:180deg}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:hover,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next:hover{background-color:#ff6200}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:hover:before,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next:hover:before{background-image:url(/images/icon/ic-curve-arrow.svg)}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .disabled{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}@media (max-width:767px){.wrap-all-brand-sec .wrap-flex .col-right{display:none}}