@media (min-width: 1400px) {
  .container_xxl {
    max-width: 1440px !important;
    padding-inline: 5rem;
  }
}
.py_gap {
  padding: 70px 0px;
}

.pb_gap {
  padding-bottom: 70px;
}

.pt_gap {
  padding-top: 70px;
}

.min_height_100 {
  min-height: 100% !important;
}

.text_blue {
  color: #2266B3;
}

header {
  position: relative;
  z-index: 99;
}

.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.cont-cms-heading {
  font-size: 40px;
  font-weight: 300;
  color: #1a1a1a;
  margin-bottom: 15px;
  line-height: 50px;
}

.cont-cms-heading span {
  font-weight: 700;
}

.cms-sub-heading {
  font-size: 17px;
  color: #424141;
}

/* faq section  */
.faq-section {
  padding: 50px 0;
  background-color: #E9F2FF;
}

.faq-item {
  border: 1px solid #ffffff;
  border-radius: 0px;
  margin-bottom: 25px;
  background-color: #fff;
}

.faq-item .accordion-button {
  font-size: 18px;
  line-height: 1.2;
  color: #000000;
  font-weight: 500;
  background-color: #fff;
  padding: 20px;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.faq-item .accordion-button::after {
  margin: 12px 20px 12px 8px;
  background-image: none;
  content: "+";
  display: flex;
  justify-content: center;
  font-size: 32px;
  line-height: 22px;
  height: 22px;
  color: #1B1139;
}

/* .faq-item .accordion-button:not(.collapsed) {
    color: #1a1a1a;
    background-color: #fff;
  } */
/* .faq-item .accordion-button::after {
    content: "\2b";
    background-image:none;
  } */
.faq-item .accordion-button:not(.collapsed)::after {
  content: "-";
  color: #52BD95;
  font-size: 40px;
}

.faq-item .accordion-body {
  font-size: 16px;
  color: #363049;
  padding: 0px 20px 28px 68px;
  background-color: #ffffff;
}

/* faq section end  */
/* Floating animation keyframes */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

.blogText {
  line-height: 1.2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000;
  font-family: "CerebriSans", sans-serif;
}

.blogText font {
  font-family: "CerebriSans", sans-serif !important;
}

.blogText h1,
.blogText h2,
.blogText h3,
.blogText h4,
.blogText h5,
.blogText h6,
.blogText h1 span,
.blogText h2 span,
.blogText h3 span,
.blogText h4 span,
.blogText h5 span,
.blogText h6 span,
.blogText h1 font,
.blogText h2 font,
.blogText h3 font,
.blogText h4 font,
.blogText h5 font,
.blogText h6 font {
  font-family: "CerebriSans", sans-serif !important;
  text-transform: capitalize !important;
  line-height: 1.2;
  margin-block: 15px !important;
  font-weight: unset;
  color: #000;
}

.blogText h2 b,
.blogText h2 strong,
.blogText h3 b,
.blogText h3 strong,
.blogText h4 b,
.blogText h4 strong,
.blogText h5 b,
.blogText h5 strong,
.blogText h6 b,
.blogText h6 strong {
  font-weight: 600 !important;
  font-family: "CerebriSans", sans-serif !important;
}

.blogText p {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-family: "CerebriSans", sans-serif !important;
}

.blogText p span {
  font-family: "CerebriSans", sans-serif !important;
}

.blogText p font {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-family: "CerebriSans", sans-serif !important;
}

.blogText ul {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-top: 0;
  padding-left: 0;
}

.blogText ul h2,
.blogText ul h3,
.blogText ul h4,
.blogText ul h5,
.blogText ul h6 {
  margin-block: 0 !important;
  font-family: "CerebriSans", sans-serif !important;
}

.blogText ul li {
  font-size: 1rem !important;
  line-height: 1.2 !important;
  position: relative !important;
  padding-left: 20px !important;
  list-style-type: none !important;
  color: #000;
  font-family: "CerebriSans", sans-serif !important;
}

.blogText ul li span {
  font-family: "CerebriSans", sans-serif !important;
}

.blogText ul li::before {
  content: "";
  /* Custom bullet */
  background: #27c289;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 5px;
}

.blogText ul li::marker {
  color: #27c289;
  font-size: 1.5em;
  font-weight: 600;
}

.blogText table {
  border-width: 1px !important;
  max-width: 100% !important;
  width: 100% !important;
}

.blogText table td {
  padding: 10px !important;
  border-width: 1px !important;
}

.blogText table td span,
.blogText table th span {
  font-family: "CerebriSans", sans-serif !important;
}

/* Small screens (default) - Responsive typography */
.blogText h1,
.blogText h1 span,
.blogText h1 font {
  font-size: 1.75rem !important;
  /* 28px */
}

.blogText h2,
.blogText h2 span,
.blogText h2 font {
  font-size: 1.5rem !important;
  /* 24px */
}

.blogText h3,
.blogText h3 span,
.blogText h3 font {
  font-size: 1.25rem !important;
  /* 20px */
}

.blogText h4,
.blogText h4 span,
.blogText h4 font {
  font-size: 1.25rem !important;
  /* 20px */
}

.blogText h5,
.blogText h5 span,
.blogText h5 font {
  font-size: 1.125rem !important;
  /* 18px */
}

.blogText h6,
.blogText h6 span,
.blogText h6 font {
  font-size: 1rem !important;
  /* 16px */
}

/* Responsive breakpoints for larger screens */
@media (min-width: 768px) {
  .blogText h1,
  .blogText h1 span,
  .blogText h1 font {
    font-size: 2rem !important;
    /* 32px */
  }
  .blogText h2,
  .blogText h2 span,
  .blogText h2 font {
    font-size: 1.75rem !important;
    /* 28px */
  }
  .blogText h3,
  .blogText h3 span,
  .blogText h3 font {
    font-size: 1.5rem !important;
    /* 24px */
  }
}
/* *************************************** SEO landing page ***********************************************  */
.seo_main_page a {
  color: #4054AE;
  font-weight: 500;
}

/* seo banner  */
.seo-banner {
  padding: 100px 0;
  background: #fff url(../../images/seo/seo_bnr.png) no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.seo-banner .container {
  position: relative;
  z-index: 3;
}

.seo-banner span {
  font-size: 20px;
  font-weight: 500;
  color: #182F96;
  margin-bottom: 8px;
  display: inline-block;
}

.seo-left-panel h1 {
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  color: #1a3c34;
  margin-bottom: 25px;
}

.seo-left-panel p {
  color: #5a6a62;
  margin-bottom: 30px;
}

.btn_new_blue {
  background-color: #4054AE;
  color: white !important;
  padding: 10px 20px;
  border: none;
  font: 18px;
  font-weight: 600;
  border-radius: 5px;
}
.btn_new_blue:hover {
  background-color: #0056b3;
}

.seo-right-panel .seo-testimonial-box {
  max-width: 525px;
  background-color: #e6f0fa;
  padding: 20px 30px;
  border-radius: 30px;
  position: relative;
  margin-bottom: 60px;
  margin-left: auto;
}

.bnr_status_row {
  display: grid;
  grid-template-columns: 220px 300px 190px;
  gap: 20px;
  align-items: end;
  justify-content: end;
}

@media screen and (max-width: 1400px) {
  .bnr_status_row {
    grid-template-columns: 184px 230px 150px;
    gap: 16px;
  }
  .seo-left-panel h1 {
    font-size: 50px;
  }
}
.seo-banner-quote {
  position: absolute;
  top: -56px;
  left: 20%;
  animation: float 4s ease-in-out infinite;
}

.seo-right-panel .seo-stats-box {
  padding: 20px;
  border-radius: 30px;
  position: relative;
}

.seo-testimonial-box label {
  font-size: 20px;
  color: #4054AE;
  font-weight: 500;
  padding-bottom: 60px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E8F6;
}

.seo-testimonial-box p {
  font-size: 18px;
  color: #5a6a62;
  margin-bottom: 20px;
}

.seo-testimonial-box p strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #1a3c34;
}

