.banner-page.white {
    background: #fff;
}
.anim-box{
    opacity: 0;
}
.anim-box.popup.is-animated {
    animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.anim-box.poyoyon.is-animated {
    animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}

.banner__text--1 .anim-box.popup.is-animated,.banner__text--2 .anim-box.popup.is-animated{
    animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 1000ms;
}
.banner__img--1 .anim-box.poyoyon.is-animated,.banner__img--2 .anim-box.poyoyon.is-animated{
    animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) forwards;
    animation-delay: 2000ms;
}

.pay-back__button .btn-arrow:hover{
    background: #fff;
}

@keyframes popup {
    0% {
        transform: translateY(40px) scale(0.8);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scale(1.0);
    }
    80%, 100% {
        opacity: 1;
    }
}
@keyframes poyoyon {
    0% {
        transform: translateY(140px);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
    }
    65% {
        transform: translateY(30px);
    }
    100% {
        transform: translateY(0);
    }
    20%,100% {
        opacity: 1;
    }
}


/*=======================*/
.section.company-info .heading-page{
    margin-bottom: 60px;
}

.company-info{
    position: relative;
    z-index: 4;
    padding-block: 105px 80px;
}
.inner-company{
    max-width: 1200px;
    margin-inline: auto;
}
.dl-info{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    border-bottom: 2px solid #4d4d4d;
}
.dl-info dt{
    width: 100%;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    padding-block: 30px 10px;
    border-top: 2px solid #4d4d4d;
}
.dl-info dd{
    width: 100%;
    padding-block: 10px 30px;
    margin: 0;
}
@media only screen and (min-width: 768px){
    .section.company-info .heading-page{
        margin-bottom: 160px;
    }
    .company-info{
        padding-block: 105px 170px;
    }
    .dl-info dt{
        width: 220px;
        padding-block: 40px 40px;
    }
    .dl-info dd{
        width: calc(100% - 220px);
        padding-block: 40px 40px;
        border-top: 2px solid #4d4d4d;
    }
}

