@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  color: #2f4858;
  margin: 0;
}
footer .fw-light a {
  color: #3ccf91;
}
/* .dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
} */
.banner {
  background-color: #3ccf91;
  color: white;
  padding: 4px 20px;
  text-align: center;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.banner a {
  color: white;
  text-decoration: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.heading {
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  z-index: 9;
}

.heading.fixed {
  position: fixed !important;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: transparent;
  z-index: 99;
  transition: all 0.5s ease;
}

.card-section {
  display: flex;
  justify-content: space-between;
}

nav {
  /* position: fixed; */
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: #fff;
  /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; */
  z-index: 99;
  transition: all 0.4s ease;
}

/* nav.scrolled {
  box-shadow: 0px 2px 12px -1px rgba(16, 25, 40, 0.10), 0px 2px 2px -1px rgba(16, 25, 40, 0.04), 0px 0px 0px 1px rgba(16, 25, 40, 0.05);
  border-radius: 16px;
  margin-top: 40px;
} */
nav.scrolled {
  width: 88%;
  max-width: 100%;
  transition: all 0.4s ease-in-out;
  position: relative !important;
  border-radius: 16px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  transition: all 0.4s ease-in-out !important;
  box-shadow: 0px 2px 12px -1px rgba(16, 25, 40, 0.1),
    0px 2px 2px -1px rgba(16, 25, 40, 0.04),
    0px 0px 0px 1px rgba(16, 25, 40, 0.05);
}

nav {
  /* margin-top: 40px; */
}

nav .navbar-brand .logo {
  margin-bottom: 8px;
  width: 180px;
}

/* nav .card {
  border-radius: 16px;
background: #FFF;
box-shadow: 0px 2px 12px -1px rgba(16, 25, 40, 0.10), 0px 2px 2px -22px rgba(16, 25, 40, 0.04), 0px 0px 0px 1px rgba(16, 25, 40, 0.05);
 
} */

nav .nav-link {
  color: rgba(47, 72, 88, 1);
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
nav.scrolled .nav-link{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.nav-link:focus {
  color: #3ccf91;
}

nav ul li {
  font-weight: 500;
  list-style: none;
}

nav .nav-link:hover {
  color: #3ccf91;
}

nav header {
  padding: 6px;
}

/* nav .nav-item .nav-link:hover .dropdown-menu {
  width: 1114px;
  top: 55px !important;
  left: -270px !important;
  border-radius: 16px;
  border: 3px solid #f8f9fa;
}

nav .dropdown-menu ul li .icon {
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  border-radius: 10px;
  background: #f1fff9;
  margin-right: 12px;
}

nav .nav-item .dropdown-menu ul li h6 {
  margin-bottom: 3px;
}

nav .nav-item .dropdown-menu ul li .dropdown-item {
  border-radius: 8px;
  padding: 10px 10px;
}
nav .nav-item.dropdown .dropdown-menu {
  max-width: 2000px;
  width: 1114px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e4e7ec;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1),
    0px 4px 6px -2px rgba(16, 24, 40, 0.05);
  left: -110px !important;
  transform: translate(-159.3333px);
}

nav .nav-item.dropdown .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  border: none;
  vertical-align: 0;
}

.dropdown-item:active {
  background: rgba(60, 207, 145, 0.15);
  color: #212529;
}

.dropdown-item:hover {
  background-color: rgba(60, 207, 145, 0.15);
} */
nav .nav-item .nav-link:hover .dropdown-menu {
  width: 1114px;
  top: 55px !important;
  left: -270px; /* Aligning dropdown directly under the nav item */
  border-radius: 16px;
  border: 3px solid #f8f9fa;
  /* Ensure no flicker when moving mouse */
  pointer-events: auto;
}

nav .dropdown-menu ul li .icon {
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  border-radius: 10px;
  background: #f1fff9;
  margin-right: 12px;
}

nav .nav-item .dropdown-menu ul li h6 {
  margin-bottom: 3px;
}

nav .nav-item .dropdown-menu ul li .dropdown-item {
  border-radius: 8px;
  padding: 10px 10px;
}

nav .nav-item.dropdown .dropdown-menu {
  max-width: 1025px;
  width: 1024px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e4e7ec;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1),
    0px 4px 6px -2px rgba(16, 24, 40, 0.05);
  left: -236px !important; /* Removing the negative left and translate */
  transform: none; /* Removing the translate transform */
}

nav .nav-item.dropdown .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  border: none;
  vertical-align: 0;
}

.dropdown-item:active {
  background: rgba(60, 207, 145, 0.15);
  color: #212529;
}

.dropdown-item:hover {
  background-color: rgba(60, 207, 145, 0.15);
}

nav .bg-primary {
  border-radius: 16px;
  background: #ecfdf3 !important;
  color: #027a48;
  padding: 5px 10px;
  margin-bottom: 8px;
  line-height: 2;
  margin-bottom: 3px;
}

nav .cardtext .subtext {
  font-size: 13px;
}
.cardtext small {
  font-size: 10px;
}

/* .u-nav-dropdown {
  display: flex;
  position: static;
}
.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}
.u-nav-dropdown-text {
  color: var(--dark-slate-blue-text);
  padding: 0 14px 0 0;
  text-decoration: none;
}
.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}
.s-dropdown-arrow-down-wrap {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.s-dropdown-arrow-down-wrap {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.u-nav-dropdown-product {
  z-index: 155;
  top: 100%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}
.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
} */
/* nav  .nav-item.dropdown .dropdown-menu.show {
  width:1114px;
  left:-218px !important;
  border-radius: 16px;
  border:3px solid #f8f9fa;
 
} */

/* Styles when the dropdown is open */
/* .nav-item.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
} */

.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 .icon {
  text-align: center;
  width: 34px;
  height: 33px;
  line-height: 30px;
  display: block;
  border-radius: 10px;
  background: #f1fff9;
  margin-right: 12px;
}

.offcanvas .offcanvas-body ul li h6 {
  margin-bottom: -9px;
  font-size: 13px;
}

.offcanvas .offcanvas-body ul li .cardtext small {
  font-size: 9px;
}
nav .offcanvas .offcanvas-header .offcanvas-title {
  width: 170px;
}
/* .main-nav.fixed{
  position: fixed !important;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  z-index: 99;
  transition: #fff 0.5s ease-out;
} */

.btn-sign {
  border-radius: 10px;
  border: 1px solid #3ccf91;
  background: #3ccf91;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 10px 18px;
  color: #fff;
}

.btn-sign:hover {
  background-color: #2f4858;
  color: #fff;
}

.btn-login {
  background: #fff;
  padding: 10px 18px;
  justify-content: center;
  color: #3ccf91;
  /*#667085*/
  border-radius: 8px;
  border: 1px solid #3ccf91;
  /*#E5E9F0*/
  font-size: 16px;
}

.btn-login:hover {
  background: transparent;
  border-color: #2f4858;
  color: #2f4858;
}

/*.........................................................................................*/
.nav-component {
  z-index: 1100;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

/*........................................................................................*/

.btn-try {
  border-radius: 14px;
  border: 1px solid #3ccf91;
  background: #3ccf91;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 12px 20px;
  color: #fff;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-property: all;
}

.btn-try:hover {
  background-color: #2f4858;
  color: #fff;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 0.2s;
  border-radius: 24px;
}

.btn-how {
  background: #fff;
  padding: 12px 20px;
  justify-content: center;
  color: #667085;
  border-radius: 14px;
  border: 1px solid #e5e9f0;
  font-size: 16px;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-property: all;
}

.btn-how:hover {
  background: transparent;
  border-color: #4fdfa2;
  color: #4fdfa2;
  background-color: #fff;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 0.2s;
  border-radius: 24px;
}

.slide {
  height: 100vh;
  display: flex;
  align-items: center;

}

.slide .news {
  border-radius: 80px !important;
  background: #f4f4f7 !important;
  color: var(--Secondary-500, #1a1c1e);
  display: inline-block;
  padding: 6px 0px;
  padding-left: 7px;
  padding-right: 15px;
}

.slide .card .card-body {
  padding: 80px 0px 80px 0px;
  z-index: -10px;
}

.slide .card .card-body h1 {
  color: #3ccf91;
  font-size: 65px;
}

.slide .card .card-body h1 .crm {
  color: #2f4858;
}

.slide .card .card-body p {
  color: #fff;
  line-height: 35px;
}

.slide .card {
  position: relative;
  background-image: url("../images/backgrounds.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
  z-index: 0;
  background-size:600px;
}

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

.news .text {
  border-radius: 60px;
  background: var(--Primary-500, #31b099);
  color: var(--Secondary-500, #1a1c1e);
  display: inline-block;
  padding: 9px 12px;
}

.update {
  background: #1f2937;
  position: relative;
}

.update::before {
  background-image: url("../images/updates.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  top: -47px;
  left: 0px;
  width: 678px;
  height: 630px;
  z-index: 1;
  background-size: contain;
}

.update::after {
  background-image: url("../images/circle.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  top: 30px;
  /* right: 0px;
  width: 434px;
  height: 205px; */
  right: 85px;
  width: 413px;
  height: 208px;
  z-index: 1;
  background-size: contain;
}
.update .text-secondary {
  color: rgba(182, 182, 182, 1);
}
.update .look {
  z-index: 3;
}

.update .look h2 {
  font-size: 38px;
}

.update .look a {
  text-decoration: none;
  color: #8b8b99;
}

.update .look a:hover {
  color: #fff;
}

.update .look .text_secondary {
  color: #fff;
  opacity: 0.7;
}

.update .look .owl-carousel .owl-item img {
  width: 60px;
}

.update .look .green {
  color: #3ccf91;
}

.update .look .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  color: inherit;
  background: rgba(39, 39, 46, 1);
  border: none;
  z-index: 100;
  height: 35px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  width: 35px;
  left: -123px;
  bottom: 20px;
}

.update .look .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #3ccf91;
}

.update .look .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #3ccf91;
}

.update .look .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  color: inherit;
  background: rgba(39, 39, 46, 1);
  border: none;
  z-index: 100;
  height: 35px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  width: 35px;
  left: -175px;
  bottom: 20px;
}

.update .look .owl-carousel .owl-item:hover {
  color: #fff;
}

.mailbox .lap {
  position: sticky;
  top: 120px;
  width: 100%;
}

.mailbox .card {
  border-radius: 30px;
}

.mailbox .background {
  background-color: #e8f2ee;
}

.mailbox .card .card-body img {
  width: 100%;
  /* height: 375px; */
  object-fit: cover;
}

.bg-success {
  border-radius: 31.5px;
  border: 0.75px solid #3ccf91;
  background: #3ccf91 !important;
}

.mailbox .lorem .card-body {
  border-radius: 30px;
  background: #e8f2ee;
}

.mailbox .gsuit .nav {
  background-color: #3ccf91;
}

.mailbox .nav-tabs {
  background-color: #3ccf91;
  border-radius: 51px;
  padding: 9px;
  color: white;
}

.mailbox .nav-link {
  white-space: nowrap;
  color: white !important;
}

.mailbox .nav-link {
  white-space: nowrap;
  color: white !important;
  background-color: transparent;
}

.mailbox .nav-tabs .nav-link:hover {
  border-radius: 50.25px;
  background: rgba(47, 72, 88, 0.1);
  border-color: #3ccf91;
  color: white !important;
}

.mailbox .nav-tabs .nav-link.active {
  border-radius: 50.25px;
  background: rgba(47, 72, 88, 0.1);
  border-color: #3ccf91;
}

.mailbox .automation {
  padding: 30px;
}

.mailbox .sub {
  font-size: 18px;
}

.mailbox-2 #mailbox-list-example a.active h6 {
  color: #3ac88c;
}

.mailbox-2 #mailbox-list-example a h6 {
  font-size: 18px;
  color: #212529;
  transition: color 0.4s ease-in-out;
}

.mailbox-2 #mailbox-list-example a.active::before {
  background: #3ac88c;
  border-radius: 50px !important;
}

.mailbox-2 #mailbox-list-example a::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
  /* transition: height .3s cubic-bezier(.4,.63,.57,1), visibility .3s step-end !important; */
  /* -webkit-transition: all .3s ease; */
  transition: all 0.5s ease;
  /* transform: scale(0, 1); */
  /* transform-origin: top bottom; */
}

.mailbox-2 #mailbox-list-example {
  position: sticky;
  top: 160px;
  width: 100%;
}

