@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&family=Manrope:wght@200..800&family=Noto+Sans+Devanagari:wght@100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("./festivals/style.css");
@import url("../../lp/assets/css/style.css");
html {
  scroll-behavior: smooth;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: #FCFBFD;
  font-family: "Manrope", sans-serif;
  position: relative;
}

.overflow-hidden {
  overflow: hidden !important;
}

.yellow {
  background-color: #ffeed0 !important;
  border-radius: 25px;
}

.pink {
  background-color: #fbe2f6 !important;
  border-radius: 25px;
}

.diwali-bg {
  background-color: #230635;
  color: #fff;
}

.bg-white {
  background-color: #fff;
  color: #000000;
}

* {
  transition: 0.2s;
}

a {
  text-decoration: none;
  color: #000;
}

p {
  margin-bottom: 0;
}

i {
  cursor: pointer;
}

@media (max-width: 992px) {
  .m-margin-20 {
    margin-bottom: 20px;
  }
}

.hidden {
  display: none;
}

.solid-action-btn {
  background-color: #3E1A51;
  color: #ffffff;
  border: none;
  margin-left: 1rem;
  padding: 0.35rem 1rem;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.13);
  border-radius: 45px;
  font-size: 18px;
  font-weight: 500;
}
.solid-action-btn:hover {
  box-shadow: 0 8px 16px rgba(62, 26, 81, 0.5);
  transform: translateY(-2px);
}

.bg-none {
  background: none !important;
}

.label {
  background-color: #FFF5D9;
  color: #FBBC05;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 14px;
}

.glass-label {
  position: relative;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #f5f5f5;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.glass-label::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}

.intransit {
  background-color: #fbe2f6;
  color: #3E1A51;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 14px;
}

.cancel {
  background-color: #FDE7F3;
  color: #F03D3D;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 14px;
}

.delivered {
  background-color: #E3FFEE;
  color: #0ED065;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 14px;
}

.new {
  animation: fadeIn infinite ease-in-out;
}

.b-right {
  -o-border-image: linear-gradient(to right, #000000 0%, #f9c427 100%) 1;
     border-image: linear-gradient(to right, #000000 0%, #f9c427 100%) 1;
  border-width: 0 2px 0 0;
  border-style: solid;
  padding: 5px;
  border-radius: 25px;
}
@media (max-width: 992px) {
  .b-right {
    display: none;
  }
}

.disabled {
  background-color: rgba(62, 26, 81, 0.6196078431) !important;
  cursor: no-drop !important;
}
.disabled:hover {
  box-shadow: none !important;
  transform: none !important;
}

.heading {
  font-size: 42px;
  font-weight: 800;
  margin: 16px 0;
}
@media (max-width: 576px) {
  .heading {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .col-reverse {
    flex-direction: column-reverse;
  }
}

.sub-heading {
  font-size: 18px;
  color: #36485C;
}
@media (max-width: 576px) {
  .sub-heading {
    font-size: 17px;
  }
}

.fa-times {
  font-size: 1.5em;
  color: #3E1A51;
}

.f-capitalize {
  text-transform: capitalize;
}

#rateResult, #copy-sucess {
  display: none;
}

#copy-sucess {
  color: #02B151;
}

/* Add styles for iframe and container */
#auth-container {
  height: 600px;
}
#auth-container iframe {
  border: none;
  width: 100%;
  height: 100%;
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@keyframes scrollVertical {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
@keyframes scrollHorizontal {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zoomLeft {
  0% {
    left: -60px;
  }
  100% {
    left: 0px;
  }
}
@keyframes zoomRight {
  0% {
    right: -60px;
  }
  100% {
    right: 0px;
  }
}
@keyframes scrollFeature {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
@keyframes scrollRTL {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes slideUpFadeIn {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes glowPulse {
  0% {
    transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.5;
  }
}
mark {
  background-image: linear-gradient(to right, #FDE8E7, #FFEAAB);
  padding: 0 0.4em 0.3em;
  padding-bottom: 5px;
  border-radius: 60px 4px 35px 60px;
}

.blur-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(5px);
  align-items: center;
  justify-content: center;
  overflow: auto;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  z-index: 1000;
}
.blur-overlay .dialog-box {
  background-color: #ffffff;
  margin: auto 10px;
  width: 700px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
  animation-name: fadeUp;
  animation-duration: 0.5s;
  z-index: 10000;
  padding: 16px 25px;
}
.blur-overlay .dialog-box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blur-overlay .dialog-box .head h5 {
  font-weight: bold;
}
.blur-overlay .dialog-box .head .close {
  padding: 0px 8px;
  cursor: pointer;
}
.blur-overlay .dialog-box .content {
  margin: 1rem 0;
}
.blur-overlay .dialog-box .content input::-moz-placeholder {
  color: #C5C5C5;
  font-size: 14px;
}
.blur-overlay .dialog-box .content input::placeholder {
  color: #C5C5C5;
  font-size: 14px;
}
.blur-overlay .dialog-box .content input:focus, .blur-overlay .dialog-box .content select:focus {
  border-color: #fbe2f6 !important;
  box-shadow: 0 0 0 0.25rem #fbe2f6;
}
.blur-overlay .dialog-box .content input[type=number]::-webkit-outer-spin-button,
.blur-overlay .dialog-box .content input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.blur-overlay .dialog-box .content .solid-action-btn {
  padding: 0.75rem 3rem;
}
.blur-overlay .dialog-box .content .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.blur-overlay .dialog-box .content .loading::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: loading 1s linear infinite;
}
.blur-overlay .dialog-box .content .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.blur-overlay .dialog-box .content .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.blur-overlay .thankyou-box {
  width: 550px;
}
.blur-overlay .thankyou-box .img {
  margin: auto;
  width: 150px;
  height: 150px;
}
.blur-overlay .thankyou-box .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.blur-overlay .thankyou-box .content h3 {
  line-height: 1.5;
  font-weight: 800;
}
.blur-overlay .thankyou-box .content p {
  font-size: 14px;
}
.blur-overlay .thankyou-box .solid-action-btn {
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 16px;
}
.blur-overlay .thankyou-box .mssg {
  font-size: 14px;
  text-align: center;
}
.blur-overlay .thankyou-box .mssg a {
  color: #D28DFF;
}
.blur-overlay .diwalioffer {
  border-radius: 24px;
  width: 750px;
  position: relative;
  background: linear-gradient(180deg, #200B5A 0%, #461A65 50%, #6C2A71 100%);
  box-shadow: none;
}
.blur-overlay .diwalioffer .head {
  text-align: right;
  display: block;
}
.blur-overlay .diwalioffer .head .close i {
  color: #fff;
}
.blur-overlay .diwalioffer .content mark {
  padding: 0;
  background: linear-gradient(120deg, #FF8F26 0%, #FB3CB2 96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blur-overlay .diwalioffer .content .text-center img {
  width: 80%;
  margin-right: 8px;
}
.blur-overlay .diwalioffer .content .text-center .fw-bolder {
  font-weight: 900 !important;
}
.blur-overlay .diwalioffer .footer .solid-action-btn {
  background: linear-gradient(120deg, #FF8F26 0%, #FB3CB2 96%);
  color: #fff;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.13);
  font-size: 14px;
}
.blur-overlay .diwalioffer .footer .solid-action-btn i {
  margin-left: 5px;
  rotate: 40deg;
}
.blur-overlay .diwalioffer .footer .solid-action-btn:hover {
  box-shadow: 0 8px 16px rgba(62, 26, 81, 0.5);
  transform: translateY(-2px);
}
@media (max-width: 992px) {
  .blur-overlay .diwalioffer .content {
    text-align: center;
  }
  .blur-overlay .diwalioffer .content img {
    width: 100% !important;
    margin: 0;
  }
}
.blur-overlay .ny-offer {
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/popup-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 500px;
  padding: 0;
}
.blur-overlay .ny-offer .head {
  padding: 16px 25px;
  justify-content: end;
}
.blur-overlay .ny-offer .side-img {
  width: 100%;
}
.blur-overlay .ny-offer .content {
  margin: 0;
  padding: 0 25px 16px;
}
.blur-overlay .ny-offer .content .head-title {
  font-weight: 800;
  color: #3E1A51;
}
.blur-overlay .ny-offer .content .description {
  font-weight: 700;
  margin: 0 0 16px;
}
.blur-overlay .ny-offer .content .side-img {
  display: block;
  width: 100%;
}
.blur-overlay .ny-offer .content .solid-action-btn {
  padding: 0.5rem 1rem;
  font-size: 16px;
  margin: 0;
  border-radius: 10px;
}
@media (max-width: 576px) {
  .blur-overlay .ny-offer {
    height: 420px;
  }
  .blur-overlay .ny-offer .side-img {
    display: none;
  }
  .blur-overlay .ny-offer .content {
    text-align: center;
  }
}
.blur-overlay .cargo-box {
  width: 800px;
  position: relative;
  padding: 0;
  border-radius: 25px;
}
.blur-overlay .cargo-box .head {
  position: absolute;
  top: 16px;
  right: 16px;
}
.blur-overlay .cargo-box .head .close i {
  color: #fff;
}
.blur-overlay .cargo-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 650px) {
  .blur-overlay .cargo-box {
    width: 90%;
  }
}

.scroll-container {
  width: 100%;
  overflow: hidden;
}
.scroll-container .scrolling-text {
  display: inline-block;
  white-space: nowrap;
  animation: scrollRTL 20s linear infinite;
}
.scroll-container .scrolling-text:hover {
  animation-play-state: paused;
}

.topHeader {
  background: linear-gradient(92.72deg, #F3DDFF -1.79%, #FFEEBB 107.62%);
  padding: 10px 0;
  font-size: 12px;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}
.topHeader p {
  text-align: center;
}
.topHeader span {
  background: #fff 0% 0% no-repeat padding-box;
  border-radius: 15px;
  color: #3E1A51;
  padding: 4px 12px;
  font-weight: 500;
  cursor: pointer;
  margin: 0 10px;
}
.topHeader span i {
  font-size: 10px;
}
.topHeader #countdown {
  font-weight: 700;
  width: 50px;
}
.topHeader #countdown img {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .topHeader {
    padding: 8px 16px;
    font-size: 11px;
    display: grid;
    grid-template-columns: auto 105px;
    flex-wrap: nowrap;
  }
  .topHeader p {
    margin-bottom: 8px;
    text-align: left;
  }
  .topHeader #countdown {
    display: none;
  }
  .topHeader span {
    margin: 0;
  }
}

header {
  background-color: transparent;
}
header .navbar {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 10px 40px;
}
header .navbar .container-fluid {
  padding: 0;
}
header .navbar .container-fluid .navbar-brand {
  padding: 0.15rem 1rem;
  margin: 0 !important;
}
header .navbar .container-fluid .navbar-brand img {
  width: 190px;
}
@media (max-width: 576px) {
  header .navbar .container-fluid .navbar-brand img {
    width: 150px;
  }
}
header .navbar .container-fluid .navbar-toggler {
  border: none;
}
header .navbar .container-fluid .navbar-toggler .navbar-toggler-icon {
  background-image: url("../images/icon/menu.svg");
}
header .navbar .container-fluid .navbar-toggler:focus {
  box-shadow: none;
}
header .navbar .container-fluid .navbar-toggler .hidden .fa-times {
  font-size: 1.5em;
  color: #3E1A51;
}
header .navbar .container-fluid .navbar-collapse {
  justify-content: end;
}
header .navbar .container-fluid .navbar-collapse .navbar-nav {
  align-items: center;
}
header .navbar .container-fluid .navbar-collapse .nav-item {
  position: relative;
}
header .navbar .container-fluid .navbar-collapse .nav-item .nav-link {
  color: #000000;
  font-weight: 500;
  padding: 0 0.75rem;
  font-size: 14px;
  cursor: pointer;
}
header .navbar .container-fluid .navbar-collapse .nav-item .nav-link::after {
  display: none;
}
header .navbar .container-fluid .navbar-collapse .nav-item .nav-link img {
  width: 12px;
  transform: rotate(180deg);
}
header .navbar .container-fluid .navbar-collapse .nav-item .hover-menu {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 40px;
  border-radius: 5px;
  box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.1490196078);
  width: -moz-max-content;
  width: max-content;
}
header .navbar .container-fluid .navbar-collapse .nav-item .hover-menu ul {
  padding: 0;
}
header .navbar .container-fluid .navbar-collapse .nav-item .hover-menu li {
  list-style: none;
}
header .navbar .container-fluid .navbar-collapse .nav-item .hover-menu li .nav-link {
  padding: 12px !important;
}
header .navbar .container-fluid .navbar-collapse .nav-item .hover-menu li:hover {
  background-color: #fbe2f6;
}
header .navbar .container-fluid .navbar-collapse .nav-item .show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
header .navbar .container-fluid .navbar-collapse .nav-item .solid-action-btn {
  font-weight: 500;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 24px;
}
header .navbar .container-fluid .d-flex {
  align-items: center;
}
header .navbar .container-fluid .d-flex button {
  font-size: 16px;
}
@media (max-width: 1400px) {
  header .navbar .container-fluid .navbar-collapse .nav-item .nav-link {
    padding: 0 1rem;
    font-size: 12px;
  }
  header .navbar .container-fluid .navbar-collapse .nav-item .nav-link img {
    width: 12px;
  }
  header .navbar .container-fluid .navbar-collapse .nav-item .solid-action-btn {
    font-size: 12px;
    padding: 6px 16px;
  }
}
header .active-head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7490196078);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.062745098);
  z-index: 10;
  backdrop-filter: blur(5px);
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  header {
    padding: 0;
  }
  header .navbar, header .active-head {
    padding: 16px 5px;
  }
  header .navbar-brand {
    padding: 0.15rem 1rem;
    margin: 0 !important;
  }
  header .navbar-toggler .hidden {
    display: none;
  }
  header .navbar-toggler .hidden .fa-times {
    font-size: 1.5em;
    color: #3E1A51;
    clip-path: unset !important;
  }
  header .navbar-collapse {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 65px;
    background-color: #fff;
  }
  header .navbar-collapse .navbar-nav {
    align-items: unset !important;
  }
  header .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 1rem 1rem !important;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
  }
  header .navbar-collapse .navbar-nav .nav-item .solid-action-btn {
    display: block;
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
    margin: 0;
  }
  header .navbar-collapse .navbar-nav .hover-menu {
    width: 100% !important;
    top: 40px !important;
    z-index: 10;
  }
  header .d-flex {
    align-items: flex-start !important;
  }
  header .d-flex .nav-item {
    width: 100%;
  }
  header .d-flex .btn {
    padding: 1rem;
  }
  header .d-flex .btn .solid-action-btn {
    display: block;
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
    margin: 0;
  }
}

section {
  padding: 50px 0 25px;
}

.hero {
  height: 100vh;
}
.hero .video {
  height: 100%;
}
.hero .video video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-area-bg {
  padding-top: 0;
}
.hero-area-bg::before {
  content: "";
  position: absolute;
  top: 250px;
  margin: auto;
  z-index: 0;
  right: 0;
  width: 270px;
  height: 675px;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/vector2.png);
  background-repeat: no-repeat;
  animation: fadeUp 3s ease-in-out;
}
.hero-area-bg::after {
  content: "";
  position: absolute;
  top: 2%;
  margin: auto;
  z-index: 1;
  left: 0px;
  width: 270px;
  height: 675px;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/vector1.png);
  background-repeat: no-repeat;
  animation: fadeUp 3s ease-in-out;
}

@media (max-width: 1366px) {
  .hero-area-bg .container .contents {
    margin: 4rem 0 3rem 0;
  }
  .hero-area-bg .container .contents .head-title {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .hero-area-bg .container .contents {
    margin: 5rem 0 3rem 0;
  }
  .hero-area-bg .container .contents .head-title {
    font-size: 55px;
  }
}
@media (max-width: 768px) {
  .hero-area-bg .container .contents {
    margin: 5rem 0 3rem 0;
  }
  .hero-area-bg .container .contents .head-title {
    font-size: 45px;
  }
}
@media (max-width: 576px) {
  .hero-area-bg::after {
    top: 55px;
    max-height: 400px;
  }
  .hero-area-bg .container .contents {
    margin-top: 50px;
  }
  .hero-area-bg .container .contents .head-title {
    font-size: 31px !important;
  }
  .hero-area-bg .container .join-us .solid-action-btn {
    padding: 0.75rem 2rem;
    font-size: 14px;
    margin-left: 0;
  }
  .newsroom-bg .hero-area {
    min-height: 25vh !important;
  }
  .newsroom-bg .hero-area .container {
    height: 25vh;
  }
  .newsroom-bg .hero-area .container .newsroom .head-title {
    font-size: 32px !important;
    margin-bottom: 0;
  }
  .newsroom-bg .hero-area .container .newsroom .sub-tile {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  #hero-area {
    min-height: 45vh;
    align-items: flex-start;
  }
}
.lp-hero-new {
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/new-hero-bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.lp-hero-new .carousel-container {
  height: 88vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #333;
}
.lp-hero-new .carousel-content {
  text-align: center;
  width: 80%;
  position: relative;
}
.lp-hero-new .carousel-slide {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s;
}
.lp-hero-new .carousel-slide.active {
  opacity: 1;
  visibility: visible;
}
.lp-hero-new h1.typing-text {
  font-size: 42px;
  font-weight: 800;
  color: #1a1a1a;
  border-right: 2px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto 20px;
}
.lp-hero-new .carousel-slide.active h1.typing-text {
  animation: typing 2.5s steps(40, end) forwards;
}
.lp-hero-new .typing-text {
  display: inline-block; /* shrink to content so wrapping is controllable */
  max-width: 48ch; /* limit width so text naturally flows to 2 lines */
  font-size: clamp(28px, 4vw, 42px); /* responsive font-size */
  display: inline-block;
  font-size: 42px;
  font-weight: 800;
  color: #1a1a1a;
  white-space: normal; /* allow wrapping */
  word-break: break-word;
  line-height: 1.3;
}
.lp-hero-new .typed-cursor {
  font-weight: 400;
  font-size: 42px; /* match your heading size */
  color: #1a1a1a; /* match your heading color */
  animation: blink 0.7s infinite;
}
.lp-hero-new p {
  font-size: 1.2rem;
  font-weight: 400;
  color: #1F1F1F;
  margin-bottom: 30px;
  opacity: 0; /* JS triggers fade */
}
.lp-hero-new .buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  opacity: 0; /* JS triggers fade */
}
.lp-hero-new .solid-action-btn,
.lp-hero-new .get-started-btn {
  padding: 15px 30px;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: none;
}
.lp-hero-new .get-started-btn {
  background-color: #fff;
  color: #1a1a1a;
  border: 2px solid #ddd;
}
.lp-hero-new .image-container {
  margin-top: 50px;
  width: 700px;
  margin: 50px auto 0;
  overflow: hidden;
  opacity: 0; /* JS triggers fade */
}
.lp-hero-new .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}
.lp-hero-new .carousel-nav {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  gap: 10px;
}
.lp-hero-new .nav-dot {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.lp-hero-new .nav-dot.active {
  background-color: #000;
}
@media (max-width: 1366px) {
  .lp-hero-new .carousel-container {
    height: 92vh;
  }
  .lp-hero-new .image-container {
    width: 500px;
  }
}
@media (max-width: 992px) {
  .lp-hero-new {
    background-size: cover;
  }
  .lp-hero-new .image-container {
    width: 100%;
    margin-top: 30px;
  }
  .lp-hero-new h1.typing-text {
    font-size: 32px;
  }
  .lp-hero-new p {
    font-size: 16px;
  }
  .lp-hero-new .solid-action-btn, .lp-hero-new .get-started-btn {
    font-size: 14px;
    padding: 6px 12px;
  }
}

.ny-lp-hero .imgs .imgDesk {
  -o-object-position: center;
     object-position: center;
}
.ny-lp-hero .hero-area {
  align-items: flex-start !important;
}
.ny-lp-hero .hero-area .contents {
  margin: 2rem 0 0rem !important;
}
.ny-lp-hero .hero-area .contents .head-title {
  color: #fff;
  font-size: 70px !important;
  margin: 0 !important;
}
.ny-lp-hero .hero-area .contents .head-title strong {
  color: #FBBC05;
}
.ny-lp-hero .hero-area .contents .description {
  font-size: 24px !important;
  color: #fff;
  margin: 2rem 0 3rem;
}
.ny-lp-hero .hero-area .solid-action-btn {
  margin-top: 0rem;
  background-color: #FBBC05 !important;
  color: #3E1A51;
  font-weight: 700;
  border-radius: 8px;
  font-size: 22px;
}
@media (max-width: 1366px) {
  .ny-lp-hero .hero-area .contents {
    margin: 0 !important;
  }
  .ny-lp-hero .hero-area .contents .head-title {
    font-size: 60px !important;
  }
  .ny-lp-hero .hero-area .contents .description {
    font-size: 18px !important;
  }
  .ny-lp-hero .hero-area .solid-action-btn {
    font-size: 16px !important;
  }
}
@media (max-width: 576px) {
  .ny-lp-hero .hero-area .contents .head-title {
    font-size: 50px !important;
  }
}

.offer-widget {
  padding: 50px 0 50px;
}
.offer-widget .row {
  background-color: #ffeed0;
  border-radius: 10px;
  padding-top: 20px;
}
.offer-widget .row .content {
  padding: 2rem;
}
.offer-widget .row .content h3 {
  font-weight: 600;
}
.offer-widget .row .content p {
  font-size: 18px;
}
.offer-widget .row img {
  width: 100%;
}
.offer-widget .row button {
  padding: 0.75rem 2rem;
  border-radius: 8px;
}
@media (max-width: 576px) {
  .offer-widget .row {
    padding: 20px 0;
  }
  .offer-widget .row .content {
    padding-top: 0;
    text-align: center;
  }
  .offer-widget .row .content h3 {
    font-weight: 700;
  }
  .offer-widget .row img {
    display: none;
  }
  .offer-widget .row button {
    margin: 0;
  }
}

.deliver-successful {
  position: relative;
}
.deliver-successful::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  z-index: 0;
  top: 15%;
  right: -8%;
  border-radius: 50%;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/Isolation_Mode.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.deliver-successful .floating-elements .background {
  position: absolute;
  height: 100% !important;
}
.deliver-successful .floating-elements .background li {
  list-style: none;
  justify-content: center;
}
.deliver-successful .floating-elements .background li:first-child {
  top: 30vh !important;
  left: 20vw;
  padding: 10px;
  width: 40px;
  height: 40px;
  box-shadow: none !important;
  background-color: unset !important;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/floating-star.svg);
  background-repeat: no-repeat;
  background-size: contain;
  animation: none !important;
}
.deliver-successful .floating-elements .background li:nth-child(2) {
  top: unset !important;
  bottom: 5vh !important;
  left: 50vw !important;
  width: 20px;
  height: 20px;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/floating-star.svg);
  background-repeat: no-repeat;
  background-size: contain;
  animation: none !important;
}
@media (max-width: 576px) {
  .deliver-successful .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .deliver-successful .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .deliver-successful .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .deliver-successful .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .deliver-successful .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .deliver-successful .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
}
.deliver-successful h2 {
  font-weight: 600;
}
.deliver-successful .custm-border {
  width: 50%;
  margin: 20px 0;
}
.deliver-successful .explore-features .carousel .carousel-inner {
  width: 100% !important;
}
.deliver-successful .explore-features .carousel .carousel-inner .carousel-item .dashboard-image {
  box-shadow: unset;
  width: 60% !important;
}
.deliver-successful .explore-features .carousel .carousel-indicators {
  padding: 0;
}
.deliver-successful .explore-features .carousel .carousel-indicators .item .head {
  font-size: 24px;
}
.deliver-successful .explore-features .carousel .carousel-indicators .item .body {
  font-size: 18px;
}
.deliver-successful .explore-features .carousel .carousel-indicators .item:hover .scroll-path::before {
  animation-play-state: unset !important;
}
.deliver-successful .explore-features .join-btn .solid-action-btn {
  padding: 0.25rem 1rem !important;
  font-size: 18px;
}
@media (max-width: 991px) {
  .deliver-successful::before {
    background-image: none !important;
  }
  .deliver-successful .explore-features .carousel .carousel-inner, .deliver-successful .explore-features .carousel .carousel-indicators {
    display: unset !important;
  }
  .deliver-successful .explore-features .carousel .carousel-inner {
    margin-bottom: 2rem;
  }
  .deliver-successful .explore-features .carousel .carousel-inner .carousel-item .dashboard-image {
    width: 100% !important;
  }
}

