* {
    padding: 0;
    margin: 0;
    border: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


body {
    line-height: 1;
}

ol,
ol li,
ul,
ul li {
    list-style-type: none;
    margin-bottom: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

a {
    text-decoration: none;
}

*:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none !important;
}

button[type="button"]:focus {
    outline: none;
}

/* 1.1 SVG default css*/
svg:not(:root).svgImg {
    overflow: visible;
}

.svgImg {
    display: inline-block;
    font-size: inherit;
    width: 1em;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

.svg-icons {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

/*SVG default css*/
:root {
    --app-height: 100vh;
    --combined-height: 0;
    --header-height: 0;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

p {
    line-height: 1.4;
    font-size: 16px;
    color: rgb(31, 23, 65, 0.7);
    font-weight: 400;
    margin-bottom: 22px;
    font-family: "Poppins", sans-serif;
}

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

a {
    color: #1F1741;
    transition: all 0.4s ease-in-out;
}

.c-scrollbar {
    height: 100vh !important;
}

html {
    font-size: 16px;
}

body {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #1F1741;
    background-color: #fff;
    position: relative;
}

.trans {
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
    -webkit-text-fill-color: #1F1741 !important;
    transition: background-color 5000000s ease-in-out 0s !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.wrapper {
    display: block;
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
    position: relative;
}

.container {
    max-width: 1356px;
    padding: 0 30px;
}

.common-sec {
    padding-top: 120px;
    padding-bottom: 120px;
}

.icon {
    display: block;
    width: 20px;
    height: 20px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: currentColor;
    transition: all 0.4s ease-in-out;
}

.icon-right-arrow {
    mask-image: url(../img/svg/right-arrow.svg);
}

.sec-head {
    position: relative;
    display: block;
    margin-bottom: 24px;
}

.sec-sub-title {
    color: #5A1B88;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

.sec-title {
    color: #1F1741;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    display: block;
}

.sec-md-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
    display: block;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #00E783;
    border-radius: 5px;
    padding: 15px 25px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    min-width: auto;
    line-height: 1.2;
    border: 1px solid #00E783;
    z-index: 2;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
}

.btn::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -20px;
    background: #5A1B88;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 5%;
    margin: auto;
    transform: translate(-50%, 30%);
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.btn:focus {
    box-shadow: none;
}

.btn:hover,
.btn:active {
    color: #fff;
    background-color: #5A1B88;
    border-color: #5A1B88;
}

.hidden {
    width: 0;
    height: 0;
    display: none
}

.back-to-top {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed;
    bottom: -50px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: #00E783;
    border-radius: 70px;
    text-align: center;
    border: none;
    opacity: 0;
    overflow: hidden;
    color: #fff
}

.back-to-top.active {
    bottom: 85px;
    opacity: 1;
    z-index: 9
}

.back-to-top>div {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.back-to-top>.arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.back-to-top>.arrow svg {
    fill: #fff;
    height: 20px;
    width: 100%
}

.back-to-top>.text {
    font-size: 8px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0;
    margin-top: 1px
}

.back-to-top:hover {
    transform: scale(1.1);
    bottom: 85px;
    cursor: pointer
}

.back-to-top:hover>.arrow {
    transform: translateY(-150%) translateX(-50%);
    opacity: 0
}

.back-to-top:hover>.text {
    transform: translateY(-50%) translateX(-50%);
    opacity: 1
}

.form-label {
    color: #1F1741;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 8px;
}

.form-control {
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding: 12px 20px;
    color: #1F1741;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.form-control::placeholder {
    color: #1F1741;
    font-size: 14px;
    font-weight: 400;
}

.form-control:focus {
    box-shadow: none;
    border-color: #8121CF;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* header */

.header {
    padding: 21px 0 28px;
    border-bottom: 1px solid #D9B3FF;
}

.home .header {
    border-bottom: none;
}

.navigation-bar {
    margin-right: 46px;
}

.mb-menu-logo {
    display: none
}

.navbar-main .nav-menu-main ul {
    margin-bottom: 0;
    list-style: none
}

.navbar-main ul:first-child {
    display: flex;
    justify-content: center;
    align-items: center
}

.navbar-main .nav-menu-main>ul>li {
    margin-right: 30px;
    position: relative;
    line-height: 0
}

.navbar-main .nav-menu-main>ul>li:last-child {
    margin-right: 0;
}

.navbar-main .nav-menu-main>ul>li.menu-item-has-children {
    padding-right: 15px
}

.navbar-main .nav-menu-main ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #1F1741;
    line-height: 1;
    position: relative;
    transition: all 0.4s ease-in-out
}

.navbar-main .nav-menu-main>ul>li .sub-menu li {
    padding: 0;
    position: relative;
    margin-right: 0;
    width: 100%
}

.navbar-main .nav-menu-main>ul>li>.sub-menu>li>a {
    font-size: 15px;
    font-weight: 500;
    color: #1F1741;
    display: block;
    padding: 10px 12px;
    border-bottom: 1px solid rgb(0 0 0 / 11%)
}

.navbar-main .nav-menu-main>ul>li>.sub-menu>li:last-child>a {
    border-bottom: none
}

.sidebar-overlay {
    visibility: hidden;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #1F1741;
    z-index: 998
}

.navbar-main .nav-menu-main ul li .arrow {
    position: absolute;
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border: none;
    border-bottom: 1px solid #8121CF;
    border-right: 1px solid #8121CF;
    transform: rotate(45deg);
    right: 0;
    top: 3px;
    transition: border 0.4s ease-in-out;
    padding-right: 0;
    cursor: pointer
}

.navbar-main .nav-menu-main>ul>li>.sub-menu {
    position: absolute;
    left: -30px;
    top: 85%;
    right: 0;
    margin: auto;
    background: #fff;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    z-index: 9;
    display: block;
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
    visibility: hidden;
    opacity: 0;
    width: 242px;
    padding: 15px;
    border-radius: 12px;
    transition: all 0.4s ease-in-out
}

.navbar-main .nav-menu-main>ul>li:hover>.sub-menu {
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
    opacity: 1;
    visibility: visible
}

.navbar-main .nav-menu-main>ul>li>.sub-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 40px;
    top: 0;
    transform: translateY(-100%)
}

.header.has-sticky .site-logo img {
    width: 201px
}

.sticky-header .header {
    position: fixed;
    z-index: 9;
    padding: 10px 0;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    background: #fff;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 999;
}

.menu-icon {
    display: none;
    width: 32px;
    height: 32px;
    position: relative;
    padding: 0;
    margin-top: 0;
    margin-left: 15px;
    color: #1F1741
}

.menu-icon span {
    display: block;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #1F1741;
    margin: auto
}

.menu-icon span:before {
    content: "";
    width: 25px;
    position: absolute;
    top: -8px;
    right: 0;
    height: 2px;
    background: currentColor
}

.menu-icon span:after {
    content: "";
    width: 25px;
    position: absolute;
    bottom: -8px;
    right: 0;
    height: 2px;
    background: currentColor
}

.body-fixed {
    overflow: hidden
}

.body-fixed .sidebar-overlay {
    opacity: .8;
    visibility: visible;
    left: 0;
    transition: all 0.6s ease-in-out
}

.header-style2 {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    border-bottom: 1px solid #F3E8FF;
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(243, 232, 255) 100%);
}

/* header */

/* Footer */

.footer-sec {
    padding: 60px 0;
    border-bottom: 1px solid #3B2D79;
    background-color: #1F1741;
}

.foot-box .social-media {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-top: 40px;
}

.social-media a {
    display: inline-block;
    width: 27px;
    height: 27px;
    position: relative;
    margin-right: 17px;
    font-weight: 400;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.social-media i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #fff;
    transition: all 0.4s ease-in-out;
}

.social-media .fb i {
    mask-image: url(../img/svg/facebook.svg);
}

.social-media .instagram i {
    mask-image: url(../img/svg/instagram.svg);
}

.social-media .twitter i {
    mask-image: url(../img/svg/twitter.svg);
}

.social-media .tiktok i {
    mask-image: url(../img/svg/tiktok.svg);
}

.social-media .linkedin i {
    mask-image: url(../img/svg/linkedin.svg);
}

.social-media .youtube i {
    mask-image: url(../img/svg/youtube.svg);
}

.footer-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 12px;
}

.foot-box ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(199, 203, 254, 1);
    display: inline-block;
    padding: 11px 0;
    word-wrap: break-word;
}

.foot-box ul li.current-menu-item a {
    color: #00E783;
}

.foot-box.quick-links,
.foot-box.user-guide,
.foot-box.help {
    padding-left: 30px;
}

.foot-box .cms-con p {
    color: #fff;
    font-weight: 500;
}

.foot-phone {
    margin-top: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: underline;
    display: block;
}

.foot-phone:hover {
    color: #00E783;
    text-decoration: underline;
}

.copyright-footer {
    background-color: #1F1741;
    padding: 13px 0
}

.copyright-footer .cms-con p,
.copyright-footer .cms-con p a {
    font-size: 13px;
    color: #C7CBFE
}

.copyright-footer .cms-con img {
    display: inline-block;
    vertical-align: middle
}

/* Footer */

.hero-banner-sec {
    border-top: 1px solid #D9B3FF;
    position: relative;
    padding: 8px 0 90px;
}

.banner-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.banner-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 50px;
    line-height: 1;
    display: block;
    margin-bottom: 12px;
}

.hero-banner-content p {
    color: rgba(31, 23, 65, 70%);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    display: block;
}

.track-parcel-con {
    margin-top: 58px;
}

.track-parcel-con .form-label {
    color: #1F1741;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1;
    display: block;
    margin-bottom: 10px
}

.track-parcel-con .form-group {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #D9B3FF;
    border-radius: 4px;
    padding: 6px 7px 6px 20px;
}

.track-parcel-con .form-control {
    background-color: transparent;
    border: none;
    padding: 0;
    height: 100%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #1F1741;
    border-radius: 0;
}

.track-parcel-con .form-control::placeholder {
    color: rgba(31, 23, 65, 50%);
    font-weight: 400;
}

.track-parcel-con .form-control:focus {
    box-shadow: none;
}

.track-parcel-con .form-group .btn {
    min-width: 185px;
    padding: 13px 25px;
}

.hero-banner-details {
    max-width: 540px;
}

.delivery-service-sec.common-sec {
    padding-bottom: 72px;
}

.delivery-service-details {
    padding-right: 40px;
}

.delivery-service-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.delivery-service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.delivery-service-details .sec-head {
    margin-bottom: 30px;
}

.delivery-service-details .cms-con {
    margin-bottom: 30px;
}

.why-choose-us-sec .row {
    --bs-gutter-x: 70px;
}

.why-choose-us-icon {
    width: 56px;
    aspect-ratio: 1/1;
    margin-bottom: 30px;
}

.why-choose-us-icon img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
}