.mailbox-2 #mailbox-list-example a p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #667085;
  transition: height 0.3s cubic-bezier(0.4, 0.63, 0.57, 1),
    visibility 0.3s step-end;
}

.mailbox-2 #mailbox-list-example a.active p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #212529;
  transition: color 0.3s ease-in-out;
}

.text-primary {
  color: #4fdfa2 !important;
}

.scrollspy-example {
  position: relative;
}

.mailbox-2 .scrollspy-example img {
  margin-bottom: calc(100vh - 100px);
  margin-right: 0px;
}

.mailbox-2 {
  position: relative;
}

.mailbox-2 #mailbox-list-example a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px 10px 15px 20px;
}

.mailbox-2-mobile .card {
  border-radius: 20px;
  border: 1px solid rgba(219, 219, 219, 0.5);
  box-shadow: 0px 4px 48px rgba(0, 0, 0, 0.06);
}

.mailbox-2-mobile .card .card-body h6 {
  font-size: 18px;
}

.mailbox .mail {
  color: #3ccf91;
}

:root {
  --container: 1320px;
}

.offset-custom {
  margin-left: calc((100% - var(--container)) / 2);
  max-width: calc(var(--container) / 12 * 6);
}

.solutions {
  background: #1f2937;
  position: relative;
}

.solutions {
  background-image: url("../images/stripe.svg");
  content: "";
}
/* .solutions .styles_container__PRMqe .styles_stackCardContainer___uMfB .card{
  display: flex;
  position: relative;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 94px 0 rgba(17, 3, 98, .09);
  width: 100%;
  height: 559px;
  padding: 60px 60px 0;
} */
.solutions .texts {
  border-radius: 80px;
  background: #353e49;
  color: #fff;
  display: inline-block;
  padding: 8px 25px 5px 25px !important;
  padding-left: 7px;
  padding-right: 15px;
}

.solutions .sales .card {
  border-radius: 30px;
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.15) inset;
  color: #1a1c1e;
}

.solutions .styles_cardContainer__u2TNT ul li a {
  color: #1a1c1e;
  text-decoration: none;
}

.solutions .styles_cardContainer__u2TNT ul li a:hover {
  color: #3ccf91;
}

.solutions .styles_cardContainer__u2TNT .card .btn-try {
  color: #fff;
}

.solutions .styles_cardContainer__u2TNT .card .btn-how {
  color: #2f4858;
  background-color: transparent;
  border: 1px solid #e5e9f0;
}

/* .styles_container__PRMqe .styles_cardContainer__u2TNT .styles_stackCards__ACUsB .styles_stackCardsItem__o2s9p .styles_stackCardContainer___uMfB {
    display: flex;
    position: relative;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 94px 0 rgba(17, 3, 98, .09);
    width: 100%;
    height: 411px;
    padding: 8px 8px 0;
} */

.solutions .styles_cardContainer__u2TNT .card .btn-how:hover {
  color: #3ccf91;
  /* background-color: #3CCF91; */
  border-color: #3ccf91;
}

.solutions .sales .card .card-body h2 {
  font-size: 38px;
  font-weight: 700;
}

.solutions .sales .card .card-body p {
  font-size: 18px;
}

.solutions .sales .card .card-body .learn a {
  text-decoration: none;
  color: #1a1c1e;
  font-size: 16px;
  padding-top: 107px;
}

.solutions .sales .card .card-body .learn {
  padding-top: 107px;
}

/* .solutions .sales .card :hover {
  border-radius: 30px;
  background: #0F5D66;
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.15) inset;
  color: #fff;
} */
.solutions .styles_container__PRMqe .card:hover {
  border-radius: 30px;
  background: #0f5d66;
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.15) inset;
  color: #fff;
}

.sales .sales_img {
  width: 635px;
  height: 317px;
  object-fit: cover;
}

/* .sales .sales_img {
  height: 100%;
  object-fit: cover;
  width: 100%;
} */
.solutions .sales .sales_image {
  width: 635px;
  object-fit: cover;
  height: 363px;
}

.solutions .sales .card:hover p {
  color: #acb5bb;
}

.solutions .sales .card .card-body .learn a:hover {
  color: #3ccf91;
}

.solutions .sales .card .card-body .text_secondary {
  color: var(--Secondary-400, #6c7278);
}

.solutions .text-sub {
  color: rgba(255, 255, 255, 0.6);
}

.solutions .product .card:nth-child(1) {
  position: sticky;
  top: 200px;
  border-radius: 24px;
  background: #fcffe7;
}

.solutions .card:nth-child(2n) {
  background: #ebf1f0;
}

.product .card:nth-child(3n) {
  background: #f2ebed;
}

.solutions .product .card:nth-child(2) {
  top: 200px;
  position: sticky;
  border-radius: 24px;
}

.solutions .product .card:nth-child(3) {
  top: 170px;
  position: sticky;
  border-radius: 24px;
}

.texts {
  border-radius: 80px;
  background: #f4f4f7;
  display: inline-block;
  padding: 8px 25px 5px 25px !important;
  padding-left: 7px;
  padding-right: 15px;
  color: var(--Secondary-500, #1a1c1e);
}

.switching {
  padding-top: 90px;
}

.switching .text p {
  font-size: 18px;
}

.power .switch {
  padding-left: 55px;
}

.switching .card {
  border-radius: 16px;
  background: #f4f4f7;
  /* border-color: #f4f4f7; */
  border: 3px solid var(--Primary-500, #f4f4f7);
}

.switching .card .card-body {
  padding: 23px 19px;
}

/* .switching .switch {
  padding-left: 30px;
} */

.switching .platform {
  padding-right: 40px;
}

.switching h1 {
  font-size: 50px;
}

.custom-card-height {
  height: 400px !important;
}

.switching .card:hover {
  background: #3ccf91;
  color: #fff;
  border: 3px solid var(--Primary-500, #31b099);
}

.switching .card:hover .card-body svg path {
  fill: transparent;
  stroke: #fff;
}

.btn-book {
  border-radius: 14px;
  border: 1px solid #3ccf91;
  background: #3ccf91;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  /* padding: 10px 18px; */
  padding: 13px 40px;
  color: #fff;
  font-size: 16px;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-property: all;
}

.contact .card .card-body {
  padding: 27px;
}

.contact .card .card-body p {
  font-size: 18px;
}

.btn-book:hover {
  background-color: #2f4858;
  color: #fff;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 0.2s;
  border-radius: 24px;
}

.power .ab_testing {
  color: #3ccf91;
}

.power .testing h1 {
  font-size: 50px;
}

.bg-image-section {
  /* background-image: url('./images/sendcruxlogo.svg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:100%; */
  position: relative;
  overflow: hidden;
}

.bg-image-section::before {
  content: "";
  position: absolute;
  background-image: url(../images/sendcruxlogo.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* bottom: 0;
  right: -276px; */
  bottom: -15px;
  /* right: -273px; */
  height: 97%;
  right: -260px;
  /* right: -272px; */
  /* height: 1394px; */
  width: 100%;
  z-index: -1;
}

.coldemail {
  padding-bottom: 113px;
}

.coldemail h1 {
  font-weight: 700;
  font-size: 40px;
}

.bg-image-section .solutions {
  color: #fff;
}

.bg-image-section .solutions .fa-check-circle {
  color: #dce4e8;
}

.bg-image-section .solutions ul li {
  color: #dce4e8;
  list-style: none;
  display: inline-block;
  padding-top: 15px;
}

.bg-image-section .solutions a {
  text-decoration: none;
  color: #3ccf91;
}

.bg-image-section .solutions a:hover {
  color: #fff;
}

.cold {
  color: #4fbd8c;
}

/* .video {
  width: 955px;
  height: 540px;
  position: relative;
  margin: auto;
}

.videoicon {
  margin-bottom: 4px;
}

.video-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  transition: opacity 0.8s ease-in-out;
}

.playing .video-layer {
  opacity: 1;
}

iframe {
  width: 100%;
  height: 100%;
  border-radius: 7px;
}

.video-preview {
  width: 100%;
  height: 100%;
  background: url("../images/video-thumbnail.jpg") 50% 50% no-repeat;
  padding-top: 56.25%;
  background-size: cover;
  transition: opacity 0.8s ease-in-out;
  -webkit-box-shadow: 18px 17px 0px 0px rgba(60, 207, 145, 1);
  -moz-box-shadow: 18px 17px 0px 0px rgba(60, 207, 145, 1);
  box-shadow: 18px 17px 0px 0px rgba(60, 207, 145, 1);
  border-radius: 7px;
}

.coldemail svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 80px;
  margin-top: -40px;
  
} */
.video {
  width: 955px;
  height: 540px;
  position: relative;
  margin: auto;
  border-radius: 21px;
}

.videoicon {
  margin-bottom: 4px;
}

.video-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.playing .video-layer {
  opacity: 1;
}

iframe {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  -webkit-box-shadow: 15px 15px 0px 0px rgba(60, 207, 145, 1);
  -moz-box-shadow: 15px 15px 0px 0px rgba(60, 207, 145, 1);
  box-shadow: 15px 15px 0px 0px rgba(60, 207, 145, 1);
}

.video-preview {
  width: 100%;
  height: 100%;
  background: url("../images/video-thumbnail.jpg") 50% 50% no-repeat;
  background-size: cover;
  padding-top: 56.25%; /* Maintain aspect ratio */
  transition: opacity 0.8s ease-in-out;
  border-radius: 14px;
  -webkit-box-shadow: 15px 15px 0px 0px rgba(60, 207, 145, 1);
  -moz-box-shadow: 15px 15px 0px 0px rgba(60, 207, 145, 1);
  box-shadow: 15px 15px 0px 0px rgba(60, 207, 145, 1);
}
.playing .video-preview {
  opacity: 0;
}
.video-preview svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 80px;
  margin-top: -40px;
}
.coldemail svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 80px;
  margin-top: -40px;
  z-index: 10;
}

.solutions h1 {
  font-size: 42px;
  font-weight: 700;
}

.solutions .testimonials .card {
  border-radius: 14px;
  background: #2f3948;
}

.solutions .testimonials .card .owl-carousel .owl-item img {
  width: 15px !important;
}

.solutions .testimonials .card .card-body h3 {
  font-size: 24px;
}

.solutions .testimonials .owl-carousel .item .card {
  max-height: 420px;
  min-height: 420px;
}

.solutions .testimonials .owl-carousel .item .card:hover .symbol {
  color: #4d5155;
}

.solutions .testimonials .card p {
  color: #acb5bb;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block;
  color: #fff;
}

.testimonials .owl-theme .owl-nav .owl-prev,
.testimonials .owl-theme .owl-nav .owl-next {
  position: absolute;
  color: inherit;
  background: #272c34;
  border: none;
  z-index: 100;
  height: 35px;
  line-height: 39px;
  text-align: center;
  border-radius: 50%;
  width: 35px;
}

.testimonials .owl-theme .owl-nav .owl-prev i,
.testimonials .owl-theme .owl-nav .owl-next i {
  font-size: 1.3rem;
  color: #fff;
}

.testimonials #test.owl-theme .owl-nav .owl-prev {
  left: -17px;
  top: 170px;
}

.testimonials #test .owl-nav .owl-next {
  right: -17px;
  top: 170px;
}

.testimonials .owl-theme .owl-nav .owl-prev:hover,
.testimonials .owl-theme .owl-nav .owl-next:hover {
  background-color: #3ccf91;
}

.news-slider__pagination {
  text-align: center;
  margin-top: 50px;
}

.news-slider__pagination .swiper-pagination-bullet {
  width: 7px;
  height: 4px;
  display: inline-block;
  background: #fff;
  opacity: 0.2;
  margin: 0 5px;
  border-radius: 20px;
  transition: opacity 0.5s, background-color 0.5s, width 0.5s;
  transition-delay: 0.5s, 0.5s, 0s;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots button.owl-dot:focus {
  outline: none;
}

.owl-carousel .owl-dots.disabled {
  display: block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 19px;
  height: 5px;
}

.journey .card-body {
  border-radius: 17.357px;
  background: #f3f3f3 !important;
  padding: 15px 10px;
  height: 300px;
  overflow: hidden;
}

.journey .owl-carousel .item .card .card-body ul li {
  list-style: none;
  font-weight: 300;
  color: #667085;
}

.journey .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 170px;
  border-radius: 10px;
  object-fit: cover;
}

.main-content .owl-theme .owl-nav .owl-prev {
  left: 0px;
}

.main-content .owl-theme .owl-nav .owl-next {
  right: 0px;
}

.main-content .owl-theme .owl-nav .owl-prev {
  left: -27px;
  top: 170px;
}

.main-content .owl-theme .owl-nav .owl-next {
  right: -27px;
  top: 170px;
}

.main-content .owl-theme .owl-nav .owl-prev,
.main-content .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;
}

