@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700&family=Jost:wght@300;400;500;600;700;900&family=Open+Sans:wght@300;400;700&family=Roboto+Flex:wght@300;400;500;600;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');
*,
:after,
:before {
  box-sizing: border-box;
}
body,
html{
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    line-height: 120%;
    scroll-behavior: smooth;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
a{
    color: #344054;
}
a:hover{
    color: #344054 !important;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.wrapper{
    padding-top: 28px;
    padding-bottom: 3rem;
}
.container_text_icon{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.container_text_icon div{
    text-wrap: nowrap;
}
.card{
    padding: 1rem 1rem;
    border-radius: 24px;
    background-color: #E4E7EC;
}
.card p{
    margin-bottom: 0;
    color: #475467;
    font-weight: 600;
}
.form-control, .form-select{
    color: #101828;
    border-radius: 8px;
    font-weight: 500;
    border: 1.3px solid var(--text-color-text-5, #98A2B3);
}

.form-control:focus, .form-select:focus{
    border: 1.3px solid var(--text-color-text-5, #98A2B3);
    box-shadow: 0 0 0 0.15rem rgba(152, 162, 179, .55);
}
.group-input{
    padding: .6rem 0;
}

.form-control:read-only:not(input[type=file]) {
    background: var(--Text-color-Text-3, #E4E7EC);
}
.form-control:not(:read-only):focus{
    background-color: #FCFCFD !important;
}
.group-input label {
    color: var(--Text-color-Text-8, #344054);
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    margin-bottom: 3px;
}
.group-input input,
.group-input select{
    color: var(--Text-color-Text-8, #101828);
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    padding: 8px 12px 8px 12px;
}
.group-input select option{
    font-weight: 500;
}
.group-input input::placeholder,
.group-input textarea::placeholder{
    color: var(--Text-color-Text-5, #98A2B3);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
}
.privacy-policy-text{
    color: var(--Text-color-Text-6, #667085) !important;
    font-weight: 500 !important;
    line-height: 120%;
    letter-spacing: -0.12px;
}
.privacy-policy-text a{
    color: var(--Text-color-Text-8, #344054);
    font-weight: 600;
    line-height: 120%;
}
.container_text_icon-1{
    padding: 1.5rem 1rem 0 0;
}
.container_text_icon-2{
    padding: 1rem 1rem 0 0;
}
.container_text_icon-3{
    padding: .3rem 1rem 0 0;
}
.container_text_icon-4{
    padding: 3rem 1rem 0 0;
}
.freight-class .container_text_icon-1{
    padding: .5rem 1rem 0 0;
}
.freight-class .container_text_icon-2{
    padding: 0rem 1rem 0 0;
}
.freight-class .container_text_icon-3{
    padding: 1rem 1rem 0 0;
}
.freight-class .container_text_icon-4{
    padding: 3rem 1rem 0 0;
}
.preview-sku{
    height: 100px;
    display: block;
}

.para {
    color: #475467;
    font-weight: 500;
}
.title-section{
    color: var(--text-color-text-7, #344054);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    border-bottom: 2px solid #98A2B3;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    /* padding-bottom: 1rem; */
}

.title-section span{
    color: #FCFCFD;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.cbm-result{
    border-top: 2px solid #98A2B3;
    padding-top: 1rem;
}
.input-result{
    background-color: #e9ecef;
}
.freight-table{
    background-color: #D0D5DD;
}
.freight-table tr{
    border: 1px solid #98A2B3;
    border-left: none;
    border-right: none;
    padding: 1rem 0;
}
.freight-table tr:first-child{
    border-top: none;
}
.freight-table tr:last-child{
    border-bottom: none;
}
.freight-table td{
    padding: .3rem 0;
}
.freight-table td:nth-child(2n){
    border-left: 1px solid #98A2B3;
}
.freight-table th:nth-child(2n){
    border-left: 1px solid #98A2B3;
}
.freight-table th{
    border-bottom: 1px solid #98A2B3;
    padding: .6rem;
}
.bg-section{
    background:linear-gradient(0deg, rgba(216, 225, 230, 1), rgba(216, 225, 230, 0.8)), url(../new-img/Earth.png);
    background-position: center;
    background-attachment: fixed;
}
.bg-section-white {
    background: linear-gradient(0deg, rgb(252, 252, 253, .9), rgba(252, 252, 253, .9)), url(../new-img/Earth.png);
    background-position: center;
    background-attachment: fixed;
}
.img-contact-us{
    height: 17rem;
    width: 100%;
    object-fit: cover;
    border-radius: 24px 24px 24px 24px;
}
.contact_content_right{
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 1rem;
}
.contact_content_right p{
    color: var(--Text-color-Text-10, #101828);
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.18px;
}
.country{
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #D0D5DD;
}
.country img{
    height: 2rem;
}
.country h5{
    margin-bottom: 0;
    color: var(--text-color-text-8, #344054);
    font-weight: 600;
}
.country h5 span{
    color: var(--text-color-text-6, #667085);
    font-weight: 500;
}
.contact-content{
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    color: var(--text-color-text-8, #101828);
    font-weight: 500;
    align-items: start;
    overflow: hidden;
}
.contact-content svg{
    margin-right: 1rem;
}
.contact-content p{
    
}
.contact-content div{
    width: 70%;
}
.button-map{
    padding: .5rem 2rem;
    border: 1.3px solid var(--text-color-text-5, #98A2B3);
    color: var(--text-color-text-6, #667085);
}
.tab-pane{
    border: 1.3px solid var(--text-color-text-5, #98A2B3);
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}
.tab-pane iframe{
    width: 100%;
}
.button-register{
    font-weight: 600;
    letter-spacing: -0.16px;
    padding: 12px 30px;
    border-radius: 200px;
    background: var(--text-color-text-4, #344054);
    color: #FCFCFD;
    transition: background .5s ease;
    border: none;
  }

.button-register:hover{
    background: var(--text-color-text-4, #007DB0);
}

.button-main{
    border-radius: 200px;
    background: var(--text-color-text-8, #101828);
    color: white;
    width: fit-content;
    transition: transform .5s, background-color .5s;
    position: relative;
    text-decoration: none;
    padding: 12px 30px;
    font-family: 'Inter', sans-serif;;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.18px;
  }
  .text-of-button{
    display: inline-block;
    transition: transform .5s ease;
  }
  .container-button-hover i{
    transition: transform .5s ease;
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
  }
  
  .container-button-hover:hover a{
    background-color: #007DB0;
    color: white !important;
  }
  
  .container-button-hover:hover i{
    opacity: 1;
    visibility: visible;
    transform: translateX(-30px);
    color: white;
  }
  .container-button-hover:hover .text-of-button{
    transform: translateX(-10px);
  }
.active{
    color: var(--text-color-text-0, #FCFCFD) !important;
    background: var(--text-color-text-8, #344054) !important;
}
.head_img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 20rem;
    width: 100%;
    display: flex;
    align-items: end;
}
.head_img-air-freight {
    background-image: linear-gradient(180deg, rgba(4, 34, 47, 0.00) 0%, rgba(1, 21, 29, 0.48) 47.4%, rgba(0, 18, 26, 0.48) 100%), url(../new-img/air-freight.jfif);
}
.head_img-sea-freight {
    background-image: linear-gradient(180deg, rgba(4, 34, 47, 0.00) 0%, rgba(1, 21, 29, 0.48) 47.4%, rgba(0, 18, 26, 0.48) 100%), url(../new-img/sea-freight.png);
}
.head_img-land-transport {
    background-image: linear-gradient(180deg, rgba(4, 34, 47, 0.00) 0%, rgba(1, 21, 29, 0.48) 47.4%, rgba(0, 18, 26, 0.48) 100%), url(../new-img/land-transport.png);
}
.head_img-warehouse-packages {
    background-image: linear-gradient(180deg, rgba(4, 34, 47, 0.00) 0%, rgba(1, 21, 29, 0.48) 47.4%, rgba(0, 18, 26, 0.48) 100%), url(../new-img/warehouse-1.png);
}
.head_img-amazonFBA {
    background-image: linear-gradient(180deg, rgba(4, 34, 47, 0.00) 0%, rgba(1, 21, 29, 0.48) 47.4%, rgba(0, 18, 26, 0.48) 100%), url(../new-img/amazonFBA-1.png);
}
.head_img-project-oversize {
    background-image: linear-gradient(180deg, rgba(4, 34, 47, 0.00) 0%, rgba(1, 21, 29, 0.48) 47.4%, rgba(0, 18, 26, 0.48) 100%), url(../new-img/bg-project-and-oversize.png);
}
.img_air_right{
    width: 30rem;
    right: 0;
    top: 0;
    transform: translate(0%, -12%);
    z-index: -1;
    opacity: .5;
}

.img-tracking{
    border-radius: 8px 0 0 8px;
    border: 1.5px solid var(--text-color-text-5, #98A2B3);
    overflow: hidden;
}
.img-tracking img{
    height: 35px;
    object-fit: cover;
}
.button-tracking{
    margin-left: 10px;
    border-radius: 8px;
    background: var(--text-color-text-7, #475467);
    max-height: 100%;
    padding: 7px 0px;
    width: 100%;
    color: #E4E7EC;
    text-wrap: nowrap;
    border: none;
    transition: background .5s ease;
}
.button-tracking:hover{
    background: var(--text-color-text-4, #007DB0);
}
.content-term-of-use {
    line-height: 120%; /* 21.6px */
}
.content-term-of-use ul{
    color: var(--Text-color-Text-7, #475467);
    font-weight: 500;
    line-height: 120%; /* 21.6px */
}
.content-term-of-use h3{
    color: #1D2939;
    font-weight: 600;
}
.content-term-of-use p{
    color: #475467;
    font-weight: 500;
}
.content-term-of-use a{
    color: #1D2939;
    font-weight: 600;
}
.container-section-1{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    
}
.container-section-1 p{
    color: var(--text-color-text-6, #667085);
    font-weight: 600;
}
.container-section-1 h1{
    color: #FCFCFD;
    font-size: calc(10vw + 200px);
    font-weight: 600;
    letter-spacing: -7.2px;
    line-height: 120%;
    text-wrap: nowrap;
    -webkit-animation: loop 20s infinite linear;
    animation: loop 20s infinite linear;
}
.container-section-1 h3{
    color: var(--text-color-text-6, #667085);
    font-size: calc(2vw + 40px);
    font-weight: 500;
    z-index: 10;
    line-height: 120%; /* 96px */
    letter-spacing: -2.4px;
    transform: translate(0, -80%);
}
.container-section-1 h3 span{
    color: var(--text-color-text-6, #1D2939);
}

.section-2{
    min-height: 100vh;
}
.header-section-2{
    min-height: 380px;
}
.header-section-2 img{
   
}
.header-section-2-content{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.header-section-2-content h3{
    color: var(--text-color-text-5, #98A2B3);
    font-weight: 500;
    font-size: calc(1.9vw + 20px);
    position: relative;
    padding: 2rem 1rem;
    letter-spacing: -1.44px;
    line-height: 120%;
}
.header-section-2-content h3 span{
    color: var(--text-color-text-0, #FCFCFD);

}
.header-section-2-content h3 span:first-child{
    font-size:calc(.7vw + 10px);
    padding-right: 50px;
    top: 0;
    position: absolute;
}
.header-section-2-content h3 span:nth-child(2){
    margin-left: calc(5vw + 70px);
}
.body-section-2-content h3{
    color: var(--text-color-text-6, #667085);
    font-weight: 500;
}
.body-section-2-content h3 span{
    color: var(--text-color-text-9, #1D2939);
    font-weight: 700;
}
.img-section-3{
    position: absolute;
    border-radius: 16px;
    opacity: 1;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.img-section-3:first-child{
    right: 0;
    z-index: 1;
    width: 60%;
    top: 50%;
    transform: translateY(-100%);
}
.img-section-3:nth-child(2){
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 70%;
}
.img-section-3:last-child{
    top: 50%;
    transform: translateY(50%);
    z-index: 1;
    right: 10%;
    width: 50%;
}
.section-3-offer .h1{
    font-size: calc(2vw + 39px);
    font-weight: 600;
    letter-spacing: -1.44px;
    line-height: 120%;
    color: var(--text-color-text-9, #1D2939);

}
.section-3-offer p{
    color: var(--Text-color-Text-8, #344054);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.54px;
}
.section-3-offer p span{
    opacity: 0.8;
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.54px;
}

.section-3-offer .h1 span{
    color: var(--text-color-text-0, #FCFCFD);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.32);
}
.section-3-offer .container-button{
    margin-top: 40px;
}
.section-3-offer-p2{
    border-radius: 16px;
    background: var(--text-color-text-0, #FCFCFD);
    display: flex;
    margin-top: 72px;
    padding: 2rem 2rem;
    gap: 40px;
    align-items: center;
    margin-bottom: 32px;
}
.section-3-offer-p2-2 .h1{
    color: var(--text-color-text-8, #344054);
    font-weight: 600;
    line-height: 120%; /* 64.779px */
    letter-spacing: -0.54px;
}
.section-3-offer-p2-2 p{
    color: var(--text-color-text-6, #667085);
    font-weight: 600;
    line-height: 120%; /* 24.743px */
    letter-spacing: -0.206px;
}
.section-3-offer-p2-2 h3{
    color: var(--text-color-text-7, #475467);
    font-weight: 500;
    line-height: 120%; /* 40.035px */
    letter-spacing: -0.334px;
}
.img-border-radius-form{
    border-radius: 24px 0 0 24px;
}
.fix-height-img{
    position: relative;
}
.fix-height-img img{
    position: absolute;
    height: 100%;
    object-fit: cover;
}
.cbm-group-input .group-input{
    padding: 0 0 .6rem 0;
}
.result__CBM{
    color: #101828 !important;
    background-color: #D0D5DD !important;
}
.result__CBM p{
    color: #101828 !important;
}
.dropdown-toggle::after{
    display: none;
}
.dropdown-toggle{
    cursor: pointer;
}
.dropdown-menu{
    cursor: pointer;
}
.text_500_1D2939{
    color: var(--Text-color-Text-9, #1D2939) !important;
    font-family: Inter;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
}
.dropdown-item{
    color: var(--Text-color-Text-9, #1D2939) !important;  
    font-weight: 500 !important;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
}
.container-story{
    display: flex;
    flex-direction: row;
    column-gap: 60px;
    padding: 20px 0;
    border-top: 2px solid #D0D5DD;
}
.container-story-img{
    width: 50%;
   
    transition: opacity 5s ease;
}
.container-story-img img{
    border-radius: 24px;
    height: 100%;
    object-fit: cover;
}
.container-story-year{
    margin-top: 10px;
    width: 60%;
}
.year-text{
    transition: opacity 5s ease;
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.32px;
    margin-top: 10px;
}
.year {
    color: var(--Text-color-Text-4, #667085);
    font-family: Inter;
    font-size: calc(3vw + 50px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 120px */
    letter-spacing: -1px;
    transition: font-size .6s ease;
}
.scale-animate{
    font-size: calc(3vw + 20px);
}
.our-story-text{
    color: var(--Text-color-Text-7, #475467);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    letter-spacing: -0.2px;
}
.bg-login {
    min-height: 100vh;
    background-image: url(../new-img/bg-login.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.popup-login{
    border-radius: 12px;
    background: #FFF;
    padding: 18px 40px;
    width: 520px;
    height: auto;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: height 1s ease;
    overflow: hidden;
}
.popup-login img{
    width: 116px;
    height: 38px;
}
.popup-login h3{
    color: var(--Text-color-Text-7, #475467);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.64px;
    margin-top: 28px;
}
.icon-see-pass{
    cursor: pointer;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}
.container-login-button{
    flex-direction: column;
    align-items: end;
}
.container-login-button button{
    margin: 40px 0 52px 0;
}
.login-input label{
    color: var(--Text-color-Text-7, #475467);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.12px;
}
.login-input input{
    color: var(--Text-color-Text-7, #475467);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.12px;
    padding: 6px 0;
    border: none;
    border-radius: 0;
    border-bottom: 1.5px solid #98A2B3;
}
.login-input input:focus{
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1.5px solid #98A2B3;
}
.forgot-pass{
    margin-top: 12px;
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.14px;
}
.step-register{
    margin-top: 28px;
    color: var(--Text-color-Text-6, #667085);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.24px;
}
.button-back{
    border: none;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 24px;
    color: var(--Text-color-Text-7, #475467);
    text-decoration-line: underline;
    letter-spacing: -0.18px;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
}
.text-required{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.12px;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
.content-contact-list{
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.18px;
    border-radius: 12px;
    border: 1.5px solid var(--Text-color-Text-4, #D0D5DD);
    background: var(--Text-color-Text-0, #FCFCFD);
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.content-contact-list p {
    margin-bottom: 0;
    padding: 16px;
}
/* Accordion */
.accordion-body{
    padding: 0 16px 16px 16px;
}
.accordion-button{
    color: var(--prime-50, #1D2939);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.18px;
}
.accordion-button:not(.collapsed) svg path{
    stroke: #006994;
}
.accordion-button:not(.collapsed){
    background-color: #F5FAFF;
    color: #006994;
    box-shadow: none;
}
.accordion-button:focus{
    border-color: none;
    box-shadow: none;
}
    .accordion-button::after {
        background-image: url(../new-img/arrow-down-circle.svg);
        fill: #1D2939;
    }
    .accordion-button:not(.collapsed)::after {
        background-image: url(../new-img/arrow-down-circle.svg);
        fill: #1D2939;
    }
.accordion-item{
    border: none;
}
.accordion-item:not(:last-child)::after{
    content: "";
    height: 1.5px;
    width: calc(100% - 32px);
    margin: 0 16px;
    display: block;
    background-color: #D0D5DD;
}

.accordion{
    border-radius: 24px;
    overflow: hidden;
}
/* .accordion-button:focus .accordion-button{
    color: #006994;
} */

/* Accordion */


/*form quote*/
/*****************************************************************************/
.bg-section_quote {
    background: linear-gradient(0deg, rgba(249, 250, 251, .85), rgba(249, 250, 251, .95)), url(../new-img/bg-pick-pack.png);
    background-position: center;
    /* background-attachment: fixed; */
}

.container_step{
    border: 1.5px solid var(--Text-color-Text-5, #D0D5DD);
    border-radius: 12px;
    background: var(--Text-color-Text-2, #F2F4F7);
}
.text-18-1D29{
    color: var(--Text-color-Text-9, #1D2939);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.18px;
}
.title_step{
    color: var(--Text-color-Text-8, #344054);
    font-family: Inter;
    font-size: calc(1vw + 30.4px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.48px;
}
.border-bottom{
    padding-bottom: 7px;
    border-bottom: 1.5px solid #D0D5DD !important;
}
.text_fw600_101828{
    color: var(--Text-color-Text-10, #101828) !important;
    font-family: Inter;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
}
.form-check-input{
    margin-top: 0;
    margin-right: 8px;
    padding: 8px !important;
    border: 1.3px solid var(--Text-color-Text-5, #98A2B3);
}
.text-small_344054{
    color: var(--Text-color-Text-8, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.14px;
}
.text-16_500_344054{
    color: var(--Text-color-Text-8, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.14px;
}
.button_outlineBlack{
    display: flex;
    width: 140px;
    padding: 14px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 200px;
    border: 2px solid var(--Text-color-Text-10, #101828);
    color: var(--Text-color-Text-10, #101828);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    transition: background-color .2s ease;
}
.button_black_white{
    text-wrap: nowrap;
    border:none;
    display: flex;
    width: 140px;
    padding: 14px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 200px;
    background: var(--Text-color-Text-10, #101828);
    color: var(--Text-color-Text-10, #FCFCFD);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    text-decoration: none;
    transition: background-color .2s ease;
}
.button_outlineBlack:hover{
    background-color: #D1E9FF;
}
.padding_leftRight_48px{
    padding-left: 60px;
    padding-right: 60px;
}
.container__table--quote{
    overflow-x: scroll;
}
.table--get__quote{
    width: 100%;
    border-radius: 12px 12px 0 0;
    border-collapse: unset;
    border-spacing: inherit;
}
.table--get__quote th{
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    padding: 14px 12px;
    border: 1.5px solid var(--Text-color-Text-5, #98A2B3);
    background: var(--Text-color-Text-3, #E4E7EC);
}

.table--get__quote th:first-child{
    border-radius: 12px 0 0 0;

}
.table--get__quote th:last-child{
    border-radius: 0 12px 0 0;
}
.table--get__quote tr td{
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    padding: 14px 12px;
    border: 1.5px solid var(--Text-color-Text-5, #98A2B3);
    background: var(--Text-color-Text-0, #FCFCFD);
}
.input--in__table {
    background-color: transparent;
    width: 100%;
    border: 1px solid #FCFCFD;
    font-weight: 500;
    color: var(--Text-color-Text-8, #344054);
    letter-spacing: -0.16px;
}
.input--in__table:focus-visible{
    outline: none;
}
.input--in__table::placeholder{
    color: var(--Text-color-Text-5, #98A2B3);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
}
.icon__add--images{
  
}
.text__add--image{
    color: var(--Neutral-signal-Blue-700, #175CD3);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.16px;
    cursor: pointer;
}
.text__remove{
    color: var(--Error-signal-Red-700, #B42318);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.16px;
    cursor: pointer;
}
.icon__remove--row{
    
}
.icon__add--row{
    
}
.text__add{
    border: 1.5px solid var(--Text-color-Text-5, #98A2B3);
    background: var(--Text-color-Text-0, #FCFCFD);
    border-radius: 0 0 12px 12px;
    padding: 9px 12px;
    color: var(--Success-signal-Green-800, #05603A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.16px;
    cursor: pointer;
    position: sticky;
    left: 0;
}
.container__table--quote{
    margin-bottom: 20px;
}
.small__container-step{
    padding: 20px 24px;
    margin-bottom: 20px;
}
.input-group-text{
    border-radius: 12px;
    border: 1.3px solid var(--Text-color-Text-5, #98A2B3);
    background-color: #F2F4F7;

    color: var(--Text-color-Text-8, #344054);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
}
.check-box-label{
    column-gap: 8px;
}
.check-box-radio-group .circle-check-box {
    position: relative;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1.8px solid #98A2B3;
    background-color: #FCFCFD;
    display: inline-block;}
    .check-box-radio-group .circle-check-box::after {
      content: "";
      display: block;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      background-color: #0086C9;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: opacity .3s; }
  .check-box-radio-group .check-box-input:checked ~ .check-box-label .circle-check-box::after {
    opacity: 1; }
    .check-box-radio-group .check-box-input:checked ~ .check-box-label .circle-check-box{
        border-color: #344054;
    }

.form-check-input:focus {
    border-color: #98a2b3;
    box-shadow: 0 0 0 0.15rem rgba(152, 162, 179, .55);
}
.form-check-input:checked[type=checkbox] {
    background-color: #98a2b3;
    border-color: #98a2b3;
}
.title__small--step {
    color: var(--Text-color-Text-7, #475467);
    font-family: Inter;
    font-size: calc(1vw + 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.32px;
}
.container__check--box--radio{
    margin-top: 13px;
    column-gap: 40px;
}
.form-check-inline{
    margin-right: 40px;
}
.list__term--condition{
    list-style: none;
    padding-left: 0;
    margin-top: 12px;
}
.list__term--condition li:not(:last-child){
    margin-bottom: 12px;
}
.lable__upload--file{
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}
.lable__upload--file .input-group-text{
    border-radius: 12px 0 0 12px;
}
.name__of__file{
    color: var(--Text-color-Text-5, #98A2B3);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.16px;
    overflow-x: scroll;
    text-wrap: nowrap;
}
#img-captcha{
    border-radius: 8px 0 0 8px;
}
.name__of__file::-webkit-scrollbar {
    display: none;
}
.form-control:disabled{
    background: var(--Text-color-Text-3, #E4E7EC);
    border: 1.3px solid var(--Text-color-Text-5, #98A2B3);

}

.group_input--deli-StopBy{
    position: relative;
}
.deli-stopBy{
    line-height: 100%;
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
}
.text-delivery{
    color: var(--Neutral-signal-Blue-600, #1570EF);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.16px;
}
.text-stop-by{
    color: var(--Warning-signal-Yellow-600, #DC6803);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.16px;
}
#map{
    border-radius: 24px;
    overflow: hidden;
}
.inter-rate-title{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1.5px solid var(--Text-color-Text-5, #98A2B3);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.card-internal-rate{
    overflow: hidden;
    border: 1px solid var(--Text-color-Text-5, #98A2B3);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    background: #FFF;
    height: 100%;
}
.card-internal-rate-body{
    padding: 14px 16px;
}
.inter-rate-link{
    margin-top: 28px;
}
.inter-rate-link a{
    color: #0086C9;
    text-decoration: none;
}
.button-request-rate{
    background: var(--Text-color-Text-10, #101828);
    padding: 16px 0px 18px 0px;
    color: var(--Text-color-Text-0, #FCFCFD);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.16px;
    text-decoration: none;
}
.card-title{
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.24px;
}
.faq-accordion .accordion{
    border-radius: 0;
}
.faq-accordion .accordion-item{
    border-radius: 12px;
    border: 1.3px solid var(--Text-color-Text-5, #98A2B3);
    background: var(--Text-color-Text-0, #FCFCFD);
    overflow: hidden;
}
.faq-accordion .accordion-item:not(:last-child){
    margin-bottom: 16px;
}
.faq-accordion .accordion-item:not(:last-child)::after{
    height: 0;
}
/* .hiring__form{
    overflow: hidden;
    height: 0;
    transition: height .6s ease-in;
} */
.text-brief{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-small-news-667085_168{
    color: var(--Text-color-Text-6, #667085) !important;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 120%;
    letter-spacing: 1.68px;
}
.text-small-news-667085-012{
    color: var(--Text-color-Text-6, #667085) !important;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 120%;
    letter-spacing: -0.12px;
}
.link-labor-blogs{
    color: var(--Text-color-Text-10, #101828);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
}

.text-small-news-344054{
    color: var(--Text-color-Text-8, #344054);;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.12px;
}
.container__category .card{
    height: 200px;
    border-radius: 8px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    background: var(--Text-color-Text-0, #FCFCFD);
    border: 1px solid var(--Text-color-Text-6, #667085);
}
.container__category img{
    height: 198px;
    object-fit: fill;
}
.container__category .content-right{
    display: flex;
    flex-direction: column;
}
.border-right{
    border-right: 1.5px solid #D0D5DD;
}
.container_authur .img-authur{
    width: 116px;
    height: 116px;
    border-radius: 50%;
    margin-right: 16px;
    object-fit: cover;
}
.container_authur .inf-authur{
    width: 60%;
}
.blogs-owl img{
    height: 140px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}
.blogs-owl .card{
    border-radius: 8px;
    border: 1px solid var(--Text-color-Text-6, #667085);
    background: var(--Text-color-Text-0, #FCFCFD);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.blogs-owl .active{
    background-color: #FCFCFD !important;
}
#toc,
#toc li,
#toc li a{
    color: var(--Prime-signal-Prime-800, #065986);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.18px;
    text-decoration: none;
}
#toc,
#toc ul{
    list-style: none;
}
#toc ul{
    font-size: 16px !important;
}
#toc{
    padding-left: 0;
    font-size: 18px;
}
#toc li{
    padding-bottom: 2px;
}
    #toc li a::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 13px;
        margin-left: 8px;
        background-image: url(../new-img/svg-down.svg);
    }

.popular-post-sticky {
    position: sticky;
    top: 50px;
}

.modal-body{
    border-radius: 12px;
    border: 1.3px solid var(--Text-color-Text-5, #98A2B3);
    background: var(--Text-color-Text-0, #FCFCFD);
    margin: 0px 30px;
    overflow-x: hidden;
}
.modal-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.modal-body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.modal-body::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4{
    color: var(--Text-color-Text-9, #1D2939);
    font-family: Inter;
    line-height: 120%; /* 52.8px */
    font-weight: 600;
    letter-spacing: -0.44px;
}
.modal-body p,
.modal-body ul,
.modal-body ul li{
    color: var(--Text-color-Text-9, #1D2939);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.16px;
}

.modal-body a{
    color: var(--Neutral-signal-Blue-700, #175CD3);
    font-weight: 500;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
    word-break: break-all;
}

/*****************************************************************************/
/*form quote*/

.aler-active-nav {
    color: var(--prime-50, #006994);
    font-weight: 600;
    border: 1.5px solid var(--prime-45, #0074A3);
    border-radius: 24px;
    background: var(--Prime-signal-Prime-100, #E0F2FE);
}
.nav-link:focus, .nav-link:hover {
    color: var(--prime-50, #006994) !important;
}
.nav-link {
    padding: 9px 20px;
}
.button-alert-logout {
    color: var(--Text-color-Text-10, #101828);
    border-radius: 24px;
    background: var(--Text-color-Text-4, #D0D5DD);
    backdrop-filter: blur(25px);
    font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.button-alert-select {
    border: none;
    color: var(--Text-color-Text-6, #667085) ;
    background: var(--Text-color-Text-0, #FCFCFD) ;
    padding: 10px 20px;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.18px;
}
.nav-tabs .active {
    background: var(--Text-color-Text-10, #101828) !important;
    color: var(--Text-color-Text-0, #FCFCFD) !important;
}
#nav-tabContent .active {
    background-color: transparent !important;
    color: var(--Text-color-Text-8, #344054) !important;
}
.tab-pane{
    border: none;
}
#table-console-shipment-details tr td {
    padding: 3px 5px;
}
.sticky-header {
    position: sticky;
    top: 0;
    transition: position top 1s ease;
    z-index: 1000;
}
#header_large_screen{
    transition: position 1s ease;
}
.table--get__quote tr td .border-danger{
    border-color: transparent !important;
    border-bottom: 1.5px solid red !important;
}
.item-hover{
    overflow: hidden;
    transition: height .5s ease !important;
}

.header__burger:after, .header__burger:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: currentColor;
    content: "";
    height: 2px;
    position: absolute;
    top: 50%;
    transition: left 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform-origin 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    width: 100%;
    will-change: transform;
}
.header__burger:after {
    left: 0;
    transform: translateY(-50%) translateY(4px) scaleX(0.75);
    transform-origin: left center;
}
.header__burger:before {
    left: 50%;
    transform: translate(-50%, -50%) translateY(-4px);
}
.header__burger {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    height: 27px;
    position: absolute;
    top: 10px;
    transition: left 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    width: 27px;
    will-change: transform;
    z-index: 2;
    cursor: pointer;
}
.object-fit-cover{
    object-fit: cover !important;
}

.header__burger.is-active:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.header__burger.is-active:after {
    left: 50%;
    transform: translate(-50%, -50%) scaleX(1) rotate(-45deg);
    transform-origin: center center;
}

@keyframes loop {
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
@keyframes opacity_animate {
    0% {
        opacity: 0;
        transform: translateY(500px);
    }

    50% {
        opacity: .7;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes scale_animate {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.8);
    }

    100% {
        transform: scale(.6);
    }
}

@media (min-width: 1025px){
    #header_large_screen{
        display: block;
    }
    #header_small_screen{
        display: none;
    }
}

  
@media (max-width: 1440px) {
    
}
@media (max-width: 1200px) {
    .right-content{
        display: none;
    }
    .section-3-offer button{
        margin-top: 20px;
    }
    .section-3-offer-p2{
        margin-top: 20px;
    }
    #header_large_screen {
        display: none;
    }

    #header_small_screen {
        display: block;
    }
}
@media (max-width: 1024px) {
    

}


@media (max-width: 991px){
    .img-border-radius-form{
        border-radius: 24px 24px 0 0;
    }
    .fix-height-img,
    .fix-height-img img{
        position: static;
    }
    .container-story{
        column-gap: 20px;
    }
    .border-right{
        border-right: none;   
    }
    .popular-post-sticky {
        position: static;
    }
    .aler-active-nav{
        width: 100%;
    }
}

@media (max-width: 768px){
    .wrapper{
        padding-top: 28px;
        padding-bottom: 2rem;
    }
    .contact-content svg{
        width: 2rem;
    }
    .contact_content_right{
        padding: 1rem;
    }
    .container-story{
        column-gap: 10px;
    }
    .popup-login{
        width: 100%;
    }
    .padding_leftRight_48px{
        padding-left: 10px;
        padding-right: 10px;
    }
    .small__container-step{
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px 18px;
    }
    .icon__remove_billingEmail span{
        display: none;
    }
    .text__add--image span{
        display: none;
    }
    .text__remove span{
        display: none;
    }
    .inter-rate-title{
        width: 100%;
    }
    .table--get__quote tr td{
        padding: 10px 6px;
    }
    .group-input input, .group-input select{
        padding: 6px;
    }
    .cbm-result .row p {
        text-wrap: nowrap;
    }
    .cbm-group-input {
        padding: 15px 12px !important;
    }
}
@media (max-width: 425px){

}

.button-request-rate:hover,
.button_black_white:hover {
    background: var(--text-color-text-4, #007DB0) !important;
    color: #FCFCFD !important;
    box-shadow: 2px 2px 8px 1px rgba(0, 125, 176, 0.32);
}
.button-send:hover {
    background: var(--text-color-text-4, #E0F2FE) !important;
    color: #006994;
}
.active__navbar .nav-icon {
    background-color: #E0F2FE;
    backdrop-filter: blur(25px);
    border: 1.5px solid var(--prime-45, #0074A3);
    /* padding: 14px 12px; */
}

.active__navbar .header__menu-link,
.active__navbar .header-svg path {
    color: #006994;
    stroke: #006994;
}