.why-choose-us-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1;
    display: block;
    margin-bottom: 25px;
}

.why-choose-us-sec .cms-con {
    margin-bottom: 25px;
}

.learn-more-btn {
    color: #5A1B88;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: all .4s ease-in-out;
}

.learn-more-btn .icon {
    width: 10px;
    height: 10px;
    margin-left: 6px;
}

.learn-more-btn:hover {
    color: #00E783;
}

.zigzac-sec .row {
    --bs-gutter-x: 24px;
}

.zigzac-sec .row:nth-child(even) {
    flex-direction: row-reverse;
    margin-top: 20px;
}

.zigzac-box {
    background-color: #EAD5FF;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.zigzac-box.highlight-box {
    background-color: #5A1B88;
}

.zigzac-box .icon-box {
    width: 56px;
    aspect-ratio: 1/1;
    margin-bottom: 25px;
}

.zigzac-box.highlight-box .icon-box {
    filter: invert(1) brightness(100);
}

.zigzac-box .icon-box img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
}

.zigzac-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
    display: block;
    margin-bottom: 25px;
    max-width: 385px;
}

.zigzac-box.highlight-box .zigzac-title {
    color: #fff;
}

.zigzac-box .cms-con {
    max-width: 400px;
    margin-bottom: 25px;
}