.contact h1 {
  color: var(--Secondary-500, #1a1c1e);
  font-weight: 700;
  font-size: 56px;
}

.contact p {
  color: var(--Secondary-400, #6c7278);
}

.contact .card {
  border-radius: 30px;
  border: 1px solid #e3e6e9;
  background: var(--Primary-0, #fff);
}

.contact .card .card-body h1 {
  font-size: 26px;
}

.integrations .card-body img {
  height: 30px;
  width: 100%;
  object-fit: contain;
}

.integrations .card .card-body {
  border-radius: 17.357px;
  background: #f3f3f3 !important;
  padding: 15px 10px;
}

.styles_container__PRMqe {
  padding-bottom: 100px;
}

.styles_container__PRMqe .card {
  border-radius: 30px;
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.15) inset;
}
/* .focused-crm.color{
  background-color: #0F5D66;

} */
.styles_container__PRMqe .card h2 {
  font-size: 36px;
  font-weight: 700;
}

.styles_container__PRMqe .card .sales_img {
  height: 403px;
  object-fit: cover;
}

.styles_container__PRMqe .card p {
  font-size: 18px;
}

.styles_container__PRMqe .card .sales_focused {
  margin-bottom: 100px;
}

.styles_cardContainer__u2TNT .sales_focused {
  /* background-color: #fcffe7; */
  background-color: #dee4ee;
  overflow: hidden;
}

.styles_cardContainer__u2TNT .trade_high {
  background-color: #ebf1f0;
  overflow: hidden;
}

.styles_cardContainer__u2TNT .partner_program {
  background-color: #f2ebed;
  overflow: hidden;
}
.styles_cardContainer__u2TNT .warm_up {
  background-color: #fffcf0;
}

/* .styles_cardContainer__u2TNT .card:hover {
  background: #0F5D66;
  color: #fff;
} */

/* .focused-crm{
  background-color: #0F5D66;
  transition: background-color 0.3s;
} */
.styles_cardContainer__u2TNT .card :hover .btn-how {
  color: #fff;
}

/* .styles_stackCardsItem__o2s9p{
  position: sticky;
  top: 135px;
} */
/* .styles_container__PRMqe .sub_text{
  position: sticky;
  top:150px;
} */
/* .solutions .styles_container__PRMqe{
  position: sticky;
  top:100px;
 }
.styles_container__PRMqe .styles_cardContainer__u2TNT .styles_stackCards__ACUsB .styles_stackCardsItem__o2s9p {
  position: -webkit-sticky;
  position: sticky;
  top: 241px;
  transform-origin: center top;
  width: 100%;
} */

.integrations p {
  font-size: 18px;
}

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

/*ChatCrux*/

.landing .welcome {
  padding-left: 126px;
  padding-top: 0px;
}

.landing h1 {
  color: #1b2632;
  font-size: 53px;
  font-weight: 700;
}

.landing .customer {
  color: #3ccf91;
  font-size: 53px;
}

.landing p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
}

.landing {
  background-image: url(../images/chatcrux_background.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: auto;
  overflow: hidden;
  padding-top: 60px;
}
.landing .img-right {
  width: 550px;
}
.landing img {
  background-color: #0f5d66;
  padding-bottom: 100px;
  padding-left: 30px;
  padding-top: 130px;
}
.landing {
  overflow: hidden;
}
.landing img {
  background-color: #0f5d66;
  padding-bottom: 100px;
  padding-left: 30px;
  padding-top: 130px;
}

.focus h2 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 46px;
  font-weight: 700;
}

.focus .card {
  border-radius: 30px;
  border: 2px solid var(--Secondary-200, #dce4e8);
  background: var(--ios-status-bar-status-bar-background-color, #fff);
  padding: 32px;
}

.focus p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
}

.focus .card .card-body h3 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 32px;
  font-weight: 700;
}

.focus .card .card-body p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
}

.facilities h1 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 46px;
  font-weight: 700;
}

.facilities p {
  color: var(--Secondary-400, #6c7278);
  font-size: 16px;
  font-weight: 400;
}
.sub_images{
  height:44px;
}

.facilities h3 {
  color: #1a1c1e;
  font-size: 22px;
  font-weight: 600;
}

/* .facilities .icons{
  width:150px;
} */
.facilities .iconic {
  width: 200px;
}

.chatbot .chatbot_facilities {
  padding-right: 100px;
}

.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 .btn-primary {
  border-radius: 6px;
  background: #3ac88c;
  box-shadow: 0px 1px 2px 0px rgba(105, 81, 255, 0.05);
  border-color: #3ccf91;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-property: all;
  padding: 11px;
}

/* .newsletter h6{
  color: #667085;
font-size: 22px;
font-weight: 400;
line-height: 36px; 
} */
.newsletter .btn-primary:hover {
  background-color: #2f4858;
  border-color: #2f4858;
  /* transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  border-radius: 24px; */
}

.newsletter form .form-control {
  color: var(--Gray-500, #667085);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* .newsletter p{
  color: var(--Gray-500, #556987);
font-size: 12px;
font-weight: 400;
line-height: 18px;
} */
footer {
  background: #2f4858;
  color: #fff;
}

footer h5 {
  color: var(--White, var(--ios-status-bar-status-bar-background-color, #fff));
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  /* 126.667% */
}

footer .fw-light {
  color: var(--Gray-200, #e4e7ec);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 200% */
}

footer .quick-links ul {
  padding-left: 0px;
}

footer .quick-links ul li {
  /* list-style: none;
  display: inline-block; */
  margin-right: 6px;
  padding:5px 0px;
  list-style: none;
}

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;
  height: 25px;
  object-fit: cover;
}

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;
}

/*white-label*/
.white-label .main {
  padding-top: 100px;
}

.white-label .main .card .card-body {
  padding: 0px 30px 50px 30px;
  z-index: -10px;
}

.white-label .main .card .card-body p {
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}

.white-label .main .card .card-body h1 {
  color: #1b2632;
  font-size: 60px;
  font-weight: 700;
  padding-top: 30px;
}

.white-label .main .card .card-body h1 .label {
  color: #3ccf91;
}

.white-label .main .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;
}

.white-label .main .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}

.white-label .beautiful .card {
  border-radius: 30px;
  border: 2px solid var(--Secondary-200, #dce4e8);
  background: var(--Primary-0, #fff);
  padding: 20px 20px 3px 20px;
}
.white-label .solution .card {
  border-radius: 30px;
  border: 2px solid var(--secondary-200, #dce4e8);
  background: var(--primary-0, #fff);
  padding: 20px 20px 3px 20px;
}
.white-label .main .card .card-body p {
  color: var(--Secondary-400, #667085);
  font-size: 18px;
  font-weight: 400;
}

.white-label .content h5 {
  color: #212529;
}

.white-label .content ul li {
  color: #667085;
  list-style: none;
}

.white-label p {
  color: #667085;
}
/* .white-label .content.solution .card::before {
  background-image: url("../images/mesh-background.svg");
  content: "";
  background-size: cover;
  position: absolute;
  z-index: -1;
  border: none;
  width: 100%;
  height: 100%;
} */
.white-label .content.solution .card {
  position: relative;
  background: transparent;
}
/*pricing*/

/* .pricing-inner {
  padding-top: 160px;
}

.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 .card {
  position: relative;
  background-image: url('./images/backgrounds.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  padding: 75px;
}

.pricing-inner .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}
.pricing-inner .nav-tabs .nav-item .nav-link {
  color: #2f4858;
  border-radius: 40px;
  padding: 15px 18px;
}
.pricing-inner .nav-tabs .nav-link.active {
  border-radius: 40px;
  background: #2f4858;
  border-color: #2f4858;
  color: #fff;
}
.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;
} */

/*partner-program*/
.partner-inner .circle-background a {
  text-decoration: none;
  color: #3ccf91;
}

.partner-inner .circle-background a:hover {
  color: #2f4858;
}

.partner-inner .breadcrumb {
  position: relative;
  padding-top: 150px;
  z-index: 2;
  /* padding-bottom: 193px; */
}

.partner-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;
}

.partner-inner .breadcrumb .card .card-body h1 .label {
  color: #1b2632;
}

.partner-inner .breadcrumb .card .card-body h1 {
  color: #3ccf91;
  font-size: 49px;
  font-weight: 700;
}

.partner-inner .breadcrumb p {
  font-size: 18px;
}

.partner-inner .breadcrumb .card h1 b {
  color: #2f4858;
}

.partner-inner .card {
  border-radius: 24px;
}

.partner-inner .circle-background h4 {
  color: #2f4858;
  font-size: 34px;
  font-weight: 600;
}

.partner-inner .circle-background ul li {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
}

.partner-inner .how-it-works {
  background: linear-gradient(101deg, #3ccf91 -5.03%, #26a69a 104.17%);
  position: relative;
}

.partner-inner .how-it-works::before {
  background-image: url("../images/howitworksbackground_circles.svg");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 223px;
  height: 408px;
  right: 0;
  top: 0;
}

.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);
}

.partner-inner .circle-background {
  background-image: url("../images/circle-background.svg");
  background-repeat: no-repeat;
  align-items: center;
  background-size: 100%;
}

/*outreach-crm*/
.crm-inner .landing a {
  /* color: #fff; */
  text-decoration: none;
}

.crm-inner .subpart a {
  text-decoration: none;
  color: #3ccf91;
}
/* 
.crm-inner a:hover {
  color: #2f4858;
  color: #fff;
} */
.hvr-sweep-to-right {
  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);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 14px;
  border: 0px solid #3ccf91;
  background: #3ccf91;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 12px 20px;
  color: #fff;
  text-decoration: none;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2f4858;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 14px;
  border: 0px solid #2f4858;
  background: #2f4858;
  padding: 12px 20px;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.crm-inner .subpart h1 {
  color: #1a1c1e;
  font-size: 36px;
  font-weight: 600;
}

.crm-inner .subpart p {
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}

/*data-market*/
.data-market-inner .main {
  padding-top: 100px;
}

.data-market-inner .main .card .card-body {
  padding: 0px 30px 50px 30px;
  z-index: -10px;
}

.data-market-inner .main .card .card-body p {
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}

.data-market-inner .main .card .card-body .label {
  color: #1b2632;
}

.data-market-inner .main .card .card-body h1 {
  color: #3ccf91;
  font-size: 56px;
  font-weight: 700;
  padding-top: 30px;
}

.data-market-inner .analytics h3 {
  color: #3ccf91;
  font-size: 36px;
  font-weight: 600;
}

.data-market-inner .analytics h3 .label {
  color: #1a1c1e;
  font-size: 36px;
  font-weight: 600;
}

.data-market-inner .analytics p {
  color: #667085;
  font-size: 20px;
  font-weight: 400;
}

.data-market-inner .main .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;
}

.data-market-inner .main .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}

/*Hire an Expert*/
.hire-expert-inner .main {
  padding-top: 100px;
}
.hire-expert .card .card-body h1 .hire {
  color: #2f4858;
}
.hire-expert-inner .main .card .card-body {
  padding: 0px 30px 100px 30px;
  z-index: -10px;
}

.hire-expert-inner .main .card .card-body p {
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}
.hire-expert-inner p {
  color: #667085;
  font-size: 18px;
}
.hire-expert-inner .main .card .card-body .label {
  color: #1a1c1e;
}

.hire-expert-inner .main .card .card-body h1 {
  color: #3ccf91;
  font-size: 54px;
  font-weight: 700;
  padding-top: 30px;
}
.hire-expert-inner .specialist h5,
.hire-expert-inner .specialist h6,
.hire-expert-inner .specialist h4 {
  color: #2f4858;
}
.hire-expert-inner .strategies h1 {
  color: #1a1c1e;
}
.hire-expert-inner .main h3 {
  color: #3ccf91;
  font-size: 36px;
  font-weight: 600;
}
.hire-expert-inner .hire-expert h1 {
  font-size: 40px;
  font-weight: 700;
  color: #1a1c1e;
}
.hire-expert-inner .hire-expert ul li {
  text-decoration: none;
}

.hire-expert-inner .main h3 .label {
  color: #1a1c1e;
  font-size: 36px;
  font-weight: 600;
}

.hire-expert-inner .main p {
  color: #667085;
  font-size: 20px;
  font-weight: 400;
}

.hire-expert-inner .main .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;
}

.hire-expert-inner .main .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}

.hire-expert-inner .specialist {
  position: relative;
}

.hire-expert-inner .specialist::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}