.seo-stats-box label {
  font-size: 30px;
  font-weight: 600;
  color: #1a3c34;
}

.seo-stats-box p span {
  font-size: 18px;
  display: block;
  font-weight: 600;
  color: #191F3C;
  margin-bottom: 0px;
}

.seo-stats-box p {
  color: #5a6a62;
  font-size: 15px;
  line-height: 1.4;
}

/* Gradient borders using ::before and ::after */
.seo-testimonial-box::before,
.seo-stats-box::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 30px;
  background: linear-gradient(45deg, #ffffff, #c2e9fb);
  z-index: -1;
}

.seo-testimonial-box::after,
.seo-stats-box::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 30px;
  background: #e6f0fa;
  z-index: -1;
}

.ava_high {
  background-color: #E3E8FA;
}

.ava_mid {
  background-color: #EBFDE5;
}

.ava_low {
  background-color: #E3F6FA;
}

.ava_high label {
  color: #4054AE;
}

.ava_mid label {
  color: #49A62A;
}

.ava_low label {
  color: #14859D;
}

/* seo banner end  */
.common_boreder_seo_card {
  position: relative;
}

.common_boreder_seo_card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 30px;
  background: linear-gradient(45deg, #ffffff, #c2e9fb);
  z-index: -1;
}

.common_boreder_seo_card::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 30px;
  background: #e6f0fa;
  z-index: -1;
}

/* SEO Marketing section  */
.seo-marketing {
  background-color: #F1F3F9;
}

.seo-marketing-left {
  position: relative;
}

.seo_cont_heading {
  font-size: 40px;
  line-height: 47px;
  font-weight: 600;
  color: #191F3C;
  margin-bottom: 8px;
}

.seo-marketing-right p {
  color: #5D6063;
  margin: 20px 0;
}

.seo-marketing-right .blue_text {
  color: #4054AE;
  font-weight: 500;
}

.seo-marketing-list-box {
  background-color: #e6f0fa;
  padding: 30px;
  border-radius: 30px;
  margin: 20px 0;
}

.seo-marketing-list {
  list-style: none;
  padding: 0;
}

.seo-marketing-list li {
  position: relative;
  align-items: baseline;
  display: flex;
  font-weight: 400;
  color: #000000;
}
.seo-marketing-list li:not(:last-child) {
  margin-bottom: 15px;
}
.seo-marketing-list li::before {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 14px;
  background-image: url(../../images/seo/check-icon.svg);
  margin-right: 10px;
}

.seo_bottom_text {
  font-size: 16px;
  color: #5D6063;
  margin-top: 20px;
}

.seo_bottom_text span {
  color: #191F3C;
  font-weight: 500;
}

/* SEO Marketing section end  */
/* seo services section */
.seo-services {
  background-image: url(../../images/seo/seo_services.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}

.seo-services-heading P {
  color: #5D6063;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.seo-services-card {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 25px;
  width: 100%;
  transition: transform 0.3s ease, background-color 0.3s ease;
  text-align: left;
  min-height: 100%;
  /* Align content to the left */
}
.seo-services-card a {
  transition: none;
  color: #4054AE;
  font-weight: 600;
}
.seo-services-card:hover a {
  color: #fff;
}

.seo-services-card.common_boreder_seo_card::after {
  border-radius: 20px;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.seo-services-card.common_boreder_seo_card::before {
  transition: transform 0.3s ease, background-color 0.3s ease;
  border-radius: 20px;
}

.seo-services-card:hover {
  background-color: #4054AE;
}

.seo-services-card figure {
  margin-bottom: 80px;
  transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .seo-services-card figure {
    margin-bottom: 30px;
  }
}

.seo-services-card figure img {
  transition: color 0.3s ease;
}

.seo-services-card h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1a3c34;
  margin-bottom: 20px;
  transition: color 0.3s ease;
}

.seo-services-card p {
  font-size: 0.9rem;
  color: #5a6a62;
  margin: 0;
  transition: color 0.3s ease;
}

/* Text and icon color change on hover for all cards */
.seo-services-card:hover figure img {
  filter: brightness(0) invert(1);
  /* Invert colors for the image on hover */
}

.seo-services-card:hover h3,
.seo-services-card:hover p {
  color: white;
  /* White text/icon on hover for readability */
}

.seo-services-card.common_boreder_seo_card:hover::before,
.seo-services-card.common_boreder_seo_card:hover::after {
  background: #1e40af;
  /* Dark blue background on hover */
}

/* seo groth  */
.seo-growth {
  background-color: #191F3C;
  /* Dark blue background */
  padding: 40px 0;
  color: white;
  position: relative;
  overflow: hidden;
}

.seo-growth::after {
  content: "";
  width: 180px;
  height: 180px;
  border-radius: 20px 100px 20px 20px;
  position: absolute;
  bottom: -90px;
  left: 20px;
  border: 1px solid #3D4360;
  z-index: 1;
}

.seo-growth h2 {
  position: relative;
  z-index: 2;
}

.seo-growth p {
  font-size: 1.1rem;
  position: relative;
  z-index: 2;
}

.seo-growth-form {
  position: relative;
  z-index: 2;
}

.seo-growth-btn {
  width: 160px;
  min-width: 160px;
  padding: 11px;
}

.seo-growth-btn:hover {
  background-color: #2563eb;
  /* Darker blue on hover */
}

/* organic visibility section  */
.seo-visibility {
  padding: 50px 0;
}

.seo-visibility-accordion .accordion-item {
  border: none;
  background-color: #E3F6FA;
  border-radius: 20px;
  margin-bottom: 20px;
}

.seo-visibility-accordion .accordion-item::before {
  border-radius: 20px;
}

.seo-visibility-accordion .accordion-item::after {
  border-radius: 20px;
}

.seo-visibility-accordion .accordion-button {
  font-size: 20px;
  font-weight: 600;
  color: #191F3C;
  background-color: transparent !important;
  padding: 25px 20px;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
}

.seo-visibility-accordion .accordion-button::after {
  content: "+";
  color: #4054AE;
  background-image: none;
  width: auto;
  height: auto;
  font-size: 30px;
}

.seo-visibility-accordion .accordion-button:not(.collapsed)::after {
  transform: none;
  content: "-";
}

.seo-visibility-accordion .accordion-body {
  font-size: 0.95rem;
  color: #000000;
  padding: 20px;
}

.seo-visibility-right figure {
  margin-right: -30%;
}

@media screen and (max-width: 1550px) {
  .seo-visibility-right figure {
    margin-right: -10%;
  }
}
/* organic visibility section end  */
/* we help section  */
.seo-help {
  padding: 50px 0px;
}

.seo-help h2 {
  margin-bottom: 15px;
}

.seo-help p {
  font-size: 1.1rem;
  color: #5a6a62;
  margin-bottom: 20px;
}

.seo-help-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  margin: 0 auto;
}

.seo-help-card {
  transition: transform 0.3s ease;
}
.seo-help-card .help_img_wrap {
  border-radius: 20px;
  overflow: hidden;
}
.seo-help-card .help_img_wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.seo-help-card .help_img_wrap:hover img {
  transform: scale(1.1);
}