.zigzac-box.highlight-box .cms-con p {
    color: #fff;
}

.zigzac-col {
    height: 100%;
}

.zigzac-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.zigzac-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.zigzac-img-text {
    position: absolute;
    bottom: 35px;
    left: 30px;
}

.zigzac-box.highlight-box .learn-more-btn {
    color: #fff;
}

.zigzac-box.highlight-box .learn-more-btn:hover {
    color: #00E783;
}

.zigzac-img-text p {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    max-width: 386px;
}

.send-parcel-sec {
    margin-top: -50px;
}


.send-parcel-box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 40px 0px #0000001A;
    padding: 40px 42px;
}

.send-parcel-box .send-parcel-con {
    padding-right: 50px;
}

.send-parcel-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.1;
    display: block;
    margin-bottom: 20px;
}

.destination-details {
    margin-bottom: 17px;
}

.destination-details-label {
    color: #1F1741;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    display: block;
    margin-bottom: 12px;
}

.destination-details .form-select {
    border: 1px solid #C1C1C1;
    background-color: #fff;
    color: #1F1741;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    appearance: none;
    padding: 16px 48px 16px 20px;
    background-image: url(../img/svg/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center right 26px;
}

.destination-details .form-select:focus {
    box-shadow: none;
    border-color: #5A1B88;
}

.send-parcel-radio {
    display: flex;
    align-items: center;
    column-gap: 14px;
    margin-bottom: 30px;
}

.size-option-box {
    width: 20%;
    background-color: #fff;
    border: 1px solid #C1C1C1;
    border-radius: 10px;
}

.size-option-box.active {
    background-color: #F3E8FF;
    border-color: #9732EB;
}

.size-option-box .form-check-label {
    width: 100%;
}

.size-option-box .size-name {
    padding: 8px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C1C1C1;
}

.size-option-box.active .size-name {
    border-color: #9732EB;
}

.size-option-box .size-name span {
    color: #1F1741;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
}

.price-box {
    padding: 8px 11px;
    color: #1F1741;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.price-box span {
    color: rgba(31, 23, 65, 50%);
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.size-option-box .form-check-input {
    border-color: #C1C1C1;
    margin-top: 0;
    width: 14px;
    height: 14px;
}

.size-option-box .form-check-input:checked {
    background-color: #9732EB;
    border-color: #9732EB;
}

.size-option-box .form-check-input:focus {
    box-shadow: none;
}

.size-option-box .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(../img/svg/check.svg);
    background-position: center 3px;
    background-size: 8px;
    background-repeat: no-repeat;
}

.package-size-con .find-package-title {
    color: #1F1741;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: block;
    margin-bottom: 20px;
}

.package-size-con .row {
    --bs-gutter-x: 14px;
}

.package-size-con .form-error {
    border-color: #b42318;
}

.package-size-con .error-message {
    display: none;
    font-size: 12px;
    color: #b42318;
    margin-top: 4px;
}

.continue-btn {
    margin-top: 15px;
}

.continue-btn .btn {
    min-width: 273px;
}

.send-parcel-cubix {
    background-image: url(../img/parcel-cubix-bg.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.send-parcel-cubix-img {
    width: 100%;
    height: 100%;
    display: flex;
}

.send-parcel-cubix-img img {
    max-width: 367px;
    margin: auto;
}

.find-near-sec {
    background-color: #1F1741;
}

.find-near-img {
    width: 100%;
    height: 100%;
}

.find-near-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.find-near-con {
    padding-left: 65px;
    max-width: 540px;
}

.find-near-con .cms-con {
    margin-bottom: 35px;
}

.find-near-con .cms-con p {
    color: #fff;
}

.industry-sec.common-sec {
    padding-top: 40px;
    margin-top: 70px;
    position: relative;
}

.industry-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.industry-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
}

.industry-con .sec-head {
    margin-bottom: 35px;
}

.industry-con .sec-title {
    margin-bottom: 20px;
}

.industry-box {
    background: linear-gradient(360deg, #FAF5FF 0%, #EAD5FF 100%);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    width: 100%;
}

.industry-box .industry-count {
    color: #1F1741;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    display: block;
    margin-bottom: 12px;
}

.industry-box .industry-name {
    color: rgba(31, 23, 65, 70%);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    display: block;
    text-align: center;
}

.industry-list .row>*.hidden-md .industry-box {
    min-height: 260px;
}

.industry-list .row>*.hidden-md .industry-box .industry-count {
    font-size: 54px;
}

.industry-list .row>*.hidden-md .industry-box .industry-name {
    font-size: 24px;
}

.why-legally-sec .sec-head {
    margin-bottom: 60px;
}

.why-legally-sec .row {
    --bs-gutter-x: 68px;
    --bs-gutter-y: 30px;
}

.why-legally-box .icon-box {
    width: 56px;
    margin-bottom: 35px;
}

.why-legally-box .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.why-legally-content .why-legally-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1;
    display: block;
    margin-bottom: 25px;
}

.faq-sec .sec-head {
    margin-bottom: 60px;
}

.faq-sec .sec-title {
    font-size: 40px;
}

.accordion {
    max-width: 740px;
    margin: auto
}

.accordion-header {
    margin-bottom: 0;
    padding-right: 20px
}

.accordion-button {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #1f1741;
    border: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    outline: 0;
    padding: 30px 0;
    padding-bottom: 15px;
    padding-right: 30px
}

.accordion-button.collapsed {
    padding: 30px 0;
    padding-right: 25px
}

.accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d9d9d9
}

.accordion-item:first-of-type {
    border-radius: 0;
    border-top: 1px solid #d9d9d9
}

.accordion-item:last-child {
    border-bottom: 0
}

.accordion-button:not(.collapsed) {
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
    color: #1f1741
}

.accordion-button:focus {
    box-shadow: none
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../img/svg/minus.svg);
    top: 12px
}