.hire-expert-inner .specialist .card {
  border-radius: 24px;
  background: #4fdfa2;
}

.hire-expert-inner .specialist .card .icon {
  background-color: #fff;
  color: #4fdfa2;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 6px;
}

.hire-expert-inner .specialist .card .icon h6 {
  font-size: 24px;
  line-height: 55px;
}

/* .hire-expert-inner .specialist .card h5 {
  color: #2f4858;
} */

.hire-expert-inner .specialist .card p {
  color: #fff;
}

.hire-expert-inner .specialist .card .row .card {
  background: #fff;
}

.hire-expert-inner .specialist .card .row .card img {
  margin-bottom: 10px;
}

.hire-expert-inner .specialist .card .row .card h6 {
  color: #2f4858;
}

.hire-expert-inner .specialist .card .row .card p {
  color: #8d8d8d;
}

.hire-expert-inner .hire-expert .card {
  border-radius: 12px;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.hire-expert-inner .hire-expert .col-4,
.hire-expert-inner .hire-expert .col-md-4 {
  background-color: rgba(58, 200, 140, 0.1);
}

.hire-expert-inner .hire-expert ul li {
  list-style: none;
  margin-bottom: 10px;
}

.hire-expert-inner .hire-expert ul li i {
  color: #3ccf91;
  font-size: 18px;
}

.hire-expert-inner .strategies {
  position: relative;
  overflow: hidden;
}

.hire-expert-inner .strategies::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}

.hire-expert-inner .strategies .card {
  border-radius: 12px;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.hire-expert-inner .strategies .card .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 8px;
  background: rgba(60, 207, 145, 0.2);
  margin-bottom: 15px;
  text-align: center;
}

.hire-expert-inner .strategies .card .icon img {
  width: 40px;
}

.hire-expert-inner .strategies .card .card-body h1 {
  color: #2f4858;
  font-weight: 700;
  font-size: 32px;
}

.hire-expert-inner .strategies .card .card-body h5 {
  color: #2f4858;
  font-size: 40px;
}







/*Hire an Expert*/
.convotrans .main {
  padding-top: 100px;
}
.hire-expert .card .card-body h1 .hire {
  color: #2f4858;
}
.convotrans .main .card .card-body {
  padding: 0px 30px 100px 30px;
  z-index: -10px;
}

.convotrans .main .card .card-body p {
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}
.convotrans p {
  color: #667085;
  font-size: 18px;
}
.convotrans .main .card .card-body .label {
  color: #1a1c1e;
}

.convotrans .main .card .card-body h1 {
  color: #3ccf91;
  font-size: 54px;
  font-weight: 700;
  padding-top: 30px;
}
.convotrans .specialist h5,
.convotrans .specialist h6,
.convotrans .specialist h4 {
  color: #2f4858;
}
.convotrans .strategies h1 {
  color: #1a1c1e;
}
.convotrans .main h3 {
  color: #3ccf91;
  font-size: 36px;
  font-weight: 600;
}
.convotrans .hire-expert h1 {
  font-size: 40px;
  font-weight: 700;
  color: #1a1c1e;
}
.convotrans .hire-expert ul li {
  text-decoration: none;
}

.convotrans .main h3 .label {
  color: #1a1c1e;
  font-size: 36px;
  font-weight: 600;
}

.convotrans .main p {
  color: #667085;
  font-size: 20px;
  font-weight: 400;
}

.convotrans .main .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 0px;
}

.convotrans .main .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}

.convotrans .specialist {
  position: relative;
}

.convotrans .specialist::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
}

.convotrans .specialist .card {
  background: #fff;
  border-radius: 16px;
border: 2px solid #DCE4E8;
overflow: hidden;
}

.convotrans .specialist .card .icon {
  background-color: #3CCF91;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 55px;
  text-align: center;
  border-radius: 8px;
}
.convotrans .specialist .card .icon i{
  font-size: 26px;
}

.convotrans .specialist .card .icon h6 {
  font-size: 24px;
  line-height: 55px;
}

/* .convotrans .specialist .card h5 {
  color: #2f4858;
} */

.convotrans .specialist .card p {
  font-size: 16px;
}
.convotrans .specialist .card:hover{
  border-color: #3CCF91;
}
.convotrans .specialist .card:hover .icon{
  background-color: #fff;
  color: #3CCF91;
}
.convotrans .specialist .card:hover p{
  color: #fff
}
.convotrans .specialist .card:hover h6{
  color: #fff
}

.convotrans .specialist .card .row .card {
  background: #fff;
  border-radius: 16px;
border: 2px solid #DCE4E8;
}

.convotrans .specialist .card .row .card img {
  margin-bottom: 10px;
}

.convotrans .specialist .card .row .card h6 {
  color: #2f4858;
}

.convotrans .specialist .card .row .card p {
  color: #8d8d8d;
}
.convotrans .hire-expert{
  background: rgba(47, 72, 88, 0.05);
}
.convotrans .hire-expert .card {
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #DCE4E8;
  background: #FFF;
}
.convotrans .hire-expert .card-header, .convotrans .hire-expert .card-footer{
  background: #fff;
  border-color: #dce4e8;
}
.convotrans .hire-expert .col-4,
.convotrans .hire-expert .col-md-4 {
  background-color: rgba(58, 200, 140, 0.1);
}

.convotrans .hire-expert ul li {
  list-style: none;
  margin-bottom: 10px;
}

.convotrans .hire-expert ul li i {
  color: #3ccf91;
  font-size: 18px;
}
.convotrans .hire-expert p{
  font-size: 16px;
}

/* .convotrans .strategies {
  position: relative;
  overflow: hidden;
}

.convotrans .strategies::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 542px;
  background: rgba(84, 190, 150, 0.4);
  filter: blur(500px);
  width: 542px;
  height: 542px;
  z-index: -1;
} */

.convotrans .strategies .card {
  border-radius: 16px;
  border: 1px solid #DCE4E8;
}

.convotrans .strategies .card .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 8px;
  background: rgba(60, 207, 145, 0.2);
  margin-bottom: 15px;
  text-align: center;
}

.convotrans .strategies .card .icon img {
  width: 40px;
}

.convotrans .strategies .card .card-body h1 {
  color: #2f4858;
  font-weight: 700;
  font-size: 32px;
}

.convotrans .strategies .card .card-body h5 {
  color: #2f4858;
  font-size: 40px;
}
.convotrans .strategies .card .card-body p{
  font-size: 16px;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3CCF91;
  border-radius: 14px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
  border-radius: 14px;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}







/*email-verification*/
.email-verification {
  padding-top: 100px;
}

.email-verification .breadcrumb .card .card-body {
  padding: 25px 30px 50px 30px;
  z-index: -10px;
}

.email-verification .card .card-body h1 {
  color: #1b2632;
  font-size: 54px;
  font-weight: 700;
}

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

.email-verification .card .card-body h1 .label {
  color: #3ccf91;
}

.email-verification .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;
}

.email-verification .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}

.email-verification .content .card {
  border-radius: 25px;
  border: 2px solid var(--Secondary-200, #dce4e8);
  background: var(--Primary-0, #fff);
  /* padding: 4px 20px 4px 20px; */
}

.email-verification .content .card .card-body h5 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 35px;
  font-weight: 700;
  line-height: 140%;
  /* 70px */
  letter-spacing: -1.5px;
}

.email-verification .content .card .card-body ol li,
.email-verification .content .card .card-body p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  letter-spacing: -0.36px;
}

/*warm-up*/
.warmup {
  padding-top: 0px;
}

.warmup .breadcrumb .card .card-body {
  padding: 25px 30px 50px 30px;
  z-index: -10px;
}

.warmup .card .card-body h1 {
  color: #1b2632;
  font-size: 50px;
  font-weight: 700;
}

/* .warmup .breadcrumb .card .card-body p{
  color: #667085;
font-size: 18px;
font-weight: 400;
} */

.warmup .card .card-body h1 .label {
  color: #3ccf91;
}
.warmup .landing .welcome {
  padding-left: 126px;
  padding-top: 65px;
}

.warmup .landing h1 {
  color: #1b2632;
  font-size: 53px;
  font-weight: 700;
}

.warmup .landing .customer {
  color: #3ccf91;
  font-size: 53px;
}

.warmup .landing p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
}

