.bn-title{
    position: absolute;
    top: 160px;
    /* transform: translateY(-50%); */
}
.bn-title h1 {
    color: #001E61; 
    font-size: 50px;
}

.banner-img1 {
    position: relative;
    bottom: -187px;
    margin: auto;
    display: table;
}
.main-pd.row.center-cn.mnb {
    position: initial !important;
    margin-top: 100px;
    transform: none !important;
}
.accordion-item {
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    margin-top: 20px;
}
.flow-section {
    /*background: #f7f7f7;  */
    padding-top: 50px !important;
    padding-bottom: 70px !important;
}
.accordion-header {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e4e6eb;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    overflow: hidden;
    line-height: 40px;
}
.accordion-button{
    font-size: 18px;
    color: #001E61 !important;
    font-family:Inter-SemiBold; 
}
.accordion-body {
    padding: 30px 20px;
    background: #fafcff;
    border: 1px solid #e4e6eb;
}
.accordion-button:not(.collapsed) {
    color: #001E61;
    background-color: transparent;
    box-shadow: none;
}

.about-earn-section{
    padding: 50px 0px;
}
.bn-bottom{
    /* position: absolute;
    bottom: 0; */
}
.mnb{
    position: absolute !important;
    width: 100%;
}
.about-connect{
    padding-bottom:100px;
}
.banner-sec{
    background-image: url(../images/banner-bottom.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: bottom;
}
.banner-sec h1{
    font-size: 48px;
    color: #001E61;
    font-family:Inter-Bold;
}
.banner-img{
    position: relative;
    bottom: -227px;
}
.banner-content {
    position: relative;
    top: 120px;
}
.banner-content a.lr-btn {
    position: relative;
    border: none;
}
.banner-content a.lr-btn img {
    margin-right: 6px;
}
.banner-content a.lr-btn:before {
    content: "";
    position: absolute;
    height: 1px;
    width: inherit;
    left: 34px;
    right: 0;
    background: #001e61;
    bottom: 0px;
}
.login-contr .tr-btn {
    margin: 0px 12px;
}
.video-sec{
    z-index: 1;
}
.tncv{
    max-width: 500px;
}
.tncv h3 {
    font-size: 35px;
    font-family: Inter-Bold;
    color: #001E61;
    margin: 15px 0px;
}
.tncv .cr-btn {
    margin-right: 10px;
}
.connect-sec{
    padding-top: 130px;
}
.country-cn h3 {
    font-size: 26px;
    font-family: Inter-Bold;
    color: #001E61;
    margin: 15px 0px;
}
.plc-one {
    padding-left: 30px;
}
.award-sec{
    padding: 80px 0px;
}
.award-item ul.nav.nav-pills {
    margin: 30px auto;
    width: max-content;
}
.award-item ul.nav.nav-pills li a{
    color:#99A5C0;
}
.award .item {
    padding: 1px;
}
.award-sec .item img {
    width: auto;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.award-item ul.nav.nav-pills li a.active{
 background-color: transparent;
color: #001E61;
text-decoration: underline;
}

.award-sec .award-list {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e4e6eb;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    padding: 20px;
    min-height: 150px;
    position: relative;
    overflow: hidden;
}
.award-overlay {
    background: rgb(0 30 97 / 80%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    transition: 0.5s;
}
.award-sec .award-list:hover .award-overlay{
    display: block;
}

.award-overlay p{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    padding: 15px;
}




.country-cn {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eff1f5;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    padding: 30px;
    margin-bottom: 20px;
}
.bnc1{
    border-bottom: 8px solid #001E61;
}
.bnc2{
    border-bottom: 8px solid #C10230 !important;
}
.bnc3{
    border-bottom: 8px solid #808285 !important;
}


.modal-backdrop.show{
    opacity:0.9;
}


.work-section{
    padding: 80px 0px;
}
.work-section img {
    margin: auto;
    display: table;
    max-width:490px;
    width:100%;
}
.work-list h3 {
    color: #001E61;
    font-size: 28px;
    font-family:Inter-SemiBold; 
}
.scroll-contr {
    border-left: 1px solid #ccc;
    position: relative;
    left: 15px;
    height: max-content;
}

.globe-sec {
    background: #00216a;
    color: #fff;
    padding: 70px 0px;
}

.button-contr {
    margin-top: 30px;
}
.globe-sec .cr-btn{
    background: #fff;
    border: 1px solid #fff;
    color: #001e61;
}
.globe-sec .cr-btn:hover{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.globe-sec .lr-btn{
    color: #fff;
    border-color: #fff;
}
.globe-sec h2{
    color: #fff;
}
.globe-sec ul{
    margin-top: 30px;
}
.globe-sec ul li {
    float: left;
    width: 50%;
    color: #D4C1FF;
    background-image: url(../images/tick.png);
    background-repeat: no-repeat;
    padding-left: 33px;
    background-position: left;
    margin-bottom: 15px;
}
.globe-sec .center-cn{
    position: absolute;
}

.importers-sec{
    padding: 80px 100px;
}
.importers-sec.receivable-page.pb-0{
    padding: 80px 100px !important;
}
.tab-section .tab-content img{
    width: 90%;
}
.tab-section ul.nav.nav-pills {
    border-radius: 33.8px;
    background: #fff;
    border: 1px solid #eff1f5;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    max-width: max-content;
    margin: 30px auto;
    padding: 15px;
}
.tab-section a.nav-link {
    border-radius: 22.3px !important;
    color: #99A5C0 !important;
    opacity: 0.7;
    padding: 8px 30px;
}
.tab-section a.nav-link.active{
    background-color: #F4F5F8 !important;
    color: #220B4F !important;
    opacity: 1;
}

.coustomer-conntent h5{
    font-family: Inter-SemiBold;
    font-size: 18px;
    color: #242347;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 43px;
}

.coustomer-conntent p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 63px;
}


/* Style the tab */
.tab {
    width: 50%;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    display: block;
    background-color: inherit;
    color: #504f6c;
    padding: 0px 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    opacity: 0.3;
    position: relative;
    margin-bottom: 40px;
  }
  .tab button.active:before {
    content: "";
    position: absolute;
    left: -13px;
    width: 2px;
    height: 100%;
    background: #c10230;
}
  
  /* Create an active/current "tab button" class */
  .tab button.active {
    opacity: 1;
    color: #504F6C;
  }
  
  /* Style the tab content */
  .tabcontent {
    padding: 0px 12px;
    width: 50%;
    border-left: none;
  }







.earn-section .main-pd {
    background: linear-gradient(#fff 0%, #f0f5fca1 100%);
}
.earn-section img {
    max-width: 90%;
    margin: auto;
    display: table;
}


.industries-sec {
    padding: 100px 0px;
    padding-bottom: 80px;
}
.serve-list {
    border-radius: 15px;
    background: #032265;
    color: #fff;
    text-align: center;
    padding: 35px 10px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.serve-overlay {
    background: rgb(0 30 97 / 80%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    transition: 0.5s;
}
.serve-list:hover .serve-overlay{
    display: block;
}
.serve-overlay a{
    background: #fff;
    padding: 13px 20px;
    border-radius: 25px;
    color: #001E61;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
    font-family: Inter-SemiBold;
}
.serve-list img {
    margin-bottom: 20px;
    max-width: 70px;
}



.coustomers-sec {
    background: #F8FAFE;
    padding: 80px 0px;
}
.coustomer-list {
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5px;
}

.coustomer-list img:hover {
    transform: scale(1.1);
}

.coustomer-list img {
    transition: transform .5s ease;
    cursor: pointer;
    width: 100%;
}
.coustomer-page .coustomer-list{
    margin-bottom: 50px;
}
.coustomer-conntent{
    padding: 20px;
    background-color: #fff;
}
.coustomer-page{
    background-color: #fff;
}
.sort-contr {
    display: flex;
    position: absolute;
    top: 0;
    right: 10px;
    width: max-content;
    float: right;
}
.sort-contr select{
    width: 264px;
    height: 50px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #001e61;
}
.mn-tlp{
    margin-top: 70px !important;
}
.sort-contr p {
    color: #001E61;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    margin-right: 20px;
}
a.read-more {
    text-decoration: underline;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 25px;
}
.coustomer-conntent span {
    color: #504F6C;
    font-size: 15px;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 15px;
}
.form-contr input{
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #b3b6bd;
    padding: 10px;
}
.form-contr select{
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #b3b6bd;
    padding: 10px;
}
.form-contr textarea{
    width: 100%;
    height: 100px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #b3b6bd;
    padding: 10px;
}
.name-cl{
    margin: auto -10px !important;
}
input.submit-cn{
    width: 108px;
    height: 47px;
    border-radius: 23px;
    background: #001e61;
    color: #fff;
    padding: 0;
}
.mrc{
    margin-bottom: 30px !important;
}
.form-contr label{
    margin-bottom: 10px;
}
.contact-right {
    background: #F1F5FD;
    padding-top: 100px;
    padding-left: 60px;
}

.address {
    margin-top: 40px;
}
.form-contr {
    padding: 100px 60px 100px 180px;
}
.address p {
    position: relative;
    padding-left: 35px;
    margin-top: 20px;
}
.address h3 {
    color: #001E61;
    font-size: 25px;
}

.address p img {
    position: absolute;
    left: 0;
}
.career-list {
    background: #F8FAFE;
    padding: 50px 20px;
    margin-top: 20px;
}
.career-conntent h5 {
    color: #001E61;
    font-size: 36px;
}
.place{
    margin:20px 0px;
    font-size: 15px;
}
.career-conntent .content {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.career-conntent .read-more {
    border-radius: 23px;
    background: #001e61;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}
.career-tl {
    margin-bottom: 50px;
}
.career-tl h3 {
    color: #001E61;
    margin-bottom: 20px;
    font-size: 36px;
}
p.email-c{
    color: #001E61;
    margin-top: 20px;
}
p.email-c span{
    text-decoration: underline;
}
.limit-line{
    -webkit-line-clamp: initial !important;
}
.career-conntent ul{
    padding-left: 20px;
}
.career-conntent ul li{
    list-style-type: disc;
}
.modal-dialog{
    max-width: 80%;
    margin: auto;
}
.modal-header {
    border: none;
}
.modal-body{
    padding: 50px;
}
.limit-line span{
    text-decoration: underline;
}
.popup-modal h3{
    color: #001E61;
    margin: 20px 0px;
}
.career-earn-section{
    background-image: url(..//images/looking-career.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 900px;
    padding:100px 0px;
    position: relative;
    background-position: center; 
}
.imc img{
    position: relative;
    right: -135px;
    width: 100%;
}
.team-section{
    background-color: #F1F5FD;
    padding: 100px 0px;
}
.team {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    overflow: hidden;
    margin-top: 30px;
}
.team-content{
    min-height: 270px;
    padding: 20px;
}
.team h5 {
    font-size: 25px;
    color: #001E61;
}
.team h6 {
    margin-bottom: 15px;
    color: #001E61;
    font-size: 15px;
}
.team img{
    width: 100%;
}
.red-light{
    border-bottom:8px solid #808285;
}
.blue-light{
    border-bottom:8px solid #284A96;
}
.mkl-top{
    margin-top: 50px;
}
.importer-page .country-cn{
    min-height: 230px;
}
.importer-page .country-cn img{ 
    margin-bottom: 20px;
}
.import-page ul{
    padding-left: 20px;
    margin-top: 20px;
}

.import-page ul li{
    list-style-type: disc !important;
    line-height: 30px;
}
ul.vmc li{
    list-style-type: none !important;
}
.importers-sec-pages{
    background-image: url(../images/benefit-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 570px;
}
.ex-benefit{
    background-image: url(../images/benefit-bg-exporter.png);
}
.importers-sec-pages .center-cn{
    position: absolute;
}
.mx-width{
    max-width: 100%;
}
.hs-banner .bn-title h1{
    color: #fff; 
}
.hs-banner .bn-title p{
    color: #fff; 
}
.tech-bg{
    background-image: url(../images/tech-bg.png);
}
.receivable-page{
    padding-left: 0;
    padding-right: 0;
}
.strategy{
    background-image: url(../images/strategy-bg.png);
}
.footer-adjust {
    margin-bottom: -260px;
    padding-bottom: 320px !important;
    padding-top: 80px;
}
.easy-img img{
    margin: auto;
    display: table;
}
.plc-one ul{
    padding-left: 20px;
}
.plc-one ul li{
    list-style-type: disc;
}
/* .margin-l{
    margin-left: -120px;
} */
.trade-bg{
    background-image: url(../images/trade-bg.png);
}
.capital-sec{
    background-color: #F1F5FD;
    padding: 100px 0px;
}
.c-list {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eff1f5;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    padding: 20px;
    min-height: 230px;
    margin-top: 30px;
    text-align: center;
}
.c-list img{
    margin-top: 20px;
    margin-bottom: 20px;
}
.eligible-sec{
    padding: 100px 0px;
}
.e-list {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eff1f5;
    box-shadow: 0px 0px 7px rgb(87 81 81 / 10%);
    min-height: 330px;
    padding:40px 30px;
    margin-top: 30px;
    border-bottom: 8px solid #001E61;
}
.bttombtn{
    margin: auto;
    display: table;
    margin-top: 40px;
}
.e-list h1{
    font-size: 25px;
    color: #001E61;
}
.e-list ul{
    padding-left: 20px;
}
.e-list ul li {
    list-style-type: disc;
    line-height: 28px;
}
.inner-banner-sec{
    height: 582px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
/* .connect-sec {
    padding-top: 40px;
} */
.blog-detail-content {
    max-width: 800px;
    margin: auto;
    padding: 50px 0px;
}
.blog-detail-content img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.blog-detail-content b {
    font-family: Inter-Bold;
    font-size: 24px;
    color: #001E61;
}
.limit-content {
    height: 63px;
    overflow: hidden;
}
.img-ht img{
    height: 300px;
    object-fit: cover;
}

.blog-detail-content ul li {
    list-style-type: disc !important;
    margin-left: 20px;
    margin-top:15px;
}
.cn-limit {
    height: 63px;
    overflow: hidden;
}
.im-limit img {
    height: 300px;
    object-fit: cover;
}
.career-form {
    padding: 35px;
    max-width: 700px;
    margin: 50px auto;
    box-shadow: 0px 0px 12px 0px #dcdcdc;
    border-radius: 10px;
}
.popup-btn{
    cursor: pointer;
}
.modal-contr{
    width: 100%;
    max-width: 800px;
}
.modal-contr .modal-body{
    padding: 0;
}
.modal-contr .modal-content{
    background-color: transparent;
    border: none;
}
.thankyou {
    min-height: 400px;
}
.thankyou h3 {
    color: #6e6e6e;
    font-weight: 600;
}
.dshide{
    display:none;
}
@media (max-width: 1600px) {
    .importers-sec {
        padding: 80px 50px;
    }
    .importers-sec.receivable-page.pb-0{
        padding: 80px 50px !important;
    }
    .form-contr {
        padding: 100px 60px 100px 100px;
    }
    .banner-img {
        bottom: -205px;
    }
}
@media (max-width: 1536px) {
    .banner-img {
        bottom: -195px;
    }
}
@media (max-width: 1440px) {
    .banner-img {
        bottom: -181px;
    }
}
@media (max-width: 1366px) {
    .banner-img {
        bottom: -170px;
    }
}
@media (max-width: 1248px) {
    .banner-img {
        bottom: -153px;
    }
}
@media (max-width: 1199px) {
    .banner-img {
        bottom: -155px;
    }
    .form-contr {
        padding: 100px 60px 100px 70px;
    }
  .country-cn h3{
    font-size: 21px;
  }
  .banner-sec h1{
    font-size: 42px;
  }
  .tncv h3{
    font-size: 28px;
  }
  .work-list h3{
      font-size: 24px;
  }
}
@media (max-width: 991px) {
    .main-pd.row.center-cn.mnb {
    margin-top: 0px;
}
    .mc01{
        padding-bottom: 0px;
    }
    .mkl1{
        margin-top: 30px;
    }
    .blog-detail-content{
        max-width: 90%;
    }
    .industries-sec .col-3 {
        width: 33.333%;
    }
    .importers-sec.receivable-page.pb-0 {
        padding: 40px 0px !important;
    }
    .eligible-sec{
        padding-bottom: 0;
    }
    .e-list{
        min-height: auto;
    }
    .mnb{
        position: initial !important;
        transform: none !important;
    }
    .career-earn-section{
        background-image: none;
        padding-top: 0 !important;
    }
    .team-section {
        padding: 40px 0px;
    }
    .about-connect {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .team-content{
        min-height: auto;
    }
    .sm-full{
        width: 100%;
    }
    .globe-sec .center-cn{
        position: initial;
        transform: none;
    }
    .order2{
        order: 2; 
        margin-top: 50px !important;
    }
    .earn-section {
        padding: 50px 0px;
    }
    .scroll-contr{
        margin-bottom: 50px;
    }
    .importers-sec-pages{
        background-image: none;
    }
    .importers-sec-pages .center-cn {
        position: initial;
        transform: none;
        margin-top: 30px;
    }
    .tncv h3 {
        font-size: 24px;
    }
    .banner-sec h1 {
        font-size: 28px;
    }
    .tab-im{
        margin-top: 50px;
    }
    .form-contr {
        padding: 40px 20px 40px 20px;
    }
    .footer-adjust {
        padding-top: 40px;
        padding-left: 20px;
    }
    .imc img {
        right: 0;
        left: 0;
    }
    .about-earn-section{
        padding-bottom: 0;
    }
    .coustomers-sec{
        padding: 40px 0px;
    }
    .career-conntent h5 {
        font-size: 24px;
    }
    .career-tl h3{
        font-size: 24px;
    }
    .accordion-button{
        opacity: 1 !important;
        color: #504F6C !important;
    }
    .accordion-button.collapsed{
        opacity: 0.3 !important;
        box-shadow: none;
    }
    .work-list {
        padding-top: 20px;
    }
    .work-list p{
        font-family: Inter-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    }
    .career-earn-section.footer-adjust {
        padding-bottom: 50px !important;
        margin-bottom: 0 !important;
        min-height: auto;
        margin-top: 50px;
    }
    .banner-img {
        bottom: -126px;
    }
}
@media (max-width: 769px){
    .banner-img {
        bottom: -93px;
    }
}
@media (max-width: 767px) {
    .dshide{
        display:block;
    }
    .mbhide{
        display:none;
    }
    .bn-title p br{
        display:none;
    }
    .bn-title{
        top: 0px;
        padding: 15px;
        background: #00000061;
        color: #fff;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 30px;
    }
    .banner-img1{
        position: initial;
        margin-top: 20px;
    }
    .connect-sec {
        padding-top: 40px;
    }
    .banner-img{
        bottom: -109px;
    }
    .banner-content{
        position: initial;
        margin-top: 50px;
    }
    .modal-body {
        padding: 25px;
    }
    .modal-dialog{
        max-width: 90%;
    }
    .connect-sec.importer-page br {
        display: none;
    }
    .bn-title h1{
        font-size: 24px;
        color: #ffffff;
    }
    .mb-half{
        width: 50%;
    }
    .coustomer-conntent p{
        height: 72px;
    }
    .inner-banner-sec {
        height: 220px;
    }
    .industries-sec {
        padding: 15px 0px;
        padding-bottom: 40px;
    }
    .industries-sec .col-3 {
        width: 50%;
    }
    .importers-sec {
        padding: 50px 0px;
    }
    .button-contr{
        display: inline-grid;
      }
      .button-contr a {
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
      }
      .plc-one{
          padding-left: 0;
      }
      .work-section {
        padding: 40px 0px;
    }
    .earn-section .button-contr {
        display: initial;
    }
    .boost-section .button-contr {
        display: initial;
    }
    .importers-sec .button-contr {
        display: initial;
    }
    .button-contr{
        font-size: 14px;
    }
    .importers-sec a.lr-btn {
        display: inline-block;
    }
    .serve-list .serve-overlay {
        display: none !important;
    }
    .cn-limit {
        height: 72px;
    }
    .thankyou h3{
        font-size: 20px;
    }
}
@media (max-width: 667px){
    .banner-img {
        bottom: -95px;
    }
}
@media (max-width: 667px){
    .banner-img {
        bottom: -86px;
    }
}
@media (max-width: 480px) {
    .banner-img {
        bottom: -68px;
    }
/* .industries-sec .col-3 {
    width: 100%;
} */
.tab-section a.nav-link {
    padding: 8px 8px;
    font-size: 14px;
}
.tab-section ul.nav.nav-pills {
    padding: 10px;
}
.team-section .col-4{
    width: 100%;
}
.mb-half{
    width: 100%;
}
}
@media (max-width: 420px){
    .banner-img {
        bottom: -59px;
    }
}
@media (max-width: 400px) {
    .three h1 {
        font-size: 21px;
    }
}
@media (max-width: 375px){
    .banner-img {
        bottom: -53px;
    }
}
@media (max-width: 320px){
    .banner-img {
        bottom: -45px;
    }
}