.seo-help-card h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1a3c34;
  margin: 15px 0 10px;
}

.seo-help-card p {
  font-size: 1rem;
  line-height: 1.2;
  color: #5a6a62;
}

.seo_faq_section {
  background: #F1F3F9;
}

.seo_faq_section .faq-item {
  background-color: #EAEFFF;
  border-radius: 20px;
  border: none;
}

.seo_faq_section .faq-item::before {
  border-radius: 20px;
  z-index: 1;
}

.seo_faq_section .faq-item::after {
  background: #EAEFFF;
  border-radius: 20px;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 1;
}

.seo_faq_section .faq-item .accordion-button {
  background: transparent;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  z-index: 2;
}

.seo_faq_section .faq-item .accordion-body {
  background: transparent;
  position: relative;
  z-index: 2;
  padding: 0px 20px 20px;
}

/* *************************************** SEO landing page ***********************************************  */
/* Custom styles for the banner */
.cro-banner {
  background: #1e3a8a url(../../images/conversion-rate-optimization/conversion_bg.webp);
  color: white;
  padding: 150px 0px 0px 0px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cro-banner {
    padding-top: 100px;
  }
}

.cro-heading {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}

.cro-subheading {
  color: #ffffff;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 300;
}

.cro-description {
  font-size: 18px;
  font-weight: 300;
  margin: 2rem 0;
}

.custom_btn {
  background-color: transparent;
  color: white;
  padding: 10px 0px;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}

.custom_btn::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  transition: 0.3s ease-in-out;
}
.custom_btn.custom_black::after {
  background-color: #000;
}

.cro-btn {
  margin-top: 100px;
}

.cro-btn::after {
  width: calc(100% - 25px);
}

.cro-btn:hover {
  animation: horizontal_animate;
}

.custom_btn:hover::after {
  transform: translateY(-5px);
}

/* Floating animation for the image */
.cro-image-container {
  position: relative;
}

.cro-image {
  max-width: 100%;
}

/* Floating cards around the image */
.floating-card {
  position: absolute;
  background-color: #fff;
  color: #000000;
  border-radius: 10px;
  padding: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  animation: float 4s ease-in-out infinite;
  min-width: 315px;
}

@media screen and (max-width: 1700px) {
  .floating-card {
    min-width: 255px;
  }
}
.float_content {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #D8D7D7;
}

.float_content span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.text_yellow {
  color: #E29C03;
}

.text_red {
  color: red;
}

.text_green {
  color: #09B285;
}

.floating-card-1 {
  top: 47%;
  left: -56%;
  animation-delay: 0.5s;
}

@media screen and (max-width: 1700px) {
  .floating-card-1 {
    left: -26%;
  }
}
@media screen and (max-width: 1500px) {
  .floating-card-1 {
    top: 50%;
  }
}
.floating-card-2 {
  bottom: 42%;
  right: -24%;
  animation-delay: 1s;
}

@media screen and (max-width: 1700px) {
  .floating-card-2 {
    right: -6%;
  }
}
@media screen and (max-width: 1500px) {
  .floating-card-2 {
    bottom: 27%;
    right: 10%;
  }
}
.floating-card-3 {
  bottom: 12%;
  left: -20%;
  animation-delay: 1.5s;
}

@media screen and (max-width: 1200px) {
  .floating-card-3 {
    bottom: 4%;
  }
}
/* Floating animation keyframes */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
/* Business Revenue  */
.business-revenue-section {
  padding: 100px 0;
}

.business-revenue-bx {
  background-color: #f5f7fa;
}

.business-revenue-content {
  padding: 110px 50px;
}

.business-revenue-content hr {
  width: 250px;
  margin-top: 40px;
  background-color: #000;
}

.main-heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  color: #000000;
  margin-bottom: 25px;
}

.sub-heading {
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .sub-heading {
    font-size: 16px;
  }
}

.business-revenue-text {
  font-size: 18px;
  color: #000000;
  line-height: 28px;
  margin-bottom: 40px;
}
.business-revenue-text a {
  color: #4054AE;
}

.business-revenue-image {
  max-width: 100%;
  height: auto;
  top: -350px;
  right: -45px;
  position: absolute;
}

@media screen and (max-width: 1540px) {
  .business-revenue-image {
    right: 45px;
  }
}
/* sign up section  */
.signup-section {
  padding: 50px 0;
  background-color: #fff;
}

.signup-heading {
  font-size: 2.5rem;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 20px;
  text-align: center;
}

.signup-text {
  font-size: 18px;
  color: #000000;
  line-height: 1.6;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.signup-card {
  /* border: 1px solid #e0e0e0; */
  padding: 30px 40px 60px;
  height: 100%;
  transition: 0.3s ease-in-out;
}

.signup-card-title {
  font-size: 20px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 20px;
}

.signup-card-text {
  font-size: 1rem;
  line-height: 1.5;
  color: #000000;
}

.signup-card figure {
  margin-bottom: 25px;
}

.swiper_signup {
  margin: 80px 0px;
  position: relative;
}

.swiper_signup .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  top: 110%;
}

.swiper_signup::after {
  content: "";
  width: calc(100% + 180px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 11%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-50%);
}

.swiper_signup::before {
  content: "";
  width: calc(100% + 180px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 11%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-50%);
}

.gradient_line {
  inset: 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
}