.newlevels::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  z-index: 0;
  top: 3%;
  left: -1%;
  border-radius: 50%;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/Isolation_Mode_left.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.diwali-lp-hero {
  position: relative;
  display: block;
  height: 110vh;
  padding: 0;
}
.diwali-lp-hero .left-hand {
  position: absolute;
  left: 0;
  width: 38%;
  z-index: 4;
  top: -20%;
}
.diwali-lp-hero .left-hand .flower-bush-left {
  width: 100%;
}
.diwali-lp-hero .left-hand .right-spark {
  position: absolute;
  right: -17%;
  top: 33.5%;
  width: 34%;
}
.diwali-lp-hero .left-hand .bush {
  display: none;
}
.diwali-lp-hero .left-hand .visible {
  display: block;
  animation: fadeIn 0.8s ease-in-out forwards, pulse 0.8s infinite forwards;
  animation-delay: 0s, 0.5s;
}
.diwali-lp-hero .right-hand {
  position: absolute;
  right: 0;
  width: 38%;
  z-index: 4;
  top: -20%;
}
.diwali-lp-hero .right-hand .flower-bush-right {
  width: 100%;
}
.diwali-lp-hero .right-hand .left-spark {
  position: absolute;
  left: -17%;
  top: 33.5%;
  width: 34%;
}
.diwali-lp-hero .right-hand .bush {
  display: none;
}
.diwali-lp-hero .right-hand .visible {
  display: block;
  animation: fadeIn 0.8s ease-in-out forwards, pulse 0.8s infinite forwards;
  animation-delay: 0s, 0.5s;
}
.diwali-lp-hero .imgs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}
.diwali-lp-hero .imgs img {
  display: block;
  height: initial;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.diwali-lp-hero .hero-area {
  align-items: center;
}
.diwali-lp-hero .hero-area .floating-elements .background li:first-child {
  top: 5vh;
  left: 9vw;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: unset;
  z-index: 2;
  animation: unset !important;
}
.diwali-lp-hero .hero-area .floating-elements .background li:first-child img {
  width: 150px;
  margin-left: 0;
}
.diwali-lp-hero .hero-area .floating-elements .background li:nth-child(2) {
  top: 5vh;
  right: 9vw;
  left: unset;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: unset;
  z-index: 2;
  animation: unset !important;
}
.diwali-lp-hero .hero-area .floating-elements .background li:nth-child(2) img {
  width: 150px;
  margin-left: 0;
}
.diwali-lp-hero .hero-area .floating-elements .lamps {
  display: none;
}
.diwali-lp-hero .hero-area .floating-elements .visible {
  display: block;
  animation: fadeIn 0.8s ease-in-out forwards, shine 0.8s infinite forwards;
  animation-delay: 0s, 0.5s;
}
.diwali-lp-hero .hero-area .container .contents {
  margin: 2rem 0 3rem;
  color: #fff !important;
  position: relative;
}
.diwali-lp-hero .hero-area .container .contents .sparks {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.diwali-lp-hero .hero-area .container .contents .sparks .bush {
  display: none;
}
.diwali-lp-hero .hero-area .container .contents .sparks .visible {
  display: block;
  animation: fadeIn 0.8s ease-in-out forwards, pulse 0.8s infinite forwards;
  animation-delay: 0s, 0.5s;
}
.diwali-lp-hero .hero-area .container .contents .sparks .left-spark {
  position: absolute;
  right: 7%;
  top: 5%;
}
.diwali-lp-hero .hero-area .container .contents .sparks .right-spark {
  position: absolute;
  left: 7%;
  top: 5%;
}
.diwali-lp-hero .hero-area .join-us {
  position: relative;
  z-index: 10;
}
.diwali-lp-hero .hero-area .join-us button {
  border: 1px solid #FFFFFF;
  background-color: #fff;
  color: #000000;
  padding: 0.5rem 1.5rem !important;
}
.diwali-lp-hero .hero-area .join-us button i {
  margin-left: 5px;
  rotate: 40deg;
}
@media (max-width: 375px) {
  .diwali-lp-hero .left-hand, .diwali-lp-hero .right-hand {
    top: -4%;
    width: 45%;
  }
}
@media (max-width: 576px) {
  .diwali-lp-hero {
    height: auto;
  }
  .diwali-lp-hero .left-hand, .diwali-lp-hero .right-hand {
    top: 0%;
  }
}

.ready-to-light-up {
  padding: 0 0 16px;
}
.ready-to-light-up img {
  width: 100%;
}
.ready-to-light-up .container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.ready-to-light-up .container .row {
  margin-bottom: 4rem;
}
.ready-to-light-up .container .heading mark {
  padding: 0;
  background: linear-gradient(120deg, #FF8F26 0%, #FB3CB2 96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ready-to-light-up .container .sub-heading {
  color: #fff;
}
.ready-to-light-up .container button {
  border: 1px solid #FFFFFF;
  padding: 0.5rem 1.5rem !important;
  width: -moz-max-content;
  width: max-content;
}
.ready-to-light-up .container button img {
  width: 30px;
  margin-right: 10px;
}
.ready-to-light-up .container .b-right {
  -o-border-image: linear-gradient(to right, #000000 0%, #f9c427 100%) 1;
     border-image: linear-gradient(to right, #000000 0%, #f9c427 100%) 1;
  border-radius: 5px; /* this doesn't work */
  border-width: 0 1px 0 0;
  border-style: solid;
  padding: 5px;
  border-radius: 25px;
}

.opportunity-is-brighter {
  margin-top: 70px;
  padding-bottom: 100px;
}
.opportunity-is-brighter .floating-stars .background {
  position: relative;
}
.opportunity-is-brighter .floating-stars .background li {
  list-style: none;
  position: absolute;
}
.opportunity-is-brighter .floating-stars .background li:first-child {
  top: 40vh;
  left: 3vw;
}
.opportunity-is-brighter .floating-stars .background li:first-child img {
  width: 20px;
  margin-left: 0;
}
.opportunity-is-brighter .floating-stars .background li:nth-child(2) {
  top: 40vh;
  right: 3vw;
  left: unset;
}
.opportunity-is-brighter .floating-stars .background li:nth-child(2) img {
  width: 20px;
  margin-left: 0;
}
.opportunity-is-brighter .row {
  margin-bottom: 2rem !important;
}
.opportunity-is-brighter .container {
  justify-content: start;
}
.opportunity-is-brighter .container .content {
  height: 200px;
  padding: 25px 16px;
  position: relative;
  z-index: 1;
  background-color: #230635;
}
.opportunity-is-brighter .container .content .spark {
  position: relative;
  z-index: 2;
}
.opportunity-is-brighter .container .content:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  z-index: -1;
  bottom: 1px;
  filter: blur(4px);
  background: linear-gradient(180deg, #FF8F26, #230635);
  border-radius: 12px;
}
.opportunity-is-brighter .container .content:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0px;
  z-index: 0;
  background-color: #230635;
  border-radius: 12px;
}
.opportunity-is-brighter .container .content .heading {
  text-shadow: 2px 2px 45px #FF8F26, -2px -2px 45px #FB3CB2;
}
.opportunity-is-brighter .container .content img {
  width: 40px;
  position: absolute;
  top: -10%;
  left: 5%;
  right: 16px;
  z-index: 1;
}
@media (max-width: 992px) {
  .opportunity-is-brighter {
    background-image: none;
  }
  .opportunity-is-brighter .container .content {
    margin-bottom: 2rem;
  }
  .opportunity-is-brighter .container .b-right {
    border-width: 0;
  }
}
@media (max-width: 1440px) {
  .opportunity-is-brighter {
    height: 80vh;
  }
  .opportunity-is-brighter .container .content {
    margin-bottom: 2rem;
  }
}
@media (max-width: 576px) {
  .opportunity-is-brighter {
    height: auto;
  }
}

.feature-fuel-sparkle {
  border-top: 4px solid #EDD7AF;
  border-bottom: 4px solid #EDD7AF;
  border-radius: 30px 30px 0 0;
  padding-bottom: 0;
  position: relative;
  background: linear-gradient(180deg, #200B5A 0%, #461A65 50%, #6C2A71 100%);
  overflow: hidden;
}
.feature-fuel-sparkle .floating-stars .background {
  position: relative;
}
.feature-fuel-sparkle .floating-stars .background li {
  list-style: none;
  position: absolute;
}
.feature-fuel-sparkle .floating-stars .background li:first-child {
  top: 90vh;
  left: 15vw;
}
.feature-fuel-sparkle .floating-stars .background li:first-child img {
  width: 50px;
  margin-left: 0;
}
.feature-fuel-sparkle .floating-stars .background li:nth-child(2) {
  top: 40vh;
  right: 20vw;
  left: unset;
}
.feature-fuel-sparkle .floating-stars .background li:nth-child(2) img {
  width: 50px;
  margin-left: 0;
}
.feature-fuel-sparkle .feature-header {
  position: absolute;
  top: -2%;
  left: 0;
  right: 0;
  z-index: 1;
}
.feature-fuel-sparkle mark {
  padding: 0;
  background: linear-gradient(120deg, #FF8F26 0%, #FB3CB2 96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.feature-fuel-sparkle .sub-heading {
  color: #fff !important;
}
.feature-fuel-sparkle .info h6 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
.feature-fuel-sparkle .info p {
  margin-bottom: 0;
}
.feature-fuel-sparkle .feature-img img {
  width: 60%;
}
@media (max-width: 992px) {
  .feature-fuel-sparkle .feature-header {
    top: 0;
    margin-bottom: 2rem;
  }
}

.suggested-reads {
  height: auto;
}
.suggested-reads mark {
  padding: 0;
  background: linear-gradient(120deg, #9E44CE 10%, #f9c427 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.suggested-reads .mb-5 {
  display: flex;
  justify-content: center;
}
.suggested-reads .sub-heading {
  color: #fff;
}
.suggested-reads .card .head {
  height: 200px;
  overflow: hidden;
  border-radius: 15px;
}
.suggested-reads .card .head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.suggested-reads .card .body .content {
  color: #fff !important;
  margin-bottom: 16px;
  font-size: 19px !important;
}
.suggested-reads .card .footer a {
  color: #FBBC05 !important;
}

.diwali-reads mark {
  padding: 0;
  background: linear-gradient(120deg, #FF8F26 0%, #FB3CB2 96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.diwali-reads .card .head img {
  -o-object-fit: fill;
     object-fit: fill;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
}
@media (max-width: 576px) {
  .diwali-reads {
    padding-top: 0;
  }
}

.shipping-suggestion .card .head {
  height: 200px;
  border-radius: 15px;
}
.shipping-suggestion .card .head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.shipping-suggestion .card .body a {
  display: block;
  font-size: 18px !important;
  color: #000000 !important;
  margin-bottom: 16px;
}
.shipping-suggestion .card .body p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width: 576px) {
  .shipping-suggestion .card .head {
    height: auto;
  }
  .shipping-suggestion .card .head img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.lets-ace-this-festive {
  background: linear-gradient(120deg, #F6D9FF 10%, #FFEAAB 90%);
  padding-bottom: 0;
}
.lets-ace-this-festive mark {
  padding: 0;
  background: linear-gradient(120deg, #9E44CE 10%, #f9c427 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.lets-ace-this-festive .heading {
  color: #000000;
  margin: 16px 0 32px 0;
}
.lets-ace-this-festive .start-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lets-ace-this-festive .start-btn .solid-action-btn {
  margin: 0 0 0 !important;
  font-size: 16px;
  padding: 0.5rem 1.5rem !important;
}
@media (max-width: 576px) {
  .lets-ace-this-festive .d-block {
    background-image: none;
  }
  .lets-ace-this-festive .start-btn .solid-action-btn {
    font-size: 14px;
  }
}

.ny-ace {
  padding: 70px 0 70px !important;
}
.ny-ace .d-block {
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/bg.png);
  background-size: cover;
  border-radius: 15px;
}
.ny-ace .heading, .ny-ace p {
  margin: 16px 0 30px 0;
  color: #fff;
}
.ny-ace .start-btn form input {
  border-radius: 10px;
}
.ny-ace .start-btn form button {
  background: #FBBC05 !important;
  color: #000000 !important;
  border-radius: 10px;
}

.ny-target {
  height: auto !important;
  background-image: none;
  color: #000000;
  background-color: #FFF5D9;
}
.ny-target .container {
  padding-top: 50px;
}
.ny-target .container img {
  width: 60%;
}
.ny-target .container h3 {
  font-weight: 800;
}
.ny-target .container p {
  font-size: 18px;
}

.ny-suggestion {
  position: relative;
}
.ny-suggestion::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  z-index: 0;
  top: 5%;
  left: -1%;
  border-radius: 50%;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/Isolation_Mode_left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.ny-suggestion .floating-elements .background {
  position: absolute;
  height: 100% !important;
}
.ny-suggestion .floating-elements .background li {
  list-style: none;
  justify-content: center;
}
.ny-suggestion .floating-elements .background li:first-child {
  top: 70vh !important;
  left: 2vw !important;
  padding: 10px;
  width: 40px;
  height: 40px;
  box-shadow: none !important;
  background-color: unset !important;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/floating-star.svg);
  background-repeat: no-repeat;
  background-size: contain;
  animation: none !important;
}
.ny-suggestion .floating-elements .background li:nth-child(2) {
  top: 15% !important;
  left: 93vw !important;
  width: 40px;
  height: 40px;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/newyear2025/floating-star.svg);
  background-repeat: no-repeat;
  background-size: contain;
  animation: none !important;
}
@media (max-width: 576px) {
  .ny-suggestion .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .ny-suggestion .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .ny-suggestion .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .ny-suggestion .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .ny-suggestion .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .ny-suggestion .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
}
.ny-suggestion .card .body .content {
  font-size: 24px !important;
}
@media (max-width: 576px) {
  .ny-suggestion::before {
    background-image: none !important;
  }
}

.signup-section {
  padding: 0;
  background-color: #F8EBFF;
  padding: 2rem;
}
.signup-section .content {
  position: relative;
}
.signup-section .content .body .heading {
  margin-top: 24px !important;
  line-height: 1.5;
  font-size: 2.5vw;
}
.signup-section .content .body ul {
  display: grid;
  grid-template-columns: 50% 50%;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 24px;
}
.signup-section .content .body ul li {
  list-style: none;
  font-size: 14px;
  line-height: 3;
  font-weight: 600;
}
.signup-section .content .body ul li i {
  color: #02B151;
  margin-right: 12px;
}
.signup-section .content .footer img {
  width: 100%;
}
.signup-section .signup-form {
  height: -moz-max-content;
  height: max-content;
  padding: 0;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.signup-section .signup-form .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.signup-section .signup-form .nav li {
  width: 50%;
}
.signup-section .signup-form .nav li .nav-link {
  padding: 22px;
  gap: 15px;
  align-items: center;
  border: none;
  text-decoration: none;
}
.signup-section .signup-form .nav li .nav-link img {
  width: 40px;
  height: 40px;
}
.signup-section .signup-form .nav li .nav-link .tab_tittle {
  line-height: 15px;
}
.signup-section .signup-form .nav li .nav-link .tab_tittle h6 {
  font-weight: 1rem;
  font-weight: 600;
  color: #000000;
}
.signup-section .signup-form .nav li .nav-link:hover {
  color: #000000;
}
.signup-section .signup-form .nav li .active {
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: 3px solid #3E1A51;
}
.signup-section .signup-form .form-container, .signup-section .signup-form .track-container {
  padding: 2rem;
}
.signup-section .signup-form .track-container {
  text-align: center;
}
.signup-section .signup-form .track-container .form-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup-section .signup-form .track-container .form-group .title {
  font-size: 22px;
  font-weight: 600;
}
.signup-section .signup-form .track-container .form-group .radio {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin: 0 16px;
}
.signup-section .signup-form .track-container .form-group .radio input[type=radio] {
  display: none;
}
.signup-section .signup-form .track-container .form-group .radio .radio-input:checked + .radio-outline {
  background-color: #3E1A51;
}
.signup-section .signup-form .track-container .form-group .radio .radio-input:checked + .radio-outline::after {
  transform: scale(1);
}
.signup-section .signup-form .track-container .form-group .radio .radio-outline {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.3019607843);
  border-radius: 50px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 4px;
}
.signup-section .signup-form .track-container .form-group .radio .radio-outline::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  border-radius: 50px;
  transform: scale(0);
  transition: 0.15s;
}
.signup-section .signup-form .track-container #orderInput label, .signup-section .signup-form .track-container #awbInput label {
  text-align: left;
  margin-bottom: 12px;
  display: block;
}
.signup-section .signup-form .track-container #orderInput label span, .signup-section .signup-form .track-container #awbInput label span {
  color: red;
}
.signup-section .signup-form .track-container input {
  padding: 0.5rem 0.75rem;
  color: #949494;
  margin-bottom: 20px;
  border-radius: 12px;
  border: 1px solid #ccc;
  font-size: 16px;
  width: 100%;
}
.signup-section .signup-form .track-container input::-moz-placeholder {
  color: #C5C5C5;
}
.signup-section .signup-form .track-container input::placeholder {
  color: #C5C5C5;
}
.signup-section .signup-form .track-container input:focus-visible {
  outline-color: #cdcdcd;
}
.signup-section .signup-form .track-container .solid-action-btn {
  width: 100%;
  padding: 0.75rem 0;
  margin: 0;
  border-radius: 15px;
}
.signup-section .signup-form .track-container .solid-action-btn:hover {
  color: #fff;
}
.signup-section .signup-form .track-container .ship-loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.signup-section .signup-form .track-container .ship-loading::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: loading 1s linear infinite;
}
.signup-section .signup-form .track-container #responseMessage {
  color: #ed3c0d;
  text-align: center;
  font-weight: 600;
}
.signup-section .signup-form .track-container .tracking-table {
  margin-top: 20px;
}
.signup-section .signup-form .track-container .tracking-table .order-info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.signup-section .signup-form .track-container .tracking-table .order-info p {
  font-weight: 500;
}
.signup-section .signup-form .track-container .tracking-table .order-info p span {
  font-weight: 700;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 15px;
  padding: 16px;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table .br-1 {
  border-radius: 10px 0 0 10px;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table .br-2 {
  border-radius: 0 10px 10px 0;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table thead {
  border-radius: 15px;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table thead th {
  padding: 8px;
  background-color: #eee;
  border: none;
  font-size: 14px;
  width: 15%;
  text-align: left;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td {
  text-align: left;
  font-size: 14px;
  vertical-align: middle;
  text-transform: capitalize;
  padding: 8px;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td button {
  margin: 0;
  width: 100%;
  border-radius: 8px;
  padding: 0.5rem;
  font-size: 14px;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td button i {
  margin-left: 5px;
  rotate: 45deg;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td img {
  margin-left: 5px;
  cursor: pointer;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td .delivered, .signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td .cancel, .signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td .intransit, .signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td .label {
  padding: 6px !important;
  font-size: 10px !important;
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td .tooltip .tooltip-inner {
  background-color: white;
  color: black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.signup-section .signup-form .track-container .tracking-table .table-responsive table tbody td .tooltip .arrow::before {
  border-color: white;
}
.signup-section .signup-form h3 {
  font-weight: 800;
  margin-bottom: 16px;
  font-size: 25px;
}
.signup-section .signup-form p {
  font-weight: 500;
  font-size: 14px;
}
.signup-section .signup-form .body {
  margin: 2rem 0;
}
.signup-section .signup-form .body .input-group-text {
  border-radius: 8px 0 0 8px;
}
.signup-section .signup-form .body label {
  font-size: 14px;
}
.signup-section .signup-form .body input, .signup-section .signup-form .body select {
  border-radius: 8px;
  font-size: 14px;
}
.signup-section .signup-form .body input::-moz-placeholder {
  color: #C5C5C5;
  font-size: 14px;
}
.signup-section .signup-form .body input::placeholder {
  color: #C5C5C5;
  font-size: 14px;
}
.signup-section .signup-form .body input:focus, .signup-section .signup-form .body select:focus {
  border-color: #3E1A51 !important;
  box-shadow: none !important;
}
.signup-section .signup-form .body input[type=number]::-webkit-outer-spin-button,
.signup-section .signup-form .body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.signup-section .signup-form .body .solid-action-btn {
  padding: 0.35rem 3rem;
  width: 100%;
  border-radius: 10px;
  font-size: 16px;
}
.signup-section .signup-form .body .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.signup-section .signup-form .body .loading::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: loading 1s linear infinite;
}
.signup-section .signup-form .body .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.signup-section .signup-form .body .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .signup-section .signup-form {
    margin-top: 20px;
    padding: 0;
  }
  .signup-section .signup-form .nav {
    display: flex !important;
  }
  .signup-section .signup-form .nav li .nav-link {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .signup-section .signup-form .track-container .order-info {
    display: block !important;
  }
  .signup-section .signup-form .track-container table {
    width: 530px;
  }
  .signup-section .signup-form .track-container table th, .signup-section .signup-form .track-container table td {
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .signup-section ul {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .signup-section .content .heading, .signup-section .body .heading {
    font-size: 20px !important;
  }
  .signup-section .content ul, .signup-section .body ul {
    display: block !important;
  }
  .signup-section .content .footer img, .signup-section .body .footer img {
    display: none;
  }
  .signup-section .signup-form {
    padding: 0 0 2rem;
  }
  .signup-section .signup-form h3 {
    font-size: 20px;
  }
}

.pannel-partners {
  height: 100vh;
  position: relative;
}
.pannel-partners::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 360px;
  top: 0;
  left: 30%;
  z-index: 0;
  background-color: rgba(245, 196, 47, 0.6);
  filter: blur(200px);
}
.pannel-partners::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 460px;
  bottom: 0;
  border-radius: 21%;
  z-index: 0;
  background-color: rgba(210, 141, 255, 0.6);
  filter: blur(70px);
}
.pannel-partners .floating-elements .background {
  position: absolute;
}
.pannel-partners .floating-elements .background li {
  list-style: none;
  justify-content: center;
}
.pannel-partners .floating-elements .background li:first-child {
  top: 80vh !important;
  left: 30vw !important;
  border-radius: 16px !important;
  background-color: unset !important;
  animation: none !important;
  box-shadow: none !important;
}
.pannel-partners .floating-elements .background li:nth-child(2) {
  top: 30vh !important;
  left: 70vw !important;
  animation: none !important;
}
.pannel-partners .floating-elements .background li:nth-child(3) {
  top: 80vh !important;
  left: 85vw !important;
  animation: none !important;
  box-shadow: none !important;
}
@media (max-width: 576px) {
  .pannel-partners .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .pannel-partners .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .pannel-partners .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .pannel-partners .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
}
.pannel-partners .container {
  position: relative;
  z-index: 1;
}
.pannel-partners .container .partners {
  display: flex;
  justify-content: center;
}
.pannel-partners .container .partners .toggle-container {
  display: flex;
  justify-content: start;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff;
  margin-top: 50px;
}
.pannel-partners .container .partners .toggle-container .toggle-button {
  padding: 10px 20px;
  cursor: pointer;
  background-color: white;
  color: #999;
  text-align: center;
  width: 100px;
  border-radius: 10px;
}
.pannel-partners .container .partners .toggle-container input[type=radio] {
  display: none;
}
.pannel-partners .container .partners .toggle-container input[type=radio]:checked + label {
  background-color: #5b295c;
  color: #fff;
}
.pannel-partners .container .owl-carousel {
  margin-top: 30px;
}
.pannel-partners .container .owl-carousel .owl-stage {
  padding: 3rem 0;
}
.pannel-partners .container .owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}
.pannel-partners .container .owl-carousel .imgDesk {
  width: 150px;
  height: 150px;
  background-color: #fff;
  padding: 1rem;
  border-radius: 50%;
}
.pannel-partners .container .owl-carousel .imgDesk img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.pannel-partners .container .owl-carousel .imgDesk:hover {
  transform: scale(1.2);
  transition: all 0.3s ease;
  box-shadow: 0 0 0 10px #F8EBFF;
}
@media (max-width: 991px) {
  .pannel-partners {
    height: auto !important;
  }
  .pannel-partners .container .owl-carousel .imgDesk {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 576px) {
  .pannel-partners {
    min-height: auto !important;
  }
  .pannel-partners .container .heading {
    font-size: 20px;
  }
  .pannel-partners .container .sub-heading {
    font-size: 16px;
  }
  .pannel-partners .container .partners .toggle-container {
    padding: 4px;
  }
  .pannel-partners .container .partners .toggle-container .toggle-button {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
  }
}

.hook-rehook {
  padding: 50px 0;
}
.hook-rehook .container .heading {
  color: #fff;
}
.hook-rehook .container .item {
  display: flex;
  justify-content: center;
}
.hook-rehook .container .card {
  background: transparent;
  border: none;
  padding: 2rem 1.2rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 400px;
  width: 350px;
}
.hook-rehook .container .card .icon {
  height: 180px;
  overflow: hidden;
}
.hook-rehook .container .card .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.hook-rehook .container .card .body strong {
  font-size: 18px;
  font-weight: 800;
}
.hook-rehook .container .card .body p {
  margin-top: 28px;
  color: #000;
}
.hook-rehook .container .card .body a {
  color: #3E1A51;
}
.hook-rehook .container .card:hover {
  box-shadow: 0 54px 54px 0 rgba(0, 0, 0, 0.0823529412);
}
@media (max-width: 576px) {
  .hook-rehook .heading {
    font-size: 20px;
  }
  .hook-rehook .sub-heading {
    font-size: 16px;
  }
  .hook-rehook .card .body p {
    font-size: 14px;
  }
}

.embrace-the-growth {
  background-color: #F5F9FF;
  min-height: 100vh;
  position: relative;
}
.embrace-the-growth .heading {
  color: #000000 !important;
  line-height: 1.5;
  font-size: 2.5vw;
}
.embrace-the-growth::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 360px;
  top: 10%;
  z-index: 0;
  background-color: rgba(245, 196, 47, 0.6);
  filter: blur(200px);
}
.embrace-the-growth::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 500px;
  bottom: 40%;
  z-index: 0;
  background-color: rgba(210, 141, 255, 0.6);
  filter: blur(200px);
}
.embrace-the-growth .wrapper {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 2rem;
  border-radius: 16px;
}
.embrace-the-growth .wrapper .heading {
  font-size: 30px;
}
.embrace-the-growth .wrapper img {
  width: 100%;
}
.embrace-the-growth .info {
  border-radius: 20px;
  background: linear-gradient(314.99deg, rgba(255, 255, 255, 0) -12.22%, #FFFFFF 95.57%);
}
.embrace-the-growth .info .imgdesk {
  background-color: #fbe2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: auto;
}
.embrace-the-growth .info .title {
  font-weight: 800;
  margin: 27px 0 9px;
}
.embrace-the-growth .info small {
  font-size: 14px;
  line-height: 1;
}
.embrace-the-growth .info .yellow {
  background-color: #ffeed0;
}
.embrace-the-growth .info .solid-action-btn {
  margin: 20px 0 0;
  font-size: 14px;
  border-radius: 10px;
}
.embrace-the-growth .grip {
  padding: 2rem;
  height: 340px;
  border-radius: 20px;
}
.embrace-the-growth .grip p {
  margin: 30px 0 !important;
}
.embrace-the-growth .owl-carousel {
  display: none;
}
@media (max-width: 576px) {
  .embrace-the-growth::after {
    width: 100%;
    left: 0;
    top: 15%;
  }
  .embrace-the-growth::before {
    width: 100%;
    left: 0;
    bottom: 55%;
  }
  .embrace-the-growth .heading {
    font-size: 20px !important;
  }
  .embrace-the-growth .sub-heading {
    font-size: 16px !important;
  }
  .embrace-the-growth .wrapper {
    padding: 1rem;
  }
  .embrace-the-growth .wrapper .heading {
    font-size: 18px !important;
  }
  .embrace-the-growth .wrapper p {
    font-size: 14px;
  }
  .embrace-the-growth .grids {
    display: none;
  }
  .embrace-the-growth .owl-carousel {
    display: block;
  }
  .embrace-the-growth .owl-carousel .owl-item img {
    width: unset;
  }
  .embrace-the-growth .grip {
    text-align: center;
  }
}

.new-signup-section {
  background-color: #FCFBFD;
}
.new-signup-section mark {
  background-color: transparent;
  background-image: linear-gradient(90deg, #FFCD2C 10%, #C558FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
  padding: 0;
}
.new-signup-section .signup-form {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1294117647);
}
.new-signup-section .signup-form #auth-container {
  height: 400px;
}
@media (max-width: 576px) {
  .new-signup-section .signup-form #auth-container {
    height: 600px;
  }
}

.newsroom-bg {
  background-image: url(../images/newsroom.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
}
.newsroom-bg .hero-area {
  min-height: 85vh;
}
.newsroom-bg .hero-area .container {
  display: flex;
  height: 85vh;
}
.newsroom-bg .hero-area .container .newsroom {
  margin: 0;
}
.newsroom-bg .hero-area .container .newsroom .head-title {
  font-size: 92px !important;
  color: #000000;
}
.newsroom-bg .hero-area .container .newsroom .sub-tile {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
}

.hero-area {
  min-height: 80vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: start;
}
.hero-area .container {
  z-index: 2;
}
.hero-area .container .announce {
  border: 2px solid #eee;
  padding: 8px 16px;
  border-radius: 18px;
  display: inline-block;
}
.hero-area .container .announce img {
  margin-right: 8px;
}
.hero-area .container .contents {
  margin: 8rem 0 3rem 0;
}
.hero-area .container .contents .ndd-mark {
  background: linear-gradient(120deg, #FFC127 10%, #FFEAAB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-area .container .contents .head-title {
  font-weight: 800;
  font-size: 62px;
  margin-bottom: 1.5rem;
}
.hero-area .container .contents .description {
  font-size: 18px;
  font-weight: 500;
}
.hero-area .container .contents .feature-title {
  line-height: 1.4;
}
.hero-area .container .join-us button {
  font-size: 16px;
  padding: 1rem 2rem;
}
.hero-area .container .join-us button img {
  display: none;
}
.hero-area .floating-elements .background {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.hero-area .floating-elements .background li {
  position: absolute;
  list-style: none;
  display: flex;
  align-items: center;
}
.hero-area .floating-elements .background li:first-child {
  top: 8vh;
  left: 9vw;
  padding: 8px 20px;
  border-radius: 25px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  z-index: 2;
  animation: floating 3s ease-in-out infinite;
}
.hero-area .floating-elements .background li:first-child img {
  width: 35px;
  margin-left: 5px;
}
.hero-area .floating-elements .background li:nth-child(2) {
  top: 15vh;
  left: 75vw;
  animation: floating 4s ease-in-out infinite;
}
.hero-area .floating-elements .background li:nth-child(3) {
  top: 50vh;
  left: 10vw;
  padding: 8px 10px;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  animation: floating 2s ease-in-out infinite;
}
.hero-area .floating-elements .background li:nth-child(4) {
  top: 65vh;
  left: 25vw;
  animation: floating 5s ease-in-out infinite;
}
.hero-area .floating-elements .background li:nth-child(5) {
  top: 50vh;
  left: 80vw;
  padding: 8px 20px;
  border-radius: 25px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  animation: floating 3s ease-in-out infinite;
  z-index: 2;
}
.hero-area .floating-elements .background li:nth-child(5) img {
  width: 20px;
  margin-left: 5px;
}
@media (max-width: 576px) {
  .hero-area .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .hero-area .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .hero-area .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .hero-area .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .hero-area .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .hero-area .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
  .hero-area .floating-elements .background li:nth-child(4) {
    top: 42vh;
    left: 20vw;
  }
  .hero-area .floating-elements .background li:nth-child(5) {
    top: 39vh;
    left: 80vw;
    font-size: 12px;
  }
  .hero-area .floating-elements .background li:nth-child(5) img {
    width: 14px;
    margin-left: 5px;
  }
}

.feature::after {
  content: "";
  top: 2%;
}
.feature .explore-features {
  position: relative;
  padding: 0px;
}
.feature .explore-features .title {
  font-size: 42px;
  font-weight: 800;
}
.feature .explore-features .descrp {
  font-size: 18px;
  margin-bottom: 16px;
}
.feature .explore-features a {
  font-size: 18px;
  font-weight: 700;
}
.feature .explore-features .feature-slider {
  overflow: hidden;
}
.feature .explore-features .feature-slider ul {
  position: relative;
  list-style: none;
  margin: 45px 0;
  z-index: 1;
  padding: 0;
}
.feature .explore-features .feature-slider ul .owl-carousel .owl-stage-outer {
  padding: 0 0 6rem;
}
.feature .explore-features .feature-slider ul .owl-carousel li .card {
  background: transparent;
  border: none;
  background-color: #fbe2f6;
  padding: 1rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 400px;
  border: 2px solid #DF99F7;
}
.feature .explore-features .feature-slider ul .owl-carousel li .card .head {
  margin-top: 5rem;
}
.feature .explore-features .feature-slider ul .owl-carousel li .card .head .icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
  border-radius: 0 0 12px 0;
  background-color: #3E1A51;
}
.feature .explore-features .feature-slider ul .owl-carousel li .card .body strong {
  font-size: 22px;
}
.feature .explore-features .feature-slider ul .owl-carousel li .card .body p {
  margin-top: 28px;
}
.feature .explore-features .feature-slider ul .owl-carousel li .card:hover {
  box-shadow: 0 54px 54px 0 rgba(0, 0, 0, 0.0823529412);
}
.feature .explore-features .feature-slider ul .owl-carousel li .even {
  background-color: #ffeed0;
  border-color: #FBBC05;
}
.feature .explore-features .feature-slider ul .owl-carousel li .even .head .icon {
  background-color: #FBBC05;
}
@media (max-width: 768px) {
  .feature .explore-features .title {
    font-size: 25px;
  }
  .feature .explore-features .descrp {
    font-size: 14px;
  }
}

.app_launch {
  background-color: #F7EAFF;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.app_launch mark {
  color: #8C3BB7;
  background: none;
  padding: 0;
}
.app_launch .usps .item {
  margin-bottom: 16px;
}
.app_launch .usps .item .icon {
  margin-right: 16px;
}
.app_launch .usps .item .content h4 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.app_launch .usps .item .content p {
  font-size: 16px;
}
.app_launch .app-btns {
  background: #fff;
  padding: 16px 16px 16px 100px;
  position: absolute;
  left: 0;
  border-radius: 8px;
}
.app_launch .app-btns .sub-heading {
  font-size: 16px;
  font-weight: 500;
}
.app_launch .app-btns .btn {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 12px 0px;
  justify-content: center;
}
.app_launch .app-btns .btn img {
  margin-right: 8px;
}
.app_launch .imgDesk {
  overflow: hidden;
}
.app_launch .imgDesk img {
  position: absolute;
  bottom: -50%;
  width: 80%;
}
@media (max-height: 700px) {
  .app_launch .imgDesk img {
    bottom: -50% !important;
  }
}
@media (max-width: 1366px) {
  .app_launch .heading {
    font-size: 32px;
  }
  .app_launch .sub-heading {
    font-size: 14px;
  }
  .app_launch .usps .item h4 {
    font-size: 16px !important;
  }
  .app_launch .usps .item p {
    font-size: 14px !important;
  }
  .app_launch .app-btns .sub-heading {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .app_launch {
    height: auto !important;
    text-align: center;
  }
  .app_launch .usps .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
  }
  .app_launch .usps .item .icon {
    margin-bottom: 8px;
  }
  .app_launch .app-btns {
    position: relative;
    width: 100%;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  .app_launch .imgDesk img {
    display: none;
  }
}

.tracking::after {
  content: "";
  top: 2%;
}
.tracking .floating-elements .background {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tracking .floating-elements .background li {
  position: absolute;
  list-style: none;
  display: flex;
  align-items: center;
}
.tracking .floating-elements .background li:first-child {
  display: none;
}
.tracking .floating-elements .background li:nth-child(2) {
  top: 15vh;
  left: 75vw;
  animation: floating 4s ease-in-out infinite;
}
.tracking .floating-elements .background li:nth-child(3) {
  display: none;
}
.tracking .floating-elements .background li:nth-child(4) {
  top: 50vh;
  left: 20vw;
  animation: floating 5s ease-in-out infinite;
}
.tracking .floating-elements .background li:nth-child(5) {
  display: none;
}
@media (max-width: 576px) {
  .tracking .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .tracking .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .tracking .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .tracking .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .tracking .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .tracking .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
  .tracking .floating-elements .background li:nth-child(4) {
    top: 42vh;
    left: 20vw;
  }
  .tracking .floating-elements .background li:nth-child(5) {
    top: 39vh;
    left: 80vw;
    font-size: 12px;
  }
  .tracking .floating-elements .background li:nth-child(5) img {
    width: 14px;
    margin-left: 5px;
  }
}
.tracking .contents {
  margin: 4rem 0 !important;
}
.tracking .track-box {
  background-color: #fff;
  box-shadow: 0 10px 70px 0 rgba(0, 0, 0, 0.0666666667);
  padding: 2rem;
  border-radius: 20px;
}
.tracking .track-box .form-group {
  display: flex;
  align-items: center;
}
.tracking .track-box .form-group .title {
  font-size: 22px;
  font-weight: 600;
}
.tracking .track-box .form-group .radio {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin: 0 16px;
}
.tracking .track-box .form-group .radio input[type=radio] {
  display: none;
}
.tracking .track-box .form-group .radio .radio-input:checked + .radio-outline {
  background-color: #3E1A51;
}
.tracking .track-box .form-group .radio .radio-input:checked + .radio-outline::after {
  transform: scale(1);
}
.tracking .track-box .form-group .radio .radio-outline {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.3019607843);
  border-radius: 50px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 4px;
}
.tracking .track-box .form-group .radio .radio-outline::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  border-radius: 50px;
  transform: scale(0);
  transition: 0.15s;
}
.tracking .track-box input {
  padding: 0.75rem 1rem;
  background-color: #f7f7f7;
  color: #949494;
  border-radius: 45px;
  border: none;
  font-size: 16px;
  width: 100%;
}
.tracking .track-box input::-moz-placeholder {
  color: #C5C5C5;
}
.tracking .track-box input::placeholder {
  color: #C5C5C5;
}
.tracking .track-box input:focus-visible {
  outline-color: #cdcdcd;
}
.tracking .track-box .solid-action-btn {
  width: 100%;
  padding: 0.75rem 0;
  margin: 0;
}
.tracking .track-box .solid-action-btn:hover {
  color: #fff;
}
.tracking .track-box .ship-loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.tracking .track-box .ship-loading::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: loading 1s linear infinite;
}
.tracking .track-box #responseMessage {
  color: #ed3c0d;
  text-align: left;
  font-weight: 600;
}
.tracking .tracking-table .order-info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tracking .tracking-table .order-info p {
  font-weight: 500;
}
.tracking .tracking-table .order-info p span {
  font-weight: 700;
}
.tracking .tracking-table .table-responsive {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 30px;
  padding: 20px 16px;
}
.tracking .tracking-table .table-responsive table .br-1 {
  border-radius: 15px 0 0 15px;
}
.tracking .tracking-table .table-responsive table .br-2 {
  border-radius: 0 15px 15px 0;
}
.tracking .tracking-table .table-responsive table thead {
  border-radius: 15px;
}
.tracking .tracking-table .table-responsive table thead th {
  padding: 12px 16px;
  background-color: #eee;
  border: none;
}
.tracking .tracking-table .table-responsive table tbody td {
  vertical-align: middle;
  text-transform: capitalize;
  padding: 20px 16px;
}
.tracking .tracking-table .table-responsive table tbody td button {
  margin: 0;
  width: 100%;
  border-radius: 8px;
}
.tracking .tracking-table .table-responsive table tbody td button i {
  margin-left: 5px;
  rotate: 45deg;
}
.tracking .tracking-table .table-responsive table tbody td img {
  margin-left: 5px;
  cursor: pointer;
}
.tracking .tracking-table .table-responsive table tbody td .tooltip .tooltip-inner {
  background-color: white;
  color: black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.tracking .tracking-table .table-responsive table tbody td .tooltip .arrow::before {
  border-color: white;
}
@media (max-width: 991px) {
  .tracking table {
    width: 900px;
  }
  .tracking table th, .tracking table td {
    white-space: nowrap;
  }
}
@media (max-width: 576px) {
  .tracking .track-box .form-group p, .tracking .track-box .form-group .radio {
    font-size: 14px !important;
  }
  .tracking .track-box input {
    margin-bottom: 16px;
  }
  .tracking .tracking-table .order-info {
    font-size: 14px;
  }
  .tracking .tracking-table .order-info p {
    margin: 0;
  }
  .tracking .tracking-table table th, .tracking .tracking-table table td {
    white-space: nowrap;
    vertical-align: middle;
    font-size: 12px;
    padding: 12px !important;
  }
  .tracking .tracking-table table th span, .tracking .tracking-table table td span {
    font-size: 12px;
  }
  .tracking .tracking-table table th .solid-action-btn, .tracking .tracking-table table td .solid-action-btn {
    font-size: 14px;
  }
  .tracking .tracking-table table .headcol {
    position: absolute;
    width: 110px;
    right: 3.5%;
    top: auto;
    background-color: #fff;
    border: none;
    box-shadow: -3px 0 3px -1px rgba(0, 0, 0, 0.1960784314);
  }
}

.rateCal .floating-elements .background li {
  justify-content: center;
}
.rateCal .floating-elements .background li:first-child {
  top: 45vh;
  left: 20vw;
  padding: 10px;
  border-radius: 16px;
}
.rateCal .floating-elements .background li:nth-child(2) {
  top: 15vh;
  left: 75vw;
  animation: floating 4s ease-in-out infinite;
}
.rateCal .floating-elements .background li:nth-child(2) img {
  width: 20px;
}
.rateCal .floating-elements .background li:nth-child(3) {
  top: 50vh;
  left: 75vw;
  animation: floating 5s ease-in-out infinite;
  border-radius: 16px;
}
@media (max-width: 576px) {
  .rateCal .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .rateCal .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .rateCal .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .rateCal .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .rateCal .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .rateCal .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
}
.rateCal mark {
  border-radius: 10px 26px 4px 10px;
}
.rateCal .btn {
  font-size: 16px;
  padding: 1rem 2rem;
}
.rateCal .btn:hover {
  color: #fff;
}

.ship-rates .hero-area .contents {
  margin: 3rem 0;
}

.explore-features {
  padding: 50px 0;
  overflow: hidden;
}
.explore-features .carousel .carousel-indicators {
  position: unset;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0px;
  padding-right: 30px;
}
.explore-features .carousel .carousel-indicators [data-bs-target] {
  text-indent: 0;
  width: unset;
  height: unset;
  background-color: transparent;
  margin-bottom: 16px;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  white-space: wrap;
  border-top: none;
  border-bottom: none;
}
.explore-features .carousel .carousel-indicators .item {
  position: relative;
  margin-bottom: 16px;
  text-align: left;
}
.explore-features .carousel .carousel-indicators .item h5 {
  font-size: 18px;
  margin: 0px 0 16px;
  font-weight: 700;
}
.explore-features .carousel .carousel-indicators .item p {
  font-size: 12px;
}
.explore-features .carousel .carousel-indicators .item a {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
}
.explore-features .carousel .carousel-indicators .item .scroll-path, .explore-features .carousel .carousel-indicators .item .scroll-yellow {
  width: 4px;
  background-color: #dfdfdf;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  border-radius: 12px;
  overflow: hidden;
  display: none;
}
.explore-features .carousel .carousel-indicators .item .scroll-path::before, .explore-features .carousel .carousel-indicators .item .scroll-yellow::before {
  content: "";
  position: absolute;
  width: 5px;
  background-color: #3E1A51;
  animation: scrollVertical 4.5s ease-in-out infinite;
}
.explore-features .carousel .carousel-indicators .item .scroll-yellow::before {
  background-color: #FBBC05;
}
.explore-features .carousel .carousel-indicators .item:hover .scroll-path::before {
  animation-play-state: paused;
}
.explore-features .carousel .carousel-indicators .solid-action-btn {
  padding: 14px 32px;
  font-size: 16px;
  margin-left: 0;
}
.explore-features .carousel .carousel-indicators .active .item .scroll-path {
  display: block;
}
@media (max-width: 992px) {
  .explore-features .carousel .carousel-indicators {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
    padding: 4px;
  }
  .explore-features .carousel .carousel-indicators [data-bs-target] {
    padding: 8px 12px;
    margin-right: 16px;
    margin-bottom: 8px;
  }
}
.explore-features .carousel .owl-carousel {
  display: none;
}
.explore-features .carousel .carousel-inner {
  width: 115%;
  border-radius: 10px;
  overflow: hidden;
}
.explore-features .carousel .carousel-inner .carousel-item .dashboard-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
  box-shadow: 0px 56px 232px -56px rgba(0, 0, 0, 0.2509803922);
}
@media (max-width: 992px) {
  .explore-features .carousel .carousel-indicators {
    display: inline-block;
  }
  .explore-features .carousel .carousel-inner {
    width: 100%;
    height: inherit !important;
  }
  .explore-features .carousel .join-btn {
    text-align: center;
    margin-top: 1.5rem;
  }
}
@media (max-width: 576px) {
  .explore-features .carousel .carousel-indicators {
    display: none;
  }
  .explore-features .carousel .carousel-inner {
    display: none;
    width: 100%;
    height: inherit !important;
  }
  .explore-features .carousel .owl-carousel {
    display: block;
  }
  .explore-features .carousel .owl-carousel .item {
    position: relative;
    margin-bottom: 16px;
    text-align: left;
  }
  .explore-features .carousel .owl-carousel .item .img {
    margin-bottom: 16px;
  }
  .explore-features .carousel .owl-carousel .item h5 {
    font-size: 18px;
    margin: 0px 0 16px;
    font-weight: 700;
  }
  .explore-features .carousel .owl-carousel .item p {
    font-size: 12px;
  }
  .explore-features .carousel .owl-carousel .item a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
  }
  .explore-features .carousel .owl-carousel .item .scroll-path {
    height: 4px;
    background-color: #dfdfdf;
    position: absolute;
    top: 102%;
    bottom: 0;
    left: 0px;
    right: 0;
    border-radius: 12px;
    overflow: hidden;
  }
  .explore-features .carousel .owl-carousel .item .scroll-path::before {
    content: "";
    position: absolute;
    height: 4px;
    background-color: #3E1A51;
    animation: scrollHorizontal 8s ease-in-out infinite;
  }
  .explore-features .carousel .owl-carousel .item:hover .scroll-path::before {
    animation-play-state: paused;
  }
  .explore-features .carousel .join-btn {
    text-align: center;
    margin-top: 1.5rem;
  }
}
.explore-features .tools-step .step {
  text-align: center;
  transition: 1s;
}
.explore-features .tools-step .step p {
  margin: auto 20px 20px;
}
.explore-features .tools-step .step p .highlight {
  font-weight: bold;
  color: #9B0E8E;
  text-transform: uppercase;
}
.explore-features .tools-step .step img {
  width: 90%;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1882352941);
}
.explore-features .tools-step .two, .explore-features .tools-step .three, .explore-features .tools-step .four {
  display: none;
}
.explore-features .title {
  margin: 16px 0 25px;
  font-size: 32px;
  font-weight: 800;
}
.explore-features .solid-action-btn {
  padding: 14px 32px;
  font-size: 16px;
  margin-left: 0;
}
.explore-features .features .item {
  position: relative;
}
.explore-features .features .item h5 {
  font-size: 18px;
  margin: 16px 0;
  font-weight: 700;
}
.explore-features .features .item p {
  font-size: 12px;
}
.explore-features .features .item a {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
}
.explore-features .features .item .scroll-path {
  width: 4px;
  background-color: #dfdfdf;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  border-radius: 12px;
  overflow: hidden;
}
.explore-features .features .item .scroll-path::before {
  content: "";
  position: absolute;
  width: 5px;
  background-color: #3E1A51;
  background-size: 60% 120%;
  animation: scroll 4s ease-in-out infinite;
}
.explore-features .features .item:hover .scroll-path::before {
  animation-play-state: paused;
}
@media (max-width: 576px) {
  .explore-features {
    padding: 70px 0 0;
  }
}

.what-makes-better .hidden-column, .what-makes-better2 .hidden-column {
  display: none;
}
.what-makes-better .view-more-container, .what-makes-better2 .view-more-container {
  text-align: center;
  margin-top: 20px;
}
.what-makes-better .view-more-container button, .what-makes-better2 .view-more-container button {
  font-weight: 700;
  font-size: 16px;
  background-color: #eee;
  color: #3E1A51;
  border-radius: 20px;
  border: none;
  padding: 8px 12px;
}
.what-makes-better .info, .what-makes-better2 .info {
  padding: 0 55px;
}
.what-makes-better .info .imgdesk, .what-makes-better2 .info .imgdesk {
  display: block;
  background-color: #f2f2f2;
  padding: 12px;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: auto;
}
.what-makes-better .info .imgdesk img, .what-makes-better2 .info .imgdesk img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.what-makes-better .info .title, .what-makes-better2 .info .title {
  font-weight: 800;
  margin: 27px 0 9px;
}
.what-makes-better .info small, .what-makes-better2 .info small {
  font-size: 14px;
  line-height: 2;
}
.what-makes-better .info .learnmore, .what-makes-better2 .info .learnmore {
  display: block;
  font-weight: 800;
  font-size: 14px;
  color: #3E1A51;
  margin-top: 16px;
}
.what-makes-better .info .yellow, .what-makes-better2 .info .yellow {
  background-color: #ffeed0;
}
@media (max-width: 576px) {
  .what-makes-better .info, .what-makes-better2 .info {
    padding: 0 10px;
  }
}

.what-makes-better2 .label {
  background-color: #fbe2f6 !important;
  color: #3E1A51;
}
.what-makes-better2 .info {
  padding-left: 2rem;
}
.what-makes-better2 .info p {
  font-size: 16px;
}
.what-makes-better2 .info h5 {
  font-size: 41px;
  font-weight: 600;
  margin: 16px 0;
}
.what-makes-better2 .info li {
  list-style: none;
  line-height: 3;
}
.what-makes-better2 .info li i {
  margin-right: 12px;
  color: #3E1A51;
}
.what-makes-better2 .info a {
  color: #3E1A51;
  font-size: 16px;
  font-weight: 700;
}
.what-makes-better2 img {
  width: 100%;
}
@media (max-width: 992px) {
  .what-makes-better2 .info {
    padding: 0.5rem;
  }
  .what-makes-better2 .info h5 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .what-makes-better2 .info {
    padding: 0.5rem;
  }
  .what-makes-better2 .info h5 {
    font-size: 23px;
  }
}

.better-feature .sub-heading {
  padding: 0 32px;
}
.better-feature .info h5 {
  font-weight: 800;
}
.better-feature .info .bold-heading {
  font-size: 50px;
  margin-bottom: 3rem;
}
.better-feature .info .sub-title, .better-feature .info .txt-cta {
  font-size: 20px;
}
.better-feature .info .solid-action-btn {
  display: inline-block;
  color: #fff;
  margin-left: 0;
  padding: 13px 37px;
}
@media (max-width: 576px) {
  .better-feature .sub-heading {
    padding: 0;
  }
}

.partners .info-card {
  background-image: linear-gradient(to right, #ECECED, #ffffff);
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 1rem;
}
.partners .info-card .info h4 {
  font-weight: 700;
}
.partners .info-card .img {
  text-align: center;
  margin: 16px 0;
}
.partners .info-card .img img {
  width: 70%;
  margin: auto;
}
@media (max-width: 576px) {
  .partners .info .bold-heading {
    font-size: 25px !important;
    margin-bottom: 0 !important;
  }
  .partners .info .sub-title {
    font-size: 14px !important;
  }
  .partners .info .txt-cta {
    font-size: 14px !important;
  }
  .partners .info-card {
    height: -moz-max-content;
    height: max-content;
  }
}

.shipping-features {
  padding: 50px 0 70px;
}
.shipping-features #shiprates-carousel {
  padding: 4rem 0;
}
.shipping-features #shiprates-carousel .item {
  position: relative;
  padding-top: 40px;
}
.shipping-features #shiprates-carousel .item .icon {
  position: absolute;
  display: inline-block;
  top: 2%;
  left: 40%;
  z-index: 5;
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.0823529412);
}
.shipping-features #shiprates-carousel .item .icon img {
  width: 40px;
}
.shipping-features #shiprates-carousel .item .card {
  background: transparent;
  border: none;
  padding: 4rem 1.2rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 280px;
}
.shipping-features #shiprates-carousel .item .card .body {
  text-align: center;
}
.shipping-features #shiprates-carousel .item .card .body strong {
  font-size: 22px;
  font-weight: 800;
}
.shipping-features #shiprates-carousel .item .card .body p {
  margin-top: 28px;
  color: #3E1A51;
}
.shipping-features #shiprates-carousel .item .card .body a {
  color: #3E1A51;
}
.shipping-features #shiprates-carousel .item .card:hover {
  box-shadow: 0 54px 54px 0 rgba(0, 0, 0, 0.0823529412);
}
.shipping-features #shiprates-carousel .owl-item:nth-child(odd) .item .card {
  background-color: #fbe2f6;
}
.shipping-features #shiprates-carousel .owl-item:nth-child(even) .item .card {
  background-color: #ffeed0;
}
.shipping-features .solid-action-btn {
  background-color: #fff !important;
  color: #3E1A51;
  padding: 1rem 2rem !important;
}