.accordion-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    margin: auto;
    background-image: url(../img/svg/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    height: 16px;
    width: 16px
}

.accordion-body {
    padding: 0
}

.accordion-body {
    padding-bottom: 27px;
    max-width: 90%
}

.accordion-item:last-of-type {
    border-radius: 0
}

.downlaod-app-con {
    background-color: #5A1B88;
    border-radius: 20px;
    position: relative;
}

.downlaod-app-bg-img {
    background-image: url(../img/download-app-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mix-blend-mode: color-burn;
}

.downlaod-app-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.downlaod-app-content {
    padding: 0 94px;
    position: relative;
    display: flex;
    align-items: center;
}

.downlaod-app-desc {
    width: 50%;
}

.downlaod-app-desc .sec-head {
    margin-bottom: 30px;
}

.download-btn-box {
    column-gap: 10px;
}

.downlaod-app-img {
    margin-top: -133px;
}

/* 404-pages */

.error-sec,
.thank-you-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: calc(var(--app-height) - var(--combined-height));
}

.error-sec .error-con {
    text-align: center;
    max-width: 28.125rem;
    margin: auto;
}

.error-sec .error-title {
    font-size: 12.5rem;
    font-weight: 800;
    color: #5A1B88;
    line-height: 1.2;
}

.error-sec .error-subtitle {
    font-size: 3.125rem;
    line-height: 1;
    color: #1F1741;
    font-weight: 700;
    padding-bottom: 1.25rem;
}

.error-sec p {
    color: rgb(31, 23, 65, 0.7);
    font-size: 1rem;
    font-weight: 500;
    display: block;
    line-height: 1.4;
    margin-bottom: 1.375rem;
}

.error-con .btn {
    margin-top: 1.25rem;
}

/* 404-pages */

.cardExpandable_content__ETJS1 {
    max-width: 556px;
    margin-inline: auto;
}

.cubeSVG_container__lUhVe {
    --stroke-width: 4px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(243, 232, 255, 0) 0%, #F3E8FF 30.15%, rgba(243, 232, 255, 0.556427) 84.27%, rgba(243, 232, 255, 0) 99.95%);
    border-radius: 10px;
}

.send-parcel-img {
    position: relative;
    height: 100%;
}

.send-parcel-img::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.send-parcel-img::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 110%);
}

.cubeSVG_background__9VHQR {
    transform-origin: 50% 50%;
}

.cubeSVG_backgroundUnit__FjIJ_ {
    fill: none;
    stroke: #D9B3FF;
    stroke-width: .7;
}

.cubeSVG_faceTop__1TpkL {
    fill: #F3E8FF;
}

.cubeSVG_faceLeft__CQmG5,
.cubeSVG_faceRight__mCVNk {
    fill: #D9B3FF;
}

.cubeSVG_faceLeft__CQmG5,
.cubeSVG_faceRight__mCVNk {
    fill: #D9B3FF;
}