.gradient_line::after {
  content: "";
  width: 1px;
  height: calc(100% + 100px);
  position: absolute;
  top: -15%;
  left: 0;
  transform: translateY(1%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 12%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
}

.gradient_line::before {
  content: "";
  width: 1px;
  height: calc(100% + 100px);
  position: absolute;
  top: -15%;
  right: 0;
  transform: translateY(1%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 12%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
}

.gradient_line span {
  content: "";
  width: 1px;
  height: calc(100% + 100px);
  position: relative;
  top: -1%;
  display: inline-block;
  transform: translateY(1%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 12%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
}

.swiper-slide {
  padding: 0 15px;
}

.swiper-pagination-bullet {
  background-color: #1565C0;
}

/* singup section end  */
/* counter sec.....................  */
.counter_sec {
  width: 100%;
  position: relative;
  background: transparent linear-gradient(113deg, #304891 0%, #27C28A 100%) 0% 0% no-repeat padding-box;
  padding: 40px 0px;
}

.reating-box h2 {
  font-size: 46px;
  color: #ffffff;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: 700;
}

.reating-box p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 500;
}

/* counter sec-end................. */
/* key cro section  */
.cro-metrics-section {
  background-color: #fff;
}

.key_cro_row {
  margin-top: 130px;
}

.cro-metrics-subheading {
  font-size: 1rem;
  color: #4a4a4a;
  line-height: 1.6;
  margin-bottom: 30px;
}
.cro-metrics-subheading a {
  color: #4054AE;
}

.cro-metrics-tabs {
  position: relative;
}

.cro-metrics-tabs::after {
  content: "";
  width: 1px;
  position: absolute;
  height: 100%;
  top: 0px;
  background-color: #999999;
  left: 0px;
}

.cro-metrics-tabs .nav-link {
  color: #4a4a4a;
  font-size: 1.3rem;
  padding: 10px 15px;
  border: none;
  border-left: 3px solid transparent;
  background: none;
  text-align: left;
}

.cro-metrics-tabs .nav-link:hover {
  color: #1565C0;
  border-left: 3px solid #1565C0;
  font-weight: 600;
}

.cro-metrics-tabs .nav-link.active {
  color: #1565C0;
  border-left: 3px solid #1565C0;
  background: none;
  font-weight: 600;
}

.cro-metrics-tab-content {
  background-color: #EEF6FF;
  padding: 40px 50px;
  border-radius: 0px;
}

.cro-metrics-tab-title {
  font-size: 20px;
  font-weight: 600;
  color: #424242;
  margin-bottom: 10px;
}

.cro-metrics-tab-text {
  font-size: 17px;
  color: #5B697D;
  line-height: 1.6;
  margin-bottom: 16px;
}

.cro-metrics-tab-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: -100px;
  margin-left: -90px;
}

/* industries section  */
/* faq section  */
.industries_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin: 60px 0px 40px 0px;
}

.industries_card {
  padding: 30px;
  background-color: #fff;
  height: 100%;
  position: relative;
  transition: 0.3s ease-in-out;
}

.industries_card::after {
  content: "";
  width: calc(100% + 110px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 11%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-50%);
}

.industries_card::before {
  content: "";
  width: calc(100% + 110px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 11%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-50%);
}

.industries_card-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.industries_card-icon {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}

.industries_card-text {
  margin: 0;
}

.industries_card-text h3 {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  margin: 0 0 5px 0;
}

.industries_card-text p {
  font-size: 1rem;
  color: #4a4a4a;
  margin: 0;
}

.indust_card_line {
  inset: 0;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.indust_card_line span {
  content: "";
  width: 1px;
  height: calc(100% + 100px);
  position: relative;
  top: -1%;
  display: inline-block;
  transform: translateY(1%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(224, 224, 224) 12%, rgb(228, 228, 228) 50%, rgb(232, 232, 232) 90%, rgba(255, 255, 255, 0) 100%);
}

.partner_section {
  padding: 80px 0px;
  background: url(../../images/conversion-rate-optimization/partner_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.partner_content h2 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  line-height: 60px;
  margin-bottom: 40px;
}

.partner_content p {
  font-size: 20px;
  color: #fff;
}

.partner_content .custom_btn {
  margin-top: 80px;
}

/* industries section end  */
/* faq section  */
.faq-section {
  padding: 50px 0;
  background-color: #E9F2FF;
}

.faq-item {
  border: 1px solid #ffffff;
  border-radius: 0px;
  margin-bottom: 25px;
  background-color: #fff;
}

.faq-item .accordion-button {
  font-size: 18px;
  line-height: 1.2;
  color: #000000;
  font-weight: 500;
  background-color: #fff;
  padding: 20px;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.faq-item .accordion-button::after {
  margin: 12px 20px 12px 8px;
  background-image: none;
  content: "+";
  display: flex;
  justify-content: center;
  font-size: 32px;
  line-height: 22px;
  height: 22px;
  color: #1B1139;
}

/* .faq-item .accordion-button:not(.collapsed) {
    color: #1a1a1a;
    background-color: #fff;
  } */
/* .faq-item .accordion-button::after {
    content: "\2b";
    background-image:none;
  } */
.faq-item .accordion-button:not(.collapsed)::after {
  content: "-";
  color: #52BD95;
  font-size: 40px;
}

.faq-item .accordion-body {
  font-size: 16px;
  color: #363049;
  padding: 0px 20px 28px 68px;
  background-color: #ffffff;
}

/* faq section end  */
/* **********************************************************************************  Proquantic Content  ************************************************************************************************ */
/* banner pro CMS  */
.Pro_Cms_bnr-section {
  overflow: hidden;
  padding: 170px 0;
  padding-bottom: 0px;
  background-color: #F0F0FC;
  position: relative;
}

.Pro_Cms_bnr-heading {
  font-size: 60px;
  font-weight: bold;
  color: #1a1a1a;
  line-height: 1.2;
  margin-bottom: 30px;
}

.Pro_Cms_bnr-heading span {
  font-weight: 200;
}

.Pro_Cms_bnr-text {
  font-size: 16px;
  color: #424242;
  line-height: 1.6;
  margin-bottom: 40px;
}

.Pro_Cms_btn {
  background-color: #2F44A1;
  color: #fff;
  font-size: 20px;
  padding: 6px 30px;
  font-weight: 600;
  border: none;
  border-radius: 25px;
  text-decoration: none;
  display: inline-block;
}

.Pro_Cms_btn:hover {
  background-color: #0056b3;
  color: #fff;
}

.Pro_Cms_light_btn {
  background-color: #fff;
  color: #1565C0;
  box-shadow: 0px 8px 32px 0px rgba(28, 91, 162, 0.231372549);
}

.Pro_Cms_btn:hover {
  background-color: #1565C0;
  color: #fff;
}

.Pro_Cms_bnr_content {
  min-height: 65vh;
}

.Pro_Cms_bnr-image {
  max-width: 100%;
  height: auto;
  right: 0;
  bottom: 0;
  position: absolute;
}

@media screen and (max-width: 1770px) {
  .Pro_Cms_bnr-image {
    width: 800px;
  }
  .Pro_Cms_bnr-section {
    padding-top: 80px;
  }
}
@media screen and (max-width: 1600px) {
  .Pro_Cms_bnr-image {
    width: 700px;
  }
  .Pro_Cms_bnr-heading {
    font-size: 50px;
  }
}
@media screen and (max-width: 1300px) {
  .Pro_Cms_bnr-section {
    padding-top: 60px;
  }
  .Pro_Cms_bnr-image {
    width: 600px;
  }
  .Pro_Cms_bnr-heading {
    font-size: 50px;
  }
}
/* banner pro CMS section end */
/* Business Needs section  */
.BusinessNeeds-section {
  background-color: #fff;
}

.line_divider {
  width: 100%;
  height: 40px;
  background-image: url(../../images/content-marketing/line_png.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-bottom: 60px;
}

.BusinessNeeds-card {
  border: 1px solid #C0C5CC;
  border-radius: 30px;
  padding: 40px 30px 30px;
  background-color: #fff;
  height: 100%;
  text-align: left;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 576px) {
  .BusinessNeeds-card {
    min-height: 440px;
  }
}

.BusinessNeeds-card:hover {
  background-color: #F6F6FF;
  border-color: #F6F6FF;
  box-shadow: rgba(0, 0, 0, 0.019) 0px 4px 12px;
}

.BusinessNeeds-card-icon {
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 15px;
}

.BusinessNeeds-card-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 20px;
  margin-top: 14px;
}

.BusinessNeeds-card-text {
  font-size: 1rem;
  color: #000000;
  line-height: 1.6;
}

/* Business Facing section  */
.business_facing_section {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
}
.business_facing_section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #2F44A1;
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .business_facing_section::before {
    right: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .business_facing_section::before {
    bottom: 200px;
  }
}

.Facing_these_row {
  display: grid;
}
@media screen and (min-width: 1200px) {
  .Facing_these_row {
    grid-template-columns: 30% 70%;
  }
}

.left-section {
  color: white;
  padding: 40px;
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
}

.left-section::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../images/content-marketing/left_bg_line.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.left-section .underline {
  width: 80px;
  height: 1px;
  background-color: white;
  margin-top: 10px;
}

.right-section {
  background-color: #f9f9f9;
  padding: 40px;
  border-radius: 30px;
  flex: 1;
  display: flex;
  align-items: center;
}

.not_alone_card {
  max-width: 350px;
  min-height: 440px;
  padding: 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  text-align: center;
}

.not_alone_card h3 {
  font-size: 25px;
  margin-bottom: 20px;
  color: #000;
}

.not_alone_card p {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #000000;
}

.not_alone_card p span {
  color: #22c55e;
  font-weight: bold;
}

.checklist {
  list-style: none;
  padding: 0;
}

.checklist li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.checklist i {
  color: #22c55e;
  margin-right: 10px;
}

.swiper-wrapper {
  position: relative;
}

.marketing_swiper .swiper-pagination {
  bottom: -50px;
}

.marketing_swiper .swiper-pagination .swiper-pagination-bullet,
.cmsHelp_swiper .swiper-pagination .swiper-pagination-bullet {
  margin-top: 30px;
}

/* Marketing_section  */
.Marketing_section {
  padding-bottom: 100px;
}

/* cms Help section  */
.cmsHelp_swiper .swiper-pagination {
  bottom: -30px;
}

.top_graph {
  padding: 40px 60px 0px;
  background-color: #fff;
  border-radius: 30px 30px 0px 0px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  margin-bottom: -50px;
}

.top_graph figure img {
  width: 100%;
}

.drive_growth_card_content {
  background-color: #2F44A1;
  padding: 50px 40px 80px 40px;
  position: relative;
  border-radius: 30px;
}
@media screen and (max-width: 991px) {
  .drive_growth_card_content {
    padding: 30px;
  }
}

.drive_growth_card_content::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../images/content-marketing/growth_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: multiply;
  z-index: 1;
  border-radius: 30px;
}

.why {
  padding: 6px 20px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  margin-bottom: 60px;
}

.drive_growth_card_content .row {
  position: relative;
  z-index: 2;
}

.drive_growth_card_content h2 {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.2;
}

.drive_growth_card_content h2 span {
  font-weight: 200;
}

.drive_growth_card_content .Pro_Cms_btn {
  background-color: #fff;
  color: #0056b3;
}

.drive_growth_card_content .Pro_Cms_btn:hover {
  background-color: #f0f8ff;
  color: #0056b3;
}

.growth_card_right h3 {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
}

.growth_card_right ul {
  list-style: none;
  padding: 0;
}

.growth_card_right ul li {
  display: flex;
  align-items: baseline;
  position: relative;
  color: #fff;
}
.growth_card_right ul li:not(:last-child) {
  margin-bottom: 10px;
}

.growth_card_right ul li::before {
  content: "";
  width: 10px;
  min-width: 10px;
  margin-right: 22px;
  height: 10px;
  background-color: #fff;
  position: relative;
  display: inline-block;
  left: 0;
}

.growth_card_right h4 {
  font-size: 25px;
  color: #fff;
  font-weight: 400;
}

/* Crafting Compelling section  */
.crafting_compelling_section {
  padding: 100px 0px;
  overflow: hidden;
}

.crafting_swiper {
  width: 100vw;
}
.crafting_swiper .swiper-slide {
  width: auto !important;
}

.crafting_swiper .crafting_card {
  border-radius: 30px;
  overflow: hidden;
}

.crafting_swiper .crafting_card figure {
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.crafting_swiper .crafting_card figure img {
  width: 100%;
  transition: 0.3s ease-in-out;
}

.crafting_swiper .crafting_card:hover figure img {
  transform: scale(1.1);
}

.crafting_swiper .crafting_card figure::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(17, 25, 59, 0.77) 100%);
}

.crafting_swiper .crafting_card p {
  position: absolute;
  left: 60px;
  bottom: 35px;
  font-weight: 600;
  color: #fff;
  font-size: 20px;
}

.cms_faq_section .faq-item {
  box-shadow: rgba(14, 63, 126, 0) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.03) 0px 12px 12px -6px, rgba(14, 63, 126, 0.06) 0px 24px 24px -12px;
}

/* cms faq end  */
/* *************************************** SMO landing page ***********************************************  */
.smo_bnr {
  background: #E9F2FF url(../../images/smo/smo-bnr-bg.png) no-repeat right top;
}

.smo_bnr .pre_title {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
  display: block;
  margin-bottom: 10px;
}

.smo_bnr h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  color: #203754;
  margin-inline: auto;
  max-width: 1054px;
  margin-bottom: 25px;
}

