* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: 'DM Sans', sans-serif;
    scroll-behavior: smooth;
}

img {
    user-select: none;
}

/* Header Start */

.siteHeader {
    border-bottom: 1px solid #E9E9E9;
    background: #FEFEFE;
    padding: 16px 24px;
    position: sticky;
    top: 0;
    z-index: 10000;
}

.headerContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerBrand {
    max-height: 40px;
}

.headerLogo {
    max-width: 188px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.headerNav {
    display: flex;
    gap: 32px;
}

.headerNav a {
    text-decoration: none;
    color: #191227;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    padding: 8px;
    transition: all 0.2s ease;
}

.headerNav a:hover {
    color: #D38A52;
    border-radius: 12px;
    background: #FFF9F5;
}

.headerNav a.active {
    color: #D38A52;
    border-radius: 12px;
    background: #FFF9F5;
}

/* Responsive */
@media (max-width: 640px) {
    .headerNav {
        gap: 5px;
    }

    .headerNav a {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 420px) {
    .headerContainer {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
}

/* Header End */


/* Track Every Package Start */

.page-surface {
    border-radius: 60px;
    background: #D38A52;
    position: relative;
    padding: 121px 32px 132px;
}

.page-inner {
    max-width: 1216px;
    margin: 0 auto;
    padding: 0;
}

/* Hero */

.hero-title {
    color: #F4F4F4;
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 60px;
    /* 107.143% */
    padding-bottom: 18px;
}

.hero-title .em {
    text-decoration: none;
    font-weight: 600;
}

.hero-subtitle {
    color: #F4F4F4;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    /* 133.333% */
    padding-bottom: 62px;
}

/* Grid area */
.feature-area {
    position: relative;
}

.feature-top {
    display: flex;
    gap: 32px;
}

.top-left-card {
    background: url('../images/website/top-left-bg.png') 0 0 no-repeat;
    background: url('../images/website/top-left-bg.png') 0 0 no-repeat;
}

.top-right-card {
    background: url('../images/website/top-right-bg.png') 0 0 no-repeat;
    background: url('../images/website/top-right-bg.png') 0 0 no-repeat;
}

.card {
    width: 592px;
    height: 354px;
    padding: 40px 10px 0 33px;
}

.card-header {
    color: #444;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 156.25% */
    letter-spacing: -0.64px;
    padding-bottom: 10px;
}

.card-sub {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 20px;
}

.leftin-img {
    margin-left: -31px;
}

.rightin-img {
    margin-top: -15px;
    margin-left: 15px;
}

.feature-btm {
    display: flex;
    gap: 32px;
    padding-top: 32px;
}

.cardBt {
    width: 384px;
    height: 450px;
    border-radius: 24px;
    background: #FFF;
    text-align: center;
}

.bt-box1 {
    padding: 88px 48px 80px;
}

.bt-box1 h3 {
    color: #444;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.96px;
    padding-bottom: 20px;
}

.bt-box1 p {
    color: #333;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bt-box2 {
    padding: 187px 0 0;
}

.ai-title {
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 43px;
    /* 50% */
    letter-spacing: -1.12px;
    background: linear-gradient(106deg, #D87724 23%, #865A35 98.02%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ai-img {
    margin-top: -13px;
}

.bt-box3 {
    padding: 12px 0 0;
}

.bt-box3 p {
    max-width: 285px;
    margin: 0 auto;
}

.center-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -42%);
    /* width: clamp(220px, 28vw, 340px); */
    aspect-ratio: 1/1;
    border-radius: 999px;
    border: 20px solid #D38A52;
    display: grid;
    place-items: center;
    overflow: hidden;
}

/* Responsive */
@media (max-width: 1290px) {
    .page-surface {
        padding: 80px 20px;
    }

    .center-circle {
        transform: translate(-50%, -44%);
    }
}

@media (max-width: 1266px) {
    .feature-top {
        gap: 20px;
    }

    .card {
        width: 50%;
        background: #fff;
        border-radius: 24px;
    }

    .leftin-img {
        width: 75%;
    }

    .rightin-img {
        width: 78%;
        margin-top: 3px;
    }

    .feature-btm {
        gap: 20px;
        padding-top: 20px;
    }

    .cardBt {
        width: 33%;
    }

    .bt-box2 {
        position: relative;
    }

    .ai-img {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .bt-box3 img {
        width: 100%;
    }
}

@media (max-width: 1266px) {
    .card-header {
        font-size: 28px;
    }
}

@media (max-width: 1023px) {
    .center-circle {
        display: none;
    }

    .card {
        height: auto;
    }

    .cardBt {
        height: auto;
    }

    .bt-box2 {
        padding: 60px 0 0;
    }

    .ai-title {
        font-size: 45px;
        max-width: 200px;
        margin: 0 auto;
    }

    .bt-box1,
    .bt-box3 {
        padding: 20px;
    }

    .bt-box1 img {
        width: 100%;
    }

    /* .card-sub {
  padding-bottom: 0;
} */
}

@media (max-width: 768px) {

    .page-surface {
        padding: 60px 20px;
        margin-top: 50px;
    }

    .hero-title {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 16px;
    }

    .hero-subtitle {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 40px;
    }
}


@media (max-width: 640px) {
    .bt-box1 h3 {
        font-size: 40px;
    }

    .bt-box1 p {
        font-size: 20px;
    }

    .ai-title {
        font-size: 38px;
        padding-bottom: 14px;
    }

    .feature-top {
        flex-wrap: wrap;
    }

    .card {
        width: 100%;
        padding: 24px;
    }

    .card-header,
    .bt-box1 h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .card-sub,
    .bt-box1 p {
        font-size: 16px;
    }

    .leftin-img,
    .rightin-img {
        width: 100%;
        margin-left: 0;
    }

    .feature-btm {
        flex-wrap: wrap;
    }

    .cardBt {
        width: 100%;
    }

    .bt-box1 img {
        width: auto;
    }

    .bt-box2 {
        padding: 20px 20px 0;
    }

    .ai-img {
        position: relative;
        width: auto;
        margin-bottom: -5px;
    }

    .ai-title {
        max-width: 100%;
    }

}

.ai-img,
.bt-box3 img {
    width: 100%;

}

/* Track Every Package End */

/* Estimate Expenses Start */

.estimateSection {
    max-width: 1720px;
    margin: 0 auto;
    padding: 120px 20px 140px;
}

.estimateWrapper {
    border-radius: 32px;
    border: 1px solid #EFEFEF;
    background-color: #F6F6F6;
    /* background-image: url('../images/website/estimateMainBg.png'), url('../images/website/estimatebg.png');
    /* background-image: url('../images/website/estimateMainBg.png'), url('../images/website/estimatebg.png');
    background-repeat: no-repeat;
    background-position: right center, left bottom;
    background-size: 1021px 400px, auto; */
    background: #F6F6F6 url('../images/website/estimateMainBg1.png') no-repeat left center;
    background: #F6F6F6 url('../images/website/estimateMainBg1.png') no-repeat left center;
    background-size: cover;
    display: flex;
    height: 400px;
}

.estimateContent {
    padding: 56px;
    padding-right: 40px;
    max-width: 840px;
}

.estimateTitle {
    max-width: 667px;
    color: #444;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    /* 125% */
    margin-bottom: 16px;
}

.estimateDesc {
    color: #0C0F16;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.estimateBtn {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #222;
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.estimateBtn:hover {
    background: #E9E9E9;
    transition: all 0.3s ease-in-out;
}

.virtualSection {
    width: 100%;
    max-width: 850px;
}

@media (max-width: 1582px) {
    .estimateWrapper {
        background: #F6F6F6 url('../images/website/estimateMainBg1.png') no-repeat right 41% center;
        background: #F6F6F6 url('../images/website/estimateMainBg1.png') no-repeat right 41% center;
        background-size: cover;
    }

    .estimateTitle {
        font-size: 32px;
        line-height: normal;
    }

    .estimateContent {
        /* max-width: 561px; */
        max-width: 43%;
    }
}

@media (max-width: 1024px) {
    .estimateWrapper {
        height: 100%;
    }

    .estimateContent {
        padding: 30px;
    }

    .estimateTitle {
        font-size: 24px;
    }

    .estimateDesc {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    /* .estimateWrapper {
        background: #F6F6F6 url('../images/website/estimatebg.png') no-repeat left bottom;
        background: #F6F6F6 url('../images/website/estimatebg.png') no-repeat left bottom;
        background-size: contain;
    }

    .virtualSection {
        display: none;
    }

    .estimateContent {
        max-width: 100%;
    } */
}

@media (max-width: 700px) {
    .estimateWrapper {
        background: #F6F6F6 url('../images/website/estimateMainBg-mob.png') no-repeat center bottom;
        background: #F6F6F6 url('../images/website/estimateMainBg-mob.png') no-repeat center bottom;
        background-size: cover;
    }

    .estimateContent {
        max-width: 100%;
        padding-bottom: 170px;
    }

    .virtualSection {
        display: none;
    }
}

@media (max-width: 440px) {
    .estimateContent {
        padding-bottom: 200px;
    }
}

/* Estimate Expenses End */

/* Shipping Carriers Start */

.shippingCarriersSection {
    max-width: 1680px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.shippingCarriersWrapper {
    padding: 0 20px;
}

.sectionTitle {
    color: #222;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 60px;
    /* 107.143% */
    text-align: center;
    margin-bottom: 16px;
}

.sectionTitle span {
    color: #D38A52;
    font-weight: 600;
}

.sectionDesc {
    color: #0C0F16;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    /* 133.333% */
    max-width: 1008px;
    margin: 0 auto 60px;
}

.mb-64 {
    margin-bottom: 64px;
}

.carriersWrapper {
    display: flex;
    gap: 16px;
    text-align: left;
    overflow-x: auto;
    scrollbar-width: none;
}

.carrierCard {
    min-width: 323px;
    width: 323px;
    padding: 5px;
    border-radius: 24px;
    background: #F4F4F4;
    border: 1px solid transparent;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.carrierCard:hover {
    border: 1px solid #D38A52;
    background: #FFF1E5;
}

.carriersImgWrap {
    background: #fff;
    border-radius: 20px;
    height: 220px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carrierCard img.topImg {
    width: 100%;
    max-width: 259px;
    height: 100%;
    max-height: 190px;
    object-fit: contain;
}

.cardContent {
    padding: 32px 7px 15px 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    position: relative;
}

.rating {
    max-width: 86px;
    height: 14px;
}

.rating img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cardContent h3 {
    color: #444;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cardContent p {
    color: #797B82;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 56px;
}

.carrierCard a {
    color: #D38A52;
    text-decoration: none;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 137.5% */
    text-transform: capitalize;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    position: absolute;
    bottom: 15px;
}

.carrierCard a:hover {
    text-decoration: underline;
}

@media (max-width: 1900px) {
    .carriersWrapper {
        padding-left: min(max(0px, 5%), 120px);
    }

    .mb-64 {
        margin-bottom: 60px;
    }
}

@media (max-width: 1024px) {
    .carrierCard {
        min-width: 278px;
        width: 278px;
    }

    .cardContent p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .sectionTitle {
        font-size: 40px;
        line-height: 44px;
    }

    .sectionDesc {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 40px;
    }

    .carrierCard {
        min-width: 258px;
        width: 258px;
    }

    .carrierCard img.topImg {
        width: 95%;
    }

    .cardContent p {
        font-size: 14px;
    }
}

/* Shipping Carriers End */

/* Shipping Cost Start */

.shippingCostSection {
    padding: 120px 20px;
    border-radius: 40px;
    background: #F7F7F7;
}

.shippingCostWrapper {
    max-width: 1696px;
    margin: 0 auto;
}

.costWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    text-align: left;
    /* padding-left: min(max(0px, 6.25%), 120px); */

    @media screen and (max-width: 1320px) {
        max-width: 760px;
        margin: 0 auto;
    }
}

.costCard {
    min-width: 320px;
    width: 320px;
    height: 240px;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid #E0E0E0;
    background-color: #FFF;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 196px 162px;
    transition: all 0.3s ease-in-out;
}

.costCard.fedEx {
    background-image: url('../images/website/cost-fedex.png');
    background-image: url('../images/website/cost-fedex.png');
}

.costCard.dhl {
    background-image: url('../images/website/cost-dhl.png');
    background-image: url('../images/website/cost-dhl.png');
}

.costCard.ups {
    background-image: url('../images/website/cost-ups.png');
    background-image: url('../images/website/cost-ups.png');
}

.costCard.usps {
    background-image: url('../images/website/cost-usps.png');
    background-image: url('../images/website/cost-usps.png');
}

.costCard.onTrac {
    background-image: url('../images/website/cost-ontrac.png');
    background-image: url('../images/website/cost-ontrac.png');
}

.costCard:hover {
    border: 1px solid #D38A52;
    background-color: #FFF1E5;
}

.costCardContent {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    position: relative;
}

.costCardContent h3 {
    color: #222;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.costCardContent p {
    color: rgba(25, 18, 39, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.costCalcBtn {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #D38A52;
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 137.5% */
    text-transform: capitalize;
    cursor: pointer;
    opacity: 0;
    text-decoration: none;
}

.costCard:hover .costCalcBtn {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.costCard .costCalcBtn:hover {
    background: #B26C38;
    transition: background 0.3s ease-in-out;
}

@media (max-width: 1900px) {
    .costCard {
        min-width: 237px;
        width: 237px;
    }
}

@media (max-width: 540px) {
    .costCard {
        min-width: 237px;
        width: 100%;
    }

    .costCardContent h3 {
        font-size: 28px;
    }

    .costCardContent p {
        font-size: 15px;
    }

    .costCalcBtn {
        opacity: 1;
    }
}

/* Shipping Cost End */

/* Shipping Tips Start */

.shippingTipsSection {
    padding: 120px 20px;
}

.shippingTipsWrapper {
    max-width: 1696px;
    margin: 0 auto;
}

.tipsWrapper {}

.typeBox {
    display: flex;
    gap: 16px;
    max-width: 1696px;
    margin: 0 auto 60px;
    justify-content: center;
    /* flex-wrap: wrap; */
}

/* .typeBoxIn {
    width: 50%;
} */

.typeIn {
    display: flex;
    gap: 16px;
    /* flex-wrap: wrap; */
    flex-direction: column;
}

.rowWrapper {
    display: flex;
    gap: 16px;
}

/* Card base */
.card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 24px;
    width: 100%;
}

.largeImg {
    width: 600px;
    /* width: 100%; */
    height: 688px;
}

.rectImg {
    width: 644px;
    /* width: 100%; */
    height: 336px;
}

.smallImg {
    width: 420px;
    height: 336px;
}

.cardImage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.card:hover .cardImage {
    transform: scale(1.08);
}

.cardOverlay {
    position: absolute;
    inset-inline: 24px;
    bottom: 24px;
    z-index: 1;
}

.cardOverlaybig {
    position: absolute;
    inset-inline: 30px;
    bottom: 30px;
    z-index: 1;
}

.tutorialLabel {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 9999px;
    background: rgba(231, 231, 231, 0.40);
    backdrop-filter: blur(8.5px);
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    max-width: 84px;
    max-height: 28px;
    margin-bottom: 8px;
}

.tutorialLabel.blackText {
    color: #222222;
    background: rgba(255, 255, 255, 0.40);
}

.cardTitle {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    padding-bottom: 8px;
}

.cardText {
    color: #C4C4C4;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* 24px */
}

.cardOverlay.blueText .cardTitle {
    color: #191227;
}

.cardOverlay.blueText .cardText {
    color: #656565;
}

.largeImg .cardTitle {
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 10px;
}

.largeImg .tutorialLabel {
    margin-bottom: 12px;
}

.circleButton {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #173a6d;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    font-size: 18px;
    transition: transform 0.2s ease, background 0.2s ease;
}

.circleButtonBig {
    width: 64px;
    height: 64px;
    top: 24px;
    right: 24px;
}

.circleButton:hover {
    transform: translateY(-2px);
    background: #fff;
}

@media (max-width: 1742px) {
    .largeImg {
        width: 457px;
        height: 688px;
    }

    .rectImg {
        width: 471px;
    }

    .smallImg {
        width: 320px;
    }
}

@media (max-width: 1360px) {
    .largeImg {
        width: 330px;
    }

    .rectImg {
        width: 350px;
    }

    .smallImg {
        width: 270px;
    }
}

@media (max-width: 1024px) {
    .typeBoxIn {
        width: 100%;
    }

    .typeBox {
        flex-wrap: wrap;
    }

    .largeImg {
        width: 100%;
        height: 400px;
    }

    .rectImg {
        max-width: 100%;
        width: 60%;
    }

    .smallImg {
        width: 40%;
    }

    .typeBoxIn2 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .typeBox {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .typeBoxIn {
        width: 100%;
    }

    .smallImg {
        width: 47%;
    }

    .largeImg {
        margin: 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 620px) {
    .rowWrapper {
        flex-direction: column;
    }

    .rectImg,
    .smallImg {
        width: 100%;
    }

    .cardOverlay {
        inset-inline: 16px;
        bottom: 16px;
    }

    .cardOverlaybig {
        inset-inline: 22px;
        bottom: 22px;
    }

    .cardTitle {
        font-size: 20px;
    }

    .largeImg .cardTitle {
        font-size: 24px;
    }

}

/* Shipping Tips End */


/* Articles */

.articlesWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.articlesWrapper .articlesBtn {
    display: flex;
    width: 304px;
    height: 56px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #D38A52;
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 122.222% */
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
}

.articlesWrapper .articlesBtn:hover {
    background: #B26C38;
    transition: background 0.3s ease-in-out;
}

/* Articles */

/* Footer Start */

.siteFooter {
    position: relative;
    background: #F8F6EF url('../images/website/footerbg.png') no-repeat center;
    background-size: cover;
    padding: 60px 48px 0px;
    overflow: hidden;
    max-height: 340px;
    border-radius: 40px 40px 0 0;
    z-index: 0;
    /* font-family: system-ui, sans-serif; */
}

.footerContent {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 84px;
    position: relative;
    z-index: 1;
    max-width: 1696px;
    margin: 0 auto 42px;
}

/* Left brand area */
.footerBrand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.footerLogo {
    max-width: 188px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footerTitle {
    color: #191227;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 122.222% */
}

.footerDesc {
    flex: 1;
    color: #444;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

/* Right links */
.footerLinks {
    display: flex;
    gap: 15px;
    white-space: nowrap;
    padding-bottom: 10px;
}

.footerLinks a {
    text-decoration: none;
    color: #444;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    transition: all 0.3s ease;
}

.footerLinks a:hover {
    text-decoration: underline;
}

/* Big background watermark text */
.footerBgText {
    color: rgba(211, 209, 203, 0.60);
    text-align: center;
    padding-left: 200px;
    font-size: 200px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    opacity: 0.2;
    transform: translateY(-4px);
}

.footerImage {
    max-width: 1121px;
    height: 189px;
    /* margin: 0 auto; */
    float: right;
}

.footerImage img {
    width: 100%;
    height: 100%;
}

.footerImage img.mobileBrand {
    display: none;
}

/* Responsive */
@media (max-width: 1439px) {
    .footerLinks {
        padding-bottom: 19px;
    }
}

@media (max-width: 1180px) {
    .footerLinks {
        flex-wrap: wrap;
        gap: 4px 15px;
        padding-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .footerContent {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .siteFooter {
        padding: 60px 20px 39px;
    }

    .footerContent {
        flex-direction: column;
        gap: 25px;
        align-items: center;
        margin-bottom: -15px;
    }

    .footerBrand {
        justify-content: center;
    }

    .footerDesc {
        max-width: 100%;
        text-align: center;
    }

    .footerLinks {
        justify-content: center;
    }

    .footerBgText {
        font-size: 100px;
        padding-left: 45px;
    }
}

@media (max-width: 641px) {

    .footerImage img.desktopBrand {
        display: none;
    }

    .footerImage img.mobileBrand {
        display: block;
    }
}

@media (max-width: 404px) {
    .footerBgText {
        font-size: 75px;
        padding-left: 20px;
        transform: translateY(-20px);
    }

    .footerImage img.mobileBrand {
        margin-top: -30px;
    }
}

@media (max-width: 391px) {
    .footerImage img.mobileBrand {
        margin-top: -45px;
    }
}

/* Footer End */

/* Common Responsive */
@media (max-width: 1441px) {

    .estimateSection,
    .shippingCostSection,
    .shippingTipsSection {
        padding: 96px 20px;
    }

    .estimateSection {
        padding-bottom: 120px;
    }

    .shippingCarriersSection {
        padding-bottom: 88px;
    }
}

@media (max-width: 768px) {

    .estimateSection,
    .shippingCostSection,
    .shippingTipsSection {
        padding: 60px 20px;
    }

    .shippingCarriersSection {
        padding-bottom: 60px;
    }
}

.chatbot-icon,
.messaging-app.chatbot-container {
    @media screen and (max-width: 400px) {
        display: none;
    }
}