.customer-love .heading {
  font-weight: 800;
}
.customer-love p {
  font-size: 18px;
}
.customer-love a {
  font-weight: 800;
  color: #fff;
  font-size: 18px;
}
.customer-love #feature-carousel {
  padding: 4rem 0;
}
.customer-love #feature-carousel .item {
  position: relative;
  padding-top: 40px;
}
.customer-love #feature-carousel .item .icon {
  position: absolute;
  display: inline-block;
  top: 2%;
  left: 5%;
  z-index: 5;
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.0823529412);
}
.customer-love #feature-carousel .item .icon img {
  width: 40px;
}
.customer-love #feature-carousel .item .card {
  background: transparent;
  border: none;
  padding: 4rem 1.2rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 350px;
}
.customer-love #feature-carousel .item .card .body strong {
  font-size: 22px;
  font-weight: 800;
}
.customer-love #feature-carousel .item .card .body p {
  margin-top: 28px;
  color: #3E1A51;
}
.customer-love #feature-carousel .item .card .body a {
  color: #3E1A51;
}
.customer-love #feature-carousel .item .card:hover {
  box-shadow: 0 54px 54px 0 rgba(0, 0, 0, 0.0823529412);
}
.customer-love #feature-carousel .owl-item:nth-child(odd) .item .card {
  background-color: #fbe2f6;
}
.customer-love #feature-carousel .owl-item:nth-child(even) .item .card {
  background-color: #ffeed0;
}

