@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


 .sendcruxbox .sendcruxbox-center .intro{
  border-radius: 62px;
  background: rgba(60, 207, 145, 0.21);
  padding:10px 26px;
  display: inline-block;
 }

 .sendcruxbox p{
  font-size: 18px;
  font-weight: 400;
 }
.sendcruxbox .choose-sendcruxbox{
  padding-top:100px;
  padding-left:100px;
}

 /* .sendcruxbox .seamless-text .inner-text::after {
  content: '';
  display: block;
  width: 550px; 
  height: 145px; 
  background-image: url("../images/sendcruxbox-arrow1.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right;
  margin-top: -44px;

} */
.sendcruxbox .mailbox{
  background-image: url("../images/sendcruxbox-mailbox-bg.svg");
  width: 162px;
  height: 38px;
  background-position: right;
  position: absolute;
  background-repeat: no-repeat;
  font-size: 18px;
  margin-top: -5px;
  margin-left:8px;
  line-height: 2;
  color: #fff;
}
.sendcruxbox .ai-driven{
  background: #F1FFF9;
  padding:60px 0px 60px 0px;
}
.sendcruxbox .ai-driven .btn-try{
  border-radius: 43px;
}

.features:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}
.scroll::-webkit-scrollbar {
  width: 5px;
}
.scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px #4fdfa2;
}

.features .scroll {
  height: 380px;
  overflow-y: scroll;
}
.features .nav .nav-link h1 {
  color: #343f52;
  font-size: 30px;
}
.features .nav .nav-link p {
  color: #667085;
}
.features .nav .nav-link {
  position: relative;
}
.features .nav .nav-link::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #f2f4f7;
  left: 0;
  top: 0;
}
.features .nav .nav-link.active {
  background-color: transparent;
}
.features .nav .nav-link.active::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #56d39f;
  left: 0;
  top: 0;
}

.features .nav .slick-current.slick-active .nav-link::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #56d39f;
  left: 0;
  top: 0;
}
.features .tab-content .tab-pane img {
  width: 100%;
  height: 550px;
}
.features-one {
  position: relative;
  z-index: 9;
  overflow: hidden;
}
.features-one::before {
  content: "";
  position: absolute;
  background: #d2ebe0;
  width: 502px;
  height: 575px;
  right: 0;
  z-index: 2;
}
.features-one::after {
  content: "";
  position: absolute;
  background-image: url(../images4/features-bg.svg);
  background-repeat: no-repeat;
  width: 754px;
  height: 260px;
  right: 0;
  z-index: 1;
  top: 36%;
}
.features-one .content {
  height: 575px;
}
.features-one ul {
  padding-left: 0;
}
.features-one ul li {
  list-style: none;
}
.features-one ul li i {
  color: #3ac88c;
}
.features-one img {
  position: relative;
  width: 550px;
  z-index: 9;
}

.features-two {
  position: relative;
  z-index: 9;
}
.features-two::before {
  content: "";
  position: absolute;
  background: #d2ebe0;
  width: 502px;
  height: 575px;
  left: 0;
  z-index: 2;
}
.features-two::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}
.features-two .content {
  height: 575px;
}
.features-two img {
  position: relative;
  width: 460px;
  z-index: 9;
}
.features-three {
  position: relative;
  z-index: 9;
  overflow: hidden;
}
.features-three::before {
  content: "";
  position: absolute;
  background: #d2ebe0;
  width: 502px;
  height: 575px;
  right: 0;
  z-index: 2;
}
.features-three::after {
  content: "";
  position: absolute;
  background-image: url(../images4/features-bg.svg);
  background-repeat: no-repeat;
  width: 780px;
  height: 320px;
  right: 0;
  z-index: 1;
  top: 36%;
}
.features-three .content {
  height: 575px;
}
.features-three ul {
  padding-left: 0;
}
.features-three ul li {
  list-style: none;
}
.features-three ul li i {
  color: #3ac88c;
}
.features-three img {
  position: relative;
  width: 580px;
  z-index: 9;
}
.features-four h6{
  color: #2F4858;
}
.features-five {
  background: #f5f9fc;
}
.features-five ul li {
  list-style: none;
  padding-bottom: 15px;
}
.features-five ul li i {
  color: #3ac88c;
}
.features-six {
  position: relative;
}
.features-six::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}