.cubeSVG_outline__O3aCA {
    fill: none;
    stroke: #5A1B88;
    stroke-width: 2px;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.cubeSVG_pill__0pJxV {
    fill: #5A1B88;
    vector-effect: non-scaling-stroke;
    rx: 30;
    ry: 30;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
}

.cubeSVG_pillText__uy3Of {
    font-family: inherit;
    font-size: 22px;
    font-weight: 600;
    fill: #fff;
    pointer-events: none;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
    background: red;
}

.cubeSVG_pill__0pJxV {
    fill: #5A1B88;
    vector-effect: non-scaling-stroke;
    rx: 30;
    ry: 30;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
}

.cubeSVG_pillText__uy3Of {
    font-family: inherit;
    font-size: 32px;
    font-weight: 600;
    fill: #fff;
    pointer-events: none;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
    background: red;
}

.cubeSVG_pill__0pJxV {
    fill: #5A1B88;
    vector-effect: non-scaling-stroke;
    rx: 30;
    ry: 30;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
}

.cubeSVG_pillText__uy3Of {
    font-family: inherit;
    font-size: 32px;
    font-weight: 600;
    fill: #fff;
    pointer-events: none;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
    background: red;
}


.cubeSVG_pillError__M3hJW {
    fill: #f04438;
}

.send-parcel-sec img {
    border-radius: 10px;
    overflow: hidden;
}

/* Configure Package */
.configure-sec.common-sec {
    padding-top: 60px;
}

.configure-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.1;
    display: block;
    margin-bottom: 30px;
}

.configure-con,
.payment-method,
.discount-code {
    border: 1px solid #C1C1C1;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 35px;
}

.package-size-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    display: block;
    margin-bottom: 25px;
}

.configure-con .package-img {
    width: 100%;
    margin-bottom: 30px;
}

.configure-con .package-img img {
    width: 100%;
    object-fit: cover;
}

.configure-sec .btn::before {
    bottom: -40px;
}

.recipient-con .package-size-title {
    margin-bottom: 12px;
}

.recipient-details {
    color: rgba(31, 23, 65, 50%);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    display: block;
    margin-bottom: 35px;
}