.smo_bnr h1 span {
  font-size: 40px;
  font-weight: 300;
  color: #000000;
}

.hero_wrap {
  text-align: center;
  position: relative;
}

.float_wrap {
  width: 176px;
  min-height: 176px;
  background: #ffffff;
  border-radius: 12px;
  outline: 1px solid rgba(6, 11, 19, 0.102);
  outline-offset: -5px;
  padding: 20px;
  text-align: left;
  position: absolute;
  z-index: 3;
  animation: float 4s ease-in-out infinite;
}

.float_wrap_sm {
  width: 141px;
  min-height: 141px;
}

.float_wrap_one {
  top: 0;
  left: 0;
}

.float_wrap_two {
  top: 0;
  right: -70px;
  animation-delay: 0.5s;
}

.float_wrap_three {
  top: 236px;
  right: 60px;
  animation-delay: 1s;
}

.float_wrap label {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #000000;
  margin-top: 26px;
}

.float_wrap_sm label {
  margin-top: 10px;
}

.main_img {
  margin-bottom: -120px;
  z-index: 2;
}

.bg_pattern {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.marketing_section {
  padding: 210px 0 130px;
}

.intro-tag {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.intro-button {
  min-width: 183px;
  text-align: center;
  color: #555454;
  background-color: #ffffff;
  border: 1px solid #929191;
  border-radius: 60px;
  padding: 11px 22px;
  font-size: 14px;
}

.headline {
  text-align: center;
  margin-bottom: 20px;
}

.headline h2 {
  color: #203754;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 15px;
}

.subtitle {
  text-align: center;
  color: #424242;
  font-size: 18px;
  font-weight: 300;
  margin: 0 auto 40px;
}
@media screen and (max-width: 575px) {
  .subtitle {
    font-size: 16px;
  }
}

.subtitle a {
  font-weight: 600;
  color: #2266B3;
  display: inline;
}

.benefits-section {
  background-color: #E9F2FF;
  border: 1px solid #9CC6F5;
  border-radius: 30px;
  padding: 50px 60px;
  display: flex;
  margin-top: 30px;
}

.benefits-title {
  font-size: 30px;
  color: #000000;
  margin-bottom: 40px;
  font-weight: 500;
}

.benefits-list {
  list-style: none;
}

.benefit-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.benefit-item:not(:last-child) {
  padding-bottom: 30px;
}

.benefit-item:not(:last-child)::before {
  content: "";
  position: absolute;
  border: 1px dashed #424242;
  inset: 0 auto 0 20px;
}

.benefit-icon {
  background-color: #2266B3;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
  margin-top: -4px;
  position: relative;
  z-index: 1;
}

.benefit-icon::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  font-size: 14px;
}

.benefit-text {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #3B3B3B;
}

.conclusion-text {
  font-size: 16px;
  color: #424242;
  margin-block: 35px;
}

.service-card {
  height: 100%;
  position: relative;
}

.border-container {
  /* Border lines */
  /* Left vertical border */
  /* Right vertical border */
  /* Top and bottom borders with multicolor gradients */
  /* Corner squares */
}
.border-container::before, .border-container::after,
.border-container .border-top,
.border-container .border-bottom {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #C3DCFF, #F3F8FF, #C3DCFF, #F3F8FF);
}
.border-container:hover::before, .border-container:hover::after {
  background-size: 100% 400%;
  animation: gradientFlowVertical 8s ease infinite;
}
.border-container::before {
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
}
.border-container::after {
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  animation-delay: 1s;
}
.border-container .border-top,
.border-container .border-bottom {
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #C3DCFF, #5DB96E 25%, #C3DCFF 50%, #42A5F5 80%, #C3DCFF);
  left: 0;
  right: 0;
  background-size: 200% 100%;
}
.border-container:hover .border-top, .border-container:hover .border-bottom {
  animation: gradientFlowHorizontal 8s ease infinite;
}
.border-container .border-top {
  top: 0;
}
.border-container .border-bottom {
  bottom: 0;
  animation-direction: reverse;
}
.border-container .corner {
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  background-color: #C3DCFF;
}
.border-container:hover .corner {
  animation: cornerPulse 4s ease-in-out infinite;
}
.border-container .top-left {
  top: 0;
  left: 0;
}
.border-container .top-right {
  top: 0;
  right: 0;
  animation-delay: 1s;
}
.border-container .bottom-left {
  bottom: 0;
  left: 0;
  animation-delay: 2s;
}
.border-container .bottom-right {
  bottom: 0;
  right: 0;
  animation-delay: 3s;
}

@keyframes gradientFlowHorizontal {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradientFlowVertical {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
@keyframes cornerPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.icon-bg {
  width: 80px;
  height: 80px;
  background-color: #F2F7FF;
  border-radius: 50%;
  margin-bottom: 1.5rem;
}

.card-title {
  color: #313132;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 20px;
}

.card-text {
  color: #7f8c8d;
}

.card-text a {
  display: inline;
  color: #2266B3;
}

.pricing_sec {
  background: #E9F2FF url(../../images/smo/smo-bnr-bg.png) repeat-x top;
  padding: 70px 0 370px;
}

.pricing-card {
  background-color: #ffffff;
  border-radius: 1rem;
  border: none;
  box-shadow: 0px 16px 96px 0px rgba(6, 11, 19, 0.06);
  transition: transform 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.pricing-card-header {
  border-bottom: 1px solid #E9EBF1;
  padding-block: 1.5rem;
  background-color: transparent;
  margin-inline: 2rem;
}

.plan-name {
  color: #269F3C;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 0.5rem;
}

.plan-period {
  color: #979FB4;
  font-size: 1rem;
}

.pricing-card-body {
  padding: 2rem 1.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.price {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: -0.89px;
  color: #060B13;
  margin-bottom: 10px;
}

.best-for {
  background-color: #F4F9FF;
  padding: 7px 15px;
  border-radius: 60px;
  font-size: 14px;
  color: #1565C0;
  display: inline-block;
  margin-bottom: 3rem;
}

.custom-btn-plan {
  background-color: #2266B3;
  color: white;
  border: none;
  border-radius: 2rem;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
}

.custom-btn-plan:hover {
  color: white;
  transform: translateY(-2px);
}

.smo_process_wrap {
  box-shadow: 0px 8px 32px 0px rgba(117, 172, 234, 0.25);
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #1565C0 0%, #FFFFFF 53.51%, #C3DCFF 100%);
  background-color: #ffffff;
  background-image: url("../../images/smo/process-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  min-height: 1000px;
  position: relative;
  padding: 70px;
  width: clamp(300px, 100% - 196px, 1734px);
  margin: 0 auto;
}

.smo_process_wrap::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 20px;
  padding: 1px;
  /* Border width */
  background: linear-gradient(180deg, #1565C0 0%, #FFFFFF 53.51%, #C3DCFF 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.7;
}

.smo_process_img {
  border-radius: 20px;
}

.line_vector {
  position: relative;
  z-index: 2;
}

.step-card {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 8px 20px 0px rgba(80, 90, 113, 0.24);
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  position: relative;
  border: 1px solid #e7f2ff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  max-width: 557px;
  min-height: 120px;
  margin-left: -7px;
}

.step-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 10px;
  padding: 1px;
  background: linear-gradient(92.79deg, #408BDF 0.18%, #DBECFF 47.01%, #1565C0 97.53%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

@media screen and (min-width: 1200px) {
  .step-card:nth-child(2) {
    margin-bottom: 64px;
  }
}

.step-number {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-right: 0.5rem;
}

.step-title {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 0.75rem;
}

.step-description {
  color: #686767;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.strategy-item.accordion-item {
  position: relative;
  border: none;
  border-radius: 10px;
  box-shadow: 0px 8px 20px 0px rgba(80, 90, 113, 0.24);
  margin-bottom: 18px;
}

.strategy-item.accordion-item::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 10px;
  padding: 1px;
  background: linear-gradient(92.79deg, #408BDF 0.18%, #DBECFF 47.01%, #1565C0 97.53%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.strategy-item .accordion-button {
  color: #3D3D3D;
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.2;
}
@media screen and (max-width: 480px) {
  .strategy-item .accordion-button {
    font-size: 15px;
  }
}

.strategy-item .accordion-button::after {
  margin: 12px 0 12px auto;
  background-image: none;
  content: "+";
  display: flex;
  justify-content: center;
  font-size: 32px;
  line-height: 22px;
  height: 22px;
  background: linear-gradient(180deg, #1565C0 0%, #5DB96E 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.strategy-item .accordion-button:not(.collapsed)::after {
  content: "-";
  font-size: 40px;
}

.strategy-item .accordion-body {
  padding-top: 0;
}

.strategy_section {
  overflow: hidden;
}

.stategy_img {
  margin-right: -470px;
}

@media screen and (max-width: 1350px) {
  .float_wrap_two {
    right: -10px;
  }
  .headline h2 {
    font-size: 45px;
  }
  .marketing_section {
    padding: 210px 0 90px;
  }
  .smo_process_wrap {
    padding: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .bg_pattern img,
  .main_img {
    max-width: 100%;
    height: auto;
  }
  .smo-marketing-img {
    max-width: 100%;
    height: auto;
  }
  .smo_bnr h1 {
    font-size: 50px;
  }
  .step-card:nth-child(3) {
    margin-bottom: 1.5rem;
  }
  .step-card {
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    margin-bottom: 30px;
    z-index: 2;
  }
  .step-card::after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 5px solid #1565C0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
  }
  .process-steps-bx::after {
    content: "";
    width: 12px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background-image: url(../../images/smo/stepline-mobile.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateX(-50%);
  }
  .process-steps-bx .step-card:last-child::after {
    display: none;
  }
  .process_left_wrap img {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 992px) {
  .smo_bnr .pre_title {
    font-size: 25px;
  }
  .smo_bnr h1 {
    font-size: 40px;
    line-height: 1.1;
  }
  .smo_bnr h1 span {
    font-size: 33px;
  }
  .headline h2 {
    font-size: 40px;
  }
  .subtitle {
    font-size: 18px;
  }
  .smo_process_wrap {
    width: clamp(300px, 100% - 80px, 1709px);
  }
}
@media screen and (max-width: 767px) {
  .smo_bnr .pre_title {
    font-size: 24px;
  }
  .smo_bnr h1 {
    font-size: 30px;
    line-height: 1.2;
  }
  .smo_bnr h1 span {
    font-size: 28px;
  }
  .float_wrap {
    width: 130px;
    min-height: 130px;
    padding: 14px;
  }
  .float_wrap label {
    font-size: 14px;
    margin-top: 16px;
  }
  .float_wrap_two {
    right: -10px;
    top: -70px;
  }
  .float_wrap_three {
    top: 130px;
    right: 40px;
  }
  .marketing_section {
    padding: 190px 0 70px;
  }
  .headline h2 {
    font-size: 30px;
  }
  .subtitle {
    font-size: 16px;
  }
  .benefits-section {
    padding: 30px;
    border-radius: 20px;
  }
  .benefits-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .benefit-text {
    font-size: 16px;
  }
  .pricing_sec {
    padding: 50px 0 370px;
  }
  .smo_process_wrap {
    padding: 25px;
  }
  .step-card {
    padding: 1rem;
  }
  .stategy_img {
    margin-right: 0px;
    margin-top: 30px;
  }
  .cms_help_section {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .float_wrap img {
    width: 35px;
  }
  .float_wrap label {
    font-size: 14px;
    margin-top: 10px;
  }
  .float_wrap {
    width: 130px;
    min-height: 100px;
    padding: 13px;
  }
  .process_left_wrap img {
    height: 270px;
  }
  .marketing_section {
    padding: 170px 0 50px;
  }
  .headline h2 {
    font-size: 25px;
  }
  .smo_process_wrap h2 {
    font-size: 24px;
    margin-bottom: 0px;
  }
  .step-title {
    font-size: 16px;
    margin-bottom: 0.5rem;
  }
  .pricing_sec {
    padding: 50px 0 315px;
  }
  .smo_process_wrap {
    width: clamp(300px, 100% - 25px, 1709px);
  }
  .strategy_section {
    padding-top: 20px !important;
  }
  .faq-item .accordion-button {
    font-size: 16px;
  }
}
.new_gradient_table {
  /* Header row styling */
  /* Body styling */
  /* First column styling */
  /* Features section */
  /* Feature list styling */
  /* Green checkmark */
  /* Cost rows styling */
  /* Responsive design */
}
.new_gradient_table table {
  width: 100%;
  border-collapse: collapse;
}
.new_gradient_table thead tr {
  background: linear-gradient(90deg, #2F5890 0%, #2B888D 100%);
  color: white;
}
.new_gradient_table th {
  padding: 20px;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
  width: 26.66%;
}
.new_gradient_table th:last-child {
  border-right: none;
}
.new_gradient_table th:first-child {
  width: 20%;
}
.new_gradient_table tbody tr {
  border-bottom: 1px dashed #CCC6C6;
}
.new_gradient_table tbody tr td:not(:first-child, :last-child) {
  border-right: 1px dashed #CCC6C6;
}
.new_gradient_table td {
  padding: 20px;
  vertical-align: top;
  color: #696969;
}
.new_gradient_table td:first-child {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 600;
  color: #3455AA;
  background-color: #F4F7FE;
}
.new_gradient_table .features-row td:not(:first-child) {
  padding-top: 25px;
  padding-bottom: 25px;
}
.new_gradient_table .feature-list {
  list-style: none;
}
.new_gradient_table .feature-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  color: #696969;
  font-size: 16px;
  line-height: 1.5;
}
.new_gradient_table .feature-list li:last-child {
  margin-bottom: 0;
}
.new_gradient_table .feature-list li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background-color: #4EC289;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}
.new_gradient_table .cost-row td:not(:first-child) {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .new_gradient_table body {
    padding: 10px;
  }
  .new_gradient_table table {
    font-size: 14px;
  }
  .new_gradient_table th,
  .new_gradient_table td {
    padding: 12px;
  }
  .new_gradient_table .feature-list li {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .new_gradient_table .feature-list li::before {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}

.new_gradient_table_two th:first-child,
.new_gradient_table_two th:last-child {
  width: 12%;
}
.new_gradient_table_two th:not(:last-child) {
  border-right: 1px dashed #CCC6C6;
}
.new_gradient_table_two td {
  vertical-align: middle;
  line-height: 1.5;
}
.new_gradient_table_two td:first-child {
  color: #000000;
  background-color: transparent;
  position: relative;
  height: 110px;
  border-right: 1px dashed #CCC6C6;
}
.new_gradient_table_two td:last-child {
  font-weight: 600;
}
.new_gradient_table_two tbody tr:nth-child(odd) td:first-child::before {
  content: "";
  position: absolute;
  inset: 7px 7px 7px 0;
  background: #F4F7FE;
}

.note-container {
  background: linear-gradient(90deg, #2F5890 0%, #2B888D 100%);
  padding: 40px 30px;
  row-gap: 20px;
}

.note-label {
  color: #ffffff;
  font-weight: 600;
  font-size: 26px;
  flex-shrink: 0;
}

.note-content {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  max-width: 800px;
}

.services-wrapper .services-wrapper-lists .services-wrapper-list {
  border: 1px solid #e7e7e7;
  border-radius: 0.875rem;
  padding: 1.5625rem 1.25rem;
  height: 100%;
}

.services-wrapper .services-wrapper-lists .services-wrapper-list .icon {
  width: 5.625rem;
  height: 5.625rem;
  background-color: #27c289;
  border-radius: 50%;
  border: 1px solid #27c289;
  display: grid;
  place-items: center;
}

.services-wrapper .services-wrapper-lists .services-wrapper-list .icon img {
  min-width: 2.8125rem;
  max-width: 3.125rem;
}

.services-wrapper .services-wrapper-lists .services-wrapper-list .content {
  padding-top: 1.5rem;
}

.services-wrapper .services-wrapper-lists .services-wrapper-list .content h3 {
  font-size: 1.15rem;
  line-height: 1.2;
  color: #333333;
  font-weight: 500;
}

.services-wrapper .services-wrapper-lists .services-wrapper-list .content p {
  font-size: 1rem;
  line-height: 1.5;
  color: #696969;
  margin-top: 0.825rem;
  font-weight: 400;
}

.digital-roadblocks .digital-roadblocks-lists .digital-roadblocks-list {
  border: 1px solid #e7e7e7;
  border-radius: 0.3125rem;
  background-color: #ffffff;
  padding: 1.5625rem 1.25rem;
  height: 100%;
}

.digital-roadblocks .digital-roadblocks-lists .digital-roadblocks-list h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #333333;
  font-weight: 700;
}

.digital-roadblocks .digital-roadblocks-lists .digital-roadblocks-list .content {
  margin-top: 1.2rem;
}

.digital-roadblocks .digital-roadblocks-lists .digital-roadblocks-list .content p {
  font-size: 1rem;
  line-height: 1.5;
  color: #696969;
  font-weight: 400;
}

.digital-roadblocks .digital-roadblocks-lists .digital-roadblocks-list a {
  font-size: 1rem;
  margin-top: 1.2rem;
  color: #27c289;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.helped-business .helped-business-lists .helped-business-list {
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
  padding: 1.5625rem 1.25rem;
  height: 100%;
}

.helped-business .helped-business-lists .helped-business-list .icon {
  width: 7.1875rem;
  height: 7.1875rem;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  display: grid;
  place-items: center;
}

.helped-business .helped-business-lists .helped-business-list .icon img {
  min-width: 2.625rem;
  max-width: 3.4375rem;
  max-height: 72px;
}

.helped-business .helped-business-lists .helped-business-list .content h3 {
  font-size: 1.25rem;
  margin-top: 1rem;
  line-height: 1.2;
  color: #333333;
  font-weight: 500;
}

.helped-business .helped-business-lists .helped-business-list .content p {
  font-size: 1rem;
  line-height: 1.5;
  color: #696969;
  margin-top: 1rem;
  font-weight: 400;
}

.affordable-package-sec .package-tab-section .nav-tabs .nav-link {
  border: 1px solid #B4B4B4;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0.625rem;
  color: #a4a4a4;
  font-size: 1rem;
  font-weight: 500;
}

.affordable-package-sec .package-tab-section .nav-tabs .nav-link.active {
  color: #27c289;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0px 0.25rem rgba(0, 0, 0, 0.1);
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card.basic .header {
  background-color: #F2F5FF;
  padding: 1.5rem 1rem;
  border: 1px solid #F2F5FF;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card.advanced .header {
  background-color: #304991;
  padding: 1.5rem 1rem;
  border: 1px solid #F2F5FF;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card.advanced .header .subtitle {
  color: #BEBEBE;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card {
  height: 100%;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body {
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  height: calc(100% - 318px);
  /* max-height: 550px;
  overflow-y: auto; */
  padding: 1.5rem 1rem;
  border-top: none;
  border: 1px solid #EDF1FF;
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body::-webkit-scrollbar {
  width: 6px;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body::-webkit-scrollbar-thumb {
  background: #d3d3d3;
  border-radius: 10px;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body .features_list li {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: #333333;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body .features_list li .fa-check-circle {
  color: #27c289;
  font-size: 1rem;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body .features_list li .fa-times-circle {
  color: #D23D3D;
  font-size: 1rem;
}

.affordable-package-sec .package-tab-section .package-tab-card-content .package-card .header .pricing p {
  color: #303030;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
}

@media (max-width: 991px) {
  .affordable-package-sec .package-tab-section .package-tab-card-content .package-card .body h3 {
    font: 1.25rem;
  }
}
@media (max-width: 767px) {
  .services-wrapper h3 br,
  .helped-business h3 br,
  .digital-roadblocks h3 br,
  .affordable-package-sec h3 br {
    display: none;
  }
  .services-wrapper p br,
  .helped-business p br,
  .digital-roadblocks p br,
  .affordable-package-sec p br {
    display: none;
  }
  .digital-roadblocks .digital-roadblocks-lists .digital-roadblocks-list h3 {
    font-size: 1.25rem;
  }
}
.helped-business-list-item {
  display: none;
}

/* Responsive adjustments */
@media screen and (max-width: 1200px) {
  .floating-card-2 {
    bottom: 20%;
  }
  .cro-btn {
    margin-top: 60px;
  }
  .business-revenue-image {
    right: 0px;
  }
  .gradient_line span:last-child {
    display: none;
  }
  .signup-text {
    font-size: 16px;
  }
  .Pro_Cms_bnr-image {
    width: 500px;
  }
  .cont-cms-heading {
    font-size: 35px;
    line-height: 1.2;
  }
  .left-section {
    max-width: 500px;
  }
  .bnr_status_row {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .seo-left-panel h1 {
    font-size: 45px;
    line-height: 50px;
  }
  .seo-right-panel {
    padding-top: 100px;
  }
  .seo-banner-quote {
    left: 0;
  }
  .seo-right-panel .seo-testimonial-box {
    max-width: calc(100% - 100px);
  }
  .seo-help-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .seo_cont_heading {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (max-width: 992px) {
  .cro-image-container {
    display: flex;
    justify-content: center;
  }
  .floating-card-1 {
    top: 47%;
    left: 25%;
  }
  .floating-card-3 {
    bottom: 6%;
    left: 22%;
  }
  .floating-card-2 {
    bottom: 23%;
    right: 26%;
  }
  .cro-btn {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .cro-metrics-tab-image {
    margin: 0px;
    margin-bottom: 40px;
  }
  .cro-metrics-tab-content {
    padding: 30px;
  }
  .key_cro_row {
    margin-top: 40px;
  }
  .industries_box {
    grid-template-columns: 1fr 1fr;
  }
  .industries_card {
    padding: 25px;
  }
  .main-heading {
    font-size: 35px;
  }
  .business-revenue-section {
    padding: 60px 0px;
  }
  .business-revenue-content {
    padding: 60px 30px;
  }
  .Pro_Cms_bnr-section {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
  }
  .Pro_Cms_bnr-image {
    position: relative;
    width: 600px;
    margin-left: auto;
  }
  .Pro_Cms_bnr-heading {
    font-size: 40px;
  }
  .Pro_Cms_bnr_content {
    min-height: auto;
    margin-bottom: 60px;
  }
  .Pro_Cms_bnr-heading {
    margin-bottom: 20px;
  }
  .cont-cms-heading {
    font-size: 30px;
    line-height: 1.2;
  }
  .drive_growth_card_content {
    padding: 30px;
  }
  .top_graph {
    margin-bottom: -10px;
  }
  .why {
    margin-bottom: 40px;
  }
  .bnr_status_row {
    grid-template-columns: 1fr 1fr;
  }
  .seo-right-panel .seo-testimonial-box {
    max-width: calc(100% - 50px);
    margin-bottom: 30px;
  }
  .seo-help-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media (max-width: 768px) {
  .key_cro_row {
    margin-top: 30px;
  }
  .cro-heading {
    font-size: 2rem;
  }
  .cro-subheading {
    font-size: 1.2rem;
  }
  .cro-description {
    font-size: 1rem;
  }
  .cro-image {
    margin-top: 2rem;
  }
  .gradient_line span {
    display: none;
  }
  .industries_box {
    grid-template-columns: 1fr;
  }
  .partner_section {
    padding: 60px 0px;
  }
  .partner_content h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  .partner_content .custom_btn {
    margin: 50px 0px 30px 0px;
  }
  .py_gap {
    padding: 40px 0px;
  }
  .pb_gap {
    padding-bottom: 40px;
  }
  .pt_gap {
    padding-top: 40px;
  }
  .signup-text {
    font-size: 16px;
  }
  .main-heading {
    font-size: 30px;
    line-height: 1.2;
  }
  .business-revenue-section {
    padding-bottom: 0px;
  }
  .Pro_Cms_bnr-section {
    padding-top: 20px;
  }
  .partner_content p {
    font-size: 16px;
  }
  .cro-metrics-tabs .nav-link {
    font-size: 16px;
  }
  .Pro_Cms_bnr_content {
    min-height: auto;
    padding-bottom: 40px;
  }
  .Pro_Cms_bnr-heading {
    font-size: 30px;
  }
  .cms-sub-heading {
    font-size: 16px;
  }
  .line_divider {
    margin-bottom: 20px;
  }
  .right-section {
    flex-direction: column;
    padding: 25px 25px;
  }
  .not_alone_card {
    max-width: 100%;
    min-height: 200px;
    padding: 20px;
  }
  .top_graph {
    padding: 20px 30px 0px;
    margin-bottom: -10px;
  }
  .seo-banner {
    padding: 60px 0px;
  }
  .bnr_status_row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .seo-help p {
    margin-bottom: 10px;
  }
  .seo-help-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media (max-width: 575px) {
  .Pro_Cms_btn {
    font-size: 17px;
  }
  .partner_content h2 {
    font-size: 30px;
  }
  .partner_content p {
    font-size: 16px;
  }
  .main-heading {
    font-size: 26px;
  }
  .cont-cms-heading {
    font-size: 28px;
    line-height: 1.2;
  }
  .checklist li {
    margin-bottom: 20px;
  }
  .growth_card_right h4 {
    font-size: 20px;
  }
  .top_graph {
    padding: 20px;
    margin-bottom: -30px;
  }
  .seo-left-panel h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .seo_cont_heading {
    font-size: 30px;
    line-height: 40px;
  }
  .seo-right-panel .seo-testimonial-box {
    max-width: calc(100% - 30px);
    margin-bottom: 30px;
  }
  .seo-help {
    padding-bottom: 0px;
  }
}/*# sourceMappingURL=LPstyle.css.map */