.blogs .owl-blogs .item .card{
  border-radius: 15px;
}
.blogs .owl-blogs .item .card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.blogs .owl-blogs .item .card h6 {
  color: #2f4858;
  font-weight: 400;
  word-spacing: 1px;
}
.blogs .owl-blogs .item .card:hover h6{
  color: #4fdfa2;
}
.blogs .owl-blogs .item .card p {
  color: #667085;
}
.blogs .owl-blogs .item .card ul li{
  list-style: none;
  font-weight: 300;
  color: #667085;
}
.blogs .owl-blogs .item .card hr{
  color: #667085;
}
.blogs .owl-blogs .item .card h6 span {
  transform: rotate(-40deg);
}
.blogs .owl-blogs .item .card h6 span i {
  font-weight: 600;
}
.testimonial {
  background: #f5f9fc;
}
.testimonial .card {
  border-radius: 22.5px;
  background: #fff;
  box-shadow: 0px 3px 36px 0px rgba(0, 0, 0, 0.06);
}
.testimonial .icon {
  border-radius: 9px;
  height: 60px;
  padding: 16px 10px;
  background: rgba(58, 200, 140, 0.2);
}
.testimonial .icon h6 {
  color: rgba(56, 191, 134, 1);
  font-size: 22px;
  font-weight: 600;
}
.enquiry {
  background: rgba(128, 231, 187, 0.06);
}
.enquiry .card form input::placeholder{
  opacity: 0.5;
}
.contracts {
  background-color: #3ac88c;
  color: #fff;
  /* filter: blur(1.5px); */
}
.contracts .btn-light:hover{
  border: 1px solid #fff;
  color: #fff;
}
.newsletter {
  position: relative;
  padding: 100px 50px;
  background-image: url(../images/newsletter2.png);
}
.newsletter::before {
  content: "";
  position: absolute;
  background-image: url(../images/newsletter.png);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.newsletter form .form-control {
  height: 50px;
}
footer {
  background: #2f4858;
  color: #fff;
}
footer .quick-links ul {
  padding-left: 0px;
}
footer .quick-links ul li {
  /* list-style: none;
  display: inline-block; */
  margin-right: 15px;
}
footer .quick-links ul li a {
  color: #e4e7ec;
  text-decoration: none;
}
footer .quick-links ul li a:hover{
  color: #4fdfa2;
}
footer .quick-links ul li img {
  width: 60px;
  margin-bottom: 20px;
}
footer .contact-us a{
  text-decoration: none;
  color: #fff;
}
footer .social-media ul {
}
footer .social-media ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 5px;
}
footer .social-media ul li a {
  padding: 5px 5px;
  color: #98a2b3;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.pricing-inner {
  position: relative;
}
.pricing-inner .breadcrumb .card h1 span {
  color: #fff;
}
.pricing-inner .nav-tabs {
  border-radius: 40px;
  background: #4fdfa2;
  color: #fff;
  padding: 4px 4px;
  overflow: auto;
  white-space: nowrap;
}
.pricing-inner .nav-tabs .nav-item {
  display: inline-block;
}
.pricing-inner .nav-tabs .nav-item .nav-link {
  color: #2f4858;
  border-radius: 40px;
  padding: 15px 18px;
}
.pricing-inner .nav-tabs .nav-item.show .nav-link,
.pricing-inner .nav-tabs .nav-link.active {
  border-radius: 40px;
  background: #2f4858;
  border-color: #2f4858;
  color: #fff;
}
.pricing-inner .nav-tabs .nav-item .nav-link:focus{
  border-radius: 40px;
  background: #2f4858;
  border-color: #2f4858;
  color: #fff;
}
.pricing-inner .nav-tabs .nav-link:hover {
  border-radius: 40px;
  background: rgba(47, 72, 88, 0.2);
  border-color: rgba(47, 72, 88, 0);
  color: #2f4858;
}
.pricing-inner .tab-content .tab-pane .card {
  border-radius: 16px;
  border: 1px solid #e4e7ec;
  background: #fff;
  border:  1px solid #dee2e6 !important;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.05),
    0px 12px 16px -4px rgba(16, 24, 40, 0.1);
}
.pricing-inner .tab-content .tab-pane .card .card-body {
  padding: 32px 32px 40px 32px;
}
.pricing-inner .tab-content .tab-pane .card .card-body h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pricing-inner .tab-content .tab-pane .card .card-body h1::after {
  position: relative;
  top: -6px;
  content: "/M";
  letter-spacing: normal;
  font-weight: 400;
  vertical-align: bottom;
  font-size: 18px;
  text-transform: uppercase;
}
.pricing-inner .tab-content .tab-pane#email-tab-pane .card .card-body h1::after{
  content: '';
}
.pricing-inner .tab-content .tab-pane#warmup-tab-pane .card .card-body h1::after{
  content: '';
}
.pricing-inner .tab-content .tab-pane#ai-tab-pane .card .card-body h1::after{
  content: '';
}

.pricing-inner .tab-content .tab-pane .card .card-body h1 small {
  font-size: 16px;
}
.pricing-inner .tab-content .tab-pane .card .card-body p {
  color: #667085;
}
.pricing-inner .tab-content .tab-pane .card .card-body ul li {
  list-style: none;
  color: #667085;
  margin-bottom: 12px;
}
.pricing-inner .tab-content .tab-pane .card .card-body ul li .icon {
  background-color: rgba(209, 250, 223, 1);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}
.pricing-inner .tab-content .tab-pane .card .card-body ul li .icon i {
  color: #12b76a;
}
.pricing-inner .tab-content .tab-pane .card .card-body ul li .icon.red {
  background-color: #ffbec2;
}
.pricing-inner .tab-content .tab-pane .card .card-body ul li .icon.red i {
  color: #ff2f3a;
}
.pricing-inner .pricing-plans {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}
.pricing-inner .pricing-plans .plan {
  width: 90%;
  margin: 0 auto;
  min-width: 0;
  transition: all 0.3s ease-in-out;
  padding: 0px 0px;
  position: relative;
  will-change: transform;
  text-align: center;
}
.pricing-inner .pricing-plans .plan:before {
  position: relative;
  content: "";
  border: 1px solid transparent;
  width: 100%;
  display: block;
  padding: 0.5rem;
  height: 42px;
}
.pricing-inner #mailbox-tab-pane .card .card-body img{
  height: 42px;
}
.pricing-inner #mailbox-tab-pane .card .card-body h6{
  font-size: 15px;
}
.pricing-inner .btn-primary {
  background: #4fdfa2;
  border-color: #4fdfa2;
  border-radius: 40px;
  padding: 12px 20px;
}
.pricing-inner .btn-primary:hover{
  background-color: #2f4858;
  border-color:#2f4858;
}
.pricing-inner {
  padding-top: 100px;
}