.section-linked-company{
    position: relative;
    z-index: 4;
    background: #f7f7f7;
    margin-bottom: 140px;
}
.linked-company{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 90px 0 110px;
    row-gap: 30px;
}
.linked-company .item-linked{
    width: 100%;
    text-align: center;
}
.linked-company .item-linked figure{
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.linked-company .item-linked h3{
    font-size: 30px;
    line-height: 36px;
    margin-block: 20px 15px;
}
.linked-company .item-linked .btn-arrow{
    width: 310px;
}
@media only screen and (min-width: 992px){
    .section-linked-company{
        margin-bottom: 340px;
    }
    .linked-company .item-linked{
        width: 33.333333%;
        text-align: center;
    }
}

/*===========================*/

.inner-news{
    width: 100%;
    max-width: 1070px;
    margin-inline: auto;
}

.section-news{
    padding-block: 100px 210px;
}
.categories{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 60px;
    margin-bottom: 80px;
}
.items-categories{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 25px;
}
.categories a{
    font-size: 18px;
    line-height: 24px;
    padding-block: 3px 5px;
    text-align: center;
    display: block;
    width: 105px;
    color: #fff;
    background: #9b9b9b;
    border-radius: 32px;
}

.news{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.item-news{
    overflow: hidden;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
/*.item-news figure img{
    width: 100%;
    aspect-ratio: 1.89349112426;
    object-fit: cover;
}
.item-news .intro-news{
    padding: 10px;
}*/
.item-news .tags{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
}
/*.item-news .intro-news .tags a{
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: #9b9b9b;
    border-radius: 32px;
    margin-right: 10px;
    padding: 0 10px;
}*/
.item-news span.date-created{
    font-size: 16px;
    line-height: 24px;
    color: #5b6e8e;
}
/*.item-news .intro-news p{
    font-size: 18px;
    line-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
    margin: 0 0 30px;
}
.item-news .readmore{
    border-radius: 0;
    background: #29a3da;
    border: 2px solid #29a3da;
    min-width: 100%;
}
.item-news .readmore:hover{
    color: #fff;
    background: #0080c5;
    border: 2px solid #0080c5;

}
.item-news .readmore:after{
    position: static;
    transform: translateY(25%);
    display: inline-block;
    margin-left: 10px;
}*/
@media (min-width: 480px){    
    .news{
        column-gap: 30px;
        row-gap: 30px;
    }
    .item-news{
        width: calc(50% - 30px/2);
    }
}
@media (min-width: 768px){    
    .news{
        column-gap: 30px;
        row-gap: 30px;
    }
    .item-news{
        width: calc(33.333333% - 20px);
    }
}
@media (min-width: 992px){
    .news{
        column-gap: 60px;
        row-gap: 55px;
    }
    .item-news{
        width: calc(33.333333% - 40px);
    }
}

.pagination ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.pagination ul li a{
    font-size: 20px;
    line-height: 35px;
    color: #242b3d;
}
.pagination ul li span{
    font-size: 20px;
    line-height: 35px;
    color: #242b3d;
    opacity: 0.6;
}
/*.bg-intro--assess{
    margin-inline: auto;
    width: 100%;
    max-width: 1270px;
    background-image: url(../images/news/topic_assess06.png),url(../images/news/topic_assess06.png);
    background-position: left center, right bottom 50px;
    background-repeat: no-repeat,no-repeat;
}
.intro--assess{
    position: relative;
}
.intro--assess .last{
    text-align: center;
    margin-inline: auto;
}
.intro--assess .last-right{
    display: none;
}
@media (min-width: 992px){
    .intro--assess .last{
        position: absolute;
        left: 0;
        top: 50px;
    } 
    .intro--assess .last-right{
        position: absolute;
        right: 0;
        top: 120px;
        display: block;
    } 
}
.intro--assess .top-assess{
    text-align: center;
}
.intro--assess .top-assess p{
    font-size: 30px;
    line-height: 52px;
    transform: translateY(-70%);
    margin: 0;
}
.intro--assess .heading-assess{
    position: relative;
    text-align: center;
}
.intro--assess .heading-assess:before{
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    border-bottom: 1px solid #0080e0;
    position: absolute;
    z-index: 0;
}
.intro--assess .heading-assess span{
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    padding: 14px 60px;
    position: relative;
    z-index: 1;
    background: #0080e0;
    display: inline-block;
}
.intro--assess .heading-assess+p{
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 15px;
}
.bottom-assess{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.left--bottom-assess{
    background: url(../images/news/topic_assess05.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    max-width: 660px;
    width: 100%;
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 992px){
    .bottom-assess figure{
        position: absolute;
        right: 0;
        bottom: 0;
    }
}*/

.section-assess{
    margin-bottom: 60px;
}
.intro--assess p{
    font-size: 16px;
    line-height: 29px;
    margin: 30px 0 0;
}

.section-news--detail{
    margin: 0;
    padding-block: 100px;
}
.tags--detail{
    margin: 0 0 20px;
}
.tags--detail a{
    font-size: 18px;
    line-height: 32px;
    background: #0090ff;
    border-radius: 32px;
    color: #fff;
    text-align: center;
    display: block;
    width: 146px;
}
.title--detail{
    font-size: 20px;
    line-height: 29px;
    color: #132854;
    margin: 0 0 30px;
}
.date-created--detail{
    font-size: 18px;
    line-height: 32px;
    color: #5b6e8e;
    margin-bottom: 15px;
    display: block;
}

.head--detail{
    font-size: 17px;
    line-height: 30px;
    padding: 15px;
    background: rgba(0,177,255,0.1);
    margin: 0 0 40px;
}
.content-detail-news{
    margin-bottom: 80px;
}
.content-detail-news p{
    font-size: 16px;
    line-height: 32px;
}
.content-detail-news p+p{
    margin-top: 30px;
}
.content-detail-news .feature-image{
    margin-bottom: 40px;
}

.writing{
    background: rgba(0,177,255,0.1);
    padding: 20px 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 40px;
    margin: 0 0 110px;
}
@media only screen and (max-width: 767px){
    .writing{
        flex-wrap: wrap;
        padding: 20px 15px;
    }
    .writing figure{
        text-align: center;
        margin: 0 auto;
    }
}
.intro-writing p{
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 7px;
}
.intro-writing h3{
    font-size: 24px;
    line-height: 40px;
    margin: 0 0 20px;
}

.pagination--detail{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 50px;
}
.pagination--detail a{
    font-size: 18px;
    line-height: 32px;
}
.btn-listpage{
    display: block;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
    /*background: #29a4db;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*font-size: 18px;*/
    /*line-height: 32px;*/
    /*padding: 14px 15px;*/
    /*border-radius: 60px;*/
}

.related-news{
    margin-top: 100px;
}
.related--list{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 30px;
    flex-wrap: wrap;
}
.related--list .item-news{
    overflow: hidden;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.related--list .item-related .tags{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
}
.related--list .item-related span.date-created{
    font-size: 16px;
    line-height: 24px;
    color: #5b6e8e;
}
@media (min-width: 480px){    
    .related--list{
        column-gap: 30px;
        row-gap: 30px;
    }
    .related--list .item-related{
        width: calc(50% - 30px/2);
    }
}
@media (min-width: 768px){    
    .related--list{
        column-gap: 30px;
        row-gap: 30px;
    }
    .related--list .item-related{
        width: calc(33.333333% - 20px);
    }

    .title--detail{
        font-size: 32px;
        line-height: 56px;
        margin-bottom: 80px;
    }
    .content-detail-news p{
        font-size: 18px;
        line-height: 35px;
    }
    .content-detail-news p+p{
        margin-top: 40px;
    }
    .writing{

    }
}
@media (min-width: 992px){
    .related--list{
        column-gap: 40px;
        row-gap: 40px;
    }
    .related--list .item-related{
        width: calc(33.333333% - 80px/3);
    }
}


.section-privacy{
    padding-block: 100px;
}
.head--privacy{
    font-size: 16px;
    line-height: 32px;
    margin: 0 0 120px;
}
.body--privacy dl{

}
.body--privacy dl+dl{
    margin-top: 50px;
}
.body--privacy dl dt{
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 15px;
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 15px;
}
.body--privacy dl dd{
    font-size: 16px;
    line-height: 32px;
}
@media only screen and(min-width: 768px){
    .head--privacy{
        font-size: 18px;
        line-height: 32px;
    }
    .body--privacy dl dt{
        font-size: 26px;
        line-height: 45px;
    }
    .body--privacy dl dd{
        font-size: 18px;
        line-height: 32px;
    }
}

.section-contact{
    padding-block: 100px 210px;
}
.head--contact{
    font-size: 16px;
    line-height: 32px;
    margin: 0 0 80px;
    text-align: center;
}
.form-group{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 30px;
}
.form-group+.form-group{
    margin-top: 30px;
}
.form-group label{
    font-size: 20px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 0;
    margin: 0;
    width: 100%;
}
.form-group label span{
    background: #ffe828;
    color: #2c2d2d;
    font-size: 16px;
    line-height: 28px;
    padding: 2px 11px;
}
.form-group .form-input{    
    width: 100%;
}
.form-group .form-control{
    background: #f1f1f1;
    border: 1px solid #a3a3a3;
    font-size: 20px;
    line-height: 30px;
    padding: 10px;
    width: 100%;
    border-radius: 0;
}
.form-group textarea.form-control{
    height: 260px;
}
.form-submit{
    margin-top: 100px;
    text-align: center;
}
@media only screen and (min-width: 768px){
    .head--contact{
        font-size: 18px;
        line-height: 32px;
    }
    .form-group label{
        width: 230px;
    }
    .form-group .form-input{
        width: calc(100% - 260px);
    }
    .form-group+.form-group{
        margin-top: 60px;
    }
    .form-group .form-control{
        padding: 15px;
    }
    .form-group label{
        padding: 15px 0;
    }
    .form-group label span{
        font-size: 20px;
        line-height: 35px;
    }
    .section-assess .steps{
        display: none;
    }
}
.section-assess .steps{
    counter-reset: section;
}
.section-assess .steps .item-step{
    counter-increment: section;
    position: relative;
    border: 2px solid #00b139;
    padding-inline: 15px;
    padding-block: 60px;
    margin-top: 80px;    
    box-shadow: 1px 2px 4px #9b9b9b;
}
.section-assess .steps .item-step:before{
    content: counter(section);
    width: 70px;
    height: 70px;
    background: #00b139;
    color: #fff;
    text-align: center;
    font-size: 29px;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.section-assess .steps .item-step:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 19px solid #00b139;
}
.section-assess .steps .item-step:last-child:after{
    display: none;
}
.section-assess .steps .item-step .heading-step{
    font-size: 18px;
    line-height: 36px;
    background: #00b139;
    color: #fff;
    min-width: 175px;
    margin: 0 auto 7px;
    text-align: center;
    font-weight: 400;
}
.section-assess .steps .item-step p.heading-txt{
    font-size: 17px;
    line-height: 20px;
    color: #00b139;
    text-align: center;
}
.section-assess .steps .item-step .intro-txt{
    font-size: 15px;
    line-height: 22px;
    padding-block: 10px;
}
.section-assess .steps .item-step:nth-child(2) img{
    position: absolute;
    right: 0;
    bottom: 5%;
    transform: translateY(50%);
}
.intro-images{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
}
.section-assess .steps .item-step a{
    background: #2c2d2d;
    color: #fff;font-size: 20px;
    line-height: 24px;padding: 8px 10px;
    text-align: center;
    border-radius: 6px;
}
.section-assess .steps .item-step .heading-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    color: #00b139;
}

.preparation-info{
    margin: 100px 0 80px;
}
.preparation-content{
    background: url(../images/preparation01.png) center center no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 890px;
    margin: 0 auto;
    padding-block: 60px 60px;
    margin: 0 auto 60px;
}
.preparation-content span{
    color: #c3c4c4;
    font-size: 26px;
    line-height: 29px;
}
.preparation-content p{
    font-size: 28px;
    line-height: 50px;
    color: #2c2d2d;
    font-weight: 600;
}
preparation-info a{
    margin: 0 auto;
    display: block;
}
@media only screen and (max-width: 767px){
    .preparation-content{
        flex-wrap: wrap;
        background: url(../images/preparation01.png) top center no-repeat;
        background-size: 210px auto;
        padding-block: 20px 0;
        margin-bottom: 55px;
    }
    .preparation-content figure{
        display: block;
        margin: 0 auto 30px;
        text-align: center;
        max-width: 130px;
    }
    .preparation-content span{
        font-size: 16px;
        line-height: 28px;
    }
    .preparation-content p{
        font-size: 20px;
        line-height: 34px;
    }
}

.topic-section__item--body label{
    padding: 3px 5px 1px;
}

.step--contact{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 0 80px;
}
.step--contact .item-step{
    width: 33.333333%;
    text-align: center;
    color: #2c2d2d;
    background: #f1f1f1;
    font-size: 20px;
    line-height: 32px;
    padding-block: 14px;
    position: relative;
}
.step--contact .item-step.active{
    background: #00a4de;
    color: #fff;
}
.step--contact .item-step.active:after{
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #00a4de;
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
}
.step--contact .item-step.active:last-child:after{
    display: none;
}

.content--thank-you{
    text-align: center;
    font-size: 20px;
    line-height: 35px;
}

.topic-section__heading ul li a{
    font-size: 14px;
    line-height: 1.2;
    color: var(--white);
    min-height: 24px;
    min-width: 80px;
    padding: 3px 5px 1px;
    border-radius: 100px;
    text-align: center;
    display: block;
}
.section-top--last{
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px){
    .section-top--last{
        padding-bottom: 390px;
    }
}

.section-button .btn-arrow:hover{
    background: #fff;
}

.custom-wpcf7c-confirmed .form-group .form-control{
    background: #fff;
    border: none;
}

@media only screen and (min-width: 1500px) {
    .banner picture.banner__background img {
        width: 100%;
        height: 790px;
        vertical-align: top;
    }
    .banner__main {
        bottom: 4%;
        width: 39%;
    }
    .banner__text--1 {
        top: 11%;
        width: 25%;
        transform: translateX(-58%);
    }
    .banner__img--1 {
        top: 49%;
        width: 25%;
        transform: translateX(-58%);
        max-width: 383px;
    }
    .banner__text--2 {
        top: 11%;
        width: 25%;
        transform: translateX(60%);
    }
    .banner__img--2 {
        top: 49%;
        width: 25%;
        transform: translateX(63%);
        max-width: 383px;
    }
}
@media(max-width:767px){
    .banner__main {
        width: 75%;
    }
    .banner__text--1 {
        right: 50%;
        top: 18%;
        width: 45%;
        transform: translateX(-15%);
    }
    .banner__text--2 {
        left: 50%;
        top: 18%;
        width: 45%;
        transform: translateX(5%);
    }
}
.loans__item--bottom .btn-arrow:hover{
    background: #fff;
}
.sidebar-sticky__nav ul{
    border-top: none;
}

/* Customer feedback */

.section.customer-feedback{
    padding-block: 105px 80px;
    background: #e6f1ff;
}
.list--customer-feedback{
    display: grid;
    gap: 20px 10px;
    align-items: stretch;
    grid-template-columns: 1fr;
    margin-bottom: 30px;
}
.item-customer{
    background: #fff;
    padding: 25px 35px 35px;
    border-radius: 40px;
}

.item-customer .header-item{
    display: flex;
    column-gap: 20px;
    margin-bottom: 20px;
}
.item-customer .header-item h3{
    font-size: 18px;
    line-height: 26px;
    color: #094c9d;
    margin-top: 30px;
}
.body-item h3{
    font-size: 16px;
    line-height: 26px;
    color: #094c9d;
    margin: 0 0 15px;
}
.body-item p{
    font-size: 16px;
    line-height: 25px;
}
@media only screen and (min-width: 575px){
    .list--customer-feedback{
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (min-width: 768px){
    .section.customer-feedback{
        padding-block: 105px 170px;
    }
    .list--customer-feedback{
        gap: 40px 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .item-customer{
        border-radius: 40px;
    }
    .item-customer .header-item{
        margin-bottom: 25px;
    }
    .item-customer .header-item h3{
        font-size: 21px;
        line-height: 26px;
    }
    .body-item h3{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}


.section-detail-customer-feedback{
    padding-block: 105px 80px;
    background: #e6f1ff;
}
.content-detail-customer-feedback{
    background: #fff;
    padding: 25px 35px 35px;
    border-radius: 45px;
    margin-bottom:80px;
}
.content-detail-customer-feedback .body-content {
    font-size: 16px;
    line-height: 26px;
    color: #3f4c68;
    max-width: 890px;
    margin: 0 auto;
}
.header--content{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 20px;
}
.header--content h3{
    font-size: 18px;
    line-height: 26px;
    color: #094c9d;
    margin: 30px 0 0;
}
.header--content h3.detail-title{
    font-size: 22px;
    line-height: 26px;
    margin: 0;
    display: none;
}
.body-content{
    font-size: 16px;
    line-height: 26px;
    color: #3f4c68;
}
.body-content h3.detail-title{
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 15px;
    color: #094c9d;
}
@media only screen and (min-width: 768px){
    .content-detail-customer-feedback{
        padding: 40px 50px 50px;
    }
    .header--content{
        align-items: flex-end;
        gap: 20px;
        margin-bottom: 40px;
    }
    .section-detail-customer-feedback{
        padding-block: 105px 170px;
    }
    .header--content h3{
        margin: 0 0 20px;
        font-size: 21px;
    }
    .body-content h3.detail-title{
        display: none;
    }
    .header--content h3.detail-title{
        display: block;
    }
    .body-content{
        font-size: 20px;
        line-height: 35px;
    }
}

.topic-section__item--body h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2; 
    -webkit-box-orient: vertical;
    height: 63px;
}

@media only screen and (min-width: 768px){
    .ice-candy__heading{
        width: 100%;
    }
}
.content_bold{font-weight:600;}
#smartphone-storage-sell .container{
    background: #fff;
    position:relative;
    padding: 0;}
#smartphone-storage-sell .container picture {
    position: relative;
    z-index: 1;
}
#smartphone-storage-sell .container img{width:100%;min-height: 380px;
                                        object-fit: contain;
                                        object-position: bottom;}
.smartphone-storage-sell_content{
    position:absolute;
    z-index: 0;
    top:60px;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction: column;
    gap:30px;
}
.smartphone-storage-sell_content h2.title{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    gap: 15px;
    width:100%;
}
.smartphone-storage-sell_content h2.title span{
    position:relative;
    padding: 5px 20px;
    font-size: 40px;
    letter-spacing:2px;
    font-weight:600;
    text-align: center;
}
.smartphone-storage-sell_content h2.title span:after{
    content:'';
    position:absolute;
    z-index:-1;
    background: #ffeb00;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.smartphone-storage-sell_content h2.title span:last-child{
    width:80%;
}
#smartphone-storage-sell .container a.btn{
    font-weight: 700;
    color: var(--white);
    background: linear-gradient(45deg, #0d98d6, #72c8ff);
    width: 100%;
    max-width: 400px;
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    letter-spacing: 0.1em;
    padding: 5px 20px;
    min-height: 70px;
    margin: 0;
    box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.14);
    position: relative;
    font-size:32px;
    position: absolute;
    bottom: 20%;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
#smartphone-storage-sell .container a.btn::before {
    content: "";
    background: url("../images/stars-white.svg") no-repeat 0 0/100%;
    width: 18px;
    height: 23px;
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
}
.page-id-143 .banner-page{background:#fff;}
.shop_top_img{display:flex;align-items:center;gap:40px;padding: 0 10%;}
#ice_candy_osu {
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 0 0 5% 0;
    position:relative;
}
#ice_candy_osu:before {
    content:'';
    background:linear-gradient(90deg, rgba(132,198,204,1) 0%, rgba(122,171,215,1) 50%);
    height:45px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}
#ice_candy_osu:after {
    content:'';
    background:linear-gradient(90deg, rgba(132,198,204,1) 0%, rgba(122,171,215,1) 50%);
    height:45px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
#ice_candy_osu  .container{display:flex;}
#ice_candy_osu  .container .img{width:calc(100% - 600px);display:flex;flex-direction: column;gap:20px;justify-content:center;}
#ice_candy_osu  .container .img figure:first-child{padding:20px 25px;}
#ice_candy_osu  .container .img figure:last-child{position:relative;}
#ice_candy_osu  .container .img figure:last-child .cat{position:absolute;top:0;left:0;color: var(--white);background: #29a4db;font-size:35px;font-weight:900;border-radius:0 0 20px 0;padding:15px;display:flex;align-items:center;justify-content:center;}
#ice_candy_osu  .container .text{width:600px;max-width: 100%;padding-left:60px;font-size: 18px;line-height: 1.45}
#shop_address {
    position: relative;
    margin:50px 0 100px;
}
#shop_address .container{position:unset;}
#shop_address .container .address{width:50%;}
#shop_address .container .address table tr{border-bottom:1px solid #B2B7C1}
#shop_address .container .address table tr td{padding:15px 0px;color:#172951;font-size:18px;}
#shop_address .container .address table tr td:first-child{width:30%}
.shop_map{position:absolute;width:calc(50% - 160px);height:100%;top:0;right:0;}
.shop_map iframe {
    border: 0;
    height: calc(100% - 40px);
    width: 100%;
}
#qa_list{background:#fff;margin-top: 40px;}
.section.banner-page h2.title{
    font-family: var(--second-font);
    font-weight: 700;
    font-size: 40px;
    text-align:center;
}
.qa-list__cat{display:flex;flex-wrap: wrap;
              gap: 15px;
              padding: 40px;}