.recipient-form .form-group {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.recipient-form .form-group.search-group {
    margin-top: 20px;
}

.recipient-form .form-label {
    color: rgba(31, 23, 65, 70%);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    display: block;
    margin-bottom: 10px;
}

.recipient-form .form-control {
    padding: 13px 20px;
}

.recipient-form .form-control::placeholder {
    color: rgba(31, 23, 65, 20%);
}

.recipient-form .form-group.search-group .form-control {
    padding-right: 50px;
}

.recipient-form .row {
    --bs-gutter-x: 15px;
}

.recipient-form .search-icon {
    background: transparent;
    position: absolute;
    right: 15px;
    top: 38px;
    width: 20px;
    height: 20px;
}

.recipient-form .search-icon .icon {
    width: 16px;
    height: 16px;
    background-color: #8121CF;
}

.icon-search {
    mask-image: url(../img/svg/search.svg);
}

.form-check .form-check-input {
    border-color: #C1C1C1;
    margin-top: 0;
}

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

.form-check-input:checked[type=checkbox] {
    background-color: #1F1741;
    box-shadow: none;
    border-color: #1F1741
}

.form-check-label {
    color: rgba(31, 23, 65, 50%);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    display: block;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.recipient-notes {
    background-color: #F3E8FF;
    border-radius: 10px;
    padding: 14px 42px 19px 10px;
    display: flex;
    margin-top: 30px;
    margin-bottom: 40px;
    column-gap: 10px;
}

.recipient-notes .icon-box {
    width: 16px;
    flex: 0 0 16px;
}

.recipient-notes .icon-box img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.recipient-notes .notes-title {
    color: #1F1741;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    display: block;
    margin-bottom: 12px;
}

.recipient-notes .notes-content {
    color: rgba(31, 23, 65, 70%);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    display: block;
}

.icon-home {
    mask-image: url(../img/svg/home.svg);
}

.icon-shop {
    mask-image: url(../img/svg/shop.svg);
}

.delivery-option-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    display: block;
    margin-bottom: 18px;
}

.delivery-option {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px;
    border-radius: 10px;
    padding: 5px;
    background-color: #FAF5FF;
    margin-bottom: 15px;
}

.delivery-option-box {
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 50%;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.delivery-option-box.active {
    background-color: #9732EB;
}

.delivery-option-box .icon-box {
    width: 20px;
    flex: 0 0 20px;
}

.delivery-option-box .icon-box .icon {
    background-color: #8121CF;
    width: 20px;
    aspect-ratio: 1/1;
    transition: all .4s ease-in-out;
}

.delivery-option-box .content-box .delivery-title {
    color: #1F1741;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.1;
    display: block;
    margin-bottom: 8px;
    transition: all .4s ease-in-out;
}

.delivery-option-box .content-box .delivery-price {
    color: #1F1741;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    transition: all .4s ease-in-out;
}

.delivery-option-box.active .icon {
    background-color: #fff;
}

.delivery-option-box.active .delivery-title,
.delivery-option-box.active .delivery-price {
    color: #fff;
}

.recipient-notes.delivery-notes {
    margin-top: 0;
    margin-bottom: 0;
    display: none;
}

.recipient-notes.delivery-notes.show {
    display: flex;
}

.recipient-con .near-shop-box {
    border: 1px solid #C1C1C1;
    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
    transition: all .4s ease-in-out;
}

.recipient-con .near-shop-box:last-child {
    margin-bottom: 0;
}

.recipient-con .near-shop-box:hover {
    background-color: #f7f7f7;
}

.recipient-con .near-shop-box.select {
    border-color: #5A1B88;
}

.recipient-con .near-shop-box .form-check-label {
    cursor: pointer;
}

.icon-down {
    mask-image: url(../img/svg/down-arrow.svg);
}

.near-shop-box .near-shop-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.near-shop-box .near-shop-top .shop-details-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.near-shop-box .near-shop-top .shop-details-left .icon {
    flex: 20px;
    background-color: #9732EB;
}

.near-shop-box .near-shop-top .shop-details-left span {
    color: #1F1741;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    display: block;
}

.near-shop-box .near-shop-top .shop-details-right p {
    color: #9732EB;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    min-width: 50px;
    text-align: end;
}

.near-shop-box .near-shop-details {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.near-shop-box .near-shop-wrap a {
    color: #1F1741;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    display: inline-block;
    transition: all .4s ease-in-out;
}

.near-shop-box .near-shop-wrap a:hover {
    color: #9732EB;
}

.opening-hours-box span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #1F1741;
    display: inline-block;
    vertical-align: middle;
}

.opening-hours-box .icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    background-color: #1f1741;
}

.opening-hours-time {
    display: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.opening-hours-box .icon {
    transition: transform 0.3s ease;
}

.opening-hours-box .icon.rotate {
    transform: rotate(180deg);
}

.opening-hours-time li {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.opening-hours-time li span {
    color: #1F1741;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
    min-width: 120px;
}

.opening-hours-time li p {
    color: #1F1741;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
}

.near-shop-box .select-btn {
    opacity: 0;
    display: none;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.near-shop-box.select .select-btn {
    opacity: 1;
    visibility: visible;
    display: block;
    max-height: 100px;
}

.near-shop-box .select-btn .btn {
    margin-top: 0;
    font-size: 14px;
    padding: 8px 15px;
}

.recipient-form .btn {
    width: 100%;
}

.configure-con .btn {
    margin-top: 20px;
}

.shopping-cart {
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    background-color: #fff;
    position: sticky;
    top: 100px;
}

.shopping-cart-title {
    color: #fff;
    background-color: #1F1741;
    border-radius: 10px 10px 0 0;
    padding: 25px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    display: block;
}

.shopping-cart-title span {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
    margin-top: 10px;
    width: max-content;
}

.empty-box {
    padding: 60px 0;
    text-align: center;
}

.empty-box .img-box {
    margin-bottom: 30px;
}

.empty-box .img-box img {
    margin: auto;
}

.empty-box .content-box .empty-title {
    color: #1F1741;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    margin-bottom: 6px;
}

.page-template-configure-package .wrapper,
.page-template-checkout .wrapper {
    overflow: inherit;
}

.add-product-list {
    background-color: #F3E8FF;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.add-product-list li {
    color: rgba(31, 23, 65, 70%);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block;
    position: relative;
    padding-left: 26px;
}

.add-product-list li::before {
    content: '';
    position: absolute;
    background-image: url(../img/svg/success.svg);
    background-position: center;
    background-size: contain;
    width: 16px;
    aspect-ratio: 1/1;
    left: 0;
    top: 0;
}

.add-product-box {
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding: 18px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}

.parcel-con-left {
    display: flex;
    align-items: start;
    gap: 15px;
}

.add-to-cart-product {
    padding: 20px;
}

.add-product-box .size-box {
    background-color: #F3E8FF;
    border: 1px solid #9732EB;
    border-radius: 10px;
    width: 44px;
    flex: 0 0 44px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1F1741;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
}

.add-product-box .parcel-name {
    color: #1F1741;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    display: block;
    margin-bottom: 14px;
}

.delivery-address,
.add-product-box .user-email {
    max-width: 252px;
    color: rgba(31, 23, 65, 70%);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    display: block;
}

.delivery-address {
    margin-bottom: 5px;
}

.add-product-box .parcel-size {
    color: #1F1741;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    display: block;
    margin-top: 18px;
}

.icon-copy {
    mask-image: url(../img/svg/copy.svg);
}

.icon-edit {
    mask-image: url(../img/svg/edit.svg);
}

.icon-delete {
    mask-image: url(../img/svg/delete.svg);
}

.action-btn button {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.action-btn button:last-child {
    margin-right: 0;
}

.action-btn button .icon {
    width: 18px;
    height: 18px;
    background-color: rgba(31, 23, 65, 70%);
    transition: all .4s ease-in-out;
}

.action-btn .copy-btn:hover .icon {
    background-color: #1F1741;
}

.action-btn .edit-btn:hover .icon {
    background-color: #44b678;
}

.action-btn .delete-btn:hover .icon {
    background-color: #f44336;
}

.parcel-con-right {
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.parcel-con-right .total-parcel-price {
    color: #9732EB;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    display: block;
    text-align: right;
}

.total-cost-details {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 42px;
}

.total-cost-label {
    color: #1F1741;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    display: block;
}

.total-cost-label span {
    display: block;
    color: rgba(31, 23, 65, 70%);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    margin-top: 4px;
}

.total-cost-price {
    color: #9732EB;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    display: block;
}

.checkout-form .form-check {
    margin-top: 10px;
}

.payment-method,
.discount-code {
    margin-top: 20px;
}

.payment-method ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.payment-method ul li {
    width: 170px;
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding: 12px;
}

.payment-method ul li img {
    width: 100%;
    object-fit: contain;
}

.discount-apply {
    display: flex;
    align-items: center;
    gap: 17px;
}

.discount-apply .form-control {
    padding: 13px 20px;
}

.discount-apply .btn {
    min-width: 135px;
}

.discount-apply .form-control::placeholder {
    color: rgba(31, 23, 65, 20%);
}

.discount-code-box {
    max-width: 410px;
    background-color: #E6FFDF;
    border: 1px solid #66BD50;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.discount-code-box .content-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.discount-code-box .content-box .icon-box {
    width: 30px;
    aspect-ratio: 1/1;
}

.discount-code-box .content-box .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.discount-code-box .discount-details span {
    color: #1F1741;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    margin-bottom: 5px;
}

.discount-code-box .discount-details .discount-price {
    color: rgba(31, 23, 65, 70%);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
}

.discount-code-box button {
    background-color: transparent;
}

.configure-con .send-parcel-box {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0
}

.configure-con .send-parcel-con {
    padding-right: 0;
    margin-bottom: 22px;
}

.configure-con .send-parcel-img {
    margin-bottom: 30px;
}

/* Configure Package */

/* order page */

.order-sec.common-sec {
    padding-top: 75px;
}

.order-con {
    max-width: 700px;
    margin: auto
}

.shipment-details {
    background-color: #F3E8FF;
    border-radius: 20px;
    padding: 55px 15px 35px;
    width: 100%;
    text-align: center;
    margin-bottom: 52px;
}

.shipment-details .ship-img img {
    margin: 0 auto 33px;
}

.shipment-details .ship-content .ship-title {
    color: #1F1741;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    margin-bottom: 24px;
}

.shipment-details .ship-content p {
    text-align: center;
    max-width: 360px;
    margin: auto;
    color: rgba(0, 0, 0, 70%);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    margin-bottom: 50px;
}

.shipment-details .btn {
    min-width: 205px;
}

.order-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 375px;
    margin: auto;
    margin-bottom: 40px;
}

.order-details-box,
.order-address-box {
    position: relative;
}

.order-details-box:first-child:before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(31, 23, 65, 0) 0%, #B66AF9 50.96%, rgba(80, 59, 167, 0) 100%);
    right: -23%;
    top: 0;
    width: 1px;
    height: 53px;
}

.order-details-label {
    color: #1F1741;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.order-details-box p {
    color: rgba(31, 23, 65, 70%);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
}

.order-details-box a {
    color: #9732EB;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    text-align: center;
    transition: all .4s ease-in-out;
}

.order-details-box a:hover {
    color: #00E783;
}

.order-adress-details {
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding: 30px 30px 40px;
    display: flex;
    align-items: start;
    gap: 20px;
}

.order-address-box {
    width: 50%;
}

.order-address-box:first-child::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(31, 23, 65, 0) 0%, #B66AF9 50.96%, rgba(80, 59, 167, 0) 100%);
    right: 40px;
    top: 0;
    width: 1px;
    height: 115px;
}

.order-address-box:first-child .user-details {
    max-width: 185px;
}

.order-address-box:last-child {
    padding-left: 30px;
}

.order-address-title {
    color: #1F1741;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.order-address-box .user-name {
    color: rgba(31, 23, 65, 70%);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    margin-bottom: 12px;
}

.order-address-box .user-address {
    color: rgba(31, 23, 65, 70%);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
}

/* order page */

.search-parcel-sec .search-box {
    background-color: #1F1741;
    padding: 20px 25px 20px 18px;
}

.search-box-title {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.1;
    display: block;
    margin-bottom: 12px;
}

.search-parcel-sec .recipient-form .search-icon {
    top: 15px;
}

#map {
    height: calc(100vh - 100px);
}

.search-parcel-sec.common-sec {
    padding-bottom: 60px;
}

.search-parcel-row {
    display: flex;
}

.search-parcel-row .search-parcel-col:first-child {
    width: 20%;
}

.search-parcel-row .search-parcel-col:last-child {
    width: 80%;
}

.location-list-box {
    padding: 13px 3px 13px 18px;
}

.search-parcel-sec .list-boxes {
    max-height: calc(100vh - 235px);
    overflow-x: auto;
    padding-right: 15px;
}

.search-parcel-sec .list-boxes::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: #F3E8FF;
}

.search-parcel-sec .list-boxes::-webkit-scrollbar {
    background-color: #F3E8FF;
    width: 7px;
}

.search-parcel-sec .list-boxes::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #B66AF9;
}