.pricing-inner .breadcrumb .card .card-body h1 {
  color: #1B2632;
  font-size: 60px;
  font-weight: 700;
  padding-top: 30px;
}

.pricing-inner .breadcrumb .card .card-body p {
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}

.pricing-inner .breadcrumb .card {
  position: relative;
  background-image:url('../images/backgrounds.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 600px;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  padding: 75px;
}

.pricing-inner .breadcrumb .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}


@media only screen and (min-width: 1200px) {
  .pricing-inner .pricing-plans .plan.options {
    width: 26.2857142857%;
  }
  .pricing-inner .pricing-plans .plan {
    width: 20.2857142857%;
  }
}
.pricing-inner .pricing-plans .plan.options {
  font-size: 15px;
}

.pricing-inner .pricing-plans .plan.options {
  pointer-events: none;
  background-color: #fff;
}
.pricing-inner .pricing-plans .plan:hover:before {
  background-color: transparent;
  content: "";
  border-color: #dcdcdc;
  border-width: 2px;
  border-radius: 20px;
  position: absolute;
  height: 100%;
  z-index: 9;
  
}
.pricing-inner .pricing-plans .plan:hover .plan-header {
  margin-top: 42px;
}
.pricing-inner .pricing-plans .plan.popular:before {
  background-color: transparent;
  content: "";
  border-color: #75ecba;
  border-width: 2px;
  border-radius: 20px;
  position: absolute;
  height: 100%;
  z-index: 9;
}
.pricing-inner .pricing-plans .plan.popular:before:hover{
  border-color: transparent;
  border-width: 0px;
}
.pricing-inner .pricing-plans .plan .plan-header {

  display: flex;
  flex-direction: column;
  align-content: center;
  vertical-align: top;
  position: relative;
  min-height: 185px;
  padding: 1.5rem;
  position: sticky;
  top: 95px;
  background-color: #fff;
  z-index: 9;
  border-bottom: 1px solid #f5f9fc;
  margin-left: 2px;
  margin-right: 2px;
}
.pricing-inner .pricing-plans .plan.popular .plan-header {
  margin-top: 42px;
}
.pricing-inner .pricing-plans .plan .plan-header.first {
  border-color: transparent;
  background-color: transparent;
}
.pricing-inner .pricing-plans .plan .plan-header.last {
  border-right: 1px solid #ddd;
}
.pricing-inner .pricing-plans .plan .plan-header h3 {
  font-size: 2rem;
  margin: 0;
  text-align: center;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .label {
  display: block;
  font-size: 1rem;
  letter-spacing: 1px;
  margin: 0 auto 0px;
  text-transform: uppercase;
  font-weight: 700;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .figure {
  padding: 5px 0 5px;
  position: relative;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .figure span {
  display: inline-block;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .figure .amount {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: 1;
}

.pricing-inner .pricing-plans .plan .plan-header h3 .figure .amount:after {
  position: relative;
  top: -6px;
  content: "/M";
  letter-spacing: normal;
  font-weight: 400;
  vertical-align: bottom;
  font-size: 18px;
  text-transform: uppercase;
}
.pricing-inner
  .pricing-plans
  .plan:nth-child(1)
  .plan-header
  h3
  .figure
  .amount:after {
  content: "" !important;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .foreword {
  display: block;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 0;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .afterword {
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 0;
  white-space: nowrap;
  color: #84949c;
  letter-spacing: 0px;
}
.pricing-inner .pricing-plans .plan .plan-header h3 .text {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0px;
  text-align: left;
}
.pricing-inner .pricing-plans .plan .plan-header .button {
  margin-top: 10px;
  display: block;
  z-index: 11;
}
.pricing-inner .pricing-plans .plan .plan-info .list-group .list-group-item {
  border-radius: 0px;
  border-width: 0px;
  font-weight: 500;
  background: #f8f9fa;
  height: 50px;
}

.pricing-inner .pricing-plans .plan .plan-info .list-group .list-group-item:nth-child(odd){
  background-color: #fff;
}
.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group
  .list-group-item
  span {
  background-color: rgba(209, 250, 223, 1);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
 
}
.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group
  .list-group-item
  span
  i {
  color: #12b76a;
}
.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group
  .list-group-item
  span.red {
  background-color: #ffbec2;
}
.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group
  .list-group-item
  span.red
  i {
  color: #ff2f3a;
}
.radio_container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #2f4858;
  width: 160px;
  height: 40px;
  border-radius: 9999px;
}
 
.pricing-inner input[type="radio"] {
  appearance: none;
  display: none;
}
 
.pricing-inner label {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  width: 75px;
  height: 35px;
  text-align: center;
  border-radius: 9999px;
  overflow: hidden;
  transition: linear 0.3s;
  color: #fff;
}
 
.pricing-inner input:checked[type="radio"] + label {
  background-color: #4fdfa2;
  color: #fff;
  font-weight: 500;
  transition: 0.3s;
}


@media only screen and (min-width: 1200px) {
  .pricing-inner .pricing-plans .plan .plan-info .list-group.first {
    margin-top: 0rem;
  }
}
.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group.first
  .list-group-item {
  border-color: rgba(248, 249, 250, 0.5);
  padding: 12px 12px;
  background: rgb(248, 249, 250);
  height: 50px;
  line-height: 25px;
}
.pricing-inner
  .pricing-plans
  .plan.options
  .plan-info
  .list-group.first
  .list-group-item {
    border: 2px solid #f5f9fc;
  }

.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group.first
  .list-group-item:nth-child(odd) {
  background-color: #fff;
}
.pricing-inner
  .pricing-plans
  .plan
  .plan-info
  .list-group.last
  .list-group-item {
  border-right-color: #ddd;
}


/* Shrink */
.hvr-shrink {
  /* display: inline-block;
  vertical-align: middle; */
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  z-index: 9;
}
.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


/* $. Classes
\*----------------------------------------------------------------*/
.animate {
  transform: translate3d(0, 0, 0);
  perspective: 1000;
  filter: blur(0);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transform-origin: center left;
}

.animate--shrink,
.hero__title .slick-current > span {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: shrink;
  animation-name: shrink;
  -webkit-animation-timing-function: "linear";
  animation-timing-function: "linear";
}

.animate--grow,
.no-js .hero__title .slick-dupe:nth-child(2) > span,
.hero__title .slick-current + .slick-slide > span {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: "linear";
  animation-timing-function: "linear";
  -webkit-animation-name: grow;
  animation-name: grow;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  tap-highlight-color: transparent;
  padding-top: 40px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0;
  outline: none;
}
.slick-vertical .slick-slide::-moz-selection {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
}
.slick-vertical .slick-slide:focus,
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide::selection {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-current {
  position: relative;
}

.hero__title .slick-slide {
  overflow: hidden;
  padding: 5px 0;
}

.hero__title [aria-hidden] {
  transition: 1s;
}


.hero__title .slick-current > span {
  box-sizing: border-box;
  display: block;
}

.no-js .hero__title .slick-dupe:nth-child(2) > span {
  padding: 1em;
}

.hero__title-misc {
  display: block;
  /* font-size: 24px;
  font-weight: bold;
  color: grey; */
}
.blog-view{
  position: relative;
}
.blog-view::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}
.blog-view .breadcrumb .card{
  border-radius: 24px;
  background: #4fdfa2;
  padding: 30px 30px 320px 30px;
}
.blog-view .breadcrumb .card h4 span{
  color: #fff;
}
.blog-view .breadcrumb .card p{
  color: #fff;
}
.blog-view .breadcrumb .card ul li{
  list-style: none;
  color: #fff;
}
.blog-view .blog-image{
  position: relative;
  padding-bottom: 200px;
}
.blog-view .blog-image .card{
  position: relative;
}
.blog-view .blog-image img{
  position: absolute;
  border-radius: 12px;
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25);
  top: calc(-320px - 10px);
  left: calc(0vw - 0px);
}
.blog-view .main-blog .blog-content h4{
  color: #2F4858;
}
.blog-view .main-blog .recent-blog{
  top: 0;
  overflow-y: scroll;
  height: 860px;
}
.blog-view .main-blog .recent-blog .position-sticky{
 top: 0px;
}
.blog-view .main-blog .recent-blog .card{
  position: sticky;
  top: 85px;
}
.blog-view .main-blog .recent-blog h4{
  color: #2F4858;
}
.blog-view .main-blog .recent-blog h6{
  color: #2F4858;
}
.blog-view .main-blog .recent-blog ul li{
  list-style: none;
}


/* .features_1{background-color: #F5F9FC;} */
.features_1 p{
  color: #8E989E;
}
.feat_img_1{
  text-align: center;
}
.feat_img_1 img{
  width: 500px;
}
.feat_content{
  margin-top: 80px;
}
.feat_content ul li{
  background: #FFFFFF;
  box-shadow: 0px 4px 48px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  padding: 20px 30px;
  margin-bottom: 25px;
  position: relative;
  width: 585px;
  list-style: none;
}
.feat_content ul li span{
  font-family: 'Rubik';
  font-weight: 700;
  color: rgba(56, 191, 134, 0.4);
  position: absolute;
  left: -30px;
  top: -20px;
  font-size: 45px;
}
.feat_content ul li h4{
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 22px;
  color: #2f4858;
}
.feat_content ul li p{
  font-size: 16px;
  line-height: 26px;
  color: #8D8D8D;
  margin-bottom: 0px;
}
.feat_content ul li:hover {
  background-color: #3ccf91;
}
.feat_content ul li:hover span {
  color: #000000;
}
.feat_content ul li:hover h4 {
  color: #fff;
}
.feat_content ul li:hover p {
  color: #fff;
}

.blog_sec img{
  width: 100%;
  border-radius: 30px;
}
.blog_sec img:hover{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.blog_sec .blog-date{
  font-family: 'Rubik';
  color: #6c757d;
  font-weight: 400;
  font-size: 14px;
}
.blog_sec .blog-title{
  font-family: 'Rubik';
  color: #000000;
  font-weight: 600;
  font-size: 17px;
}
.blog_sec a:hover .blog-title{
  color: #3ccf91;
}
.blog_single_img{
  margin-top: 25px;
  margin-bottom: 25px;
}
.blog_single_img img{
  border-radius: 30px;
  width: 100%;
  object-fit: cover;
  height: 550px;
}



.blog_content{
  background-color: #fff;
  padding: 50px;
  padding-bottom: 10px;
  border-radius: 20px;
  position: relative;
  top: -125px;
  box-shadow: 1.5px 2.598px 34.65px .35px rgba(0,0,0,.1) !important;
}
.bsb_title{
  position: relative;
  z-index: 10;
  padding-top: 175px;
}
.bsb_title h2{
  color: #fff;
}
.bsb_title .blog-date{
  margin-bottom: 25px;
  font-family: 'Rubik';
  color: #fff;
  font-weight: 400;
  font-size: 14px;
} 
.blog_single_bg{
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 450px;
  background-position: center;
  position: relative;
}
.blog_single_bg::after{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,0.5);
  content: '';
  left: 0px;
  top: 0px;
}
.blog_width{
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.product{
  position: relative;
}
.product .card{
  position: sticky;
  top: 100px;
  border-radius: 24px;
  background: #FCFFE7;
}
.product .card .card-body{
  padding: 50px 0px 50px 50px;
}
.product .card .card-body h5{
  color: #343F52;
}
.product .card:nth-child(1n){
  background: #FCFFE7;
}
.product .card:nth-child(2n){
  background: #EBF1F0;
}
.product .card:nth-child(3n){
  background: #f2ebed;
}
.product .card:nth-child(2n) .card-body{
  padding: 50px 50px 50px 50px;
}

.home-crm .card{
  border-radius: 24px;
  background: #FCFFE7;
}
.home-crm .card .card-body{
  padding: 50px 0px 50px 50px;
}

.home-datamarket .card{
  border-radius: 24px;
  background: #EBF1F0;
}
.home-datamarket .card .card-body{
  padding: 50px 50px 50px 50px;
}
.home-datamarket .card .card-body h5{
  color: #343F52;
}
.home-partner .card{
  border-radius: 24px;
  background: #f2ebed;
}
.home-partner .card .card-body{
  padding: 50px 0px 50px 50px;
}
.data-market-inner ul li{
  list-style: none;
}

.warmup .main .card{
  border-radius: 24px;
  background-color: #4fdfa2;
}
.warmup .main .card .card-body h1{
  color: #fff;
  font-size: 60px;
}
.warmup .main .card .card-body b{
  color: #2f4858;
}
.warmup .content .card{
  border-radius: 14px;
  /* border: 0.3px solid #B9B9B9; */
  background: #FFF;
}

.partner-inner .breadcrumb .card h1 b {
  color: #2F4858;
}
.partner-inner .card{
  border-radius: 24px;
}
.partner-inner .how-it-works .card{
  border-radius: 16px;
border: 1px solid #3CCF91;
background: #FFF;   
}
.partner-inner .how-it-works .card .card-body .icon{
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  text-align: center;
background: rgba(60, 207, 145, 0.14);
}


.offcanvas .offcanvas-body ul li {
  list-style: none;
}
.offcanvas .offcanvas-body ul li a {
  color: #2f4858;
  display: block;
  text-decoration: none;
  padding: 8px 10px;
  position: relative;
}
.offcanvas .offcanvas-body ul li a[aria-expanded="false"]::after{
  content: '\f054';
  font-family: "Font Awesome 5 Pro";
  float: right;
}
.offcanvas .offcanvas-body ul li a[aria-expanded="true"]::after{
  content: '\f078';
  font-family: "Font Awesome 5 Pro";
  float: right;
}
.offcanvas .offcanvas-body ul li a.active, .offcanvas .offcanvas-body ul li a:hover {
  background-color: #3ac88c;
  color: #fff;
  border-radius: 8px;
}
.mobile-app .main{
  padding-top:140px;
}
.mobile-app p{
  color:#667085;
  font-size: 16px;
}
.mobile-app h2{
  color:#000;
  font-weight: 700;
  font-size: 38px;
}
.mobile-app .main h1{
  color: #000;
  font-weight: 700;
  font-size: 50px;
}
.mobile-app .main h6{
font-size: 18px;

}
.mobile-app a{
  text-decoration: none;
  color: #000;
}
.mobile-app .main a:hover{
  color:#3ccf91;
}
.mobile-app .main .fa-play-circle{
  font-size: 25px;
}
.mobile-app .bottom-line {
  position: relative;
  color: #3ccf91;
  font-size: 18px;
  font-weight: 400;
}
.typingText {
  font-size: 50px;
  color: #3ccf91;
  text-align: center;
}

.typingText::after {
  content: "|";
  color: #3ccf91;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.main-sticky-card h2{
  color: #1A1C1E;
  font-size: 36px;
  font-weight: 700;
}
.main-sticky-card .section-cards .section-content {
  padding-bottom: 0px;
  padding-top: 85px;
  text-align: center;
}
.main-sticky-card .section-cards .section-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-sticky-card .text-left{
  text-align: left;
}
.main-sticky-card .texts{
  border-radius: 80px;
  background: #353e49;
  color: #fff;
  display: inline-block;
  padding: 8px 25px 5px 25px !important;
}
.main-sticky-card .section-cards .section-content li {
  transform: translateZ(0);
  will-change: transform, opacity;
  height: 700px;
  position: sticky;
  top: calc(50vh + 52px - 215px - 40px);
}
.main-sticky-card .section-cards .section-content li .card-container {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0px;
  transform: translateZ(0);
}
.main-sticky-card .section-cards .section-content li .card-container {
  width: 100%;
  height: 480px;
  margin-left: 0px;
}
.main-sticky-card .section-cards .section-content li .bg {
  z-index: 1;
  background-color: #fff;
}
.main-sticky-card .section-cards .section-content li .card {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  background-repeat: no-repeat;
  transform-origin: top center;
  background-position: center center;
}
.main-sticky-card .section-cards .section-content li.card-01 .card {
  background: #dee4ee;
  border: 1px solid #dee4ee;
  border-radius: 30px;
}
.main-sticky-card .section-cards .section-content li.card-02 .card {
  background: #EBF1F0;
  border:1px solid #EBF1F0;
  border-radius: 30px;
}
.main-sticky-card .section-cards .section-content li.card-03 .card {
  background: #f2ebed;
  border: 1px solid #f2ebed;
  border-radius: 30px;
}
.main-sticky-card .section-cards .section-content li.card-04 .card {
  background:#FFFCF0;
  border: 1px solid #FFFCF0;
  border-radius: 30px;
}
.main-sticky-card .second-img img{
  height: 515px;
  width: 750px;
    /* object-fit: cover; */
}
/* .main-sticky-card .second-img{
  height: 244px;
  width: 640px;
} */
.main-sticky-card .btn-how{
background-color: transparent;
}
.main-sticky-card .btn-how:hover{
background-color: transparent;
}
.main-sticky-card {
  background: #1f2937;
  position: relative;
}

.main-sticky-card {
  background-image: url("../images/stripe.svg");
  content: "";
}

/* #mobileMainImage {
  transition: transform 0.3s ease; 
}

.transformed {
  transform: scale(0.8);
  overflow: hidden; 
} */

.mobile-main-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px; /* Reduce space between images */
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
}

.mobile-image {
  position: relative;
  transition: transform 0.5s ease-in-out;
}

.mobile-image img {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}

/* Center image larger & highest z-index */
.center {
  z-index: 3;
}

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

/* Left & right images have lower z-index and reduced spacing */
.left {
  transform: rotate(-5deg) translateX(100px);
  z-index: 1;
  margin-right: -40px; /* Overlap center image */
}

.right {
  transform: rotate(5deg) translateX(-100px);
  z-index: 1;
  margin-left: -40px; /* Overlap center image */
}


.mobile-app .bottom-line:after {
  content: "";
  position: absolute;
  bottom: -21px; 
  left: 0;
  width: 100%;
  height: 20px; 
  background-image: url('../images/text-bottom-line.svg');
  background-size: auto;
  background-repeat: no-repeat;
}

.mobile-app .import-contacts .card:hover .card-body h5{
  color:#3ccf91;
 
}
.mobile-app .import-contacts .card:hover{
  border:1px solid #3ccf91 !important;
}
.mobile-app .import-contacts .card .card-body h5{
  color:#667085;
  font-size: 21px;
  font-weight: 700;
}
.mobile-app .import-contacts .card .line{
  color:#bdbdbd;

}
.mobile-app .import-contacts .card{
  border-radius: 6px;
border: 1px solid #EDEDED !important;
}
/* .mobile-app .create-schedule .create-schedule-email{
  transform: rotate(20deg);
} */
.mobile-app .report-notify .bottom-line::after {
  content: "";
  position: absolute;
  bottom: -21px; 
  left: 0;
  width: 100%;
  height: 20px; 
  background-image: url('../images/text-bottom-line.svg');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.mobile-app .report-notify .card{
  border-radius: 30px;
border: 2px solid #DCE4E8;
background: #FFF;
padding: 30px 14px 30px 30px;
}
.mobile-app .report-notify .card:hover{
  border:1px solid #3ccf91;
  background-color: #3ccf91;
  color:#fff !important;
}
.mobile-app .report-notify .card:hover p{
  color: #fff;
}
.mobile-app .report-notify .card .svg-icon{
  background-color: #3ccf91;
    border-radius: 12px;
    padding: 8px;
}
.mobile-app .report-notify .card:hover .svg-icon{
  background:#fff;
  stroke: #000 !important;
  fill: #000 !important;
}


/* Wrapper settings */
.mobile-app .owl_wrapper {
  width: 100vw;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 23px 0px;
  margin: 20px 0px;
}

/* Stage settings */
.mobile-app .owl-carousel .owl-stage-outer {
  padding: 90px 0px;
}

/* General Owl Content Settings */
.mobile-app .owl_content {
  width: 80%;
}

/* General item settings */
.mobile-app .owl-carousel .item {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

/* Image default settings */
.mobile-app .owl-carousel .item img {
  max-width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  /* opacity: 0.5; */
  transform: scale(0.7); 
  width: 100%; /* Ensure images don't stretch */
}

/* Center Image: Bigger scale with specific width */
.mobile-app .owl-carousel .active.center img {
  /* transform: scale(1.3); */
  /* width: 380px;  */
  opacity: 1;
}

/* Beside Images: Slightly smaller with specific width */
.mobile-app .owl-carousel .owl-item.center + .owl-item img, 
.mobile-app .owl-carousel .owl-item.center + .owl-item img {
  /* transform: scale(0.8); */
  /* width: 307px;  */
  opacity: 1;
}

/* Next to Beside Images: Even smaller with specific width */
.mobile-app .owl-carousel .owl-item.center + .owl-item.center + .owl-item img,
.mobile-app .owl-carousel .owl-item.center + .owl-item.center + .owl-item img {
  transform: scale(0.6); 
  /* width: 307px;  */
  opacity: 1;
}


/* Navigation Buttons */
.mobile-app .owl_wrapper .prev,
.mobile-app .owl_wrapper .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #3ccf91;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

.owl_wrapper .prev:hover,
.owl_wrapper .next:hover{
background-color: #fff;
border: 1px solid #3ccf91;
color:#3ccf91;
}

.mobile-app .owl_wrapper .prev {
  left: 5%;
}

.mobile-app .owl_wrapper .next {
  right: 5%;
}

.mobile-app ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-navigation {
  position: relative;
  width: calc(min(48rem, 90%));
  margin: 0 auto;
  min-height: 100vh;
  column-gap: 3rem;
  /* padding-block: min(20vh, 3rem); */
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swiper-container {
  position: relative;
}

.swiper {
  width: 100%;
  padding: 0px 0 80px 0;
}

.swiper-slide {
  width: 254px !important;
  height: 31rem;
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center; 
  position: relative;
  border-radius: 12px;
  background: none; 
  box-shadow: none;
}

.swiper-slide img {
  width: 100%; 
  height: 100%;
  object-fit: contain; 
  border-radius: 12px;
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: none !important; 
}
.swiper-3d .swiper-slide-shadow-left{
  background-image: none !important;
}
.swiper-slide .slide-content {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 100%;
}
.swiper-slide .author img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  border: 3.5px solid white;
}
.swiper-slide .author ul {
  display: flex;
  align-items: center;
}
.swiper-slide .author ul li svg {
  width: 20px;
  color: orange;
}

.swiper-slide-active .author {
  display: grid;
  opacity: 1;
}
.swiper-button-prev {
  background: #3ccf91;
  border-radius: 50%;
  top: 47%;
  left: -190px;
  width: 40px;
  height: 40px;
  color: #fff;
}
.swiper-button-prev:hover{
  background-color: #fff;
  color: #3ccf91;
  border:1px solid #3ccf91;
}
.swiper-button-prev::after {
  font-size: 1.4rem;
  content: "";
}
.swiper-button-prev i {
  width: 25px;
}

.swiper-button-next {
  background: #3ccf91;
  border-radius: 50%;
  top: 47%;
  right: -190px;
  width: 40px;
  height: 40px;
  color: #fff;
}
.swiper-button-next:hover{
  background-color: #fff;
  color:#3ccf91;
  border:1px solid #3ccf91;
}
.swiper-button-next::after {
  font-size: 1.4rem;
  content: "";
}
.swiper-button-next i {
  width: 25px;
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}
@media (min-width: 760px) {
  .swiper-button-prev,
.swiper-button-next {
    display: flex;
  }
}

.gesture{
  position: relative;
  padding-top:50px;
}
.gesture::before{
  content: "";
  position: absolute;
  background-image: url('../images/gestures-before.svg');
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  left: -25px;
  z-index: 1;
  top: 50%;
}
.gesture .card{
  padding: 18px;
  border-radius: 13.928px;
border: 2px solid #E8E8E8;
}
.gesture .card svg{
  background-color: #E8F2EE;
  border-radius: 50%;
  /* padding: 22px; */

}
.gesture .card:hover{
  border:2px solid #3ccf91;
}
.gesture .gesture-cards::before{
  content: "";
  position: absolute;
  background-image: url('../images/gesture-card-before.svg');
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  z-index: 1;
  top: -11px;
  right:235px;
}

.gesture-cards::after{
  content: "";
  position: absolute;
  background-image: url(../images/gesture-after.svg);
  background-repeat: no-repeat;
  width: 160px;
  height: 120px;
  /* 90px */
  z-index: 1;
  right: 0px;
  bottom: -45px;
  /* -22px */
}
.coming-app h2,.coming-app h3 ,.coming-app p {
  color:#fff;
 
}
.coming-app{
  padding:95px 0px 0px 0px;
}
.download-app{
  border-radius: 24px;
background: #3CCF91;
padding: 30px;
position: relative;
}
.coming-app .coming-soon{
  padding-left:50px;
}
.coming-app .download_after img{
  position: relative;
  z-index: 3;
}

.download-app .download_after::before{
  content: "";
  position: absolute;
  background-image: url(../images/download-after.svg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 98px;
  bottom: 0px;
  background-position: center;
  background-size: contain;
}
/* .swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
  background-color: rgba(0, 0, 0, 0.5); 
  color: white; 
  font-size: 24px; 
  padding: 10px;
  z-index: 10; 
}

.swiper-button-prev {
  left: 10px; 
}

.swiper-button-next {
  right: 10px;
} */

.whatsapp_icon {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 99;
}
.whatsapp_icon img {
  width: 60px;
}




/** Mozilla Firefox */
@-moz-document url-prefix() {
  .features:after {
    background: transparent;
  }
  .features-two::after {
    background: transparent;
  }
  .features-six::before {
    background: transparent;
  }
  .hire-expert-inner .strategies::after {
    background: transparent;
  }
  .pricing-inner::after {
    background: transparent;
  }
  .wordpress-plugin::after {
    background: transparent;
  }
  .gdpr::after {
    background: transparent;
  }
  .privacy-policy::after {
    background: transparent;
  }
  .terms-use::after {
    background: transparent;
  }
  .mailbox::before{
    background: transparent;
  }
  .mailbox-2::before{
    background: transparent;
  }
}


@media only screen and (max-width: 1445px){
.gesture-cards::after {
  right:-38px ; 
}
.gesture::before{
  left: -37px;
}
}
@media only screen and (max-width: 1399px){
  .main-sticky-card .section-cards .section-content li .card-container {
    height: 435px;
  }
  .main-sticky-card .second-img img {
    height: 500px;
  }
}
@media only screen and (max-width: 1300px){
  .mobile-navigation {
    width: calc(min(48rem, 74%));
  }
  .main-sticky-card h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1155px){
  .mobile-navigation {
    width: calc(min(35rem, 51%));
}
}

@media only screen and (max-width: 1120px){
  .mobile-navigation {
    width: calc(min(48rem, 59%));
}
}



@media only screen and (max-width: 1040px){
  .mobile-navigation {
    width: calc(min(35rem, 56%));
  }
  .main-sticky-card .btn-try{
    padding: 8px 12px;
  }
  .main-sticky-card .btn-how{
    padding:8px 12px;
  }
  .main-sticky-card h2 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1024px){
  .sendcruxbox p {
    font-size: 15px;
  }
  .sendcruxbox .seamless-text .inner-text::after{
    background-size: contain;
    background-image: unset;
    width: unset;
    height: unset;
    margin-top: unset;
  }
.sendcruxbox .sendcruxbox-img{
  padding-top:30px;
}
  .sendcruxbox .choose-sendcruxbox{
    padding-top:50px;
    padding-left:0px;
  }
  .sendcruxbox .img-fluid{
    width:500px;
  }
  .mobile-app h2 {
    font-size: 34px;
  }
  .mobile-app h5{
    font-size: 18px;
  }
  .coming-app .coming-soon {
    padding-left: 0px;
  }
  .download-app .download_after::before{
    content: unset;
    background-image: unset;
  }
  .gesture::before {
    background-image: unset;
    width:unset;
    height: unset;
    left: unset;
    top:unset;
  }
  .gesture-cards::after {
    background-image: unset;
    width: unset;
    height: unset;
    right: unset;
    bottom: unset;
  }
  .gesture .gesture-cards::before {
    width: 170px;
    height: 70px;
    z-index: 1;
    top: -19px;
    right: 215px;
  }
}

@media only screen and (max-width: 768px) {
 
  .pricing-inner .nav-tabs {
    display: block;
  }
  
   .sendcruxbox .choose-sendcruxbox{
    text-align: center !important;
   }
   .mobile-main-wrapper{
    display: none;
   }
   .gesture .gesture-cards::before{
    background-image: unset;
    width: unset;
    height: unset;
    top: unset;
    right:unset;
   }
   .mobile-app p {
    font-size: 15px;
   }
   .mobile-app .report-notify .card {
    padding: 20px;
   }
   .mobile-app .main h1 {
    font-size: 40px;
   }
   .mobile-app .typingText{
    font-size: 40px;
   }
   .mobile-navigation-screen .owl-theme .owl-nav .owl-prev, .mobile-navigation-screen .owl-theme .owl-nav .owl-next {
    position: absolute;
    color: #fff;
    background: #3ccf91;
    border: none;
    z-index: 100;
    height: 35px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    width: 35px;
}
.mobile-navigation-screen .owl-theme .owl-nav .owl-next {
  right: -27px;
  top: 220px;
}
.mobile-navigation-screen .owl-theme .owl-nav .owl-prev {
    left: -27px;
    top: 220px;
}
.mobile-navigation-screen .owl-carousel .owl-stage-outer{
  padding:0px;
}
.mobile-navigation-screen .owl-carousel img{
  height: 485px;
}
}
@media only screen and (max-width: 566px){
  .mobile-navigation-screen .owl-theme .owl-nav .owl-prev {
    left: 30px;
}
.mobile-navigation-screen .owl-theme .owl-nav .owl-next {
  right: 30px;
}
}

@media only screen and (max-width: 426px) {
  
  .pricing-inner .nav-tabs {
    display: block;
  }
  .sendcruxbox .mailbox{
    background-image: unset;
    width: unset;
    height: unset;
    background-position: unset;
    background-repeat: no-repeat;
    margin-top: 0px;
    line-height: unset;
    color: #000;
    font-size: unset;
    position: unset;
    margin-left:0px;
  }
  .sendcruxbox .ai-driven h5{
    font-size: 18px;
  }
  .sendcruxbox p {
    font-size: 16px;
}
  .sendcruxbox .intro h1{
    font-size: 25px;
  }
  .sendcruxbox h2{
    font-size: 20px;
  }
  .mobile-app .main h1{
    font-size: 30px;
  }
  .typingText{
    font-size: 30px;
  }
  /* .mobile-app .create-schedule .create-schedule-email {
    transform: rotate(15deg);
    width: 295px;
  } */
  .mobile-app h2 {
    font-size: 25px;
  }
  .mobile-app .bottom-line:after {
    bottom: -21px;
  }
  .mobile-app .report-notify .bottom-line::after {
    bottom: -21px;
  }
  .gesture {
    padding-top: 10px;
  }
  .mobile-app .report-notify .card {
    padding: 24px;
  }
  .coming-app {
    padding: 90px 0px 0px 0px;
}
.mobile-navigation-screen .owl-theme .owl-nav .owl-next {
  right: 10px;
}
.mobile-navigation-screen .owl-theme .owl-nav .owl-prev {
  left: 10px;
}
.mobile-app .typingText {
  font-size: 30px;
}

}
@media only screen and (max-width: 375px) {
 
  .active-user .card.activity-gauge{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-size: contain;
    padding: 20px 0px;
    right: calc(4vw - 10px);
    top: calc(22px - 0px);
  }
  .active-user .card.activity-gauge .card-body .content h5{
    font-size: 14px;
  }
  .active-user .card.activity-gauge .card-body .content h6{
    font-size: 10px;
    margin-bottom: 0px;
  }
  .pricing-inner .nav-tabs{
    background-color: transparent;
    border:  1px solid transparent;
  }
  .pricing-inner .nav-tabs .nav-item .nav-link{
    font-size: 14px;
    border:2px solid #4fdfa2;
    color: #2F4858;
  }
  .pricing-inner .nav-tabs .nav-item.show .nav-link, .pricing-inner .nav-tabs .nav-link.active{
    background: #4fdfa2;
    color: #fff;
  }
  .pricing-inner .breadcrumb .card{
    padding: 15px 0px;
  }

}

/* *{
  box-shadow: 0px 0px 0px 1px red;
} */