.warmup .landing {
  background-image: url("../images/chatcrux_background.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: auto;
  overflow: hidden;
  padding-top: 60px;
}
.warmup .landing .img-right {
  width: 550px;
}
.warmup .landing img {
  background-color: #0f5d66;
  padding-bottom: 100px;
  padding-left: 30px;
  padding-top: 130px;
}
.warmup .landing {
  overflow: hidden;
}
.warmup .landing img {
  background-color: #0f5d66;
  padding-bottom: 45px;
  padding-left: 30px;
  padding-top: 130px;
}
.warmup .breadcrumb .card {
  position: relative;
  background-image: url("../images/backgrounds.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  padding: 75px;
}

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

.warmup .content .card {
  /* border-radius: 14px;
  border: 0.3px solid #B9B9B9;
  background: #FFF; */
  border-radius: 25px;
  border: 2px solid var(--Secondary-200, #dce4e8);
  background: var(--Primary-0, #fff);
  /* padding: 4px 20px 4px 20px; */
}

.warmup .content .card .card-body h5 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 35px;
  font-weight: 700;
  line-height: 140%;
  /* 70px */
  letter-spacing: -1.5px;
}

.warmup .content .card .card-body p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  letter-spacing: -0.36px;
}

/*data-market*/
.buy-review {
  border-radius: 24px;
  border: 1px solid #26a69a;
  background: linear-gradient(
    180deg,
    rgba(38, 166, 154, 0.04) 0%,
    rgba(255, 255, 255, 0.04) 100%
  );
}

.buy-review {
  border-bottom: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.data-market-inner .buyandreview {
  background-image: url("../images/datamarketplace-background.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-circles {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(235, 255, 246, 1);
  color: #3ccf91;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.data-market-inner p {
  color: #727272;
}

.partner-inner p {
  color: #727272;
}

.custom-icon {
  background-color: rgba(235, 255, 246, 1);
  color: rgba(60, 207, 145, 1);
}

.data-market-inner .multi-channel h1 {
  color: #2f4858;
  font-size: 34px;
  font-weight: 600;
}

.data-market-inner .multi-channel ul li {
  color: #727272 !important;
  font-size: 16px;
  font-weight: 400;
}

.data-market-inner .multi-channel p {
  color: #727272 !important;
  font-size: 16px;
  font-weight: 400;
}

.data-market-inner .multi-channel a {
  text-decoration: none;
  color: #3ccf91;
}

.data-market-inner .multi-channel a:hover {
  color: #2f4858;
}

/* .data-market-inner .buyandreview .card{
    border: 4px solid#26A69A;
    border-image-source: linear-gradient(180deg, rgba(38, 166, 154, 0.6), rgba(255, 255, 255, 0.05) 100%);    ;
    border-image-slice: 1;
    border-bottom: none;
    border-radius: 24px ;
} */
/* .data-market-inner .buyandreview .card{
  position: relative;
  background: linear-gradient(180deg, rgba(38, 166, 154, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
  background-clip: padding-box;
  border:  8px transparent;
  border-radius: 0.8rem;
}
.data-market-inner .buyandreview .card::before{



  position: relative;
  background: linear-gradient(180deg, rgba(38, 166, 154, 0.6) 0%, rgba(255, 255, 255, 0.05) 100%);;
  background-clip: padding-box;
  border:  8px transparent;
  border-radius: 0.8rem;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -8px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(38, 166, 154, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
} */

/* .styles_container__PRMqe .sections{
  display: flex;
  justify-content: center;
  align-items: center;
  
} */

/*gdpr*/
.gdpr {
  padding-top: 160px;
}

.gdpr .breadcrumb .card .card-body {
  padding: 25px 30px 100px 30px;
  z-index: -10px;
}

.gdpr .card .card-body h1 {
  color: #1b2632;
  font-size: 54px;
  font-weight: 700;
}

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

.gdpr .card .card-body h1 .label {
  color: #3ccf91;
}

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

.gdpr .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
}
.gdpr .introduction h4 {
  color: #1b2632;
  font-size: 30px;
  font-weight: 700;
}
.gdpr .introduction p {
  color: #667085;
  font-size: 16px;
  font-weight: 400;
}
/* .section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  color: #fff;
  font-family: sans-serif;
  font-size: 72px;
  font-weight: 600;
  text-transform: uppercase;
  &[data-bg="yellow"] { color: #333; }
} */

/*terms of use*/
.terms-use {
  padding-top: 160px;
}

.terms-use .breadcrumb .card .card-body {
  padding: 25px 30px 100px 30px;
  z-index: -10px;
}

.terms-use .card .card-body h1 {
  color: #1b2632;
  font-size: 50px;
  font-weight: 700;
}

.terms-use .card .card-body h1 .label {
  color: #3ccf91;
}

.terms-use .breadcrumb .card {
  position: relative;
  background-image: url("../images/backgrounds.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 495px;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  padding: 85px;
}

/* .terms-use .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
} */

.terms-use .content .card {
  border-radius: 14px;
  /* border: 0.3px solid #B9B9B9; */
  /* background: #FFF; */
}

.terms-use .content .card .card-body h5 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 35px;
  font-weight: 700;
  line-height: 140%;
  /* 70px */
  letter-spacing: -1.5px;
}

.terms-use .content .card .card-body p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  letter-spacing: -0.36px;
}
.terms-use h4 {
  color: #1a1c1e;
  font-size: 34px;
  font-weight: 600;
}
.terms-use p {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
}

/*privacy policy*/
.privacy-policy {
  padding-top: 160px;
}

.privacy-policy .breadcrumb .card .card-body {
  padding: 25px 30px 100px 30px;
  z-index: -10px;
}

.privacy-policy .card .card-body h1 {
  color: #1b2632;
  font-size: 50px;
  font-weight: 700;
}

.privacy-policy .card .card-body h1 .label {
  color: #3ccf91;
}

.privacy-policy .breadcrumb .card {
  position: relative;
  background-image: url("../images/backgrounds.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 495px;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  padding: 85px;
}

/* .terms-use .card-body {
  position: relative;
  z-index: 1;
  padding: 2rem;
} */
.privacy-policy h4 {
  color: #1a1c1e;
  font-size: 34px;
  font-weight: 600;
}
.privacy-policy p {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
}

/*Wordpress*/
.wordpress-plugin {
  padding-top: 100px;
}

.wordpress-plugin .breadcrumb .card .card-body {
  padding: 100px 30px 100px 30px;
  z-index: -10px;
}

.wordpress-plugin .card .card-body h1 {
  color: #1b2632;
  font-size: 50px;
  font-weight: 700;
}

.wordpress-plugin .card .card-body h1 .label {
  color: #3ccf91;
}

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

.wordpress-plugin h4 {
  color: #1a1c1e;
  font-size: 34px;
  font-weight: 600;
}
.wordpress-plugin li,
.wordpress-plugin p {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
}

/*webcrux*/
/* .webcrux-main .landing .welcome{
  padding-left:116px;
}

.webcrux-main .landing .img-right{
  width: 600px;
}
.webcrux-main .landing{
  position: relative;
}
.webcrux-main .landing .welcome h1{
  color: #2F4858;
font-size: 55px;
font-weight: 700;
line-height: 136%;
letter-spacing: -1.65px;
}
.webcrux-main .landing .welcome h1 .label{
  color:#3ccf91;
} */
.boost p,
.layout p,
.morefeatures ul li {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.36px;
}
.morefeatures ul li {
  list-style: none;
}
/* .webcrux-main .landing {
  background-image: url("../images/chatcrux_background.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: auto;
  overflow: hidden;
  padding-top: 60px;
  z-index:-1;
}
.webcrux-main .landing img{
  background-color: #0f5d66;
padding-bottom: 100px;
padding-left: 70px;
padding-top: 130px;

} */
.fa-play {
  color: #3ccf91;
}
.boostbackground {
  position: relative;
}
.boosting {
  color: var(--Secondary-500, #1a1c1e);
  text-align: center;
  font-size: 46px;
  font-weight: 700;
}
.boost .card {
  border-radius: 11px;
  border: 2px solid #f9f9f9;
  background: #fff;
  box-shadow: 0px 4.374px 7.29px 0px rgba(0, 0, 0, 0.1);
}
.boost .card:hover {
  /* transform: scale(1.04); */
  border: 2px solid #3ccf91;
  box-shadow: 0px 4.374px 7.29px 0px rgba(0, 0, 0, 0.1);
  border-radius: 11px;
}
.boost .generate img {
  height: 700px;
}
.boost .move h1 {
  color: #1b2632;
  font-size: 46px;
  font-weight: 700;
}
.boost .move .customer {
  color: #3ccf91;
}
/* .webcrux-main .boost h1 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 46px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.38px;
} */
.boostbackground::before {
  position: absolute;
  content: "";
  background: rgba(244, 244, 244, 0.5);
  border-radius: 250px;
  width: 95%;
  height: 263px;
  background-position: bottom;
  bottom: 0px !important;
  left: 35px;
  z-index: -1;
}
/* .webcrux-main .boost .card:hover{
 border-color: #3ccf91;
} */
/* .webcrux-main .boost .card {
  border-radius: 11px;
  border: 3px solid #f9f9f9;
  background: var(--ios-status-bar-status-bar-background-color, #fff);
  box-shadow: 0px 4.374px 7.29px 0px rgba(0, 0, 0, 0.1);
}
.boost .card .card-body h5 {
  color: #2f4858;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.webcrux-main .features ul li {
  color: #2f4858;
  font-size: 17px;
  font-weight: 400;
  line-height: 30.6px;
}
.layout {
  background-color: #f4f4f4;
} */
/* .optimized{
  padding-left:170px;
} */
/* .ability h2{
  font-size: 33px;
 } */
.ability .text {
  color: #3ccf91;
}
.chair p,
.regenerate p,
.edit p {
  color: #f88c25 !important;
}
.features ul li {
  list-style-type: none;
}
.oneclick .regenerate img {
  height: 700px;
}
.typical .chair img {
  height: 500px;
}
/* .Sendcruxers .card{
  background-color: #3CCF91;
  color: #fff;
  border-radius: 20px;
  border-color: #3CCF91;
}
.Sendcruxers .card .card-body{
  padding:49px;
}
.Sendcruxers .card .card-body h3{
  font-size: 32px;
}
.Sendcruxers .card .card-body small{
  color:#DBDBDB;
  font-size: 12px;
}
.webcrux .card {
  border-radius: 20px;
  background: #F0F9FF;
  border-color: #F0F9FF;
}
.webcrux .card .card-body{
  padding: 45px;
}
.webcrux ul li{
  list-style-type: none;
}
.webcrux .card .card-body .heading{
  color:#8D8484;
}
.webcrux .card .card-body .privacy ul li{
  display: inline-block;
}
.webcrux .card .card-body ul li a{
  text-decoration: none;
  color:#3E3838;
}
.webcrux .card .card-body ul li a:hover{
  color:#3CCF91;
}
.fa-circle{
  font-size:5px;
  color: #E4DBDB;
}

.webcruxlogo {
  width:180px !important;
} */

.layout .fw-bold,
.contextual h1,
.ability h2,
.typical h2,
.chair h2,
.oneclick h2,
.regenerate h2 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 46px;
  font-weight: 700;
}
.contextual p,
.ability p,
.typical p,
.chair p,
.oneclick p,
.regenerate p,
.features ul li,
.website p {
  color: var(--Secondary-400, #6c7278);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.36px;
}
.contextual h1,
.ability h2,
.typical h2,
.chair h2,
.oneclick h2,
.regenerate h2 {
  color: var(--Secondary-500, #1a1c1e);
  font-size: 28px;
  font-weight: 700;
}

/* .card2:hover {
  transition: all 0.2s ease-out;
  box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  top: -4px;
  border: 1px solid #cccccc;
  background-color: white;
} */

@media only screen and (max-width: 1440px) {
  .bg-image-section::before {
    height: 100%;
    bottom: -75px;
  }
  .warmup .landing .welcome {
    padding-top: 0px;
  }
  .warmup .landing p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1399px) {
  .styles_container__PRMqe .card .sales_img {
    height: 340px;
  }
  .pricing-inner .pricing-plans .plan.options .plan-info .list-group.first .list-group-item {
    font-size: 14px;
  }
}
/* @media only screen and (max-width: 1387px) {
  .pricing-inner .pricing-plans .plan.options .plan-info .list-group.first .list-group-item {
    font-size: 14px;
  }
} */

@media only screen and (max-width: 1366px) {
  :root {
    --container: 1205px;
  }
}

/* @media only screen and (max-width:1365px){
    .update::after {
      right: 56px;
  }
  .bg-image-section::before {
    bottom: -104px;
    height: 100%;
    right: -253px;
  }
} */
@media only screen and (max-width: 1324px) {
  .webcrux p{
    font-size:16px;
  }
  .convotrans .main .card .card-body{
    padding: 0px 0px 100px 0px;
  }
}
@media only screen and (max-width: 1280px) {
  .update::after {
    right: -50px;
  }
  .update .look h2 {
    font-size: 35px;
  }
  nav .nav-link{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  nav.scrolled{
    width: 90%;
  }
  nav.scrolled .navbar-brand .logo{
    width: 160px;
  }
}
@media only screen and (max-width: 1226px) {
  .landing h1{
    font-size: 48px;
  }
  .landing .customer{
    font-size: 48px;
  }
  .webcrux p{
    font-size: 15px;
  }
}
@media only screen and (max-width: 1200px) {

  .pricing-inner .pricing-plans .plan.options .plan-info .list-group.first .list-group-item {
    font-size: 10px;
  }
  .blog_width{
    width: 100%;
  }
  .blog_content{
    padding: 30px;
  }
  .blog_single_img_bg{
    margin-top: 0px;
    border-radius: 15px;
    height: 400px;
  }
  .blog_single_img{
    margin-top: 0px;
  }
  .blog_single_img img{
    height: 400px;
    width: 100%;
    border-radius: 15px;
    object-fit: contain;
    backdrop-filter: blur(8px) brightness(75%);
  }
}
@media only screen and (max-width: 1142px){
  .landing h1{
    font-size: 38px;
  }
  .landing .customer h1{
    font-size: 38px;
  }
}
@media only screen and (max-width: 1024px) {
  nav.scrolled {
    width: 95%;
  }

  nav .nav-link {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .slide .card .card-body {
    padding: 10px 0px 100px 0px;
  }

  .update::before {
    background-image: none;
    width: 100%;
    height: 604px;
  }

  .update::after {
    background-image: none;
    right: 0;
    width: 100%;
  }

  .update .look h2 {
    font-size: 35px;
  }

  :root {
    --container: 950px;
  }

  .mailbox .sub {
    font-size: 15px;
    color: #667085;
  }

  .mailbox-2 .scrollspy-example img {
    width: 100%;
  }

  /* .styles_container__PRMqe .styles_cardContainer__u2TNT .styles_stackCards__ACUsB .styles_stackCardsItem__o2s9p{
    top:168px;
  } */
  .styles_container__PRMqe .card .sales_img {
    height: 348px;
    object-fit: cover;
  }

  .styles_container__PRMqe .card h2 {
    font-size: 23px;
  }

  .styles_container__PRMqe .card p {
    font-size: 14px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .btn-try {
    padding: 11px 17px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .btn-how {
    padding: 11px 17px;
  }

  .switching h1 {
    font-size: 45px;
  }

  .power .testing h1 {
    font-size: 45px;
  }

  .switching .card .card-body {
    padding: 18px 0px;
    font-size: 12px;
  }

  .bg-image-section::before {
    bottom: -151px;
    right: -273px;
    height: 100%;
    right: -198px;
  }

  .video {
    width: 660px;
    height: 280px;
  }

  .testimonials #test.owl-theme .owl-nav .owl-prev {
    left: -11px;
  }

  .testimonials #test .owl-nav .owl-next {
    right: -11px;
  }

  .coldemail svg {
    top: 65%;
    left: 3px;
    height: 74px;
  }

  .main-content .owl-theme .owl-nav .owl-prev {
    left: 0px;
  }

  .main-content .owl-theme .owl-nav .owl-next {
    right: 0px;
  }

  .contact .card .card-body .get_started {
    height: 192px;
  }

  .contact h1 {
    font-size: 50px;
  }

  .boost .generate img {
    height: 500px;
  }

  /*chatcrux*/
  .landing {
    background-image: none;
    padding-top: 30px;
  }

  .landing .welcome {
    padding-left: 55px;
  }

  .landing h1 {
    font-size: 45px;
  }

  .landing .customer {
    font-size: 45px;
  }

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

  .chatbot .chatbot_facilities {
    padding-right: 0px;
  }

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

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

  .focus .card .card-body h3 {
    font-size: 28px;
  }

  .focus .card .card-body p {
    font-size: 14px;
  }

  .facilities h1 {
    font-size: 31px;
  }

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

  .facilities h3 {
    font-size: 20px;
  }

  /*emai verification*/
  .email-verification .breadcrumb .card .card-body {
    padding: 25px 30px 0px 30px;
  }

  .email-verification {
    padding-top: 92px;
  }

  .email-verification .breadcrumb .card {
    padding: 0px;
    background-image: none;
  }

  .email-verification .card .card-body h1 {
    font-size: 39px;
  }

  .email-verification .breadcrumb .card .card-body p {
    font-size: 14px;
  }

  .email-verification .breadcrumb .card .card-body .btn-try {
    padding: 10px 15px;
  }

  .email-verification .breadcrumb .card .card-body .btn-how {
    padding: 10px 15px;
  }

  .email-verification .content .card .card-body h5 {
    font-size: 30px;
  }

  .email-verification .content .card .card-body ol li,
  .email-verification .content .card .card-body p {
    font-size: 16px;
  }

  /*warm-up*/
  /* .warmup .breadcrumb .card {
    padding: 0px;
  } */
  /* .warmup .webcrux .welcome h1 .label{
color:#3ccf91;
} */
  .warmup .landing h1 {
    font-size: 40px;
  }
  .warmup .landing h1 .customer {
    font-size: 40px;
  }
  .warmup .landing {
    background-image: none;
  }
  .warmup .landing img {
    padding-top: 70px;
  }
  .warmup .landing .welcome {
    padding-left: 55px;
  }
  .warmup .landing .img-right {
    width: 421px;
  }
  .warmup .breadcrumb .card .card-body {
    padding: 15px 30px 30px 30px;
  }

  .warmup .card .card-body h1 {
    font-size: 45px;
  }

  .warmup .content .card .card-body p {
    font-size: 16px;
  }

  .warmup .content .card .card-body h5 {
    font-size: 30px;
  }

  .warmup .card .card-body h1 {
    font-size: 40px;
  }

  .warmup {
    padding-top: 1px;
  }

  /*data-market-place*/
  .data-market-inner .main .card .card-body {
    padding: 0px 30px 116px 30px;
  }

  .data-market-inner .main .card {
    padding: 0px;
  }

  .data-market-inner .main .card .card-body h1 {
    font-size: 45px;
  }

  .data-market-inner .main .card .card-body p {
    font-size: 16px;
  }

  .data-market-inner .analytics h3 .label {
    font-size: 29px;
  }

  .data-market-inner .analytics h3 {
    font-size: 29px;
  }

  .data-market-inner .analytics p {
    font-size: 18px;
  }

  .data-market-inner .multi-channel h1 {
    font-size: 30px;
  }

  .data-market-inner .multi-channel p {
    font-size: 14px;
  }

  .data-market-inner .multi-channel ul li {
    font-size: 14px;
  }

  /*partner-program*/
  .partner-inner .breadcrumb .card .card-body h1 {
    font-size: 43px;
  }
  .partner-inner .breadcrumb .card {
    background-image: unset;
  }

  .partner-inner .breadcrumb .card {
    padding: 0px;
  }

  .partner-inner .breadcrumb p {
    font-size: 16px;
  }

  .partner-inner .circle-background {
    background-image: none;
  }

  .partner-inner .how-it-works::before {
    width: 240px;
    height: 451px;
  }

  /*hire-experts*/
  .hire-expert-inner .main .card {
    padding: 40px;
  }

  .hire-expert-inner .main .card .card-body p {
    font-size: 16px;
  }

  /*pricing*/
  .pricing-inner {
    padding-top: 100px;
  }

  .pricing-inner .breadcrumb .card {
    padding: 36px;
  }

  .pricing-inner .breadcrumb .card .card-body p {
    font-size: 16px;
  }

  /*webcrux*/
  .boostbackground::before {
    background: unset;
    width: 0%;
  }
  .boost .move h1 {
    font-size: 35px;
  }
  .layout .fw-bold,
  .contextual h1,
  .ability h2,
  .typical h2,
  .chair h2,
  .oneclick h2,
  .regenerate h2 {
    font-size: 38px;
  }
  .blog_single_img_bg{
    margin-top: 0px;
    border-radius: 15px;
    height: 400px;
  }
  .blog_single_img img{
    height: 400px;
    width: 100%;
    border-radius: 15px;
    object-fit: contain;
    backdrop-filter: blur(8px) brightness(75%);
  }
}

/*gdpr*/
.gdpr .breadcrumb .card {
  padding: 85px;
}

@media only screen and (max-width: 991px) {
  /* .offcanvas {
    width: 60% !important;
  } */
  .offcanvas {
    width: 85%;
  }

  .offcanvas .offcanvas-body ul li {
    list-style: none;
  }

  .offcanvas .offcanvas-body ul li a {
    color: #2f4858;
    display: block;
    text-decoration: none;
    padding: 8px 10px;
  }

  .offcanvas .offcanvas-body ul li a.active {
    background-color: #3ac88c !important;
    border-radius: 8px;
  }

  .offcanvas .offcanvas-body ul li a.active,
  .offcanvas .offcanvas-body ul li a:hover {
    background-color: #3ac88c !important;
    color: #fff;
    border-radius: 8px;
  }

  .update .look .owl-carousel .owl-nav button.owl-next {
    left: -32px;
  }

  .update .look .owl-carousel .owl-nav button.owl-prev {
    left: -70px;
  }

  .styles_container__PRMqe .card .sales_img {
    display: none;
  }

  /* .styles_container__PRMqe .styles_cardContainer__u2TNT .styles_stackCards__ACUsB .styles_stackCardsItem__o2s9p .card{
    height:350px;
  } */
  .bg-image-section::before {
    background-image: none;
  }
}

@media only screen and (max-width: 912px) {
  .offset-custom {
    margin-left: unset;
    max-width: unset;
  }

  .landing h1 {
    font-size: 40px;
  }
  .landing .customer {
    font-size: 40px;
  }

  /* .landing h1 .customer {
    font-size: 30px;
  } */

  /*partner-program*/
  .partner-inner .breadcrumb .card {
    background-image: none;
  }
  .convotrans .specialist::after{
    width: 100%;
  }
  .blog_single_img_bg{
    height: 350px;
  }
  .blog_single_img img{
    height: 350px;
  }
}

@media only screen and (max-width: 853px) {
  .update .look .owl-carousel .owl-nav button.owl-next {
    left: -32px;
  }

  .update .look .owl-carousel .owl-nav button.owl-prev {
    left: -70px;
  }

  /*partner-program*/
  .partner-inner .breadcrumb .card {
    background-image: none;
  }
}

@media only screen and (max-width: 768px) {
  nav.scrolled {
    width: 100%;
    margin-top: 0;
    border-radius: 0;
  }

  /* .offcanvas {
    width: 80% !important;
  } */

  .offcanvas .offcanvas-body ul li {
    list-style: none;
  }

  .offcanvas .offcanvas-body ul li a {
    color: #2f4858;
    display: block;
    text-decoration: none;
    padding: 8px 10px;
  }

  .offcanvas .offcanvas-body ul li a.active {
    background-color: #3ac88c !important;
    border-radius: 8px;
  }

  .offcanvas .offcanvas-body ul li a.active,
  .offcanvas .offcanvas-body ul li a:hover {
    background-color: #3ac88c !important;
    color: #fff;
    border-radius: 8px;
  }

  .styles_container__PRMqe .card .sales_img {
    display: none;
  }

  .news .text {
    font-size: 15px;
    padding: 7px 10px;
  }

  .slide {
    padding-top: 150px;
    height:unset;
  }

  .slide .card .card-body h6 {
    font-size: 12px;
  }

  .slide .card {
    background-image: none;
  }

  .slide .card .card-body {
    padding: 0px 0px 50px 0px;
  }

  .slide .card .card-body h1 {
    font-size: 45px;
  }

  .solutions h1 {
    font-size: 39px;
  }

  .switching .card .card-body {
    padding: 23px 15px;
  }

  .power .switch {
    padding-left: 0px;
  }

  .bg-image-section::before {
    background-image: none;
  }

  .video {
    width: 595px;
    height: 340px;
  }

  .coldemail svg {
    top: 52%;
    height: 58px;
  }

  /*chatcrux*/
  .landing h1 {
    font-size: 30px;
  }

  .landing {
    padding-top: 65px;
  }

  .landing .welcome {
    padding-left: 8px;
  }

  .landing .customer {
    font-size: 30px;
  }

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

  .landing .btn-try {
    padding: 10px 15px;
  }

  .update .look h2 {
    font-size: 30px;
  }

  .focus h2 {
    font-size: 34px;
  }

  .focus p {
    font-size: 12px;
  }

  .focus .card {
    padding: 11px;
  }

  .focus .card .card-body h3 {
    font-size: 24px;
  }

  .focus .card .card-body p {
    font-size: 11px;
  }

  .focus .btn-book {
    padding: 10px 30px;
    font-size: 14px;
  }

  .facilities .offset-custom {
    margin-left: unset;
    max-width: unset;
  }

  .facilities h1 {
    font-size: 28px;
  }

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

  .facilities h3 {
    font-size: 18px;
  }

  .facilities .icons {
    width: 65px;
  }

  .facilities .sub_img {
    width: 450px;
  }

  /*outreach-crm*/
  .crm-inner .landing h1 {
    font-size: 38px;
  }

  .crm-inner .landing h1 .customer {
    font-size: 38px;
  }

  .crm-inner .landing img {
    padding-bottom: 75px;
    padding-top: 75px;
  }

  .crm-inner .subpart h1 {
    font-size: 28px;
  }

  .crm-inner .subpart p {
    font-size: 14px;
  }

  /*data-market-place*/
  .data-market-inner .main .card {
    background-image: none;
  }

  .data-market-inner .main .card .card-body h1 {
    font-size: 40px;
  }

  .data-market-inner .main .card .card-body {
    padding: 25px 0px 50px 0px;
  }

  .data-market-inner .main {
    padding-top: 100px;
  }

  .data-market-inner .analytics p {
    font-size: 16px;
  }

  .data-market-inner .multi-channel h1 {
    font-size: 24px;
  }

  .data-market-inner .multi-channel ul li {
    font-size: 12px;
  }

  .data-market-inner .multi-channel p {
    font-size: 12px;
  }
  /*warm-up*/
  .warmup .breadcrumb .card {
    padding: 20px;
  }
  .warmup .landing .welcome {
    padding-left: 18px;
  }
  .warmup .landing h1 {
    font-size: 37px;
  }
  .warmup .landing h1 .customer {
    font-size: 37px;
  }
  .warmup .landing .welcome {
    padding-top: 35px;
  }
  /*partner-program*/
  .partner-inner .breadcrumb p {
    font-size: 14px;
  }

  .partner-inner .circle-background h4 {
    font-size: 28px;
  }

  .partner-inner .how-it-works::before {
    background-image: none;
  }

  /*hire-expert*/
  .hire-expert-inner .main .card {
    background-image: none;
  }

  .hire-expert-inner .main {
    padding-top: 125px;
  }

  .hire-expert-inner .main .card .card-body h1 {
    font-size: 40px;
  }

  /*gdpr*/
  .gdpr {
    padding-top: 100px;
  }
  .gdpr .card .card-body h1 {
    font-size: 50px;
  }
  .gdpr .breadcrumb .card .card-body p {
    font-size: 14px;
  }
  .gdpr .breadcrumb .card .card-body {
    padding: 25px 30px 30px 30px;
  }
  .gdpr .introduction p {
    font-size: 14px;
  }
  .gdpr .breadcrumb .card .btn-try {
    padding: 11px 13px;
  }
  .gdpr .breadcrumb .card .btn-how {
    padding: 11px 13px;
  }
  .gdpr .card-body {
    padding: 0px;
  }
  .gdpr .breadcrumb .card .card-body {
    padding: 25px 10px;
  }
  .gdpr .introduction h4 {
    font-size: 25px;
  }

  /*terms*/
  .terms-use {
    padding-top: 116px;
  }
  .terms-use .breadcrumb .card {
    padding: 85px;
  }
  .terms-use .breadcrumb .card .card-body {
    padding: 25px 30px 77px 30px;
  }

  /*privacy-policy*/
  .privacy-policy {
    padding-top: 125px;
  }

  /*wordpress*/
  /* .wordpress-plugin .breadcrumb .card {
    padding: 75px 0px 0px 0px;
  } */
  .wordpress-plugin h4 {
    font-size: 28px;
  }
  .wordpress-plugin {
    padding-top: 110px;
  }

  /*webcrux*/
  .layout .fw-bold,
  .contextual h1,
  .ability h2,
  .typical h2,
  .chair h2,
  .oneclick h2,
  .regenerate h2 {
    font-size: 30px;
  }
  .boost .move h1 {
    font-size: 30px;
  }
  .boosting {
    font-size: 30px;
  }
  .boost .generate img {
    height: 310px;
  }
  .oneclick .regenerate img {
    height: 530px;
  }
  /*webcrux*/
  .landing .welcome {
    padding-top: 80px;
  }
  .landing img {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .landing {
    padding-top: 99px;
  }
  .switching .switch {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 752px) {
  .hire-expert-inner .main {
    padding-top: 150px;
  }

  .hire-expert-inner .main .card {
    padding: 1px 0px;
  }

  .hire-expert-inner .main .card .card-body h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 650px){
  .white-label .main .card{
    background-image: unset;
  }
  .white-label .main .card .card-body h1{
    font-size: 45px;
  }
  .white-label .main .card {
    padding:35px 75px 0px 75px;
  }
  .blog_single_img_bg{
    height: 300px;
  }
  .blog_single_img img{
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card {
    height: 340px;
  }

  .solutions .cta img {
    width: 560px;
  }

  .video {
    width: 472px;
    height: 264px;
  }

  .testimonials #test.owl-theme .owl-nav .owl-prev {
    left: -4px;
  }

  .testimonials #test .owl-nav .owl-next {
    right: 3px;
  }

  .pricing-inner .breadcrumb .card {
    background-image: none;
  }

  .pricing-inner .breadcrumb .card-body {
    padding: 0px;
  }

  .pricing-inner .breadcrumb .card .card-body h1 {
    font-size: 45px;
  }

  .pricing-inner .breadcrumb .card .card-body p {
    font-size: 14px;
  }
  .warmup .breadcrumb .card {
    background-image: none;
    padding: 5px;
  }
  .convotrans p{
    font-size: 16px;
  }
  .convotrans .main{
    padding-top: 70px;
  }
  .convotrans .main .card{
    padding: 0px;
  }
  .convotrans .main .card .card-body{
    padding: 60px 0px 60px 0px;
  }
  .convotrans .main .card .card-body h1{
    font-size: 36px;
    padding-top: 0px;
  }
  .blog_single_bg{
    min-height: 350px;
  }
  .bsb_title{
    padding-top: 110px;
  }
  .blog_content{
    padding: 20px;
  }
  .blog_single_img_bg{
    height: 230px;
  }
  .blog_single_img img{
    height: 230px;
  }
}
@media only screen and (max-width: 568px) {
  .warmup .breadcrumb .card .card-body {
    padding: 15px 0px 0px 0px;
  }
  .warmup .card .card-body h1 {
    font-size: 33px;
  }
}
@media only screen and (max-width: 541px) {
  .hire-expert-inner .specialist::after {
    width: 307px;
    height: 306px;
  }

  .hire-expert-inner .strategies::after {
    width: 307px;
    height: 306px;
  }
}

@media only screen and (max-width: 540px) {
  .update .look h2 {
    font-size: 25px;
  }
  .landing {
    padding-top: 40px;
  }
  .landing img {
    padding-bottom: 32px;
    padding-top: 32px;
  }
  .partner-inner .breadcrumb .card .card-body h1 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 430px) {
  .banner p {
    font-size: 10px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card {
    height: 355px;
  }

  .switching .platform {
    padding-right: 0px;
  }

  .solutions .cta img {
    width: 417px;
  }

  .video {
    width: 366px;
    height: 210px;
  }

  .testimonials #test.owl-theme .owl-nav .owl-prev {
    left: -3px;
  }

  .testimonials #test .owl-nav .owl-next {
    right: 4px;
  }
  .blog_single_bg{
    min-height: 350px;
  }
  .contact h1 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 425px) {
  .heading .banner p {
    font-size: 10px;
  }
  /* .switching .card{
    width:330px;
    align-items:center;
  } */
  .slide .card .card-body h1 {
    font-size: 40px;
  }
  .slide .card .card-body p{
    line-height:unset;
  }
  .slide {
    padding-top: 125px;
  }

  .update .look h2 {
    font-size: 30px;
  }
  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card {
    height: 373px;
  }

  .styles_container__PRMqe .card .sales_img {
    display: none;
  }

  .switching .switch .card .card-body p {
    font-size: 17px;
  }

  .switching .switch {
    padding-left: 0px;
  }

  .switching .platform {
    padding-right: 0px;
  }

  .solutions .cta img {
    width: 415px;
  }

  .coldemail h1 {
    font-size: 38px;
  }

  .video {
    width: 370px;
    height: 219px;
  }

  .coldemail {
    padding-bottom: 50px;
  }

  .testimonials #test.owl-theme .owl-nav .owl-prev {
    left: 0;
  }

  .testimonials #test.owl-theme .owl-nav .owl-next {
    right: 0;
  }

  /*chatcrux*/
  .landing {
    padding-top: 50px;
  }

  .landing img {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .focus h2 {
    font-size: 27px;
  }

  .focus p {
    font-size: 11px;
  }

  .facilities .sub_img {
    display: none;
  }

  .facilities .sub_imgs {
    display: none !important;
  }



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

  .contact .card .card-body p {
    font-size: 16px;
  }

  .chatbot .chatbot_facilities {
    padding-right: 0px;
  }

  /*outreach-crm*/
  .crm-inner .landing img {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .crm-inner .subpart img {
    width: 370px;
  }

  /*email-verification*/
  .email-verification {
    padding-top: 75px;
  }

  .email-verification .breadcrumb .card {
    background-image: none;
    padding: 0px;
  }

  .email-verification .breadcrumb .card .card-body {
    padding: 25px 30px 0px 30px;
  }

  .email-verification .card .card-body h1 {
    font-size: 34px;
  }

  .email-verification .content .card .card-body h5 {
    font-size: 28px;
  }

  .email-verification .content .card .card-body ol li,
  .email-verification .content .card .card-body p {
    font-size: 16px;
  }

  /*warm-up*/
  .warmup {
    padding-top: 40px;
  }
  .warmup .landing img {
    padding-top: 50px;
  }
  .warmup .breadcrumb .card {
    background-image: unset;
  }
  .warmup .landing .welcome {
    padding-left: 9px;
  }
  .warmup .card .card-body h1 {
    font-size: 35px;
  }

  .warmup {
    padding-top: 30px;
  }

  .warmup .content .card .card-body h5 {
    font-size: 23px;
  }
  .white-label .main .card {
    padding: 0px;
    background-image: unset;
  }
  .white-label .main .card .card-body h1 {
    font-size: 28px;
  }
  .white-label .main .card .card-body h1 .label {
    font-size: 28px;
  }
  .white-label .main .card {
    padding: 0px;
  }
  .white-label .main .card .card-body p {
    font-size: 15px;
  }

  /*data-market-place*/
  .data-market-inner .main .card .card-body h1 {
    font-size: 34px;
  }

  .data-market-inner .analytics h3 .label {
    font-size: 24px;
  }

  .data-market-inner .analytics h3 {
    font-size: 24px;
  }
  .data-market-inner .main .card .card-body {
    padding: 0px 0px 0px 0px;
  }
  .data-market-inner .main .card .card-body h1 {
    font-size: 34px;
  }
  /*partner-program*/
  .partner-inner .breadcrumb .card {
    background-image: none;
  }

  .partner-inner .breadcrumb {
    padding-top: 115px;
  }

  /*hire-expert*/
  .hire-expert-inner .specialist::after {
    background-color: unset;
    height: 0px;
    width: 0px;
  }

  .hire-expert-inner .strategies::after {
    background-color: unset;
    height: 0px;
    width: 0px;
  }

  .hire-expert-inner .main .card .card-body {
    padding: 0px 0px 50px 0px;
  }

  .hire-expert-inner .main .card .card-body h1 {
    font-size: 30px;
  }

  .hire-expert-inner .main {
    padding-top: 135px;
  }

  /*pricing-partner*/
  .pricing-inner .breadcrumb .card {
    background-image: none;
    padding: 50px 30px 30px 30px;
  }

  .pricing-inner {
    padding-top: 80px;
  }

  .pricing-inner .breadcrumb .card-body {
    padding: 0px;
  }

  .pricing-inner .breadcrumb .card .card-body h1 {
    font-size: 40px;
  }

  .pricing-inner .breadcrumb .card .card-body p {
    font-size: 14px;
  }

  /* .pricing-inner .breadcrumb .card {
    padding: 1px;
  } */
  /*gdpr*/
  .gdpr .breadcrumb .card {
    background-image: none;
  }
  .gdpr .card-body {
    padding: 0px;
  }
  .gdpr .card .card-body h1{
    font-size: 30px;
  }
  .gdpr .breadcrumb .card {
    padding: 0px;
  }
  .gdpr .breadcrumb .card .card-body {
    padding: 25px 3px;
  }

  /*terms*/
  .terms-use .breadcrumb .card {
    padding: 38px;
  }
  /* .terms-use .breadcrumb .card .card-body {
      padding: 25px 30px 77px 30px;
    } */
  .terms-use .card .card-body h1 {
    font-size: 30px;
  }
  .terms-use .breadcrumb .card {
    background-image: unset;
    font-size: 30px;
  }
  .terms-use {
    padding-top: 90px;
  }
  .terms-use .breadcrumb .card .card-body {
    padding: 0px 0px 0px 0px;
  }
  /*privacy-policy*/
  /* .privacy-policy .breadcrumb .card {
    padding: 7px;
    background-image: unset;
  } */
  .privacy-policy .breadcrumb .card .card-body {
    padding: 0px 0px 0px 0px;
    z-index: -10px;
  }
  .privacy-policy .card .card-body h1 {
    font-size: 30px;
  }
  .privacy-policy {
    padding-top: 90px;
}
  .privacy-policy .breadcrumb .card {
    padding: 30px 0px;
    background-image: unset;
    font-size: 30px;
  }
  /*wordpress*/
  .wordpress-plugin .breadcrumb .card {
    background-image: none;
  }
  .wordpress-plugin .breadcrumb .card {
    background-image: unset;
    padding: 0px;
  }
  .wordpress-plugin .card .card-body h1{
    font-size: 30px;
  }

  .wordpress-plugin .breadcrumb .card {
    padding: 0px 0px 0px 0px;
  }
  .wordpress-plugin .breadcrumb .card .card-body {
    padding: 0px 0px 0px 0px;
  }
  .wordpress-plugin h4 {
    font-size: 20px;
  }
  /*webcrux*/
  .boost .generate img {
    height: 200px;
  }
  .oneclick .regenerate img {
    height: 335px;
  }

  .newsletter {
    padding: 100px 10px;
  }
  footer .quick-links ul li{
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 414px) {
  .partner-inner .breadcrumb .card .card-body h1 {
    font-size: 39px;
  }
}

@media only screen and (max-width: 391px) {
  .terms-use .breadcrumb .card {
    padding: 0px;
  }
  /* .landing .welcome {
    padding-top: 80px;
  } */
}
@media only screen and (max-width: 390px) {
  .oneclick .regenerate img {
    height: 270px;
  }
}

@media only screen and (max-width: 382px) {
  .btn-try {
    padding: 11px 12px;
  }

  .btn-how {
    padding: 11px 12px;
  }
}

@media only screen and (max-width: 375px) {
  .heading .banner p {
    font-size: 9px;
  }

  nav {
    margin-top: 0px;
  }
  .offcanvas {
    width: 86% !important;
  }
  /* .offcanvas {
    width: 80% !important;
  } */

  .offcanvas .offcanvas-body ul li {
    list-style: none;
  }

  .offcanvas .offcanvas-body ul li a {
    color: #2f4858;
    display: block;
    text-decoration: none;
    padding: 8px 10px;
  }

  .offcanvas .offcanvas-body ul li a.active {
    background-color: #3ac88c !important;
    border-radius: 8px;
  }

  .offcanvas .offcanvas-body ul li a.active,
  .offcanvas .offcanvas-body ul li a:hover {
    background-color: #3ac88c !important;
    color: #fff;
    border-radius: 8px;
  }

  .slide .card .card-body h6 {
    font-size: 11px;
  }

  .slide .card {
    background-image: none;
  }

  /* .slide .card .card-body .btn-try{
    margin-bottom: 0px;
  } */
  .update::before {
    background-image: none;
    width: 100%;
    height: 604px;
  }

  .update .look h2 {
    font-size: 30px;
  }

  .update::after {
    background-image: none;
    right: 0;
    width: 100%;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card {
    height: 400px;
  }

  .btn-try {
    font-size: 12px;
    padding: 12px 20px;
    border-radius: 14px;
  }

  .btn-how {
    font-size: 12px;
    padding: 12px 20px;
    border-radius: 14px;
  }

  .bg-image-section::before {
    background-image: none;
    right: 0;
  }

  .bg-image-section .cta .cold-image {
    width: 100%;
  }

  .video {
    width: 280px;
    height: 153px;
  }

  .testimonials #test.owl-theme .owl-nav .owl-prev {
    left: 0px;
  }

  .testimonials #test .owl-nav .owl-next {
    right: 0px;
  }

  .main-content .owl-theme .owl-nav .owl-prev {
    left: 0px;
  }

  .main-content .owl-theme .owl-nav .owl-next {
    right: 0px;
  }

  .slide {
    padding-top: 95px;
  }

  .news .text {
    padding: 6px 7px;
  }

  .news h6 {
    font-size: 12px;
  }

  .slide .card .card-body {
    padding: 10px 10px 10px 10px;
  }

  .slide .card .card-body h1 {
    font-size: 35px;
  }

  .switching .switch {
    padding-left: 0;
  }

  .switching h1 {
    font-size: 45px;
  }

  .power .switch {
    padding-left: 0px;
  }

  .power .testing h1 {
    font-size: 45px;
  }

  .switching .platform {
    padding-right: 0px;
  }

  .coldemail {
    padding-bottom: 35px;
  }

  .coldemail svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 45px;
    margin-top: -20px;
  }

  .solutions h1 {
    font-size: 35px;
  }

  .contact h1 {
    font-size: 45px;
  }

  /*chatcrux*/
  .chatbot .chatbot_facilities {
    padding-right: 0;
  }

  .focus p {
    font-size: 11px;
  }

  .facilities .sub_img {
    display: none;
  }

  .landing img {
    padding-bottom: 54px;
    padding-top: 54px;
  }

  .focus h2 {
    font-size: 24px;
  }

  /*email-verification*/
  .email-verification .breadcrumb .card {
    padding: 0px;
  }

  /*warm-up*/
  .warmup .card .card-body h1 {
    font-size: 28px;
  }

  .warmup .breadcrumb .card .card-body {
    padding: 0px 0px 0px 0px;
  }

  /*data-market-place*/
  .data-market-inner .main .card .card-body h1 {
    font-size: 29px;
  }

  .data-market-inner .main .card .card-body {
    padding: 5px 30px 0px 30px;
  }

  /*partner-program*/
  .partner-inner .breadcrumb .card .card-body h1 {
    font-size: 35px;
  }

  /*gdpr*/
  .gdpr .card .card-body h1 {
    font-size: 35px;
  }
  .gdpr .breadcrumb .card {
    padding: 28px;
  }

  /*privacy*/
  .privacy-policy .card .card-body h1 {
    font-size: 40px;
  }
  /*wordpress*/
  .wordpress-plugin .breadcrumb .card .card-body {
    padding: 0px 0px 30px 0px;
  }
  .blog_content{
    padding: 15px;
  }
  .blog_single_img_bg{
    height: 180px;
  }
  .blog_single_img img{
    height: 180px;
  }
  footer .quick-links ul li {
    margin-right:0px;
    margin-bottom: 5px;
    font-size: 13px;
  }
footer .contact-us{
  font-size: 13px;
}
}

@media only screen and (max-width: 344px) {
  .partner-inner .breadcrumb .card .card-body h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 335px) {
  .btn-try {
    padding: 10px 9px;
  }

  .btn-how {
    padding: 10px 9px;
  }
}

@media only screen and (max-width: 320px) {
  .heading .banner p {
    font-size: 7px;
  }
  .offcanvas {
    width: 95% !important;
  }
  .nav.scrolled {
    width: 100%;
    margin-top: 0;
  }

  .slide .card .card-body h6 {
    font-size: 10px;
  }

  .update .look h2 {
    font-size: 28px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p {
    top: 115px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card {
    height: 425px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card
    .card-body
    .btn-try {
    font-size: 13px;
    padding: 9px 12px;
  }

  .styles_container__PRMqe
    .styles_cardContainer__u2TNT
    .styles_stackCards__ACUsB
    .styles_stackCardsItem__o2s9p
    .card
    .card-body
    .btn-how {
    font-size: 13px;
    padding: 9px 12px;
  }

  .slide .btn-try {
    font-size: 13px;
    padding: 9px 15px;
    margin-bottom: 10px;
  }

  .slide .btn-how {
    font-size: 12px;
    padding: 9px 15px;
    border-radius: 14px;
    margin-bottom: 10px;
  }

  .solutions h1 {
    font-size: 27px;
  }

  .switching h1 {
    font-size: 39px;
  }

  .switching .switch .card .card-body p {
    font-size: 17px;
  }

  .power .testing h1 {
    font-size: 39px;
  }

  .btn-book {
    padding: 10px 31px;
    font-size: 14px;
  }

  /*chatcrux*/
  .landing .welcome {
    padding-left: 12px;
  }

  .landing img {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .landing .customer {
    font-size: 30px;
  }

  .focus .card {
    padding: 16px;
  }

  .focus h2 {
    font-size: 30px;
  }

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

  .facilities h1 {
    font-size: 30px;
  }

  .facilities .icons {
    width: 60px;
    margin-bottom: 10px;
  }

  .facilities h3 {
    font-size: 18px;
  }

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

  .facilities .sub_img {
    display: none;
  }

  .chatbot .chatbot_facilities {
    padding-right: 0px;
  }

  .facilities .btn-try {
    align-items: center;
  }

  .book_free {
    text-align: center;
  }

  .contact h1 {
    font-size: 40px;
  }

  .contact p {
    font-size: 13px;
  }

  .contact h1 {
    font-size: 35px;
  }

  /*outreach-crm*/
  .crm-inner .landing h1 {
    font-size: 28px;
  }

  .crm-inner .landing h1 .customer {
    font-size: 28px;
  }

  /*email-verification*/

  .email-verification {
    padding-top: 84px;
  }

  .email-verification .breadcrumb .card {
    background-image: none;
    padding: 0px;
  }

  .email-verification .card .card-body h1 {
    font-size: 30px;
  }

  .email-verification .breadcrumb .card .card-body p {
    font-size: 14px;
  }

  .email-verification .breadcrumb .card .card-body {
    padding: 0px;
  }

  .email-verification .card-body {
    padding: 20px;
  }

  .email-verification .content .card .card-body h5 {
    font-size: 22px;
  }

  .email-verification .content .card .card-body ol li,
  .email-verification .content .card .card-body p {
    font-size: 14px;
  }

  /*pricing*/
  .pricing-inner .breadcrumb .card {
    background-image: none;
    padding: 50px 0px;
  }

  /*data-market-place*/
  .data-market-inner .main .card .card-body h1 {
    font-size: 26px;
  }

  .data-market-inner .main .card .card-body p {
    font-size: 15px;
  }
  /*warmup*/
  .warmup .landing h1 .customer {
    font-size: 30px;
  }
  .warmup .landing h1 {
    font-size: 30px;
  }
  /*partner-program*/
  .partner-inner .breadcrumb .card .card-body {
    padding: 0px;
  }

  .partner-inner .breadcrumb .btn-try {
    padding: 11px 13px;
  }

  .partner-inner .breadcrumb .btn-how {
    padding: 11px 13px;
  }

  .partner-inner .breadcrumb .card .card-body h1 {
    font-size: 33px;
  }

  /*terms*/
  .terms-use .card .card-body h1 {
    font-size: 30px;
  }
  .terms-use .breadcrumb .card .card-body {
    padding: 50px 0px 10px 0px;
  }
  .terms-use .breadcrumb .card {
    padding: 37px;
  }
  /*wordpress*/
  .wordpress-plugin .card .card-body h1 {
    font-size: 40px;
  }
  /*webcrux*/
  .boost .generate img {
    height: 150px;
  }
  nav .navbar-brand .logo {
    width: 150px;
  }
  .newsletter .btn-primary{
    padding:11px 7px;
  }
}
/* *{
  box-shadow: 0px 0px 0px 1px red;
} */