.search-parcel-sec .list-item {
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px #0000001A;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.search-parcel-sec .list-item:hover,
.search-parcel-sec .list-item.active {
    background-color: #1F1741;
}

.search-parcel-sec .list-item h5 {
    color: #1F1741;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    display: block;
    margin-bottom: 15px;
    transition: all .4s ease-in-out;
}

.search-parcel-sec .list-item p {
    max-width: 170px;
    color: rgba(31, 23, 65, 70%);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    margin-bottom: 15px;
    transition: all .4s ease-in-out;
}

.search-parcel-sec .list-item:hover h5,
.search-parcel-sec .list-item.active h5 {
    color: #fff;
}

.search-parcel-sec .list-item:hover p,
.search-parcel-sec .list-item.active p {
    color: rgba(255, 255, 255, 70%);
}

.search-parcel-col .gm-style-iw-chr {
    display: none !important;
}

.search-parcel-col .gm-style-iw-d .loc-name {
    color: #1F1741;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    margin-bottom: 10px;
}

.search-parcel-col .gm-style-iw-d .loc-details {
    color: rgba(31, 23, 65, 70%);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    max-width: 170px;
    margin-bottom: 10px;
}

.search-parcel-col .gm-style-iw-d .loc-dis {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #9732EB;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}

.search-parcel-col .gm-style-iw-d .loc-dis .icon {
    width: 14px;
    height: 14px;
    background-color: #9732EB;
}

.search-parcel-col .gm-style .gm-style-iw-c {
    padding-top: 18px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.icon-map {
    mask-image: url(../img/svg/map.svg);
}

.search-parcel-sec .list-item span .icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
    background-color: #9732EB;
}

.search-parcel-sec .list-item span {
    color: #9732EB;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
}

.icon-cart {
    mask-image: url(../img/card-icon.svg);
}

.head-card-icon {
    position: relative;
}

.head-card-icon .icon {
    width: 26px;
    height: 26px;
    background-color: #8121CF;
}

.head-card-icon .count {
    position: absolute;
    background-color: #DC2626;
    width: 17px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    color: #FEF2F2;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -7px;
    right: -7px;
}

.contact-us-sec {
    background-image: url(../img/contact-us-bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.contact-us-sec.common-sec {
    padding-top: 92px;
    padding-bottom: 167px;
}

.contact-us-sec .contact-us-row {
    --bs-gutter-x: 128px;

}

.contact-us-con .sec-head {
    margin-bottom: 25px;
}

.contact-us-con .sec-head .sec-title {
    color: #0D022B;
    font-size: 56px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
}

.contact-us-con .cms-con p {
    color: #0D022B;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    margin-bottom: 40px;
}

.talk-team-box-title {
    color: #9732EB;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.1;
    display: block;
    margin-bottom: 15px;
}

.talk-team-box .cms-con ul li {
    color: #0D022B;
    font-weight: 500;
    padding-left: 30px;
    margin-bottom: 12px;
}

.talk-team-box .cms-con ul li::before {
    background-image: url(../img/svg/check2.svg);
}

.trusted-company {
    margin-top: 50px;
}

.trusted-company-title {
    color: #0D022B;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    display: block;
    margin-bottom: 15px;
}

.contact-form {
    background-color: #fff;
    border-radius: 28px;
    box-shadow: 0px 32px 60px -20px #4B140C1A;
    padding: 30px 24px;
    max-width: 517px;
}

.contact-form .row {
    --bs-gutter-x: 12px;
}

.contact-form .form-label {
    color: rgba(31, 23, 65, 70%);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
}

.contact-form .form-control {
    resize: none;
}

.contact-form textarea.form-control {
    height: 140px;
}

.contact-form .form-control::placeholder {
    color: rgba(31, 23, 65, 20%);
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form .submit-btn {
    margin-top: 15px;
}

.wpcf7-not-valid-tip {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding-top: 3px !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: 1px solid #dc3232 !important;
    color: #dc3232 !important;
    font-size: 12px !important;
    text-align: center !important;
}

.trusted-company ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

.trusted-company ul .trusted-company-box {
    background-color: #fff;
    box-shadow: 0px 16px 36px -12px #4B140C26;
    border-radius: 10px;
    min-width: 118px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-banner-sec {
    width: 100%;
}

.about-banner-sec img {
    width: 100%;
    height: 100%;
    min-height: 445px;
    object-fit: cover;
    object-position: center;
}

.about-zigzac-sec.common-sec {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-zigzac-sec .container {
    max-width: 1305px;
}

.about-zigzac-sec .row {
    --bs-gutter-x: 47px;
}

.about-zigzac-sec .about-zigzac-img {
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}

.about-zigzac-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-con {
    max-width: 95%;
}

.about-zigzac-title {
    color: #1F1741;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.3;
    display: block;
    margin-bottom: 40px;
}

.find-legally-sec .container {
    max-width: 1325px;
}

.find-legally-sec .cms-con {
    max-width: 765px;
    margin: 0 auto 50px;
    text-align: center;
}

.find-legally-img {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 45px;
}

.find-legally-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-why-choose-sec.common-sec {
    padding-bottom: 80px;
}

.about-industry-sec {
    margin-bottom: 60px;
}

.error-sec,
.thank-you-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: calc(var(--app-height) - var(--combined-height))
}

.error-sec .error-con {
    text-align: center;
    max-width: 28.125rem;
    margin: auto
}

.error-sec .error-title {
    font-size: 12.5rem;
    font-weight: 800;
    color: #5A1B88;
    line-height: 1.2
}

.error-sec .error-subtitle {
    font-size: 3.125rem;
    line-height: 1;
    color: #1F1741;
    font-weight: 700;
    padding-bottom: 1.25rem
}

.error-sec p {
    color: rgb(31, 23, 65, .7);
    font-size: 1rem;
    font-weight: 500;
    display: block;
    line-height: 1.4;
    margin-bottom: 1.375rem
}

.error-con .btn {
    margin-top: 1.25rem
}

.thank-you-sec .thank-you-img {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block
}

.thank-you-sec .thank-you-con .thank-you-title {
    font-size: 120px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 600;
    color: #1F1741
}

.thank-you-sec .thank-you-con p {
    color: rgb(31, 23, 65, .7);
    font-size: 18px;
    font-weight: 500;
    display: block;
    line-height: 1.4;
    margin-bottom: 22px
}