.blogs .label {
  background-color: #fbe2f6 !important;
  color: #3E1A51;
}
.blogs .card {
  border: none;
  background-color: transparent;
}
.blogs .card img {
  width: 100%;
  border-radius: 12px;
}
.blogs .card .body {
  margin: 16px 0;
}
.blogs .card .body .label {
  font-weight: 600;
  padding: 2px 12px;
  font-size: 12px;
}
.blogs .card .body .time {
  color: #949494;
  font-size: 12px;
}
.blogs .card .body .content {
  padding: 16px 0 0;
  font-weight: 800;
  color: #36485C;
  font-size: 16px;
}
.blogs .card .footer a {
  font-weight: 700;
  font-size: 16px;
  color: #3E1A51;
}
.blogs .card .footer a i {
  font-size: 12px;
}
@media (max-width: 576px) {
  .blogs .card {
    text-align: center;
  }
}

.news .card .head {
  height: 200px;
  overflow: hidden;
}
.news .card .head img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news .card .body .time {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
}
.news .card .body .content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.news .card .footer a {
  color: #9B0E8E;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news .card .head {
    height: 200px;
  }
  .news .card .head img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.faq {
  background-color: #fff;
}
.faq .label {
  background-color: #fbe2f6 !important;
  color: #3E1A51;
}
.faq .accordion {
  min-width: 700px;
}
.faq .accordion .accordion-item {
  width: 100%;
}
.faq .accordion .accordion-item button:focus {
  border: none;
  box-shadow: 0 0 0 0.25rem #fbe2f6;
}
.faq .accordion .accordion-item button:not(.collapsed) {
  color: #000000;
  background-color: #fbe2f6;
}
@media (max-width: 991px) {
  .faq .heading {
    font-size: 25px;
  }
  .faq .accordion {
    min-width: inherit;
  }
  .faq .accordion .accordion-item button {
    padding: 1rem 0;
  }
}
@media (max-width: 1268px) {
  .faq .accordion {
    min-width: 100%;
  }
}

.track-faq {
  padding: 50px 0;
}

.ready-to-explore {
  background-color: #3E1A51;
}
.ready-to-explore h3 {
  font-weight: 600;
}
.ready-to-explore h3, .ready-to-explore p {
  color: #fff;
}
.ready-to-explore p {
  margin: 25px 0;
}
.ready-to-explore input {
  width: 50%;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  font-size: 14px;
  border: none;
}
.ready-to-explore input::-moz-placeholder {
  color: #C5C5C5;
  font-size: 12px;
}
.ready-to-explore input::placeholder {
  color: #C5C5C5;
  font-size: 12px;
}
.ready-to-explore .solid-action-btn {
  background-color: #FBBC05;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 16px;
  margin: 0 8px;
  font-weight: 700;
}
.ready-to-explore .solid-action-btn:hover {
  color: #fff;
}
.ready-to-explore .solid-action-btn img {
  display: none;
}
.ready-to-explore .image {
  position: relative;
}
.ready-to-explore .image img {
  width: 100%;
}
.ready-to-explore .image .note-img {
  position: absolute;
  background-color: #fbe2f6;
  border: 5px solid #fff;
  padding: 0.5rem;
  border-radius: 8px;
  top: 15%;
  left: -16px;
  box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.2509803922);
}
@media (max-width: 992px) {
  .ready-to-explore h3 {
    font-size: 25px;
  }
  .ready-to-explore .col-sm-12 {
    position: relative;
  }
  .ready-to-explore .col-sm-12 input {
    width: 100%;
  }
  .ready-to-explore .col-sm-12 .solid-action-btn {
    position: absolute;
    top: 5px;
    right: 10px;
  }
  .ready-to-explore .col-sm-12 .solid-action-btn span {
    display: none;
  }
  .ready-to-explore .col-sm-12 .solid-action-btn img {
    display: block;
  }
}
@media (max-width: 576px) {
  .ready-to-explore h3 {
    font-size: 26px;
  }
  .ready-to-explore .col-sm-12 {
    position: relative;
  }
  .ready-to-explore .col-sm-12 input {
    width: 100%;
  }
  .ready-to-explore .col-sm-12 .solid-action-btn {
    position: absolute;
    top: 5px;
    right: 10px;
  }
  .ready-to-explore .col-sm-12 .solid-action-btn span {
    display: none;
  }
  .ready-to-explore .col-sm-12 .solid-action-btn img {
    display: block;
  }
}

.track-status {
  padding: 50px 0 80px 0;
}
.track-status .heading {
  font-weight: 800;
  margin-bottom: 100px;
}
.track-status .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.track-status .content .dot-line {
  position: absolute;
  top: 47%;
  left: 10%;
  right: 10%;
  border: 1px dashed #d9d9d9;
  background-color: #fff;
  z-index: 0;
}
.track-status .content .status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 450px;
  margin: 0 10px;
}
.track-status .content .status:hover .circle {
  transform: scale(2);
  background-color: #FBBC05;
}
.track-status .content .status:hover .status-img {
  transform: scale(1.1);
  box-shadow: 0 10px 70px 0 rgba(0, 0, 0, 0.0666666667);
  border: none;
}
.track-status .content .status .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #0ED065;
  position: relative;
  z-index: 1;
  margin: 50px 0;
}
.track-status .content .status .status-img {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 1px solid #D9D9D9;
  border-radius: 15px;
  padding: 2rem;
}
.track-status .content .status .status-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.track-status .content .status .info {
  padding: 0;
}
.track-status .content .status .info h6 {
  font-weight: 800;
}
@media (max-width: 360px) {
  .track-status .content .dot-line {
    left: 32%;
    right: 68%;
  }
}
@media (max-width: 380px) {
  .track-status .content .dot-line {
    left: 31%;
    right: 69%;
  }
}
@media (max-width: 400px) {
  .track-status .content .dot-line {
    left: 30% !important;
    right: 70% !important;
  }
}
@media (max-width: 430px) {
  .track-status .content .dot-line {
    left: 27%;
    right: 73%;
  }
}
@media (max-width: 991px) {
  .track-status .content {
    display: block;
  }
  .track-status .content .dot-line {
    position: absolute;
    top: 9%;
    left: 28%;
    right: 72%;
    bottom: 9%;
    border: 1px dashed #d9d9d9;
    background-color: #fff;
    z-index: 0;
  }
  .track-status .content .status {
    display: grid;
    grid-template-columns: 70px 80px auto;
    flex-direction: row;
    height: -moz-max-content;
    height: max-content;
    margin: 20px 0;
  }
  .track-status .content .status .status-img {
    width: 70px;
    height: 70px;
    padding: 10px;
  }
  .track-status .content .status .circle {
    width: 10px;
    height: 10px;
    margin: auto;
  }
  .track-status .content .status .info {
    text-align: left;
  }
  .track-status .content .status .info h5, .track-status .content .status .info p {
    font-size: 12px;
  }
}

.delivery-partner, .track-experience {
  padding: 50px 0;
  background-color: #fbe2f6;
}
.delivery-partner h3, .track-experience h3 {
  font-weight: 700;
}
.delivery-partner h3, .delivery-partner p, .track-experience h3, .track-experience p {
  color: #000000;
}
.delivery-partner .solid-action-btn, .track-experience .solid-action-btn {
  background-color: #3E1A51;
  border-radius: 25px;
  margin-left: 0;
}
@media (max-width: 991px) {
  .delivery-partner .col-sm-12, .track-experience .col-sm-12 {
    position: unset;
    margin-bottom: 20px;
  }
  .delivery-partner .col-sm-12 .solid-action-btn, .track-experience .col-sm-12 .solid-action-btn {
    position: unset;
    margin: 0;
  }
}

.track-experience {
  background-color: #ffeed0;
  position: relative;
}
.track-experience li {
  list-style: none;
  line-height: 3;
}
.track-experience li i {
  margin-right: 12px;
  color: #3E1A51;
}
.track-experience .image {
  position: absolute;
  bottom: 0;
}
@media (max-width: 576px) {
  .track-experience .image {
    position: static;
  }
}

.get-shipping-rates .solid-action-btn {
  display: block;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  padding: 1rem 0.5rem;
  color: #000000;
  background-color: #fff;
  font-weight: 500;
  border: 1px solid #FBBC05;
  margin-bottom: 30px;
  font-size: 15px;
}
.get-shipping-rates .solid-action-btn i {
  margin-left: 10px;
  transform: rotate(45deg);
}
.get-shipping-rates .solid-action-btn:hover {
  background-color: #3E1A51;
  color: #fff;
}
.get-shipping-rates .solid-action-btn:hover i {
  color: #FBBC05;
}

.get-best-courier {
  background-color: #3E1A51;
}
.get-best-courier .heading, .get-best-courier .sub-heading, .get-best-courier p {
  color: #fff;
}
.get-best-courier .solid-action-btn {
  color: #3E1A51;
  margin-left: 0;
  background-color: #FBBC05;
}