.qa-list__cat a{width:32%;font-size:20px;font-weight:700;color: #0080C5;border:1px solid #0080C5;border-radius:60px;background: #fff;
                height: 55px;
                display: flex;
                align-items: center;
                justify-content: center;position:relative;transition: all 0.3s;}
.qa-list__cat a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url("../images/icon_arrow.png") no-repeat 0 0/100%;
    transition: all 0.3s;
}  
.qa-list__cat a:hover{background:#0080C5;color:#fff;}
.qa-list__cat a:hover:after{background: url("../images/icon_arrow_hover.png") no-repeat 0 0/100%;}
.qa-lists h2.qa_cat-title{text-align:center;}
.qa-lists h2.qa_cat-title span{background:#29a4db;color:#fff;height: 55px;width:355px;font-size:20px;font-weight:700;display: flex;align-items: center;justify-content: center;border-radius:60px;margin: 0 auto 40px;}
.qa_items{padding:0;margin:0 0 100px;list-style:none;}
.qa_items li{padding:30px;border:1px solid #606060;border-radius:20px;margin-bottom:30px;cursor: pointer;}
.qa_items h3.q{font-size:20px;position:relative;padding-left:50px;color:#132854;margin: 0;display:flex;justify-content:space-between;line-height: 1.5;}
.qa_items h3.q:before{content:'Q.';font-size:30px;font-weight:600;line-height: 1;position:absolute;top:0;left:0;color:#0080c5;}
.qa_items h3.q span.qa_text {
    width:calc(100% - 60px);	
}	
.qa_items h3.q span.qa_btn {
    width: 40px;
    height: 40px;
    display: block;
    background: #29a4db;
    border-radius: 100%;
    position:relative;
    cursor: pointer;
}	
.qa_items h3.q span.qa_btn:before {
    content:'';  
    width: 24px;
    height: 2px;
    background: #fff;
    position:absolute;
    top:19px;
    left:8px;
}	
.qa_items h3.q span.qa_btn:after {
    content:'';  
    height: 24px;
    width: 2px;
    background: #fff;
    position:absolute;
    left:19px;
    top:8px;
}	
.qa_items li.open h3.q span.qa_btn:after {
    display:none;
}
.qa_items .a{display:none;font-size:20px;position:relative;padding-left:50px;color:#132854;transition: all 0.3s;margin-top:20px;}
.qa_items .a a{color:#0080c5;}
.qa_items .a:before{content:'A.';font-size:30px;font-weight:600;line-height: 1;position:absolute;top:0;left:0;color:#0080c5;}
.qa_items li.open .a:before{color:#dc0a58;}
.qa_items li.open .a{display:block;}
@media only screen and (max-width: 767px){
    .shop_top_img {padding: 0 25%;flex-direction: column;}
    #ice_candy_osu {padding-top: 70px;padding-bottom:70px;}
    #ice_candy_osu:before {height:30px;}
    #ice_candy_osu:after {height:30px;}
    #ice_candy_osu .container {flex-direction: column;}
    #ice_candy_osu  .container .img{width:100%;}
    #ice_candy_osu  .container .img figure:first-child{padding:0 60px 20px 60px;}
    #ice_candy_osu  .container .text{width:100%;padding-left:0;font-size: 16px;margin-top:50px;}
    #shop_address .container .address {width: 100%;}
    #shop_address .container .address table tr td {font-size: 13px;}
    .shop_map {position: unset;width: 100%;margin-top: 50px;}
    #smartphone-storage-sell.purchase-price {
        padding-block: 60px 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #smartphone-storage-sell .container {padding: 0;}
    #smartphone-storage-sell .container img {min-height: 200px;}
    .smartphone-storage-sell_content {
        top: 20px;
        gap: 0px;
        z-index: 1;
    }
    .smartphone-storage-sell_content h2.title {gap: 8px;}
    .smartphone-storage-sell_content h2.title span {
        padding: 5px;
        font-size: 17px;
    }
    .smartphone-storage-sell_content h2.title span:last-child {width: 90%;}
    #smartphone-storage-sell .container a.btn {
        width: 180px;
        letter-spacing: 0;
        padding: 5px 0px;
        font-size: 15px;
        bottom: 40px;
        min-width: unset;
        height: 45px;
        min-height: unset;
    }
    #smartphone-storage-sell .container a.btn::before {right: 8px;}
    .pawning-list__item--content {margin-top: -38px;}
    .how-to-use__item--2 {
        background-image: url("../images/sell/bg-2.png");
        background-position: 5px 130px;
    }
    .page-id-99 .banner-page__body img {max-width: 140px;}
    .line-contact__main::before {background: url("../images/feature/bg-circle.png") no-repeat 0 0/100%;}
    .how-to .section-heading h2{ padding-inline: 25px;}
    .how-to .section-heading h2::after{right: 0;}
    .loans .section-heading h2{padding-inline: 25px;}
    .loans .section-heading h2::after{right: 0;}
    .section.banner-page h2.title {font-size: 30px;}
    .qa-list__cat {padding: 0px 0 80px;justify-content: space-between;gap:15px 0;}
    .qa-list__cat a {width: calc(50% - 5px);font-size: 12px;height: 40px;}
    .qa-list__cat a::after {right: 5px;width: 16px;height: 16px;}
    .qa-lists h2.qa_cat-title span {height: 40px;width: 170px;font-size: 16px;}
    .qa_items li {padding: 15px;border-radius: 15px;margin-bottom: 20px;}
    .qa_items h3.q{font-size:14px;padding-left: 25px;}
    .qa_items h3.q:before{font-size:16px;top: 0;}
    .qa_items h3.q span.qa_text {width: calc(100% - 30px);}
    .qa_items h3.q span.qa_btn {width: 26px;height: 26px;}
    .qa_items h3.q span.qa_btn::before {width: 18px;top: 12px;left: 4px;}
    .qa_items h3.q span.qa_btn::after {height: 18px;left: 13px;top: 4px;}
    .qa_items .a{font-size:14px;padding-left: 25px;}	
    .qa_items .a:before{font-size:16px;top: 0;}
    .banner-page__body{order: 1;text-align: center;}
    .banner-page__contact{order: 2;}
    .content-detail-customer-feedback .body-content {max-width: 100%;}	
}

.voice__item h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2; 
    -webkit-box-orient: vertical;
    height: 51px;
}
.voice__item p:last-of-type{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2; 
    -webkit-box-orient: vertical;
}


.table-box--inner .title--table-box{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    background: #999999;
    padding-block: 12px 13px;
    margin: 0;
}
@media only screen and (min-width: 768px){
    .table-box--inner .title--table-box{
        font-size: 20px;
        line-height: 35px;
    }
}

.table-2.table-light-blue{
    border: 1px solid #D7EAF0;
}
.table-2.table-light-blue tr th{
    background: #D7EAF0;
}
.table-2.table-light-blue tr:nth-child(even) td {
    background: #EEFCFF;
}

.table-2.table-white tr:nth-child(even) td{
    background: #fff;
}

.table-2.table-white tr td,.table-2.table-white tr th{
    border: 1px solid #999;
}

@media only screen and (max-width: 767px){
    .about-pawning .table-box--inner .js-scrollable .table-2{
        margin-bottom: 0;
    }
    .about-pawning .js-scrollable{
        margin-bottom: 70px;
    }

    .js-scrollable .table-white tr td:first-child{
        min-width: 100px;
    }
    .js-scrollable .table-white tr td:nth-child(2){
        min-width: 150px;
    }
}