@import "base.css";
@import "nav.css";
@import "shepherd.css";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap');

/* =============Start common styles============= */
a {
    color: var(--bs-blue);
    transition: all 0.3s;
}

a:hover {
    color: var(--bs-blue-darker);
}

b,
strong {
    font-weight: 700;
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    text-align: center;
}

p:last-child {
    margin-bottom: 0;
}

/* --Text-- */
.h1,
h1 {
    font-size: 56px;
}

.h2,
h2 {
    font-size: 40px;
}

.h3,
h3 {
    font-size: 32px;
}

.h4,
h4 {
    font-size: 24px;
}

.h5,
h5 {
    font-size: 20px;
}

.h6,
h6 {
    font-size: 18px;
}

.display-2,
.blog-signup-section h2 {
    font-size: 24px;
    color: var(--bs-gray-900);
    font-family: var(--bs-font-family-2);
}

.display-6 {
    font-size: 14px !important;
}

.fs-1 {
    font-size: 32px !important;
    line-height: 40px;
    color: #1B1C1E;
}

.fs-2 {
    font-size: 28px !important;
    line-height: 36px;
    color: #1B1C1E;
}

.fs-3 {
    font-size: 24px !important;
    line-height: 32px;
    color: var(--bs-darker);
}

.fs-4 {
    font-size: 20px !important;
    line-height: 24px;
    color: var(--bs-darker);
}

.fs-5 {
    font-size: 16px !important;
    color: #6C7395;
    font-family: var(--bs-font-family-1);
    line-height: 24px;
}