.learn-order-tracking .heading {
  text-align: start;
}
.learn-order-tracking .card {
  padding: 16px;
  flex-direction: row;
  border: 2px solid #eee;
  border-radius: 15px;
  margin-bottom: 16px;
}
.learn-order-tracking .card .body {
  width: 100%;
  padding: 0 20px;
}
.learn-order-tracking .card .body h5 {
  font-weight: 700;
  margin-bottom: 0;
}
.learn-order-tracking .card .body .content {
  font-weight: 500;
  padding: 16px 0;
}
.learn-order-tracking .card .body .read-more i {
  transform: rotate(-50deg);
  margin-left: 10px;
}
@media (max-width: 576px) {
  .learn-order-tracking .card {
    flex-direction: column;
  }
  .learn-order-tracking .card .body {
    padding: 0;
  }
}

.rateCalculator {
  position: relative;
}
.rateCalculator::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  z-index: 0;
  left: 50%;
  border-radius: 50%;
  background-color: #FDE7F3;
  filter: blur(35px);
}
.rateCalculator .heading {
  font-weight: 800;
  margin-bottom: 3rem;
}
.rateCalculator .col-12 {
  position: relative;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.rateCalculator .shipment-form {
  padding: 30px;
  width: 100%;
}
.rateCalculator .shipment-form .form-group {
  margin-bottom: 25px;
}
.rateCalculator .shipment-form .form-group label {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
}
.rateCalculator .shipment-form .form-group input[type=text], .rateCalculator .shipment-form .form-group input[type=number] {
  width: 100%;
  padding: 12px 0 12px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.rateCalculator .shipment-form .form-group input[type=text]:focus, .rateCalculator .shipment-form .form-group input[type=number]:focus {
  outline: none;
  box-shadow: none;
}
.rateCalculator .shipment-form .form-group small {
  color: red;
  display: none;
}
.rateCalculator .shipment-form .form-group .input-group {
  flex-wrap: nowrap;
}
.rateCalculator .shipment-form .form-group .input-group span {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.rateCalculator .shipment-form .form-group .margin-r {
  margin-right: 8px;
}
.rateCalculator .shipment-form .form-group .payment-options {
  display: flex;
  align-items: center;
}
.rateCalculator .shipment-form .form-group .payment-options .radio {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin: 0 16px 0 0;
  cursor: pointer;
}
.rateCalculator .shipment-form .form-group .payment-options .radio input[type=radio] {
  display: none;
}
.rateCalculator .shipment-form .form-group .payment-options .radio .radio-input:checked + .radio-outline {
  background-color: #3E1A51;
}
.rateCalculator .shipment-form .form-group .payment-options .radio .radio-input:checked + .radio-outline::after {
  transform: scale(1);
}
.rateCalculator .shipment-form .form-group .payment-options .radio .radio-outline {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.3019607843);
  border-radius: 50px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 4px;
}
.rateCalculator .shipment-form .form-group .payment-options .radio .radio-outline::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  border-radius: 50px;
  transform: scale(0);
  transition: 0.15s;
}
.rateCalculator .shipment-form .form-group .payment-options label {
  margin: 0 10px 0 10px;
}
.rateCalculator .shipment-form .error input[type=text] {
  border-color: red;
}
.rateCalculator .shipment-form .error small {
  display: block;
}
.rateCalculator .shipment-form .solid-action-btn, .rateCalculator .shipment-form .reset-btn {
  background-color: #3E1A51;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  margin-left: 0;
  cursor: pointer;
}
.rateCalculator .shipment-form .reset-btn {
  background-color: #878787;
  margin-left: 10px;
}
.rateCalculator .illustration {
  background-color: #3E1A51;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.rateCalculator .illustration img {
  width: 50%;
  height: auto;
}
.rateCalculator .rateLoader {
  display: none;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.rateCalculator .rateLoader::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: loading 1s linear infinite;
}
.rateCalculator .rateTable {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #F7F7F7;
  border: 1px solid #D9D9D9;
  padding: 2rem;
  border-radius: 10px;
}
.rateCalculator .rateTable .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rateCalculator .rateTable .head .btn-outline-primary {
  background-color: unset !important;
  border: none;
  color: #000000;
  padding: 8px 30px;
  border-radius: 32px;
}
.rateCalculator .rateTable .head .btn-outline-primary:focus {
  box-shadow: none;
  outline: none;
}
.rateCalculator .rateTable .head .btn-check:checked + .btn-outline-primary {
  background-color: #0ED065 !important;
  color: white;
  border-radius: 32px;
  box-shadow: none;
}
.rateCalculator .rateTable .getRates {
  margin: 0;
  padding: 10px 20px;
  border-radius: 10px;
}
.rateCalculator .rateTable .table-responsive {
  max-height: 335px;
}
.rateCalculator .rateTable .table-responsive::-webkit-scrollbar {
  width: 5px;
}
.rateCalculator .rateTable .table-responsive {
  /* Track */
}
.rateCalculator .rateTable .table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.rateCalculator .rateTable .table-responsive {
  /* Handle */
}
.rateCalculator .rateTable .table-responsive::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
.rateCalculator .rateTable .table-responsive {
  /* Handle on hover */
}
.rateCalculator .rateTable .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.rateCalculator .rateTable .table-responsive table {
  border-radius: 15px;
  overflow: hidden;
  background-color: #fff;
}
.rateCalculator .rateTable .table-responsive table th, .rateCalculator .rateTable .table-responsive table td {
  vertical-align: middle;
  padding: 8px 16px;
}
.rateCalculator .rateTable .table-responsive table th i, .rateCalculator .rateTable .table-responsive table td i {
  font-size: 18px;
}
.rateCalculator .rateTable .table-responsive table th {
  color: #5A5A5A;
}
.rateCalculator .rateTable .table-responsive table th button {
  background-color: #fff;
  border: none;
  padding: 0;
  position: relative;
}
.rateCalculator .rateTable .table-responsive table th button:hover .tooltips {
  visibility: visible;
  opacity: 1;
}
.rateCalculator .rateTable .table-responsive table th button i {
  color: #5A5A5A;
  font-size: 12px;
}
.rateCalculator .rateTable .table-responsive table th button .tooltips {
  visibility: hidden;
  width: 180px;
  font-size: 12px;
  background-color: #fff;
  color: #000000;
  text-align: center;
  padding: 8px 16px;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 0px 24px rgba(0, 0, 0, 0.0745098039);
}
@media (max-width: 1024px) {
  .rateCalculator .illustration {
    display: none;
  }
}
@media (max-width: 576px) {
  .rateCalculator::before {
    display: none;
  }
  .rateCalculator .shipment-form .form-group label, .rateCalculator .shipment-form .form-group input, .rateCalculator .shipment-form .form-group span {
    font-size: 14px;
  }
  .rateCalculator .shipment-form .form-group .payment-options .radio {
    font-size: 14px;
  }
  .rateCalculator .rateTable .head {
    justify-content: right;
    flex-wrap: wrap-reverse;
  }
  .rateCalculator .rateTable .head .getRates {
    margin-bottom: 20px;
  }
  .rateCalculator .rateTable .table-responsive table {
    width: 700px;
  }
}

.shipratesCalculator::before {
  background-color: unset;
}
.shipratesCalculator .illustration {
  height: 300px !important;
  overflow: hidden;
  background-color: unset !important;
}
.shipratesCalculator .illustration img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.calVariable {
  position: relative;
  padding: 70px 0;
}
.calVariable::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  z-index: 0;
  left: -25%;
  border-radius: 50%;
  background-color: #ffeed0;
  filter: blur(35px);
}
.calVariable .floating-elements .background {
  position: absolute;
}
.calVariable .floating-elements .background li {
  list-style: none;
  justify-content: center;
}
.calVariable .floating-elements .background li:first-child {
  top: 10vh;
  left: 20vw;
  padding: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DACCEC;
  border-radius: 16px;
  animation: none;
}
.calVariable .floating-elements .background li:nth-child(2) {
  top: 45vh;
  left: 85vw;
  width: 15px;
  height: 15px;
  background-color: #D28DFF;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: none;
  transform: rotate(45deg);
}
.calVariable .floating-elements .background li:nth-child(2) img {
  width: 20px;
}
@media (max-width: 576px) {
  .calVariable .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .calVariable .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .calVariable .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .calVariable .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .calVariable .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .calVariable .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
}
.calVariable .col-12 {
  margin-top: 5rem;
}
@media (max-width: 576px) {
  .calVariable {
    min-height: inherit;
  }
  .calVariable::before {
    left: -110%;
  }
  .calVariable .sub-heading {
    font-size: 14px;
  }
}

.shipOption {
  position: relative;
  padding: 50px 0;
  overflow: hidden;
  background-color: #f9f9f9;
}
.shipOption::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 0;
  top: 20%;
  right: -20%;
  border-radius: 50%;
  background-color: #fbe2f6;
  filter: blur(75px);
  overflow: hidden;
}
.shipOption .partners {
  text-align: center;
  margin-top: 3rem;
  position: relative;
}
.shipOption .partners .img-desk {
  width: 30%;
  margin: auto;
}
.shipOption .partners .floating-partner {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shipOption .partners .floating-partner .shipping-option {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 1px solid #ECECED;
  padding: 16px;
  background-color: #fff;
  transition: transform 0.3s;
  cursor: pointer;
}
.shipOption .partners .floating-partner .shipping-option:hover {
  scale: 1.1;
  transition: all 0.5s ease;
}
.shipOption .partners .floating-partner .shipping-option img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.shipOption .partners .floating-partner .shipping-option:first-child {
  top: 10%;
  left: 32%;
}
.shipOption .partners .floating-partner .shipping-option:nth-child(2) {
  height: 80px;
  width: 80px;
  top: 8%;
  left: 59%;
}
.shipOption .partners .floating-partner .shipping-option:nth-child(3) {
  height: 80px;
  width: 80px;
  top: 55%;
  left: 32%;
}
.shipOption .partners .floating-partner .shipping-option:nth-child(4) {
  top: 60%;
  left: 60%;
}
.shipOption .partners .floating-partner .shipping-option:nth-child(5) {
  top: 35%;
  left: 25%;
  width: 80px;
  height: 80px;
}
.shipOption .partners .floating-partner .shipping-option:nth-child(6) {
  top: 30%;
  left: 65%;
  width: 100px;
  height: 100px;
}
@media (max-width: 576px) {
  .shipOption {
    padding: 50px 0 0;
  }
  .shipOption::before {
    top: 10%;
    right: -130%;
  }
  .shipOption .sub-heading {
    position: relative;
  }
  .shipOption .img-desk {
    width: 70% !important;
  }
  .shipOption .partners .shipping-option:first-child {
    top: 10% !important;
    left: 10% !important;
    width: 70px !important;
    height: 70px !important;
  }
  .shipOption .partners .shipping-option:nth-child(2) {
    width: 70px !important;
    height: 70px !important;
    top: 8% !important;
    left: 72% !important;
  }
  .shipOption .partners .shipping-option:nth-child(3) {
    width: 70px !important;
    height: 70px !important;
    top: 70% !important;
    left: 70% !important;
  }
  .shipOption .partners .shipping-option:nth-child(4) {
    top: 75% !important;
    left: 8% !important;
    width: 70px !important;
    height: 70px !important;
  }
  .shipOption .partners .shipping-option:nth-child(5) {
    top: 43% !important;
    left: 5% !important;
    width: 70px !important;
    height: 70px !important;
  }
  .shipOption .partners .shipping-option:nth-child(6) {
    width: 70px !important;
    height: 70px !important;
    top: 40% !important;
    left: 77% !important;
  }
}

.calSteps {
  padding: 100px 0 50px;
  position: relative;
}
.calSteps .process-line {
  width: 80%;
  border: 1px dotted #AEAEAE;
  position: absolute;
  top: 50%;
  left: 10%;
}
.calSteps .process-line span {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #3E1A51;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  left: 27%;
}
.calSteps .process-line .s-arrow {
  left: 69%;
}
.calSteps .steps {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  background-color: #fff;
}
.calSteps .steps .label {
  position: absolute;
  top: -5%;
  left: 33%;
  background-color: #00A657 !important;
  color: #fff;
}
.calSteps .steps .img {
  margin: 16px 0;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fbe2f6;
  padding: 5px;
}
.calSteps .steps .img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.calSteps .steps p {
  margin-bottom: 12px;
  font-weight: 600;
}
.calSteps .steps small {
  color: #D28DFF;
}
@media (max-width: 576px) {
  .calSteps {
    padding: 60px 0 50px;
  }
  .calSteps .process-line {
    top: 11%;
    left: 50%;
    height: 75%;
    padding: 0;
    width: 0;
  }
  .calSteps .process-line span {
    display: none;
  }
}

.volCalculator .container {
  border: 2px solid #ECECED;
  border-radius: 20px;
  padding: 2rem;
  background-color: #fff;
  position: relative;
}
.volCalculator .container .heading {
  font-weight: 600;
  margin: 0 0 20px;
}
.volCalculator .container p {
  margin-bottom: 20px;
}
.volCalculator .container .form-group input {
  padding: 0.75rem;
  border-radius: 10px;
}
.volCalculator .container .form-group input:focus {
  outline: none;
  box-shadow: none;
}
.volCalculator .container .form-group .feilds {
  margin-right: 16px;
}
.volCalculator .container .form-group .feilds .input-group span {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.volCalculator .container .form-group .feilds .error-message {
  display: none;
}
.volCalculator .container .form-group .deleteBtn {
  background: none;
  border: none;
  color: #3E1A51;
}
.volCalculator .container .form-group .input-error {
  border: 1px solid red;
}
.volCalculator .container .form-group .error-message {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
.volCalculator .container .solid-action-btn {
  background-color: #3E1A51;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  margin-left: 0;
  cursor: pointer;
}
.volCalculator .container .add-btn {
  background: none;
  border: none;
  color: #3E1A51;
  margin-left: 20px;
  font-weight: 600;
  cursor: pointer;
}
.volCalculator .container .add-btn i {
  margin-right: 8px;
}
.volCalculator .container .volumeResult {
  display: none;
  padding: 2rem;
  border-radius: 10px;
  background-color: #fbe2f6;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.volCalculator .container .volumeResult .content {
  display: flex;
  align-items: center;
}
.volCalculator .container .volumeResult .content .result {
  padding: 0 2rem;
}
.volCalculator .container .volumeResult .content .result small {
  font-weight: 600;
}
.volCalculator .container .volumeResult .content .result small button {
  background: none;
  border: none;
  position: relative;
  padding: 0 0.75rem;
}
.volCalculator .container .volumeResult .content .result small button:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.volCalculator .container .volumeResult .content .result small button .tooltip {
  visibility: hidden;
  width: 400px;
  background-color: #fff;
  color: #000000;
  text-align: center;
  padding: 8px 16px;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 0px 24px rgba(0, 0, 0, 0.0745098039);
}
.volCalculator .container .volumeResult .content .result small button .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.volCalculator .container .volumeResult .content .border-r {
  border-right: 2px solid rgba(0, 0, 0, 0.1019607843);
}
@media (max-width: 576px) {
  .volCalculator .container .form-group .d-flex {
    flex-wrap: wrap;
  }
  .volCalculator .container .form-group .d-flex .feilds {
    width: 100%;
    margin: 16px 0;
  }
  .volCalculator .container .solid-action-btn {
    width: 100%;
  }
  .volCalculator .container .volumeResult {
    padding: 1rem;
  }
  .volCalculator .container .volumeResult .result {
    padding: 0 0 0 5px !important;
  }
  .volCalculator .container .volumeResult .result h3 {
    font-size: 25px;
    margin-top: 20px !important;
  }
  .volCalculator .container .volumeResult .result small button .tooltip {
    width: 200px !important;
  }
}

.wht-is-volumetric h5 {
  font-weight: 800 !important;
  margin: 50px 0 !important;
}

.how-to-calculate .container {
  background-color: #fbe2f6;
  border-radius: 16px;
  position: relative;
}
.how-to-calculate .container .white-border {
  height: 2px;
  background-color: #fff;
  margin: 2rem 0;
}
.how-to-calculate .container h6 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.how-to-calculate .container .strip {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #3E1A51;
  color: #FBBC05;
  padding: 8px 16px;
  margin-top: 20px;
  border-radius: 8px;
}

.publication {
  position: relative;
}
.publication .floating-elements .background {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.publication .floating-elements .background li {
  position: absolute;
  list-style: none;
  display: flex;
  align-items: center;
}
.publication .floating-elements .background li:first-child {
  top: 10vh;
  left: 25vw;
  border-radius: 25px;
  z-index: 2;
}
.publication .floating-elements .background li:nth-child(2) {
  top: 10vh;
  left: 75vw;
}
.publication .floating-elements .background li:nth-child(3) {
  top: 40vh;
  left: 50vw;
  padding: 8px 10px;
  border-radius: 8px;
}
@media (max-width: 576px) {
  .publication .floating-elements {
    display: none;
  }
}
.publication .heading {
  text-align: center;
  font-weight: 700;
}
.publication .publishers {
  padding: 2rem 0;
}
.publication .publishers .item {
  border-radius: 8px;
  text-align: center;
  height: 80px;
  overflow: hidden;
  border: 2px solid #eee;
}
.publication .publishers .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.how-sync-order {
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/auto-sync-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 50px 0 50px;
}
.how-sync-order .solid-action-btn {
  position: unset !important;
  background-color: #fff;
  color: #000000;
  padding: 1rem 3rem;
  border-radius: 30px;
  margin: 40px 0 0;
}
.how-sync-order .solid-action-btn:hover {
  background: linear-gradient(90deg, #16C063 0%, #04D1FB 45.54%);
  color: #fff;
}
@media (max-width: 576px) {
  .how-sync-order .solid-action-btn {
    margin: 20px 0 0;
    padding: 0.75rem 1.5rem;
    font-size: 14px;
  }
}

.best-ship-service {
  padding: 80px 0 80px;
  background-color: #fff;
}
.best-ship-service .heading {
  text-wrap: balance;
}
.best-ship-service .solid-action-btn {
  margin: 0;
  padding: 1rem 3rem;
  font-size: 16px;
}
@media (max-width: 576px) {
  .best-ship-service .solid-action-btn {
    margin: 20px 0 0;
    padding: 0.75rem 1.5rem;
    font-size: 14px;
  }
}

.terms-condition h1 {
  font-size: 28px;
  font-weight: 800;
}
.terms-condition h2 {
  font-size: 1.25rem;
  font-weight: 600;
}
.terms-condition .pdf {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 10px;
}

.aboutRapidshyp {
  background: linear-gradient(45deg, #B658E8 0%, #3E1A51 55%) !important;
}

.aboutus-message {
  position: relative;
}
.aboutus-message::before {
  content: "";
  position: absolute;
  top: 0;
  margin: auto;
  z-index: 0;
  right: 0;
  width: 270px;
  height: 675px;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/aboutus/right-box.svg);
  background-repeat: no-repeat;
  animation: fadeUp 3s ease-in-out;
}
.aboutus-message::after {
  content: "";
  position: absolute;
  top: -40%;
  margin: auto;
  z-index: 1;
  left: 0px;
  width: 270px;
  height: 675px;
  background-image: url(https://storage.googleapis.com/rapidshyp-website-cdn/temp/aboutus/left-box.svg);
  background-repeat: no-repeat;
  animation: fadeUp 3s ease-in-out;
}
.aboutus-message .reveal-text {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
}
@media (max-width: 576px) {
  .aboutus-message::before, .aboutus-message::after {
    display: none;
  }
  .aboutus-message::after {
    top: -20%;
  }
  .aboutus-message .container {
    position: relative;
    z-index: 3;
  }
  .aboutus-message .reveal-text {
    font-size: 16px;
  }
}

.rs-brands mark {
  padding: 0;
  background: linear-gradient(120deg, #9E44CE 10%, #f9c427 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
  font-weight: 700;
}
.rs-brands .item {
  background-color: #fff;
  padding: 1rem;
}

.rs-is-future {
  background: linear-gradient(45deg, #FFC127 10%, #B658E8 90%) !important;
}
.rs-is-future .sub-heading {
  color: #fff;
  font-size: 32px;
}
.rs-is-future .heading {
  color: #fff !important;
  font-size: 54px;
  font-weight: 700;
}
@media (max-width: 576px) {
  .rs-is-future {
    padding: 2rem 1rem 1rem !important;
  }
  .rs-is-future .sub-heading {
    font-size: 20px;
  }
  .rs-is-future .heading {
    font-size: 32px;
  }
  .rs-is-future .image {
    display: none;
  }
}

.lp-hero-ov {
  padding: 50px 0 0;
  background: rgb(182, 88, 232);
  background: linear-gradient(45deg, rgb(182, 88, 232) 0%, rgb(255, 193, 39) 100%);
}
.lp-hero-ov mark {
  padding: 0;
  background: linear-gradient(120deg, #9E44CE 10%, #f9c427 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
  font-weight: 700;
}
.lp-hero-ov .hero-area {
  min-height: auto;
}
.lp-hero-ov .hero-area .contents {
  margin: 2rem 0 3rem;
  color: #fff;
}
.lp-hero-ov .hero-area .contents .head-title {
  font-size: 54px;
  line-height: 1.4;
}
.lp-hero-ov .hero-area .contents .head-title span {
  font-weight: 200;
}
.lp-hero-ov .hero-area .contents .sub-title {
  font-size: 18px;
  margin-bottom: 2rem;
}
.lp-hero-ov .hero-area .contents .solid-action-btn {
  background-color: #fff;
  color: #000000;
  margin-left: 0;
  padding: 0.5rem 1.5rem;
}
.lp-hero-ov .hero-area .img-desk img {
  width: 100%;
}
@media (max-width: 576px) {
  .lp-hero-ov .hero-area .contents {
    text-align: center;
  }
  .lp-hero-ov .hero-area .contents .head-title {
    font-size: 40px;
  }
  .lp-hero-ov .hero-area .contents .sub-title {
    font-size: 16px;
  }
  .lp-hero-ov .hero-area .contents .solid-action-btn {
    font-size: 16px;
    padding: 0.5rem 1rem;
  }
}

.reduce-rto mark {
  padding: 0;
  background: rgb(182, 88, 232);
  background: linear-gradient(90deg, rgb(182, 88, 232) 0%, rgb(255, 193, 39) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.reduce-rto .info h5 {
  font-weight: 800;
}
.reduce-rto .info p {
  margin: 3rem 0;
  font-size: 18px;
}
.reduce-rto .info .solid-action-btn {
  background-color: #fff;
  color: #3E1A51;
  margin-left: 0;
  padding: 0.5rem 1rem;
  box-shadow: none;
  border: 1px solid #3E1A51;
  font-size: 16px;
}
.reduce-rto .info .solid-action-btn i {
  margin-left: 8px;
}
@media (max-width: 576px) {
  .reduce-rto .info {
    text-align: center;
  }
  .reduce-rto .info h5 {
    margin: 0;
  }
  .reduce-rto .info p {
    margin: 1rem 0;
    font-size: 16px;
  }
}

.open-rates-for-business {
  padding: 50px 0 70px;
}
.open-rates-for-business .features-section {
  background: linear-gradient(135deg, #3E1A51, #BA50FF);
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  width: 100%;
  padding: 40px 0 0 40px;
}
.open-rates-for-business .features-section .features-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  width: 60%;
}
.open-rates-for-business .features-section .features-list .feature-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 30px;
}
.open-rates-for-business .features-section .features-list .feature-item::before {
  content: "✓";
  color: #fff;
  background-color: #a14ef0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-weight: bold;
  width: 24px;
  height: 24px;
}
.open-rates-for-business .features-section .image-container {
  width: 35%;
  text-align: center;
}
.open-rates-for-business .features-section .image-container img {
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 576px) {
  .open-rates-for-business .features-section {
    flex-direction: column;
  }
  .open-rates-for-business .features-section .features-list {
    display: block;
    width: 100%;
  }
  .open-rates-for-business .features-section .image-container {
    width: 100%;
  }
}

.put-your-needs .features-section, .ship-package-area .features-section {
  background: #3E1A51;
  padding: 40px 40px 0 40px;
}
.put-your-needs .features-section .features-list .feature-item::before, .ship-package-area .features-section .features-list .feature-item::before {
  background-color: #fff;
  color: #3E1A51;
}
.put-your-needs .area-available, .ship-package-area .area-available {
  background: #ffeed0;
  color: #000000;
  padding: 40px;
  display: block;
  border-radius: 18px;
}
.put-your-needs .area-available .heading, .ship-package-area .area-available .heading {
  margin: 0 0 20px 0;
}
.put-your-needs .area-available .area-list, .ship-package-area .area-available .area-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.put-your-needs .area-available .area-list .area-item, .ship-package-area .area-available .area-list .area-item {
  background-color: #fff;
  padding: 10px 16px;
  margin: 0 16px 16px 0;
  border-radius: 8px;
}
@media (max-width: 576px) {
  .put-your-needs .features-section, .ship-package-area .features-section {
    flex-direction: column-reverse;
    padding: 40px 30px 0 30px;
  }
  .put-your-needs .area-available, .ship-package-area .area-available {
    padding: 20px;
  }
  .put-your-needs .area-available .area-list, .ship-package-area .area-available .area-list {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .put-your-needs .area-available .area-list .area-item, .ship-package-area .area-available .area-list .area-item {
    min-width: 160px;
  }
}

.ship-package-area .features-section {
  background: linear-gradient(135deg, #3E1A51, #BA50FF);
}

.experience-it-first-hand {
  padding: 70px 0;
}
.experience-it-first-hand .experience-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 5px, transparent 5px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 5px, transparent 5px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 5px, transparent 5px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 5px, transparent 5px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 6px) no-repeat, linear-gradient(90deg, #B658E8 0%, #FFC127 100%);
  border-radius: 8px;
  padding: 7px;
  box-sizing: border-box;
}
.experience-it-first-hand .experience-form::before {
  position: relative;
  background: none;
  -webkit-mask: unset;
  mask: unset;
  -webkit-mask-composite: xor;
  mask-composite: unset;
}
.experience-it-first-hand .experience-form .content {
  padding: 2rem 4rem;
}
.experience-it-first-hand .experience-form .content h3 {
  font-weight: 700;
}
.experience-it-first-hand .experience-form .form-input {
  padding: 2rem 2rem 0;
  background-color: #FFF5D9;
  width: 400px;
  margin: 40px 40px 0 0;
  border-radius: 8px 8px 0 0;
}
.experience-it-first-hand .experience-form .form-input form {
  display: flex;
  flex-direction: column;
}
.experience-it-first-hand .experience-form .form-input form input {
  width: 100%;
}
.experience-it-first-hand .experience-form .form-input form input::-moz-placeholder {
  color: #C5C5C5;
  font-size: 14px;
}
.experience-it-first-hand .experience-form .form-input form input::placeholder {
  color: #C5C5C5;
  font-size: 14px;
}
.experience-it-first-hand .experience-form .form-input form .solid-action-btn {
  border-radius: 4px;
  margin-left: 0;
}
@media (max-width: 576px) {
  .experience-it-first-hand .experience-form {
    flex-direction: column;
  }
  .experience-it-first-hand .experience-form .content {
    padding: 2rem 2rem;
    text-align: center;
  }
  .experience-it-first-hand .experience-form .form-input {
    width: 100% !important;
    margin: 0;
  }
}

.testimonials .owl-carousel .item {
  position: relative;
  padding: 4rem;
}
.testimonials .owl-carousel .item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(to right, #B658E8 0%, #FFC127 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.testimonials .owl-carousel .item .content {
  font-size: 30px;
}
.testimonials .owl-carousel .item .content mark {
  font-weight: 800;
}
.testimonials .owl-carousel .item img {
  width: 80%;
  margin: auto;
}
.testimonials .owl-carousel .owl-dots {
  margin-top: 40px !important;
}
.testimonials .owl-carousel .owl-dots .active {
  transform: scale(2);
  margin: 0 20px;
}
.testimonials .owl-carousel .owl-dots .active span {
  background-color: #D9D9D9;
}
@media (max-width: 576px) {
  .testimonials .owl-carousel .item {
    padding: 2rem;
  }
  .testimonials .owl-carousel .item .content {
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
  }
}

.rs-testimonials .owl-carousel .item {
  position: relative;
  background-color: #3E1A51;
  color: #fff;
  border-radius: 15px;
}
.rs-testimonials .owl-carousel .item .heading {
  font-size: 50px;
}
.rs-testimonials .owl-carousel .item .heading mark {
  padding: 0;
  background: linear-gradient(120deg, #FFC127 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
  font-weight: 700;
}
.rs-testimonials .owl-carousel .item .sub-heading {
  font-size: 18px;
  margin: 20px 0;
  color: #fff;
  padding-right: 3rem;
}
.rs-testimonials .owl-carousel .owl-dots {
  margin-top: 40px !important;
}
.rs-testimonials .owl-carousel .owl-dots .active {
  transform: scale(2);
  margin: 0 20px;
}
.rs-testimonials .owl-carousel .owl-dots .active span {
  background-color: #D9D9D9;
}
@media (max-width: 576px) {
  .rs-testimonials .owl-carousel .item {
    padding: 2rem;
    text-align: center;
  }
  .rs-testimonials .owl-carousel .item .heading {
    font-size: 30px;
  }
  .rs-testimonials .owl-carousel .item .sub-heading {
    font-size: 16px;
    margin: 20px 0;
    color: #fff;
    padding: unset;
  }
}

.is-rto-eating-profit {
  background: linear-gradient(to right, #FFC127 0%, #FFF5D9 100%);
}
.is-rto-eating-profit .container {
  padding: 3rem;
  border-radius: 10px;
}
.is-rto-eating-profit .container .solid-action-btn {
  margin-left: 0;
  padding: 0.5rem 1rem;
}
.is-rto-eating-profit .image img {
  width: 100%;
}
@media (max-width: 576px) {
  .is-rto-eating-profit {
    text-align: center;
  }
}

.get-couriers {
  background: rgb(182, 88, 232);
  background: linear-gradient(90deg, rgb(182, 88, 232) 0%, rgb(255, 193, 39) 100%);
  color: #fff;
}
.get-couriers .container {
  padding: 0;
}
.get-couriers .container .sub-heading {
  color: #fff;
}
.get-couriers .container .solid-action-btn {
  background-color: #fff;
  color: #000000;
  padding: 0.5rem 1.5rem;
  margin: 20px 0 0;
  font-weight: 700;
}
@media (max-width: 576px) {
  .get-couriers .container .imgdesk {
    padding-top: 40px;
  }
}

.lp-hero-ip {
  height: 80vh;
  background: linear-gradient(45deg, #3E1A51 0%, #CB0003 100%);
  border-bottom: 10px solid transparent;
  -o-border-image: 10 repeating-linear-gradient(45deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 1em, transparent 0, transparent 2em, rgb(255, 255, 255) 0, rgb(255, 255, 255) 3em, transparent 0, transparent 3em);
     border-image: 10 repeating-linear-gradient(45deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 1em, transparent 0, transparent 2em, rgb(255, 255, 255) 0, rgb(255, 255, 255) 3em, transparent 0, transparent 3em);
}
.lp-hero-ip .hero-area {
  height: 100%;
  align-items: center;
}
@media (max-width: 576px) {
  .lp-hero-ip {
    height: auto;
    padding: 50px 0 30px;
  }
}

.trust-in-delivery {
  position: relative;
}
.trust-in-delivery .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.trust-in-delivery .background li {
  position: absolute;
  list-style: none;
  display: flex;
  align-items: center;
}
.trust-in-delivery .background li:first-child {
  top: 10%;
  z-index: 0;
  right: -16%;
}
.trust-in-delivery .background li:first-child img {
  width: 800px;
  height: 800px;
}
.trust-in-delivery .background li:nth-child(2) {
  top: 40%;
  left: -16%;
}
.trust-in-delivery .background li:nth-child(2) img {
  width: 800px;
  height: 800px;
}
.trust-in-delivery .background li:nth-child(3) {
  top: 60%;
  right: -16%;
}
.trust-in-delivery .background li:nth-child(3) img {
  width: 800px;
  height: 800px;
}
.trust-in-delivery mark {
  padding: 0;
  background: #CB0003;
  background: linear-gradient(45deg, #3E1A51 0%, #CB0003 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.trust-in-delivery .content .heading {
  font-size: 25px;
  margin-bottom: 8px;
}
.trust-in-delivery .content img {
  margin-bottom: 16px;
}
.trust-in-delivery .solid-action-btn {
  background: linear-gradient(45deg, #3E1A51 0%, #CB0003 100%);
  color: #fff !important;
  border: none !important;
}
@media (max-width: 576px) {
  .trust-in-delivery .background {
    display: none;
  }
}

.rsChannels, .rscouriers {
  background-color: #F7F7F7;
  padding: 50px 0 70px;
}
.rsChannels .card, .rscouriers .card {
  position: relative;
  border-radius: 10px;
  padding: 20px;
  border: none;
  box-shadow: 0px 8px 0px #96bf48;
  min-height: 500px;
  line-height: 30px;
  margin-bottom: 20px;
}
.rsChannels .card .head, .rscouriers .card .head {
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px dotted #c7c7c7;
}
.rsChannels .card .head img, .rscouriers .card .head img {
  width: 150px;
  margin: auto;
}
.rsChannels .card .body, .rscouriers .card .body {
  padding: 20px 0;
}
.rsChannels .card .body p, .rscouriers .card .body p {
  margin-bottom: 20px;
}
.rsChannels .card .body .badge, .rscouriers .card .body .badge {
  font-size: 16px;
  background-color: #FFF5D9;
}
.rsChannels .card .body ul, .rscouriers .card .body ul {
  padding-left: 0;
}
.rsChannels .card .body ul .feature-item, .rscouriers .card .body ul .feature-item {
  list-style: none;
}
.rsChannels .card .body ul .feature-item i, .rscouriers .card .body ul .feature-item i {
  margin-right: 10px;
  color: #02B151;
}
.rsChannels .card .footer, .rscouriers .card .footer {
  position: absolute;
  bottom: 5%;
  display: block;
  width: 100%;
  left: 0;
  padding: 0 16px;
}
.rsChannels .card .footer .btn-custom, .rscouriers .card .footer .btn-custom {
  border: 1px solid #96bf48;
  color: #96bf48;
  border-radius: 8px;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
}
.rsChannels .card .footer .btn-custom:hover, .rscouriers .card .footer .btn-custom:hover {
  background-color: #96bf48;
  color: #fff;
}
.rsChannels .unicom, .rscouriers .unicom {
  box-shadow: 0px 8px 0px #4787ED;
}
.rsChannels .unicom .footer .btn-custom, .rscouriers .unicom .footer .btn-custom {
  border: 1px solid #4787ED;
  color: #4787ED;
}
.rsChannels .unicom .footer .btn-custom:hover, .rscouriers .unicom .footer .btn-custom:hover {
  background-color: #4787ED;
  color: #fff;
}
.rsChannels .woocommerce, .rscouriers .woocommerce {
  box-shadow: 0px 8px 0px #7F54B3;
}
.rsChannels .woocommerce .footer .btn-custom, .rscouriers .woocommerce .footer .btn-custom {
  border: 1px solid #7F54B3;
  color: #7F54B3;
}
.rsChannels .woocommerce .footer .btn-custom:hover, .rscouriers .woocommerce .footer .btn-custom:hover {
  background-color: #7F54B3;
  color: #fff;
}
.rsChannels .omsguru, .rscouriers .omsguru {
  box-shadow: 0px 8px 0px #1878BB;
}
.rsChannels .omsguru .footer .btn-custom, .rscouriers .omsguru .footer .btn-custom {
  border: 1px solid #1878BB;
  color: #1878BB;
}
.rsChannels .omsguru .footer .btn-custom:hover, .rscouriers .omsguru .footer .btn-custom:hover {
  background-color: #1878BB;
  color: #fff;
}
.rsChannels .easycom, .rscouriers .easycom {
  box-shadow: 0px 8px 0px #219C4A;
}
.rsChannels .easycom .footer .btn-custom, .rscouriers .easycom .footer .btn-custom {
  border: 1px solid #219C4A;
  color: #219C4A;
}
.rsChannels .easycom .footer .btn-custom:hover, .rscouriers .easycom .footer .btn-custom:hover {
  background-color: #219C4A;
  color: #fff;
}
.rsChannels .vinculum, .rscouriers .vinculum {
  box-shadow: 0px 8px 0px #0D2557;
}
.rsChannels .vinculum .footer .btn-custom, .rscouriers .vinculum .footer .btn-custom {
  border: 1px solid #0D2557;
  color: #0D2557;
}
.rsChannels .vinculum .footer .btn-custom:hover, .rscouriers .vinculum .footer .btn-custom:hover {
  background-color: #0D2557;
  color: #fff;
}
.rsChannels .magento, .rscouriers .magento {
  box-shadow: 0px 8px 0px #F26424;
}
.rsChannels .magento .footer .btn-custom, .rscouriers .magento .footer .btn-custom {
  border: 1px solid #F26424;
  color: #F26424;
}
.rsChannels .magento .footer .btn-custom:hover, .rscouriers .magento .footer .btn-custom:hover {
  background-color: #F26424;
  color: #fff;
}
.rsChannels .amazon, .rscouriers .amazon {
  box-shadow: 0px 8px 0px #06A7E2;
}
.rsChannels .amazon .footer .btn-custom, .rscouriers .amazon .footer .btn-custom {
  border: 1px solid #06A7E2;
  color: #06A7E2;
}
.rsChannels .amazon .footer .btn-custom:hover, .rscouriers .amazon .footer .btn-custom:hover {
  background-color: #06A7E2;
  color: #fff;
}
.rsChannels .clickpost, .rscouriers .clickpost {
  box-shadow: 0px 8px 0px #007AFF;
}
.rsChannels .clickpost .footer .btn-custom, .rscouriers .clickpost .footer .btn-custom {
  border: 1px solid #007AFF;
  color: #007AFF;
}
.rsChannels .clickpost .footer .btn-custom:hover, .rscouriers .clickpost .footer .btn-custom:hover {
  background-color: #007AFF;
  color: #fff;
}

.rscouriers .card .head img {
  width: 180px;
}
.rscouriers .delhivery-card {
  box-shadow: 0px 8px 0px #000000;
}
.rscouriers .delhivery-card .footer .btn-custom {
  border: 1px solid #000000;
  color: #000000;
}
.rscouriers .delhivery-card .footer .btn-custom:hover {
  background-color: #000000;
  color: #fff;
}
.rscouriers .bluedart-card {
  box-shadow: 0px 8px 0px #0075BA;
}
.rscouriers .bluedart-card .footer .btn-custom {
  border: 1px solid #0075BA;
  color: #0075BA;
}
.rscouriers .bluedart-card .footer .btn-custom:hover {
  background-color: #0075BA;
  color: #fff;
}
.rscouriers .dtdc-card {
  box-shadow: 0px 8px 0px #0E2C53;
}
.rscouriers .dtdc-card .footer .btn-custom {
  border: 1px solid #0E2C53;
  color: #0E2C53;
}
.rscouriers .dtdc-card .footer .btn-custom:hover {
  background-color: #0E2C53;
  color: #fff;
}
.rscouriers .shadowfax-card {
  box-shadow: 0px 8px 0px #008771;
}
.rscouriers .shadowfax-card .footer .btn-custom {
  border: 1px solid #008771;
  color: #008771;
}
.rscouriers .shadowfax-card .footer .btn-custom:hover {
  background-color: #008771;
  color: #fff;
}
.rscouriers .indiapost-card {
  box-shadow: 0px 8px 0px #B02925;
}
.rscouriers .indiapost-card .footer .btn-custom {
  border: 1px solid #B02925;
  color: #B02925;
}
.rscouriers .indiapost-card .footer .btn-custom:hover {
  background-color: #B02925;
  color: #fff;
}
.rscouriers .ecomexp-card {
  box-shadow: 0px 8px 0px #E10F76;
}
.rscouriers .ecomexp-card .footer .btn-custom {
  border: 1px solid #E10F76;
  color: #E10F76;
}
.rscouriers .ecomexp-card .footer .btn-custom:hover {
  background-color: #E10F76;
  color: #fff;
}
.rscouriers .xbees-card {
  box-shadow: 0px 8px 0px #F58220;
}
.rscouriers .xbees-card .footer .btn-custom {
  border: 1px solid #F58220;
  color: #F58220;
}
.rscouriers .xbees-card .footer .btn-custom:hover {
  background-color: #F58220;
  color: #fff;
}
.rscouriers .ekart-card {
  box-shadow: 0px 8px 0px #0766AB;
}
.rscouriers .ekart-card .footer .btn-custom {
  border: 1px solid #0766AB;
  color: #0766AB;
}
.rscouriers .ekart-card .footer .btn-custom:hover {
  background-color: #0766AB;
  color: #fff;
}
.rscouriers .pikndel-card {
  box-shadow: 0px 8px 0px #0F3886;
}
.rscouriers .pikndel-card .footer .btn-custom {
  border: 1px solid #0F3886;
  color: #0F3886;
}
.rscouriers .pikndel-card .footer .btn-custom:hover {
  background-color: #0F3886;
  color: #fff;
}
.rscouriers .amazon-card {
  box-shadow: 0px 8px 0px #06A7E2;
}
.rscouriers .amazon-card .footer .btn-custom {
  border: 1px solid #06A7E2;
  color: #06A7E2;
}
.rscouriers .amazon-card .footer .btn-custom:hover {
  background-color: #06A7E2;
  color: #fff;
}
.rscouriers .shrimaruti-card {
  box-shadow: 0px 8px 0px #EC1C24;
}
.rscouriers .shrimaruti-card .footer .btn-custom {
  border: 1px solid #EC1C24;
  color: #EC1C24;
}
.rscouriers .shrimaruti-card .footer .btn-custom:hover {
  background-color: #EC1C24;
  color: #fff;
}
.rscouriers .velex-card {
  box-shadow: 0px 8px 0px #EF7B1B;
}
.rscouriers .velex-card .footer .btn-custom {
  border: 1px solid #EF7B1B;
  color: #EF7B1B;
}
.rscouriers .velex-card .footer .btn-custom:hover {
  background-color: #EF7B1B;
  color: #fff;
}

.shopify-hero {
  background: linear-gradient(45deg, #00A657 0%, #B658E8 100%);
  border-radius: 0 0 24px 24px;
  overflow: hidden;
}
.shopify-hero .hero-area {
  position: relative;
  min-height: 70vh;
}
.shopify-hero .hero-area .contents .outline-btn {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  margin-left: 16px;
}
.shopify-hero .hero-area .contents .outline-btn:hover {
  background: none;
}
.shopify-hero .hero-area .img-desk {
  position: absolute;
  bottom: 0;
}
@media (max-width: 576px) {
  .shopify-hero .hero-area .img-desk {
    position: relative;
  }
}
@media (max-width: 360px) {
  .shopify-hero .hero-area .contents .head-title {
    font-size: 35px;
  }
  .shopify-hero .hero-area .contents .outline-btn {
    margin-left: 0;
    margin-top: 16px;
  }
  .shopify-hero .hero-area .img-desk {
    position: relative;
  }
}

.shopify-benefits {
  padding: 50px 0 70px;
}
.shopify-benefits mark {
  padding: 0;
  background: #00A657;
  background: linear-gradient(45deg, #00A657 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.shopify-benefits .container .image-container {
  width: 100%;
  height: 100%;
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/shopify/shopify-bene01.png") center/contain no-repeat;
  border-radius: 10px;
  transition: background 0.5s ease-in-out;
}
.shopify-benefits .container .cards .card-header {
  padding: 0;
  border: none;
  background: none;
  font-size: 24px;
  font-weight: 800;
}
.shopify-benefits .container .cards .card {
  background: linear-gradient(45deg, #B0FFD3 0%, #EBCDFF 100%);
  border-radius: 24px;
  cursor: pointer;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  overflow: hidden;
  max-height: 180px;
  padding: 16px 32px;
  margin-bottom: 10px;
  border: none;
}
.shopify-benefits .container .cards .card .card-content {
  display: none;
}
.shopify-benefits .container .cards .active {
  max-height: 250px;
  padding: 30px;
  background: linear-gradient(45deg, #00A657 0%, #B658E8 100%);
  color: #fff;
  border: none;
}
.shopify-benefits .container .cards .active .card-header {
  margin-bottom: 20px;
}
.shopify-benefits .container .cards .active .card-content {
  display: block;
}

.shopify-integration .content {
  background: linear-gradient(45deg, #B0FFD3 0%, #EBCDFF 100%);
  padding: 32px;
  border-radius: 24px;
}
.shopify-integration .content .d-flex {
  margin-bottom: 30px;
}
.shopify-integration .content .d-flex .solid-action-btn {
  background-color: #fff;
  color: #000000;
}
.shopify-integration .content .steps {
  display: flex;
  align-items: center;
  width: 100%;
}
.shopify-integration .content .steps .step {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #ffffff;
  border-radius: 16px;
  padding: 10px 18px;
  margin: 16px 16px 16px 0;
  font-size: 16px;
  color: #000000;
  min-width: 105px;
  text-align: center;
  cursor: pointer;
}
.shopify-integration .content .steps .active {
  background: #fff;
}
.shopify-integration .content .image-container img {
  width: 100%;
  height: auto;
  display: none;
}
.shopify-integration .content .image-container .active {
  display: block;
}
.shopify-integration .content-mob {
  display: none;
}
@media (max-width: 576px) {
  .shopify-integration .content {
    display: none;
  }
  .shopify-integration .content-mob {
    display: block;
    background: linear-gradient(45deg, #B0FFD3 0%, #EBCDFF 100%);
    padding: 16px 32px;
    border-radius: 24px;
  }
  .shopify-integration .content-mob .d-flex {
    margin-bottom: 30px;
    text-align: center;
  }
  .shopify-integration .content-mob .d-flex .solid-action-btn {
    display: none;
  }
  .shopify-integration .content-mob .steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 30px;
  }
  .shopify-integration .content-mob .steps .step {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    border: 1px solid #ffffff;
    border-radius: 16px;
    padding: 25px;
    margin: 16px;
    font-size: 16px;
    color: #000000;
    min-height: 240px;
    min-width: 200px;
  }
  .shopify-integration .content-mob .steps .step .step-number {
    position: absolute;
    top: -16px;
    left: -4px;
    background-color: rgba(255, 255, 255, 0.6509803922);
    padding: 8px 10px;
    border-radius: 12px;
    font-weight: 600;
  }
  .shopify-integration .content-mob .solid-action-btn {
    background-color: #fff;
    color: #000000;
  }
}

.shopify-promo .experience-form {
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 5px, transparent 5px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 5px, transparent 5px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 5px, transparent 5px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 5px, transparent 5px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 6px) no-repeat, linear-gradient(90deg, #0ed065 0%, #d28dff 100%);
  border-radius: 8px;
  padding: 7px;
  box-sizing: border-box;
}
.shopify-promo .experience-form::before {
  position: relative;
  background: none;
  -webkit-mask: unset;
  mask: unset;
  -webkit-mask-composite: xor;
  mask-composite: unset;
}
.shopify-promo .experience-form .form-input {
  background: linear-gradient(45deg, #B0FFD3 0%, #EBCDFF 100%);
}
@media (max-width: 576px) {
  .shopify-promo .experience-form .form-input {
    width: 100% !important;
    text-align: center;
  }
}

.why-shopify {
  padding: 32px;
}
.why-shopify .container {
  padding: 32px;
  background: linear-gradient(45deg, #B0FFD3 0%, #EBCDFF 100%);
  border-radius: 24px;
}
.why-shopify .heading {
  margin: 16px 0px;
  font-size: 32px;
}
.why-shopify .benefits {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #ffffff;
  position: relative;
  overflow: hidden;
  height: 220px;
  border-radius: 16px;
}
.why-shopify .benefits .image-container {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.why-shopify .benefits .image-container img {
  width: 70%;
}
.why-shopify .benefits .content {
  position: absolute;
  top: 0;
  padding: 1.5rem;
}
.why-shopify .benefits .content p {
  font-size: 18px;
  font-weight: 700;
}
.why-shopify .benefits .left {
  right: 0;
}
.why-shopify .benefits .bottom {
  top: unset;
  bottom: 0;
}
@media (max-width: 576px) {
  .why-shopify {
    padding: 16px;
  }
  .why-shopify .heading {
    font-size: 24px;
    text-align: center;
  }
  .why-shopify .h-100 {
    height: 300px !important;
  }
}

.shopify-growth {
  padding: 50px 0px;
  background: linear-gradient(45deg, #00A657 0%, #B658E8 100%);
}
.shopify-growth img {
  width: 70% !important;
}
.shopify-growth .outline-btn {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  margin-left: 16px !important;
}
.shopify-growth .outline-btn:hover {
  background: none;
}
@media (max-width: 576px) {
  .shopify-growth .outline-btn {
    margin-left: 0 !important;
  }
}

.unicommerce-bg {
  background: linear-gradient(45deg, #4787ED 0%, #B658E8 100%);
}

.unicommerce-mark mark {
  padding: 0;
  background: #4787ED;
  background: linear-gradient(45deg, #4787ED 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.unicommerce-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/unicommerce/unicom-bene01.png") center/contain no-repeat;
}
.unicommerce-card .container .card {
  background: linear-gradient(45deg, #B9D4FF 0%, #EBCDFF 100%) !important;
}
.unicommerce-card .container .active {
  background: linear-gradient(45deg, #4787ED 0%, #B658E8 100%) !important;
}

.unicommerce-secondary-bg {
  background: linear-gradient(45deg, #B9D4FF 0%, #EBCDFF 100%) !important;
}
@media (max-width: 576px) {
  .unicommerce-secondary-bg .steps .step {
    min-height: 200px !important;
  }
}

.unicommerce-demo .experience-form {
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 5px, transparent 5px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 5px, transparent 5px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 5px, transparent 5px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 5px, transparent 5px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 6px) no-repeat, linear-gradient(90deg, #4787ED 0%, #d28dff 100%);
}

.woocommerce-bg {
  background: linear-gradient(45deg, #873EFF 10%, #B658E8 100%);
}

.woocommerce-mark mark {
  padding: 0;
  background: #873EFF;
  background: linear-gradient(45deg, #873EFF 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.woocommerce-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/woocommerce/woocom-bene01.png") center/contain no-repeat;
}
.woocommerce-card .container .card {
  background: linear-gradient(45deg, #DAC5FD 0%, #EBCDFF 100%) !important;
}
.woocommerce-card .container .active {
  background: linear-gradient(45deg, #873EFF 0%, #B658E8 100%) !important;
}

.woocommerce-secondary-bg {
  background: linear-gradient(45deg, #DAC5FD 0%, #EBCDFF 100%) !important;
}
@media (max-width: 576px) {
  .woocommerce-secondary-bg .steps .step {
    min-height: 230px !important;
  }
}

.woocommerce-demo .experience-form {
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 5px, transparent 5px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 5px, transparent 5px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 5px, transparent 5px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 5px, transparent 5px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 6px) no-repeat, linear-gradient(90deg, #873EFF 0%, #d28dff 100%);
}

.omsguru-bg {
  padding-top: 0;
  background: linear-gradient(45deg, #1878BB 10%, #B658E8 100%);
}
@media (max-width: 1366px) {
  .omsguru-bg .contents .head-title {
    font-size: 45px !important;
  }
  .omsguru-bg .contents .sub-title {
    font-size: 16px !important;
  }
}

.omsguru-mark mark {
  padding: 0;
  background: #1878BB;
  background: linear-gradient(45deg, #1878BB 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.omsguru-light-bg {
  background: linear-gradient(45deg, #91C6EB 0%, #EBCDFF 100%) !important;
}

.omsguru-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/omsguru/omsguru-bene01.png") center/contain no-repeat;
}
.omsguru-card .container .card {
  background: linear-gradient(45deg, #91C6EB 0%, #EBCDFF 100%) !important;
}
.omsguru-card .container .active {
  background: linear-gradient(45deg, #1878BB 0%, #B658E8 100%) !important;
}

.omsguru-secondary-bg {
  background: linear-gradient(45deg, #FFFFFF 0%, #EBEBEB 100%) !important;
}
@media (max-width: 576px) {
  .omsguru-secondary-bg .steps .step {
    min-height: 230px !important;
  }
}

.vinculum-bg {
  padding-top: 0;
  background: linear-gradient(45deg, #0D2557 10%, #B658E8 100%);
}
@media (max-width: 1366px) {
  .vinculum-bg .contents .head-title {
    font-size: 45px !important;
  }
  .vinculum-bg .contents .sub-title {
    font-size: 16px !important;
  }
}

.vinculum-mark mark {
  padding: 0;
  background: #0D2557;
  background: linear-gradient(45deg, #0D2557 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.vinculum-light-bg {
  background: linear-gradient(45deg, #91C6EB 0%, #EBCDFF 100%) !important;
}

.vinculum-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/viniculum/viniculum-bene01.png") center/contain no-repeat;
}
.vinculum-card .container .card {
  background: linear-gradient(45deg, #91C6EB 0%, #EBCDFF 100%) !important;
}
.vinculum-card .container .active {
  background: linear-gradient(45deg, #0D2557 0%, #B658E8 100%) !important;
}

.vinculum-secondary-bg {
  background: linear-gradient(45deg, #FFFFFF 0%, #EBEBEB 100%) !important;
}
@media (max-width: 576px) {
  .vinculum-secondary-bg .steps .step {
    min-height: 230px !important;
  }
}

.easycom-bg {
  padding-top: 0;
  background: linear-gradient(45deg, #219C4A 10%, #B658E8 100%);
}
@media (max-width: 1366px) {
  .easycom-bg .contents .head-title {
    font-size: 45px !important;
  }
  .easycom-bg .contents .sub-title {
    font-size: 16px !important;
  }
}

.easycom-mark mark {
  padding: 0;
  background: #219C4A;
  background: linear-gradient(45deg, #219C4A 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.easycom-light-bg {
  background: linear-gradient(45deg, #84E6A4 0%, #EBCDFF 100%) !important;
}

.easycom-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/easyecom/easycom-bene01.png") center/contain no-repeat;
}
.easycom-card .container .card {
  background: linear-gradient(45deg, #84E6A4 0%, #EBCDFF 100%) !important;
}
.easycom-card .container .active {
  background: linear-gradient(45deg, #219C4A 0%, #B658E8 100%) !important;
}

.easycom-secondary-bg {
  background: linear-gradient(45deg, #FFFFFF 0%, #84E6A4 100%) !important;
}
@media (max-width: 576px) {
  .easycom-secondary-bg .steps .step {
    min-height: 230px !important;
  }
}

.clickpost-bg {
  padding-top: 0;
  background: linear-gradient(45deg, #007AFF 0%, #B658E8 100%);
}
@media (max-width: 1366px) {
  .clickpost-bg .contents .head-title {
    font-size: 45px !important;
  }
  .clickpost-bg .contents .sub-title {
    font-size: 16px !important;
  }
}

.clickpost-mark mark {
  padding: 0;
  background: #007AFF;
  background: linear-gradient(45deg, #007AFF 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.clickpost-light-bg {
  background: linear-gradient(45deg, #94DDFF 0%, #EBCDFF 100%) !important;
}

.clickpost-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/clickpost/clickpost-bene01.png") center/contain no-repeat;
}
.clickpost-card .container .card {
  background: linear-gradient(45deg, #94DDFF 0%, #EBCDFF 100%) !important;
}
.clickpost-card .container .active {
  background: linear-gradient(45deg, #007AFF 0%, #B658E8 100%) !important;
}

.clickpost-secondary-bg {
  background: linear-gradient(45deg, #FFFFFF 0%, #94DDFF 100%) !important;
}
@media (max-width: 576px) {
  .clickpost-secondary-bg .steps .step {
    min-height: 230px !important;
  }
}

.amazon-bg {
  padding-top: 0;
  background: linear-gradient(45deg, #06A7E2 0%, #B658E8 100%);
}
@media (max-width: 1366px) {
  .amazon-bg .contents .head-title {
    font-size: 45px !important;
  }
  .amazon-bg .contents .sub-title {
    font-size: 16px !important;
  }
}

.amazon-mark mark {
  padding: 0;
  background: #06A7E2;
  background: linear-gradient(45deg, #06A7E2 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.amazon-light-bg {
  background: linear-gradient(45deg, #89BFFF 0%, #EBCDFF 100%) !important;
}

.amazon-card .container .image-container {
  background: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/channel-integration/amazon/amazon-bene01.png") center/contain no-repeat;
}
.amazon-card .container .card {
  background: linear-gradient(45deg, #89BFFF 0%, #EED1FF 100%) !important;
}
.amazon-card .container .active {
  background: linear-gradient(45deg, #06A7E2 0%, #B658E8 100%) !important;
}

.amazon-secondary-bg {
  background: linear-gradient(45deg, #FFFFFF 0%, #89BFFF 100%) !important;
}
@media (max-width: 576px) {
  .amazon-secondary-bg .steps .step {
    min-height: 230px !important;
  }
}

.delhivery {
  background: linear-gradient(45deg, #ED4136 50%, #BB4EAF 100%);
  border-radius: 0 0 24px 24px;
  overflow: hidden;
}
.delhivery mark {
  padding: 0;
  background: #ED4136;
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.deliveryCal .col-12 {
  position: relative;
  background: linear-gradient(45deg, #FFD4D1 0%, #EBCDFF 100%);
  border-radius: 16px;
  box-shadow: unset;
}
.deliveryCal .col-12 .tag {
  position: absolute;
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  left: 5%;
  padding: 8px;
  border-radius: 0 0 8px 8px;
  margin: 0;
}
.deliveryCal .col-12 .heading {
  font-size: 38px;
  margin-bottom: 16px;
}
.deliveryCal .col-12 p {
  font-weight: 600;
}
.deliveryCal .col-12 .shipment-form .form-group input {
  padding: 6px 0 6px 12px;
  font-size: 14px;
  border: none;
}
.deliveryCal .col-12 .shipment-form .solid-action-btn {
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
  color: #fff;
  width: 100%;
}
.deliveryCal .col-12 .shipment-form .reset-btn {
  width: 100%;
  background-color: none;
}
.deliveryCal .rateTable .getRates {
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
  color: #fff;
}
@media (max-width: 576px) {
  .deliveryCal .col-12 .heading {
    font-size: 28px;
    margin: 40px 0 20px;
  }
  .deliveryCal .col-12 .shipment-form {
    padding: 16px;
  }
}

.why-delhivery mark {
  padding: 0;
  background: #ED4136;
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.why-delhivery .solid-action-btn {
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
  color: #fff;
  padding: 0.5rem 1.5rem;
}

.delhivery-couriers {
  background: none;
}
.delhivery-couriers .container {
  background: linear-gradient(45deg, #FFD4D1 0%, #EBCDFF 100%);
  border-radius: 16px;
}
.delhivery-couriers .container .heading {
  color: #000000;
}
.delhivery-couriers .container img {
  width: 70%;
}
.delhivery-couriers .deliver-sucess {
  background: linear-gradient(45deg, #ED4136 0%, #B658E8 100%);
}
.delhivery-couriers .deliver-sucess .heading, .delhivery-couriers .deliver-sucess .sub-heading {
  color: #fff;
}
.delhivery-couriers .deliver-sucess .solid-action-btn {
  background: #fff;
  color: #000000;
}
@media (max-width: 576px) {
  .delhivery-couriers .container {
    padding: 1rem;
  }
  .delhivery-couriers .container img {
    width: 100%;
  }
}

.dtdc {
  border-radius: 0 0 24px 24px;
}

.dtdc-bg {
  background: linear-gradient(45deg, #0E2C53 50%, #B658E8 100%) !important;
}

.dtdc-mark mark {
  padding: 0;
  background: #0E2C53;
  background: linear-gradient(45deg, #0E2C53 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.dtdc-mark .content .heading {
  font-size: 32px;
}

.dtd-light-bg {
  background: #D4DFFF !important;
}

.bluedart {
  border-radius: 0 0 24px 24px;
}

.bluedart-bg {
  background: linear-gradient(45deg, #0059A9 50%, #B658E8 100%) !important;
}

.bluedart-mark mark {
  padding: 0;
  background: #0159A9;
  background: linear-gradient(45deg, #0159A9 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.bluedart-mark .content .heading {
  font-size: 32px;
}

.bluedart-light-bg {
  background: #BBDFFF !important;
}

.shadowfax {
  border-radius: 0 0 24px 24px;
}

.shadowfax-bg {
  background: linear-gradient(45deg, #008771 50%, #B658E8 100%) !important;
}

.shadowfax-mark mark {
  padding: 0;
  background: #008771;
  background: linear-gradient(45deg, #008771 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.shadowfax-mark .content .heading {
  font-size: 32px;
}

.shadowfax-light-bg {
  background: #F2F09F !important;
}

.ecomexp {
  border-radius: 0 0 24px 24px;
}

.ecomexp-bg {
  background: linear-gradient(45deg, #E30175 50%, #B658E8 100%) !important;
}

.ecomexp-mark mark {
  padding: 0;
  background: #0159A9;
  background: linear-gradient(45deg, #E30175 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.ecomexp-mark .content .heading {
  font-size: 32px;
}

.ecomexp-light-bg {
  background: #F7BEDB !important;
}

.xpbees, .ekart, .amazon-ship, .pikndel, .velex, .shree-maruti, .b2b-hero {
  border-radius: 0 0 24px 24px;
}

.xpbees-bg {
  background: linear-gradient(45deg, #F58220 50%, #B658E8 100%) !important;
}

.xpbees-mark mark {
  padding: 0;
  background: #0159A9;
  background: linear-gradient(45deg, #F58220 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.xpbees-mark .content .heading {
  font-size: 32px;
}

.xpbees-light-bg {
  background: #FFDAB9 !important;
}

.ekart-bg {
  background: linear-gradient(90deg, #006CB4 50%, #B658E8 100%) !important;
}

.ekart-mark mark {
  padding: 0;
  background: #006CB4;
  background: linear-gradient(45deg, #006CB4 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.ekart-mark .content .heading {
  font-size: 32px;
}

.ekart-light-bg {
  background: #BEE5FF !important;
}

.amazon-ship-bg {
  background: linear-gradient(90deg, #06A7E2 50%, #B658E8 100%) !important;
}
.amazon-ship-bg .hero-area .contents {
  margin: 0 0 3rem;
}

.amazon-ship-mark mark {
  padding: 0;
  background: #06A7E2;
  background: linear-gradient(45deg, #06A7E2 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.amazon-ship-mark .content .heading {
  font-size: 32px;
}

.amazon-ship-light-bg {
  background: #CFF2FF !important;
}

.pikndel-bg {
  background: linear-gradient(90deg, #0F3886 50%, #B658E8 100%) !important;
}

.pikndel-mark mark {
  padding: 0;
  background: #0F3886;
  background: linear-gradient(45deg, #0F3886 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.pikndel-mark .content .heading {
  font-size: 32px;
}

.pikndel-light-bg {
  background: #B3CDFF !important;
}

.velex-bg {
  background: linear-gradient(90deg, #EF7B1B 50%, #B658E8 100%) !important;
}

.velex-mark mark {
  padding: 0;
  background: #EF7B1B;
  background: linear-gradient(45deg, #EF7B1B 0%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.velex-mark .content .heading {
  font-size: 32px;
}

.velex-light-bg {
  background: linear-gradient(60deg, #FAB286 0%, #EBCDFF 74%) !important;
}

.shree-maruti-bg {
  background: linear-gradient(90deg, #EC1C24 0%, #A261E7 73%, #B658E8 100%) !important;
}

.shree-maruti-mark mark {
  padding: 0;
  background: #EF7B1B;
  background: linear-gradient(45deg, #EC1C24 0%, #A261E7 73%, #B658E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.shree-maruti-mark .content .heading {
  font-size: 32px;
}

.shree-maruti-light-bg {
  background: linear-gradient(60deg, #ECB2B8 0%, #EBCDFF 74%) !important;
}

.b2b-hero {
  background: #3E1A51 !important;
  border-radius: unset;
  position: relative;
}
.b2b-hero .hero-area {
  min-height: 70vh;
}
.b2b-hero .head-title {
  font-size: 52px !important;
}
.b2b-hero .head-title .logo img {
  max-width: 2%;
  height: auto;
}
.b2b-hero .img-desk {
  position: absolute;
  bottom: 0;
}
@media (max-width: 1366px) {
  .b2b-hero .head-title {
    font-size: 36px !important;
  }
  .b2b-hero .solid-action-btn {
    padding: 0.5rem 1.5rem;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .b2b-hero .hero-area {
    text-align: center;
  }
  .b2b-hero .hero-area .img-desk {
    position: relative;
  }
}

.b2b-mark mark {
  padding: 0;
  background: #fbe2f6;
  background: linear-gradient(45deg, #FFC127 0%, #FFEFBE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
  font-weight: 800;
}
.b2b-mark .contents .head-title {
  font-size: 32px;
  text-transform: uppercase;
}
.b2b-mark .contents h4 {
  font-weight: 800;
}

.b2b-light-bg {
  background: #F7C531 !important;
}

.b2b-partners {
  background: linear-gradient(20deg, #F7C531 0%, #FFF5D9 40%) !important;
  padding: 2rem 1rem 2rem 3rem !important;
}

.b2b-usps {
  background-color: #FFF5D9;
  padding-bottom: 100px;
  border-radius: 0 0 24px 24px;
  border-bottom: 1px solid #FBBC05;
}
.b2b-usps .heading {
  line-height: 1.4;
}
.b2b-usps .heading span {
  font-weight: 300;
}
.b2b-usps .card {
  padding: 1.5rem 1.25rem 0;
  border-radius: 24px;
  background-color: #F7F7F7;
}
.b2b-usps .card .card-body .card-title {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 1366px) {
  .b2b-usps .card .card-body .card-title {
    font-size: 14px;
  }
}

.why-choose-rs-b2b {
  position: relative;
  display: flex;
  justify-content: center;
  height: 950px;
}
.why-choose-rs-b2b .container {
  position: absolute;
  top: -8%;
  z-index: 2;
  background-color: #fff;
  border-radius: 20px;
  padding: 3rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.why-choose-rs-b2b .container .heading {
  font-size: 32px;
  line-height: 30px;
}
.why-choose-rs-b2b .container .info {
  padding: 1rem;
}
.why-choose-rs-b2b .container .info .imgdesk {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.why-choose-rs-b2b .container .info .imgdesk img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.why-choose-rs-b2b .container .info .title {
  font-weight: 800;
  margin: 27px 0 9px;
}
.why-choose-rs-b2b .container .info .title mark {
  color: #B658E8;
  background: unset;
  padding: 0;
}
.why-choose-rs-b2b .container .info small {
  font-size: 14px;
  line-height: 2;
}
.why-choose-rs-b2b .container .info .learnmore {
  display: block;
  font-weight: 800;
  font-size: 14px;
  color: #3E1A51;
  margin-top: 16px;
}
.why-choose-rs-b2b .container .info .yellow {
  background-color: #ffeed0;
}
.why-choose-rs-b2b .container .holographic-card {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.why-choose-rs-b2b .container .holographic-card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(0deg, transparent, transparent 30%, #fbe2f6);
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
.why-choose-rs-b2b .container .holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px #ffeed0;
  border-radius: 15px;
}
.why-choose-rs-b2b .container .holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
.why-choose-rs-b2b .container .solid-action-btn {
  background-color: #FBBC05;
  color: #000000;
}
@media (max-width: 576px) {
  .why-choose-rs-b2b {
    height: unset;
    text-align: center;
  }
  .why-choose-rs-b2b .container {
    position: relative;
    padding: 2rem;
  }
  .why-choose-rs-b2b .container .info {
    padding: 0 10px;
    text-align: center;
  }
  .why-choose-rs-b2b .container .info .imgdesk {
    margin: auto;
  }
}

.ayumi-bg {
  background-color: #000000;
}
.ayumi-bg mark {
  padding: 0;
  background: #000000;
  background: linear-gradient(180deg, #B658E8 0%, #EE8A34 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}

.ayumi-lp-hero {
  height: 100vh;
  background-image: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/ayumi/ayumi-hero-bg.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.ayumi-lp-hero .floating-elements .background {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ayumi-lp-hero .floating-elements .background li {
  position: absolute;
  list-style: none;
  display: flex;
  align-items: center;
}
.ayumi-lp-hero .floating-elements .background li:first-child {
  top: 25vh;
  left: 20vw;
  z-index: 2;
  animation: floating 3s ease-in-out infinite;
}
.ayumi-lp-hero .floating-elements .background li:first-child img {
  width: 50px;
}
.ayumi-lp-hero .floating-elements .background li:nth-child(2) {
  top: 15vh;
  left: 75vw;
  animation: floating 4s ease-in-out infinite;
}
.ayumi-lp-hero .floating-elements .background li:nth-child(2) img {
  width: 30px;
}
.ayumi-lp-hero .floating-elements .background li:nth-child(3) {
  top: 50vh;
  left: 10vw;
  padding: 8px 10px;
  border-radius: 8px;
  animation: floating 2s ease-in-out infinite;
}
.ayumi-lp-hero .floating-elements .background li:nth-child(3) img {
  width: 150px;
}
.ayumi-lp-hero .floating-elements .background li:nth-child(4) {
  top: 40vh;
  right: 12vw;
  animation: floating 5s ease-in-out infinite;
}
.ayumi-lp-hero .floating-elements .background li:nth-child(4) img {
  width: 150px;
}
@media (max-width: 576px) {
  .ayumi-lp-hero .floating-elements {
    display: none;
  }
}
@media (max-width: 992px) {
  .ayumi-lp-hero .floating-elements .background li:first-child {
    top: 2vh;
    font-size: 12px;
  }
  .ayumi-lp-hero .floating-elements .background li:first-child img {
    width: 30px;
    margin-left: 5px;
  }
  .ayumi-lp-hero .floating-elements .background li:nth-child(2) {
    top: 8vh;
    left: 80vw;
  }
  .ayumi-lp-hero .floating-elements .background li:nth-child(3) {
    top: 30vh;
    left: 3vw;
  }
  .ayumi-lp-hero .floating-elements .background li:nth-child(3) img {
    width: 30px;
  }
  .ayumi-lp-hero .floating-elements .background li:nth-child(4) {
    top: 42vh;
    left: 20vw;
  }
  .ayumi-lp-hero .floating-elements .background li:nth-child(5) {
    top: 39vh;
    left: 80vw;
    font-size: 12px;
  }
  .ayumi-lp-hero .floating-elements .background li:nth-child(5) img {
    width: 14px;
    margin-left: 5px;
  }
}
.ayumi-lp-hero .col-lg-7 {
  margin-top: 3rem;
}
.ayumi-lp-hero .announce {
  position: relative;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #f5f5f5;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ayumi-lp-hero .announce::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}
.ayumi-lp-hero .contents .heading {
  font-size: 62px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 16px;
}
.ayumi-lp-hero .contents .sub-heading {
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-bottom: 32px;
}
.ayumi-lp-hero .solid-action-btn {
  background-color: #fff;
  color: #000000;
  padding: 0.5rem 1.5rem;
  font-size: 18px;
  font-weight: 700;
}
.ayumi-lp-hero .solid-action-btn img {
  width: 20px;
}
@media (max-width: 1920px) {
  .ayumi-lp-hero {
    height: 80vh;
  }
}
@media (max-width: 1400px) {
  .ayumi-lp-hero .contents .heading {
    font-size: 54px;
  }
  .ayumi-lp-hero .contents .sub-heading {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .ayumi-lp-hero .contents .heading {
    font-size: 48px;
  }
  .ayumi-lp-hero .contents .sub-heading {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .ayumi-lp-hero {
    height: auto;
    padding: 4rem 1rem 2rem;
  }
  .ayumi-lp-hero .contents .heading {
    font-size: 36px;
  }
  .ayumi-lp-hero .contents .sub-heading {
    font-size: 16px;
  }
}

.why-ayumi {
  color: #fff;
  display: flex;
  align-items: center;
}
.why-ayumi .reveal-text {
  width: 100%;
  font-size: clamp(1.5rem, 4vw, 2rem);
  line-height: 1.6;
  font-weight: 300;
  text-align: center;
}
.why-ayumi .reveal-text .reveal-line {
  display: block;
  opacity: 0.15;
  transition: opacity 0.6s ease-out;
  margin: 20px 0;
}
.why-ayumi .reveal-text .active {
  opacity: 1;
}
.why-ayumi .reveal-text .highlight {
  font-weight: 500;
}
@media (max-width: 768px) {
  .why-ayumi .reveal-text {
    font-size: 1.5rem;
  }
  .why-ayumi .subtitle {
    font-size: 1.2rem;
  }
}

.how-to-ayumi-works {
  color: #fff;
}
.how-to-ayumi-works .heading {
  font-size: 40px;
}
.how-to-ayumi-works .sub-heading {
  color: #fff !important;
}
.how-to-ayumi-works .container {
  display: flex;
  height: 90vh;
}
.how-to-ayumi-works .container .content {
  flex: 1;
  overflow-y: auto;
  padding: 0 20px 0 0;
  scroll-behavior: smooth;
}
.how-to-ayumi-works .container .content .content-section {
  min-height: 100vh;
  padding: 60px 0;
}
.how-to-ayumi-works .container .content::-webkit-scrollbar {
  width: 0px;
}
.how-to-ayumi-works .container .content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.how-to-ayumi-works .container .content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.how-to-ayumi-works .container .content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.how-to-ayumi-works .container .content .info h6 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
.how-to-ayumi-works .container .content .info p {
  margin-bottom: 0;
}
.how-to-ayumi-works .container .content .info .bullets {
  display: flex;
  align-items: start;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.how-to-ayumi-works .container .content .info .bullets img {
  width: 45px;
  margin-right: 16px;
}
.how-to-ayumi-works .container .content .info .solid-action-btn {
  border-radius: 10px;
  padding: 12px 25px;
  border: 1px solid #fbe2f6;
}
.how-to-ayumi-works .container .content .info .solid-action-btn i {
  color: #FBBC05;
}
.how-to-ayumi-works .container .images {
  width: 500px;
  height: 90vh;
  overflow: hidden;
  position: relative;
}
.how-to-ayumi-works .container .images .image-container {
  height: 90vh;
  display: flex;
  transition: transform 0.3s ease;
}
.how-to-ayumi-works .container .images .image-container .image-slide {
  min-width: 500px;
  height: 90vh;
  display: flex;
  align-items: center;
  position: relative;
}
.how-to-ayumi-works .container .images .image-container .image-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
@media (max-width: 992px) {
  .how-to-ayumi-works .container {
    flex-direction: column;
    height: auto;
  }
  .how-to-ayumi-works .container .content .content-section {
    min-height: auto;
    padding: 20px 0;
  }
  .how-to-ayumi-works .container .content .info .heading, .how-to-ayumi-works .container .content .info .mb-5 {
    text-align: center;
  }
  .how-to-ayumi-works .container .images {
    display: none;
  }
}

.types-of-ayumi .glass-card {
  position: relative;
  color: #fff;
  height: 100%;
  padding: 28px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 20px 40px rgba(0, 0, 0, 0.6);
}
.types-of-ayumi .glass-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}
.types-of-ayumi .glass-card .brand img {
  width: 120px;
}
.types-of-ayumi .glass-card .desc {
  margin-top: 16px;
  font-size: 16px;
  opacity: 0.8;
  max-width: 260px;
}
.types-of-ayumi .glass-card .glass-btn {
  margin-top: 24px;
  padding: 8px 20px;
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  border: 1px solid transparent;
  background-image: linear-gradient(#000, #000), linear-gradient(90deg, #ff9a3c, #ff6aa2);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
.types-of-ayumi .glass-card .glass-btn:hover {
  opacity: 0.85;
}
@media (max-width: 576px) {
  .types-of-ayumi .glass-card {
    text-align: center;
  }
  .types-of-ayumi .glass-card .desc {
    max-width: unset;
  }
}

.ai-impact-summary {
  color: #fff;
}
.ai-impact-summary .sub-heading {
  color: #fff;
}
.ai-impact-summary .glass-card {
  padding: 16px;
  min-height: 280px;
}
.ai-impact-summary .glass-card .brand img {
  width: 100%;
}
.ai-impact-summary .glass-card .desc {
  font-size: 18px;
  font-weight: 500;
  margin-top: 8px;
}

.ayumi-ecosystem {
  color: #fff;
}
.ayumi-ecosystem:hover .glow {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  filter: blur(40px);
  background: radial-gradient(circle, #9b5cff, #ff7a18, transparent 65%);
  animation: glowPulse 5s ease-in-out infinite;
}
.ayumi-ecosystem:hover .feature.shipping {
  transition-delay: 0.25s;
}
.ayumi-ecosystem:hover .feature.courier {
  transition-delay: 1s;
}
.ayumi-ecosystem:hover .feature.tracking {
  transition-delay: 1.25s;
}
.ayumi-ecosystem:hover .feature.analytics {
  transition-delay: 1.5s;
}
.ayumi-ecosystem:hover .feature.support {
  transition-delay: 1.75s;
}
.ayumi-ecosystem:hover .feature.show {
  opacity: 1;
  transform: scale(1);
}
.ayumi-ecosystem .sub-heading {
  color: #fff;
}
.ayumi-ecosystem .orbital-container {
  position: relative;
  width: 420px;
  height: 420px;
  margin: 4rem auto 0;
}
.ayumi-ecosystem .orbital-container .center-circle {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  text-align: center;
  z-index: 5;
}
.ayumi-ecosystem .orbital-container .center-circle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ayumi-ecosystem .orbital-container .feature {
  position: absolute;
  padding: 10px 18px;
  background: rgba(20, 20, 20, 0.8);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 16px;
  font-weight: 600;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.6s ease;
  backdrop-filter: blur(6px);
  white-space: nowrap;
}
.ayumi-ecosystem .orbital-container .shipping {
  top: -30px;
  left: 45%;
  transform: translateX(-50%);
}
.ayumi-ecosystem .orbital-container .courier {
  top: 70px;
  right: -150px;
}
.ayumi-ecosystem .orbital-container .tracking {
  top: 70px;
  left: -70px;
}
.ayumi-ecosystem .orbital-container .analytics {
  bottom: 70px;
  left: -80px;
}
.ayumi-ecosystem .orbital-container .support {
  bottom: 70px;
  right: -100px;
}

.ayumi-faq {
  color: #fff;
  padding-bottom: 50px;
}
.ayumi-faq .sub-heading {
  color: #fff;
}
.ayumi-faq .glass-label {
  cursor: pointer;
}
.ayumi-faq .glass-label:hover {
  background-color: #fff;
  color: #000000;
}
.ayumi-faq .active {
  background-color: #fff;
  color: #000000;
}
.ayumi-faq .accordion-item {
  background-color: transparent;
  margin-bottom: 16px;
}
.ayumi-faq .accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: transparent;
  border: 0.5px solid rgba(255, 255, 255, 0.3803921569);
  border-radius: 10px !important;
}
.ayumi-faq .accordion-button:after {
  background-image: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/ayumi/cross.svg");
}
.ayumi-faq .accordion-button.collapsed {
  background-color: transparent;
  color: #fff;
}
.ayumi-faq .accordion-button.collapsed:after {
  background-image: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/ayumi/plus.svg");
}
.ayumi-faq .accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: transparent !important;
}
.ayumi-faq .accordion-button:focus {
  border: 1px solid #fff !important;
  border-radius: 10px;
  box-shadow: none !important;
}
@media (max-width: 576px) {
  .ayumi-faq .accordion-button {
    padding: 1rem 1rem !important;
  }
}
.ayumi-faq .accordion-body {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.warehouse {
  background: #9A4DD1;
}
.warehouse .solid-action-btn {
  background-color: #FBBC05 !important;
  border-radius: 8px;
}
.warehouse .solid-action-btn i {
  margin-left: 5px;
  rotate: 45deg;
}

.warehouse-mark mark {
  padding: 0;
  background: #9A4DD1;
  background: linear-gradient(45deg, #FFCD2C 0%, #C558FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 0;
}
.warehouse-mark ul {
  padding-left: 0;
}
.warehouse-mark ul .feature-item {
  list-style: none;
  line-height: 3;
}
.warehouse-mark ul .feature-item i {
  margin-right: 10px;
  color: #02B151;
}
.warehouse-mark .info h5 {
  font-size: 40px;
}
.warehouse-mark .info p {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .warehouse-mark .info {
    text-align: center;
  }
  .warehouse-mark .info h5 {
    font-size: 28px;
  }
  .warehouse-mark .info p {
    font-size: 16px;
  }
}

.warehouse-facilities .content .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  margin: auto;
}
.warehouse-facilities .content .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.warehouse-facilities .content .sub-heading {
  font-size: 18px;
  font-weight: 500;
  margin-top: 8px;
}

.warehouse-usps .col-lg-5 {
  padding: 0 20px;
}
.warehouse-usps .image-box {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.warehouse-usps .image-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s ease;
}
.warehouse-usps .accordion-item {
  margin-bottom: 15px;
  overflow: hidden;
  transition: 0.3s;
  border: none;
}
.warehouse-usps .accordion-item .accordion-header {
  display: flex;
  align-items: center;
  padding: 18px 20px;
  cursor: pointer;
}
.warehouse-usps .accordion-item .accordion-header .number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #d0d0d0;
  color: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-weight: bold;
  transition: 0.3s;
}
.warehouse-usps .accordion-item .accordion-header .accordion-title {
  flex: 1;
  font-size: 16px;
  color: #333;
}
.warehouse-usps .accordion-item .accordion-header .arrow {
  transition: transform 0.3s ease;
}
.warehouse-usps .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: max-height 0.4s ease, padding 0.3s ease;
  color: #666;
}
.warehouse-usps .accordion-item .accordion-content p {
  margin: 10px 0 20px;
}
.warehouse-usps .active {
  background: #ECECEC;
  border-radius: 12px;
}
.warehouse-usps .active .accordion-header .number {
  background: #9B0E8E;
  color: #fff;
}
.warehouse-usps .active .accordion-header .arrow i {
  transform: rotate(180deg);
}
.warehouse-usps .active .accordion-content {
  max-height: 200px;
  padding: 15px 20px;
}
.warehouse-usps .solid-action-btn {
  background-color: #FBBC05 !important;
  color: #000000;
  font-size: 16px;
  border-radius: 8px;
}
.warehouse-usps .solid-action-btn i {
  margin-left: 5px;
  rotate: 45deg;
}
@media (max-width: 576px) {
  .warehouse-usps .heading, .warehouse-usps .sub-heading {
    text-align: center;
  }
  .warehouse-usps .col-image {
    display: none;
  }
}

.warehouse-industry .container {
  background: unset;
}
.warehouse-industry .container .image-container {
  position: relative;
  height: 270px;
}
.warehouse-industry .container .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.warehouse-industry .container .content {
  top: unset;
  bottom: 0;
  left: 0;
  text-align: center;
  right: 0;
  background: rgba(255, 255, 255, 0.3882352941);
  backdrop-filter: blur(5px);
}
.warehouse-industry .container .content .solid-action-btn {
  background-color: #fff !important;
  color: #000000;
  font-size: 14px;
}
@media (max-width: 576px) {
  .warehouse-industry .container {
    padding: 0px;
  }
}

.why-rs-warehouse {
  background-color: #281035;
}
.why-rs-warehouse .heading, .why-rs-warehouse .sub-heading {
  color: #fff;
}

.outgrow-limit .container {
  background-image: url("https://storage.googleapis.com/rapidshyp-website-cdn/temp/warehouse/outgrow-limit.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.outgrow-limit .container .heading {
  font-size: 32px;
  color: #fff !important;
}
.outgrow-limit .container .sub-heading {
  color: #fff;
}
.outgrow-limit .container .image {
  display: none;
}
.outgrow-limit .container .solid-action-btn {
  background-color: #FBBC05 !important;
  border-radius: 8px;
  color: #000000;
  font-size: 14px;
}
.outgrow-limit .container .solid-action-btn i {
  margin-left: 5px;
  rotate: 45deg;
}
@media (max-width: 576px) {
  .outgrow-limit {
    background-color: #3E1A51;
  }
  .outgrow-limit .container {
    background-image: unset !important;
    text-align: center;
  }
}

.retail-lp-hero .join-us {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.retail-lp-hero .join-us .search-container {
  background-color: white;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  max-width: 500px;
  width: 100%;
  transition: all 0.3s ease;
}
.retail-lp-hero .join-us .search-container:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.retail-lp-hero .join-us .search-container .form-control.search-input {
  border: none;
  background: transparent;
  padding-left: 16px !important;
  font-size: 1rem;
  height: 50px;
}
.retail-lp-hero .join-us .search-container .form-control.search-input:focus {
  box-shadow: none;
  outline: none;
}
.retail-lp-hero .join-us .search-container .btn-search {
  background-color: #FBBC05;
  color: #000000;
  border-radius: 50px;
  padding: 10px 20px;
  border: none;
  transition: all 0.3s ease;
}

.retail-stores .sub-heading {
  font-size: 30px;
  color: #000000;
  font-weight: 400;
}
.retail-stores .card {
  overflow: hidden;
  border-radius: 16px;
  min-height: 400px;
}
.retail-stores .card .card-body {
  padding: 0 16px 0 0;
}
.retail-stores .card .card-body .card-subtitle {
  padding: 20px;
  font-size: 18px;
}
.retail-stores .card .card-body .card-title {
  font-size: 24px;
  font-weight: 700;
  padding: 16px 20px;
  background-color: #F8EBFF;
  border-radius: 0 12px 12px 0;
}
.retail-stores .card .card-body .card-text {
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 400;
}
.retail-stores .card .card-footer {
  padding: 20px;
  background-color: #fff;
  border-radius: 0px 0px 12px 12px;
}
.retail-stores .card .card-footer .card-link {
  text-align: center;
  padding: 16px 20px;
  font-size: 18px;
}
.retail-stores .card .card-footer .card-link i {
  margin-left: 5px;
  rotate: 45deg;
}

.want-to-ship-yourself {
  background: #F7C531;
}
.want-to-ship-yourself .solid-action-btn {
  background-color: #fff;
  color: #000000;
}

.floating-pane {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.062745098);
  padding: 16px 20px;
  display: none;
}
.floating-pane .sub-heading {
  margin-bottom: 16px;
}
.floating-pane .solid-action-btn {
  border-radius: 10px;
  padding: 10px 20px;
  width: 100%;
  margin: 0;
}
@media (max-width: 576px) {
  .floating-pane {
    display: block;
  }
}

footer {
  padding: 70px 0 0px;
  overflow: hidden;
}
footer .brand img {
  width: 200px;
}
footer .mb-4 {
  font-size: 14px;
  color: #36485C;
  font-weight: 500;
}
footer .social-media {
  display: flex;
  align-items: center;
}
footer .social-media p {
  font-size: 14px;
  margin-right: 10px;
}
footer .social-media a {
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  color: #3E1A51;
}
footer .social-media a img {
  width: 1.25rem;
  margin-bottom: 0.3rem;
}
footer .app-btns .btn {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 0;
}
footer .app-btns .btn .app-btn {
  margin-right: 8px;
}
footer p {
  font-weight: 700;
  margin: 0 0 0.3rem;
}
footer .links .link {
  display: block;
  margin: 0 0 0.3rem;
  padding: 5px 0;
  font-size: 14px;
  color: #36485C;
  transition: all 0.3s ease-in-out;
}
footer .links .link i {
  margin-right: 4px;
}
footer img {
  width: 100%;
}
@media (max-width: 1400px) {
  footer .links .link {
    font-size: 12px;
  }
}

.adlinks {
  padding: 0.75rem;
  font-size: 14px;
}
.adlinks a {
  color: #36485C;
}
@media (max-width: 576px) {
  .adlinks {
    font-size: 12px;
  }
}/*# sourceMappingURL=main.css.map */