.fs-6 {
    font-size: 16px !important;
    line-height: 24px;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.body-text-color {
    color: #1B1C1E !important;
}

/* --Button-- */
.btn {
    padding: 0.8rem 20px;
    border-radius: 50rem;
    letter-spacing: 0px;
    border-width: 1px;
    font-family: var(--bs-font-family-1);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.btn.xs {
    padding: 0.25rem 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.btn.sm {
    padding: 0.5rem 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.btn.md {
    padding: 0.5rem 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.btn-primary {
    color: var(--bs-white) !important;
    border-color: var(--bs-blue) !important;
    background-color: var(--bs-blue) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--bs-sky-blue) !important;
    color: var(--bs-white) !important;
    border-color: var(--bs-sky-blue) !important;
}

.btn-outline-primary {
    color: var(--bs-blue);
    border-color: var(--bs-blue) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    color: var(--bs-white);
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

.btn-outline-blue-dark {
    color: #19255F;
    border-color: #6C7395 !important;
    padding: 3px 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    font-size: 14px
}

.btn-outline-blue-dark:hover,
.btn-outline-blue-dark:active,
.btn-outline-blue-dark:focus {
    color: var(--bs-blue);
    border-color: var(--bs-blue) !important;
}

.btn-outline-red {
    color: #DF2020;
    border-color: #DF2020 !important;
}

.btn-outline-red:hover,
.btn-outline-red:active,
.btn-outline-red:focus {
    color: var(--bs-white);
    background-color: #DF2020;
    border-color: #DF2020;
}

.btn-outline-lightblue {
    color: #8086A6;
    border-color: #8086A6 !important;
}

.btn-outline-lightblue:hover,
.btn-outline-lightblue:active,
.btn-outline-lightblue:focus {
    color: var(--bs-white);
    background-color: #8086A6;
    border-color: #8086A6;
}

.btn-outline-lightblue .icon-close {
    opacity: 0.7;
}

.btn-outline-lightblue:hover .icon-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.btn-outline-blue-dark .ico-right-arrow-blue {
    width: 12px;
    height: 10px;
    background-size: 100% auto;
}

/* --text color-- */
.text-darker {
    color: var(--bs-darker);
}

/* --icon-- */
.ico-right-arrow, .ico-left-arrow {
    width: 18px;
    height: 16px;
    background: url(../images/icon-right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.sm .ico-right-arrow, .sm .ico-left-arrow {
    background-size: 100% auto;
    width: 15px;
    height: 15px;
}

.ico-right-arrow-blue {
    width: 18px;
    height: 16px;
    background: url(../images/icon-right-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.ico-left-arrow{
    transform: scaleX(-1);
}
.btn-outline-primary:hover .ico-right-arrow-blue,
.btn-outline-primary:active .ico-right-arrow-blue,
.btn-outline-primary:focus .ico-right-arrow-blue {
    background: url(../images/icon-right-arrow.svg);
    background-repeat: no-repeat;
}

.sm .ico-right-arrow-blue {
    background-size: 100% auto !important;
    width: 12px !important;
    height: 10px !important;
}

.ico-services {
    width: 22px;
    height: 22px;
    background: url(../images/icon-service-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.btn-outline-primary:hover .ico-services,
.btn-outline-primary:active .ico-services,
.btn-outline-primary:focus .ico-services {
    background: url(../images/icon-service-white.svg);
    background-repeat: no-repeat;
}

.ico-facebook {
    width: 19px;
    height: 19px;
    background: url(../images/icon-facebook-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.ico-twitter {
    width: 19px;
    height: 19px;
    background: url(../images/icon-twitter-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.ico-youtube {
    width: 19px;
    height: 19px;
    background: url(../images/icon-youtube-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

/* --header-- */
.menu-mob-Open {
    overflow: hidden;
}

.header-section .logo {
    width: 171px;
}

.header-section .logo img {
    max-width: 100%;
}

.header-section .border-bottom-2 {
    border-bottom: 2px solid #e0e3f0;
}

.sticky {
    transition: all 0.3s;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 999;
}

#home .sticky {
    position: absolute;
}

.sticky.fixed {
    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}

#home .sticky.fixed {
    position: fixed;
}

.sticky.fixed .border-bottom-2 {
    border-bottom: 0px;
}

.header-height {
    height: 94px;
}

/* --banner-- */
.header-banner-main {
    position: relative;
    background: url(../images/hero-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 0%;
    overflow: hidden;
}

.header-banner-main:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: radial-gradient(105.87% 256.08% at 91.49% 71.55%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.header-banner-wrap {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.header-banner-main h1,
.standard-header h1,
h1.post-titleNew {
    /*font-family: var(--bs-font-family-2);*/
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: var(--bs-gray-900);
    line-height: 40px;
}

.header-banner-main h1 strong {
    font-weight: 900;
    display: block;
    color: var(--bs-blue);
}

.header-banner-main p {
    font-size: 16px;
    line-height: 24px;
    color: var(--bs-gray-900);
}

.header-banner-main p strong {
    font-weight: 600;
}

.banner-img {
    position: relative;
    width: 310px;
    height: auto;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.banner-img img {
    max-width: 100%;
}

/* --Signing up is dead easy-- */
.signup-step-section {
    overflow: hidden;
    width: 100%;
}

.signup-step-section .border-top {
    border-top: 1px solid #D1D5E9;
}

.step-number-box {
    width: 216px;
    height: 216px;
    border-radius: 50px;
    box-shadow: -14.74px 10px 31.48px rgb(16 32 43 / 12%);
    position: relative;
    margin: auto;
}

.step-number-box h5 {
    font-family: var(--bs-font-family-3);
    font-weight: 700;
    font-size: 47px;
    line-height: 47px;
    color: #6C7395;
    margin-bottom: 0px;
}

.step-number-box h6 {
    font-family: var(--bs-font-family-4);
    font-weight: 400;
    font-size: 23px;
    line-height: 23px;
    color: #6C7395;
    text-transform: uppercase;
    margin-bottom: 0;
}

.step-line {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-cnt-box {
    margin-top: 160px;
}

.step-cnt-box h3 {
    font-family: var(--bs-font-family-4);
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
}

.green-box .step-cnt-box h3 {
    color: #00B79D;
}

.green-box .step-number-box::after {
    position: absolute;
    content: "";
    background: url(../images/green-step-box.svg);
    background-repeat: no-repeat;
    background-position: center center;
    left: calc(50% - 143px);
    top: calc(50% - 155px);
    display: block;
    height: 310px;
    width: 310px;
}

.green-box .step-number-box .step-line:after {
    position: absolute;
    content: "";
    background: url(../images/green-dot-bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    right: -111px;
    top: calc(50% - 4px);
    display: block;
    width: 56px;
    height: 8px;
}

.yellow-box .step-number-box .step-line:after {
    position: absolute;
    content: "";
    background: url(../images/yellow-dot-bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    left: -104px;
    top: calc(50% - 4px);
    display: block;
    width: 56px;
    height: 8px;
}

.yellow-box .step-number-box .step-line:before {
    position: absolute;
    content: "";
    background: url(../images/yellow-dot-bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    right: -111px;
    top: calc(50% - 4px);
    display: block;
    width: 56px;
    height: 8px;
}

.blue-box .step-number-box .step-line:before {
    position: absolute;
    content: "";
    background: url(../images/blue-dot-bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    left: -111px;
    top: calc(50% - 4px);
    display: block;
    width: 56px;
    height: 8px;
}

.yellow-box .step-number-box {
    width: 206px;
    height: 206px;
    margin-top: 5px;
    left: 4px;
}

.yellow-box .step-number-box::after {
    position: absolute;
    content: "";
    background: url(../images/yellow-step-box.svg);
    background-repeat: no-repeat;
    background-position: center center;
    left: calc(50% - 155px);
    top: calc(50% - 155px);
    display: block;
    height: 310px;
    width: 310px;
}

.blue-box .step-number-box {
    width: 198px;
    height: 198px;
    margin-top: 8px;
    left: 15px;
}

.blue-box .step-number-box::after {
    position: absolute;
    content: "";
    background: url(../images/blue-step-box.svg);
    background-repeat: no-repeat;
    background-position: center center;
    left: calc(50% - 164px);
    top: calc(50% - 155px);
    display: block;
    height: 310px;
    width: 310px;
}

.yellow-box .step-cnt-box h3 {
    color: #FFCC3B;
}

.blue-box .step-cnt-box h3 {
    color: #4AAEF1;
}

.step-cnt-box p {
    font-size: 20px;
    line-height: 28px;
}

/* --How Our services work --*/
.services-works-section {
    background: #F2F5F8;
    overflow: hidden;
}

.work-step-image {
    position: absolute;
    width: 888px;
    bottom: -60px;
    left: calc(50% - 514px);
    height: 750px;
}

.services-work-list ol {
    margin: 0;
    padding-left: 55px;
    list-style: decimal-leading-zero;
}

.services-work-list ol li {
    font-size: 16px;
    line-height: 24px;
    color: var(--bs-gray-900);
    margin-bottom: 40px;
    padding-left: 25px;
    letter-spacing: -0.18px;
}

.services-work-list ol li span {
    position: relative;
    top: -2px;
}

.services-work-list ol li::marker {
    font-size: 20px;
    color: #6C7395;
}

/* --Testimonial-- */
.testimonial-carousel .slick-list {
    margin-left: -16px;
    margin-right: -16px;
}

.testimonial-carousel .slick-slide {
    padding-left: 16px;
    padding-right: 16px;
}

.testimonial-carousel .slick-prev {
    left: -30px;
    width: 19px;
    height: 32px;
    z-index: 8;
    top: calc(50% - 16px);
    position: absolute;
    border: 0;
    background: transparent;
    font-size: 0;
}

.testimonial-carousel .slick-next {
    right: -30px;
    width: 19px;
    height: 32px;
    z-index: 8;
    top: calc(50% - 16px);
    position: absolute;
    border: 0;
    background: transparent;
    font-size: 0;
}

.testimonial-carousel .slick-prev:before {
    font-size: 0;
    color: black;
    content: "";
    background: url("../images/icon-next-arrow-gray.svg");
    background-size: 100% auto;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    width: 19px;
    height: 32px;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
}

.testimonial-carousel .slick-next:before {
    font-size: 0;
    color: black;
    content: "";
    background: url("../images/icon-next-arrow-gray.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 19px;
    height: 32px;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
}

.testimonial-carousel .slick-prev:hover:before {
    background: url("../images/icon-next-arrow-gray-light.svg");
    background-size: 100% auto;
    transform: rotate(0deg);
    background-repeat: no-repeat;
}

.testimonial-carousel .slick-next:hover:before {
    background: url("../images/icon-next-arrow-gray-light.svg");
    background-size: 100% auto;
    transform: rotate(180deg);
    background-repeat: no-repeat;
}

.item-box {
    padding: 24px 32px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);
    border-radius: 10px;
}

.item-box h5 {
    font-weight: 700;
    color: var(--bs-gray-900);
    font-size: 20px;
    margin-bottom: 15px;
}

.item-box h6 {
    font-size: 16px;
    font-weight: 400;
    color: #6C7395;
    margin-bottom: 17px;
}

.item-box p {
    color: #19255F;
    line-height: 24px;
    margin-bottom: 10px;
}

.item-box p:last-child {
    margin-bottom: 0;
}


/* --What's in it for you?-- */
.benefits-box {
    background: var(--bs-blue-light);
    border-radius: 16px;
    position: relative;
    height: 100%;
    margin-left: 1px;
    margin-right: 1px;
    transition: all 0.3s ease-in-out;
}

.benefits-box:hover {
    box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
}

.benefits-box .icon-box {
    background: var(--bs-green);
    border-radius: 16px;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -35px;
    left: calc(50% - 36px);
}

.benefits-box h3 {
    font-size: 16px;
    color: var(--bs-gray-900);
    line-height: 24px;
}

.benefits-box p {
    color: #19255F;
}

/*-- Footer top sign up section --*/
.buyforme-how-it-work-section h5 {
    color: #6C7395;
}

.footer-top-signup-section {
    background: linear-gradient(140deg, #007BD0 -14.33%, #6EBD13 144.52%);
    padding: 25px 0 20px;
    overflow: hidden;
    position: relative;
}

.footer-top-signup-section.parcel-delivery:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 4%;
    z-index: 5;
    background: url(../images/delivery-section-bg-mobile.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.footer-top-signup-section .container {
    position: relative;
    z-index: 8;
}

.footer-top-signup-section .display-2,
.blog-signup-section h2 {
    color: #fff !important;
}

.footer-top-signup-section h5 {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.footer-top-signup-section h5 a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.footer-top-signup-section h5 a:hover {
    color: #e3e19b;
}

/* footer section --*/
.footer-top {
    background: #fff;
}

.footer-section p {
    line-height: 24px;
    font-size: 14px;
}

.footer-top h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-gray-900);
    font-family: var(--bs-font-family-2);
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}

.footer-menu ul {
    list-style: none;
    columns: 1;
    margin: 0;
    padding: 0;
}

.footer-menu ul li {
    margin-bottom: 12px;
    break-inside: avoid-column;
}

.footer-menu ul li:last-child {
    margin-bottom: 0;
}

.footer-menu ul li a {
    text-decoration: none;
    color: var(--bs-gray-900);
    font-size: 16px;
}

.footer-menu ul li a:hover {
    color: var(--bs-blue);
}

.footer-social-link ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-social-link li {
    margin-bottom: 12px;

}

.footer-social-link li:last-child {
    margin-bottom: 0;
}

.footer-social-link li a {
    text-decoration: none;
    color: var(--bs-gray-900);
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.footer-social-link li:hover a {
    color: var(--bs-blue);
}

.footer-bottom {
    font-size: 14px;
}

.footer-bottom .border-top {
    border-color: #eff0f1;
}

.footer-menu-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.footer-menu-bottom li {
    margin-left: 32px;

}

.footer-menu-bottom:first-child {
    margin-left: 0;
}

.footer-menu-bottom li a {
    text-decoration: none;
    color: var(--bs-gray-900);
    font-size: 14px;
}

.footer-menu-bottom a:hover {
    color: var(--bs-blue);
}

/*-- mobile-sticky-footer-menu --*/
.calculater-icon {
    width: 27px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/calculator-icon-both.svg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: auto;
}

.buy-icon {
    width: 27px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/bag-icon-both.svg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: auto;
}

.pricing-icon {
    width: 27px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/price-icon-both.svg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: auto;
}

.mobile-sticky-footer-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 9;
}

.mobile-sticky-footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #f5f5f5;
}

.mobile-sticky-footer-menu ul li {
    width: 33.333%;
    text-align: center;
    position: relative;
    padding-top: 15px;
}

.mobile-sticky-footer-menu ul li span {
    position: relative;
    top: -5px;
}

.mobile-sticky-footer-menu ul li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    background: white;
    border-radius: 0 0 8px 8px;
    left: 0;
    top: 0;
}

.mobile-sticky-footer-menu ul li a {
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.mobile-sticky-footer-menu ul li:hover:after {
    background: var(--bs-blue);
}

.mobile-sticky-footer-menu ul li.active::after {
    background: var(--bs-blue);
}

.mobile-sticky-footer-menu ul li:hover a {
    color: var(--bs-blue);
}

.mobile-sticky-footer-menu ul li.active a {
    color: var(--bs-blue);
}

.mobile-sticky-footer-menu ul li:hover .calculater-icon {
    /*background: url(../images/calculator-icon-blue.svg);*/
    background-repeat: no-repeat;
    background-position: center top -27px;
}

.mobile-sticky-footer-menu ul li.active .calculater-icon {
    /*background: url(../images/calculator-icon-blue.svg);*/
    background-repeat: no-repeat;
    background-position: center top -27px;
}

.mobile-sticky-footer-menu ul li:hover .buy-icon {
    /*background: url(../images/bag-icon-blue.svg);*/
    background-repeat: no-repeat;
    background-position: center top -27px;
}

.mobile-sticky-footer-menu ul li.active .buy-icon {
    /*background: url(../images/bag-icon-blue.svg);*/
    background-repeat: no-repeat;
    background-position: center top -27px;
}

.mobile-sticky-footer-menu ul li:hover .pricing-icon {
    /*background: url(../images/price-icon-blue.svg);*/
    background-repeat: no-repeat;
    background-position: center top -26px;
}

.mobile-sticky-footer-menu ul li.active .pricing-icon {
    /*background: url(../images/price-icon-blue.svg);*/
    background-repeat: no-repeat;
    background-position: center top -26px;
}

.btn.btn-y-sm {
    padding: 7px 30px;
    font-size: 14px;
}

.btn.btn-y-sm .ico-right-arrow {
    background-size: 100% auto;
    width: 15px;
}

/*--====== How It Workes Page ======--*/
.h1,
h1 {
    font-size: 38px;
}

.how-it-work-video-section {
    width: 100%;
    position: relative;
    background: url(../images/how-it-work-hero-image.webp);
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
}

.how-it-work-video-section h1 {
    color: #000;
}

.how-it-work-video-section p {
    font-size: 20px;
    line-height: 32px;
    color: #000;
}

.video-how-it-work {
    position: relative;
    padding-bottom: 75%;
    background: #fcfbfc;
    border-radius: 24px;
    overflow: hidden;
}

.video-how-it-work .wistia_embed .wistia_click_to_play {
    height: 100% !important;
    width: 100% !important;
}

.video-how-it-work:after {
    position: absolute;
    content: "";
    background: rgba(1, 9, 48, 0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}

.video-how-it-work img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
    height: 100%;
}

.video-play-button {
    background: url(../images/play-button.svg) #fff;
    background-repeat: no-repeat;
    background-position: center;
    width: 105px;
    height: 105px;
    position: absolute;
    left: calc(50% - 52.5px);
    top: calc(50% - 52.5px);
    z-index: 8;
    border-radius: 50%;
    cursor: pointer;
}

.how-it-work-process-list-section {
    width: 100%;
}

ul.how-it-work-process-list {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

ul.how-it-work-process-list li {
    width: 100%;
    padding-left: 0;
    display: flex;
    position: relative;
    padding-top: 75px;
    padding-bottom: 40px;
    min-height: unset;
}

ul.how-it-work-process-list li::after {
    position: absolute;
    content: "";
    width: 36px;
    height: 218px;
    background: url(../images/drwn-arrow-green-icon.svg);
    background-repeat: repeat-y;
    top: calc(50% - 55px);
    left: calc(50% - 18px);

}

ul.how-it-work-process-list li:nth-child(2n) {
    padding-right: 0px;
    padding-left: 0;
}

ul.how-it-work-process-list li:last-child::after {
    display: none;
}

label.list-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    left: calc(0% - 0px);
    top: 0;
    border: 1px solid #4CCDBA;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgba(76, 205, 186, 0.4) 0%, rgba(76, 205, 186, 0) 100%);
}

label.list-icon img {
    width: 40%;
}

.list-content h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    font-size: 22px;
}

.list-content p,
.how-it-work-video-section p {
    font-size: 16px;
    color: #57626a;
    line-height: 28px;
}

/*--====== about us Page ======--*/
ul.how-it-work-process-list.about-list .list-content {
    box-shadow: -14.74px 10px 31.48px rgb(16 32 43 / 12%);
    border-radius: 25px;
    padding: 30px 20px;
    background: #fff;
}

ul.how-it-work-process-list.about-list li:nth-child(2n):last-child {
    padding-left: 0;
    padding-right: 0;
}

ul.how-it-work-process-list.about-list .list-content p {
    font-size: 18px;
    line-height: 1.3;
}

ul.how-it-work-process-list.about-list li::after {
    width: 2px;
    height: calc(100% - 102px);
    background: #4CCDBA;
    background-repeat: repeat-y;
    top: calc(0% - -103px);
    left: calc(50% - 1px);
}

ul.how-it-work-process-list.about-list li {
    padding-top: 0;
}

ul.how-it-work-process-list.about-list label.list-icon {
    display: none;
}

/*--====== Buy for me Page ======--*/
.footer-top-signup-section.your-order:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 4%;
    z-index: 5;
    background: url(../images/your-order-section-bg-mobile.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0.5;
}

.inner-banner-img {
    position: relative;
    width: 310px;
    height: auto;
    top: 0;
    right: 0;
    margin: 0 auto;
    text-align: right;
}

.inner-banner-img img {
    max-width: 100%;
}

.responsive-image-box {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
    border-radius: 24px;
    overflow: hidden;
}

.responsive-image-box img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
    height: 100%;
}

.buyforme-work-list {
    background: linear-gradient(#F2F5F8 0%, rgba(242, 245, 248, 0) 15%);
    border-radius: 24px;
}

.buyforme-work-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyforme-work-list ul li {
    position: relative;
    padding-left: 45px;
    padding-top: 80px;
    margin-bottom: 50px;
}

.buyforme-work-list ul li:last-child {
    margin-bottom: 20px;
}

.buyforme-work-list ul li span {
    position: absolute;
    left: 0;
    top: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #A4A4A4;
}

.buyforme-work-list ul li label {
    position: absolute;
    top: 0;
    left: 45px;
    width: 64px;
    height: 64px;
    background: #EEF1FA;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.buyforme-work-list ul li h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--bs-font-family-2);
    margin-bottom: 20px;
}

.buyforme-work-list ul li p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.buyforme-work-list ul li:hover label {
    background: #19255F;
}

.buyforme-work-list ul li:hover label img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.cost-listing ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cost-listing ul li {
    border: 1px solid #B2E9E1;
    border-radius: 16px;
    padding: 25px 25px 25px 70px;
    position: relative;
    margin-bottom: 30PX;
    color: #707982;
}

.cost-listing ul li:last-child {
    margin-bottom: 0;
}

.cost-listing ul li span {
    position: absolute;
    left: 15px;
    top: 25px;
}

.cost-listing ul li span img {
    max-width: 60%;
}

.cost-listing ul li p {
    font-size: 16px;
    line-height: 24px;
    color: #707982;
}

.cost-listing ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #007BD0;
    text-decoration: none;
}

.service-charge-box {
    background: linear-gradient(170deg, #020344 0%, #28B8D5 100%);
    height: 415px;
    border-radius: 16px;
}

.service-charge-box h2 {
    font-size: 96px;
    line-height: 120px;
    font-weight: 700;
}

.important-info {
    color: #878f95;
    font-size: 14px;
    position: relative;
    padding-left: 35px;
}

.info-icon-green {
    width: 22px;
    height: 22px;
    background: url(../images/icon-info-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.important-info .info-icon-green {
    position: absolute;
    left: 0;
    top: 0;
}

/*-- Modal Buy for Me --*/
.buyforme-dialog,
.modalfrm-dialog {
    max-width: 545px;
}

.upsell-dialog {
    max-width: 570px;
}

.buyforme-dialog .modal-header,
.modalfrm-dialog .modal-header,
.full-dialog .modal-header {
    padding: 0;
    border: 0;
    margin-bottom: 35px;
}

.buyforme-dialog .modal-title,
.modalfrm-dialog .modal-title,
.full-dialog .modal-title {
    font-size: 24px;
    font-weight: 600;
    color: #1B1C1E;
}

.buyforme-dialog .modal-body,
.modalfrm-dialog .modal-body,
.sm-dialog .modal-body,
.full-dialog .modal-body,
.upsell-dialog .modal-body {
    padding: 0;
    border: 0;
}

.buyforme-dialog .modal-content,
.modalfrm-dialog .modal-content,
.sm-dialog .modal-content,
.upsell-dialog .modal-content {
    border-radius: 24px;
    border: 0;
}

.full-dialog .modal-content {
    border-radius: 16px;
    border: 0;
}

.modalfrm-dialog .form-group label {
    color: #666;
}

.modalfrm-dialog .select2-container {
    display: block;
}

.buyforme-dialog .form-control {
    border-radius: 20px;
    border: 1px solid #B2B6C9;
    font-size: 16px;
    padding: 7px 18px;
    color: #1B1C1E;
}

.item-repeat {
    background: #F2F8FD;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 20px;
}

.item-repeat .package-title {
    color: #1B1C1E;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}

.remove-item-pack .ico-plus-arrow,
.remove-package-pack .ico-plus-arrow {
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    cursor: pointer;
    position: relative;
    margin-top: 5px;
    background: url(../images/icon-plus-gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

.quantity {
    display: flex;
    align-items: center;
    max-width: 120px;
}

.quantity .quantity__input {
    width: calc(100% - 50px);
    text-align: center;
    background: transparent;
    border: 0;
    font-size: 18px;
    color: #1B1C1E;
}

.buyforme-dialog .quantity .quantity__minus,
.quantity-col .quantity .quantity__minus {
    width: 25px;
    height: 25px;
    background: url(../images/icon-minus.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.buyforme-dialog .quantity .quantity__minus:hover,
.quantity-col .quantity .quantity__minus:hover {
    background: url(../images/icon-minus-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.buyforme-dialog .quantity .quantity__plus,
.quantity-col .quantity .quantity__plus {
    width: 25px;
    height: 25px;
    background: url(../images/icon-plus-gray-2.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.buyforme-dialog .quantity .quantity__plus:hover,
.quantity-col .quantity .quantity__plus:hover {
    background: url(../images/icon-plus-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.item-repeat .form-group label {
    color: #333D71;
}

textarea.form-control {
    height: 125px;
    padding-top: 15px !important;
    color: #999EB8;
}

.btn--add-item {
    cursor: pointer;
    text-decoration: none;
}

/*--====== Our Plans Page ======--*/
.pricing-plan-section {
    background: #F2F5F8;
}

.pricing-plan-wrap {
    background: #F2F5F8;
}

ul.plan-price-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.plan-price-list li a {
    display: block;
    border-bottom: 1px solid #B3B3B3;
    position: relative;
}

ul.plan-price-list li a::after {
    position: absolute;
    content: "";
    background: #1A88D5;
    bottom: -1px;
    width: 0%;
    height: 2px;
    left: 0;
}

ul.plan-price-list li a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    color: #B3B3B3;
    padding: 0px 40px 15px;
    display: block;
}

ul.plan-price-list li a.active {
    color: #191919;
}

ul.plan-price-list li a:hover {
    color: #191919;
}

ul.plan-price-list li a.active::after {
    width: 100%;
}

.plan-box {
    background: #fff;
    border-radius: 16px;
    position: relative;
    width: calc(100% - 10px);
    padding: 30px 15px 25px;
    margin: auto;
    border: 1px solid #E5E6ED;
    margin-top: 20px;
    color: #000;
    margin-bottom: 50px;
}

.standard-item .plan-box {
    background: #F2F8FD;
    border: 1px solid #B2D7F1;
    color: #000;
}

.plan-box-icon {
    background: #F7FBFE;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    padding: 1px;
    overflow: hidden;
    border: 1px solid #007BD0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plan-box-head-text {
    width: calc(100% - 0px);
    padding-left: 0px;
}

.plan-box-head-text h3 {
    font-weight: 700;
    font-size: 28px;
    color: #1B1C1E;
    margin-bottom: 10px;
}

.plan-box-head-text p {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 0px;
}

.trial-text {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 130px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #007BD0;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 0;
    font-family: 'Spline Sans Mono', monospace;
    border: 2px solid #007BD0;
    border-radius: 16px;
    line-height: 28px;
    left: calc(50% - 65px);
    top: -15px;
}

.trial-text.current {
    color: #00B79D;
    border-color: #00B79D;
    background: #E5F8F5;
    width: 150px;
    left: calc(50% - 75px);
}

.plan-box-head h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #10202B;
    font-family: var(--bs-font-family-2);
}

.standard-item .plan-box-head h3 {
    color: #fff;
}

.plan-box-head h4 {
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    color: #1B1C1E;
    margin-bottom: 0;
}

.plan-box-head h6 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #1B1C1E;
}

.plan-box-head h4 sup {
    font-size: 16px;
    top: -10px;
}

.plan-box-head h4 sub {
    font-size: 12px;
    font-weight: 500;
}

.plan-box-list ul {
    border-top: 1px solid #EEF1FA;
    margin: 20px 0 0 0;
    padding: 28px 0 0 0;
    list-style: none;
}

.plan-box-list ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
}

.plan-box-list ul li.confirm {
    color: #000;
}

.plan-box-list ul li.no {
    color: #999999;
}

.plan-box-list ul li.confirm::after {
    width: 14px;
    height: 14px;
    position: absolute;
    content: "";
    /*background: url(../images/icon-checkmark-checked.svg);*/
    /*background: url(../images/icon-checkmark-filled.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    background: #fff;
    border: 4px solid #52b7b2;
    border-radius: 50%;
    left: 0;
    top: 3px;
}

.plan-box-list ul li.no::after {
    width: 14px;
    height: 14px;
    position: absolute;
    content: "";
    /*background: url(../images/icon-close-filled.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 3px;
    background: #fff;
    border: 4px solid #ccc;
    border-radius: 50%;
}

.note-msg {
    border-top: 1px solid #E5E5E5;
    padding-top: 25px;
    margin-top: 20px;
}

.standard-item .plan-box-list ul {
    border-top: 1px solid #E5E5E5;
}

.footer-top-signup-section.rate-calculator:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 4%;
    z-index: 5;
    background: url(../images/rate-calculator-section-bg-mobile.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0.5;
}

.payment-logo-carousel .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.payment-logo-carousel .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
}

.payment-logo-carousel .slick-prev {
    left: -30px;
    width: 12px;
    height: 22px;
    z-index: 8;
    top: calc(50% - 11px);
    position: absolute;
    border: 0;
    background: transparent;
    font-size: 0;
}

.payment-logo-carousel .slick-next {
    right: -30px;
    width: 12px;
    height: 22px;
    z-index: 8;
    top: calc(50% - 11px);
    position: absolute;
    border: 0;
    background: transparent;
    font-size: 0;
}

.payment-logo-carousel .slick-prev:before {
    font-size: 0;
    color: black;
    content: "";
    background: url("../images/icon-next-arrow-gray.svg");
    background-size: 100% auto;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    width: 12px;
    height: 22px;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
}

.payment-logo-carousel .slick-next:before {
    font-size: 0;
    color: black;
    content: "";
    background: url("../images/icon-next-arrow-gray.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 12px;
    height: 22px;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
}

.payment-logo-carousel .slick-prev:hover:before {
    background: url("../images/icon-next-arrow-gray-light.svg");
    background-size: 100% auto;
    transform: rotate(0deg);
    background-repeat: no-repeat;
}

.payment-logo-carousel .slick-next:hover:before {
    background: url("../images/icon-next-arrow-gray-light.svg");
    background-size: 100% auto;
    transform: rotate(180deg);
    background-repeat: no-repeat;
}

.feature-btn {
    font-size: 16px;
    font-weight: 500;
    color: #007BD0;
    text-decoration: none;
    cursor: pointer;
}

.icon-down {
    width: 13px;
    height: 8px;
    background: url("../images/icon-down-arrow.svg");
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.feature-btn.up .icon-down {
    position: relative;
    transform: rotate(180deg);
}

.form-switch.pricing-switch .form-check-input {
    width: 48px;
    margin-left: -40px;
    height: 24px;
    background-size: 26px;
    border-radius: 24px;
    border: 1px solid #d1d5e9;
    background-color: #d1d5e9;
    background-position: left -2px center !important;
    background-image: url("../images/icon-circle.svg");
    background-repeat: no-repeat;
}

.form-switch.pricing-switch .form-check-input:focus {
    background-image: url("../images/icon-circle.svg");
}

.pricing-switch .form-check-input:checked {
    background-position: left 22px center !important;
    background-color: #00B79D;
    border-color: #00B79D;
}

.pricing-switch .form-check-input:focus {
    box-shadow: none;
}

.form-switch.started-switch .form-check-input {
    width: 48px;
    margin-left: -40px;
    height: 24px;
    background-size: 26px;
    border-radius: 24px;
    border: 1px solid #d1d5e9;
    background-color: #d1d5e9;
    background-position: left -2px center !important;
    background-image: url("../images/icon-circle.svg");
    background-repeat: no-repeat;
}

.form-switch.started-switch .form-check-input:focus {
    background-image: url("../images/icon-circle.svg");
}

.started-switch .form-check-input:checked {
    background-position: left 22px center !important;
    background-color: #007BD0;
    border-color: #007BD0;
}

.started-switch .form-check-input:focus {
    box-shadow: none;
}

span.offer-txt {
    border: 1px solid #00B79D;
    background: #E2FFFA;
    border-radius: 16px;
    font-size: 12px;
    color: #00B79D;
    padding: 3px 8px;
}

.pricing-check-label {
    color: #8086A6;
    font-weight: 600;
    font-size: 16px;
}

.pricing-check-label.active {
    color: #000000;
}

/*-- fearure --*/
.text-bg-green {
    background: #00B79D;
    color: #fff;
    border-radius: 16px;
    padding: 2px 15px;
    font-weight: 600;
    display: inline-block;
}

.text-bg-blue {
    background: #19255F;
    color: #fff;
    border-radius: 16px;
    padding: 2px 15px;
    font-weight: 600;
    display: inline-block;
}

.icon-confirm {
    width: 20px;
    height: 20px;
    background: url(../images/icon-checkmark-filled.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 20px 20px;
}

.icon-no {
    width: 20px;
    height: 20px;
    background: url(../images/icon-close-filled.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 20px 20px;
}

.info-icon {
    width: 18px;
    height: 18px;
    background: url(../images/icon-info.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.info-icon-gray {
    width: 14px;
    height: 14px;
    background: url(../images/icon-info-green-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% auto;
    filter: brightness(3) invert(0.5);
}

.info-icon-gray.md {
    width: 21px;
    height: 21px;
    filter: brightness(0) invert(0.65);
}

.icon-info-red {
    width: 22px;
    height: 21px;
    background: url(../images/icon-info-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% auto;
}

.tooltip-wrap {
    display: flex;
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    ;
}

.tooltip-text {
    display: none;
    position: absolute;
    bottom: 30px;
    background: #19255F;
    color: #fff;
    width: 220px;
    padding: 15px 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 7px;
    left: -15px;
}

.tooltip-text:before {
    position: absolute;
    content: "";
    border-top: 6px solid #19255F;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 18px;
    bottom: -6px;
}

.tooltip-wrap:hover .tooltip-text {
    display: block;
}

.feature-list-wrap-open {
    box-shadow: 0px 0px 10px rgba(27, 27, 27, 0.08);
    background: #fff;
    border-radius: 16px;
}

.feature-title-head ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    margin-bottom: 22px;
}

.feature-title-head ul li {
    width: 23.211%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 28px;
    font-weight: 600;
    color: #10202B;
    font-family: var(--bs-font-family-2);
    border-left: 2px solid #dfe3f0;
    line-height: 36px;
}

.feature-title-head ul li:first-child {
    width: 30.368%;
    text-align: left;
    padding-left: 25px;
    border-left: none;
}

.feature-item-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #dfe3f0;
    border-left: 1px solid #dfe3f0;
    border-right: 1px solid #dfe3f0;
    margin-bottom: 22px;
    border-radius: 10px 10px 0 0;
}

.feature-item-body ul li {
    width: 50%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #19255F;
    border-left: 2px solid #dfe3f0;
    line-height: 24px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-item-body ul li:first-child {
    width: 50%;
    padding-left: 15px;
    text-align: left;
    color: #000;
    border-left: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

/*--====== Rate Calculator Page ======--*/
.bg-blue-lighter {
    background: var(--bs-blue-lighter) !important;
}

.calculator-wrap {
    background: #fff;
    border-radius: 24px;
}

.form-control {
    border-radius: 28px;
    border: 1px solid #EEF1FA;
    font-size: 16px;
    padding: 15px 15px;
    color: #8086A6;
}

.form-control.dark {
    border-color: #B3B3B3;
    color: #999999;
    background-color: #fff;
}

select.form-control {
    appearance: none;
    background: url(../images/icon-arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 35px;
}

.calculator-wrap .select2-container--default .select2-selection--single {
    appearance: none;
    background: url(../images/icon-arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 35px;
    border-radius: 28px;
    border: 1px solid #EEF1FA;
    font-size: 16px;
    padding: 15px 15px;
    color: #8086A6;
    height: auto;
    background-color: #ffffff !important;
}

.calculator-wrap.dark .select2-container--default .select2-selection--single {
    border-color: #B3B3B3;
}

.calculator-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.calculator-wrap .select2-container--default .select2-search--dropdown .select2-search__field,
.calculator-wrap .select2-dropdown {
    border-color: #EEF1FA;
}

.calculator-wrap.dark .select2-container--default .select2-search--dropdown .select2-search__field,
.calculator-wrap.dark .select2-dropdown {
    border-color: #B3B3B3;
}

.calculator-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    color: #8086A6;
}

select.form-control option {
    color: #8086A6;
}

.form-group label {
    color: #6C7395;
    font-size: 14px;
    margin-bottom: 5px;
}

.calculator-wrap .select2-results__option {
    padding-left: 30px;
}

.calculator-wrap .select2-container--default .select2-results__option--selected,
.calculator-wrap .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: url(../images/icon-checkmark-filled.svg);
    background-repeat: no-repeat;
    background-position: left 5px center;
    color: #8086A6;
}

.border-radius-left-0 {
    border-radius: 0 28px 28px 0 !important;
}

.border-radius-right-0 {
    border-radius: 28px 0 0 28px !important;
}

.border-radius-left-right-0 {
    border-radius: 0px;
}

.col-wd-8 {
    width: 85px;
}

.form-control:focus {
    box-shadow: unset !important;
}

.couriers-box {
    background: #EEF1FA;
    padding: 20px;
    border-radius: 16px;
    height: 100%;
}

.couriers-box-logo {
    margin-bottom: 25px;
    position: relative;
    height: 72px;
}

.couriers-box-logo img {
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: auto;
}

.couriers-box h3 {
    font-family: var(--bs-font-family-2);
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.couriers-box-text {
    border-top: 1px solid #D1D5E9;
    border-bottom: 1px solid #D1D5E9;
    padding-top: 25px;
    margin-bottom: 25px;
}

.couriers-box-text p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 5px;
}

.couriers-box-text h4 {
    font-size: 40px;
    line-height: 44px;
    color: #007BD0;
    font-weight: 600;
    margin-bottom: 25px;
}

.image-text-area h2 {
    font-family: var(--bs-font-family-2);
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
    color: #000;
    margin-bottom: 20px;
}

.image-text-area p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #000;
}

.image-text-area h4 {
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}

.image-text-area h5 {
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
    font-size: 24px;
    margin: 25px 0;
}

.image-text-area a {
    text-decoration: none;
}

.collage-images {
    position: relative;
    padding-bottom: 71%;
}

.collage-images-top {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    max-width: calc(100% - 30px);
}

.collage-images-mid {
    position: absolute;
    z-index: 7;
    top: 15px;
    left: 15px;
    max-width: calc(100% - 30px);
}

.collage-images-bottom {
    position: absolute;
    z-index: 6;
    top: 30px;
    left: 30px;
    max-width: calc(100% - 30px);
}

.couriers-title {
    border-top: 1px solid #D1D5E9;
    padding-top: 50px;
    margin-top: 45px;
}

.couriers-title h2 {
    font-weight: 700;
    line-height: 40px;
    font-size: 32px;
    margin-bottom: 0;
    color: #000;
}

.ico-plus-arrow {
    width: 12px;
    height: 12px;
    background: url(../images/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.ico-plus-arrow.white {
    background: url(../images/icon-plus-white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.btn-outline-primary:hover .ico-plus-arrow {
    background: url(../images/icon-plus-white.svg);
}

.header-banner-main.inner a {
    text-decoration: none;
    color: #007bd0;
}

.calculator-animation-dialog {
    max-width: 715px;
}

.calculator-animation-dialog .modal-content {
    border-radius: 24px;
}

.animation-image-area {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.animation-image-area img {
    max-width: 220px;
}

.package-title,
.package-description-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: rgba(16, 32, 43, 0.8);
    margin-bottom: 15px;
}

.calculator-result {
    display: none;
}

.remove-pack .ico-plus-arrow {
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    cursor: pointer;
    position: relative;
    margin-top: 5px;
    background: url(../images/icon-plus-gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

/*--====== Services Page ======--*/
.header-banner-main.inner.services-banner {
    background-size: unset;
}

.header-banner-main.inner.services-banner .header-banner-wrap {
    position: relative;
    padding-bottom: 80px;
}

.services-banner .banner-text {
    padding-top: 0;
    padding-bottom: 0;
}

.services-banner .inner-banner-img {
    width: 568px;
    height: 510px;
    top: 0;
    margin-top: 90px;
}

.services-listing-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.services-listing-wrap ul li {
    width: 33.333%;
    padding: 60px 40px;
    border-right: 1px solid #D1D5E9;
    transition: all 0.5s ease-in-out;
}

.services-listing-wrap ul li:hover {
    padding: 30px 50px 30px 30px;
}

.service-icon-box-border {
    background: #EEF1FA;
    padding: 1px;
    border-radius: 8px;
    width: 64px;
    height: 64px;
}

.service-icon-box {
    width: 100%;
    height: 100%;
    background: #EEF1FA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-listing-wrap ul li h3 {
    width: calc(100% - 90px);
    color: #0A1B3D;
    font-size: 24px;
    line-height: 32px;
    font-family: var(--bs-font-family-2);
    display: flex;
    align-items: center;
}

.services-listing-wrap ul li:hover .service-icon-box-border {
    background: linear-gradient(164deg, #69b1e3 -14.33%, #ddedf9 100.52%);
}

.services-listing-wrap ul li:hover .service-icon-box {
    background: linear-gradient(164deg, #a9d2ef -14.33%, #fff 100.52%);
}

.services-listing-wrap ul li:hover .btn-outline-blue-dark {
    border-color: #d1d1d1 !important;
}

.services-listing-wrap ul li:hover .btn-outline-blue-dark:hover,
.services-listing-wrap ul li:hover .btn-outline-blue-dark:active,
.services-listing-wrap ul li:hover .btn-outline-blue-dark:focus {
    color: var(--bs-blue);
    border-color: var(--bs-blue) !important;
}

/* .services-listing-wrap ul li:hover .btn-outline-blue-dark .ico-right-arrow-blue {
    background: url(../images/arrow-blue-right.svg);
    width: 15px;
    height: 16px;
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: center right;
    border-left: 1px solid #d1d1d1;
    padding-left: 15px;
} */

/*-- Breadcrumb section --*/
.breadcrumb-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumb-section ul li {
    font-size: 18px;
    font-weight: 400;
    color: #6C7395;
    position: relative;
    padding-right: 18px;
    margin-right: 12px;
}

.breadcrumb-section ul li:after {
    position: absolute;
    content: "";
    background: url(../images/arrow-blue-right.svg);
    width: 6px;
    height: 10px;
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: calc(50% - 5px);
}

.breadcrumb-section ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.breadcrumb-section ul li:last-child:after {
    display: none;
}

.breadcrumb-section ul li a {
    text-decoration: none;
    color: #007BD0;
}

.breadcrumb-section.deshboard-bd ul li a {
    text-decoration: none;
    color: #666E94;
}

.breadcrumb-section.deshboard-bd .border-y {
    border-bottom: 0;
}

.breadcrumb-section.deshboard-bd ul li:after {
    content: "/";
    background: none;
    top: 0;
}

.breadcrumb-section.deshboard-bd ul li {
    color: #808080;
}

.breadcrumb-section.deshboard-bd ul li a {
    color: #1B1C1E;
    text-decoration: underline;
}

/*-- Parcel Forwarding --*/
.header-banner-main.inner .service-banner-text h5 {
    color: #000000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 0;
}

.header-banner-main.inner .service-banner-text h5+h5 {
    margin-top: 35px;
}

.header-banner-main.inner .service-banner-text h6 {
    color: #19255F;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 25px;
}

.header-banner-main.inner .service-banner-text p {
    font-size: 18px;
    line-height: 28px;
    color: #19255F;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 0;
}

.service-icon-box-border-lg {
    padding: 1px;
    border-radius: 24px;
    width: 128px;
    height: 128px;
    background: linear-gradient(180deg, #69b1e3 -14.33%, #ddedf9 100.52%);
}

.service-icon-box-lg {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #a9d2ef -14.33%, #fff 100.52%);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-right-text-listing-area {
    background: #fff;
    border-radius: 24px;
    padding: 35px 20px 35px;
}

.highlight-text {
    padding-left: 20px;
}

.highlight-text h2 {
    color: #000;
    font-size: 32px;
    line-height: 40px;
    font-family: var(--bs-font-family-2);
    font-weight: 300;
    margin-bottom: 0px;
    position: relative;
}

.highlight-text h2::after {
    background: #007BD0;
    width: 2px;
    height: 48px;
    position: absolute;
    content: "";
    left: -20px;
    top: 4px;
}

.highlight-text p {
    color: #007BD0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 30px;
}

.number-listing ol {
    column-count: 1;
    column-gap: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.number-listing ol li {
    list-style-position: inside;
    margin-bottom: 30px;
    break-inside: avoid-column;
}

.number-listing ol li::marker {
    font-size: 28px;
    color: #007BD0;
    font-family: var(--bs-font-family-2);
}

.number-listing ol li span {
    font-size: 28px;
    color: #007BD0;
    font-family: var(--bs-font-family-2);
}

.number-listing ol li label {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    display: block;
    border-top: 1px solid #EEF1FA;
    padding-top: 15px;
    margin-top: 10px;
}

.repeat-row {
    border-bottom: 1px solid #EEF1FA;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.repeat-row:last-child {
    border-bottom: 0px solid #EEF1FA;
    padding-bottom: 0;
    margin-bottom: 0;
}

.number-listing p {
    color: #6C7395;
    font-size: 18px;
    line-height: 26px;
}

/*-- other services --*/
.service-item-box {
    border: 1px solid #D1D5E9;
    border-radius: 16px;
    padding: 20px;
}

.service-item-box .service-icon-box-border {
    width: 96px;
    height: 96px;
    margin-bottom: 50px;
}

.service-item-box:hover .service-icon-box-border {
    background: linear-gradient(164deg, #69b1e3 -14.33%, #ddedf9 100.52%);
}

.service-item-box:hover .service-icon-box {
    background: linear-gradient(164deg, #a9d2ef -14.33%, #fff 100.52%);
}

.service-item-box h3,
.service-item-box h3 a,
.service-item-box a h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: var(--bs-font-family-2);
    text-decoration: none;
    font-weight: 500;
    color: #000;
}

.service-item-box a {
    text-decoration: none;
}

.other-services-carousel .slick-list {
    margin-left: -11px;
    margin-right: -11px;
}

.other-services-carousel .slick-slide {
    padding-left: 11px;
    padding-right: 11px;
}

.other-services-carousel .slick-prev {
    right: 100px;
    width: 88px;
    height: 56px;
    z-index: 8;
    top: -120px;
    position: absolute;
    border: 1px solid #007BD0;
    border-radius: 28px;
    background: transparent;
    font-size: 0;
    overflow: hidden;
}

.other-services-carousel .slick-next {
    right: 0;
    width: 88px;
    height: 56px;
    z-index: 8;
    top: -120px;
    position: absolute;
    border: 1px solid #007BD0;
    border-radius: 28px;
    background: transparent;
    font-size: 0;
    overflow: hidden;
}

.other-services-carousel .slick-prev:before {
    font-size: 0;
    color: black;
    content: "";
    background: url("../images/icon-right-arrow-blue.svg");
    background-size: 24px auto;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 88px;
    height: 56px;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
}

.other-services-carousel .slick-next:before {
    font-size: 0;
    color: black;
    content: "";
    background: url("../images/icon-right-arrow-blue.svg");
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 88px;
    height: 56px;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
}

.other-services-carousel .slick-prev:hover:before {
    background: url("../images/icon-right-arrow.svg") #007BD0;
    background-size: 24px auto;
    background-position: center center;
    transform: rotate(180deg);
    background-repeat: no-repeat;
}

.other-services-carousel .slick-next:hover:before {
    background: url("../images/icon-right-arrow.svg") #007BD0;
    background-size: 24px auto;
    transform: rotate(0deg);
    background-repeat: no-repeat;
    background-position: center center;
}

.other-services-section h2 {
    font-size: 32px;
    line-height: 46px;
    font-family: var(--bs-font-family-2);
    font-weight: 300;
    color: #000;
    margin-bottom: 15px;
}

.benefit-section h2 {
    color: #000;
    font-size: 48px;
    line-height: 56px;
    font-family: var(--bs-font-family-2);
    font-weight: 300;
    margin-bottom: 65px;
}

.benefit-box {
    background: #EEF1FA;
    border-radius: 16px;
    padding: 25px;
    margin: 12px 0;
}

span.benefit-number {
    color: #6C7395;
    font-size: 12px;
    font-weight: 600;
}

.benefit-box h3 {
    font-size: 32px;
    line-height: 40px;
    font-family: var(--bs-font-family-2);
    font-weight: 400;
    color: #000;
    margin-top: 25px;
    margin-bottom: 50px;
}

.benefit-box p {
    color: #6C7395;
    font-size: 18px;
    line-height: 26px;
}

.benefit-box h4 {
    color: #007BD0;
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
}

.benefit-section hr {
    background-color: #D1D5E9;
}

/*-- your-own-uk-postal-address --*/
.getting-your-parcels-section {
    background: #FAFBFF;
}

.getting-your-parcels-section .left-right-text-listing-area {
    background: transparent;
}

.icon-listing-text label {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    display: block;
    border-top: 1px solid #EEF1FA;
    padding-top: 15px;
    margin-top: 10px;
}

.contact-listing {
    background: #fff;
    border-radius: 16px;
    padding: 30px 25px;
}

.contact-listing ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-listing ul li {
    font-size: 18px;
    color: #000D4D;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    padding-left: 145px;
}

.contact-listing ul li:last-child {
    margin-bottom: 0;
}

.contact-listing ul li label {
    color: #6C7395;
    width: 145px;
    position: absolute;
    left: 0;
    top: 1px;
}

/*--====== Contact Us Page ======--*/
.standard-text-section h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #1B1C1E;
    margin-bottom: 30px;
}

.standard-text-section p {
    font-size: 18px;
    line-height: 24px;
    color: #4D4D4D;
}

.contact-address-text h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #1B1C1E;
}

.contact-form-box {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 8%);
    background: #fff;
}

.form-control-dark-outline {
    border-radius: 28px;
    border: 1px solid #B3B3B3;
    font-size: 16px;
    padding: 11px 22px;
    color: #212529;
}

.form-control-dark-outline::placeholder {
    color: #999999;
}

textarea.form-control.form-control-dark-outline {
    border-radius: 16px;
}

.contact-address-text h4 {
    color: #1B1C1E;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}

.contact-address-text p {
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.contact-address-text h5 {
    color: #1B1C1E;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}

.contact-address-text h6 {
    color: #1B1C1E;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}

.contact-label-icon {
    position: relative;
    padding-left: 30px;
}

.contact-label-icon .icon-call {
    position: absolute;
    left: 0;
}

.contact-label-icon .icon-faq {
    position: absolute;
    left: 0;
}

.contact-label-icon a {
    color: #007BD0;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.icon-call {
    background: url("../images/icon-call-blue.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icon-faq {
    background: url("../images/icon-faq-blue.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.img-fluid {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 7px;
}

.d-dropdown .select2-container--default .select2-selection--single {
    appearance: none;
    background: url(../images/icon-arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 35px;
    border-radius: 28px !important;
    border: 1px solid #B3B3B3;
    font-size: 16px;
    padding: 5px 15px;
    color: #8086A6;
    height: auto;
}

.d-dropdown .select2-container--open.select2-container--default .select2-selection--single {
    background: url(../images/icon-arrow-up-black.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.text-gray-9 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999;
}

.d-dropdown.md .select2-container--default .select2-selection--single {
    padding: 11px 15px;
}

.priority-dropdown .select2-container--default .select2-selection--single {
    appearance: none;
    background: url(../images/icon-down-solid.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 35px;
    border-radius: 28px !important;
    border: 1px solid #B3B3B3;
    font-size: 16px;
    padding: 11px 15px;
    color: #8086A6;
    height: auto;
}

.priority-dropdown .select2-container--open.select2-container--default .select2-selection--single {
    background: url(../images/icon-up-solid.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.d-dropdown .select2-container {
    /*width: 100% !important;*/
    display: block !important;
}

.priority-dropdown .select2-container {
    display: block !important;
}

.priority-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow,
.d-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.priority-dropdown .select2-container--default .select2-search--dropdown .select2-search__field,
.priority-dropdown .select2-dropdown {
    border-color: #EEF1FA;
}

.priority-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    color: #8086A6;
}

.priority-dropdown .select2-container--default .select2-results__option--selected,
.priority-dropdown .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.d-dropdown .select2-container--default .select2-results__option--selected,
.d-dropdown .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: url(../images/checked-on-blue.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    color: #1B1C1E;
}

.priority-dropdown.cuntry-src .select2-container--default .select2-results__option--selected,
.priority-dropdown.cuntry-src .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.d-dropdown.cuntry-src .select2-container--default .select2-results__option--selected,
.d-dropdown.cuntry-src .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: url(../images/icon-checkmark-checked.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    color: #1B1C1E;
    background-size: 15px auto;
}

.priority-dropdown .select2-results__option--selectable,
.d-dropdown .select2-results__option--selectable {
    background: url(../images/checked-off-blue.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    color: #666666;
}

.priority-dropdown.cuntry-src .select2-results__option--selectable,
.d-dropdown.cuntry-src .select2-results__option--selectable {
    background: none;
    background-repeat: no-repeat;
    background-position: right 15px center;
    color: #666666;
}

.priority-dropdown .select2-results li,
.d-dropdown .select2-results li {
    border-bottom: 1px solid #e5e6ed;
    padding: 10px 15px;
}

.priority-dropdown.normal .select2-results li,
.d-dropdown.normal .select2-results li {
    padding: 12px 15px;
    font-size: 14px;
}

.priority-dropdown .select2-results li:last-child,
.d-dropdown .select2-results li:last-child {
    border-bottom: 0;
}

.priority-dropdown .select2-dropdown,
.d-dropdown .select2-dropdown {
    border-radius: 16px;
    /*background: #f2f3f6;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);
    border: 1px solid #e5e6ed;*/
    background: #fff;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 8%);
    border: 1px solid #B3B3B3;
}

.priority-dropdown.normal .select2-dropdown,
.d-dropdown.normal .select2-dropdown {
    border: 1px solid #B3B3B3;
    background: #fff;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 8%);
}

.priority-dropdown.normal.cuntry-src .select2-dropdown,
.d-dropdown.normal.cuntry-src .select2-dropdown {
    border: 1px solid #E5E6ED;
    background: #fff;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 8%);
    border-radius: 24px;
}

.priority-dropdown .select2-dropdown.select2-dropdown--below {
    margin-top: 10px;
}

.priority-dropdown.normal .select2-dropdown.select2-dropdown--below {
    margin-top: 8px;
}

.d-dropdown .select2-dropdown.select2-dropdown--below {
    margin-top: 5px;
}

.icon-home {
    background: url(../images/icon-home.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 13px;
    display: inline-block;
}

.required-text {
    color: #DF2020;
}

/*--====== Modal Sign In ======--*/
.signin-dialog {
    max-width: 720px;
}

.signin-dialog.sm {
    max-width: 500px;
}

/* .signin-dialog .btn-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
} */
.signin-dialog .modal-content {
    border-radius: 16px;
    border: 0;
    min-height: 90vh;
}

.signin-dialog.sm .modal-content {
    min-height: auto;
}

.signin-dialog .modal-header {
    padding: 0;
    border: 0;
    width: 100%;
    margin: 0 auto;
}

.signin-dialog .modal-title {
    font-size: 32px;
    font-weight: 700;
    color: #1B1C1E;
    margin-bottom: 0;
    line-height: 40px;
}

.signin-dialog .modal-body {
    padding: 0;
    border: 0;
    max-width: 370px;
    margin: auto;
}

.signin-dialog .modal-body p {
    font-size: 16px;
    color: #666666;
}

.signin-dialog .form-control {
    border-radius: 20px;
    border: 1px solid #B2B6C9;
    font-size: 16px;
    padding: 7px 18px;
    color: #1B1C1E;
}

.signin-dialog .form-control::placeholder {
    color: #B3B3B3;
}

.rememberme-text .form-check {
    display: flex;
}

.rememberme-text .form-check-input {
    width: 12px;
    height: 12px;
    border-radius: 0;
    margin-right: 8px;
    border-color: #999999;
}

.rememberme-text .form-check-input.md {
    width: 15px;
    height: 15px;
}

.rememberme-text .form-check-input.lg {
    width: 18px;
    height: 18px;
}

.rememberme-text .form-check-input:checked {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

.rememberme-text .form-check-label {
    font-size: 14px;
    color: #666666;
}

.rememberme-text .form-check-label.md {
    position: relative;
    top: 2px;
}

.rememberme-text .form-check-label.dark {
    color: #666666;
}

.signin-dialog .form-group label {
    font-size: 14px;
    color: #1B1C1E;
}

.icon-google {
    background: url(../images/icon-google.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-hide-password {
    background: url(../images/icon-view-off-filled.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-hide-password-position.active .icon-hide-password {
    background: url(../images/icon-view-on-filled.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-rotate {
    background: url(../images/icon-rotate.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-hide-password-position {
    position: absolute;
    top: calc(52% - 0px);
    right: 15px;
}

.btn-outline-primary:hover .icon-google {
    filter: brightness(0) invert(1);
}

.btn-outline-primary:hover .icon-rotate {
    filter: brightness(0) invert(1);
}

.fa-facebook {
    font-size: 18px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.rotate-180 {
    transform: rotate(180deg);
}

.loding-dialog {
    max-width: 285px;
    margin: auto;
}

.loding-dialog .modal-content {
    border-radius: 16px;
    border: 0;
    min-height: 260px;
}

.loding-text-image {
    text-align: center;
}

.loding-text-image p {
    font-size: 14px;
}

.icon-loding {
    background: url(../images/icon-loding-animation.svg);
    width: 40px;
    height: 40px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.icon-loding.dark {
    filter: brightness(0.7);
}

@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.login-wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
}

.login-left-col {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    position: relative;
}

.login-left-col::after {
    background: linear-gradient(-133deg, #023576 0%, #017bd0 85%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -5;
}

.login-left-col-inner {
    max-width: 640px;
    margin: 0px 5px;
}

.login-right-col {
    width: 100%;
    display: flex;
    position: relative;
    background: linear-gradient(133deg, #023576 0%, #017bd0 85%);
    display: none;
}

.login-right-col-inner {
    max-width: 640px;
    margin: 150px auto 0px 30px;
}

.forgot-password-text {
    font-size: 14px;
}

/*--====== Sign Up Pages ======--*/
.signup-body {
    border-top: 2px solid #e0e3f0;
    position: relative;
    margin-top: 0px;
}

.signup-step-menu {
    border-bottom: 1px solid #e0e3f0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: auto;
}

.signup-nav-tab-close-box {
    width: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-signup-step {
    width: calc(100% - 68px);
    display: flex;
    justify-content: space-between;
    min-width: 575px;
}

.icon-close {
    background: url(../images/icon-close.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.notification-msg .icon-close {
    width: 12px;
    height: 12px;
    background-size: 100% auto;
}

.nav-signup-step .nav-item {
    width: 25%;
}

.signup-nav-link {
    border: 0;
    width: 100%;
    text-align: left;
    background: none;
    border-left: 2px solid #e0e3f0;
    padding: 8px 12px;
    position: relative;
    height: 100%;
}

.signup-nav-link:after {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background: #000D4D;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.signup-nav-link.active:after {
    width: 100%;
}

.signup-nav-link h4 {
    color: #999;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 8px;
}

.step-status {
    color: #B3B3B3;
    font-size: 12px;
    position: relative;
}

.signup-nav-link.active .step-status {
    color: #666E94;
}

.signup-nav-link.active h4 {
    color: #000D4D;
}

.dark-fild .form-control {
    border-radius: 20px;
    border: 1px solid #B3B3B3;
    font-size: 16px;
    padding: 7px 18px;
    color: #1B1C1E;
}

.dark-fild .form-control::placeholder {
    color: #B3B3B3;
}

.dark-fild .form-group label {
    color: #666;
}

.signup-form-cnt {
    max-width: 480px;
    margin: 0 auto;
}

.display-3 {
    font-size: 24px;
    color: #1B1C1E;
    font-weight: 600;
    line-height: 32px;
}

.display-4 {
    font-size: 18px !important;
    color: #1B1C1E;
    font-weight: 600;
    line-height: 24px;
}

sup.required-text {
    font-size: 14px;
    top: -2px;
}

.signup-form-address {
    max-width: 550px;
    margin: 0 auto;
}

.signup-address-box {
    background: #F2F8FD;
    border-radius: 16px;
    padding: 20px;
}

.signup-address-header {
    border-bottom: 1px solid #E5E6ED;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.signup-address-header .plan-box-icon {
    width: 64px;
    height: 64px;
}

.signup-address-header .plan-box-head-text {
    width: calc(100% - 64px);
    text-align: left;
    padding-left: 15px;
}

.signup-address-header .plan-box-head-text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.signup-address-header .plan-box-head-text h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #666;
}

.signup-address-header .plan-box-head-text p {
    color: #666;
}

.signup-address-header .plan-box-head-text p strong {
    font-weight: 600;
}

.address-row {
    position: relative;
    padding-left: 25px;
    border-bottom: 1px solid #E5E6ED;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.address-row .icon {
    position: absolute;
    left: 0;
    top: -4px;
}

.address-row h5 {
    color: #808080;
    font-size: 14px;
    margin-bottom: 4px;
}

.address-row h6 {
    color: #1B1C1E;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}

.address-row-wrap {
    justify-content: space-between;
}

.signup .header-section .border-bottom-2 {
    border-bottom: 0;
}

.icon-pass-step {
    width: 18px;
    height: 12px;
    background: url(../images/icon-checkmark.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 0;
}

.visited .signup-nav-link .icon-pass-step {
    opacity: 1;
}

.visited .signup-nav-link .step-status {
    color: #00BF5F;
}

.visited .signup-nav-link h4 {
    color: #000D4D
}

.step-status:after {
    position: relative;
    content: "Next";
}

.signup-nav-link.active .step-status:after {
    content: "Current";
}

.visited .signup-nav-link .step-status:after {
    content: "Complete";
}

.signup-form-cnt .select2-search__field,
.cuntry-src .select2-search__field {
    border: 1px solid #B3B3B3;
    border-radius: 30px;
    height: 40px;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 45px;
    padding-right: 20px;
    background: url(../images/icon-search.svg) #fff;
    background-repeat: no-repeat;
    background-position: left 15px center;
    width: calc(100% - 10px);
}

/*--====== Dashboard Pages ======--*/
.notification-btn {
    position: relative;
    text-decoration: none;
    margin-top: 5px;
}

.icon-user-notification {
    width: 20px;
    height: 23px;
    background: url(../images/icon-notification-gray.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.notification-no {
    min-width: 16px;
    min-height: 16px;
    background: #00BF5F;
    display: flex;
    color: #fff;
    font-size: 11px;
    align-items: center;
    justify-content: center;
    line-height: 16px;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -6px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}

.user-btn-signup {
    border-left: 1.5px solid #E5E5E5;
    padding-left: 20px;
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-right: 20px;
    min-width: 190px;
}

.profile-user-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #F79E88;
}

.profile-user-txt {
    width: calc(100% - 40px);
    padding-left: 12px;
    max-width: 160px;
}

.profile-user-txt h4 {
    font-size: 16px;
    color: #191919;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1;
}

.profile-user-txt h5 {
    font-size: 14px;
    color: #666E94;
    font-weight: 500;
    margin-bottom: 0;
}

.notification-msg {
    position: absolute;
    width: 315px;
    max-height: 385px;
    overflow: auto;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);
    border-radius: 8px;
    border-radius: 8px;
    right: -20px;
    top: 45px;
    display: none;
    inset: auto 0 auto auto !important;
    transform: unset !important;
}

.notification-msg h3 {
    color: #1B1C1E;
    font-size: 20px;
    font-weight: 600;
    padding: 24px 24px 15px;
    margin-bottom: 0;
}

.notification-msg ul {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
}

.notification-msg ul li {
    color: #858585;
    font-size: 14px;
    line-height: 24px;
    padding: 15px 24px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
}

.notification-msg ul li:last-child {
    padding-bottom: 30px;
    border-bottom: 0;
}

.notification-msg .icon-close {
    position: absolute;
    left: calc(100% - 40px);
    top: 30px;
    cursor: pointer;
}

.notification-msg {
    /*max-height: calc(100vh - 190px);*/
    overflow: auto;
    scrollbar-color: #E5E5E5 #fff;
    scrollbar-width: thin;
}

.notification-msg::-webkit-scrollbar {
    width: 15px;
}

.notification-msg::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff;
}

.notification-msg::-webkit-scrollbar-thumb {
    background: #E5E5E5;
    border-radius: 10px;
    border: 5px solid #fff;
}

.notification-msg::-webkit-scrollbar-thumb:hover {
    background: #E5E5E5;
    visibility: visible;
}

.user-btn-down-arrow {
    width: 15px;
    height: 10px;
    background: url(../images/icon-down-gray.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    cursor: pointer;
}

.up .user-btn-down-arrow {
    transform: rotate(-180deg);
}

.notification-click {
    cursor: pointer;
}

.user-profile-menu {
    position: absolute;
    width: 220px;
    max-height: 385px;
    overflow: auto;
    border: 1px solid #e5e5ed;
    background: #f2f3f6;
    border-radius: 8px;
    right: -20px;
    top: 50px;
    display: none;
}

.user-profile-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.user-profile-menu ul li {
    display: block;
}

.user-profile-menu ul li:last-child {
    border-top: 1px solid #e5e5ed;
}

.user-profile-menu ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    text-decoration: none;
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.user-profile-menu ul li:first-child {
    padding-top: 5px;
}

.user-profile-menu ul li:last-child {
    padding-bottom: 5px;
}

.user-profile-menu ul li:hover a {
    background: #fff;
}

.user-profile-menu ul li a i {
    margin-right: 10px;
}

.menu-icon-profile {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-user.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-billing {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-money.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-addresses {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-location.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-notification {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-notification.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-coupons-rewards {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-tag.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-premium-features {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-text-mining.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-logout {
    width: 16px;
    height: 16px;
    background: url(../images/menu-icon-logout.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.deshboard-section-top {
    background: #F2F8FD;
    border-radius: 16px;
    padding: 50px 35px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-adress-map {
    width: 315px;
    position: relative;
}

.country-point {
    position: absolute;
    width: 50px;
    height: 99px;
    top: 12px;
    right: 64px;
}

.country-point img {
    width: 100%;
}

.deshboard-adress-dropdown-col {
    width: calc(100% - 740px);
    padding: 0 40px;
}

.dashboard-useful-info-col {
    width: 425px;
    border-left: 1px solid #CCCFDB;
    padding-left: 40px;
}

.info-title-1,
.info-title-mobile {
    font-size: 18px;
    color: #1B1C1E;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
}

.info-title-1:after,
.info-title-mobile:after {
    position: absolute;
    content: "";
    background: url(../images/icon-info-green-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
}

.dashboard-useful-info-list {
    list-style: decimal-leading-zero;
    margin: 0 0 20px 0;
    padding: 0 0 0 22px;
}

.dashboard-useful-info-list li {
    font-size: 12px;
    line-height: 16px;
    color: #000D4D;
    margin-bottom: 15px;
    padding-left: 5px;
}

.dashboard-address-list .address-row {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dashboard-address-list .address-row-outer {
    background: #fff;
    margin-bottom: 4px;
    padding: 10px 12px 15px;
}

.dashboard-address-list .address-row-outer:first-child {
    border-radius: 8px 8px 0 0;
}

.dashboard-address-list .address-row-outer:last-child {
    border-radius: 0 0 8px 8px;
}

.dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-selection--single {
    border: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #1B1C1E;
    padding: 0;
}

.dashboard-loc-dropdown .img-fluid {
    width: 28px;
    height: 20px;
    border-radius: 0;
    margin-right: 7px;
}

.dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1B1C1E;
}

.dashboard-loc-dropdown {
    margin-bottom: 20px;
}

.dashboard-loc-dropdown .priority-dropdown .select2-dropdown,
.dashboard-loc-dropdown .d-dropdown .select2-dropdown {
    box-shadow: none;
}

.dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-results__option--selected,
.dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: url(../images/icon-checkmark.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    color: #1B1C1E;
}

.dashboard-loc-dropdown .priority-dropdown .select2-results__option--selectable,
.dashboard-loc-dropdown .d-dropdown .select2-results__option--selectable {
    background: none;
    color: #666666;
}

.dashboard-loc-dropdown .priority-dropdown .select2-results li {
    padding: 15px;
}

.dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-selection--single {
    background-position: right 20px center
}

.dashboard-loc-dropdown .priority-dropdown .select2-container {
    width: 255px !important;
}

/*----Dashboard-tabs----*/
.icon-package-inbox {
    width: 24px;
    height: 24px;
    background: url(../images/icon-package-inbox.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(3) invert(1);
}

.icon-package-outbox {
    width: 24px;
    height: 24px;
    background: url(../images/icon-package-outbox.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(3) invert(1);
}

.icon-buy-for-me {
    width: 24px;
    height: 24px;
    background: url(../images/icon-buyfor-me.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(3) invert(1);
}

.icon-ship-sm {
    width: 16px;
    height: 16px;
    background: url(../images/icon-delivery-parcel-sm.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-consolidate-sm {
    width: 16px;
    height: 16px;
    background: url(../images/icon-package-sm.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-package-resize-sm {
    width: 16px;
    height: 16px;
    background: url(../images/reduce-parcel-sm.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-package-photos {
    width: 16px;
    height: 16px;
    background: url(../images/icon-image-sm.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-package-inspect {
    width: 16px;
    height: 16px;
    background: url(../images/icon-package-inspect-sm.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-special-request {
    width: 16px;
    height: 16px;
    background: url(../images/icon-request-quote-sm.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-delete {
    width: 16px;
    height: 16px;
    background: url(../images/icon-trash-can.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-down-arrow-short {
    width: 16px;
    height: 10px;
    background: url(../images/icon-down-arow-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 7px;
}

.dashboard-ship-table {
    width: 100%;
}

.dashboard-ship-table .db-nav-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #B3B3B3;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item {
    width: 25%;
    position: relative;
    cursor: pointer;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item .nav-link {
    padding: 5px 15px 15px;
    font-size: 16px;
    color: #B3B3B3;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item .nav-link::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background: #1A88D5;
    left: 0;
    bottom: -1px;
}

.dashboard-ship-table .db-nav-tabs .notify {
    position: absolute;
    right: 11px;
    background: #E5E5E5;
    font-size: 11px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #1B1C1E;
    line-height: 15px;
    top: 0;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item .nav-link.active .notify {
    background: #1A88D5;
    color: #fff;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item .nav-link.active {
    color: #191919;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item .nav-link.active::after {
    width: 100%;
}

.dashboard-ship-table .db-nav-tabs .db-nav-item .nav-link.active i {
    filter: brightness(10) invert(1);
}

.dashboard-ship-filter-table {
    width: calc(100% - 0px);
    margin-top: 35px;
}

.dashboard-ship-filter-table .db-filter-nav-tabs {
    margin: 0;
    padding: 0 35px 0 0;
    list-style: none;
    border-bottom: 1px solid #B3B3B3;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item {
    width: 20%;
    position: relative;
    cursor: pointer;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link {
    padding: 15px;
    font-size: 16px;
    color: #B3B3B3;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    text-align: center;
    justify-content: center;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background: #1A88D5;
    left: 0;
    bottom: -1px;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .notify {
    background: #E5E5E5;
    font-size: 11px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #1B1C1E;
    line-height: 15px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link.active .notify {
    background: #1A88D5;
    color: #fff;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link.active {
    color: #191919;
}

.dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link.active::after {
    width: 100%;
}

.shiping-option-table-head {
    display: flex;
    align-items: center;
    background: #F2F2F2;
    margin-top: 25px;
    border-radius: 8px 8px 0 0;
}

.shiping-option-table-body {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.table-sort-first-col-head {
    width: 180px;
    display: flex;
    padding: 15px 15px 12px;
    align-items: center;
}

.table-sort-mid-col-head {
    width: 166px;
    padding: 15px 15px 12px;
    display: flex;
    align-items: center;
}

.table-sort-last-col-head {
    width: calc(100% - 580px);
    padding: 15px 15px 12px;
}

.table-sort-first-col {
    width: 180px;
    display: flex;
    padding: 15px 15px 12px;
    align-items: center;
}

.table-sort-mid-col {
    width: 166px;
    padding: 15px 12px 15px;
    display: flex;
    align-items: center;
}

.table-sort-last-col {
    width: calc(100% - 512px);
    padding: 15px 10px 12px;
}

.form-check-input.box-check-input {
    border: 2px solid #999999;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
}

.form-check-input.box-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.shiping-option-table-head .text {
    color: #8086A6;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.table-sort-last-col {
    display: flex;
    flex-wrap: wrap;
}

.actions-box:last-child {
    margin-right: 0;
}

.actions-box {
    background: #E5E6ED;
    border-radius: 4px;
    margin-right: 4px;
    width: 100px;
    font-size: 12px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.actions-box:hover {
    background: #d3d4db;
}

.actions-box a {
    text-decoration: none;
    color: #000D4D;
    display: block;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 7px 0;
    min-height: 56px;
}

.actions-box.sm a {
    min-height: 40px;
}

.actions-box a span {
    width: 100%;
}

.actions-box.delete {
    width: 56px;
    height: 56px;
}

.actions-box.delete.sm {
    width: 40px;
    height: 40px;
}

.actions-box-full {
    background: #E5E6ED;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.actions-box-full a {
    text-decoration: none;
    color: #000D4D;
    display: block;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 7px 0;
    min-height: 48px;
}

.shiping-option-table-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.shiping-option-table-body ul li {
    width: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #f3f3f3;
    transition: all 0.3s ease-in-out;
}

.shiping-option-table-body ul li:last-child {
    border-bottom: 0;
}

/*.shiping-option-table-body ul li:hover {
    background: #F2F8FD;
}*/
.shiping-option-table-body ul li:hover .table-sort-mid-col .text {
    color: #000;
}

.sort-id {
    text-decoration: none;
    font-size: 16px;
    color: #1A88D5;
    cursor: pointer;
}

a.sort-id {
    color: #1A88D5;
}

.table-sort-mid-col .text {
    font-size: 16px;
    color: #333;
}

.search-filter {
    border: 1px solid #B3B3B3;
    border-radius: 20px;
    font-size: 14px !important;
    padding-left: 35px !important;
}

.db-search-filter {
    position: relative;
}

.db-search-filter::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/icon-search.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    top: calc(50% - 8px);
    left: 12px;
}

.db-pagenation ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    list-style: none;
}

.db-pagenation ul li {
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    font-size: 14px;
    border: 1px solid transparent;
    margin: 5px 6px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.db-pagenation ul li.prv-nav {
    border: 1px solid #B3B3B3;
}

.db-pagenation ul li.next-nav {
    border: 1px solid #B3B3B3;
}

.db-pagenation ul li.active {
    border: 1px solid #CCE5F6;
    background: #CCE5F6;
    color: #007BD0;
}

.db-pagenation ul li a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.db-pagenation ul li:hover {
    border: 1px solid #007BD0;
}

.db-pagenation ul li:hover a {
    color: #007BD0;
}

.icon-prv-nav {
    width: 6px;
    height: 10px;
    background: url(../images/nav-arrow-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    transform: rotate(180deg);
}

.icon-next-nav {
    width: 6px;
    height: 10px;
    background: url(../images/nav-arrow-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
}

.db-pagenation ul li:hover a .icon-prv-nav {
    filter: none;
}

.db-pagenation ul li:hover a .icon-next-nav {
    filter: none;
}

.shorting-arrow {
    width: 12px;
    height: 10px;
    background: url(../images/icon-short-down.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    left: 2px;
    cursor: pointer;
}

.shorting-arrow.up {
    background: url(../images/icon-short-up.svg);
}

.shorting-arrow-txt {
    width: 12px;
    height: 12px;
    background: url(../images/icon-short-text-down.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    left: 2px;
    cursor: pointer;
}

.shorting-arrow-txt.up {
    background: url(../images/icon-short-text-up.svg);
}

.show-opt-dropdown .form-control {
    width: 75px;
    background-position: right 15px center;
}

.show-opt-dropdown span {
    font-size: 14px;
    font-weight: 500;
    color: #1B1C1E;
}

.actions-box.no-link {
    filter: grayscale(1);
}

.actions-box.no-link i {
    filter: brightness(10) invert(1);
}

.actions-box.no-link a span {
    opacity: 0.8;
}

.shiping-option-table-body ul li.selected {
    background: #F2F8FD;
}

.shiping-option-table-shoting-msg {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    padding: 12px 0;
    display: none;
}

.shiping-option-table-shoting-msg p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.shiping-option-table-shoting-msg a {
    color: #007BD0 !important;
    font-weight: 500;
}

.empty-tab {
    background: url(../images/empty-box.svg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 800px;
    margin: 0 auto;
    padding-top: 150px;

}

.empty-tab-content {
    background: rgba(242, 243, 246, 0.7);
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    padding: 65px 72px;
}

.empty-tab-content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    color: #1B1C1E;
}

.empty-tab-content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    color: #1B1C1E;
}

.db-package-details {
    display: none;
    width: 100%;
}

.shiping-option-table-body ul li.bg {
    background: #F2F8FD;
}

.shiping-option-table-body ul li.bg .icon-down-arrow-short {
    transform: rotate(180deg);
}

.shiping-option-table-body ul li.bg .short-id-txt:after {
    transform: rotate(180deg);
}

/* .gallery-item-slider-main {
    position: relative;
    padding-bottom: 79%;
    border-radius: 16px;
    overflow: hidden;
}
.gallery-item-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.gallery-item { min-width: 100%;}
.slick-track { min-width: 100%;}
.gallery-nav-item { width: 105px !important; height: 97px;} */

.img-big-thum {
    position: relative;
    padding-bottom: 79%;
    border-radius: 16px;
    overflow: hidden;
}

.img-big-thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.img-thum {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.img-thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.icon-track {
    width: 16px;
    height: 16px;
    background: url(../images/icon-location-simple.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-sender {
    width: 16px;
    height: 16px;
    background: url(../images/icon-map-center.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-report {
    width: 16px;
    height: 16px;
    background: url(../images/icon-warning-filled.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-extend {
    width: 16px;
    height: 16px;
    background: url(../images/icon-add-filled.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-return {
    width: 16px;
    height: 16px;
    background: url(../images/icon-return.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.package-dtl-head {
    width: 100%;
}

ul.package-dtl-head-listing {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

ul.package-dtl-head-listing li {
    border-right: 1px solid #CCCCCC;
    width: 100%;
    border-bottom: 0px;
    margin-right: 24px;
    background: none;
}

ul.package-dtl-head-listing li.report-li {
    border-right: 0px;
    width: 18%;
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
}

ul.package-dtl-head-listing li h6 {
    font-size: 14px;
    line-height: 16px;
    color: #808080;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

ul.package-dtl-head-listing li h6 .icon {
    width: 22px;
}

ul.package-dtl-head-listing li label {
    margin-left: 22px;
    font-weight: 500;
    color: #1B1C1E;
}

.progress-mg {
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    background: #B2ECCF;
    padding: 6px 15px;
    border-radius: 6px;
}

.on-way-mg {
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    background: #FEE1A4;
    padding: 6px 15px;
    border-radius: 6px;
}

ul.package-cnt-listing {
    border-top: 1px solid #E5E5E5;
    padding-top: 30px;
}

ul.package-cnt-listing li {
    border-bottom: 0;
    display: block;
    padding-bottom: 22px;
    background: none;
}

ul.package-cnt-listing li h3 {
    font-size: 16px;
    font-weight: 600;
    color: #191919;
    margin-bottom: 7px;
}

ul.package-cnt-listing li p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

ul.package-cnt-listing li h6 {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.package-cnt-listing .form-control-dark-outline {
    padding: 11px 16px;
}

.package-cnt .loading-data.sm {
    font-size: 12px;
    margin-bottom: 0;
}

.package-cnt hr {
    margin: 10px 0;
}

.db-package-details .btn:hover i {
    filter: brightness(0) invert(1);
}

.db-package-details textarea.form-control::placeholder {
    color: #191919;
}

.gallery-slider-nav .slick-track {
    margin-left: 0px;
    margin-right: -4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.gallery-slider-nav .gallery-nav-item {
    padding-left: 4px;
    padding-right: 4px;
}

.gallery-nav-item.slick-current .img-thum {
    box-shadow: 0px 0 4px rgba(0, 0, 0, 0.28);
}

.gallery-nav-item.slick-current .img-thum img {
    border: 4px solid #fff;
    border-radius: 8px;
}

.short-id-txt {
    position: relative;
}

.short-id-txt:after {
    position: absolute;
    content: "";
    width: 13px;
    height: 8px;
    background: url("../images/icon-down-arrow.svg");
    display: inline-block;
    transition: all 0.3s ease-in-out;
    right: -25px;
    top: calc(50% - 4px);
}


.db-sec-nav-wrap::-webkit-scrollbar,
.db-fst-nav-wrap::-webkit-scrollbar {
    width: 2px;
}

.db-sec-nav-wrap::-webkit-scrollbar-track,
.db-fst-nav-wrap::-webkit-scrollbar-track {
    border-radius: 2px;
    background: transparent;
}

.db-sec-nav-wrap::-webkit-scrollbar-thumb,
.db-fst-nav-wrap::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 2px;
    border: 1px solid transparent;
}

.db-sec-nav-wrap::-webkit-scrollbar-thumb:hover,
.db-fst-nav-wrap::-webkit-scrollbar-thumb:hover {
    background: transparent;
    visibility: visible;
}

.db-sec-nav-wrap::-webkit-scrollbar,
.db-fst-nav-wrap::-webkit-scrollbar,
.faq-tab-menu::-webkit-scrollbar,
.categories-cnt-list-scroll::-webkit-scrollbar,
.upgrade-modal .modal-body::-webkit-scrollbar,
.signup-step-menu::-webkit-scrollbar {
    display: none;
}

.db-sec-nav-wrap,
.db-fst-nav-wrap,
.faq-tab-menu,
.categories-cnt-list-scroll,
.upgrade-modal .modal-body,
.signup-step-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/*--====== Return to sender Pages ======--*/
.order-summary-right-section {
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    padding: 24px;
}

.order-summary-title {
    border-bottom: 1px solid #E5E5E5;
}

.order-summary-title h2 {
    font-size: 20px;
    line-height: 24px;
}

.order-summary-content {
    color: #808080;
    font-size: 16px;
    line-height: 24px;
}

.order-summary-content strong {
    font-weight: 500;
    color: #1B1C1E;
}

.icon-arrow-down-black {
    background: url(../images/icon-arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 10px;
    display: inline-block;
    transform: rotate(180deg);
    opacity: 0.5;
}

.order-summary-content .dark {
    color: #1B1C1E;
    font-size: 16px;
}

.order-summary-content .dark strong {
    font-weight: 600;
}

.collapsed .icon-arrow-down-black {
    transform: rotate(0deg);
}

.collapsed.show .icon-arrow-down-black {
    transform: rotate(180deg);
}

.form-check-input[type=radio] {
    border-radius: 50%;
    height: 24px;
    margin-left: 25px;
    width: 24px;
    background: transparent;
    border: 2px solid #CCCFDB;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
}

.form-check-input.sm[type=radio] {
    border-radius: 50%;
    height: 14px;
    margin-left: 23px;
    width: 14px;
    background: transparent;
    border: 1px solid #999999;
    margin-top: 3px;
    margin-bottom: 0;
}

.form-check-input[type=radio]:checked {
    background: #1A88D5;
    background-position: 50%;
    background-repeat: no-repeat;
    border-color: #1A88D5;
    box-shadow: inset 0px 0px 0px 5px #fff;
}

.form-check-input.sm[type=radio]:checked {
    background: #1A88D5;
    background-position: 50%;
    background-repeat: no-repeat;
    border-color: #1A88D5;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.shipping-method-option .form-check {
    padding: 0;
    margin: 0 0 8px 0;
}

.shipping-method-option-box {
    border: 1px solid #CCCFDB;
    border-radius: 16px;
    background: #F2F8FD;
    padding: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.shipping-method-option-box.radio-checked {
    border-color: #1A88D5;
}

.shipping-method-option-box.white-bg.radio-checked {
    background: #F2F8FD;
}

.form-check-label-logo-lg {
    width: 104px;
    height: 56px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.white-bg .form-check-label-logo-lg {
    background: #F2F3F6;
}

/* .white-bg.radio-checked .form-check-label-logo-lg {background: #ffffff;} */
.form-check-label-logo-sm {
    width: 58px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.shipping-option-left {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.shipping-option-right {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.shipping-option-right span {
    color: #1B1C1E;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.shipping-method-option-box .form-check-label {
    margin-left: 15px;
    color: #1B1C1E;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.shipping-method-option-box .form-check-label h5 {
    color: #808080;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.shipping-method-option-box .form-check-label.sm {
    margin-left: 15px;
    color: #1B1C1E;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.shipping-method-option-box .form-check-label.sm .wallet-balence {
    background: #B2ECCF;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 3px 10px 4px;
    border-radius: 15px;
    margin-left: 0px;
    margin-top: 5px;
    display: block;
}

.gray-txt {
    color: #B3B3B3;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
}

.relative-file {
    position: relative;
}

.relative-file [type="file"] {
    position: absolute;
    top: 0;
    left: calc(50% - 46px);
    opacity: 0;
    height: 100%;
    width: 92px;
    cursor: pointer;
}

.drop-prepaid-area .relative-file [type="file"] {
    padding-top: 35px;
}

.drop-prepaid-area {
    background: #F2F3F6;
    border-radius: 12px;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: dashed;
    text-align: center;
    height: 218px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.drop-prepaid-area p {
    font-size: 12px;
    color: #1B1C1E;
    line-height: 16px;
    margin-bottom: 0;
}

.icon-upload-box {
    background: rgba(255, 255, 255, 0.5);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    /*cursor: pointer;*/
}

.icon-upload-up {
    background: url(../images/icon-upload-up.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.breadcrumb-section.deshboard-bd {
    background: no-repeat;
    border: none;
}

.order-successfully-container {
    padding: 55px 0;
}

.order-successfully-box {
    max-width: 405px;
    margin: auto;
    text-align: center;
}

.icon-success {
    width: 95px;
    height: 95px;
    background: url(../images/icon-success.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    display: inline-block;
}

.order-successfully-box p {
    color: #666;
}

/*--requires-attention--*/
.requires-msg {
    background: #F5BCBC;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 12px;
    border-radius: 5px;
}

/*--In Progress--*/
.progress-msg {
    background: #FEE1A4;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 12px;
    border-radius: 5px;
}

.icon-cancel-package-sm {
    width: 16px;
    height: 16px;
    background: url(../images/icon-cancel-package.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.ready-to-ship-msg {
    background: #B2ECCF;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 12px;
    border-radius: 5px;
}

.pending-msg {
    background: #E5E5E5;
    color: #1B1C1E;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 12px;
    border-radius: 16px;
}

.used-msg {
    background: #E5E5E5;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 12px;
    border-radius: 5px;
}

/*--Requires attention--*/
.dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item {
    width: 22%;
    background: none;
}

.dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link {
    width: 100%;
}

.requires-attention-tab p {
    color: #666;
    line-height: 24px;
}

.requires-attention-tab .priority-dropdown .select2-container--default .select2-selection--single {
    background-color: #fff;
}

.order-summary-footer {
    border-top: 1px solid #808080;
    padding-top: 30px;
    margin-top: 25px;
}

.order-summary-footer span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #1B1C1E;
}

.order-summary-footer strong {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #1B1C1E;
}

.order-summary-footer .form-check-label {
    font-size: 16px;
    color: #1B1C1E;
}

.order-summary-footer .form-check-label a {
    color: #007BD0;
    text-decoration: none;
}

.outstanding-feeds p {
    color: #666;
    line-height: 24px;
}

ul.outstanding-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.outstanding-list li {
    border-bottom: 2px dashed #CCCFDB;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    flex-wrap: wrap;
    background: none;
}

ul.outstanding-list li span {
    width: 50%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
}

ul.outstanding-list li label {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1B1C1E;
}

.order-summary-content h6 {
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    color: #808080 !important;
}

/*-- Shipments --*/
.icon-tarck {
    width: 16px;
    height: 16px;
    background: url(../images/icon-tarck.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

ul.outstanding-list.lg li:last-child {
    border-bottom: 0;
}

ul.outstanding-list.lg li span {
    width: 35%;
}

.checkout-3col-table h4 {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

.checkout-3col-table h5 {
    color: #1B1C1E;
    font-size: 16px;
    font-weight: 500;
}

.border-top-1 {
    border-top: 1px solid #E5E6ED;
}

.loading-data {
    display: none;
}

.loading-data-show {
    display: inline-block;
}

.loading-area {
    min-width: 75%;
}

.loading-bg {
    background: #E5E5E5;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 20px;
    border-radius: 4px;
}

.loading-bg-inline {
    background: #E5E5E5;
    display: inline-block;
    width: auto;
    height: 100%;
    min-height: 20px;
    border-radius: 4px;
}

.loading-bg-img {
    background: #E5E5E5;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.loading-bg-inline span {
    opacity: 0;
}

.btn.disabled,
.btn:disabled {
    filter: grayscale(1);
    /* filter: brightness(3) invert(0.5); */
}

/*---Dashboard Menu---*/
.icon-menu-home {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-home.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-menu-buy-for-me {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-buy-for-me.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-menu-pricing {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-pricing.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-menu-services {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-services.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-menu-faq {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-faq.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-menu-contact {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-contact.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-menu-logout {
    width: 24px;
    height: 24px;
    background: url(../images/icon-menu-logout.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-icon-bx {
    width: 24px;
    height: 24px;
    position: relative;
}

.menu-icon-bx img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    filter: contrast(0.5);
}

.user-menu-down-icon.show .icon-down-arrow-short {
    transform: rotate(180deg);
}

.shipping-method-option-box.sm .shipping-option-left {
    width: 50%;
}

.shipping-method-option-box.sm .shipping-option-right {
    width: 50%;
}

.shipping-method-option-box.sm .form-check-label {
    font-size: 16px;
    font-weight: 600;
}

.shipping-method-option-box.sm .shipping-option-right span {
    font-size: 18px;
    font-weight: 700;
}

.shipping-method-option-box.sm .form-check-input[type=radio] {
    margin-left: 12px;
}

.shipping-method-option-box.sm {
    background: #fff;
}

.shipping-method-option-box.sm.radio-checked {
    background: #F2F8FD;
}

.icon-save {
    width: 16px;
    height: 16px;
    background: url(../images/icon-checkmark.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    filter: brightness(0) invert(1);
}

/*--- Account Profile ---*/
.additional-box {
    background: #F2F5F8;
    border-radius: 16px;
}

.profile-avatar-box {
    position: relative;
}

.profile-avatar-box-img {
    position: relative;
    padding-bottom: 128px;
    width: 128px;
    border-radius: 50%;
    overflow: hidden;
}

.profile-avatar-box-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.upload-relative-file {
    position: relative;
}

.upload-relative-file [type="file"] {
    position: absolute;
    top: 0;
    left: calc(50% - 46px);
    opacity: 0;
    height: 100%;
    width: 92px;
    cursor: pointer;
}

.mobile-upload-relative-file {
    position: relative;
}

.mobile-upload-relative-file [type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.icon-edit {
    width: 24px;
    height: 24px;
    background: url(../images/icon-edit.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-edit.sm {
    width: 16px;
    height: 16px;
    background-size: 100% auto;
}

.profile-avatar-edit {
    width: 40px;
    height: 40px;
    border: 1px solid #4DA3DE;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F8FD;
    position: absolute;
    bottom: -5px;
    right: 0;
    padding-top: 3px;
    cursor: pointer;
    overflow: hidden;
}

.profile-avatar-edit .upload-relative-file [type="file"] {
    height: 40px;
    padding-left: 40px;
    left: -8px;
    top: -8px;
}

.offer-msg {
    background: rgba(0, 191, 95, 0.05);
    border-radius: 8px;
}

a.remove-link {
    text-decoration: none;
    color: #666;
}

/*--- Account Billing ---*/
.active-plan-btn {
    border: 1px solid #00B79D;
    color: #00B79D;
    font-size: 12px;
    font-weight: 500;
    background: #E5F8F5;
    border-radius: 16px;
    padding: 1px 15px;
}

.billing-card-dtl-box .gray-txt {
    color: #1B1C1E;
    font-weight: 600;
    font-size: 16px;
}

.billing-card-dtl-box h6 {
    color: #808080;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 4px;
}

.billing-card-dtl-box .shipping-option-left {
    align-items: flex-start;
    width: 85%;
}

.billing-card-dtl-box .shipping-option-right {
    width: 15%;
}

.billing-card-dtl-box .shipping-method-option-box {
    align-items: flex-start;
    background: #fff;
}

.billing-card-dtl-box .shipping-method-option-box.radio-checked {
    background: #F2F8FD;
}

.billing-card-dtl-box .form-check-label-logo-sm {
    background: #F2F3F6;
}

.billing-card-dtl-box .shipping-method-option-box.radio-checked .form-check-label-logo-sm {
    background: #fff;
}

.text-gray-9 {
    color: #999999;
}

.icon-addmore-box {
    border: 1px solid #CCCFDB;
    width: 100%;
    height: calc(100% - 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    margin-bottom: 8px;
    min-height: 120px;
}

.icon-add-more {
    width: 29px;
    height: 29px;
    background: url(../images/icon-add-more.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-info-gray {
    width: 22px;
    height: 22px;
    background: url(../images/icon-info-gray.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.secondary-msg-box {
    background: #F2F2F2;
    color: #191919;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    border-radius: 8px;
}

.warning-msg-box {
    background: rgba(232, 157, 0, 0.1);
    color: #191919;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    border-radius: 8px;
}

.danger-msg-box {
    background: rgba(223, 32, 32, 0.1);
    color: #191919;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    border-radius: 8px;
}

.secondary-msg-box a,
.warning-msg-box a,
.danger-msg-box a {
    font-weight: 600;
}

.icon-pdf {
    width: 24px;
    height: 24px;
    background: url(../images/icon-pdf.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-download {
    width: 16px;
    height: 16px;
    background: url(../images/icon-download.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-download.white {
    filter: brightness(0) invert(1);
}

.btn-outline-primary:hover .icon-download,
.btn-outline-primary:focus .icon-download {
    filter: brightness(0) invert(1);
}

ul.payment-history-menu {
    margin: 0;
    padding: 0 0px 0 0;
    list-style: none;
    display: flex;
    border-bottom: 1px solid #B3B3B3;
}

ul.payment-history-menu li {
    width: 50%;
}

ul.payment-history-menu li a {
    padding: 15px 10px;
    font-size: 16px;
    color: #B3B3B3 !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    height: 100%;
}

ul.payment-history-menu li a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background: #1A88D5;
    left: 0;
    bottom: -1px;
}

ul.payment-history-menu li a.active::after {
    width: 100%;
}

ul.payment-history-menu li a.active {
    color: #191919 !important;
}

.payment-history-head {
    border: 1px solid #E5E5E5;
    border-radius: 12px 12px 0 0;
    padding: 20px;
}

.payment-packages .shiping-option-table-head,
.payment-additional-requests .shiping-option-table-head,
.referral-history .shiping-option-table-head,
.reward-history .shiping-option-table-head {
    border-radius: 0;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.date-picker {
    position: relative;
}

.date-picker::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/icon-calendar.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    top: calc(50% - 12px);
    left: 17px;
}

.date-picker .form-control {
    padding-left: 50px !important;
}

.left-1_5 {
    left: 15px !important;
}

.bg-light-blue-300 {
    background: #F2F8FD !important;
}

.border-radius-2 {
    border-radius: 16px;
}

.text-label-style p {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1;
}

.text-label-style h5 {
    color: #1B1C1E;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: p0x;
}

.text-red {
    color: #DF2020 !important;
}

.billing-radio-text {
    width: calc(100% - 40px);
    font-size: 16px;
    line-height: 24px;
    color: #1B1C1E;
}

/*-- modal dropdown --*/
.payment-method-group-dropdown .select2-container--default .select2-selection--single {
    appearance: none;
    background: url(../images/icon-arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 35px;
    border-radius: 16px !important;
    border: 1px solid #4D4D4D;
    font-size: 16px;
    padding: 20px 20px 20px 12px;
    color: #191919;
    font-weight: 500;
    height: auto;
}

.payment-method-group-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.card-img-fluid-box {
    width: 60px;
    height: 40px;
    background: #F2F3F6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-right: 10px;
}

.card-img-fluid-box img {
    max-width: 100%;
}

.payment-method-group-dropdown .select2-container--default .select2-search--dropdown .select2-search__field,
.payment-method-group-dropdown .select2-dropdown {
    border-color: #EEF1FA;
}

.payment-method-group-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    color: #191919;
}

.payment-method-group-dropdown .select2-results li {
    border-bottom: 1px solid #e5e6ed;
    padding: 10px 15px;
}

.payment-method-group-dropdown .select2-results li:first-child {
    border-radius: 10px 10px 0 0;
}

.payment-method-group-dropdown .select2-results li:last-child {
    border-bottom: 0;
    border-radius: 0 0 10px 10px;
}

.payment-method-group-dropdown .select2-dropdown {
    border: 1px solid #e5e6ed;
    border-radius: 16px;
    background: #f2f3f6;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);
}

.payment-method-group-dropdown .select2-container--default .select2-results__option--selected {
    background: #F2F3F6;
    color: #191919;
}

.payment-method-group-dropdown .select2-results li .card-img-fluid-box {
    background: #fff;
}

.text-style-sec {
    color: #1B1C1E;
    font-size: 16px;
    line-height: 24px;
}

/*-- Coupons & Rewards --*/
.coupons-rewards-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #B3B3B3;
    display: flex;
    flex-wrap: wrap;
}

.coupons-rewards-menu ul li {
    width: 21%;
    position: relative;
    cursor: pointer;
}

.coupons-rewards-menu ul li a {
    padding: 5px 15px 15px;
    font-size: 16px;
    color: #B3B3B3;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
}

.coupons-rewards-menu ul li a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background: #1A88D5;
    left: 0;
    bottom: -1px;
}

.coupons-rewards-menu ul li a.active::after {
    width: 100%;
}

.coupons-rewards-menu ul li a.active {
    color: #191919;
}

.coupons-box-wrap {
    border: 1px solid #CCCFDB;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
}

.coupons-offer {
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coupons-box-text-cnt {
    width: calc(100% - 112px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 20px 35px 30px;
    border-left: 1px dashed #E5E5E5;
}

.coupons-offer h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1B1C1E;
    margin-bottom: 5px;
}

.coupons-offer h5 {
    font-size: 18px;
    font-weight: 600;
    color: #1B1C1E;
    margin-bottom: 0px;
}

.coupons-boc-text h3 {
    font-size: 18px;
    line-height: 24px;
    color: #1B1C1E;
    font-weight: 600;
    margin-bottom: 5px;
}

.coupons-boc-text p {
    font-size: 14px;
    line-height: 16px;
    color: #808080;
    font-weight: 400;
}

.icon-active-coupons {
    width: 24px;
    height: 24px;
    background: url(../images/icon-coupons-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-referrals {
    width: 24px;
    height: 24px;
    background: url(../images/icon-referrals-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-rewards {
    width: 24px;
    height: 24px;
    background: url(../images/icon-rewards-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.gray-icon {
    filter: brightness(2) grayscale(1);
}

.coupons-rewards-menu ul li a.active .gray-icon {
    filter: brightness(1) grayscale(0);
}

.coupons-rewards-menu::-webkit-scrollbar {
    display: none;
}

.coupons-rewards-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.coupons-boc-text {
    width: 100%;
    padding-right: 20px;
}

.notify-amount {
    font-size: 14px;
    font-weight: 500;
    background: #1A88D5;
    color: #fff;
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.share-link-wrap h6 {
    color: #333D71;
    font-weight: 400;
    font-size: 14px;
}

.copy-link-icon {
    width: 24px;
    height: 24px;
    background: url(../images/icon-copy-link.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.share-lin-btn {
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
}

.share-link {
    position: relative;
}

.share-link .form-control {
    padding-right: 125px;
}

.withdraw-funds-option .shipping-option-left {
    width: calc(100% - 30px);
}

.withdraw-funds-option .shipping-option-right {
    width: 30px;
}

.withdraw-funds-option .shipping-option-right .form-check-input[type=radio] {
    margin-left: 0;
}

.withdraw-funds-option .shipping-method-option-box {
    background: #fff;
}

.withdraw-funds-option .shipping-method-option-box.radio-checked {
    background: #F2F8FD;
}

.rewards-box {
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    height: 100%;
}

.disable-box {
    border-color: #E5E5E5;
}

.disable-box .display-4 {
    color: #808080
}

.how-it-work-boxlisting ol {
    list-style: decimal-leading-zero;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
}

.how-it-work-boxlisting ol li {
    font-size: 16px;
    line-height: 24px;
    color: #1B1C1E;
    margin-bottom: 15px;
    padding-left: 5px;
}

.how-it-work-boxlisting ol li::marker {
    color: #808080;
}


/*----*/
.reward-levels-table-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.reward-levels-table-body {
    width: 100%;
}

.reward-levels-table-body ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.reward-levels-table-body ul::after {
    position: absolute;
    content: "";
    width: calc(100% - 25%);
    height: 100%;
    left: 25%;
    top: 0;
    box-shadow: 0px 0px 20px rgba(0, 13, 77, 0.08);
    z-index: -5;
}

.reward-levels-table-body ul li {
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: center;
}

.reward-levels-col-2 {
    width: 16.666%;
    border-bottom: 1px solid #CCCFDB;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-levels-col-3 {
    width: 25%;
    border-bottom: 1px solid #CCCFDB;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-levels-table-head .reward-levels-col-2,
.reward-levels-table-head .reward-levels-col-3 {
    border-bottom: 0px;
    font-size: 20px;
    line-height: 24px;
    color: #000D4D;
    font-weight: 600;
    padding-bottom: 30px;
    padding-top: 0;
}

.reward-levels-table-body ul li .reward-levels-col-2:first-child,
.reward-levels-table-body ul li .reward-levels-col-3:first-child {
    border-bottom: 0px;
    justify-content: start;
}

.reward-levels-table-body ul li:last-child .reward-levels-col-2,
.reward-levels-table-body ul li:last-child .reward-levels-col-3 {
    border-bottom: 0px;
    padding-bottom: 20px;
}

.table-text {
    color: #000D4D;
    font-size: 16px;
    font-weight: 600;
    border-right: 1px solid #CCCFDB;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    text-align: center;
}

.reward-levels-table-body ul li .reward-levels-col-2:first-child .table-text,
.reward-levels-table-body ul li .reward-levels-col-3:first-child .table-text {
    color: #666E94;
    font-weight: 400;
    padding-left: 0;
    border-right: 0px solid #CCCFDB;
    text-align: left;
}

.reward-levels-table-body ul li .reward-levels-col-2:last-child .table-text,
.reward-levels-table-body ul li .reward-levels-col-3:last-child .table-text {
    border-right: 0px;
}

/*----*/
.reward-box-mobile {
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    padding: 20px;
}

.reward-box-mobile h3 {
    color: #000D4D;
}

.reward-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 7px 0;
}

.reward-row label {
    font-size: 16px;
    color: #666E94;
    font-weight: 400;
    width: 58%;
}

.reward-row span {
    width: 42%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #000D4D;
    font-weight: 600;
    font-size: 16px;
    padding-right: 5px;
}

.reward-row span .icon-confirm {
    position: relative;
    left: 5px;
}

.reward-show {
    display: none;
}

.reward-btn span {
    color: var(--bs-blue);
}

/*---account-premium-features---*/
.inventory-box {
    border: 1px solid #CCCFDB;
    border-radius: 12px;
    background: #fff;
    padding: 16px 20px;
    text-align: center;
}

.inventory-box-icon {
    background: #4D5683;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.inventory-box h3 {
    font-size: 14px;
    font-weight: 600;
    color: #1B1C1E;
}

.inventory-box .btn.sm {
    padding: 0.3rem 20px;
}

.cst-col-3 {
    width: 24%;
}

.cst-col-4 {
    width: 27%;
}

.spt-clt-box {
    background: #F2F8FD;
    border: 1px solid #CCE5F6;
}

/*----*/
.prohibited-items-accordion .accordion-item {
    border: 1px solid #B2B6C9;
    border-radius: 12px;
    overflow: hidden;
}

.prohibited-items-accordion .accordion-item:not(.collapsed) {
    border-color: #1A88D5;
}

.prohibited-items-accordion .accordion-button:focus {
    box-shadow: none;
}

.prohibited-items-accordion .accordion-button {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #1B1C1E;
    padding: 19px 24px;
}

.prohibited-items-accordion .accordion-item:not(.collapsed) .accordion-button {
    background: #F2F8FD;
    border-bottom: 0;
    box-shadow: none;
}

.prohibited-items-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    border-bottom: 0;
    box-shadow: none;
}

.prohibited-items-accordion .accordion-body {
    padding: 20px 24px 24px;
}

.prohibited-items-accordion .accordion-body ol {
    list-style: decimal-leading-zero;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
}

.prohibited-items-accordion .accordion-body ol:last-child {
    margin-bottom: 0;
}

.prohibited-items-accordion .accordion-body ol li {
    color: #1A265F;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    padding-left: 7px;
}

.prohibited-items-accordion .accordion-body ol li:last-child {
    margin-bottom: 0;
}

.prohibited-items-accordion .accordion-body ol li::marker {
    color: #8086A6;
}

.prohibited-items-accordion .accordion-item .accordion-button::after {
    filter: grayscale(1);
    transform: rotate(360deg);
}

.prohibited-items-accordion .accordion-item:not(.collapsed) .accordion-button::after {
    filter: grayscale(1);
    transform: rotate(-180deg);
}

/*--FAQ--*/
.faq-tab-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-tab-menu ul li {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 12px;
}

.faq-tab-menu ul li a {
    padding: 0px 12px;
    color: #007BD0;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

.faq-tab-menu ul li a:not([href]):not([class]) {
    color: #007BD0;
}

.faq-tab-menu ul li a::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    background: #007BD0;
    width: 0%;
    height: 2px;
}

.faq-tab-menu ul li a.active {
    color: #1B1C1E;
}

.faq-tab-menu ul li a.active::after {
    width: 100%;
}


.faq-accordion .accordion-item {
    border: 0px;
    border-bottom: 1px solid #B2B6C9;
    border-radius: 0px;
    overflow: hidden;
}

.faq-accordion .accordion-item:not(.collapsed) {
    border-color: #1A88D5;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
}

.faq-accordion .accordion-button {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #1B1C1E;
    padding: 24px 24px;
}

.faq-accordion .accordion-item:not(.collapsed) .accordion-button {
    background: #F2F8FD;
    border-bottom: 0;
    box-shadow: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    border-bottom: 0;
    box-shadow: none;
}

.faq-accordion .accordion-body {
    padding: 20px 24px 24px;
}

.faq-accordion .accordion-body ol {
    list-style: decimal-leading-zero;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
}

.faq-accordion .accordion-body ol:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion-body ol li {
    color: #1A265F;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    padding-left: 7px;
}

.faq-accordion .accordion-body ol li:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion-body ol li::marker {
    color: #8086A6;
}

.faq-accordion .accordion-body p {
    color: #666666;
    font-weight: 500;
}

.faq-accordion .accordion-item .accordion-button::after {
    filter: grayscale(1);
    transform: rotate(360deg);
}

.faq-accordion .accordion-item:not(.collapsed) .accordion-button::after {
    filter: grayscale(1);
    transform: rotate(-180deg);
}

/*----Video Library---*/
.category-img {
    position: relative;
    padding-bottom: 56.666%;
    border: 1px solid #DEE2E6;
    border-radius: 8px;
    overflow: hidden;
}

.category-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.rememberme-text.category-ck-text .form-check-label {
    font-size: 16px;
}

.rememberme-text .form-check-input:checked~.form-check-label {
    color: #1B1C1E;
}

.video-category-box h4 {
    color: #666666;
}

/*----Country Guide----*/
.country-selector-control-group-dropdown .select2-container--default .select2-selection--single {
    appearance: none;
    background: url(../images/icon-down-solid.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 35px;
    border-radius: 24px !important;
    border: 1px solid #4D4D4D;
    font-size: 16px;
    padding: 12px 20px 12px 12px;
    color: #191919;
    font-weight: 500;
    height: auto;
}

.country-selector-control-group-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.card-flage-img-box {
    width: 28px;
    height: 20px;
    background: #F2F3F6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    margin-right: 10px;
}

.card-flage-img-box img {
    max-width: 100%;
}

.country-selector-control-group-dropdown .select2-container--default .select2-search--dropdown .select2-search__field,
.country-selector-control-group-dropdown .select2-dropdown {
    border-color: #EEF1FA;
}

.country-selector-control-group-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    color: #191919;
}

.country-selector-control-group-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered>span {
    display: flex;
    align-items: center;
}

.country-selector-control-group-dropdown .select2-results li {
    border-bottom: 1px solid #e5e6ed;
    padding: 10px 15px;
}

.country-selector-control-group-dropdown .select2-results li>span {
    display: flex;
    align-items: center;
}

.country-selector-control-group-dropdown .select2-results li:first-child {
    border-radius: 10px 10px 0 0;
}

.country-selector-control-group-dropdown .select2-results li:last-child {
    border-bottom: 0;
    border-radius: 0 0 10px 10px;
}

.country-selector-control-group-dropdown .select2-dropdown {
    border: 1px solid #B3B3B3;
    border-radius: 16px;
    background: #fff !important;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);
    overflow: hidden;
}

.country-selector-control-group-dropdown .select2-container--default .select2-results__option--selected {
    background: #F2F3F6;
    color: #191919;
}

.country-selector-control-group-dropdown .select2-results li .card-img-fluid-box {
    background: #fff;
}

/*----shipment-process----*/
.shipping-form-check.disabled {
    pointer-events: none;
    opacity: .65;
}

.shipping-form-check.disabled .shipping-method-option-box.white-bg {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
}

.shipping-form-check.disabled .shipping-method-option-box .form-check-label,
.shipping-form-check.disabled .shipping-option-right span {
    color: #999;
}

.unavailable-couriers-switch.form-check .form-check-input {
    float: right;
    margin-right: -2.5em;
    margin-left: 0;
    border-color: #F2F2F2;
    background-color: #F2F2F2;
}

.unavailable-couriers-switch.form-check .form-check-input:checked {
    background-color: #0d6efd;
}

.form-switch.unavailable-couriers-switch {
    padding-left: 0;
    padding-right: 2.5rem;
}

/*-----Consolidation----*/
ul.consolidation-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.consolidation-list li {
    border-bottom: 1px solid #E5E6ED;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

ul.consolidation-list li:last-child {
    border-bottom: 0;
}

.consolidation-img-box {
    width: 248px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    padding-bottom: 23%;
}

.consolidation-img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.consolidation-cnt-box {
    width: calc(100% - 248px);
    padding: 0 25px;
}

.consolidation-cnt-box p {
    color: #1B1C1E;
}

.additional-checkbox {
    border: 1px solid #CCCFDB;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}

.additional-checkbox .form-check-input {
    position: absolute;
    z-index: 9;
    right: 12px;
    top: 12px;
    margin: 0;
    background-color: rgba(255, 255, 255, .7);
    width: 18px;
    height: 18px;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, .7);
    border-width: 2px;
    border-radius: 2px;
}

.additional-checkbox .form-check-input:checked {
    background-color: #1A88D5;
}

.additional-checkbox-text {
    padding: 20px 15px;
}

.bg .additional-checkbox {
    border-color: #1A88D5;
    border-width: 2px;
    background-color: #F2F8FD;
}

.additional-checkbox-img {
    width: 100%;
}

.additional-checkbox-img img {
    width: 100%;
}

.additional-checkbox .form-check-label {
    width: 100%;
}

.icon-error {
    width: 98px;
    height: 98px;
    /*background: url(../images/icon-error.svg);*/
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-warning {
    width: 98px;
    height: 95px;
    /*background: url(../images/icon-warning.svg);*/
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.sm-dialog {
    max-width: 408px;
}

.text-gray-6 {
    color: #666666 !important;
}

/*----Upgrade plan to save----*/
.full-dialog {
    max-width: calc(1465px - 70px);
    padding-left: 10px;
    padding-right: 10px;
}

.upgrade-modal .modal-content {
    background: #F2F8FD;
}

.upgrade-modal .modal-body {
    background: #fff;
    border-radius: 0 0 16px 16px;
    position: relative;
}

.upgrade-border-mid {
    position: relative;
}

.upgrade-border-mid::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #E5E5E5;
    left: calc(50% - 0.5px);
    top: 0;
}

ul.upgrade-listing {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.upgrade-listing li {
    border-bottom: 1px solid #CCCFDB;
    padding: 20px 0 10px;
}

ul.upgrade-listing li:first-child {
    padding-top: 0;
}

.upgrade-plan-more ul.upgrade-listing li:first-child {
    padding-top: 20px;
}

.upgrade-plan-more ul.upgrade-listing li:last-child {
    border-bottom: 0px solid #CCCFDB;
}

ul.upgrade-listing li label {
    display: flex;
    align-items: center;
    border-right: 1px solid #CCCFDB;
}

.normal-text {
    font-weight: 600;
    color: #000D4D;
    font-size: 16px;
}

.upgrade-modal .modal-footer {
    border-top: 0;
}

.plan-table-head {
    background: #fff;
    border-radius: 16px 16px 0 0;
    padding: 30px 30px 0;
}

.plan-price-box {
    background: #F2F8FD;
    border-radius: 16px;
    padding: 5px 15px;
    display: inline-block;
    max-width: 33%;
}

.plan-price-box h4 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    margin-bottom: 0;
}

.plan-price-box h6 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.upgrade-plan-head-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.upgrade-plan-txt {
    width: 67%;
}

.trial-text.gray {
    border-color: #808080;
    color: #808080;
    display: inline-flex !important;
    width: auto;
}

.number-checkbox .form-check-input[type=radio] {
    width: 40px;
    height: 40px;
    background: #E5E6ED;
    border-radius: 4px;
    border-color: #E5E6ED;
    cursor: pointer;
}

.number-checkbox .form-check-input[type=radio]:checked {
    background: var(--bs-sky-blue);
    border-radius: 4px;
    border-color: var(--bs-sky-blue);
    box-shadow: none;
}

.number-checkbox .form-check-input[type=radio]:hover {
    background: var(--bs-sky-blue);
    border-radius: 4px;
    border-color: var(--bs-sky-blue);
    box-shadow: none;
}

.number-checkbox {
    display: flex;
}

.number-checkbox .form-check {
    position: relative;
    padding: 0;
}

.number-checkbox .form-check-label {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    cursor: pointer;
}

.moredetails-btn {
    position: relative;
    background: #fff;
    z-index: 999;
    color: var(--bs-blue);
}

.moredetails-btn:hover {
    color: var(--bs-blue);
}

.moredetails-btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    background: #fff;
    left: 0;
    bottom: -20px;
}

.moredetails-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    background: #fff;
    left: 0;
    top: -20px;
}

.services-banner.consolidation-banner .inner-banner-img img {
    width: auto;
    max-height: 100%;
}

.spl-req-dropdown {
    background: #fff;
    z-index: 10;
    box-shadow: 0px 0px 5px rgba(36, 37, 46, 0.2);
    padding: 20px 25px;
    border-radius: 16px;
}

.package-img-box {
    border: 1px solid #D9DBE9;
    border-radius: 4px;
    position: relative;
    padding-bottom: 56px;
    width: 56px;
}

.package-img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*object-fit: cover;*/
}

.package-id-cnt {
    font-size: 16px;
    font-weight: 500;
    color: #1B1C1E;
    padding-left: 15px;
}

.icon-cross {
    width: 9px;
    height: 8px;
    background: url(../images/icon-cross-blue.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.btn-outline-primary:hover .icon-cross {
    filter: brightness(0) invert(1);
}

.opacity-1 {
    opacity: 1;
}

a.help-cross-btn {
    background: #e5e6ed;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.help-cross-btn .icon-cross {
    filter: brightness(3) invert(0.5);
}

/*----Error Pages----*/
.error-page-wrap {
    max-width: 830px;
    margin: 0 auto;
    padding: 0 15px;
}

.error-page-wrap h1 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    color: #000D4D;
}

.error-page-wrap p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #000D4D;
}

.error-page-wrap strong {
    font-weight: 600;
}

.error-page-banner {
    width: 100%;
}

.error-page-banner img {
    max-width: 100%;
}

ul.icon-text-list {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

ul.icon-text-list li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #000D4D;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

ul.icon-text-list li a {
    text-decoration: none;
    font-weight: 500;
}

ul.icon-text-list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
}


/*---Help---*/
.help-icon-btn {
    width: 56px;
    height: 56px;
    background: url(../images/icon-help.svg) #1A88D5;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.25);
    z-index: 99;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.help-menu-ber {
    bottom: 15px;
    right: 15px;
    z-index: 9999;
}

.help-menu-ber-absolute {
    width: 280px;
    right: 0;
    bottom: 0;
    box-shadow: 0px 0px 5px rgba(36, 37, 46, 0.2);
    border-radius: 16px;
    background: #fff;
    padding: 8px;
}

.help-menu-ber-relative {
    z-index: 10;
}

.helpmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.helpmenu ul li {
    margin-bottom: 0px;
    border-bottom: 1px solid #E5E5E5;
}

.helpmenu:last-child ul li:last-child {
    border-bottom: 0px;
}

.helpmenu ul li a {
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    background: url(../images/arrow-right-gray.svg);
    background-repeat: no-repeat;
    background-position: center right 20px;
}

.helpmenu ul li:hover a {
    background: url(../images/arrow-right-gray.svg) #f2f3f6;
    color: #1b1c1e;
    background-repeat: no-repeat;
    background-position: center right 20px;
}

.helpmenu ul li:hover a .help-icon {
    filter: brightness(3) invert(1);
}

.help-icon {
    width: 16px;
    height: 16px;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*---- walkthrough ---*/
.shepherd-modal-overlay-container {
    z-index: 9999 !important;
}

.shepherd-element {
    visibility: visible !important;
    opacity: 1 !important;
}

/* .shepherd-modal-mask-opening { border-radius: 10px !important; padding: 20px !important;} */
.main-guide-msg {
    position: absolute;
    width: 260px;
    height: 0.2px;
    left: calc(50% - 130px);
    top: calc(37% - 1px);
}

.mailbox-area-step {
    position: absolute;
    width: calc(100% - 460px);
    height: 85%;
    left: 0;
    top: 7%;
}



.log-menu {
    position: absolute;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    left: 0;
    top: -15px;
    border-radius: 15px;
    overflow: hidden;
}

.tippy-tooltip {
    max-width: 500px !important;
    border-radius: 16px !important;
}

.shepherd-element {
    max-width: 500px !important;
    border-radius: 16px !important;
}

.shepherd-content {
    border-radius: 16px !important;
}

.tippy-arrow {
    display: none !important;
}

.shepherd-header {
    position: absolute;
    right: 15px;
    top: 15px;
}

.shepherd-text {
    padding: 32px !important;
    text-align: left;
}

.shepherd-text h3 {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 42px;
}

.shepherd-text p {
    color: #1B1C1E;
    font-size: 16px;
    line-height: 24px;
}

.shepherd-footer {
    padding: 15px 32px 32px !important;
}

.shepherd-button {
    width: 50% !important;
    border-radius: 50rem !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
}

.shepherd-button.shepherd-button-secondary {
    color: var(--bs-blue) !important;
    border: 1px solid var(--bs-blue) !important;
    background: none !important;
}

.shepherd-button.shepherd-button-secondary:hover,
.shepherd-button.shepherd-button-secondary:active,
.shepherd-button.shepherd-button-secondary:focus {
    color: var(--bs-white) !important;
    background-color: var(--bs-blue) !important;
    border-color: var(--bs-blue) !important;
}

.noti-menu {
    position: absolute;
    width: calc(100% + 60px);
    height: calc(100% + 35px);
    left: -30px;
    top: -20px;
    border-radius: 15px;
    overflow: hidden;
    z-index: -5;
}

.country-changed-dp {
    position: absolute;
    width: calc(100% - 50px);
    height: calc(100% + 50px);
    left: -15px;
    top: -22px;
    border-radius: 15px;
    overflow: hidden;
}

.dashboard-tab-msg {
    position: absolute;
    width: calc(100% - 35%);
    height: calc(100% + 30px);
    left: -15px;
    top: -15px;
    border-radius: 15px;
    overflow: hidden;
}

.dashboard-src-msg {
    position: absolute;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    right: -15px;
    top: -15px;
    border-radius: 15px;
    overflow: hidden;
}

.dashboard-ck-msg {
    position: absolute;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    right: 0px;
    top: 5px;
    border-radius: 15px;
    overflow: hidden;
    z-index: -5;
}

.dashboard-action-btn-msg {
    position: absolute;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    left: 0px;
    top: 0px;
    border-radius: 15px;
    overflow: hidden;
    z-index: -5;
}

.shepherd-button.w-100 {
    width: 100% !important;
}

.shepherd-button.nxt-arrow {
    position: relative;
    text-indent: -15px;
}

.shepherd-button.nxt-arrow::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 12px;
    background: url(../images/icon-right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin-left: 10px;
    top: calc(50% - 7px);
}

.shepherd-button.done-arrow {
    position: relative;
    text-indent: -15px;
}

.shepherd-button.done-arrow::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 12px;
    background: url(../images/icon-checkmark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin-left: 10px;
    top: calc(50% - 7px);
    filter: brightness(0) invert(1);
}

.log-menu {
    display: block;
}

.log-menu-mob {
    display: none;
}

.shepherd-modal-mask-opening {
    -webkit-clip-path: inset(0px round 16px 16px 16px 16px) !important;
    clip-path: inset(0px round 16px 16px 16px 16px) !important;
}

.db-loder {
    background: #f9f9f9;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    padding-top: 10%;
}

.country-selector-control-group-dropdown .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #B3B3B3;
    border-radius: 30px;
    height: 40px;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 45px;
    padding-right: 20px;
    background: url(../images/icon-search.svg) #fff;
    background-repeat: no-repeat;
    background-position: left 15px center;
    width: calc(100% - 10px);
}

.warning-bg {
    background-color: #f1eadd;
}

.icon-warning-yellow {
    width: 22px;
    height: 22px;
    background: url(../images/icon-warning-yellow.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% auto;
    margin-top: 1px;
}

.icon-warning-yellow.gray {
    filter: brightness(0) invert(0.7);
}

.upsell-dialog p {
    color: #333333;
}

.upsell-dialog p strong {
    font-weight: 600;
}

.upsell-dialog ul {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
}

.upsell-dialog ul li {
    position: relative;
    font-size: 14px;
    color: #1B1C1E;
    line-height: 24px;
    margin-bottom: 15px;
    padding-left: 35px;
}

.upsell-dialog ul li:last-child {
    margin-bottom: 0;
}

.upsell-dialog ul li::after {
    position: absolute;
    content: "";
    background: url(../images/icon-checkmark-checked.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 13px;
    left: 0;
    top: 5px;
}

.unread-msg {
    background: #F2F8FD;
}

/* .notification-msg ul li.unread-msg {color: #4a4040; font-weight: 500;} */
.weak-pass {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.weak-pass span {
    background: #E5E6ED;
    height: 4px;
    border-radius: 4px;
    width: calc(33.33% - 4px);
}

.weak-pass span.low {
    background: #DF2020;
}

.txt-xs {
    font-size: 12px;
    line-height: 16px;
}

.min-w-3 {
    min-width: 340px;
}

.payment-method-group-dropdown .select2-results__option--selected {
    display: none !important;
}


.additional-names .list-db-row:hover {
    background: #F2F8FD;
}

.fragile-box {
    border: 1px solid #CCCFDB;
    border-radius: 16px;
}

.fragile-head {
    border-bottom: 1px solid #CCCFDB;
    padding-bottom: 15px;
}

.fragile-lbl-ttl {
    color: #666666;
}


/*-----======Blog======-----*/
.blog-post-list {
    border: 1px solid #EEF1FA;
    background: #FAFBFF;
    border-radius: 24px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.blog-post-list:hover {
    border: 1px solid #d1d5e9;
    background: #fff;
}

.blog-postList-thumbnailImage {
    position: relative;
    padding-bottom: 72.39%;
}

.blog-postList-thumbnailImage img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-postList-tag {
    position: absolute;
    left: 12px;
    bottom: 12px;
    display: flex;
    flex-wrap: wrap;
}

.blog-postList-tag a {
    background: #FAFBFF;
    font-size: 18px;
    font-weight: 500;
    color: var(--bs-blue);
    text-decoration: none;
    padding: 4px 15px;
    border-radius: 16px;
    display: flex;
    transition: all 0.3s ease-in-out;
    margin: 3px 0;
}

.blog-postList-tag a:hover {
    color: #FAFBFF;
    background: var(--bs-blue);
}

.blog-postList-entry {
    padding: 24px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 0 0 23px 23px;
    transition: all 0.3s ease-in-out;
}

.blog-post-list:hover .blog-postList-entry {
    border-left: 1px solid #d1d5e9;
    border-right: 1px solid #d1d5e9;
    border-bottom: 1px solid #d1d5e9;
}

.blog-postList-entry h2 a {
    color: #04000E;
}

.blog-postList-entry p {
    color: #818086;
    font-size: 18px;
    line-height: 26px;
}

.blog-postList-btm a {
    font-weight: 500;
    color: var(--bs-blue);
    text-decoration: none;
    font-size: 16px;
}

.blog-postList-date {
    font-size: 18px;
    color: #818086;
    font-weight: 400;
    margin-bottom: 10px;
}

.blog-pagination .nav-links {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.blog-pagination .nav-links .page-numbers {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    color: #8086A6;
}

.blog-pagination .nav-links a.page-numbers:hover {
    color: #19255F;
}

.blog-pagination .nav-links .page-numbers.current {
    background: #19255F;
    color: #fff;
}

.blog-pagination .nav-links .prev.page-numbers {
    float: left;
    position: relative;
    width: auto;
    padding-left: 25px;
}

.blog-pagination .nav-links .prev.page-numbers:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 10px;
    background: url(../images/icon-down-gray.svg);
    background-repeat: no-repeat;
    left: 0;
    top: calc(50% - 5px);
    transform: rotate(90deg);
}

.blog-pagination .nav-links .next.page-numbers {
    float: right;
    position: relative;
    width: auto;
    padding-right: 25px;
}

.blog-pagination .nav-links .next.page-numbers:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 10px;
    background: url(../images/icon-down-gray.svg);
    background-repeat: no-repeat;
    right: 0;
    top: calc(50% - 5px);
    transform: rotate(-90deg);
}

.blog-search {
    border: 1px solid #B3B3B3;
    position: relative;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.blog-search label {
    width: 100%;
}

.blog-search .search-field {
    width: 100%;
    height: 37px;
    border: none;
    padding-left: 40px;
    font-size: 14px;
}

.blog-search .search-field:focus-visible {
    border: 0;
    outline: none
}

.blog-search input.search-submit {
    position: absolute;
    top: 0;
    left: 5px;
    width: 33px;
    height: 38px;
    border: 0;
    background: url(../images/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -100px;
}

.icon-categories {
    width: 18px;
    height: 16px;
    background: url(../images/icon-categories.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.categories-drop-wrap h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.categories-drop-wrap {
    background: #F2F8FD;
    padding: 16px 20px;
    border-radius: 8px;
}

.categories-drop-list {
    background: #F2F8FD;
    border: 1px solid #e5e6ed;
    border-radius: 8px;
    width: 220px;
    margin-top: 8px !important;
}

.categories-drop-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

.categories-drop-list ul li {
    color: #666666;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}

.categories-drop-list ul li a {
    padding: 12px 15px;
    color: #666666;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.categories-drop-list ul li:hover {
    background: #f2f3f6;
}

.categories-drop-list ul li:hover a {
    color: #000;
}

.cat-item {
    display: none;
}

.cat-item.show {
    display: block;
}

.cat-item.hidden,
.categories-drop-list ul li.hidden {
    display: none;
}

.more-listing-btn {
    text-decoration: none;
    font-size: 14px;
    color: var(--bs-blue);
    width: 100%;
    text-align: center;
    display: block;
    border-top: 1px solid #e5e6ed;
    padding: 10px 5px 2px;
    font-weight: 500;
    position: relative;
    text-indent: -7px;
}

.more-listing-btn .icon-down-arrow-short {
    background-size: 100% auto;
    width: 12px;
}

.more-listing-btn:after {
    width: 12px;
    height: 10px;
    background: url(../images/icon-down-arow-blue.svg);
    position: absolute;
    content: "";
    left: auto;
    top: calc(50% - 0px);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-left: 7px;
}

.stButton .stButton_gradient {
    height: 22px !important;
}

.blog-signup-section h2 {
    margin-bottom: 15px;
    font-weight: 500 !important;
}

.blog-single-top-cnt p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #000;
}

ul.post__infoNew_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

ul.post__infoNew_list li {
    margin-right: 25px;
    margin-bottom: 5px;
}

ul.post__infoNew_list li:last-child {
    margin-right: 0;
}

ul.post__infoNew_list li a {
    text-decoration: none;
    color: #666666;
    font-size: 18px;
    font-weight: 400;
}

.icon-user-sm {
    width: 20px;
    height: 20px;
    background: url(../images/icon-user-sm.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.icon-chat-sm {
    width: 20px;
    height: 20px;
    background: url(../images/icon-chat-sm.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.icon-calendar-sm {
    width: 20px;
    height: 20px;
    background: url(../images/icon-calendar-sm.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.cmnt-nmb {
    background: #1A88D5;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    padding: 0px 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial;
    min-width: 17px;
    min-height: 17px;
    margin-left: 5px;
}

.blog-cnt h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    color: #000;
}

.blog-cnt h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.blog-cnt h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #000;
    margin-bottom: 20px;
}

.blog-cnt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.blog-cnt a {
    color: var(--bs-blue);
}

.blog-cnt ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-cnt ul li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-bottom: 15px;
}

.blog-cnt ul li:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px;
    left: 0;
    top: 6px;
    background: var(--bs-blue);
}

.blog-cnt ul li strong {
    font-weight: 600;
}

.blog-cnt ul li a {
    color: var(--bs-blue);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.icon-back-arrow {
    width: 6px;
    height: 10px;
    background: url(../images/arrow-blue-right.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    transform: rotate(-180deg);
}

/*----blog cta area----*/
.blog-section {
    overflow: hidden;
}

.blog-cta-area {
    position: relative;
}

.blog-cta-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(170.83deg, #007BD0 -14.33%, #6EBD13 144.52%);
}

.blog-cta-area .footer-top-signup-section {
    overflow: visible;
}

.earnBoxPoints ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
}

.earnBoxPoints ul:last-child {
    margin-bottom: 0;
}

.earnBoxPoints ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 500;
    padding: 0px 15px;
    border-bottom: 1px solid #E5E5E5;
    justify-content: space-between;
}

.earnBoxPoints ul li span {
    width: 50%;
}

.earnBoxPoints ul li label {
    width: 50%;
    border-left: 1px solid #E5E5E5;
    padding: 5px 15px;
}

.notifications-col-1 {
    width: calc(60% - 2px);
}

.notifications-col-2 {
    width: calc(20% - 2px);
}

.notifications-col-3 {
    width: calc(20% - 2px);
}

.notifications-col-head {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    background: #F2F2F2;
    color: #8086A6;
    border-radius: 8px 8px 0 0;
    padding-left: 15px;
    padding-right: 15px;
}

.notifications-col-head .notifications-col-1,
.notifications-col-head .notifications-col-2,
.notifications-col-head .notifications-col-3 {
    font-weight: 600;
    padding: 15px 0 12px;
    font-size: 12px;
}

.notifications-col-body {
    border: 1px solid #e8e8e8;
    padding: 0;
    border-radius: 0px 0px 8px 8px;
}

.border-b {
    border-bottom: 1px solid #f3f3f3;
}

.notifications-col-mob {
    display: none;
}

/*--====== German Landing Page ======--*/
.bg-banner-main {
    position: relative;
    background: url(../images/hero-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 0%;
    overflow: hidden;
}

.bg-banner-main.color {
    background: url(../images/hero-banner-bg.webp) #f2f5f8;
}

.bg-banner-main:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: radial-gradient(105.87% 256.08% at 91.49% 71.55%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.z-index-9 {
    z-index: 9;
}

.german-content-banner h1,
.german-content-banner h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: var(--bs-gray-900);
    line-height: 40px;
    margin-bottom: 2rem;
}

.german-content-banner.color h1 {
    margin-bottom: 1.5rem;
}

.german-content-banner h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: var(--bs-gray-900);
    line-height: 40px;
    margin-bottom: 1.5rem;
}

.german-content-banner h3 strong {
    font-weight: 700;
}

.german-content-banner p {
    line-height: 32px;
    font-size: 22px;
    margin-bottom: 1.5rem;
}

.notification-pannel-area {
    background: #007cd4;
    padding: 13px 15px;
    position: relative;
}

.notification-pannel-area h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}

a.btn-checkout {
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    margin: 0 30px;
    background: rgba(255, 255, 255, .15);
    transition: all .5s ease-in-out;
}

a.btn-checkout:hover {
    background: #0870bb;
}

a.btn-checkout .ico-right-arrow {
    position: relative;
    top: 2px;
}

.btn-cross-arrow-icon {
    width: 16px;
    height: 16px;
    background: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: calc(50% - 8px);
    filter: brightness(0) invert(1);
}

.rate-calculator-section a {
    text-decoration: none;
}

/*----common test----*/
.common-text h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    color: #1B1C1E;
    margin-bottom: 20px;
    padding-top: 20px;
}

.common-text h2:first-child {
    padding-top: 0;
}

.common-text h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #1B1C1E;
    margin-bottom: 20px;
    padding-top: 20px;
}

.terms__content span {
    color: #007bd0;
}

.common-text ol,
.common-text ul {
    margin-bottom: 15px;
    margin-top: 15px;
}

.common-text ol.lower-latin,
.common-text ul.lower-latin {
    list-style: lower-latin;
}

.common-text ol li,
.common-text ul li {
    font-size: 18px;
    line-height: 24px;
    color: #4D4D4D;
    margin-bottom: 10px;
}

.terms__sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.terms__sidebar ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.terms__sidebar ul li:last-child {
    border-bottom: 0;
}

.terms__sidebar ul li a {
    text-decoration: none;
    position: relative;
    padding: 15px 0 15px 30px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #4D4D4D;
    font-size: 14px;
}

.terms__sidebar a span {
    color: rgba(0, 0, 0, .6);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -1px;
    background-color: #e8e9ed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    letter-spacing: 0;
    font-size: 10px;
}

.terms__sidebar ul li.active a {
    color: #007bd0;
}

.terms__sidebar ul li.active a span {
    background: #007bd0;
    color: #fff;
}

/*----==== parcel-forwarding ====-----*/
.bg-blue-lighter-gradient {
    background-image: linear-gradient(#fff, #f2f5f8);
}

.forwarding-content p {
    color: #19255F;
    line-height: 24px;
    margin-bottom: 25px;
    font-size: 18px;
}

.forwarding-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.forwarding-content ul li {
    position: relative;
    padding-left: 45px;
    min-height: 30px;
    margin-bottom: 10px;
    padding-top: 2px;
    font-size: 18px;
    color: #19255F;
}

.forwarding-content ul li:after {
    position: absolute;
    content: "";
    background: url(../images/icon-checkmark-checked.svg) #ebedef;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: center;
}

.benefits-box .icon-box {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.bg-blue-lighter select.form-control {
    background: url(../images/icon-arrow-down-black.svg) #fff;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.bg-blue-lighter .faq-accordion .accordion-item:not(.collapsed) .accordion-button {
    background: #dfe6eb;
}

.reason-box {
    background: #fff;
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 10px;
    border-bottom: 4px solid #dde1e5;
}

.reason-icon {
    background: #007bd0;
    width: 70px;
    height: 70px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px;
    font-size: 24px;
    margin-top: -50px;
    border: 5px solid #fff;
}

.reason-box h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.reason-box p {
    color: #19255F;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

.reason-box p:last-child {
    margin-bottom: 0;
}

/*----==== Responsive ====------*/

@media (max-width: 991px) {
    .signup-step-section .green-box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 85px;
        position: relative;
    }

    .signup-step-section .green-box:after {
        position: absolute;
        content: "";
        background: url(../images/green-dot-bg.svg);
        background-repeat: no-repeat;
        background-position: left center;
        right: 88px;
        bottom: calc(50% - 137px);
        display: block;
        width: 10px;
        height: 8px;
    }

    .signup-step-section .yellow-box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 85px;
        position: relative;
    }

    .signup-step-section .yellow-box:after {
        position: absolute;
        content: "";
        background: url(../images/yellow-dot-bg.svg);
        background-repeat: no-repeat;
        background-position: left center;
        right: 88px;
        bottom: calc(50% - 137px);
        display: block;
        width: 10px;
        height: 8px;
    }

    .signup-step-section .blue-box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 39px;
        min-height: 175px
    }

    .signup-step-section .step-cnt-box {
        width: calc(100% - 173px);
        margin-top: 0;
        padding-right: 40px;
    }

    .step-number-box,
    .yellow-box .step-number-box,
    .blue-box .step-number-box {
        width: 137px;
        height: 137px;
        border-radius: 30px;
        margin-top: 20px;
        left: 0;
    }

    .step-number-box h5 {
        font-size: 30px;
        line-height: 30px;
    }

    .step-number-box h6 {
        font-size: 15px;
        list-style: 18px;
    }

    .green-box .step-number-box::after {
        background-size: 100%;
        width: 180px;
        height: 180px;
        left: calc(50% - 88px);
        top: calc(50% - 84px);
        transform: rotate(90deg);
    }

    .yellow-box .step-number-box::after {
        background-size: 100%;
        width: 190px;
        height: 200px;
        left: calc(50% - 92px);
        top: calc(50% - 100px);
        transform: rotate(90deg);
    }

    .blue-box .step-number-box::after {
        background-size: 100%;
        width: 180px;
        height: 180px;
        left: calc(50% - 88px);
        top: calc(50% - 95px);
        transform: rotate(90deg);
    }

    .green-box .step-number-box .step-line:after {
        width: 10px;
        right: calc(50% - 10px);
        bottom: -47px;
        top: auto;
        display: none;
    }

    .yellow-box .step-number-box .step-line::before {
        width: 10px;
        right: calc(50% - 10px);
        bottom: -47px;
        top: auto;
        display: none;
    }

    .yellow-box .step-number-box .step-line:after {
        display: none;
    }

    .blue-box .step-number-box .step-line:before {
        display: none;
    }

    .step-cnt-box h3 {
        font-size: 26px;
    }

    .border-start.footer-menu-col {
        border-left: 0 !important;
    }

    .header-height {
        height: 72px;
    }

    /*--====== Our Plans Page ======--*/
    .pricing-plan-section .container {
        max-width: 750px;
    }

    .plan-box-icon {
        margin: 10px auto 20px;
    }

    .plan-box-head-text {
        text-align: center;
    }

    .plan-box-head-text h3 {
        font-size: 24px;
    }

    .plan-box-head {
        text-align: center;
    }

    /*--====== Services Page ======--*/
    .services-listing-wrap ul li:nth-child(2n) {
        border-right: 0px;
    }

    .services-listing-wrap ul li {
        border-bottom: 1px solid #D1D5E9;
    }

    .services-listing-wrap ul li:last-child {
        border-bottom: 0;
    }

    /*--====== Dashboard Page ======--*/
    .deshboard-section-top {
        border-radius: 0;
        width: calc(100% + 27px);
        margin-left: -15px;
        padding: 50px 20px;
        position: relative;
    }

    .dashboard-adress-map {
        display: none;
    }

    .deshboard-adress-dropdown-col {
        width: 100%;
        padding: 0;
    }

    .dashboard-useful-info-col {
        width: 100%;
        border-left: 0px solid #CCCFDB;
        padding-left: 0;
    }

    .deshboard-section-top {
        position: relative;
    }

    .dashboard-useful-info-col {
        position: absolute;
        width: calc(100% - 40px);
    }

    .dashboard-useful-info-list {
        display: none;
        background: #4d4d4d;
        padding: 12px;
        border-radius: 8px;
        list-style-position: inside;
        top: 40px;
        position: relative;
        z-index: 9;
    }

    .dashboard-loc-dropdown {
        margin-bottom: 25px;
    }

    .info-title-1 {
        position: absolute;
        right: 5px;
        width: 22px;
        padding-left: 22px;
        overflow: hidden;
        z-index: 9;
    }

    .dashboard-useful-info-list li {
        color: #999999;
        font-size: 12px;
        font-weight: 600;
    }

    .dashboard-useful-info-list li span {
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        margin-top: 3px;
    }

    .dashboard-useful-info-list::after {
        position: absolute;
        content: "";
        right: 10px;
        top: -11px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 12px solid #4d4d4d;
    }

    .db-fst-nav-wrap {
        overflow: auto;
    }

    .dashboard-ship-table .db-nav-tabs {
        width: 560px;
        border-bottom-color: #fff;
    }

    .dashboard-ship-table .db-nav-tabs .db-nav-item {
        width: auto;
    }

    .db-sec-nav-wrap {
        overflow: auto;
        margin-bottom: 25px;
    }

    /*.shiping-option-table-body ul li:first-child {border-top: 1px solid #f3f3f3;}*/
    .dashboard-ship-filter-table .db-filter-nav-tabs {
        width: 100%;
        padding-right: 0px;
        border-bottom-width: 1px;
        border-color: #e5e5e5;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item {
        width: auto;
        min-width: 140px;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link {
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        border-radius: 20px 20px 0 0;
        height: 55px;
        overflow-y: hidden;
        position: relative;
        bottom: -1px;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link.active {
        color: #191919;
        border-top: 2px solid #1A88D5;
        border-left: 2px solid #1A88D5;
        border-right: 2px solid #1A88D5;
        border-radius: 20px 20px 0 0;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link::after {
        background: #fff;
        bottom: -2px;
    }

    .shiping-option-table-head {
        border-radius: 0;
    }

    .shiping-option-table-head>div {
        display: none;
    }

    .shiping-option-table-head>div .text {
        display: none;
    }

    .shiping-option-table-head>div .only-show {
        display: block !important;
        position: relative;
        left: -8px;
    }

    .shiping-option-table-head>div.table-sort-first-col-head {
        display: flex;
    }

    .shiping-option-table-shoting-msg {
        text-align: left;
        padding-left: 15px;
    }

    .table-sort-last-col {
        width: 100%;
        position: relative;
        padding: 30px 10px 12px;
    }

    .actions-box {
        width: calc(50% - 2px);
        margin-bottom: 5px;
    }

    .actions-box.delete {
        width: 100%;
    }

    .actions-box.delete.sm {
        width: 100%;
        margin-right: 0;
    }

    .actions-box:nth-child(2n) {
        margin-right: 0;
    }

    .actions-box i {
        display: none;
    }

    .actions-box a,
    .actions-box.sm a {
        min-height: 32px;
    }

    .actions-box.delete,
    .actions-box.delete.sm {
        height: 32px;
    }

    .actions-box.delete a {
        color: #DF2020;
    }

    .table-sort-first-col {
        width: 100%;
        padding: 15px 10px 12px 125px;
        justify-content: flex-end;
        position: relative;
    }

    .table-sort-mid-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 10px 5px 125px;
        position: relative;
    }

    .requires-attention .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 0 5px 125px;
        position: relative;
    }

    .in-progress .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 10px 5px 125px;
        position: relative;
    }

    .in-progress .actions-box i {
        display: inline-block;
        margin-right: 7px;
    }

    .in-progress .actions-box {
        width: auto
    }

    .in-progress .actions-box a {
        flex-wrap: unset;
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-sort-mid-col .text {
        font-size: 14px;
    }

    .additional-names .table-sort-first-col .text {
        font-size: 14px;
    }

    .table-sort-first-col::after {
        position: absolute;
        content: attr(data-title);
        left: 35px;
        font-size: 12px;
        color: #8086A6;
        font-weight: 500;
    }

    .table-sort-mid-col::after {
        position: absolute;
        content: attr(data-title);
        left: 10px;
        font-size: 12px;
        color: #8086A6;
        font-weight: 500;
    }

    .table-sort-first-col .form-check {
        position: absolute;
        left: 10px;
    }

    .sort-id .icon-down-arrow-short {
        display: none;
    }

    .sort-id {
        font-weight: 600;
        font-size: 16px;
        color: #007BD0;
    }

    .table-sort-first-col .sort-id {
        font-size: 14px;
    }

    /* .db-package-details { display: none;} */
    .db-package-details {
        padding: 0 10px 10px;
    }

    .shiping-option-table-body ul li {
        padding-bottom: 15px;
    }

    .table-sort-last-col::after {
        position: absolute;
        content: attr(data-title);
        left: 10px;
        top: 5px;
        font-size: 12px;
        color: #8086A6;
        font-weight: 500;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item {
        bottom: 0px;
    }

    .db-pagenation ul li:nth-child(3) {
        display: none;
    }

    .db-pagenation ul li:nth-child(4) {
        display: none;
    }

    .db-pagenation ul li:nth-last-child(2) {
        display: none;
    }

    .db-pagenation ul li {
        margin-top: 0;
        margin-bottom: 0;
    }

    .show-opt-dropdown {
        padding-left: 15px;
    }

    .show-opt-dropdown span.ms-1 {
        display: none;
    }

    .shiping-option-table-body {
        border-top: 1px solid #e8e8e8;
    }

    .outbox-shipments .actions-box i {
        display: inline-block;
        margin-right: 7px;
    }

    .outbox-shipments .actions-box i.icon-tarck {
        width: 23px;
    }

    .outbox-shipments .actions-box {
        width: auto
    }

    .outbox-shipments .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 0px 5px 125px;
        position: relative;
    }

    .outbox-shipments .actions-box a {
        flex-wrap: unset;
        padding-left: 10px;
        padding-right: 10px;
    }

    .outbox-shipments .table-sort-last-col::after {
        top: 10px;
    }

    .in-progress .table-sort-last-col::after {
        top: 10px;
    }

    .outbox-all-option .actions-box i {
        display: inline-block;
        margin-right: 7px;
    }

    .outbox-all-option .actions-box i.icon-tarck {
        width: 23px;
    }

    .outbox-all-option .actions-box {
        width: auto
    }

    .outbox-all-option .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 0px 5px 125px;
        position: relative;
    }

    .outbox-all-option .actions-box a {
        flex-wrap: unset;
        padding-left: 10px;
        padding-right: 10px;
    }

    .outbox-all-option .table-sort-last-col::after {
        top: 10px;
    }

    .profile-avatar-box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mobile-upload-relative-file {
        position: relative;
        width: 190px;
    }

    .active-plan-btn {
        display: none;
    }

    .current-disabled {
        display: none !important;
    }

    .billing-card-dtl-box .shipping-method-option-box {
        padding: 20px;
    }

    .billing-card-dtl-box .shipping-option-left {
        width: 90%;
    }

    .billing-card-dtl-box .shipping-option-right {
        width: 10%;
        padding-right: 5px;
    }

    .billing-card-dtl-box .form-check-input[type=radio] {
        margin-left: 0;
    }

    .form-check-label.sm .text-gray-9 {
        font-size: 14px;
    }

    .icon-addmore-box {
        height: 120px;
    }

    .payment-packages .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 10px 5px 125px;
        position: relative;
    }

    .payment-additional-requests .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 10px 5px 125px;
        position: relative;
    }

    .payment-additional-requests .table-sort-last-col-service {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 10px 5px 125px;
        position: relative;
    }

    .table-sort-last-col-service::after {
        position: absolute;
        content: attr(data-title);
        left: 10px;
        top: 5px;
        font-size: 12px;
        color: #8086A6;
        font-weight: 500;
    }

    .table-sort-last-col-service .text {
        font-size: 14px;
    }

    .table-sort-last-col-service {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 10px 5px 125px;
        position: relative;
        display: flex;
    }

    .table-sort-last-col-btn {
        padding: 5px 10px 5px 10px;
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .payment-history-head {
        border: 0px solid #E5E5E5;
        border-radius: 0;
        padding: 0px;
    }

    /*.date-picker { width: 100%; margin-bottom: 12px;}*/
    /*.payment-history-head .db-search-filter {width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 12px;}*/
    .shiping-option-table.payment-packages .table-sort-first-col-head,
    .shiping-option-table.payment-packages .table-sort-first-col {
        padding: 15px 10px 12px 40px;
        justify-content: flex-start;
    }

    .shiping-option-table.payment-additional-requests .table-sort-first-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-first-col {
        padding: 15px 10px 12px 40px;
        justify-content: flex-start;
    }

    .shiping-option-table.referral-history .table-sort-first-col-head,
    .shiping-option-table.referral-history .table-sort-first-col {
        padding: 15px 10px 12px 40px;
        justify-content: flex-start;
    }

    .coupons-rewards-menu {
        overflow: auto;
    }

    .coupons-rewards-menu ul {
        width: 100%;
    }

    .coupons-rewards-menu ul li {
        width: auto;
    }

    .share-lin-btn {
        position: relative;
        margin-top: 15px;
        top: 0;
        left: 0;
    }

    .shiping-option-table.reward-history .table-sort-first-col {
        padding: 15px 10px 12px 10px;
        justify-content: flex-start;
    }

    .shiping-option-table.reward-history .table-sort-first-col .text {
        font-weight: 600;
    }

    .how-it-work-boxlisting {
        display: none;
    }

    .info-down-arrow.up {
        transform: rotate(-180deg);
    }

    .payment-form-check .shipping-method-option-box.white-bg {
        background: #ffffff;
    }

    .payment-form-check .white-bg.radio-checked .form-check-label-logo-lg {
        background: #ffffff;
    }

    .payment-form-check .shipping-method-option-box.white-bg.radio-checked {
        background: #F2F8FD;
    }

    /* .plan-table-head { padding: 0; width: calc(100% + 30px); left: -15px; position: relative;} */
    .upgrade-plan-txt .plan-box-icon {
        display: none;
    }

    .upgrade-plan-txt {
        width: 100%;
    }

    .plan-price-box {
        width: 100%;
        background: none;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* .upgrade-plan-head-wrap { padding-left: 12px;} */
    .upgrade-plan-head-wrap .plan-box-head-text h3 {
        font-size: 18px;
        text-align: left;
    }

    .upgrade-plan-head-wrap .plan-box-head-text p {
        font-size: 12px;
        line-height: 16px;
        text-align: left;
    }

    .plan-price-box h4 {
        font-size: 28px;
        line-height: 36px;
    }

    ul.upgrade-listing li label {
        border-right: 0;
    }

    ul.upgrade-listing li {
        border-bottom: 0;
    }

    .upgrade-listing .tooltip-text {
        z-index: 9;
    }

    .upgrade-modal .tooltip-text.left {
        right: auto;
        left: -15px;
    }

    .upgrade-modal .tooltip-text.left:before {
        right: calc(90% - 6px);
        left: auto;
    }

    .upgrade-modal .tooltip-text.right {
        right: -15px;
        left: auto;
    }

    .upgrade-modal .tooltip-text.right:before {
        left: calc(90% - 6px);
        right: auto;
    }

    .upgrade-modal .tooltip-text {
        font-size: 12px;
        line-height: 18px;
    }

    .upgrade-plan-more {
        display: none;
    }

    .help-icon-btn {
        position: relative;
        bottom: 80px;
        z-index: -5;
    }

    .help-menu-ber-absolute {
        right: -12px;
        bottom: -12px;
        max-height: 90vh;
        overflow: auto;
    }

    .shepherd-text {
        padding: 25px 16px 15px !important;
    }

    .shepherd-footer {
        padding: 15px 16px 20px !important;
    }

    .shepherd-text h3 {
        margin-bottom: 16px;
    }

    .noti-menu-mob {
        position: absolute;
        width: calc(100% + 30px);
        height: calc(100% + 20px);
        left: -13px;
        top: -15px;
        z-index: -5;
    }

    .country-changed-dp {
        width: calc(100% - 80px);
        height: calc(100% + 35px);
        left: -5px;
        top: -15px;
    }

    .dashboard-tab-msg {
        width: calc(100% - 10px);
        height: calc(100% + 30px);
        left: 5px;
        top: -15px;
        border-radius: 15px;
        overflow: hidden;
    }

    .log-menu {
        display: none;
    }

    .log-menu-mob {
        display: block;
        position: absolute;
        width: 55px;
        height: calc(100% + 20px);
        right: -5px;
        top: -10px;
        border-radius: 15px;
        overflow: hidden;
    }

    .dashboard-tab-msg-mob {
        position: absolute;
        width: calc(100% - 10px);
        height: 80px;
        left: 5px;
        top: -15px;
        border-radius: 15px;
        overflow: hidden;
    }

    .dashboard-src-msg-mob {
        position: absolute;
        width: calc(100% - 10px);
        height: 57px;
        left: 5px;
        top: -10px;
        border-radius: 15px;
        overflow: hidden;
    }

    .dashboard-ck-msg {
        height: 295px;
        width: calc(100% + 20px);
        right: -10px;
    }

    .tippy-tooltip {
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 16px !important;
    }

    .shepherd-element {
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 16px !important;
    }

    .dashboard-action-btn-msg {
        width: calc(100% + 20px);
        height: calc(100% - 30px);
        left: -10px;
        top: 22px;
        border-radius: 15px;
        overflow: hidden;
    }

    .open-help-menu {
        overflow: hidden;
    }

    .shepherd-modal-mask-opening {
        -webkit-clip-path: inset(0px round 25px 25px 25px 25px) !important;
        clip-path: inset(0px round 25px 25px 25px 25px) !important;
    }

    .mobile-main-nav .left {
        left: calc(50% - 360px);
        width: 720px;
        padding: 20px 12px 10px;
    }

    .main-menu-wrap {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

    a.sort-id {
        color: #007BD0;
    }

    .empty-tab {
        width: 100%;
    }

    /*-------*/
    .btn-outline-primary.features-btn-mob {
        color: var(--bs-blue) !important;
        border-color: var(--bs-blue) !important;
        background: transparent !important;
    }

    .additional-names .shiping-option-table-head {
        display: none;
    }

    .footer-payment-logo-section {
        background: #F2F8FD;
    }

    .payment-logo-carousel .logo-item {
        max-width: 15%;
        margin: 15px 0;
    }

    .panel-grid-cell:first-child {
        margin-bottom: 10px !important;
    }

    .blog-postList-entry .fs-1 {
        font-size: 26px !important;
        line-height: 34px;
    }

    .german-content-banner h3 {
        font-size: 30px;
    }

}

@media (max-width: 767px) {
    .fs-3.fs-sm-3 {
        font-size: 18px !important;
    }

    .header-section .border-bottom-2 {
        border-bottom: 0;
    }

    .what-it-for-you-section .btn {
        width: calc(50% - 10px);
    }

    .services-work-list {
        border-top: 1px solid #E0E0E0;
    }

    .step-cnt-box h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .step-cnt-box p {
        font-size: 14px;
    }

    .work-step-image-mobile {
        width: calc(100% + 28px);
        position: relative;
        left: -15px;
        overflow: hidden;
    }

    .work-step-image-mobile img {
        width: 100%;
    }

    .footer-top-signup-section .mobile-h {
        min-height: 481px;
    }

    .footer-bottom {
        font-size: 10px;
    }

    .footer-menu-bottom li {
        margin-left: 10.5px;
    }

    .footer-menu-bottom li a {
        font-size: 10.5px;
    }

    /*--====== How It Workes Page ======--*/
    ul.how-it-work-process-list li::after {
        display: none;
    }

    ul.how-it-work-process-list li:last-child {
        padding-bottom: 0;
    }

    .video-play-button {
        background: url(../images/play-button.svg) #fff;
        width: 80px;
        height: 80px;
        left: calc(50% - 40px);
        top: calc(50% - 40px);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    /*--====== Our Plans Page ======--*/
    .pricing-plan-section .container {
        padding: 0;
    }

    .pricing-plan-section .row.m-x-0 {
        margin: 0;
    }

    .pricing-plan-section .col-12.p-x-0 {
        padding: 0;
    }

    .feature-item-body ul {
        border: 0;
        margin: 10px 0;
        border-radius: 0;
        border-top: 1px solid #EEF1FA;
    }

    .feature-item-body ul li:first-child {
        padding-left: 0;
        font-size: 12px;
        line-height: 18px;
    }

    .feature-item-body ul li {
        justify-content: flex-end;
        padding-right: 0;
        padding-left: 0;
        border: 0;
        text-align: right;
        font-size: 13px;
        line-height: 18px;
    }

    .plan-box {
        margin-bottom: 0;
        width: calc(100% - 30px);
    }

    .plan-box .show-feature-mob {
        display: none;
        background: #F2F8FD;
        padding: 20px 15px 25px;
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: -17px;
        margin-top: 40px;
        border-radius: 10px;
        border: 1px solid #dde8f1;
        border-bottom: 3px solid #dde8f1;
    }

    .standard-item .plan-box .show-feature-mob {
        background: #fff;
    }

    .standard-item {
        padding-top: 16px;
    }

    .plan-box p {
        font-size: 14px;
    }

    .standard-item .feature-item-body ul li:first-child,
    .standard-item .feature-item-body ul li {
        color: #1B1C1E;
    }

    .standard-item .text-bg-blue {
        border: 1px solid #fff;
    }

    .tooltip-text {
        left: calc(50% - 110px);
    }

    .tooltip-text:before {
        left: calc(50% - 6px);
    }

    ul.plan-price-list li a {
        padding: 0px 10px 15px;
        font-size: 14px;
    }

    ul.plan-price-list {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    ul.plan-price-list li {
        width: 50%;
        text-align: center;
    }

    ul.plan-price-list li::after {
        height: 3px;
    }

    /*--====== Rate Calculator Page ======--*/
    .full-area {
        flex-wrap: wrap;
    }

    .mob-fw {
        width: 100%;
        margin-bottom: 20px;
    }

    .mob-fw .form-control {
        border-radius: 28px;
    }

    .mob-fw-8 {
        width: calc(100% - 25%);
    }

    .mob-fw-8 .form-control {
        border-radius: 28px 0 0 28px;
    }

    .col-wd-8 {
        width: 25%;
    }

    /*--====== Services Page ======--*/
    .header-banner-main.inner.services-banner .header-banner-wrap {
        padding-bottom: 40px;
    }

    .services-banner .inner-banner-img {
        width: 310px;
        height: auto;
        top: 0;
        margin-top: 0;
    }

    .services-listing-wrap ul li {
        width: 100%;
        padding: 30px;
        border: 1px solid #D1D5E9;
    }

    .services-listing-wrap ul li:nth-child(2n),
    .services-listing-wrap ul li:last-child {
        border: 1px solid #D1D5E9;
    }

    .services-listing-wrap ul li h3 {
        font-size: 20px;
        line-height: 28px;
    }

    /*-- Parcel Forwarding --*/
    .service-icon-box-border-lg {
        margin-left: auto;
        margin-right: auto;
    }

    .service-banner-text {
        text-align: center;
    }

    .breadcrumb-section {
        background: #F2F5F8;
        border-bottom: 1px solid #e0e3f0;
        border-top: 1px solid #e0e3f0;
    }

    .breadcrumb-section ul li {
        font-size: 14px;
    }

    .other-services-carousel .slick-next {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        top: -55px;
    }

    .other-services-carousel .slick-prev {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        right: 50px;
        top: -55px
    }

    .other-services-carousel .slick-next:before,
    .other-services-carousel .slick-prev:before {
        width: 40px;
        height: 40px;
        background-size: 16px auto;
    }

    .other-services-carousel .slick-next:hover:before,
    .other-services-carousel .slick-prev:hover:before {
        background-size: 16px auto;
    }

    .benefit-box {
        height: auto !important;
    }

    .benefit-box h3 {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 30px;
    }

    .benefit-box h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .benefit-section h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .image-text-area h4 {
        font-size: 20px;
    }

    .image-text-area h5 {
        font-size: 20px;
    }

    /*--====== Sign Up Page ======--*/
    .signup-form-cnt,
    .signup-form-address {
        padding: 0 15px;
    }

    .address-row:last-child {
        border-bottom: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .nav-signup-step .nav-item {
        width: auto;
        display: inline-block;
    }

    .nav-signup-step {
        display: block;
    }

    .icon-pass-step {
        background-size: 100% auto;
        width: 14px;
    }

    .nav-signup-step .nav-item:first-child .signup-nav-link {
        border-left: 0;
    }

    .nav-signup-step .nav-item {
        margin-left: -5px;
    }

    .select-plan .plan-box-list ul li {
        font-size: 16px;
    }

    .signin-dialog .logo {
        width: 170px;
    }

    .signin-dialog .form-control {
        border-radius: 24px;
        padding: 11px 18px;
    }

    /*--====== Dashboard Page ======--*/
    .dashboard-ship-filter-table .db-filter-nav-tabs {
        width: 540px;
    }

    .table-sort-first-col {
        width: 100%;
        padding: 15px 0px 12px 125px;
        justify-content: flex-end;
        position: relative;
    }

    .table-sort-mid-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 0 5px 125px;
        position: relative;
    }

    .table-sort-first-col::after {
        left: 0;
    }

    .table-sort-mid-col::after {
        left: 0;
    }

    .dashboard-options-tab .container {
        padding: 0;
        overflow: hidden;
    }

    .dashboard-ship-table .db-nav-tabs {
        margin-left: 15px;
    }

    .db-search-filter {
        margin-left: 15px;
        margin-right: 15px;
    }

    .db-sec-nav-wrap {
        margin-left: 15px;
    }

    .shiping-option-table-body ul li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .shiping-option-table-body {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0;
    }

    .table-sort-first-col .form-check {
        left: 0;
    }

    .table-sort-first-col::after {
        left: 25px;
    }

    .additional-names .table-sort-first-col::after {
        left: 0;
    }

    .table-sort-last-col {
        padding: 30px 0px 12px;
    }

    .table-sort-last-col::after {
        left: 0;
    }

    .db-package-details {
        padding: 0 0px 10px;
    }

    ul.package-dtl-head-listing li {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        border-right-width: 0;
        justify-content: space-between;
    }

    ul.package-dtl-head-listing li.report-li {
        width: 100%;
        justify-content: center;
        display: block;
    }

    ul.package-dtl-head-listing li h6 {
        font-size: 16px;
    }

    ul.package-dtl-head-listing li label {
        font-size: 16px;
        font-weight: 600;
    }

    ul.package-dtl-head-listing li h6 .icon {
        display: none;
    }

    ul.package-cnt-listing li {
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
    }

    ul.package-cnt-listing li h6 {
        font-size: 16px;
        color: #191919;
        font-weight: 600;
    }

    ul.package-cnt-listing {
        padding-bottom: 15px;
    }

    .in-progress .table-sort-last-col {
        padding-right: 0;
    }

    .shipping-form-check .shipping-option-left {
        flex-wrap: wrap;
        width: 100%;
    }

    .shipping-form-check .shipping-method-option-box {
        position: relative;
        padding: 13px 0 0 0;
        overflow: hidden;
    }

    .shipping-form-check .shipping-method-option-box .form-check-label {
        position: relative;
        margin-left: 0;
        width: 100%;
        padding: 20px 24px;
        font-size: 18px;
        font-weight: 600;
    }

    .shipping-form-check .shipping-option-right {
        width: 200px;
        right: 15px;
        top: 22px;
        position: absolute;
    }

    .shipping-form-check .form-check-input[type=radio] {
        margin-left: 15px;
    }

    .shipping-form-check .form-check-label-logo-lg {
        background: transparent;
        justify-content: flex-start;
        padding-left: 24px;
        margin-bottom: 8px;
        height: 45px;
    }

    .shipping-form-check .form-check-label {
        background: #fff;
    }

    .shipping-form-check .shipping-method-option-box .form-check-label h5 {
        margin-top: 5px;
    }

    .order-summary-right-section {
        padding: 24px 16px;
    }

    .shipping-tooltip .tooltip-text {
        left: auto;
        right: -15px;
    }

    .shipping-tooltip .tooltip-text:before {
        left: calc(90% - 6px);
    }

    .shipping-tooltip .tooltip-text.left {
        right: auto;
        left: -15px;
    }

    .shipping-tooltip .tooltip-text.left:before {
        right: calc(90% - 6px);
        left: auto;
    }

    .requires-attention .table-sort-last-col {
        width: 100%;
        justify-content: flex-end;
        padding: 5px 0 5px 125px;
        position: relative;
    }

    ul.outstanding-list {
        margin-bottom: 20px;
    }

    ul.outstanding-list li {
        padding-left: 0;
        padding-right: 0;
        background: none;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs {
        width: 100%;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item {
        width: 50%;
        padding: 0;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link {
        font-size: 14px;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item .db-filter-nav-link::after {
        background: #1A88D5;
        bottom: 0;
    }

    .additional-box .shipping-form-check .shipping-method-option-box {
        padding-top: 0;
    }

    .additional-box .shipping-form-check .form-check-label {
        background: none;
    }

    .payment-packages .table-sort-last-col {
        padding: 5px 0px 5px 125px;
    }

    .payment-additional-requests .table-sort-last-col {
        padding: 5px 0px 5px 125px;
    }

    .table-sort-last-col-btn {
        padding: 5px 0px 5px 0px;
    }

    .payment-packages .shiping-option-table-body {
        margin-left: -10px;
        margin-right: -10px;
    }

    .payment-additional-requests .shiping-option-table-body {
        margin-left: -10px;
        margin-right: -10px;
    }

    .shiping-option-table.payment-packages .table-sort-first-col-head,
    .shiping-option-table.payment-packages .table-sort-first-col {
        padding-left: 25px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-first-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-first-col {
        padding-left: 25px;
    }

    .plan-box-head h4 {
        font-weight: 400 !important;
    }

    .table-sort-last-col-service::after {
        left: 0;
    }

    .payment-additional-requests .table-sort-last-col-service {
        padding-right: 0;
    }

    .coupons-rewards-menu ul {
        width: 480px;
    }

    .coupons-offer {
        width: 100%;
        padding-bottom: 15px;
    }

    .coupons-box-text-cnt {
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
        border-left: 0px;
        border-top: 1px dashed #E5E5E5;
    }

    .coupons-boc-text {
        width: 100%;
        padding-right: 0;
        text-align: center;
        padding-top: 25px;
    }

    .coupons-box-btn {
        width: 100%;
        margin-top: 25px;
    }

    .coupons-box-wrap {
        padding: 15px;
    }

    .coupons-boc-text h3 {
        margin-bottom: 10px;
    }

    .coupons-offer h5 {
        margin-left: 10px;
    }

    .table-sort-last-col-btn {
        padding: 5px 0px 5px 0px;
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .date-picker {
        width: 100%;
        margin-bottom: 12px;
    }

    .payment-history-head .db-search-filter {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 12px;
    }

    .shiping-option-table.referral-history .table-sort-first-col-head,
    .shiping-option-table.referral-history .table-sort-first-col {
        padding-left: 25px;
    }

    .referral-history .shiping-option-table-body {
        margin-left: -10px;
        margin-right: -10px;
    }

    .withdraw-funds-option .shipping-option-left .form-check-label-logo-sm {
        background: #F2F3F6;
    }

    .withdraw-funds-option .shipping-method-option-box.radio-checked .form-check-label-logo-sm {
        background: #ffffff;
    }

    .shiping-option-table.reward-history .table-sort-first-col {
        padding: 15px 0px 12px 0px;
    }

    .reward-history .shiping-option-table-body {
        margin-left: -10px;
        margin-right: -10px;
    }

    .inventory-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #F2F3F6;
        border-color: #F2F3F6;
        padding: 12px;
    }

    .inventory-box-icon {
        margin: 0;
    }

    .inventory-box h3 {
        margin-bottom: 0 !important;
    }

    .bg-white-mobile {
        background: #fff !important;
    }

    .couriers-title {
        padding-top: 30px;
        margin-top: 30px;
    }

    .couriers-title h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .prohibited-items-accordion .accordion-button {
        padding: 16px 20px;
    }

    .faq-tab-menu {
        width: calc(100% + 12px);
        overflow: auto;
    }

    .faq-tab-menu ul {
        justify-content: flex-start;
    }

    .faq-tab-menu ul li {
        white-space: nowrap;
        margin: 10px 0px;
    }

    .faq-accordion .accordion-button {
        font-size: 16px;
        padding: 17px 24px;
    }

    .categories-cnt-list {
        border: 0px;
    }

    .category-ck-text {
        white-space: nowrap;
    }

    .categories-cnt-list-scroll {
        display: flex;
        overflow: auto;
        width: calc(100% + 12px);
    }

    .rememberme-text.category-ck-text .form-check {
        position: relative;
        padding: 8px 12px;
    }

    .rememberme-text.category-ck-text .form-check-input.md {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        background-image: none;
        background: #EBF5FB;
        border: none;
        border-radius: 5px;
    }

    .rememberme-text.category-ck-text .form-check-input:checked {
        background: #1A265F;
    }

    .rememberme-text.category-ck-text .form-check-input~.form-check-label {
        position: relative;
        z-index: 9;
        font-size: 12px;
    }

    .rememberme-text .form-check-input:checked~.form-check-label {
        color: #fff;
    }

    .rememberme-text.category-ck-text .form-check-input:focus {
        box-shadow: none;
    }

    .standard-text-section h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .contact-form-box {
        box-shadow: none;
        border-radius: 0;
        width: calc(100% + 44px);
        margin-left: -22px;
    }

    ul.consolidation-list li {
        border: 1px solid #CCCFDB;
        border-radius: 12px;
        overflow: hidden;
        padding-bottom: 0;
        position: relative;
    }

    ul.consolidation-list li:last-child {
        border-bottom: 1px solid #CCCFDB;
    }

    .consolidation-img-box {
        width: 100%;
        padding-bottom: 44%;
        border-radius: 5px 5px 0 0;
    }

    .consolidation-cnt-box {
        width: 100%;
        padding: 20px 15px;
    }

    .consolidation-cnt-box .form-check-input {
        position: absolute;
        right: 12px;
        top: 12px;
        box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, .7);
        background: rgba(255, 255, 255, .7);
        border-color: #999999;
    }

    .consolidation-cnt-box .form-check-input[type=radio]:checked {
        border-color: #1A88D5;
        box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, .9), 0 0 0 0.25rem rgba(255, 255, 255, .7);
    }

    .plan-table-head {
        padding: 0;
        width: calc(100% + 30px);
        left: -15px;
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
        border-radius: 0;
        border-bottom: 1px solid #E5E5E5;
    }

    /* .upgrade-plan-txt .plan-box-icon { display: none;} */
    .upgrade-plan-txt {
        width: 100%;
    }

    .plan-price-box {
        width: 100%;
        background: none;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* .upgrade-plan-head-wrap { padding-left: 12px;} */
    .upgrade-plan-head-wrap .plan-box-head-text h3 {
        font-size: 18px;
        text-align: left;
    }

    .upgrade-plan-head-wrap .plan-box-head-text p {
        font-size: 11px;
        line-height: 16px;
        text-align: left;
    }

    .plan-price-box h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .upgrade-modal .modal-body {
        width: calc(100% + 30px);
        left: -15px;
        border-radius: 0;
    }

    ul.upgrade-listing li label {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    ul.upgrade-listing li {
        padding: 10px 0;
    }

    .full-dialog .modal-title {
        font-size: 20px;
        line-height: 1.3;
    }

    .full-dialog {
        padding-left: 0;
        padding-right: 0;
    }

    .services-banner.consolidation-banner .inner-banner-img {
        width: 280px;
        text-align: center;
    }

    .services-banner.consolidation-banner .inner-banner-img img {
        max-height: 250px;
    }

    .order-summary-footer {
        padding-top: 20px;
        margin-top: 15px;
    }

    .mobile-main-nav .left {
        left: calc(50% - 270px);
        width: 540px;
        padding: 20px 12px 10px;
    }

    .main-menu-wrap {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }

    .upsell-dialog p {
        font-size: 14px;
    }

    .d-dropdown .select2-container--default .select2-selection--single {
        padding: 5px 10px;
    }

    .empty-tab-content {
        padding: 16px 24px;
        margin: 0 15px;
    }

    .empty-tab-content h3,
    .empty-tab-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .empty-tab {
        background-size: 200px;
        padding-top: 90px;
    }

    .rememberme-text .form-check-input.mob-md {
        width: 15px;
        height: 15px;
        position: relative;
        top: -2px;
    }

    .mobile-notification .notification-msg {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        max-height: 100%;
        z-index: 99999;
        overflow: auto;
    }

    .shepherd-header {
        right: 10px;
        top: 5px;
    }

    .payment-logo-carousel .logo-item {
        max-width: 25.333%;
        margin: 15px 0;
    }

    .notification-msg h3,
    .notification-msg ul li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .notification-msg .icon-close {
        width: 15px;
        height: 15px;
        left: calc(100% - 35px);
    }

    /*-----======Blog======-----*/
    .blog-single-top-cnt p {
        font-size: 22px;
        line-height: 34px;
    }

    .blog-cnt h3 {
        font-size: 22px;
        line-height: 34px;
    }

    .blog-cnt h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .panel-grid-cell:first-child {
        margin-bottom: 5px !important;
    }

    .categories-drop-list {
        width: calc(100% - 26px);
    }

    .blog-postList-entry .fs-1 {
        font-size: 26px !important;
        line-height: 34px;
    }

    .blog-pagination .nav-links .page-numbers {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .blog-section {
        overflow: hidden;
    }

    .footer-top-signup-section {
        padding-bottom: 50px;
    }

    .notifications-col-1 {
        font-size: 14px;
        font-weight: 600 !important;
        margin-bottom: 10px;
    }

    .notifications-col-head {
        margin-top: 20px;
    }

    .notifications-col-head .notifications-col-1,
    .notifications-col-head .notifications-col-2,
    .notifications-col-head .notifications-col-3 {
        font-size: 14px;
        line-height: 12px;
        font-weight: 600;
        display: none;
    }

    .notifications-col-2 {
        width: 100%;
        position: relative;
        padding-left: 70%;
        display: flex;
        justify-content: flex-end;
    }

    .notifications-col-2:after {
        position: absolute;
        content: attr(data-title);
        left: 0;
        top: 3px;
        font-size: 12px;
        color: #8086A6;
        font-weight: 500;
    }

    .notifications-col-3 {
        width: 100%;
        position: relative;
        padding-left: 70%;
        display: flex;
        justify-content: flex-end;
    }

    .notifications-col-3:after {
        position: absolute;
        content: attr(data-title);
        left: 0;
        top: 3px;
        font-size: 12px;
        color: #8086A6;
        font-weight: 500;
    }

    .notifications-col-mob {
        display: block;
        padding: 10px 0px;
        font-weight: 600;
    }

    .notifications-col-body {
        margin-bottom: 50px;
    }

    .notification-pannel-area h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    a.btn-checkout {
        font-size: 14px;
        padding: 7px 15px 9px;
    }

    #home.menu-mob-Open .navbar-toggler {
        position: fixed;
        top: 22px;
        right: 12px;
    }

    /*----common test----*/
    .common-text h2 {
        font-size: 26px;
        line-height: 1.2;
    }

    .common-text h3 {
        font-size: 22px;
        line-height: 1.2;
    }

    .german-content-banner h3 {
        font-size: 26px;
        line-height: 1.2;
    }
}


@media (max-width: 575px) {
    .mobile-main-nav .left {
        left: 0;
        width: 100%;
        padding: 20px 12px 20px;
    }
}

@media (max-width: 374px) {

    .header-banner-main h1,
    .standard-header h1,
    h1.post-titleNew {
        font-size: 28px;
    }

    .banner-img {
        width: 290px;
    }

    .header-banner-main h1 strong {
        white-space: unset;
    }

    /*--====== Buy for me Page ======--*/
    .inner-banner-img {
        width: 290px;
    }

    /*--====== Login Page ======--*/
    .signin-dialog .btn.sm {
        font-size: 12px;
    }

    .ico-right-arrow-blue {
        width: 14px;
        background-size: 100% auto;
    }

    .min-w-3 {
        min-width: 300px;
    }

    /*--====== German Landing Page ======--*/
    .german-content-banner h1,
    .german-content-banner h2 {
        font-size: 28px;
    }
}

@media (min-width: 580px) {
    .testimonial-carousel .slick-prev {
        left: -35px;
    }

    .testimonial-carousel .slick-next {
        right: -35px;
    }
}

@media (min-width: 768px) {
    .header-section .logo {
        width: 200px;
    }

    .header-banner-main {
        padding-bottom: 66.40%;
    }

    .header-banner-wrap {
        position: absolute;
    }

    .banner-img {
        position: absolute;
        width: 330px;
        height: 310px;
        top: calc(50% - 160px);
        left: 0px;
    }

    .header-banner-wrap .container {
        height: 100%;
    }

    .header-banner-wrap .row {
        height: 100%;
    }

    .header-banner-main h1 {
        line-height: 38px;
        font-size: 30px;
    }

    .header-banner-main p {
        line-height: 28px;
        font-size: 16px;
    }

    .benefits-box .icon-box {
        top: -35px;
        left: 25px;
    }

    .benefits-box h3 {
        font-size: 18px;
    }

    .display-2,
    .blog-signup-section h2 {
        font-size: 32px;
    }

    .fs-5 {
        font-size: 18px !important;
    }

    .services-work-list ol {
        padding-left: 25px;
    }

    .services-work-list ol li {
        margin-bottom: 25px;
        padding-left: 20px;
    }

    .testimonial-carousel .slick-prev {
        left: -50px;
    }

    .testimonial-carousel .slick-next {
        right: -50px;
    }

    .item-box {
        box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);
    }

    /*--step--*/
    .work-step-image {
        position: relative;
        width: 100%;
        left: calc(0% - 0px);
        height: 595px;
        bottom: 0px;
        margin-top: -110px;
    }

    .step-1 {
        position: absolute;
        bottom: 4px;
        left: -34px;
        zoom: 0.8;
    }

    .step-2 {
        position: absolute;
        bottom: 6px;
        left: 38px;
        zoom: 0.8;
    }

    .step-3 {
        position: absolute;
        bottom: 40px;
        left: 88px;
        zoom: 0.8;
    }

    .step-4 {
        position: absolute;
        bottom: 53px;
        left: 120px;
        zoom: 0.8;
    }

    .step-5 {
        position: absolute;
        bottom: 119px;
        left: 372px;
        zoom: 0.8;
    }

    .step-6 {
        position: absolute;
        bottom: 115px;
        left: 439px;
        zoom: 0.8;
    }

    .step-7 {
        position: absolute;
        bottom: 135px;
        right: 96px;
        zoom: 0.8;
    }

    .step-8 {
        position: absolute;
        bottom: 76px;
        right: 186px;
        zoom: 0.8;
    }

    .step-9 {
        position: absolute;
        bottom: 321px;
        right: 325px;
        zoom: 0.8;
    }

    .step-10 {
        position: absolute;
        top: 132px;
        right: 227px;
        zoom: 0.77;
    }

    .step-11 {
        position: absolute;
        top: 257px;
        right: 385px;
        zoom: 0.77;
    }

    .step-12 {
        position: absolute;
        top: 19px;
        right: 40px;
        zoom: 0.8;
    }

    .footer-top-signup-section {
        background: linear-gradient(170.83deg, #007BD0 -14.33%, #6EBD13 144.52%);
        padding: 60px 0;
    }

    .footer-top-signup-section.parcel-delivery:after {
        width: 768px;
        height: 100%;
        left: calc(50% - 55px);
        top: 0;
        z-index: 5;
        background: url(../images/delivery-section-bg-desktop.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .footer-top-signup-section h5 {
        font-size: 20px;
    }

    .footer-menu ul {
        columns: 2;
    }

    /*--====== How It Workes Page ======--*/
    .h1,
    h1 {
        font-size: 46px;
    }

    .list-content h3 {
        font-size: 26px;
    }

    .list-content p,
    .how-it-work-video-section p {
        font-size: 16px;
        line-height: 28px
    }

    label.list-icon {
        width: 70px;
        height: 70px;
        left: calc(50% - 35px);
    }

    label.list-icon img {
        width: 40%;
    }

    ul.how-it-work-process-list li {
        padding-left: 0;
        padding-right: calc(50% + 60px);
        padding-top: 15px;
        padding-bottom: 35px;
        min-height: 330px;
    }

    ul.how-it-work-process-list li:nth-child(2n) {
        padding-right: 0px;
        padding-left: calc(50% + 60px);
    }

    ul.how-it-work-process-list li:last-child {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 90px;
        max-width: 70%;
    }

    /*--====== about us Page ======--*/
    ul.how-it-work-process-list.about-list li {
        padding-top: 0;
    }

    ul.how-it-work-process-list.about-list li:last-child {
        padding-top: 90px;
    }

    ul.how-it-work-process-list.about-list label.list-icon {
        display: flex;
    }

    ul.how-it-work-process-list.about-list li::after {
        height: calc(100% - 70px);
        top: calc(0% - -70px);
    }

    /*--====== Buy for me Page ======--*/
    .inner-banner-img {
        position: absolute;
        width: 290px;
        height: 290px;
        top: calc(50% - 145px);
        right: 0px;
    }

    .header-banner-main.inner {
        padding-bottom: 55.40%;
    }

    .header-banner-main.inner h1 {
        line-height: 44px;
        font-size: 38px;
    }

    .header-banner-main.inner h1:last-child {
        margin-bottom: 0 !important;
    }

    .header-banner-main.inner p,
    .standard-header h6 {
        line-height: 28px;
        font-size: 16px;
    }

    .standard-header p {
        line-height: 22px;
        font-size: 16px;
    }

    .buyforme-work-list ul li {
        padding-left: 135px;
        padding-top: 22px;
        margin-bottom: 55px;
    }

    .buyforme-work-list ul li:last-child {
        margin-bottom: 20px;
    }

    .footer-top-signup-section.your-order:after {
        width: 1145px;
        height: 100%;
        left: calc(50% - 432px);
        top: 0;
        z-index: 5;
        background: url(../images/your-order-section-bg-desktop.webp);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 1;
    }

    .service-charge-box h2 {
        font-size: 120px;
        line-height: 130px;
    }

    .cost-listing ul li {
        padding: 25px 25px 25px 110px;
    }

    .cost-listing ul li span {
        left: 25px;
        top: 20px;
    }

    .cost-listing ul li span img {
        max-width: unset
    }

    /*--====== Our Plans Page ======--*/
    .footer-top-signup-section.rate-calculator:after {
        width: 1145px;
        height: 100%;
        left: calc(50% - 432px);
        top: 0;
        z-index: 5;
        background: url(../images/rate-calculator-section-bg-desktop.webp);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 1;
    }

    .plan-box-head h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .plan-box-head h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .feature-title-head ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .plan-box {
        width: calc(100% - 10px);
        padding: 30px 15px 25px;
        margin-bottom: 20px;
    }

    .feature-item-body ul li {
        width: 23.211%;
    }

    .feature-item-body ul li:first-child {
        font-size: 14px;
        padding-left: 15px;
        width: 30.368%;
    }

    .plan-box-head h4 sup {
        top: -10px;
    }

    .feature-title-head ul li {
        width: 23.211%;
    }

    .feature-title-head ul li:first-child {
        padding-left: 15px;
        width: 30.368%;
    }

    .pricing-plan-wrap {
        border-radius: 24px;
    }

    /*--====== Rate Calculator Page ======--*/
    .animation-image-area {
        height: 400px;
    }

    .animation-image-area img {
        max-width: 250px;
    }

    .collage-images {
        padding-bottom: 53%;
    }

    .col-wd-8 {
        width: 130px;
    }

    /*--====== Services Page ======--*/
    .header-banner-main.inner.services-banner {
        padding-bottom: 0;
        background-size: unset;
    }

    .services-banner .inner-banner-img {
        width: 280px;
        height: 270px;
        top: 0;
        margin-top: 90px;
        position: relative;
    }

    .header-banner-main.inner.services-banner .header-banner-wrap {
        position: relative;
        padding-bottom: 30px;
    }

    .services-banner .banner-text {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .services-listing-wrap ul li {
        width: 50%;
    }

    /*-- Parcel Forwarding --*/
    .service-banner-text {
        border-left: 1px solid #D1D5E9;
        padding-left: 30px;
        letter-spacing: 0.3px;
        height: 100%;
    }

    .header-banner-main.inner .service-banner-text h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .header-banner-main.inner .service-banner-text h6 {
        font-size: 20px;
        line-height: 26px;
        margin-top: 30px;
    }

    .header-banner-main.inner .service-banner-text p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 20px;
    }

    .service-icon-box-border-lg {
        width: 108px;
        height: 108px;
    }

    .left-right-text-listing-area {
        padding: 45px 40px 35px;
    }

    .highlight-text h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .number-listing ol {
        column-count: 2;
    }

    .highlight-text h2::after {
        left: -20px;
    }

    .other-services-section h2 {
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 50px;
    }

    .other-services-carousel .slick-prev,
    .other-services-carousel .slick-next {
        top: -100px;
    }

    .highlight-text h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .service-item-box h3,
    .service-item-box h3 a,
    .service-item-box a h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .benefit-box h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 35px;
    }

    .benefit-section h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 45px;
    }

    /*-- your-own-uk-postal-address --*/
    .contact-listing {
        padding: 60px 50px;
    }

    .contact-listing ul li {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .breadcrumb-section .border-y {
        border-bottom: 1px solid #e0e3f0;
    }

    /*--====== Sign Up Page ======--*/
    .signup-nav-link {
        padding: 8px 18px;
    }

    .signup-nav-link h4 {
        font-size: 15px;
        margin-top: 5px;
    }

    .nav-signup-step .nav-item {
        width: 25%;
    }

    .step-status {
        font-size: 14px;
    }

    .signup-nav-link h4 {
        font-size: 16px;
    }

    .nav-signup-step {
        min-width: 880px;
    }

    .nav-signup-step .nav-item:first-child .signup-nav-link {
        border-left: 0;
    }

    /*--====== Sign Up Page ======--*/
    .signup-address-box {
        padding: 30px;
    }

    .signup-body {
        margin-top: 5px;
    }

    .signup-address-header .plan-box-head-text {
        padding-left: 20px;
    }

    /*--====== Dashboard Pages ======--*/
    ul.package-dtl-head-listing li {
        width: 23.522%;
    }

    .outbox-shipments .btn.sm {
        padding: 0.5rem 10px;
        font-size: 13px;
    }

    .outbox-shipments ul.package-dtl-head-listing li:nth-child(3) {
        width: 18%;
    }

    .outbox-shipments .shiping-option-table-body ul li:last-child {
        margin-right: 0;
    }

    .outbox-shipments ul.package-dtl-head-listing li.report-li {
        width: 24%;
    }

    .drop-prepaid-area.lg {
        height: 575px;
    }

    /*--====== Return to sender Pages ======--*/
    .drop-prepaid-area {
        height: 375px;
    }

    .shipping-method-option-box {
        padding: 20px;
    }

    .shipping-method-option-box .form-check-label.sm .wallet-balence {
        margin-left: 10px;
        margin-top: 0;
        display: inline-block;
    }

    .order-successfully-container {
        padding: 130px 0;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item {
        width: 40%;
    }

    .faq-tab-menu ul li {
        font-size: 15px;
        margin: 10px 7px;
    }

    .faq-tab-menu ul li a {
        padding: 0 5px;
    }

    /*--====== Consolidation Page ======--*/
    .services-banner.consolidation-banner .inner-banner-img {
        margin-top: 35px;
        height: 165px;
    }

    .header-banner-main.inner.services-banner.consolidation-banner .header-banner-wrap {
        padding-bottom: 35px;
    }

    /*=========Error Pages=========*/
    .error-page-wrap h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .error-page-wrap p {
        font-size: 18px;
        line-height: 24px;
    }

    ul.icon-text-list li {
        font-size: 18px;
        line-height: 24px;
    }

    /*---- walkthrough ---*/
    .tippy-tooltip {
        max-width: 500px !important;
        width: 500px !important;
        border-radius: 16px !important;
    }

    .shepherd-element {
        max-width: 500px !important;
        width: 500px !important;
        border-radius: 16px !important;
    }

    .main-guide-msg {
        width: 500px;
        height: 0px;
        left: calc(50% - 250px);
    }

    /*--====== German Landing Page ======--*/
    .german-content-banner h1,
    .german-content-banner h2 {
        font-size: 30px;
        line-height: 38px;
    }

}

@media (min-width: 992px) {
    .sticky {
        position: fixed;
    }

    #home .sticky {
        position: absolute;
    }

    .header-section .logo {
        width: 210px;
    }

    .container {
        max-width: 960px;
    }

    .header-banner-main {
        padding-bottom: 56.40%;
    }

    .header-banner-main h1,
    .standard-header h1,
    h1.post-titleNew {
        line-height: 48px;
        font-size: 38px;
    }

    .header-banner-main p {
        line-height: 28px;
        font-size: 18px;
    }

    .display-2,
    .blog-signup-section h2 {
        font-size: 34px;
    }

    .fs-5 {
        font-size: 18px !important;
    }

    .banner-img {
        width: 530px;
        height: 450px;
        top: calc(50% - 225px);
        left: 0;
    }

    .benefits-box h3 {
        font-size: 18px;
    }

    .step-cnt-box {
        margin-top: 110px;
    }

    .yellow-box .step-cnt-box {
        margin-top: 115px;
    }

    .blue-box .step-cnt-box {
        margin-top: 120px;
    }

    .step-cnt-box h3 {
        font-size: 26px;
    }

    .step-cnt-box p {
        font-size: 18px;
    }

    .green-box .step-number-box .step-line:after {
        right: -105px;
        width: 46px;
    }

    .yellow-box .step-number-box .step-line:after {
        left: -85px;
        width: 46px;
    }

    .yellow-box .step-number-box .step-line:before {
        right: -105px;
        width: 46px;
    }

    .blue-box .step-number-box .step-line:before {
        left: -92px;
        width: 46px;
    }

    .testimonial-carousel .slick-prev {
        left: -50px;
    }

    .testimonial-carousel .slick-next {
        right: -50px;
    }

    .footer-top-signup-section {
        padding: 113px 0 110px;
    }

    .footer-top {
        position: relative;
        overflow: hidden;
    }

    .footer-top:after {
        position: absolute;
        content: "";
        width: 2000px;
        height: 100%;
        right: calc(50% - 2470px);
        top: 0%;
        z-index: 5;
        background: url(../images/footer-bg.svg);
        background-repeat: repeat-x;
        background-position: top right;
        background-size: auto;
    }

    .footer-top .container {
        position: relative;
        z-index: 8;
    }

    .footer-section p {
        line-height: 24px;
        font-size: 14px;
    }

    /*--step--*/
    .work-step-image {
        position: absolute;
        width: 888px;
        left: calc(50% - 478px);
        height: 750px;
        bottom: -40px;
        transform: scale(0.68);
        transform-origin: bottom;
        margin-top: 0;
    }

    .step-1 {
        position: absolute;
        bottom: 0;
        left: -37px;
        zoom: 1;
    }

    .step-2 {
        position: absolute;
        bottom: 6px;
        left: 38px;
        zoom: 1;
    }

    .step-3 {
        position: absolute;
        bottom: 40px;
        left: 88px;
        zoom: 1;
    }

    .step-4 {
        position: absolute;
        bottom: 53px;
        left: 120px;
        zoom: 1;
    }

    .step-5 {
        position: absolute;
        bottom: 119px;
        left: 372px;
        zoom: 1;
    }

    .step-6 {
        position: absolute;
        bottom: 115px;
        left: 439px;
        zoom: 1;
    }

    .step-7 {
        position: absolute;
        bottom: 135px;
        right: 96px;
        zoom: 1;
    }

    .step-8 {
        position: absolute;
        bottom: 76px;
        right: 186px;
        zoom: 1;
    }

    .step-9 {
        position: absolute;
        bottom: 321px;
        right: 325px;
        zoom: 1;
    }

    .step-10 {
        position: absolute;
        top: 132px;
        right: 227px;
        zoom: 1;
    }

    .step-11 {
        position: absolute;
        top: 257px;
        right: 385px;
        zoom: 1;
    }

    .step-12 {
        position: absolute;
        top: 19px;
        right: 40px;
        zoom: 1;
    }

    .services-work-list ol li {
        margin-bottom: 25px;
        padding-left: 20px;
    }

    /*--====== How It Workes Page ======--*/
    .h1,
    h1 {
        font-size: 52px;
    }

    .list-content h3 {
        font-size: 28px;
    }

    .list-content p,
    .how-it-work-video-section p {
        font-size: 18px;
        line-height: 30px
    }

    label.list-icon {
        width: 104px;
        height: 104px;
        left: calc(50% - 52px);
    }

    label.list-icon img {
        width: auto;
    }

    ul.how-it-work-process-list li {
        padding-right: calc(50% + 80px);
        padding-top: 30px;
        padding-bottom: 35px;
        min-height: 330px;
    }

    ul.how-it-work-process-list li:nth-child(2n) {
        padding-right: 0px;
        padding-left: calc(50% + 80px);
    }

    ul.how-it-work-process-list li:last-child {
        max-width: 61%;
        padding-top: 140px;
    }

    /*--====== about us Page ======--*/
    ul.how-it-work-process-list.about-list li {
        padding-top: 0;
    }

    ul.how-it-work-process-list.about-list li:last-child {
        max-width: 61%;
        padding-top: 140px;
    }

    ul.how-it-work-process-list.about-list li::after {
        height: calc(100% - 102px);
        top: calc(0% - -103px);
    }

    /*--====== Buy for me Page ======--*/
    .inner-banner-img {
        width: 450px;
        height: 450px;
        top: calc(50% - 225px);
        right: 0;
    }

    .header-banner-main.inner {
        padding-bottom: 49.799%;
    }

    .header-banner-main.inner h1 {
        line-height: 54px;
        font-size: 48px;
    }

    .header-banner-main.inner p,
    .standard-header h6 {
        line-height: 28px;
        font-size: 18px;
    }

    .standard-header p {
        line-height: 24px;
        font-size: 18px;
    }

    .buyforme-work-list ul li {
        margin-bottom: 55px;
    }

    .buyforme-work-list ul li:last-child {
        margin-bottom: 20px;
    }

    .service-charge-box h2 {
        font-size: 120px;
        line-height: 136px;
    }

    /*--====== Our Plans Page ======--*/
    .payment-logo-carousel .slick-list {
        margin-left: -20px;
        margin-right: -20px;
    }

    .payment-logo-carousel .slick-slide {
        padding-left: 20px;
        padding-right: 20px;
    }

    .plan-box-head h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .plan-box-head h4 {
        font-size: 30px;
        line-height: 38px;
    }

    .feature-title-head ul li {
        font-size: 20px;
        line-height: 28px;
    }

    .plan-box {
        width: calc(100% - 16px);
        padding: 30px 20px 25px;
        margin-top: 20px
    }

    .feature-item-body ul li:first-child {
        font-size: 14px;
    }

    .plan-box-head h4 sup {
        top: -20px;
    }

    .feature-title-head ul li:first-child {
        padding-left: 25px;
    }

    .feature-item-body ul li:first-child {
        padding-left: 25px;
    }

    .plan-box-icon {
        width: 82px;
        height: 82px;
    }

    .plan-box-head-text {
        width: calc(100% - 82px);
        padding-left: 20px;
    }

    .plan-box-head-text h3 {
        font-size: 24px;
    }

    /*--====== Rate Calculator Page ======--*/
    .couriers-box {
        padding: 20px;
    }

    .couriers-box h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .couriers-box-text h4 {
        font-size: 36px;
        line-height: 40px;
    }

    .collage-images {
        padding-bottom: 71%;
    }

    .image-text-area h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 25px;
    }

    .image-text-area p {
        font-size: 21px;
        line-height: 30px;
    }

    .col-wd-8 {
        width: 120px;
    }

    /*--====== Services Page ======--*/
    .header-banner-main.inner.services-banner .header-banner-wrap {
        position: relative;
        padding-bottom: 80px;
    }

    .header-banner-main.inner.services-banner {
        padding-bottom: 0;
        background-size: unset;
    }

    .services-banner .inner-banner-img {
        width: 460px;
        height: 416px;
        top: 0;
        margin-top: 50px;
        right: 0;
    }

    .services-banner .inner-banner-img {
        right: -30px;
    }

    .services-banner .banner-text {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .services-listing-wrap ul li {
        padding: 40px 30px;
        width: 33.333%;
    }

    .services-listing-wrap ul li:hover {
        padding: 30px 40px 30px 20px;
    }

    .services-listing-wrap ul li h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .services-listing-wrap ul li:nth-child(3n) {
        border-right: 0px;
    }

    .services-listing-wrap ul li+li+li+li {
        border-top: 1px solid #D1D5E9;
    }

    .services-listing-wrap ul li:hover .btn-outline-blue-dark .ico-right-arrow-blue {
        background: url(../images/arrow-blue-right.svg);
        width: 15px;
        height: 16px;
        background-size: 6px 10px;
        background-repeat: no-repeat;
        background-position: center right;
        border-left: 1px solid #d1d1d1;
        padding-left: 15px;
    }

    /*-- Parcel Forwarding --*/
    .header-banner-main.inner .service-banner-text h5 {
        font-size: 22px;
        line-height: 30px;
    }

    .header-banner-main.inner .service-banner-text h6 {
        font-size: 22px;
        line-height: 26px;
        margin-top: 50px;
    }

    .header-banner-main.inner .service-banner-text p {
        font-size: 19px;
        line-height: 28px;
        margin-top: 40px;
    }

    .service-icon-box-border-lg {
        width: 118px;
        height: 118px;
    }

    .service-banner-text {
        padding-left: 52px;
    }

    .left-right-text-listing-area {
        padding: 45px 30px 25px;
    }

    .highlight-text h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .service-item-box h3,
    .service-item-box h3 a,
    .service-item-box a h3 {
        font-size: 20px;
        line-height: 28px;
    }

    /*-- your-own-uk-postal-address --*/
    .contact-listing {
        padding: 50px 40px;
    }

    .contact-listing ul li {
        font-size: 20px;
        margin-bottom: 20px;
    }

    /*--====== Login Page ======--*/
    .login-left-col-inner {
        max-width: 570px;
        margin: 0 0px 0px auto;
    }

    .signin-dialog .modal-header {
        width: 450px;
    }

    /*--====== Sign Up Page ======--*/
    .signup-nav-link {
        padding: 8px 18px;
    }

    .signup-nav-link h4 {
        font-size: 15px;
        margin-top: 5px;
    }

    .nav-signup-step .nav-item {
        width: 25%;
    }

    .step-status {
        font-size: 14px;
    }

    .signup-nav-link h4 {
        font-size: 16px;
    }

    .nav-signup-step .nav-item:first-child .signup-nav-link {
        border-left: 2px solid #e0e3f0;
    }

    .icon-pass-step {
        right: 25px;
        top: calc(50% - 6px);
    }

    .address-row-wrap .address-row {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        border-right: 1px solid #E5E6ED;
        padding-right: 10px;
    }

    .address-row-wrap .address-row:last-child {
        border-right: 0px;
        padding-right: 0;
    }

    .signup-body {
        margin-top: 0px;
    }

    /*--====== Dashboard Pages ======--*/
    .deshboard-section-top {
        padding: 40px 20px;
    }

    .dashboard-adress-map {
        width: 210px;
    }

    .deshboard-adress-dropdown-col {
        width: calc(100% - 550px);
        padding: 0 40px;
    }

    .dashboard-useful-info-col {
        width: 340px;
    }

    .table-sort-mid-col .text {
        font-size: 14px;
    }

    .sort-id {
        font-size: 14px;
    }

    .table-sort-mid-col-head {
        width: 150px;
        padding: 15px 12px 12px;
    }

    .table-sort-mid-col {
        width: 150px;
        padding: 15px 12px 15px;
    }

    .table-sort-first-col,
    .table-sort-first-col-head {
        width: 160px;
    }

    .actions-box {
        width: 109px;
        font-size: 11px;
        margin-bottom: 3px;
    }

    .actions-box.delete {
        width: 46px;
    }

    .actions-box.delete.sm {
        width: 40px;
    }

    .table-sort-last-col {
        width: calc(100% - 460px);
    }

    .dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-selection--single {
        background-position: right 20px center;
    }

    ul.package-dtl-head-listing li {
        width: 30.333%;
        margin-right: 15px;
    }

    ul.package-dtl-head-listing li.report-li {
        width: 100%;
        margin-top: 20px;
        justify-content: flex-start;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item {
        width: 25%;
    }

    .outbox-shipments ul.package-dtl-head-listing li:nth-child(3) {
        width: 30.333%;
    }

    .outbox-shipments .shiping-option-table-body ul li:last-child {
        margin-right: 0;
    }

    .outbox-shipments ul.package-dtl-head-listing li.report-li {
        width: 100%;
    }

    .order-summary-content .dark {
        font-size: 18px;
    }

    /*--requires-attention--*/
    .shiping-option-table.requires-attention .table-sort-first-col-head,
    .shiping-option-table.requires-attention .table-sort-first-col {
        width: 28%;
    }

    .shiping-option-table.requires-attention .table-sort-mid-col-head,
    .shiping-option-table.requires-attention .table-sort-mid-col {
        width: 24%;
    }

    .shiping-option-table.requires-attention .table-sort-last-col-head,
    .shiping-option-table.requires-attention .table-sort-last-col {
        width: 24%;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item {
        width: 25%;
    }

    /*--Additional Names--*/
    .shiping-option-table.additional-names .table-sort-first-col-head,
    .shiping-option-table.additional-names .table-sort-first-col {
        width: 28%;
    }

    .shiping-option-table.additional-names .table-sort-mid-col-head,
    .shiping-option-table.additional-names .table-sort-mid-col {
        width: 28%;
    }

    .shiping-option-table.additional-names .table-sort-last-col-head,
    .shiping-option-table.additional-names .table-sort-last-col {
        width: 15%;
    }

    /*--In Progress--*/
    .shiping-option-table.in-progress .table-sort-first-col-head,
    .shiping-option-table.in-progress .table-sort-first-col {
        width: 25%;
    }

    .shiping-option-table.in-progress .table-sort-mid-col-head,
    .shiping-option-table.in-progress .table-sort-mid-col {
        width: 20%;
    }

    .shiping-option-table.in-progress .table-sort-last-col-head,
    .shiping-option-table.in-progress .table-sort-last-col {
        width: 15%;
    }

    /*--Ready-to-ship--*/
    .shiping-option-table.ready-to-ship .table-sort-first-col-head,
    .shiping-option-table.ready-to-ship .table-sort-first-col {
        width: 24%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.fst,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.fst {
        width: 24%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.sec,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.sec {
        width: 24%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.trd,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.trd {
        width: 140px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col-head,
    .shiping-option-table.ready-to-ship .table-sort-last-col {
        width: 28%;
        padding-left: 0px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box {
        width: 105px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box:nth-child(1) {
        width: auto;
        padding-left: 17px;
        padding-right: 17px;
        min-height: 48px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box:nth-child(2) {
        width: auto;
        padding-left: 17px;
        padding-right: 17px;
        min-height: 48px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box.delete {
        width: 48px;
    }

    .shiping-option-table.ready-to-ship .actions-box a span {
        width: auto;
        margin-left: 5px;
    }

    /*--Shipments--*/
    .shiping-option-table.outbox-shipments .table-sort-first-col-head,
    .shiping-option-table.outbox-shipments .table-sort-first-col {
        width: 31%;
    }

    .shiping-option-table.outbox-shipments .table-sort-mid-col-head,
    .shiping-option-table.outbox-shipments .table-sort-mid-col {
        width: 27%;
    }

    .shiping-option-table.outbox-shipments .table-sort-last-col-head,
    .shiping-option-table.outbox-shipments .table-sort-last-col {
        width: 15%;
    }

    /*--Outbox-all--*/
    .shiping-option-table.outbox-all-option .table-sort-first-col-head,
    .shiping-option-table.outbox-all-option .table-sort-first-col {
        width: 31%;
    }

    .shiping-option-table.outbox-all-option .table-sort-mid-col-head,
    .shiping-option-table.outbox-all-option .table-sort-mid-col {
        width: 27%;
    }

    .shiping-option-table.outbox-all-option .table-sort-last-col-head,
    .shiping-option-table.outbox-all-option .table-sort-last-col {
        width: 15%;
    }

    /*--====== Modal Sign In ======--*/
    .login-left-col {
        border-radius: 0 16px 16px 0;
        width: 50%;
    }

    .login-right-col {
        width: 50%;
        display: block;
    }

    .profile-avatar-box-img {
        padding-bottom: 132px;
        width: 132px;
        border-radius: 40px;
    }

    .shipping-method-option-box.sm .shipping-option-right {
        width: 60%;
    }

    .shipping-method-option-box.sm .shipping-option-left {
        width: 40%;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .trial-text.current {
        display: none;
    }

    /*--- Account Profile ---*/
    .shiping-option-table.payment-packages .table-sort-first-col-head,
    .shiping-option-table.payment-packages .table-sort-first-col {
        width: 24%;
    }

    .shiping-option-table.payment-packages .table-sort-mid-col-head,
    .shiping-option-table.payment-packages .table-sort-mid-col {
        width: 15%;
    }

    .shiping-option-table.payment-packages .table-sort-last-col-head,
    .shiping-option-table.payment-packages .table-sort-last-col {
        width: 15%;
    }

    .shiping-option-table.payment-packages .table-sort-last-col-btn-head,
    .shiping-option-table.payment-packages .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 16%;
    }

    .form-check-label.sm .text-gray-9 {
        font-size: 14px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-first-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-first-col {
        width: 20%;
        padding: 15px 10px 12px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-mid-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-mid-col {
        width: 11%;
        padding: 15px 5px 12px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col {
        width: 13%;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-service-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col-service {
        padding: 15px 10px 12px;
        width: 18%;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-btn-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 16%;
    }

    /*--Referral History--*/
    .shiping-option-table.referral-history .table-sort-first-col-head,
    .shiping-option-table.referral-history .table-sort-first-col {
        width: 24%;
    }

    .shiping-option-table.referral-history .table-sort-mid-col-head,
    .shiping-option-table.referral-history .table-sort-mid-col {
        width: 20%;
    }

    .shiping-option-table.referral-history .table-sort-last-col-btn-head,
    .shiping-option-table.referral-history .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 16%;
    }

    /*--Reward History--*/
    .shiping-option-table.reward-history .table-sort-first-col-head,
    .shiping-option-table.reward-history .table-sort-first-col {
        width: 37%;
        padding-left: 20px;
    }

    .shiping-option-table.reward-history .table-sort-mid-col-head,
    .shiping-option-table.reward-history .table-sort-mid-col {
        width: 21%;
    }

    .cst-col-3 {
        width: 30%;
    }

    .cst-col-4 {
        width: 10%;
    }

    .faq-tab-menu ul li {
        font-size: 18px;
        margin: 10px 8px;
    }

    .faq-tab-menu ul li a {
        padding: 0 12px;
    }

    /*--====== Shipment Process Page ======--*/
    .services-banner.shipment-banner .inner-banner-img {
        width: 405px;
        height: 300px;
        top: 0;
        margin-top: 45px;
        right: 0px;
        position: relative;
    }

    .header-banner-main.inner.services-banner.shipment-banner .header-banner-wrap {
        padding-bottom: 55px;
    }

    .shipping-method-option-box.white-bg {
        background: #ffffff;
    }

    .white-bg.radio-checked .form-check-label-logo-lg {
        background: #ffffff;
    }

    .shipping-form-check.disabled .white-bg .form-check-label-logo-lg {
        background: #CCCCCC;
    }

    /*--====== Consolidation Page ======--*/
    .services-banner.consolidation-banner .inner-banner-img {
        width: 405px;
        height: 220px;
        top: 0;
        margin-top: 45px;
        right: 0px;
        position: relative;
        text-align: center;
    }

    .services-banner.consolidation-banner .inner-banner-img img {
        width: auto;
        max-height: 100%;
    }

    .header-banner-main.inner.services-banner.consolidation-banner .header-banner-wrap {
        padding-bottom: 85px;
    }

    /*========Upgrade plan to save =========*/
    .upgrade-listing .col-xl-5 {
        width: 46.666667%;
    }

    .upgrade-listing .col-xl-7 {
        width: 53.333333%;
    }

    .plan-price-box h4 {
        font-size: 42px;
        line-height: 50px;
    }

    .upgrade-plan-head-wrap .plan-box-icon {
        width: 74px;
        height: 74px;
    }

    .upgrade-plan-head-wrap .plan-box-head-text {
        width: calc(100% - 74px);
    }

    .upgrade-plan-head-wrap .plan-price-box h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .upgrade-plan-txt {
        width: 70%;
    }

    .plan-price-box {
        max-width: 30%;
    }

    .upgrade-modal .plan-table-head {
        padding: 20px 20px 0;
    }

    .plan-box-head-text p {
        font-size: 13px;
        line-height: 20px;
    }

    /*=========Error Pages=========*/
    .error-page-wrap h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .error-page-wrap p {
        font-size: 18px;
        line-height: 24px;
    }

    .country-point {
        width: 30px;
        height: 60px;
        top: 12px;
        right: 45px;
    }

    /*--====== German Landing Page ======--*/
    .german-content-banner h1,
    .german-content-banner h2 {
        font-size: 38px;
        line-height: 48px;
    }
}

@media (min-width: 1200px) {
    .btn {
        padding: 1rem 30px;
        font-weight: 600;
        line-height: 24px;
    }

    .btn.sm {
        padding: 0.5rem 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }

    .btn.md {
        padding: 0.75rem 23px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    .header-section .logo {
        width: 257px;
    }

    .container {
        max-width: 1140px;
    }

    .header-banner-main h1,
    .standard-header h1,
    h1.post-titleNew {
        line-height: 58px;
        font-size: 48px;
    }

    .standard-header h1 {
        letter-spacing: 1px;
    }

    .header-banner-main p {
        line-height: 30px;
        font-size: 20px;
    }

    .display-2,
    .blog-signup-section h2 {
        font-size: 36px;
    }

    .fs-5 {
        font-size: 18px !important;
    }

    .banner-img {
        width: 640px;
        height: 550px;
        top: calc(50% - 275px);
        left: -14px;
    }

    .step-cnt-box {
        margin-top: 140px;
    }

    .yellow-box .step-cnt-box {
        margin-top: 145px;
    }

    .blue-box .step-cnt-box {
        margin-top: 150px;
    }

    .step-cnt-box h3 {
        font-size: 28px;
    }

    .step-cnt-box p {
        font-size: 18px;
    }

    .green-box .step-number-box .step-line:after {
        right: -105px;
        width: 46px;
    }

    .yellow-box .step-number-box .step-line:after {
        left: -85px;
        width: 46px;
    }

    .yellow-box .step-number-box .step-line:before {
        right: -105px;
        width: 46px;
    }

    .blue-box .step-number-box .step-line:before {
        left: -92px;
        width: 46px;
    }

    .testimonial-carousel .slick-prev {
        left: -70px;
    }

    .testimonial-carousel .slick-next {
        right: -70px;
    }

    /*--step--*/
    .work-step-image {
        position: absolute;
        width: 888px;
        left: calc(50% - 514px);
        height: 750px;
        bottom: -40px;
        transform: scale(0.81);
        transform-origin: bottom;
    }

    .services-work-list ol li {
        margin-bottom: 30px;
        padding-left: 35px;
    }

    /*--====== How It Workes Page ======--*/
    .h1,
    h1 {
        font-size: 54px;
    }

    .list-content h3 {
        font-size: 30px;
    }

    .list-content p,
    .how-it-work-video-section p {
        font-size: 19px;
        line-height: 32px
    }

    /*--====== Buy for me Page ======--*/
    .inner-banner-img {
        width: 560px;
        height: 560px;
        top: calc(50% - 280px);
        right: 0;
    }

    .header-banner-main.inner h1 {
        line-height: 60px;
        font-size: 52px;
    }

    .header-banner-main.inner p,
    .standard-header h6 {
        line-height: 34px;
        font-size: 22px;
    }

    .standard-header p {
        line-height: 24px;
        font-size: 18px;
    }

    .buyforme-work-list ul li {
        margin-bottom: 65px;
    }

    .buyforme-work-list ul li:last-child {
        margin-bottom: 20px;
    }

    .service-charge-box h2 {
        font-size: 124px;
        line-height: 140px;
    }

    /*--====== Our Plans Page ======--*/
    .payment-logo-carousel .slick-list {
        margin-left: -30px;
        margin-right: -30px;
    }

    .payment-logo-carousel .slick-slide {
        padding-left: 30px;
        padding-right: 30px;
    }

    .plan-box-head h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .plan-box-head h4 {
        font-size: 34px;
        line-height: 42px;
    }

    .feature-title-head ul li {
        font-size: 22px;
        line-height: 30px;
    }

    .plan-box {
        width: calc(100% - 16px);
    }

    .feature-item-body ul li:first-child {
        font-size: 16px;
    }

    .plan-box-list ul li {
        font-size: 15px;
    }

    .plan-box-icon {
        width: 92px;
        height: 92px;
    }

    .plan-box-head-text {
        width: calc(100% - 92px);
    }

    .plan-box-head-text h3 {
        font-size: 28px;
    }

    /*--====== Rate Calculator Page ======--*/
    .animation-image-area {
        height: 450px;
    }

    .animation-image-area img {
        max-width: 280px;
    }

    .couriers-box {
        padding: 30px;
    }

    .couriers-box h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .couriers-box-text h4 {
        font-size: 36px;
        line-height: 40px;
    }

    .collage-images {
        padding-bottom: 68%;
        top: -15px;
    }

    .image-text-area h2 {
        font-size: 46px;
        line-height: 54px;
    }

    .image-text-area p {
        font-size: 22px;
        line-height: 30px;
    }

    .col-wd-8 {
        width: 105px;
    }

    /*--====== Services Page ======--*/
    .services-banner .inner-banner-img {
        width: 568px;
        height: 510px;
        top: 0;
        margin-top: 90px;
        right: -50px;
        position: relative;
    }

    .services-listing-wrap ul li {
        padding: 60px 40px;
        min-height: 275px;
    }

    .services-listing-wrap ul li:hover {
        padding: 30px 50px 30px 30px;
    }

    .services-listing-wrap ul li h3 {
        font-size: 21px;
        line-height: 30px;
    }

    .service-banner-text {
        padding-left: 72px;
    }

    /*-- Parcel Forwarding --*/
    .left-right-text-listing-area {
        padding: 55px 35px 25px;
    }

    .highlight-text h2 {
        font-size: 46px;
        line-height: 54px;
    }

    .start-xl-n3 {
        left: -30px;
    }

    .other-services-section h2 {
        font-size: 46px;
        line-height: 54px;
        margin-bottom: 65px;
    }

    .other-services-carousel .slick-prev,
    .other-services-carousel .slick-next {
        top: -110px;
    }

    .service-item-box h3,
    .service-item-box h3 a,
    .service-item-box a h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .benefit-box h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 50px;
    }

    .benefit-section h2 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 65px;
    }

    /*-- your-own-uk-postal-address --*/
    .contact-listing {
        padding: 60px 50px;
    }

    .contact-listing ul li {
        font-size: 21px;
        margin-bottom: 25px;
    }

    /*--====== Login Page ======--*/
    .login-left-col-inner {
        max-width: 570px;
        margin: 0 0px 0px auto;
    }

    .signin-dialog .modal-header {
        width: 560px;
    }

    /*--====== Sign Up Page ======--*/
    .signup-nav-link {
        padding: 8px 22px;
    }

    .signup-nav-link h4 {
        font-size: 16px;
        margin-top: 8px;
    }

    /*--====== Dashboard Pages ======--*/
    .deshboard-section-top {
        padding: 50px 35px;
    }

    .dashboard-adress-map {
        width: 270px;
    }

    .deshboard-adress-dropdown-col {
        width: calc(100% - 695px);
        padding: 0 40px;
    }

    .dashboard-useful-info-col {
        width: 425px;
    }

    .table-sort-mid-col .text {
        font-size: 14px;
    }

    .sort-id {
        font-size: 14px;
    }

    .table-sort-mid-col-head {
        width: 150px;
        padding: 15px 12px 12px;
    }

    .table-sort-mid-col {
        width: 150px;
        padding: 15px 12px 15px;
    }

    .table-sort-first-col,
    .table-sort-first-col-head {
        width: 160px;
    }

    .actions-box {
        width: 94px;
        font-size: 11px;
        margin-bottom: 0px;
    }

    .actions-box.delete {
        width: 46px;
    }

    .actions-box.delete.sm {
        width: 40px;
    }

    .table-sort-last-col {
        width: calc(100% - 460px);
    }

    .dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-selection--single {
        background-position: right 20px center;
    }

    ul.package-dtl-head-listing li {
        margin-right: 20px;
        width: 23.522%;
        border-right: 1px solid #CCCCCC;
    }

    .outbox-shipments ul.package-dtl-head-listing li {
        width: 24%;
        margin-right: 10px;
    }

    .outbox-shipments ul.package-dtl-head-listing li:nth-child(3) {
        width: 20%;
    }

    .outbox-shipments .shiping-option-table-body ul li:last-child {
        margin-right: 0;
    }

    ul.package-dtl-head-listing li.report-li {
        width: 18%;
        margin-top: 0px;
        justify-content: flex-end;
    }

    .outbox-shipments ul.package-dtl-head-listing li.report-li {
        width: 26%;
    }

    .dashboard-ship-filter-table .db-filter-nav-tabs .db-filter-nav-item {
        width: 20%;
    }

    .outbox-shipments .btn.sm {
        padding: 0.5rem 10px;
        font-size: 13px;
    }

    /*--requires-attention--*/
    .shiping-option-table.requires-attention .table-sort-first-col-head,
    .shiping-option-table.requires-attention .table-sort-first-col {
        width: 31%;
    }

    .shiping-option-table.requires-attention .table-sort-mid-col-head,
    .shiping-option-table.requires-attention .table-sort-mid-col {
        width: 23%;
    }

    .shiping-option-table.requires-attention .table-sort-last-col-head,
    .shiping-option-table.requires-attention .table-sort-last-col {
        width: 23%;
    }

    .dashboard-ship-filter-table .requires-attention-tab .db-filter-nav-tabs .db-filter-nav-item {
        width: 22%;
    }

    /*--Additional Names--*/
    .shiping-option-table.additional-names .table-sort-first-col-head,
    .shiping-option-table.additional-names .table-sort-first-col {
        width: 29%;
    }

    .shiping-option-table.additional-names .table-sort-mid-col-head,
    .shiping-option-table.additional-names .table-sort-mid-col {
        width: 29%;
    }

    .shiping-option-table.additional-names .table-sort-last-col-head,
    .shiping-option-table.additional-names .table-sort-last-col {
        width: 13%;
    }

    /*--Ready-to-ship--*/
    .shiping-option-table.ready-to-ship .table-sort-first-col-head,
    .shiping-option-table.ready-to-ship .table-sort-first-col {
        width: 26%;
        padding-right: 5px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.fst,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.fst {
        width: 24%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.sec,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.sec {
        width: 24%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.trd,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.trd {
        width: 140px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col-head,
    .shiping-option-table.ready-to-ship .table-sort-last-col {
        width: 26%;
        padding-left: 0px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box {
        width: 94px;
        min-height: 48px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box a {
        min-height: 48px;
        font-size: 14px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box.delete {
        height: 48px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box:nth-child(1) {
        width: auto;
        padding-left: 17px;
        padding-right: 17px;
        min-height: 48px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box:nth-child(2) {
        width: auto;
        padding-left: 17px;
        padding-right: 17px;
        min-height: 48px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box.delete {
        width: 48px;
    }

    .shiping-option-table.ready-to-ship .actions-box a span {
        width: auto;
        margin-left: 5px;
    }

    /*--====== Return to sender Pages ======--*/
    .order-summary-right-section {
        padding: 30px;
    }

    ul.outstanding-list.lg li span {
        font-size: 18px;
    }

    ul.outstanding-list.lg li label {
        font-size: 18px;
    }

    .profile-avatar-box-img {
        padding-bottom: 152px;
        width: 152px;
        border-radius: 40px;
    }

    .shipping-method-option-box.sm .shipping-option-right {
        width: 50%;
    }

    .shipping-method-option-box.sm .shipping-option-left {
        width: 50%;
    }

    /*--- Account Profile ---*/
    .shiping-option-table.payment-packages .table-sort-first-col-head,
    .shiping-option-table.payment-packages .table-sort-first-col {
        width: 19%;
    }

    .shiping-option-table.payment-packages .table-sort-mid-col-head,
    .shiping-option-table.payment-packages .table-sort-mid-col {
        width: 17%;
    }

    .shiping-option-table.payment-packages .table-sort-last-col-head,
    .shiping-option-table.payment-packages .table-sort-last-col {
        width: 17%;
    }

    .shiping-option-table.payment-packages .table-sort-last-col-btn-head,
    .shiping-option-table.payment-packages .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 13%;
    }

    .shiping-option-table.payment-additional-requests .table-sort-first-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-first-col {
        width: 17%;
        padding: 15px 15px 12px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-mid-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-mid-col {
        width: 11%;
        padding: 15px 12px 15px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col {
        width: 11%;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-service-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col-service {
        padding: 15px 10px 12px;
        width: 26%;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-btn-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 13%;
    }

    .date-picker {
        width: 235px;
    }

    .payment-history-head .db-search-filter {
        width: 255px;
    }

    /*--Referral History--*/
    .shiping-option-table.referral-history .table-sort-first-col-head,
    .shiping-option-table.referral-history .table-sort-first-col {
        width: 23%;
    }

    .shiping-option-table.referral-history .table-sort-mid-col-head,
    .shiping-option-table.referral-history .table-sort-mid-col {
        width: 21%;
    }

    .shiping-option-table.referral-history .table-sort-last-col-btn-head,
    .shiping-option-table.referral-history .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 14%;
    }

    /*--Reward History--*/
    .shiping-option-table.reward-history .table-sort-first-col-head,
    .shiping-option-table.reward-history .table-sort-first-col {
        width: 37%;
        padding-left: 20px;
    }

    .shiping-option-table.reward-history .table-sort-mid-col-head,
    .shiping-option-table.reward-history .table-sort-mid-col {
        width: 21%;
    }

    .faq-tab-menu ul li {
        font-size: 20px;
        margin: 10px 12px;
    }

    /*--====== Shipment Process Page ======--*/
    .services-banner.shipment-banner .inner-banner-img {
        width: 555px;
        height: 415px;
        top: 0;
        margin-top: 45px;
        right: 0px;
        position: relative;
    }

    /*--====== Consolidation Page ======--*/
    .services-banner.consolidation-banner .inner-banner-img {
        width: 555px;
        height: 300px;
        top: 0;
        margin-top: 45px;
        right: 0px;
        position: relative;
    }

    /*.header-banner-main.inner.services-banner.consolidation-banner .header-banner-wrap { padding-bottom: 45px; }*/

    .plan-price-box h4 {
        font-size: 42px;
        line-height: 50px;
    }

    .upgrade-plan-head-wrap .plan-box-icon {
        width: 84px;
        height: 84px;
    }

    .upgrade-plan-head-wrap .plan-box-head-text {
        width: calc(100% - 84px);
    }

    .upgrade-plan-head-wrap .plan-price-box h4 {
        font-size: 32px;
        line-height: 40px;
    }

    .upgrade-plan-txt {
        width: 73%;
    }

    .plan-price-box {
        max-width: 27%;
    }

    .upgrade-modal .plan-table-head {
        padding: 30px 30px 0;
    }

    .plan-box-head-text p {
        font-size: 14px;
        line-height: 24px;
    }

    /*=========Error Pages=========*/
    .error-page-wrap h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .error-page-wrap p {
        font-size: 18px;
        line-height: 24px;
    }

    .country-point {
        width: 40px;
        height: 80px;
        top: 15px;
        right: 57px;
    }

    .blog-cnt .wp-block-columns {
        margin-bottom: 80px;
    }

    .blog-cnt :where(.wp-block-columns.is-layout-flex) {
        gap: 3rem;
    }

    /*--====== German Landing Page ======--*/
    .german-content-banner h1,
    .german-content-banner h2 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 2rem;
    }

    .german-content-banner h1.color {
        margin-bottom: 1.5rem;
    }

}


@media (min-width: 1440px) {
    .container {
        max-width: 1240px;
    }

    .header-banner-main h1,
    .standard-header h1,
    h1.post-titleNew {
        line-height: 62px;
        font-size: 52px;
    }

    .header-banner-main p {
        line-height: 32px;
        font-size: 22px;
    }

    .banner-img {
        width: 731px;
        height: 626px;
        top: calc(50% - 318px);
        left: -14px;
    }

    .display-2,
    .blog-cta-area h2 {
        font-size: 40px;
    }

    .fs-5 {
        font-size: 20px !important;
    }

    .benefits-box h3 {
        font-size: 20px;
    }

    .step-cnt-box {
        margin-top: 160px;
    }

    .yellow-box .step-cnt-box {
        margin-top: 165px;
    }

    .blue-box .step-cnt-box {
        margin-top: 170px;
    }

    .step-cnt-box h3 {
        font-size: 32px;
    }

    .step-cnt-box p {
        font-size: 20px;
    }

    .green-box .step-number-box .step-line:after {
        right: -111px;
        width: 56px;
    }

    .yellow-box .step-number-box .step-line:after {
        left: -104px;
        width: 56px;
    }

    .yellow-box .step-number-box .step-line:before {
        right: -111px;
        width: 56px;
    }

    .blue-box .step-number-box .step-line:before {
        left: -111px;
        width: 56px;
    }

    /*--step--*/
    .work-step-image {
        position: absolute;
        width: 888px;
        bottom: -60px;
        left: calc(50% - 514px);
        height: 750px;
        transform: scale(1);
    }

    .services-work-list ol li {
        margin-bottom: 40px;
    }

    /*--====== How It Workes Page ======--*/
    .h1,
    h1 {
        font-size: 56px;
    }

    .list-content h3 {
        font-size: 32px;
    }

    .list-content p,
    .how-it-work-video-section p {
        font-size: 20px;
    }

    /*--====== Buy for me Page ======--*/
    .inner-banner-img {
        width: 560px;
        height: 560px;
        top: calc(50% - 280px);
        right: 0;
    }

    .header-banner-main.inner h1 {
        line-height: 64px;
        font-size: 56px;
    }

    .header-banner-main.inner p,
    .standard-header h6 {
        line-height: 40px;
        font-size: 24px;
    }

    .standard-header p {
        line-height: 24px;
        font-size: 18px;
    }

    .buyforme-work-list ul li {
        margin-bottom: 75px;
    }

    .buyforme-work-list ul li:last-child {
        margin-bottom: 20px;
    }

    .service-charge-box h2 {
        font-size: 128px;
        line-height: 144px;
    }

    /*--====== Our Plans Page ======--*/
    .payment-logo-carousel .slick-list {
        margin-left: -45px;
        margin-right: -45px;
    }

    .payment-logo-carousel .slick-slide {
        padding-left: 45px;
        padding-right: 45px;
    }

    .plan-box-head h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .plan-box-head h4 {
        font-size: 40px;
        line-height: 48px;
    }

    .feature-title-head ul li {
        font-size: 28px;
        line-height: 36px;
    }

    .plan-box-list ul li {
        font-size: 16px;
    }

    /*--====== Rate Calculator Page ======--*/
    .animation-image-area {
        height: 540px;
    }

    .animation-image-area img {
        max-width: 300px;
    }

    .couriers-box h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .couriers-box-text h4 {
        font-size: 40px;
        line-height: 44px;
    }

    .collage-images {
        padding-bottom: 62%;
    }

    .image-text-area h2 {
        font-size: 48px;
        line-height: 56px;
    }

    .image-text-area p {
        font-size: 24px;
        line-height: 32px;
    }

    .col-wd-8 {
        width: 85px;
    }

    /*--====== Services Page ======--*/
    .services-listing-wrap ul li h3 {
        font-size: 24px;
        line-height: 32px;
    }

    /*-- Parcel Forwarding --*/
    .header-banner-main.inner .service-banner-text h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .header-banner-main.inner .service-banner-text h6 {
        font-size: 24px;
        line-height: 28px;
    }

    .header-banner-main.inner .service-banner-text p {
        font-size: 20px;
        line-height: 28px;
    }

    .service-icon-box-border-lg {
        width: 128px;
        height: 128px;
    }

    .left-right-text-listing-area {
        padding: 85px 50px 35px;
    }

    .highlight-text h2 {
        font-size: 48px;
        line-height: 56px;
    }

    .other-services-section h2 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 75px;
    }

    .other-services-carousel .slick-prev,
    .other-services-carousel .slick-next {
        top: -120px;
    }

    /*-- your-own-uk-postal-address --*/
    .contact-listing {
        padding: 70px 60px;
    }

    .contact-listing ul li {
        font-size: 22px;
        margin-bottom: 25px;
    }

    /*--====== Login Page ======--*/
    .login-left-col-inner {
        max-width: 640px;
        margin: 0 40px 0px auto;
    }

    /*--====== Dashboard Pages ======--*/
    .table-sort-mid-col .text {
        font-size: 14px;
    }

    .sort-id {
        font-size: 14px;
    }

    .table-sort-mid-col-head {
        width: 166px;
        padding: 15px 12px 12px;
    }

    .table-sort-mid-col {
        width: 166px;
        padding: 15px 12px 15px;
    }

    .table-sort-first-col,
    .table-sort-first-col-head {
        width: 165px;
    }

    /*--====== Dashboard Pages ======--*/
    .dashboard-adress-map {
        width: 315px;
    }

    .deshboard-adress-dropdown-col {
        width: calc(100% - 740px);
        padding: 0 40px;
    }

    .table-sort-mid-col .text {
        font-size: 16px;
    }

    .sort-id {
        font-size: 16px;
    }

    .table-sort-mid-col-head {
        width: 166px;
        padding: 15px 15px 12px;
    }

    .table-sort-mid-col {
        width: 166px;
        padding: 15px 12px 15px;
    }

    .table-sort-first-col,
    .table-sort-first-col-head {
        width: 180px;
    }

    .actions-box {
        width: 100px;
        font-size: 12px;
    }

    .actions-box.delete {
        width: 56px;
    }

    .actions-box.delete.sm {
        width: 40px;
    }

    .table-sort-last-col {
        width: calc(100% - 512px);
    }

    .dashboard-loc-dropdown .priority-dropdown .select2-container--default .select2-selection--single {
        background-position: right 20px center;
    }

    ul.package-dtl-head-listing li {
        margin-right: 24px;
    }

    .outbox-shipments ul.package-dtl-head-listing li {
        width: 24%;
        margin-right: 15px;
    }

    .outbox-shipments ul.package-dtl-head-listing li.report-li {
        width: 24%;
    }

    /*--Ready-to-ship--*/
    .shiping-option-table.ready-to-ship .table-sort-first-col-head,
    .shiping-option-table.ready-to-ship .table-sort-first-col {
        width: 28%;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.fst,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.fst {
        width: 24%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.sec,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.sec {
        width: 24%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-mid-col-head.trd,
    .shiping-option-table.ready-to-ship .table-sort-mid-col.trd {
        width: 140px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col-head,
    .shiping-option-table.ready-to-ship .table-sort-last-col {
        width: 24%;
        padding-left: 0px;
        padding-right: 10px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box:nth-child(1) {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .shiping-option-table.ready-to-ship .actions-box a span {
        width: auto;
        margin-left: 5px;
    }

    .shiping-option-table.ready-to-ship .table-sort-last-col .actions-box {
        width: 100px;
    }

    .profile-avatar-box-img {
        padding-bottom: 172px;
        width: 172px;
        border-radius: 40px;
    }

    .form-check-label.sm .text-gray-9 {
        font-size: 16px;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col {
        width: 10%;
    }

    .shiping-option-table.payment-additional-requests .table-sort-last-col-service-head,
    .shiping-option-table.payment-additional-requests .table-sort-last-col-service {
        padding: 15px 10px 12px;
        width: 27%;
    }

    /*--Referral History--*/
    .shiping-option-table.referral-history .table-sort-first-col-head,
    .shiping-option-table.referral-history .table-sort-first-col {
        width: 24%;
    }

    .shiping-option-table.referral-history .table-sort-mid-col-head,
    .shiping-option-table.referral-history .table-sort-mid-col {
        width: 21%;
    }

    .shiping-option-table.referral-history .table-sort-last-col-btn-head,
    .shiping-option-table.referral-history .table-sort-last-col-btn {
        padding: 15px 10px 12px;
        width: 13%;
    }

    /*--====== Shipment Process Page ======--*/
    .services-banner.shipment-banner .inner-banner-img {
        width: 610px;
        height: 460px;
        top: 0;
        margin-top: 45px;
        right: 0px;
        position: relative;
    }

    .services-banner.consolidation-banner .inner-banner-img {
        width: 680px;
        height: 360px;
        top: 0;
        margin-top: 80px;
        right: 0px;
        position: relative;
    }

    .upgrade-plan-txt .plan-box-head-text p {
        font-size: 16px;
    }

    .plan-price-box h4 {
        font-size: 48px;
        line-height: 56px;
    }

    .upgrade-plan-head-wrap .plan-price-box h4 {
        font-size: 42px;
        line-height: 50px;
    }

    .upgrade-plan-txt {
        width: 67%;
    }

    .plan-price-box {
        max-width: 33%;
    }

    .country-point {
        width: 50px;
        height: 99px;
        top: 12px;
        right: 64px;
    }

    .blog-cnt :where(.wp-block-columns.is-layout-flex) {
        gap: 5rem;
    }

    /*--====== German Landing Page ======--*/
    .german-content-banner h1,
    .german-content-banner h2 {
        font-size: 52px;
        line-height: 62px;
    }
}

@media (min-width: 1600px) {
    .header-banner-main {
        padding-bottom: 0;
        min-height: 787px;
    }

    .banner-text {
        padding-top: 130px;
        padding-bottom: 140px;
    }

    /*--====== Buy for me Page ======--*/
    .header-banner-main.inner {
        min-height: 717px;
        padding-bottom: 0;
    }

    /*--====== Services Page ======--*/
    .header-banner-main.inner.services-banner {
        min-height: auto;
        background-size: unset;
    }

    body .olark-launch-button-wrapper {
        bottom: 100px !important;
    }
}

.primary-msg-box {
    background: #cce5ff;
    color: #004085;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    border-radius: 8px;
}

.success-msg-box {
    background: #d4edda;
    color: #155724;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    border-radius: 8px;
}

.success-msg-box {
    background: #d4edda;
    color: #155724;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    border-radius: 8px;
}

.icon-current-balance {
    width: 22px;
    height: 22px;
    background: url(../images/current-balance.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% auto;
}

.icon-refund-amount {
    width: 22px;
    height: 22px;
    background: url(../images/refund-amount.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% auto;
}

.icon-account-charge {
    width: 22px;
    height: 22px;
    background: url(../images/account-charge.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% auto;
}

.order-summary-list {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.order-summary-content .dark.charges-text span {
    font-size: 16px;
    color: #525252;
}

.item-loop ul.outstanding-list li span {
    width: 40%;
}

.item-loop ul.outstanding-list li label {
    width: 60%;
    word-break: break-all;
    text-align: right;
}

/* ---------- new style------------ */

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

a.btn-checkout {
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    margin: 0 30px;
    background: rgba(255, 255, 255, .15);
    transition: all .5s ease-in-out;
}

a.btn-checkout:hover {
    background: #0870bb;
}

a.btn-checkout .ico-right-arrow {
    position: relative;
    top: 2px;
}

.btn-cross-arrow-icon {
    width: 16px;
    height: 16px;
    background: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: calc(50% - 8px);
    filter: brightness(0) invert(1);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545 !important;
}

.form-check-input.is-invalid+.form-check-label {
    color: red !important;
    font-weight: bold;
}

.payment-form-check.disabled {
    pointer-events: none;
    opacity: .65;
}

/* subhomoy 18/6/24 start */
.rate-calculator-section a {
    text-decoration: none;
}

/* terms and condition and privacy */
.common-text h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    color: #1B1C1E;
    margin-bottom: 20px;
    padding-top: 20px;
}

.common-text h2:first-child {
    padding-top: 0;
}

.common-text h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #1B1C1E;
    margin-bottom: 20px;
    padding-top: 20px;
}

.terms__content span {
    color: #007bd0;
}

.common-text ol,
.common-text ul {
    margin-bottom: 15px;
    margin-top: 15px;
}

.common-text ol.lower-latin,
.common-text ul.lower-latin {
    list-style: lower-latin;
}

.common-text ol li,
.common-text ul li {
    font-size: 18px;
    line-height: 24px;
    color: #4D4D4D;
    margin-bottom: 10px;
}

.terms__sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.terms__sidebar ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.terms__sidebar ul li:last-child {
    border-bottom: 0;
}

.terms__sidebar ul li a {
    text-decoration: none;
    position: relative;
    padding: 15px 0 15px 30px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #4D4D4D;
    font-size: 14px;
}

.terms__sidebar a span {
    color: rgba(0, 0, 0, .6);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -1px;
    background-color: #e8e9ed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    letter-spacing: 0;
    font-size: 10px;
}

.terms__sidebar ul li.active a {
    color: #007bd0;
}

.terms__sidebar ul li.active a span {
    background: #007bd0;
    color: #fff;
}

/* terms and condition */
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545 !important;
}

.form-check-input.is-invalid+.form-check-label {
    color: red !important;
    font-weight: bold;
}

.payment-form-check.disabled {
    pointer-events: none;
    opacity: .65;
}

/* subhomoy 18/6/24 start */

/* rate calculator */
.is-invalid+.select2-container--default .select2-selection--single {
    border-color: red !important;
}

/* rate calculator */

/* subhomoy rate page  25/6/24 start */
.position-relative.error-bg-none .is-invalid {
    background: none;
}

.error-bg-none .icon-hide-password-position {
    top: 35px
}

.plan-price-list .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

.plan-price-list .nav-link {
    border: transparent;
    cursor: pointer
}


.button-disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

/* subhomoy rate page  25/6/24 end */


/*----==== parcel-forwarding ====-----*/
.bg-blue-lighter-gradient {
    background-image: linear-gradient(#fff, #f2f5f8);
}

.forwarding-content p {
    color: #19255F;
    line-height: 24px;
    margin-bottom: 25px;
    font-size: 18px;
}

.forwarding-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.forwarding-content ul li {
    position: relative;
    padding-left: 45px;
    min-height: 30px;
    margin-bottom: 10px;
    padding-top: 2px;
    font-size: 18px;
    color: #19255F;
}

.forwarding-content ul li:after {
    position: absolute;
    content: "";
    background: url(../images/icon-checkmark-checked.svg) #ebedef;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: center;
}

.benefits-box .icon-box {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.bg-blue-lighter select.form-control {
    background: url(../images/icon-arrow-down-black.svg) #fff;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.bg-blue-lighter .faq-accordion .accordion-item:not(.collapsed) .accordion-button {
    background: #dfe6eb;
}

.reason-box {
    background: #fff;
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 10px;
    border-bottom: 4px solid #dde1e5;
}

.reason-icon {
    background: #007bd0;
    width: 70px;
    height: 70px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px;
    font-size: 24px;
    margin-top: -50px;
    border: 5px solid #fff;
}

.reason-box h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.reason-box p {
    color: #19255F;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

.reason-box p:last-child {
    margin-bottom: 0;
}

.button-disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

/* subhomoy rate page  25/6/24 end */

/* subhomoy buyforme  8/7/24 start */
.item-url-link {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    /* You can adjust the max-width to your requirement */
}

/* subhomoy buyforme  8/7/24 start */
/* subhomoy cookie page  05/7/24 start */
.cookie {
    bottom: -115px;
    height: 200px;
    padding: 14px 2%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: linear-gradient(170.83deg, #007BD0 -14.33%, #6EBD13 144.52%);
}

.cookie .btnSubmit {
    text-transform: uppercase;
    width: 100px;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 4px 9px;
    text-decoration: none;
    margin: 0 30px 10px;
    font-size: 14px;
    background: rgba(255, 255, 255, .15);
    transition: all .5s ease-in-out;
}

/* subhomoy cookie page  05/7/24 end */

.select2-container *:focus {
    border-color: #52a3ff !important;
    outline: 0;
}

.grecaptcha-badge {
    display: none;
}

.ico-retry-arrow {
    width: 18px;
    height: 16px;
    background: url(../images/retry.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.popover.custom-popover {
    max-width: 200px; /* Adjust width */    
    border-radius: 8px;
}

.popover.custom-popover .popover-header {
    background-color: #4a90e2; /* Custom background for header */
    color: #ffffff;           /* White text color */
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    padding: 8px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.popover.custom-popover .popover-body {
    background-color: #f0f4f8; /* Light background for body */
    color: #333333;            /* Dark text color */
    font-size: 0.9rem;
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media (min-width: 992px) {
    .dropdown-menu.show {
        display: none;
    }

    #main-nav .nav-item .dropdown-toggle.show::after {
        content: "+" !important
    }

    #main-nav .nav-item:hover .dropdown-toggle::after {
        content: "-" !important
    }

    .popover.custom-popover {
        max-width: 250px; /* Adjust width */ 
    }
}
@media (max-width: 768) {        
    .popover.custom-popover {
        max-width: 200px; /* Adjust width */ 
    }
}

@media (max-width: 992px) {
    .cookie {
        height: 215px;
    }    
    .popover.custom-popover {
        max-width: 250px; /* Adjust width */ 
    }
}