/* Header Navigartion bar */


/*========================================================================================
    /                                 INDEX.PHP                                                /                                                        /
    ==========================================================================================*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
}

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

a {
  text-decoration: none;
}

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


.hero-sec-dar {
  background: #FFFFFF;
  padding: 50px 20px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

/* BADGE */

.hero-badge-dar {
  display: inline-block;
  background: #e8f0ff;
  color: #155DFC;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  margin-bottom: 25px;
}

/* HEADING */

.hero-title-dar {
  font-size: 48px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.2;
  margin-bottom: 18px;

  animation: headingFade 1s ease;
}

.hero-title-dar span {
  color: #155DFC;
}

/* SUBTEXT */

.hero-text-dar {
  max-width: 640px;
  margin: auto;
  color: #6b7280;
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 35px;
}

/* BUTTON WRAP */

.hero-btn-wrap-dar {
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* PRIMARY BUTTON */

.hero-btn-primary-dar {
  background: #155DFC;
  color: white;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  transition: all .35s ease;

  animation: btnPop 1.2s ease;
}

.hero-btn-primary-dar:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, .3);
}

/* SECOND BUTTON */

.hero-btn-second-dar {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  color: #374151;
  transition: all .35s ease;

  animation: btnPop 1.4s ease;
}

.hero-btn-second-dar:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

/* HEADING ANIMATION */

@keyframes headingFade {

  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/* BUTTON ANIMATION */

@keyframes btnPop {

  0% {
    opacity: 0;
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }

}

/* MOBILE */

@media(max-width:768px) {

  .hero-title-dar {
    font-size: 34px;
  }

  .hero-btn-wrap-dar {
    flex-direction: column;
    align-items: center;
  }

}

/* ===== POPUP BACKGROUND ===== */
.hero-meet-overlay-dar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
}

/* ===== POPUP BOX ===== */
.hero-meet-modal-dar {
  width: 900px;
  max-width: 95%;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
  animation: heroMeetFadeDar .35s ease;
}

/* ===== LEFT CALENDAR ===== */
.hero-meet-calendar-dar {
  width: 50%;
  background: #a9bfd8;
  padding: 40px;
  text-align: center;
}

.hero-meet-month-title-dar {
  font-size: 18px;
  margin-bottom: 15px;
  color: #0c2b4e;
  font-weight: 600;
}

.hero-meet-calendar-grid-dar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  margin-top: 20px;
}

.hero-meet-day-dar {
  font-size: 13px;
  color: #1e3a5f;
  font-weight: 600;
}

.hero-meet-date-dar {
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  color: #1e3a5f;
  font-size: 14px;
  transition: .2s ease;
}

.hero-meet-date-dar:hover {
  background: #8faed0;
}

.hero-meet-active-date-dar {
  background: #ffffff;
  font-weight: 700;
}

.hero-meet-timezone-dar {
  margin-top: 22px;
  font-size: 12px;
  color: #1e3a5f;
}

/* ===== RIGHT SIDE ===== */
.hero-meet-times-dar {
  width: 50%;
  padding: 35px;
  position: relative;
  background: #ffffff;
}

.hero-meet-close-dar {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #f3f4f6;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
  color: #374151;
  transition: .25s ease;
}

.hero-meet-close-dar:hover {
  background: #e5e7eb;
}

.hero-meet-times-title-dar {
  font-size: 16px;
  margin-bottom: 20px;
  color: #374151;
  font-weight: 600;
  padding-right: 40px;
}

.hero-meet-time-list-dar {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hero-meet-time-btn-dar {
  border: 1px solid #d1d5db;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  background: #ffffff;
  transition: .25s ease;
  text-align: left;
  font-size: 14px;
  color: #374151;
}

.hero-meet-time-btn-dar:hover,
.hero-meet-time-btn-dar.active {
  background: #eff6ff;
  border-color: #155dfc;
  color: #155dfc;
}

/* ===== BOOK BUTTON ===== */
.hero-meet-book-btn-dar {
  display: inline-block;
  width: 100%;
  margin-top: 18px;
  padding: 13px 18px;
  background: #155DFC;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  transition: .3s ease;
}

.hero-meet-book-btn-dar:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(21, 93, 252, .25);
}

/* ===== POPUP ANIMATION ===== */
@keyframes heroMeetFadeDar {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(.97);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .hero-meet-modal-dar {
    flex-direction: column;
  }

  .hero-meet-calendar-dar,
  .hero-meet-times-dar {
    width: 100%;
  }

  .hero-meet-calendar-dar {
    padding: 28px 20px;
  }

  .hero-meet-times-dar {
    padding: 28px 20px;
  }
}

.hero-btn-primary-dar {
  background: #155DFC;
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: .3s ease;
  border: none;
}

.hero-btn-primary-dar:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(21, 93, 252, .24);
}

.hero-btn-second-dar {
  background: #fff;
  color: #374151;
  border: 1px solid #e5e7eb;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: .3s ease;
}

.hero-btn-second-dar:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

/* ================= POPUP ================= */

/* .dar-audit-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 18px;
  overflow-y: auto;
} */
.dar-audit-popup-overlay {
   position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  display: none;
  z-index: 9999;
  align-items: flex-start; 
  justify-content: center;
  padding: 20px;
  overflow-y: auto;
}

.dar-audit-popup-box {
  width: 100%;
  max-width: 960px;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.22);
  display: flex;
  animation: darAuditPopupFade .25s ease;
}

/* LEFT */
.dar-audit-popup-left {
  width: 50%;
  background: #d7e8fd;
  padding: 26px 24px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dar-audit-brand-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: #0d2170;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.dar-audit-brand-img {
  width: 35px;
  height: 35px;

}

.dar-audit-month-top {
  font-size: 18px;
  line-height: 1.35;
  color: #2563eb;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 500;
}

.dar-audit-month-row {
  width: 100%;
  max-width: 310px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.dar-audit-month-arrow {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  color: #2563eb;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.dar-audit-month-name {
  font-size: 24px;
  font-weight: 500;
  color: #2563eb;
  text-align: center;
}

.dar-audit-week-row {
  width: 100%;
  max-width: 360px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}

.dar-audit-week-row span {
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  color: #2563eb;
}

.dar-audit-date-grid {
  width: 100%;
  max-width: 360px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.dar-audit-date-btn {
  height: 36px;
  border: none;
  background: transparent;
  border-radius: 10px;
  font-size: 14px;
  color: #2563eb;
  cursor: pointer;
  transition: .2s ease;
}

.dar-audit-date-btn:hover {
  background: rgba(255, 255, 255, 0.5);
}

.dar-audit-date-btn.active {
  background: #ffffff;
  color: #4b5563;
  font-weight: 700;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}

.dar-audit-date-btn.empty {
  visibility: hidden;
  pointer-events: none;
}

.dar-audit-timezone {
  width: 100%;
  max-width: 360px;
  margin-top: 26px;
  font-size: 12px;
  color: #2563eb;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* RIGHT */
.dar-audit-popup-right {
  width: 50%;
  background: #ffffff;
  padding: 18px 18px 22px;
  position: relative;
}

.dar-audit-close-btn {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.dar-audit-field-label {
  font-size: 12px;
  color: #4b5563;
  margin: 4px 0 6px;
}

.dar-audit-duration-box {
  width: 100%;
  min-height: 40px;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 0 12px;
  color: #6b7280;
  font-size: 14px;
  outline: none;
  appearance: none;
  cursor: pointer;
}

.dar-audit-right-title {
  font-size: 13px;
  color: #4b5563;
  margin-bottom: 2px;
}

.dar-audit-right-subtitle {
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
  margin-bottom: 14px;
}

.dar-audit-slot-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dar-audit-slot-btn {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  border-radius: 8px;
  text-align: left;
  padding: 0 12px;
  font-size: 14px;
  color: #4b5563;
  cursor: pointer;
  transition: .2s ease;
}

.dar-audit-slot-btn:hover {
  border-color: #2563eb;
  background: #eff6ff;
}

.dar-audit-slot-btn.active {
  border-color: #2563eb;
  background: #dbeafe;
  color: #155dfc;
  font-weight: 600;
}

.dar-audit-book-info {
  margin-top: 12px;
  font-size: 12px;
  color: #6b7280;
  min-height: 18px;
}

.dar-audit-book-btn {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 13px 18px;
  border-radius: 10px;
  background: #155dfc;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  transition: .25s ease;
}

.dar-audit-book-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(21, 93, 252, 0.24);
}

@keyframes darAuditPopupFade {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ================= RESPONSIVE ================= */

@media (max-width:900px) {
  .dar-audit-popup-box {
    max-width: 860px;
  }

  .dar-audit-month-name {
    font-size: 21px;
  }
}

@media (max-width:767px) {
  .dar-audit-popup-overlay {
    padding: 10px;
    align-items: flex-start;
  }

  .dar-audit-popup-box {
    flex-direction: column;
    max-width: 100%;
    border-radius: 14px;
    margin: 12px 0;
  }

  .dar-audit-popup-left,
  .dar-audit-popup-right {
    width: 100%;
  }

  .dar-audit-popup-left {
    padding: 18px 12px 16px;
  }

  .dar-audit-popup-right {
    padding: 16px 12px 18px;
  }

  .dar-audit-brand-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    margin-bottom: 10px;
  }

  .dar-audit-month-top {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .dar-audit-month-row {
    max-width: 260px;
    margin-bottom: 14px;
  }

  .dar-audit-month-name {
    font-size: 18px;
  }

  .dar-audit-week-row,
  .dar-audit-date-grid,
  .dar-audit-timezone {
    max-width: 100%;
  }

  .dar-audit-date-grid {
    gap: 6px;
  }

  .dar-audit-date-btn {
    height: 32px;
    font-size: 13px;
  }

  .dar-audit-timezone {
    margin-top: 16px;
    font-size: 11px;
  }

  .dar-audit-slot-btn {
    min-height: 40px;
    font-size: 13px;
  }

  .dar-audit-duration-box {
    min-height: 38px;
    font-size: 13px;
  }
}

@media (max-width:420px) {
  .dar-audit-popup-overlay {
    padding: 8px;
  }

  .dar-audit-popup-box {
    border-radius: 12px;
  }

  .dar-audit-popup-left {
    padding: 16px 10px 14px;
  }

  .dar-audit-popup-right {
    padding: 14px 10px 16px;
  }

  .dar-audit-month-name {
    font-size: 16px;
  }

  .dar-audit-week-row span {
    font-size: 9px;
  }

  .dar-audit-date-btn {
    height: 30px;
    font-size: 12px;
    border-radius: 8px;
  }

  .dar-audit-slot-btn {
    min-height: 38px;
    padding: 0 10px;
    font-size: 13px;
  }

  .dar-audit-close-btn {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
}


/***Our Services SECTION**/

/*** Our Services SECTION ***/
.saas-services-sec {
  background: #F9FAFB;
  padding: 0px 20px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.saas-services-sec * {
  box-sizing: border-box;
}

.saas-services-container {
  max-width: 1200px;
  margin: auto;
}

/* TOP */
.saas-services-top {
  text-align: center;
  margin-bottom: 45px;
}

.saas-services-tag {
  display: inline-block;
  background: #eaf2ff;
  color: #2563eb;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.saas-services-heading {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
  line-height: 1.3;
}

.saas-services-sub {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.6;
}

/* SLIDER WRAP */
.saas-services-slider-wrap {
  position: relative;
  padding: 0 52px;
}

.saas-services-slider {
  display: flex;
  gap: 28px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px 2px 10px;
}

.saas-services-slider::-webkit-scrollbar {
  display: none;
}

.saas-slide-item {
  flex: 0 0 calc(33.333% - 19px);
  min-width: calc(33.333% - 19px);
}

/* CARD */
.saas-service-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: .35s;
  height: 100%;
}

.saas-service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

/* IMAGE */
.saas-card-img {
  position: relative;
  overflow: hidden;
}

.saas-card-img img {
  width: 100%;
  display: block;
  transition: .6s;
}

.saas-service-card:hover .saas-card-img img {
  transform: scale(1.08);
}

/* BADGE */
.saas-card-badge {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* CONTENT */
.saas-card-content {
  padding: 24px;
}

.saas-card-content h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #111827;
  line-height: 1.35;
}

.saas-blue-text {
  color: #2563eb;
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 10px;
}

.saas-card-desc {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px;
  line-height: 1.7;
}

/* BUTTON */
.saas-card-btn {
  display: inline-block;
  background: #2563eb;
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
  transition: .3s;
}

.saas-card-btn:hover {
  background: #1d4ed8;
  transform: translateY(-2px);
}

/* ARROWS */
.saas-slide-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: #2563eb;
  color: #ffffff;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22);
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.saas-slide-btn:hover {
  background: #1d4ed8;
  transform: translateY(-50%) scale(1.06);
}

.saas-prev {
  left: 0;
}

.saas-next {
  right: 0;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .saas-slide-item {
    flex: 0 0 calc(50% - 14px);
    min-width: calc(50% - 14px);
  }

  .saas-services-heading {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .saas-services-sec {
    padding: 40px 16px;
  }

  .saas-services-slider-wrap {
    padding: 0 42px;
  }

  .saas-slide-item {
    flex: 0 0 100%;
    min-width: 100%;
  }

  .saas-services-heading {
    font-size: 24px;
  }

  .saas-services-sub {
    font-size: 14px;
  }

  .saas-card-content {
    padding: 20px;
  }

  .saas-slide-btn {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .saas-services-slider-wrap {
    padding: 0 36px;
  }

  .saas-services-heading {
    font-size: 22px;
  }

  .saas-card-content h3 {
    font-size: 17px;
  }

  .saas-card-desc {
    font-size: 13px;
  }

  .saas-card-btn {
    font-size: 13px;
    padding: 9px 16px;
  }

  .saas-slide-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
}

/* ===== Section ===== */

.mv-sec {
  padding: 30px 20px;
  background: #ffffff;
}

.mv-container {
  max-width: 1100px;
  margin: auto;
}


/* Heading */

.mv-heading {
  text-align: center;
  margin-bottom: 60px;
  color: #0d6efd;
}

.mv-badge {
  font-size: 14px;
  background: #eef2ff;
  color: #2563eb;
  padding: 6px 16px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 600;
}

.mv-title {
  font-size: 35px;
  font-weight: 700;
  color: #0849df;
  margin: 0;
}


/* Grid */

.mv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}


/* Card */

.mv-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 35px 28px;
  border-radius: 18px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
  transition: 0.3s;
}

.mv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}


/* Icon */

.mv-icon {
  width: 55px;
  height: 55px;
  background: #2563eb;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 22px;
  margin-bottom: 18px;
}


/* Text */

.mv-card-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #111827;
}

.mv-card-text {
  font-size: 16px;
  line-height: 1.7;
  color: #6b7280;
  margin: 0;
}


/* Responsive */

@media(max-width:768px) {

  .mv-grid {
    grid-template-columns: 1fr;
  }

  .mv-title {
    font-size: 30px;
  }

}

/**************************************/
.whyin-premium-sec {
  width: 100%;
  padding: 50px 20px;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.whyin-premium-wrap {
  max-width: 1050px;
  margin: 0 auto;
  padding: 44px 42px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #dbeafe;
  border-radius: 24px;
  box-shadow:
    0 20px 50px rgba(37, 99, 235, 0.08),
    0 8px 20px rgba(0, 0, 0, 0.04);
  position: relative;
  animation: whyinFadeUp .8s ease both;
}

.whyin-premium-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 32px;
  bottom: 32px;
  width: 5px;
  border-radius: 20px;
  background: linear-gradient(180deg, #2563eb 0%, #60a5fa 100%);
}

.whyin-premium-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding-left: 10px;
}

.whyin-premium-badge-line {
  width: 34px;
  height: 2px;
  background: #167cf9;
  border-radius: 10px;
}

.whyin-premium-badge span:last-child {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .8px;
  color: #27579f;
}

.whyin-premium-title {
  margin: 0 0 18px 0;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  color: #111827;
  max-width: 900px;
  padding-left: 10px;
}

.whyin-premium-title span {
  color: #2563eb;
}

.whyin-premium-text {
  margin: 0 0 18px 0;
  font-size: 16px;
  line-height: 1.6;
  color: #374151;
  max-width: 930px;
  padding-left: 10px;
}

.whyin-premium-text-last {
  margin-bottom: 0;
}

@keyframes whyinFadeUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .whyin-premium-sec {
    padding: 65px 18px;
  }

  .whyin-premium-wrap {
    padding: 36px 30px;
  }

  .whyin-premium-title {
    font-size: 38px;
  }

  .whyin-premium-text {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  .whyin-premium-sec {
    padding: 50px 16px;
  }

  .whyin-premium-wrap {
    padding: 28px 22px;
    border-radius: 18px;
  }

  .whyin-premium-wrap::before {
    top: 22px;
    bottom: 22px;
    width: 4px;
  }

  .whyin-premium-title {
    font-size: 30px;
    line-height: 1.25;
    margin-bottom: 14px;
  }

  .whyin-premium-text {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 14px;
  }

  .whyin-premium-badge {
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  .whyin-premium-wrap {
    padding: 24px 18px;
  }

  .whyin-premium-title {
    font-size: 24px;
  }

  .whyin-premium-text {
    font-size: 14px;
  }

  .whyin-premium-badge span:last-child {
    font-size: 12px;
  }

  .whyin-premium-badge-line {
    width: 26px;
  }
}

/************************* What We Do SECTION ********************************/
.revstack-sec {
  padding: 30px 20px;
  background: #ffffff;
  font-family: Inter, sans-serif;
}

.revstack-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */

.revstack-head {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeUpRev 1s ease;
}

.revstack-badge {
  display: inline-block;
  background: #DBEAFE;
  color: #2d6cdf;
  padding: 6px 14px;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0.00);
  font-size: 13px;
  margin-bottom: 15px;
}

.revstack-title {
  font-size: 34px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 10px;
}

.revstack-sub {
  color: #6b7280;
  max-width: 650px;
  margin: auto;
  font-size: 15px;
}

/* GRID */

.revstack-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */

.revstack-card {
  background: white;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid #eef1f6;
  transition: all .35s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
  animation: fadeUpRev 1s ease;
}

.revstack-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

/* ICON */

.revstack-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  border-radius: 14px;
  margin-bottom: 18px;
  font-size: 20px;
  color: #2d6cdf;
  transition: .4s;
}

.revstack-card:hover .revstack-icon {
  background: #2d6cdf;
  color: white;
  transform: scale(1.1) rotate(5deg);
}

/* TEXT */

.revstack-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #1f2937;
}

.revstack-card p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* HOVER GLOW EFFECT */

.revstack-card::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle at top left, rgba(59, 130, 246, .15), transparent 60%);
  top: -50%;
  left: -50%;
  opacity: 0;
  transition: .4s;
}

.revstack-card:hover::before {
  opacity: 1;
}

/* ANIMATION */

@keyframes fadeUpRev {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */

@media(max-width:1024px) {

  .revstack-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:600px) {

  .revstack-title {
    font-size: 26px;
  }

  .revstack-grid {
    grid-template-columns: 1fr;
  }

}

/*****************************B2B section start******************************** */
/* SECTION */

.b2b-section {
  padding: 40px 0;
  background: #f7f8fc;
  text-align: center;
}

/* TOP LABEL */

.sec-label {
  display: inline-block;
  padding: 6px 14px;
  background: #e9f2ff;
  color: #3a7cff;
  border-radius: 20px;
  font-size: 13px;
  margin-bottom: 15px;
  font-weight: 600;
}

/* HEADING */

.sec-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

.sec-text {
  color: #6c757d;
  max-width: 600px;
  margin: auto;
  margin-bottom: 50px;
}

/* CARD */

.b2b-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
  position: relative;
}

/* IMAGE */

.card-img {
  height: 140px;
  overflow: hidden;
}

.card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

/* CARD BODY */

.card-body-custom {
  padding: 22px;
  text-align: left;
}

/* ICON */

.card-icon {
  width: 40px;
  height: 40px;
  background: #e9f2ff;
  color: #3a7cff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 18px;
}

/* TITLE */

.card-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
}

/* TEXT */

.card-text {
  font-size: 14px;
  color: #6c757d;
}

/* HOVER EFFECT */

.b2b-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
}

.b2b-card:hover img {
  transform: scale(1.1);
}

/* SHINE EFFECT */

.b2b-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-20deg);
  transition: 0.7s;
}

.b2b-card:hover::after {
  left: 150%;
}

/* SCROLL ANIMATION */

.reveal {
  opacity: 0;
  transform: translateY(60px);
  transition: 0.8s;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/*****HOW ITS WOKS****/
/* SECTION */

.process-section {
  padding: 40px 0;
  background: #f4f6fb;
  text-align: center;
}

/* LABEL */

.process-label {
  display: inline-block;
  padding: 6px 14px;
  background: #eaf1ff;
  color: #3a7cff;
  font-size: 13px;
  border-radius: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

/* HEADING */

.process-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 10px;
}

.process-text {
  color: #6c757d;
  max-width: 550px;
  margin: auto;
  margin-bottom: 60px;
}

/* STEP CARD */

.process-card {
  text-align: center;
  padding: 10px 20px;
  transition: 0.4s;
}

/* NUMBER CIRCLE */

.step-circle {
  width: 60px;
  height: 60px;
  background: #2f6df6;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  margin: auto;
  margin-bottom: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
}

/* TITLE */

.step-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}

/* TEXT */

.step-text {
  font-size: 14px;
  color: #6c757d;
  max-width: 220px;
  margin: auto;
}

/* HOVER */

.process-card:hover .step-circle {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* SCROLL ANIMATION */

.reveal {
  opacity: 0;
  transform: translateY(60px);
  transition: 0.8s;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/***********Daigram section********************/
.bl-top-content-image-space {
  width: 100%;
  background: #F9FAFB;
  padding: 50px 20px 80px;
  font-family: Arial, sans-serif;
}

.bl-top-content-image-space .bl-container {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.bl-top-content-image-space .bl-heading {
  margin: 0;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  color: #4b5563;
}

.bl-top-content-image-space .bl-heading span {
  color: #1682f4;
}

.bl-top-content-image-space .bl-subheading {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: #9ca3af;
}

.bl-top-content-image-space .bl-image-space {
  width: 100%;
  min-height: 420px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bl-top-content-image-space .bl-image-space img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  animation: blFloatImage 5s ease-in-out infinite;
  transition: transform 0.4s ease;
}

.bl-top-content-image-space .bl-image-space img:hover {
  transform: scale(1.04);
}

@keyframes blFloatImage {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width:767px) {
  .bl-top-content-image-space {
    padding: 45px 15px 60px;
  }

  .bl-top-content-image-space .bl-heading {
    font-size: 30px;
  }

  .bl-top-content-image-space .bl-subheading {
    font-size: 14px;
    line-height: 1.7;
  }

  .bl-top-content-image-space .bl-image-space {
    min-height: 260px;
    margin-top: 35px;
  }
}

@media (max-width:480px) {
  .bl-top-content-image-space .bl-heading {
    font-size: 24px;
  }

  .bl-top-content-image-space .bl-image-space {
    min-height: 220px;
  }
}

/*Why Choose Us*/
/* GLOBAL */

body {
  font-family: 'Inter', sans-serif;
  background: #f7f8fc;
}



/* SECTION */

.partner-sec {
  padding: 20px 0;
}



/* HEADING */

.partner-tag {
  background: #eaf1ff;
  color: #2f6df6;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 15px;
}

.partner-title {
  font-size: 38px;
  font-weight: 700;
  color: #1f2937;
}

.partner-subtitle {
  color: #6b7280;
  max-width: 650px;
  margin: auto;
  margin-top: 10px;
}



/* IMAGE */

.partner-img-box {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
  animation: fadeUp 1s ease;
}

.partner-img-box img {
  width: 100%;
  border-radius: 16px;
}



/* STATS */

.partner-stats {
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 30px;
  background: white;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.partner-stats h2 {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  color: #2f6df6;
}

.partner-stats span {
  font-size: 12px;
  color: #6b7280;
}



/* CONTENT */

.partner-content-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.partner-content-desc {
  color: #6b7280;
  margin-bottom: 20px;
}

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

.partner-list li {
  margin-bottom: 15px;
  font-weight: 600;
  color: #1f2937;
}

.partner-list span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #6b7280;
}



/* FEATURE CARDS */

.partner-features {
  margin-top: 60px;
}

.partner-card {
  background: white;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
  height: 100%;
}

.partner-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.partner-icon {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: #0E80F3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 15px;
}

.partner-card h4 {
  color: #0E80F3;
}

.partner-card h6 {
  color: #4A5565;
}

/* ANIMATION */

@keyframes fadeUp {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/*Bant labs FAQ Section= */
/* SECTION */

.faq-section {
  background: linear-gradient(0deg, #172B63 0%, #172B63 100%), #FFF;
  padding: 20px 20px;
  color: #fff;
}

.faq-container {
  max-width: 900px;
  margin: auto;
  text-align: center;
}

/* SMALL TITLE */

.faq-subtitle {
  letter-spacing: 2px;
  font-size: 12px;
  color: #9fb2e0;
  margin-bottom: 10px;
}

/* MAIN TITLE */

.faq-title {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* DESCRIPTION */

.faq-desc {
  max-width: 700px;
  margin: auto;
  color: #c9d6ff;
  line-height: 1.7;
  margin-bottom: 50px;
}

/* FAQ ITEM */

.faq-item {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  transition: 0.3s;
}

/* QUESTION */

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  cursor: pointer;
  font-size: 16px;
}

/* ARROW */

.faq-icon {
  transition: 0.3s;
}

/* ANSWER */

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 20px;
}

/* INNER ANSWER BOX */

.faq-answer-content {
  background: #2f4f9f;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  text-align: left;
  color: #dce6ff;
  line-height: 1.7;
}

/* ACTIVE */

.faq-item.active .faq-answer {
  max-height: 300px;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

/* HOVER */

.faq-item:hover {
  border-color: #4c79ff;
}

/*Ready to fill your pipelines */
/* SECTION */

.cta-section {
  padding: 100px 20px;
  background: linear-gradient(108deg, #0F172B 1.43%, #1C398E 49.36%, #0F172B 97.28%);
  color: #fff;
  text-align: center;
}

/* CONTAINER */

.cta-container {
  max-width: 900px;
  margin: auto;
}

/* TITLE */

.cta-title {
  font-size: 42px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px;
}

/* DESCRIPTION */

.cta-text {
  color: #cfd8ff;
  max-width: 650px;
  margin: auto;
  line-height: 1.7;
  margin-bottom: 40px;
}

/* BUTTON AREA */

.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

/* PRIMARY BUTTON */

.cta-btn-primary {
  background: #fff;
  color: #1c2f63;
  padding: 14px 28px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

.cta-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* OUTLINE BUTTON */

.cta-btn-outline {
  border: 1px solid #fff;
  color: #fff;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

.cta-btn-outline:hover {
  background: #fff;
  color: #1c2f63;
}

/* FEATURES */

.cta-features {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  font-size: 14px;
  color: #cfd8ff;
  margin-bottom: 40px;
}

.cta-features span {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* DIVIDER */

.cta-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  width: 80%;
  margin: 40px auto;
}

/* TRUST TEXT */

.cta-trust {
  color: #cfd8ff;
  margin-bottom: 25px;
}

/* COMPANY BADGES */

.cta-companies {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.company-box {
  background: rgba(255, 255, 255, 0.08);
  padding: 12px 25px;
  border-radius: 10px;
  color: #dfe7ff;
  font-size: 14px;
  transition: 0.3s;
}

.company-box:hover {
  background: rgba(255, 255, 255, 0.15);
}

/*========================================================================================
    /                                 ABOUT US.PHP                                               /                                                        /
    ==========================================================================================*/
.b2b-sec {
  background: linear-gradient(135deg, #EFF6FF 0%, #FAF5FF 50%, #FFF 100%);
  padding: 50px 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */
.b2b-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  padding: 0 20px;
}

/* LEFT SIDE */
.b2b-left {
  flex: 1;
  animation: slideLeft 1s ease;
}

.b2b-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #1e293b;
  margin-bottom: 20px;
}

.b2b-title span {
  color: #2a7be4;
}

.b2b-text {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
  max-width: 450px;
}

.b2b-btn {
  display: inline-block;
  background: #2a7be4;
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.b2b-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

/* RIGHT SIDE */
.b2b-right {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: slideRight 1s ease;
  min-width: 0;
}

/* GRAPH CARD */
.b2b-graph-card {
  background: #fff;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 430px;
  position: relative;
  z-index: 2;
  animation: floatCard 4s ease-in-out infinite;
  box-sizing: border-box;
}

/* LINE GRAPH */
.line-chart {
  height: 120px;
  position: relative;
  margin-bottom: 30px;
}

.line {
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #2a7be4, #5aa9ff);
  position: absolute;
  top: 60px;
  left: 0;
  transform: skewY(-12deg);
  animation: lineGrow 2s ease forwards;
}

.dot {
  width: 10px;
  height: 10px;
  background: #2a7be4;
  border-radius: 50%;
  position: absolute;
  animation: pulse 2s infinite;
}

.d1 {
  left: 10%;
  top: 80px;
}

.d2 {
  left: 30%;
  top: 60px;
}

.d3 {
  left: 55%;
  top: 70px;
}

.d4 {
  left: 75%;
  top: 50px;
}

.d5 {
  left: 92%;
  top: 40px;
}

/* BAR CHART */
.bar-chart {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  height: 100px;
}

.bar {
  width: 28px;
  background: linear-gradient(180deg, #2a7be4, #5aa9ff);
  border-radius: 6px 6px 0 0;
  transform-origin: bottom;
  animation: barGrow 1.5s ease forwards;
}

.b1 {
  height: 40px;
}

.b2 {
  height: 70px;
}

.b3 {
  height: 55px;
}

.b4 {
  height: 90px;
}

.b5 {
  height: 65px;
}

/* BLUE CIRCLE */
.b2b-circle {
  position: absolute;
  width: 95px;
  height: 95px;
  background: #2a7be4;
  border-radius: 50%;
  left: 10px;
  bottom: 40px;
  z-index: 1;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
  animation: floatCircle 4s infinite ease-in-out;
}

/* ANIMATIONS */
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes floatCircle {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes floatCard {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes lineGrow {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes barGrow {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

/* TABLET */
@media (max-width: 992px) {
  .b2b-container {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }

  .b2b-left,
  .b2b-right {
    width: 100%;
  }

  .b2b-text {
    margin: 0 auto 30px;
    max-width: 100%;
  }

  .b2b-graph-card {
    max-width: 520px;
    margin: 0 auto;
  }

  .b2b-circle {
    left: 50%;
    transform: translateX(-180px);
    bottom: 25px;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .b2b-sec {
    padding: 40px 0;
  }

  .b2b-container {
    padding: 0 16px;
    gap: 30px;
  }

  .b2b-title {
    font-size: 30px;
    line-height: 1.25;
  }

  .b2b-title span br {
    display: none;
  }

  .b2b-text {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
  }

  .b2b-btn {
    padding: 11px 20px;
    font-size: 14px;
  }

  .b2b-right {
    padding-top: 10px;
  }

  .b2b-graph-card {
    max-width: 100%;
    padding: 22px 18px;
    border-radius: 16px;
  }

  .line-chart {
    height: 95px;
    margin-bottom: 20px;
  }

  .line {
    top: 48px;
  }

  .dot {
    width: 8px;
    height: 8px;
  }

  .d1 {
    left: 10%;
    top: 66px;
  }

  .d2 {
    left: 30%;
    top: 50px;
  }

  .d3 {
    left: 55%;
    top: 58px;
  }

  .d4 {
    left: 75%;
    top: 40px;
  }

  .d5 {
    left: 91%;
    top: 31px;
  }

  .bar-chart {
    gap: 8px;
    height: 80px;
    justify-content: space-between;
  }

  .bar {
    width: 16%;
    max-width: 22px;
  }

  .b1 {
    height: 30px;
  }

  .b2 {
    height: 54px;
  }

  .b3 {
    height: 42px;
  }

  .b4 {
    height: 70px;
  }

  .b5 {
    height: 50px;
  }

  .b2b-circle {
    width: 62px;
    height: 62px;
    left: 8px;
    bottom: 18px;
    transform: none;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
  .b2b-title {
    font-size: 26px;
  }

  .b2b-graph-card {
    padding: 18px 14px;
  }

  .line-chart {
    height: 82px;
  }

  .line {
    top: 42px;
  }

  .d1 {
    top: 58px;
  }

  .d2 {
    top: 44px;
  }

  .d3 {
    top: 50px;
  }

  .d4 {
    top: 34px;
  }

  .d5 {
    top: 26px;
  }

  .bar-chart {
    height: 72px;
    gap: 6px;
  }

  .bar {
    max-width: 18px;
  }

  .b1 {
    height: 26px;
  }

  .b2 {
    height: 46px;
  }

  .b3 {
    height: 36px;
  }

  .b4 {
    height: 62px;
  }

  .b5 {
    height: 44px;
  }

  .b2b-circle {
    width: 54px;
    height: 54px;
    bottom: 14px;
  }
}

/********************************OUR STORY****************************************/
/* ===== SECTION STYLING ===== */
.bantadv-section {
  background: #ffffff;
  padding: 50px 20px;
  text-align: center;
  box-sizing: border-box;
  font-family: 'Times New Roman', Times, serif
}

.bantadv-smalltitle {
  display: inline-block;
  background: linear-gradient(90deg, #DBEAFE 0%, #F3E8FF 100%);
  color: #3b82f6;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
  opacity: 0;
  transform: translateY(20px);
  animation: bantfadeUp 0.8s ease forwards;
  animation-delay: 0.1s;
}

.bantadv-title {
  font-size: 32px;
  font-weight: 700;
  color: #2d7be5;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  animation: bantfadeUp 0.8s ease forwards;
}

.bantadv-desc {
  font-size: 16px;
  color: #6c7280;
  max-width: 700px;
  margin: auto;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(20px);
  animation: bantfadeUp 0.8s ease forwards;
}

/* Animation delays for main titles & description */
.bantadv-title:nth-of-type(1) {
  animation-delay: 0.2s;
}

.bantadv-desc:nth-of-type(1) {
  animation-delay: 0.3s;
}

.bantadv-title:nth-of-type(2) {
  animation-delay: 0.4s;
}

.bantadv-desc:nth-of-type(2) {
  animation-delay: 0.5s;
}

/* ===== ADVANTAGE CARDS ===== */
.bantadv-cards .card {
  border: 0.8px solid #E5E7EB;
  border-radius: 14px;
  padding: 30px 20px;
  transition: 0.5s;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  background: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  transform: translateY(30px);
  animation: bantfadeUp 0.8s ease forwards;
  text-align: left;
  /* Everything left-aligned */
}

/* Card hover elevation */
.bantadv-cards .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
}

/* Shiny hover effect */
.bantadv-cards .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
  transform: skewX(-25deg);
  transition: 0.7s;
}

.bantadv-cards .card:hover::before {
  left: 125%;
}

/* Staggered card fade-up */
.bantadv-cards .card:nth-child(1) {
  animation-delay: 0.6s;
}

.bantadv-cards .card:nth-child(2) {
  animation-delay: 0.8s;
}

.bantadv-cards .card:nth-child(3) {
  animation-delay: 1s;
}

/* ===== CARD ICON ===== */
.bantadv-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  font-size: 24px;
  color: white;
  /* Keep icon left-aligned */
}

/* Individual icon colors */
.bantadv-icon1 {
  background: #dbeafe;
  color: #3b82f6;
}

.bantadv-icon2 {
  background: #f3e8ff;
  color: #a855f7;
}

.bantadv-icon3 {
  background: #dcfce7;
  color: #22c55e;
}

/* ===== CARD TEXT ANIMATION ===== */
.bantadv-cards .card .bantadv-icon,
.bantadv-cards .card .bantadv-card-title,
.bantadv-cards .card .bantadv-card-text {
  opacity: 0;
  transform: translateX(-20px);
  animation: bantSlideFade 0.6s ease forwards;
}

/* Staggered delays for content inside cards */
.bantadv-cards .card:nth-child(1) .bantadv-icon,
.bantadv-cards .card:nth-child(1) .bantadv-card-title,
.bantadv-cards .card:nth-child(1) .bantadv-card-text {
  animation-delay: 0.7s;
}

.bantadv-cards .card:nth-child(2) .bantadv-icon,
.bantadv-cards .card:nth-child(2) .bantadv-card-title,
.bantadv-cards .card:nth-child(2) .bantadv-card-text {
  animation-delay: 0.9s;
}

.bantadv-cards .card:nth-child(3) .bantadv-icon,
.bantadv-cards .card:nth-child(3) .bantadv-card-title,
.bantadv-cards .card:nth-child(3) .bantadv-card-text {
  animation-delay: 1.1s;
}

/* Card title and text styling */
.bantadv-card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #111827;
}

.bantadv-card-text {
  font-size: 14px;
  color: #6c7280;
  text-align: left;
}

.bantadv-card-text p {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

.bantadv-card-text p::before {
  content: "✔";
  display: inline-block;
  color: #22c55e;
  margin-right: 8px;
  font-weight: bold;
}

/* ===== ANIMATIONS ===== */
@keyframes bantfadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bantSlideFade {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ===== RESPONSIVE ===== */
@media(max-width:992px) {
  .bantadv-cards .card {
    margin-bottom: 30px;
  }
}

/* Our Revenue Religion Section Styling */

.revenue-religion-section {
  padding: 50px 0;
  background: linear-gradient(180deg, #F9FAFB 0%, #FFF 100%);
  font-family: 'Segoe UI', sans-serif;
}

.revenue-heading-title {
  font-weight: 700;
  font-size: 36px;
  color: #2c6cf6;
}

.revenue-heading-sub {
  color: #7c8493;
  font-size: 16px;
  margin-top: 10px;
}

/* Cards */

.revenue-card-box {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: all .35s ease;
  height: 100%;
}

.revenue-card-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.revenue-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  background: linear-gradient(135deg, #e8efff, #d8e3ff);
}

.revenue-card-title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

.revenue-card-text {
  font-size: 14px;
  color: #6c757d;
  line-height: 1.6;
}

/* Bottom section */

.client-label-tag {
  display: inline-block;
  padding: 4px 10px;
  background: linear-gradient(90deg, #DBEAFE 0%, #F3E8FF 100%);
  color: #193CB8;
  font-size: 12px;
  border-radius: 6px;
  margin-bottom: 10px;
}

.client-main-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
}

.client-desc {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 12px;
}

.client-img-wrapper img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  transition: all .4s ease;
}

.client-img-wrapper img:hover {
  transform: scale(1.04);
}

/* Fade animation */

.fade-slide-up {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeUp 1s ease forwards;
}

.fade-slide-up.delay1 {
  animation-delay: .2s;
}

.fade-slide-up.delay2 {
  animation-delay: .4s;
}

.fade-slide-up.delay3 {
  animation-delay: .6s;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */

@media (max-width:991px) {

  .client-main-title {
    font-size: 28px;
  }

  .revenue-heading-title {
    font-size: 30px;
  }

}

/* Revenue Acceleration Stack Section */

.revstack-section {
  padding: 50px 0;
  background: #f6f7fb;
  font-family: 'Segoe UI', sans-serif;
}

/* Heading */

.revstack-badge {
  display: inline-block;
  background: #e8efff;
  color: #2c6cf6;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 12px;
}

.revstack-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
}

.revstack-subtitle {
  color: #6b7280;
  font-size: 16px;
  max-width: 650px;
  margin: auto;
}

/* Cards */

.revstack-card {
  background: #fff;
  padding: 30px 25px;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: all .35s ease;
  height: 100%;
}

.revstack-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* Icon */

.revstack-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e7f0ff, #dce8ff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
  color: #2c6cf6;
}

/* Card Title */

.revstack-card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #111827;
}

/* Card Text */

.revstack-card-text {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* Animation */

.revstack-fade {
  opacity: 0;
  transform: translateY(40px);
  animation: revFadeUp 1s ease forwards;
}

.revstack-delay1 {
  animation-delay: .2s;
}

.revstack-delay2 {
  animation-delay: .4s;
}

.revstack-delay3 {
  animation-delay: .6s;
}

.revstack-delay4 {
  animation-delay: .8s;
}

@keyframes revFadeUp {

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

/* Responsive */

@media (max-width:992px) {

  .revstack-title {
    font-size: 28px;
  }

}

/* LeadRoad Approach Section */

.lr-approach-section {
  padding: 50px 0;
  background: #f6f7fb;
  font-family: 'Segoe UI', sans-serif;
}

/* Badge */

.lr-badge {
  display: inline-block;
  background: linear-gradient(90deg, #DBEAFE 0%, #F3E8FF 100%);
  color: #1447E6;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 10px;
}

/* Heading */

.lr-heading {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 40px;
}

/* Text */

.lr-desc {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 15px;
}

/* Cards */

.lr-feature-card {
  background: #fff;
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  text-align: center;
  transition: all .35s ease;
  height: 100%;
}

.lr-feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* Icon */

.lr-icon-box {
  width: 55px;
  height: 55px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin: 0 auto 15px auto;
  color: #fff;
}

.lr-icon-blue {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.lr-icon-purple {
  background: linear-gradient(135deg, #9333ea, #7c3aed);
}

.lr-icon-indigo {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
}

.lr-icon-green {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

/* Card text */

.lr-card-title {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 6px;
}

.lr-card-desc {
  font-size: 13px;
  color: #6b7280;
}

/* CTA */

.lr-cta-box {
  margin-top: 70px;
  padding: 60px 20px;
  border-radius: 20px;
  background: linear-gradient(135deg, #2c6cf6, #1e4f9a);
  text-align: center;
  color: #fff;
}

.lr-cta-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Button */

.lr-demo-btn {
  background: #fff;
  color: #2c6cf6;
  border: none;
  padding: 12px 28px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 500;
  transition: .3s;
}

.lr-demo-btn:hover {
  background: #e9efff;
  transform: translateY(-3px);
}

/* Animation */

.lr-fade {
  opacity: 0;
  transform: translateY(40px);
  animation: lrFadeUp 1s ease forwards;
}

.lr-delay1 {
  animation-delay: .2s;
}

.lr-delay2 {
  animation-delay: .4s;
}

.lr-delay3 {
  animation-delay: .6s;
}

.lr-delay4 {
  animation-delay: .8s;
}

@keyframes lrFadeUp {

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

/* Responsive */

@media (max-width:992px) {

  .lr-heading {
    font-size: 28px;
  }

  .lr-cta-title {
    font-size: 24px;
  }

}

/*========================================================================================
    /                                 BLOGS.PHP                                               /                                                        /
    ==========================================================================================*/

.pbk-hero {
  background: #E5F1FE;
  padding: 80px 0 60px;
}

.pbk-small-title {
  font-size: 14px;
  color: #0E80F3;
  margin-bottom: 10px;
}

.pbk-main-title {
  font-size: 46px;
  font-weight: 700;
  color: #0E80F3;
  margin-bottom: 12px;
}

.pbk-subtitle {
  font-size: 18px;
  color: #0E80F3;
  margin-bottom: 30px;
}

/* ===== FILTER BAR ===== */

.pbk-filter-bar {
  background: #ffffff;
  border-top: 1px solid #e2e6ef;
  padding: 18px 0;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.03);
}

.pbk-filter-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ===== BUTTONS ===== */

.pbk-filter-btn {
  border: 1px solid #e2e6ef;
  background: #f7f9fc;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  color: #3b4b64;
  transition: .3s;
}

.pbk-filter-btn:hover {
  background: #1f6edc;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.pbk-filter-active {
  background: #eaf1ff;
  border-color: #1f6edc;
  color: #1f6edc;
  font-weight: 500;
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px) {

  .pbk-main-title {
    font-size: 32px;
  }

  .pbk-subtitle {
    font-size: 16px;
  }

  .pbk-filter-wrap {
    justify-content: center;
  }

}

/* pipeline  MAIN SECTION */

.pipeline-section-u101 {
  background: white;
  padding: 70px 0;
  font-family: Segoe UI;
}

/* HEADER */

.pipeline-head-u102 {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

.pipeline-title-u103 {
  font-size: 28px;
  font-weight: 700;
}

.pipeline-sub-u104 {
  font-size: 14px;
  color: #666;
}

.pipeline-view-u105 {
  margin-left: auto;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
}

/* IMAGE CARDS */

.pipeline-imgcard-u106 {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  transition: .3s;
}

.pipeline-imgcard-u106 img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.pipeline-imgcard-u106:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.pipeline-tag-u107 {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #0d6efd;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
}

/* BLOG BAR */

.pipeline-blogbar-u108 {
  background: white;
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  margin-top: 25px;
}

/* BRAND */

.pipeline-brand-u109 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pipeline-logo-u110 {
  width: 50px;
  height: 50px;
}

.pipeline-brandname-u111 {
  font-weight: 700;
  color: #2b6cb0;
}

/* MENU */

.pipeline-menu-u112 {
  display: flex;
  gap: 18px;
  margin-left: auto;
  align-items: center;
}

.pipeline-menu-u112 a {
  text-decoration: none;
  color: #444;
  font-size: 14px;
}

.pipeline-menu-u112 a:hover {
  color: #0d6efd;
}

/* BUTTON */

.pipeline-subbtn-u113 {
  background: #0d6efd;
  color: white;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 13px;
}

/* CONTENT CARDS */

.pipeline-card-u114 {
  background: white;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #eee;
  margin-top: 20px;
  transition: .3s;
}

.pipeline-card-u114:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.pipeline-cardtitle-u115 {
  font-weight: 600;
  margin-bottom: 10px;
}

.pipeline-cardtext-u116 {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}

.pipeline-read-u117 {
  font-size: 12px;
  color: #999;
}

/* MOBILE */

@media(max-width:768px) {

  .pipeline-head-u102 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .pipeline-menu-u112 {
    flex-wrap: wrap;
    margin-top: 10px;
  }

}

/*********************AI SALE  SECTION*********************88*/
.ai-section {
  padding: 40px 0;
  font-family: Segoe UI;
  background-color: #F9FAFB;
}

/* SECTION HEADING */
.section-tag {
  color: #7b61ff;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
}

.section-desc {
  color: #777;
}

/* VIEW ALL */
.view-all {
  color: #7b61ff;
  font-weight: 500;
  text-decoration: none;
}

/* CARD */
.ai-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
  position: relative;
}

.ai-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* IMAGE */
.card-img {
  overflow: hidden;
}

.card-img img {
  width: 100%;
  transition: 0.6s;
}

.ai-card:hover img {
  transform: scale(1.1);
}

/* BADGE */
.ai-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: linear-gradient(45deg, #7b61ff, #a18bff);
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 20px;
}

/* CARD BODY */
.card-body {
  padding: 20px;
}

.card-title {
  font-size: 18px;
  font-weight: 600;
  color: black;
}

.card-text {
  color: #666;
  font-size: 14px;
}

/* FOOTER */
.card-footer {
  background: transparent;
  border-top: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  color: #888;
  font-size: 13px;
}

/* ARROW ANIMATION */

.arrow {
  transition: 0.4s;
}

.ai-card:hover .arrow {
  transform: translateX(8px);
}

/* FLOATING ANIMATION */

@keyframes float {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-6px)
  }

  100% {
    transform: translateY(0)
  }
}

.ai-card {
  animation: float 4s ease-in-out infinite;
}

/*************INDIAN MARKET INSIGHTS SECTION START *******************/

.indmkt-section-x101 {
  padding: 40px 0;
  background: #f7f8fa;
  font-family: Segoe UI;
}

.indmkt-head-x102 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.indmkt-title-x103 {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
}

.indmkt-sub-x104 {
  color: #6b7280;
  margin-top: 5px;
}

.indmkt-view-x105 {
  color: #16a34a;
  text-decoration: none;
  font-weight: 600;
}

.indmkt-card-x106 {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.4s;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.indmkt-card-x106:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.indmkt-imgbox-x107 {
  overflow: hidden;
  position: relative;
}

.indmkt-imgbox-x107 img {
  width: 100%;
  transition: 0.6s;
}

.indmkt-card-x106:hover img {
  transform: scale(1.1);
}

.indmkt-badge-x108 {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #16a34a;
  color: #fff;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 20px;
}

.indmkt-body-x109 {
  padding: 22px;
  flex-grow: 1;
}

.indmkt-titlecard-x110 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #111827;
}

.indmkt-text-x111 {
  font-size: 14px;
  color: #6b7280;
}

.indmkt-footer-x112 {
  padding: 18px 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #6b7280;
}

.indmkt-arrow-x113 {
  transition: 0.3s;
}

.indmkt-card-x106:hover .indmkt-arrow-x113 {
  transform: translateX(6px);
}

@media(max-width:768px) {

  .indmkt-head-x102 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

}

.casestudy-sec-x201,
.bench-sec-x301 {
  padding: 40px 0;
  background: #f7f8fa;
}

.casestudy-head-x202,
.bench-head-x302 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.casestudy-title-x203,
.bench-title-x303 {
  font-size: 30px;
  font-weight: 700;
}

.casestudy-sub-x204,
.bench-sub-x304 {
  color: #6b7280;
}

.casestudy-view-x205,
.bench-view-x305 {
  color: #F54900;
  text-decoration: none;
  font-weight: 600;
}

.casestudy-card-x206,
.bench-card-x306 {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.4s;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.casestudy-card-x206:hover,
.bench-card-x306:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}

.casestudy-img-x207,
.bench-img-x307 {
  position: relative;
  overflow: hidden;
}

.casestudy-img-x207 img,
.bench-img-x307 img {
  width: 100%;
  transition: 0.6s;
}

.casestudy-card-x206:hover img,
.bench-card-x306:hover img {
  transform: scale(1.1);
}

.casestudy-badge-x208 {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #ff5a00;
  color: #fff;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 20px;
}

.bench-badge-x308 {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #5b4dff;
  color: #fff;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 20px;
}

.casestudy-body-x209,
.bench-body-x309 {
  padding: 22px;
  flex-grow: 1;
}

.casestudy-cardtitle-x210,
.bench-titlecard-x310 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: black;
}

.casestudy-text-x211,
.bench-text-x311 {
  font-size: 14px;
  color: #6b7280;
}

.casestudy-footer-x212,
.bench-footer-x312 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
  font-size: 13px;
  color: #6b7280;
}

.casestudy-arrow-x213,
.bench-arrow-x313 {
  transition: 0.3s;
}

.casestudy-card-x206:hover .casestudy-arrow-x213,
.bench-card-x306:hover .bench-arrow-x313 {
  transform: translateX(6px);
}

@media(max-width:768px) {

  .casestudy-head-x202,
  .bench-head-x302 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

}

.bench-badge-x311 {
  color: #4F39F6;
}

/*============================================================================================
    /                                 CONTACT US.PHP                                           /                                                        /
    ==========================================================================================*/
/* =========================
LET'S TALK PIPELINE
========================= */
body {
  margin: 0;
  padding: 0;
}

.ltp-contact-hero {
  background: linear-gradient(180deg, #1f86ef 0%, #0f5fbe 100%);
  position: relative;
  overflow: hidden;
  padding: 0;
}

.ltp-contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.08), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(255, 255, 255, 0.05), transparent 25%);
  pointer-events: none;
}

.ltp-contact-inner {
  width: min(100%, 960px);
  margin: 0 auto;
  min-height: 474px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.ltp-contact-inner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;

  transform: translateX(-0.5px)
}

.ltp-contact-left {
  padding: 66px 52px 64px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: ltpFadeUp .9s ease;
}

.ltp-contact-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 6px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 28px;
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  animation: ltpSoftPulse 3.2s ease-in-out infinite;
}

.ltp-contact-title {
  margin: 0 0 18px;
  font-size: 47px;
  line-height: 1.08;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -1px;
}

.ltp-contact-text {
  margin: 0 0 30px;
  max-width: 405px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.82);
}

.ltp-contact-btn {
  width: max-content;
  min-width: 147px;
  height: 32px;
  /* padding: 0 14px; */
  padding: 20px 14px;
  border-radius: 6px;
  background: #ffffff;
  color: #1f73e8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  transition: all .25s ease;
  animation: ltpButtonFloat 3.4s ease-in-out infinite;
}

.ltp-contact-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.14);
}

.ltp-contact-right {
  padding: 0 24px 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: ltpFadeRight 1s ease;
}

.ltp-contact-image-wrap {
  width: 100%;
  max-width: 426px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 18px 36px rgba(8, 18, 36, 0.18),
    0 4px 10px rgba(8, 18, 36, 0.10);
  border: 2px solid rgba(255, 255, 255, 0.14);
  animation: ltpImageFloat 5s ease-in-out infinite;
}

.ltp-contact-image {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* =========================
ANIMATION
========================= */
@keyframes ltpFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ltpFadeRight {
  from {
    opacity: 0;
    transform: translateX(24px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ltpSoftPulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.03);
  }
}

@keyframes ltpButtonFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes ltpImageFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

/* =========================
RESPONSIVE
========================= */
@media (max-width: 991px) {
  .ltp-contact-left {
    padding: 56px 34px 56px 20px;
  }

  .ltp-contact-title {
    font-size: 40px;
  }

  .ltp-contact-right {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .ltp-contact-inner {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .ltp-contact-inner::after {
    display: none;
  }

  .ltp-contact-left {
    padding: 42px 18px 28px;
    text-align: left;
  }

  .ltp-contact-badge {
    margin-bottom: 20px;
  }

  .ltp-contact-title {
    font-size: 34px;
    margin-bottom: 14px;
  }

  .ltp-contact-text {
    max-width: 100%;
    font-size: 15px;
    margin-bottom: 24px;
  }

  .ltp-contact-right {
    padding: 0 18px 36px;
  }

  .ltp-contact-image-wrap {
    max-width: 100%;
  }

  .ltp-contact-image {
    height: 220px;
  }
}

@media (max-width: 480px) {
  .ltp-contact-left {
    padding: 36px 14px 24px;
  }

  .ltp-contact-title {
    font-size: 29px;
    line-height: 1.12;
  }

  .ltp-contact-text {
    font-size: 14px;
    line-height: 1.7;
  }

  .ltp-contact-btn {
    min-width: auto;
    height: 36px;
    font-size: 12px;
    padding: 0 14px;
  }

  .ltp-contact-right {
    padding: 0 14px 30px;
  }

  .ltp-contact-image {
    height: 200px;
  }
}

/*=================Key benifits================*/
/* =========================
    KEY BENEFITS SECTION
    Hero ke niche
    ========================= */
.bnx-benefits-section {
  width: 100%;
  background: #ffffff;
  padding: 60px 18px 60px;
  position: relative;
  overflow: hidden;
}

.bnx-benefits-inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.bnx-benefits-head {
  text-align: center;
  margin-bottom: 48px;
  animation: bnxFadeUp .9s ease;
}

.bnx-benefits-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  background: #e8efff;
  color: #2563eb;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
  animation: bnxSoftPulse 3s ease-in-out infinite;
}

.bnx-benefits-title {
  margin: 0 0 14px;
  font-size: 36px;
  line-height: 1.08;
  font-weight: 700;
  color: #101828;
  letter-spacing: -1px;
}

.bnx-benefits-subtitle {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #4A5565;
}

.bnx-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bnx-benefit-card {
  min-height: 318px;
  border-radius: 18px;
  padding: 28px 18px 18px;
  border: 1px solid transparent;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  transition: transform .25s ease, box-shadow .25s ease;
  animation: bnxCardFloat 4.8s ease-in-out infinite;
}

.bnx-benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.10);
}

.bnx-card-blue {
  border-radius: 14px;
  border: 0.8px solid #BEDBFF;
  background: linear-gradient(135deg, #EFF6FF 0%, #FFF 100%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.bnx-card-purple {
  border-radius: 14px;
  border: 0.8px solid #E9D4FF;
  background: linear-gradient(135deg, #FAF5FF 0%, #FFF 100%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.bnx-card-green {
  border-radius: 14px;
  border: 0.8px solid #B9F8CF;
  background: linear-gradient(135deg, #F0FDF4 0%, #FFF 100%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.bnx-benefit-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 18px;
  box-shadow: 0 12px 18px rgba(0, 0, 0, 0.08);
}

.bnx-benefit-icon-blue {
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
}

.bnx-benefit-icon-purple {
  background: linear-gradient(180deg, #a855f7 0%, #9333ea 100%);
}

.bnx-benefit-icon-green {
  background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
}

.bnx-benefit-title {
  margin: 0 0 22px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 500;
  color: #1f2937;
  max-width: 290px;
}

.bnx-benefit-text {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.65;
  color: #667085;
  max-width: 295px;
  font-weight: 400;
}

.bnx-benefit-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bnx-benefit-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.45;
  color: #667085;
}

.bnx-list-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.bnx-list-blue {
  color: #3b82f6;
}

.bnx-list-purple {
  color: #a855f7;
}

.bnx-list-green {
  color: #22c55e;
}

/* =========================
   BASE
   ========================= */
.bl-all-wrap,
.bl-all-wrap * {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

.bl-all-wrap {
  background: #f3f4f6;
  color: #111827;
  width: 100%;
  overflow: hidden;
}

.bl-all-wrap a {
  text-decoration: none;
}

.bl-all-wrap button,
.bl-all-wrap input,
.bl-all-wrap select,
.bl-all-wrap textarea {
  font-family: inherit;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 991px) {
  .bnx-benefits-section {
    padding: 50px 16px 18px;
  }

  .bnx-benefits-head {
    margin-bottom: 36px;
  }

  .bnx-benefits-title {
    font-size: 30px;
    line-height: 1.15;
  }

  .bnx-benefits-subtitle {
    font-size: 16px;
  }

  .bnx-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .bnx-benefit-card {
    min-height: auto;
    padding: 24px 16px 18px;
  }

  .bnx-benefit-title,
  .bnx-benefit-text {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .bnx-benefits-section {
    padding: 42px 14px 16px;
  }

  .bnx-benefits-head {
    margin-bottom: 28px;
  }

  .bnx-benefits-badge {
    font-size: 11px;
    padding: 6px 12px;
    margin-bottom: 14px;
  }

  .bnx-benefits-title {
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
  }

  .bnx-benefits-subtitle {
    font-size: 15px;
    line-height: 1.6;
  }

  .bnx-benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .bnx-benefit-card {
    min-height: auto;
    padding: 22px 15px 16px;
    border-radius: 16px;
  }

  .bnx-benefit-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    margin-bottom: 14px;
  }

  .bnx-benefit-icon svg {
    width: 22px;
    height: 22px;
  }

  .bnx-benefit-title {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 14px;
    max-width: 100%;
  }

  .bnx-benefit-text {
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 14px;
    max-width: 100%;
  }

  .bnx-benefit-list {
    gap: 8px;
  }

  .bnx-benefit-list li {
    font-size: 13px;
    line-height: 1.5;
  }

  .bnx-list-icon {
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 480px) {
  .bnx-benefits-section {
    padding: 36px 12px 14px;
  }

  .bnx-benefits-title {
    font-size: 23px;
  }

  .bnx-benefits-subtitle {
    font-size: 14px;
  }

  .bnx-benefit-card {
    padding: 20px 14px 15px;
  }

  .bnx-benefit-title {
    font-size: 17px;
  }

  .bnx-benefit-text {
    font-size: 13px;
  }

  .bnx-benefit-list li {
    font-size: 12.5px;
  }
}

/* =========================
    SECTION 1
    BOOKING SECTION
    ========================= */
.blc-booking-wrap {
  background: linear-gradient(180deg, #EFF6FF 0%, #FFF 100%);
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}

.blc-booking-wrap::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.08);
  top: -70px;
  left: -80px;
  filter: blur(30px);
  animation: blcFloatGlow 6s ease-in-out infinite;
}

.blc-booking-wrap::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.08);
  bottom: -100px;
  right: -100px;
  filter: blur(35px);
  animation: blcFloatGlow 7s ease-in-out infinite reverse;
}

.blc-booking-container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  position: relative;
  z-index: 2;
}

.blc-booking-left {
  flex: 1 1 52%;
  animation: blcFadeUp 1s ease;
}

.blc-booking-right {
  flex: 1 1 48%;
  display: flex;
  justify-content: center;
  animation: blcFadeUp 1.2s ease;
}

.blc-booking-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #dce8ff;
  color: #3b82f6;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 24px;
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.10);
  animation: blcPulseSoft 3s ease-in-out infinite;
}

.blc-booking-title {
  font-size: 28px;
  line-height: 1.05;
  font-weight: 700;
  color: #121a2e;
  margin: 0 0 22px;
  letter-spacing: -1.2px;
}

.blc-booking-subtitle {
  font-size: 31px;
  font-weight: 500;
  color: #4b5563;
  margin: 0 0 24px;
}

.blc-booking-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.blc-booking-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #364152;
}

.blc-check-icon {
  color: #16a34a;
  flex-shrink: 0;
  margin-top: 2px;
  display: flex;
  animation: blcBounceMini 2.8s ease-in-out infinite;
}

.blc-booking-card {
  width: 100%;
  max-width: 470px;
  min-height: 420px;
  background: #f7f7f8;
  border: 1px solid rgba(18, 26, 46, 0.08);
  border-radius: 16px;
  padding: 24px;
  box-shadow:
    0 14px 30px rgba(17, 24, 39, 0.08),
    0 3px 10px rgba(17, 24, 39, 0.04);
  animation: blcCardFloat 4.5s ease-in-out infinite;
}

.blc-booking-card-inner {
  min-height: 370px;
  border: 1.5px dashed #cfd5df;
  border-radius: 14px;
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.blc-booking-card-icon {
  color: #9ca3af;
  margin-bottom: 18px;
  animation: blcPulseSoft 3.5s ease-in-out infinite;
}

.blc-booking-card h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  color: #374151;
  margin: 0 0 10px;
}

.blc-booking-card p {
  max-width: 280px;
  font-size: 15px;
  line-height: 1.55;
  color: #7b8595;
  margin: 0 0 22px;
}

.blc-open-calendar-btn {
  border: none;
  background: linear-gradient(180deg, #2f6dff 0%, #1f5af0 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 15px 22px;
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.25);
  transition: transform .25s ease, box-shadow .25s ease;
  animation: blcButtonBreath 3s ease-in-out infinite;
}

.blc-open-calendar-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(37, 99, 235, 0.30);
}

/* =========================
    POPUP CALENDAR
    ========================= */
.blc-calendar-modal {
  position: fixed;
  inset: 0;
  background: rgba(12, 18, 28, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .35s ease;
  z-index: 99999;
  backdrop-filter: blur(4px);
}

.blc-calendar-modal.blc-modal-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.blc-calendar-modal-dialog {
  width: 100%;
  max-width: 560px;
  position: relative;
  transform: translateY(20px) scale(.96);
  transition: transform .35s ease;
}

.blc-calendar-modal.blc-modal-active .blc-calendar-modal-dialog {
  transform: translateY(0) scale(1);
}

.blc-calendar-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: #ffffff;
  color: #6b7280;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  z-index: 3;
}

.blc-calendar-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
  min-height: 420px;
}

.blc-calendar-left {
  background: #cfe4ff;
  padding: 20px 18px 16px;
  display: flex;
  flex-direction: column;
  animation: blcFadeInLeft .7s ease;
}

.blc-calendar-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
  color: #1561d8;
  font-size: 13px;
  font-weight: 500;
}

.blc-calendar-brand-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 18px rgba(12, 43, 118, 0.18);
}

.blc-calendar-brand-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blc-calendar-month-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.blc-calendar-month-row h4 {
  margin: 0;
  font-size: 20px;
  color: #1561d8;
  font-weight: 500;
}

.blc-month-nav {
  border: none;
  background: transparent;
  color: #1561d8;
  font-size: 26px;
  cursor: pointer;
  padding: 0 6px;
}

.blc-calendar-weekdays,
.blc-calendar-dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px 8px;
}

.blc-calendar-weekdays {
  margin-bottom: 14px;
}

.blc-calendar-weekdays span {
  text-align: center;
  font-size: 10px;
  color: #1561d8;
  font-weight: 500;
}

.blc-calendar-dates button {
  border: none;
  background: transparent;
  font-size: 12px;
  color: #1561d8;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 8px;
  cursor: pointer;
  transition: all .2s ease;
}

.blc-calendar-dates button:hover {
  background: rgba(255, 255, 255, 0.55);
}

.blc-calendar-dates .blc-active-date {
  background: #fff;
  color: #6b7280;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.blc-calendar-timezone {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #1561d8;
}

.blc-calendar-right {
  padding: 18px;
  background: #fbfbfc;
  animation: blcFadeInRight .7s ease;
}

.blc-duration-label {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 8px;
}

.blc-duration-box {
  height: 30px;
  border-radius: 7px;
  background: #f0f1f3;
  margin-bottom: 18px;
}

.blc-time-heading {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 4px;
}

.blc-time-subheading {
  font-size: 12px;
  color: #374151;
  margin-bottom: 10px;
}

.blc-time-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.blc-time-list button {
  width: 100%;
  min-height: 34px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 7px;
  text-align: left;
  padding: 0 12px;
  font-size: 13px;
  color: #4b5563;
  cursor: pointer;
  transition: all .25s ease;
}

.blc-time-list button:hover {
  transform: translateX(3px);
  border-color: #b7cdfb;
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.10);
}

/* =========================
    SECTION 2
    MESSAGE FORM
    ========================= */
.dmf-section {
  padding: 50px 15px;
  background: #f6f7fb;
  font-family: Inter, Arial, sans-serif;
}

.dmf-container {
  max-width: 720px;
  margin: auto;
  text-align: center;
}

.dmf-title {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}

.dmf-subtitle {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 25px;
}

.dmf-form-box {
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
  text-align: left;
}

.dmf-row {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.dmf-col {
  flex: 1;
  min-width: 220px;
  margin-bottom: 10px;
}

.dmf-full {
  /* margin-top: 15px; */
  margin-top: 20px;
}

.dmf-label {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  color: #374151;
}

.dmf-input {
  width: 100%;
  height: 40px;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  font-size: 13px;
}

.dmf-textarea {
  width: 100%;
  height: 90px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  font-size: 13px;
  resize: none;
}

.dmf-pill-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 5px;
}

.dmf-pill {
  padding: 6px 12px;
  border: 1px solid #d1d5db;
  border-radius: 20px;
  font-size: 12px;
  background: #f9fafb;
  cursor: pointer;
}

.dmf-submit {
  width: 100%;
  margin-top: 20px;
  height: 42px;
  background: #2563eb;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
}

.dmf-submit:hover {
  background: #1e4fd1;
}

/* MOBILE RESPONSIVE */

@media(max-width:768px) {

  .dmf-row {
    flex-direction: column;
  }

  .dmf-container {
    max-width: 100%;
  }

  .dmf-form-box {
    padding: 20px;
  }

  .dmf-title {
    font-size: 24px;
  }

}

/* =========================
    SECTION 3
    REACH US DIRECTLY
    ========================= */
.brd-contact-section {
  background: #ffffff;
  padding: 16px 0 50px;
  position: relative;
  overflow: hidden;
}

/* .brd-contact-section::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.06);
  top: -80px;
  left: -100px;
  filter: blur(45px);
  animation: brdGlowMove 7s ease-in-out infinite;
} */

/* .brd-contact-section::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.05);
  bottom: -110px;
  right: -100px;
  filter: blur(50px);
  animation: brdGlowMove 8s ease-in-out infinite reverse;
} */

.brd-contact-container {
  /* width: min(100%, 690px); */
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  z-index: 2;
}

.brd-contact-heading {
  text-align: center;
  margin-bottom: 28px;
  animation: brdFadeUp .8s ease;
}

.brd-contact-title {
  margin: 0 0 8px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  color: #182133;
}

.brd-contact-subtitle {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  color: #6b7280;
}

.brd-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}

.brd-contact-card {
  background: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 10px;
  min-height: 64px;
  padding: 14px 14px 12px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02);
  transition: transform .25s ease, box-shadow .25s ease;
  /* animation: brdCardFloat 4.5s ease-in-out infinite; */
}

.brd-contact-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.brd-card-wide {
  grid-column: span 2;
}

.brd-card-icon-wrap {
  flex-shrink: 0;
}

.brd-card-icon {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.brd-icon-email {
  background: #e4efff;
  color: #3b82f6;
}

.brd-icon-phone {
  background: #dff7e7;
  color: #22c55e;
}

.brd-icon-whatsapp {
  background: #dff7e7;
  color: #10b981;
}

.brd-icon-hq {
  background: #f1e5ff;
  color: #a855f7;
}

.brd-icon-linkedin {
  background: #dbeafe;
  color: #3b82f6;
}

.brd-card-content h4 {
  margin: 1px 0 4px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  color: #1f2937;
}

.brd-card-content a,
.brd-card-content p {
  margin: 0;
  /* font-size: 11px; */
  font-size: 14px;
  line-height: 1.4;
  color: #6b7280;
}

.brd-card-content a {
  color: #3b82f6;
}

.brd-card-content span {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.4;
  color: #9ca3af;
}

.brd-response-box {
  background: #2380de;
  min-height: 200px;
  padding: 34px 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 34px;
  animation: brdFadeUp 1s ease, brdBlueFloat 5s ease-in-out infinite;
}

.brd-response-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08);
  animation: brdPulseRing 3s ease-in-out infinite;
}

.brd-response-box h3 {
  margin: 0 0 22px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
}

.brd-response-box p {
  max-width: 510px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.88);
}

.brd-faq-heading {
  text-align: center;
  margin-bottom: 22px;
  animation: brdFadeUp .9s ease;
}

.brd-faq-title {
  margin: 0 0 8px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  color: #182133;
}

.brd-faq-subtitle {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #6b7280;
}

.glfaq-container {
  max-width: 850px;
  margin: auto;
  text-align: center;
  font-family: Inter, Arial, sans-serif;
}

.glfaq-title {
  font-size: 34px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}

.glfaq-subtitle {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 40px;
}

.glfaq-accordion {
  text-align: left;
}

.glfaq-item {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  margin-bottom: 14px;
  overflow: hidden;
  transition: .3s;
}

.glfaq-question {
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.glfaq-icon {
  font-size: 18px;
  color: #6b7280;
}

.glfaq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease;
  padding: 0 20px;
}

.glfaq-answer p {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.6;
  padding-bottom: 18px;
}

.glfaq-item.active .glfaq-answer {
  max-height: 200px;
}

.glfaq-item:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

@media(max-width:768px) {

  .glfaq-title {
    font-size: 26px;
  }

  .glfaq-question {
    font-size: 15px;
  }

}

/* =========================
    ANIMATIONS
    ========================= */
@keyframes blcFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes blcFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes blcFadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes blcFloatGlow {

  0%,
  100% {
    transform: translateY(0px) scale(1);
  }

  50% {
    transform: translateY(18px) scale(1.06);
  }
}

@keyframes blcCardFloat {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes blcPulseSoft {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }
}

@keyframes blcBounceMini {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes blcButtonBreath {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.02);
  }
}

@keyframes bmsFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bmsCardFloat {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-5px);
  }
}

@keyframes bmsGlowFloat {

  0%,
  100% {
    transform: translateY(0px) scale(1);
  }

  50% {
    transform: translateY(14px) scale(1.05);
  }
}

@keyframes bmsButtonBreath {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.01);
  }
}

@keyframes bmsSoftPulse {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-1px);
  }
}

@keyframes brdFadeUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes brdCardFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes brdBlueFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes brdPulseRing {

  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 11px rgba(255, 255, 255, 0.10);
  }
}

@keyframes brdGlowMove {

  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(18px) scale(1.05);
  }
}

/* =========================
    RESPONSIVE
    ========================= */
@media (max-width: 991px) {
  .blc-booking-container {
    flex-direction: column;
    gap: 35px;
  }

  .blc-booking-title {
    font-size: 42px;
  }

  .blc-booking-card {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .blc-booking-wrap {
    padding: 55px 0;
  }

  .blc-booking-container {
    width: min(100% - 24px, 1200px);
  }

  .blc-booking-title {
    font-size: 34px;
  }

  .blc-booking-subtitle {
    font-size: 24px;
  }

  .blc-booking-list li {
    font-size: 15px;
  }

  .blc-booking-card {
    min-height: 360px;
    padding: 16px;
  }

  .blc-booking-card-inner {
    min-height: 325px;
    padding: 24px 16px;
  }

  .blc-calendar-modal-dialog {
    max-width: 96%;
  }

  .blc-calendar-box {
    grid-template-columns: 1fr;
  }

  .blc-calendar-left,
  .blc-calendar-right {
    padding: 16px;
  }

  .bms-contact-wrap {
    padding: 45px 0 30px;
  }

  .bms-contact-title {
    font-size: 22px;
  }

  .bms-contact-card {
    padding: 18px 16px 14px;
  }

  .bms-contact-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .bms-chip-row {
    gap: 8px 7px;
  }

  .bms-chip-btn {
    font-size: 10px;
    padding: 8px 11px;
  }

  .brd-contact-section {
    padding: 42px 0 32px;
  }

  .brd-contact-grid {
    grid-template-columns: 1fr;
  }

  .brd-card-wide {
    grid-column: span 1;
  }

  .brd-response-box {
    padding: 28px 22px;
    min-height: auto;
  }

  .brd-response-box h3 {
    font-size: 16px;
  }

  .brd-contact-title,
  .brd-faq-title {
    font-size: 22px;
  }

  .brd-faq-wrap {
    width: 100%;
  }

  .brd-faq-heading {
    margin-bottom: 18px;
  }

  .brd-faq-subtitle {
    font-size: 11px;
    line-height: 1.6;
    padding: 0 10px;
  }

  .brd-faq-item {
    border-radius: 8px;
    margin-bottom: 10px;
  }

  .brd-faq-btn {
    padding: 13px 12px;
    gap: 10px;
  }

  .brd-faq-btn span:first-child {
    font-size: 11.5px;
    line-height: 1.5;
  }

  .brd-faq-content {
    padding: 0 12px 13px;
  }

  .brd-faq-content p {
    font-size: 10.8px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  .blc-booking-title {
    font-size: 30px;
  }

  .blc-booking-badge {
    font-size: 13px;
    padding: 8px 14px;
  }

  .blc-open-calendar-btn {
    font-size: 14px;
    padding: 13px 18px;
  }

  .blc-calendar-weekdays,
  .blc-calendar-dates {
    gap: 10px 4px;
  }

  .blc-calendar-dates button {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }

  .blc-calendar-month-row h4 {
    font-size: 17px;
  }

  .bms-contact-container,
  .brd-contact-container {
    padding: 0 12px;
  }

  .bms-contact-title,
  .brd-contact-title,
  .brd-faq-title {
    font-size: 20px;
  }

  .bms-contact-subtitle,
  .brd-contact-subtitle,
  .brd-faq-subtitle {
    font-size: 11px;
  }

  .bms-field-label {
    font-size: 10.5px;
  }

  .brd-contact-card {
    padding: 13px 12px 11px;
  }

  .brd-response-box {
    padding: 24px 16px;
  }

  .brd-faq-subtitle {
    font-size: 10.5px;
    padding: 0 6px;
  }

  .brd-faq-btn {
    padding: 12px 10px;
    gap: 8px;
  }

  .brd-faq-btn span:first-child {
    font-size: 11px;
    line-height: 1.45;
  }

  .brd-faq-arrow svg {
    width: 12px;
    height: 12px;
  }

  .brd-faq-content {
    padding: 0 10px 12px;
  }

  .brd-faq-content p {
    font-size: 10.5px;
    line-height: 1.65;
  }
}

/* =========================
CTA SECTION
========================= */
.rtsp-cta-section {
  background: linear-gradient(90deg, #081224 0%, #13223b 52%, #1b2d47 100%);
  /* padding: 32px 20px 34px; */
  padding: 50px 20px 50px;
  position: relative;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

.rtsp-cta-section::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.10);
  left: -80px;
  top: -90px;
  filter: blur(55px);
  animation: rtspGlowMove 6s ease-in-out infinite;
}

.rtsp-cta-section::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  right: -90px;
  bottom: -100px;
  filter: blur(55px);
  animation: rtspGlowMove 7s ease-in-out infinite reverse;
}

.rtsp-cta-container {
  width: min(100%, 980px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.rtsp-cta-content {
  text-align: center;
  animation: rtspFadeUp .9s ease;
}

.rtsp-cta-title {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.rtsp-cta-subtitle {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
}

.rtsp-cta-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.rtsp-cta-btn-primary,
.rtsp-cta-btn-secondary {
  min-width: 118px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  transition: all .25s ease;
}

.rtsp-cta-btn-primary {
  padding: 20px 20px;
  font-size: 15px;
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.24);
  animation: rtspButtonFloat 3s ease-in-out infinite;
}

.rtsp-cta-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 24px rgba(37, 99, 235, 0.30);
}

.rtsp-cta-btn-secondary {
  background: #ffffff;
  font-size: 15px;
  color: #111827;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.10);
  animation: rtspButtonFloat 3.4s ease-in-out infinite;
  padding: 20px 20px;
}

.rtsp-cta-btn-secondary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(255, 255, 255, 0.14);
}

/* =========================
ANIMATIONS
========================= */
@keyframes rtspFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rtspGlowMove {

  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(14px) scale(1.05);
  }
}

@keyframes rtspButtonFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-1px);
  }
}

/* =========================
RESPONSIVE
========================= */
@media (max-width: 767px) {
  .rtsp-cta-section {
    padding: 28px 16px 30px;
  }

  .rtsp-cta-title {
    font-size: 18px;
  }

  .rtsp-cta-subtitle {
    font-size: 11.5px;
    margin-bottom: 16px;
  }

  .rtsp-cta-btn-wrap {
    gap: 8px;
  }

  .rtsp-cta-btn-primary,
  .rtsp-cta-btn-secondary {
    min-width: 110px;
    height: 30px;
    font-size: 11.5px;
    padding: 0 14px;
  }
}

@media (max-width: 480px) {
  .rtsp-cta-title {
    font-size: 16px;
  }

  .rtsp-cta-subtitle {
    font-size: 11px;
    line-height: 1.5;
  }

  .rtsp-cta-btn-wrap {
    flex-direction: column;
    gap: 10px;
  }

  .rtsp-cta-btn-primary,
  .rtsp-cta-btn-secondary {
    width: 100%;
    max-width: 220px;
    height: 34px;
  }
}

/*========================================================================================
    /                                 PRICING.PHP                                              /                                                        /
    ==========================================================================================*/
/* SECTION */

.pb-hero-section {
  background: linear-gradient(135deg, #EFF6FF 0%, rgba(238, 242, 255, 0.30) 50%, rgba(0, 0, 0, 0.00) 100%);
  padding: 110px 20px 90px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif
}

/* CONTAINER */

.pb-hero-container {
  max-width: 1000px;
  margin: auto;
}

/* BADGE */

.pb-trusted-badge {
  display: inline-block;
  background: #e8f0ff;
  color: #2563eb;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 25px;
  font-weight: 600;
  animation: pbFadeUp 1s ease;
}

/* TITLE */

.pb-hero-title {
  font-size: 64px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.1;
  margin-bottom: 20px;
  animation: pbFadeUp 1.2s ease;
}

/* SUBTITLE */

.pb-hero-subtitle {
  font-size: 18px;
  color: #6b7280;
  margin-bottom: 35px;
  animation: pbFadeUp 1.4s ease;
}

/* BUTTONS */

.pb-hero-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 60px;
  animation: pbFadeUp 1.6s ease;
}

.pb-primary-btn {
  background: #2563eb;
  color: #fff;
  padding: 13px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: .3s;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3);
}

.pb-primary-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(37, 99, 235, 0.35);
}

.pb-outline-btn {
  border: 1px solid #d1d5db;
  padding: 13px 26px;
  border-radius: 8px;
  text-decoration: none;
  color: #111827;
  font-weight: 600;
  transition: .3s;
  background: #fff;
}

.pb-outline-btn:hover {
  background: #f3f4f6;
  transform: translateY(-3px);
}

/* DIVIDER */

.pb-divider {
  height: 1px;
  background: #e5e7eb;
  margin: 40px 0 25px;
}

/* TRUSTED TEXT */

.pb-trusted-text {
  font-size: 12px;
  color: #9ca3af;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

/* LOGOS */

.pb-company-logos {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  font-size: 15px;
  color: #6b7280;
  font-weight: 600;
}

/* ANIMATION */

@keyframes pbFadeUp {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/* RESPONSIVE */

@media (max-width:992px) {

  .pb-hero-title {
    font-size: 48px;
  }

}

@media (max-width:768px) {

  .pb-hero-title {
    font-size: 36px;
  }

  .pb-hero-subtitle {
    font-size: 16px;
  }

  .pb-hero-section {
    padding: 90px 20px;
  }

}

/* SECTION */

.ri-section {
  background: #ffffff;
  padding: 50px 20px;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */

.ri-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */

.ri-heading {
  text-align: center;
  margin-bottom: 60px;
  animation: riFadeUp 1s ease;
}

.ri-title {
  font-size: 35px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
}

.ri-subtitle {
  font-size: 16px;
  color: #6b7280;
}

/* GRID */

.ri-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* SECOND ROW */

.ri-bottom-row {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* CARD */

.ri-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 25px;
  transition: .35s;
  position: relative;
  animation: riFadeUp 1.2s ease;
}

/* HOVER */

.ri-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

/* CONTINUOUS FLOATING */

.ri-card {
  animation: riFadeUp 1.2s ease, riFloat 6s ease-in-out infinite;
}

/* ICON */

.ri-icon {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 20px;
}

/* ICON COLORS */

.ri-blue {
  background: #e8efff;
  color: #2563eb;
}

.ri-purple {
  background: #f1e8ff;
  color: #7c3aed;
}

.ri-green {
  background: #e6f9ef;
  color: #16a34a;
}

.ri-orange {
  background: #fff1e6;
  color: #ea580c;
}

.ri-indigo {
  background: #e9edff;
  color: #4f46e5;
}

/* TEXT */

.ri-card h4 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #111827;
}

.ri-card p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* ANIMATIONS */

@keyframes riFadeUp {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

@keyframes riFloat {

  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0px);
  }

}

/* RESPONSIVE */

@media (max-width:992px) {

  .ri-grid {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width:768px) {

  .ri-grid {
    grid-template-columns: 1fr;
  }

  .ri-bottom-row {
    grid-template-columns: 1fr;
  }

  .ri-title {
    font-size: 32px;
  }

}

/****************************************************************** */
/* SECTION */
.gp-pricing-section {
  background: #fff;
  padding: 50px 20px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */
.gp-container {
  max-width: 1200px;
  margin: auto;
}

/* BADGE */
.gp-top-badge {
  display: inline-block;
  background: #E0E7FF;
  color: #432DD7;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

/* TITLE */
.gp-title {
  font-size: 40px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
  line-height: 1.2;
}

.gp-subtitle {
  color: #6b7280;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 1.6;
}

/* GRID */
.gp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: stretch;
}

/* CARD */
.gp-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 35px;
  text-align: left;
  transition: .35s;
  animation: gpFadeUp 1s ease, gpFloat 6s ease-in-out infinite;
}

/* CENTER CARD */
.gp-card-popular {
  border: 2px solid #2563eb;
  position: relative;
  box-shadow: 0 25px 50px -12px rgba(43, 127, 255, 0.20);
}

/* POPULAR BADGE */
.gp-popular-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 14px;
}

/* HOVER */
.gp-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

/* PLAN NAME */
.gp-plan {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #111827;
}

.gp-plan-desc {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* PRICE */
.gp-price {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #111827;
}

.gp-month {
  color: #6b7280;
  font-size: 14px;
}

/* BUTTON */
.gp-btn {
  display: block;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  margin: 25px 0;
  font-weight: 600;
  text-decoration: none;
  transition: .3s;
}

.gp-btn-dark {
  background: #0f172a;
  color: #fff;
}

.gp-btn-blue {
  background: #2563eb;
  color: #fff;
}

.gp-btn:hover {
  transform: translateY(-2px);
}

/* LIST */
.gp-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gp-feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
}

/* CHECK */
.gp-check {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 50%;
  background: #e8efff;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-top: 1px;
}

/* FOOTER */
.gp-footer {
  margin-top: 40px;
  color: #6b7280;
  font-size: 14px;
}

.gp-footer a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
}

/* ANIMATIONS */
@keyframes gpFadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes gpFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

/* TABLET */
@media (max-width: 992px) {
  .gp-pricing-section {
    padding: 45px 18px;
  }

  .gp-title {
    font-size: 34px;
  }

  .gp-subtitle {
    margin-bottom: 40px;
  }

  .gp-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .gp-card {
    text-align: left;
    padding: 28px;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .gp-pricing-section {
    padding: 40px 14px;
  }

  .gp-title {
    font-size: 28px;
  }

  .gp-subtitle {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .gp-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .gp-card {
    padding: 22px;
    border-radius: 12px;
    text-align: left;
  }

  .gp-plan {
    font-size: 18px;
  }

  .gp-price {
    font-size: 30px;
  }

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

  .gp-feature {
    font-size: 13px;
    gap: 8px;
  }

  .gp-popular-badge {
    font-size: 11px;
    padding: 4px 10px;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
  .gp-pricing-section {
    padding: 36px 12px;
  }

  .gp-title {
    font-size: 24px;
  }

  .gp-card {
    padding: 18px;
  }

  .gp-price {
    font-size: 26px;
  }

  .gp-plan-desc,
  .gp-month,
  .gp-footer {
    font-size: 13px;
  }
}

/********************************************************************88 */

/* SECTION BACKGROUND */
.stats-section-ux {
  width: 100%;
  background: linear-gradient(180deg, #F8FAFC 0%, #FFF 100%);
  padding: 60px 20px;
  display: flex;
  justify-content: center;
}

/* WRAPPER */
.stats-wrapper-ux {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

/* CARD */
.stat-card-ux {
  background: #ffffff;
  padding: 28px 50px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  animation: fadeUp 1s ease forwards;
}

/* HOVER */
.stat-card-ux:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* NUMBER */
.stat-number-ux {
  font-size: 34px;
  font-weight: 700;
  color: #2b7cff;
  margin-bottom: 8px;
}

/* TEXT */
.stat-text-ux {
  font-size: 14px;
  color: #555;
}

/* ANIMATION */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width:768px) {

  .stats-wrapper-ux {
    gap: 20px;
  }

  .stat-card-ux {
    width: 100%;
    max-width: 280px;
  }

}

/* ================= WRAPPER ================= */
.pilotx-section-wrap {
  width: 100%;
  padding: 60px 20px;
  background: #ffffff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto;
}

/* ================= CONTAINER ================= */
.pilotx-container {
  max-width: 1100px;
  margin: auto;
}

/* ================= CARD ================= */
.pilotx-card {
  background: linear-gradient(135deg, #f0f6ff, #e6f0ff);
  border: 1px solid #cfe2ff;
  border-radius: 18px;
  padding: 40px 32px;
  text-align: center;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
  animation: pilotFadeUp .8s ease;
}

/* ================= BADGE ================= */
.pilotx-badge {
  display: inline-block;
  font-size: 12px;
  color: #2563eb;
  background: #e0ecff;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 14px;
  font-weight: 600;
}

/* ================= TITLE ================= */
.pilotx-title {
  font-size: 34px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 16px;
  line-height: 1.3;
}

.pilotx-title span {
  color: #2563eb;
}

/* ================= TEXT ================= */
.pilotx-text {
  font-size: 16px;
  color: #374151;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto 20px;
}

/* ================= PRICE ================= */
.pilotx-price-box {
  display: inline-block;
  background: #2563eb;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
}

/* ================= INCLUDES ================= */
.pilotx-includes {
  font-size: 14px;
  color: #4b5563;
  max-width: 600px;
  margin: 0 auto 24px;
}

/* ================= BUTTON ================= */
.pilotx-btn {
  display: inline-block;
  background: #2563eb;
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: .3s;
}

.pilotx-btn:hover {
  background: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.25);
}

/* ================= ANIMATION ================= */
@keyframes pilotFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= TABLET ================= */
@media(max-width:991px) {
  .pilotx-title {
    font-size: 28px;
  }
}

/* ================= MOBILE ================= */
@media(max-width:768px) {

  .pilotx-section-wrap {
    padding: 45px 16px;
  }

  .pilotx-card {
    padding: 30px 20px;
  }

  .pilotx-title {
    font-size: 24px;
  }

  .pilotx-text {
    font-size: 15px;
  }

  .pilotx-price-box {
    font-size: 16px;
    padding: 8px 14px;
  }

}

/* ================= SMALL MOBILE ================= */
@media(max-width:480px) {

  .pilotx-title {
    font-size: 22px;
  }

  .pilotx-text {
    font-size: 14px;
  }

}

/* ===================================Go-to-market strategy========================================================== */
/* CTA SECTION */
/* ========================= */

.gtm-hero-section {
  padding: 120px 0;
  background: linear-gradient(135deg, #1d74d6, #0f4fa8);
  overflow: hidden;
}


/* ========================= */
/* BADGE */
/* ========================= */

.gtm-hero-badge {
  display: inline-block;
  background: rgba(255, 255, 255, .15);
  color: #fff;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 20px;
  margin-bottom: 20px;
  backdrop-filter: blur(6px);
}


/* ========================= */
/* TITLE */
/* ========================= */

.gtm-hero-title {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  margin-bottom: 20px;
}

.gtm-highlight {
  color: #bcd7ff;
}


/* ========================= */
/* TEXT */
/* ========================= */

.gtm-hero-desc {
  font-size: 17px;
  color: #dbeafe;
  max-width: 520px;
  margin-bottom: 30px;
}


/* ========================= */
/* BUTTON */
/* ========================= */

.gtm-hero-btn {
  background: #ffffff;
  color: #1d4ed8;
  border: none;
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 600;
  transition: .3s;
}

.gtm-hero-btn:hover {
  background: #eaf1ff;
  transform: translateY(-2px);
}


/* ========================= */
/* IMAGE */
/* ========================= */

.gtm-image-wrapper {
  position: relative;
}

.gtm-hero-img {
  width: 100%;
  border-radius: 18px;
  border: 4px solid rgba(255, 255, 255, .25);
  box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
  transition: .4s;
}

.gtm-hero-img:hover {
  transform: scale(1.03);
}


/* ========================= */
/* ANIMATION */
/* ========================= */

.gtm-fade-left {
  animation: fadeLeft 1s ease forwards;
}

.gtm-fade-right {
  animation: fadeRight 1s ease forwards;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media(max-width:991px) {

  .gtm-hero-title {
    font-size: 40px;
  }

  .gtm-hero-section {
    text-align: center;
  }

  .gtm-hero-desc {
    margin: auto;
    margin-bottom: 30px;
  }

  .gtm-image-wrapper {
    margin-top: 40px;
  }

}

/* ========================= */
/* GTM Strategy SECTION */
/* ========================= */

.gtm-info-section {
  background: #ffffff;
  padding: 110px 0;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}


/* ========================= */
/* BADGE */
/* ========================= */

.gtm-info-badge {
  display: inline-block;
  background: #e7efff;
  color: #2563eb;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}


/* ========================= */
/* TITLE */
/* ========================= */

.gtm-info-title {
  font-size: 38px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 20px;
}


/* ========================= */
/* TEXT */
/* ========================= */

.gtm-info-text {
  max-width: 720px;
  margin: auto;
  font-size: 16px;
  line-height: 1.7;
  color: #6b7280;
}


/* ========================= */
/* ANIMATION */
/* ========================= */

.gtm-fade-up {
  opacity: 0;
  transform: translateY(40px);
  animation: gtmFadeUp 1s ease forwards;
}

@keyframes gtmFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media(max-width:768px) {

  .gtm-info-title {
    font-size: 28px;
  }

  .gtm-info-text {
    font-size: 15px;
  }

}

/* =================GTM Accelerators SECTION ================= */

.gtma-section {
  background: linear-gradient(180deg, #EFF6FF 0%, #FFF 100%);
  padding: 50px 0;
}

/* ================= HEADER ================= */

.gtma-badge {
  background: #e7efff;
  color: #2563eb;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.gtma-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
}

.gtma-subtitle {
  color: #6b7280;
  margin-bottom: 50px;
}

/* ================= CARD ================= */

.gtma-card {
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  height: 100%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
  animation: cardFloat 6s ease-in-out infinite;
}

.gtma-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.15);
}

/* FLOATING ANIMATION */

@keyframes cardFloat {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* delay for natural floating */

.col-lg-4:nth-child(2) .gtma-card {
  animation-delay: 1s;
}

.col-lg-4:nth-child(3) .gtma-card {
  animation-delay: 2s;
}

.col-lg-4:nth-child(4) .gtma-card {
  animation-delay: 1.5s;
}

.col-lg-4:nth-child(5) .gtma-card {
  animation-delay: 0.8s;
}

.col-lg-4:nth-child(6) .gtma-card {
  animation-delay: 2.2s;
}

/* ================= ICON ================= */

.gtma-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.gtma-blue {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.gtma-purple {
  background: linear-gradient(135deg, #9333ea, #7e22ce);
}

.gtma-indigo {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
}

.gtma-green {
  background: linear-gradient(135deg, #16a34a, #15803d);
}

.gtma-orange {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.gtma-pink {
  background: linear-gradient(135deg, #ec4899, #db2777);
}

/* ================= TEXT ================= */

.gtma-card h5 {
  font-weight: 600;
  margin-bottom: 10px;
}

.gtma-card p {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 15px;
}

/* ================= LIST ================= */

.gtma-list {
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  color: #6b7280;
}

.gtma-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.tick {
  width: 16px;
  height: 16px;
}

/* =================Why Choose GTM SECTION ================= */

.gtm-why-section {
  padding: 120px 0;
  background: #ffffff;
}


/* ================= HEADING ================= */

.gtm-badge {
  display: inline-block;
  background: #e8f0ff;
  color: #3b82f6;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 15px;
}

.gtm-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 35px;
}


/* ================= FEATURES ================= */

.gtm-feature {
  display: flex;
  gap: 16px;
  margin-bottom: 28px;
}

.gtm-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-blue {
  background: #ffedd5;
}

.icon-purple {
  background: #f3e8ff;
}

.icon-green {
  background: #ffedd5;
}

.icon-orange {
  background: #ffedd5;
}

.gtm-icon svg {
  width: 18px;
  height: 18px;
}

.gtm-feature h6 {
  font-weight: 600;
  margin-bottom: 4px;
}

.gtm-feature p {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}


/* ================= IMAGES ================= */

.gtm-img {
  width: 90%;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.gtm-img-small {
  height: 230px;
  margin-bottom: 25px;
}

.gtm-img-large {
  height: 420px;
}


/* ================= RESPONSIVE ================= */

@media(max-width:991px) {

  .gtm-title {
    font-size: 28px;
  }

  .gtm-img-large {
    height: 350px;
  }

}

/* =============================== */
/* CTA SECTION */
/* =============================== */

.gtmsCtaSection {
  padding: 110px 0;
  background: linear-gradient(135deg, #1d74d6, #0f4fa5);
  color: white;
  text-align: center;
  overflow: hidden;
}


/* =============================== */
/* TITLE */
/* =============================== */

.gtmsCtaTitle {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 18px;
  opacity: 0;
  transform: translateY(30px);
  animation: gtmsFadeUp .8s forwards;
}


/* =============================== */
/* TEXT */
/* =============================== */

.gtmsCtaText {
  max-width: 680px;
  margin: auto;
  font-size: 16px;
  opacity: .95;
  line-height: 1.7;
  margin-bottom: 32px;

  opacity: 0;
  transform: translateY(30px);
  animation: gtmsFadeUp .8s .25s forwards;
}


/* =============================== */
/* BUTTON */
/* =============================== */

.gtmsCtaBtn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: white;
  color: #2563eb;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
  transition: .35s;

  opacity: 0;
  transform: translateY(30px);
  animation: gtmsFadeUp .8s .5s forwards;
}

.gtmsCtaBtn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
  color: #1d4ed8;
}


/* =============================== */
/* ARROW */
/* =============================== */

.gtmsArrow {
  width: 16px;
  height: 16px;
  stroke: #2563eb;
  stroke-width: 2;
  fill: none;
  transition: .3s;
}

.gtmsCtaBtn:hover .gtmsArrow {
  transform: translateX(4px);
}


/* =============================== */
/* ANIMATION */
/* =============================== */

@keyframes gtmsFadeUp {

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* =============================== */
/* RESPONSIVE */
/* =============================== */

@media(max-width:768px) {

  .gtmsCtaTitle {
    font-size: 30px;
  }

  .gtmsCtaText {
    font-size: 15px;
  }

}

/*==========================================EVENT MAEKETING EXCELLENCE =========================================================
=================================================================================================*/
.ax-hero-section {

  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;

  background: linear-gradient(135deg, #1a73e8, #0a4ea3);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 80px 40px;
  overflow: hidden;
  position: relative;

}

/* CONTAINER */

.ax-hero-container {

  max-width: 1200px;
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 60px;

}

/* LEFT */

.ax-hero-content {

  max-width: 550px;

  animation: axFadeUp 1s ease;

}

/* TAG */

.ax-hero-tag {

  display: inline-block;

  background: rgba(255, 255, 255, 0.2);

  padding: 8px 18px;

  border-radius: 30px;

  font-size: 13px;
  color: white;

  margin-bottom: 25px;

}

/* TITLE */

.ax-hero-title {

  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;

  color: white;

  margin-bottom: 20px;

}

/* SUBTEXT */

.ax-hero-text {

  color: #d7e6ff;

  font-size: 16px;

  margin-bottom: 35px;

}

/* BUTTONS */

.ax-hero-buttons {

  display: flex;
  gap: 18px;

}

/* BTN */

.ax-btn-primary {

  background: white;
  color: #1a73e8;

  padding: 14px 26px;

  border-radius: 10px;

  text-decoration: none;
  font-size: 15px;

  font-weight: 500;

  transition: 0.3s;

}

.ax-btn-primary:hover {

  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);

}

/* BTN SECOND */

.ax-btn-outline {

  border: 1px solid white;
  color: white;

  padding: 14px 26px;

  border-radius: 10px;

  text-decoration: none;

  transition: 0.3s;

}

.ax-btn-outline:hover {

  background: white;
  color: #1a73e8;

}

/* RIGHT IMAGE */

.ax-hero-image {

  max-width: 520px;

  animation: axFloat 5s ease-in-out infinite;

}

.ax-hero-image img {

  width: 100%;
  border-radius: 12px;

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);

}

/* FLOAT ANIMATION */

@keyframes axFloat {

  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0px);
  }

}

/* TEXT ANIMATION */

@keyframes axFadeUp {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px) {

  .ax-hero-container {

    flex-direction: column;
    text-align: center;

  }

  .ax-hero-title {
    font-size: 38px;
  }

  .ax-hero-buttons {
    justify-content: center;
  }

}

@media(max-width:600px) {

  .ax-hero-section {
    padding: 60px 20px;
  }

  .ax-hero-title {
    font-size: 30px;
  }

  .ax-hero-text {
    font-size: 14px;
  }

}

/******************************WHY EVENT MARKETING***************************************** */
.evm-section {

  padding: 50px 20px;
  background: #f7f8fa;
  font-family: Arial, Helvetica, sans-serif;

}

.evm-container {

  max-width: 1100px;
  margin: auto;
  text-align: center;

}

.evm-badge {

  background: #e9f2ff;
  color: #2563eb;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;

}

.evm-title {

  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #111;

}

.evm-desc {

  max-width: 760px;
  margin: auto;
  color: #555;
  line-height: 1.7;

}

.evm-card {

  margin-top: 50px;
  background: #f1f5f9;
  border: 1px solid #93c5fd;
  border-radius: 14px;

  display: flex;
  gap: 60px;

  padding: 40px;

  text-align: left;

  animation: evmFade 1s ease;

}

.evm-left,
.evm-right {

  flex: 1;

}

.evm-subtitle {

  font-size: 20px;
  margin-bottom: 20px;
  color: #111;

}

.evm-list {

  list-style: none;
  padding: 0;

}

.evm-list li {

  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  color: #333;

}

.evm-right p {

  margin-bottom: 16px;
  color: #555;
  line-height: 1.7;

}

/* Animation */

@keyframes evmFade {

  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

/* Responsive */

@media(max-width:900px) {

  .evm-card {

    flex-direction: column;
    gap: 30px;

  }

  .evm-title {
    font-size: 28px;
  }

}

/*******************************OUR METHODOLOGY************************************/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #f5f7fb;
}

/* SECTION */

.tp-section {
  padding: 50px 20px;
}

.tp-container {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

/* BADGE */

.tp-badge {
  background: #e6f0ff;
  color: #2563eb;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
}

/* TITLE */

.tp-title {
  font-size: 36px;
  margin-top: 15px;
}

.tp-subtext {
  color: #555;
  margin-top: 10px;
  margin-bottom: 60px;
}

/* CARDS */

.tp-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */

.tp-card {

  padding: 30px;
  border-radius: 14px;
  text-align: left;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);

  transition: .35s;

  animation: tpFade 1s ease;

}

.tp-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15);
}

/* BACKGROUNDS */

.tp-card-orange {
  background: #fff7ed;
  border: 1px solid #fdba74;
}

.tp-card-blue {
  background: #eff6ff;
  border: 1px solid #93c5fd;
}

.tp-card-purple {
  background: #f5f3ff;
  border: 1px solid #c4b5fd;
}

/* ICON */

.tp-icon {

  width: 55px;
  height: 55px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;

  margin-bottom: 15px;

}

.tp-orange-icon {
  background: #ff6b00;
}

.tp-blue-icon {
  background: #3b82f6;
}

.tp-purple-icon {
  background: #9333ea;
}

/* PHASE */

.tp-phase {
  font-size: 13px;
  font-weight: 600;
  color: #ff6b00;
}

.tp-blue {
  color: #3b82f6;
}

.tp-purple {
  color: #9333ea;
}

/* TITLES */

.tp-card-title {
  font-size: 22px;
  margin: 10px 0;
}

.tp-card-desc {
  color: #555;
  margin-bottom: 15px;
}

/* LIST */

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

.tp-list li {

  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;

}

.tp-list li::before {

  content: "✔";
  position: absolute;
  left: 0;
  color: #3b82f6;

}

/* ANIMATION */

@keyframes tpFade {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:900px) {

  .tp-cards {
    grid-template-columns: 1fr;
  }

  .tp-title {
    font-size: 28px;
  }

}

/**********************************************what includes section background **********************************/

.pkg-section {
  background: linear-gradient(180deg, #EFF6FF 0%, #FFF 100%);
  padding: 80px 0;
}


/* left image */

.pkg-image-box {
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  transform: translateY(40px);
  opacity: 0;
  transition: 1s;
}

.pkg-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pkg-image-box.show {
  transform: translateY(0);
  opacity: 1;
}


/* title area */

.pkg-tag {
  background: #2c6dfc;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
}

.pkg-title {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 25px;
}


/* feature card */

.pkg-card {
  background: #fff;
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  margin-bottom: 18px;
  transform: translateY(40px);
  opacity: 0;
  transition: 0.6s;
}

.pkg-card.show {
  transform: translateY(0);
  opacity: 1;
}

.pkg-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* icon circle */

.pkg-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.icon-orange {
  background: #ffe9db;
  color: #ff7a00;
}

.icon-blue {
  background: #e3efff;
  color: #2c6dfc;
}

.icon-purple {
  background: #efe6ff;
  color: #7a3cff;
}

.icon-green {
  background: #e6f7ee;
  color: #19a463;
}


/* text */

.pkg-card h6 {
  font-weight: 600;
  margin-bottom: 5px;
}

.pkg-card p {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}


/* button */

.pkg-btn {
  margin-top: 10px;
  background: #2c6dfc;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 15px;
  transition: .3s;
}

.pkg-btn:hover {
  background: #1d4ed8;
  transform: translateY(-2px);
}


/* responsive */

@media(max-width:991px) {

  .pkg-title {
    font-size: 28px;
  }

  .pkg-image-box {
    margin-bottom: 40px;
  }

}

/*************************************** EVENT WE EXECUTE SECTION *************************************8*/

.evx-section {
  padding: 50px 0;
  background: #f3f5f8;
  font-family: Arial;
}

.evx-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}


/* TITLE */

.evx-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

.evx-sub {
  text-align: center;
  color: #6b7280;
  margin-bottom: 60px;
}


/* GRID */

.evx-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}


/* CARD */

.evx-card {
  background: white;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: .35s;
  transform: scale(.92) translateY(40px);
  opacity: 0;
}

.evx-card.evx-show {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.evx-card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}


/* ICON BOX */

.evx-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  margin-bottom: 18px;
}

.evx-orange {
  background: linear-gradient(135deg, #ff7a18, #ff4d00);
}

.evx-blue {
  background: linear-gradient(135deg, #4f8cff, #2c5bff);
}

.evx-purple {
  background: linear-gradient(135deg, #a855f7, #6d28d9);
}

.evx-green {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.evx-pink {
  background: linear-gradient(135deg, #ff3c7e, #d90466);
}

.evx-yellow {
  background: linear-gradient(135deg, #ffb703, #fb8500);
}


/* TEXT */

.evx-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.evx-card p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 12px;
}

.evx-card ul {
  padding-left: 16px;
  font-size: 13px;
  color: #374151;
}

.evx-card ul li {
  margin-bottom: 5px;
}


/* RESPONSIVE */

@media(max-width:992px) {

  .evx-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:600px) {

  .evx-grid {
    grid-template-columns: 1fr;
  }

  .evx-title {
    font-size: 28px;
  }

}

/* Every Event is an Opportunity to Build Relationships SECTION */

.evrel-section {
  padding: 50px 0;
  background: #f4f6f9;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.evrel-section *,
.evrel-section *::before,
.evrel-section *::after {
  box-sizing: border-box;
}

.evrel-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  width: 100%;
}

/* HERO IMAGE */

.evrel-hero {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 70px;
}

.evrel-hero img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  filter: brightness(70%);
}

.evrel-hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 600px;
  transform: translate(-50%, -50%);
  color: white;
  text-align: left;
}

.evrel-hero-content h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 10px 0;
}

.evrel-hero-content p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* CARD GRID */

.evrel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* CARD */

.evrel-card {
  background: white;
  padding: 28px;
  border-radius: 16px;
  border: 1px solid #2f7df6;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  transition: .35s;
  opacity: 0;
  transform: translateY(40px) rotateX(15deg);
  height: 100%;
}

.evrel-card.evrel-show {
  opacity: 1;
  transform: translateY(0) rotateX(0);
}

.evrel-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.15);
}

/* ICON */

.evrel-icon {
  font-size: 28px;
  margin-bottom: 15px;
  color: #5c3d00;
  line-height: 1;
}

/* TEXT */

.evrel-card h4 {
  color: #1a73e8;
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 10px 0;
}

.evrel-card p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}

/* TABLET */

@media (max-width: 992px) {
  .evrel-section {
    padding: 45px 0;
  }

  .evrel-hero {
    margin-bottom: 50px;
  }

  .evrel-hero img {
    height: 240px;
  }

  .evrel-hero-content h2 {
    font-size: 28px;
  }

  .evrel-hero-content p {
    font-size: 15px;
  }

  .evrel-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .evrel-card {
    padding: 24px;
  }
}

/* MOBILE */

@media (max-width: 768px) {
  .evrel-section {
    padding: 40px 0;
  }

  .evrel-container {
    padding: 0 16px;
  }

  .evrel-hero {
    margin-bottom: 36px;
    border-radius: 10px;
  }

  .evrel-hero img {
    height: 220px;
  }

  .evrel-hero-content {
    width: calc(100% - 32px);
    text-align: center;
  }

  .evrel-hero-content h2 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 8px;
  }

  .evrel-hero-content p {
    font-size: 14px;
    line-height: 1.6;
  }

  .evrel-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .evrel-card {
    padding: 22px 18px;
    border-radius: 14px;
  }

  .evrel-card h4 {
    font-size: 17px;
  }

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

  .evrel-icon {
    font-size: 24px;
    margin-bottom: 12px;
  }
}

/* SMALL MOBILE */

@media (max-width: 480px) {
  .evrel-section {
    padding: 32px 0;
  }

  .evrel-container {
    padding: 0 14px;
  }

  .evrel-hero img {
    height: 200px;
  }

  .evrel-hero-content {
    width: calc(100% - 24px);
  }

  .evrel-hero-content h2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .evrel-hero-content p {
    font-size: 13px;
    line-height: 1.5;
  }

  .evrel-card {
    padding: 18px 16px;
  }

  .evrel-card h4 {
    font-size: 16px;
  }

  .evrel-card p {
    font-size: 13px;
    line-height: 1.6;
  }

  .evrel-icon {
    font-size: 22px;
  }
}

/*******************************Our Event Marketing Services********************************************** */
/* SECTION */

.evms-section {
  padding: 90px 20px;
  background: #f4f6f9;
  font-family: Arial, Helvetica, sans-serif;
}

.evms-container {
  max-width: 1200px;
  margin: auto;
}


/* TITLE */

.evms-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

.evms-subtitle {
  text-align: center;
  color: #6b7280;
  margin-bottom: 60px;
}


/* GRID */

.evms-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}


/* CARD */

.evms-card {
  background: white;
  padding: 28px;
  border-radius: 14px;
  border: 1px solid transparent;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  display: flex;
  gap: 18px;
  transition: .35s;

  opacity: 0;
  transform: translateY(40px) scale(.95);
}

.evms-card.evms-show {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.evms-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}


/* ICON BOX */

.evms-icon {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.evms-icon img {
  width: 26px;
}


/* TEXT */

.evms-content h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.evms-content p {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 10px;
  line-height: 1.5;
}

.evms-content ul {
  padding-left: 16px;
  font-size: 13px;
  color: #374151;
}

.evms-content li {
  margin-bottom: 4px;
}


/* COLOR THEMES */

.evms-orange {
  border-color: #ffd7b3;
}

.evms-orange .evms-icon {
  background: #F54900;
}

.evms-blue {
  border-color: #cfe2ff;
}

.evms-blue .evms-icon {
  background: #155DFC;
}

.evms-purple {
  border-color: #e5d4ff;
}

.evms-purple .evms-icon {
  background: #7c3aed;
}

.evms-green {
  border-color: #c8f2da;
}

.evms-green .evms-icon {
  background: #16a34a;
}

.evms-pink {
  border-color: #ffd1e3;
}

.evms-pink .evms-icon {
  background: #e11d74;
}

.evms-yellow {
  border-color: #ffe7b5;
}

.evms-yellow .evms-icon {
  background: #E17100;
}


/* RESPONSIVE */

@media(max-width:900px) {

  .evms-grid {
    grid-template-columns: 1fr;
  }

  .evms-title {
    font-size: 28px;
  }

}

/*********************** Ready to Create Unforgettable Events?SECTION ********************/

.evcta-section {
  background: rgba(0, 122, 255, 0.07);
  padding: 90px 20px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.evcta-container {
  max-width: 900px;
  margin: auto;
}


/* TITLE */

.evcta-title {
  font-size: 38px;
  font-weight: 700;
  color: #1a73e8;
  margin-bottom: 25px;

  opacity: 0;
  transform: translateY(-20px);
  transition: .8s;
}

.evcta-title.evcta-show {
  opacity: 1;
  transform: translateY(0);
}


/* TEXT BOX */

.evcta-text {
  background: #f5f7fa;
  padding: 16px 22px;
  border-radius: 4px;
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 28px;

  opacity: 0;
  transform: scale(.9);
  transition: .8s;
}

.evcta-text.evcta-show {
  opacity: 1;
  transform: scale(1);
}


/* BUTTON AREA */

.evcta-btns {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}


/* BUTTONS */

.evcta-btn {
  padding: 13px 24px;
  font-size: 15px;
  border-radius: 8px;
  text-decoration: none;
  transition: .3s;
  display: inline-flex;
  align-items: center;
  gap: 8px;

  opacity: 0;
  transform: translateY(20px);
}


/* PRIMARY */

.evcta-primary {
  background: #1a73e8;
  color: white;
}

.evcta-primary:hover {
  background: #1558b0;
  transform: translateY(-3px);
}


/* OUTLINE */

.evcta-outline {
  border: 2px solid #1a73e8;
  color: #1a73e8;
  background: transparent;
}

.evcta-outline:hover {
  background: #1a73e8;
  color: white;
  transform: translateY(-3px);
}

.evcta-btn.evcta-show {
  opacity: 1;
  transform: translateY(0);
}


/* RESPONSIVE */

@media(max-width:600px) {

  .evcta-title {
    font-size: 28px;
  }

  .evcta-text {
    font-size: 14px;
  }

}

/*============================================================================================
    /                                 cross-border-marketing                                          /                                                        /
    ==========================================================================================*/

/* HERO SECTION CSS ONLY */
.saaifocus-section {
  width: 100%;
  padding: 70px 20px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
  font-family: Arial, Helvetica, sans-serif;
}

.saaifocus-section * {
  box-sizing: border-box;
}

.saaifocus-container {
  max-width: 1200px;
  margin: 0 auto;
}

.saaifocus-topbar {
  margin-bottom: 22px;
}

.saaifocus-kicker {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: #eaf2ff;
  color: #2563eb;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .6px;
  border: 1px solid #d7e7ff;
}

.saaifocus-layout {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: start;
}

.saaifocus-main {
  background: #ffffff;
  border: 1px solid #e5eefb;
  border-radius: 26px;
  padding: 38px 36px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
  position: relative;
  overflow: hidden;
}

.saaifocus-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
}

.saaifocus-title {
  margin: 0 0 18px 0;
  font-size: 50px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -1px;
  color: #0f172a;
}

.saaifocus-text {
  margin: 0 0 18px 0;
  font-size: 16px;
  line-height: 1.85;
  color: #4b5563;
  max-width: 720px;
}

.saaifocus-cta-row {
  margin-top: 28px;
}

.saaifocus-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 14px 22px;
  border-radius: 12px;
  background: #102a63;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: .3s ease;
  box-shadow: 0 14px 28px rgba(16, 42, 99, 0.18);
}

.saaifocus-btn:hover {
  background: #0b2150;
  transform: translateY(-2px);
}

.saaifocus-side {
  background: #0f2d68;
  border-radius: 26px;
  padding: 28px 24px;
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.16);
}

.saaifocus-side-head {
  margin-bottom: 20px;
}

.saaifocus-side-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}

.saaifocus-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.saaifocus-point {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.saaifocus-point-no {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #ffffff;
  color: #2563eb;
  font-size: 14px;
  font-weight: 800;
}

.saaifocus-point p {
  margin: 0;
  color: #e8eefc;
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 991px) {
  .saaifocus-layout {
    grid-template-columns: 1fr;
  }

  .saaifocus-title {
    font-size: 42px;
  }
}

@media (max-width: 768px) {
  .saaifocus-section {
    padding: 42px 16px;
  }

  .saaifocus-main,
  .saaifocus-side {
    border-radius: 20px;
  }

  .saaifocus-main {
    padding: 28px 22px;
  }

  .saaifocus-side {
    padding: 22px 18px;
  }

  .saaifocus-title {
    font-size: 32px;
    line-height: 1.15;
  }

  .saaifocus-text {
    font-size: 15px;
    line-height: 1.75;
  }

  .saaifocus-side-head h3 {
    font-size: 21px;
  }

  .saaifocus-point {
    grid-template-columns: 42px 1fr;
    padding: 12px;
  }

  .saaifocus-point-no {
    width: 42px;
    height: 42px;
    font-size: 12px;
    border-radius: 12px;
  }

  .saaifocus-point p {
    font-size: 13px;
    line-height: 1.65;
  }

  .saaifocus-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .saaifocus-title {
    font-size: 27px;
  }

  .saaifocus-text {
    font-size: 14px;
  }

  .saaifocus-kicker {
    font-size: 11px;
    padding: 7px 12px;
  }
}
/* All Industries*/


/* RESET ONLY FOR THIS SECTION */

.gsi-wrapper,
.gsi-wrapper * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

.gsi-wrapper {
  width: 100%;
  background: #ffffff;
  padding: 80px 20px;
}

/* CONTAINER */

.gsi-container {
  max-width: 1200px;
  margin: auto;
}

/* TOP TITLE */

.gsi-top-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #333;
}

.gsi-top-text {
  text-align: center;
  max-width: 850px;
  margin: auto;
  color: #666;
  line-height: 1.7;
  margin-bottom: 40px;
}

/* FLEX */

.gsi-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  flex-wrap: wrap;
}

.gsi-left {
  flex: 1;
  min-width: 300px;
}

.gsi-left h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.gsi-left p {
  color: #666;
  line-height: 1.7;
}

.gsi-map {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.gsi-map img {
  max-width: 100%;
}

/****************************2nd section***********************************8 */
/* SECTION */
.global-section-x1 {
  padding: -3px 20px;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */
.global-container-x1 {
  max-width: 1200px;
  margin: auto;
}

/* INTRO */
.global-intro-x1 {
  text-align: center;
  max-width: 850px;
  margin: auto;
  margin-bottom: 60px;
  animation: fadeUpx1 1s ease;
}

.global-intro-x1 h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.global-intro-x1 p {
  color: #6b7280;
  line-height: 1.7;
  font-size: 15px;
}

/* GRID */
.global-grid-x1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 70px;
}

/* TEXT SIDE */
.global-text-x1 h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.global-text-x1 p {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.7;
}

/* IMAGE PLACEHOLDER */
.global-image-x1 {
  height: 390px;
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 14px;
  animation: fadeRightx1 1.2s ease;
}

/* SECOND SECTION */

.global-card-area-x1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* CHECK LIST */

.global-list-x1 {
  margin-top: 20px;
}

.global-list-x1 li {
  list-style: none;
  margin-bottom: 12px;
  font-size: 15px;
  color: #374151;
  display: flex;
  align-items: center;
}

.global-list-x1 li::before {
  content: "✔";
  color: #22c55e;
  font-weight: bold;
  margin-right: 10px;
}

/* RIGHT CARD */

.global-card-x1 {
  background: white;
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  padding: 30px;
  position: relative;
  animation: fadeLeftx1 1.3s ease;
}

/* IMAGE PLACEHOLDER */

.card-image-x1 {
  height: 180px;
  background: #eef2ff;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* TAG BUTTONS */

.region-tags-x1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.region-tags-x1 span {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
}

.tag1 {
  background: #3b82f6;
}

.tag2 {
  background: #9333ea;
}

.tag3 {
  background: #16a34a;
}

.tag4 {
  background: #f59e0b;
}

.tag5 {
  background: #f97316;
}

.tag6 {
  background: #dc2626;
}

/* ANIMATIONS */

@keyframes fadeUpx1 {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeRightx1 {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeLeftx1 {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* RESPONSIVE */

@media(max-width:900px) {

  .global-grid-x1,
  .global-card-area-x1 {
    grid-template-columns: 1fr;
  }

  .global-image-x1 {
    height: 220px;
  }

}

/* SECTION */

.expansion-section-x92 {
  background: #ffffff;
  padding: 50px 20px;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */

.expansion-container-x92 {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

/* TEXT */

.expansion-text-x92 {
  animation: fadeLeftx92 1s ease;
}

.expansion-text-x92 p {
  font-size: 15px;
  line-height: 1.7;
  color: #6b7280;
  margin-bottom: 18px;
}

/* LIST */

.expansion-list-x92 {
  margin-top: 15px;
  padding-left: 18px;
}

.expansion-list-x92 li {
  margin-bottom: 8px;
  font-size: 14px;
  color: #4b5563;
}

/* IMAGE AREA */

.expansion-image-x92 {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fadeRightx92 1s ease;
}

.expansion-image-box-x92 {
  width: 100%;
  max-width: 420px;
  height: 250px;
  background: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 14px;
}

/* ANIMATIONS */

@keyframes fadeLeftx92 {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRightx92 {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* RESPONSIVE */

@media(max-width:900px) {

  .expansion-container-x92 {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .expansion-image-x92 {
    margin-top: 30px;
  }

}

/*============================================================================================
                                       account-based-marketing
  =============================================================================================*/

/* ================= HERO SECTION ================= */



/* ================= HERO SECTION ================= */

.hero-dream-section-x101 {
  padding: 100px 0;
  background: #ffffff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto;
  overflow: hidden;
}

/* ================= LEFT CONTENT ================= */

.hero-content-x102 {
  animation: fadeLeft 1s ease;
}

.hero-title-x103 {
  font-size: 52px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

.hero-title-x103 span {
  color: #1f6feb;
}

.hero-text-x104 {
  color: #6b7280;
  font-size: 16px;
  margin-bottom: 25px;
  max-width: 420px;
}

/* ================= BUTTONS ================= */

.hero-btn-primary-x105 {
  background: #1f6feb;
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  transition: .3s;
}

.hero-btn-primary-x105:hover {
  background: #165bd6;
  transform: translateY(-2px);
}

.hero-btn-outline-x106 {
  background: transparent;
  border: 1px solid #1f6feb;
  color: #1f6feb;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  transition: .3s;
}

.hero-btn-outline-x106:hover {
  background: #1f6feb;
  color: #fff;
}

/* ================= RIGHT IMAGE AREA ================= */

.hero-image-wrap-x107 {
  position: relative;
  text-align: center;
  animation: fadeRight 1s ease;
}

.hero-main-img-x108 {
  max-width: 100%;
  position: relative;
  z-index: 5;
}

/* ================= BACKGROUND SHAPES ================= */

.shape-blob1-x109 {
  position: absolute;
  width: 260px;
  height: 260px;
  background: #1fa2b8;
  border-radius: 50%;
  top: 20px;
  left: 80px;
  z-index: 1;
}

.shape-blob2-x110 {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #7e57c2;
  border-radius: 50%;
  bottom: 30px;
  right: 80px;
  z-index: 1;
}

.shape-blob3-x111 {
  position: absolute;
  width: 120px;
  height: 120px;
  background: #ff4d00;
  border-radius: 50%;
  bottom: 80px;
  left: 30px;
  z-index: 2;
}

.shape-blob4-x112 {
  position: absolute;
  width: 160px;
  height: 160px;
  background: #27ae60;
  border-radius: 50%;
  bottom: -10px;
  right: 40px;
  z-index: 2;
}

/* ================= ANIMATIONS ================= */

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ================= RESPONSIVE ================= */

@media (max-width:991px) {

  .hero-title-x103 {
    font-size: 38px;
  }

  .hero-image-wrap-x107 {
    margin-top: 40px;
  }

}

/*===================What is Account-Based Marketing?======================*/

.abm-section {
  background: #ffffff;
  padding: 10px 20px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.abm-container {
  max-width: 1000px;
  margin: auto;
}

/* HEADING */

.abm-title {
  font-size: 30px;
  color: #2c2c2c;
  margin: 0 auto 20px auto;
  max-width: 620px;
  /* heading width reduce */
}

/* TEXT */

.abm-text {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  max-width: 720px;
  margin: auto;
}

/* IMAGE WRAPPER */

.abm-image-wrapper {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

/* IMAGE */

.abm-image {
  width: 700px;
  max-width: 100%;
  height: auto;

  animation: rotateCircle 30s linear infinite,
    zoomEffect 6s ease-in-out infinite;

  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  transform-origin: center center;
}

/* ROTATE */

@keyframes rotateCircle {

  0% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }

}

/* ZOOM */

@keyframes zoomEffect {

  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }

}

/* RESPONSIVE */

@media(max-width:768px) {

  .abm-title {
    font-size: 28px;
    max-width: 400px;
  }

  .abm-text {
    font-size: 15px;
  }

  .abm-image {
    width: 340px;
  }

}

.saasrevx-section {
  width: 100%;
  padding: 60px 20px;
  background: #f4f9ff;
  font-family: Arial, Helvetica, sans-serif;
}

.saasrevx-container {
  max-width: 1280px;
  margin: 0 auto;
}

.saasrevx-heading {
  margin: 0 0 28px 0;
  text-align: center;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 700;
  color: #102a63;
}

.saasrevx-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 28px;
}

.saasrevx-card {
  background: #ffffff;
  border: 1px solid #d7e7fb;
  border-left: 4px solid #60a5fa;
  border-radius: 18px;
  padding: 24px 20px;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.07);
  transition: .3s ease;
}

.saasrevx-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 32px rgba(37, 99, 235, 0.12);
}

.saasrevx-no {
  font-size: 16px;
  font-weight: 800;
  color: #2563eb;
  margin-bottom: 12px;
  letter-spacing: .8px;
}

.saasrevx-title {
  margin: 0 0 14px 0;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 700;
  color: #0f172a;
}

.saasrevx-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.85;
  color: #5b6472;
}

.saasrevx-bottom-box {
  max-width: 760px;
  margin: 0 auto;
  background: #dbeafe;
  border: 1px solid #bfdbfe;
  border-radius: 18px;
  padding: 24px 22px;
  text-align: center;
  box-shadow: 0 10px 24px rgba(96, 165, 250, 0.15);
}

.saasrevx-bottom-title {
  margin: 0 0 16px 0;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .7px;
  color: #1d4ed8;
}

.saasrevx-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.saasrevx-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #93c5fd;
  color: #1e3a8a;
  font-size: 13px;
  font-weight: 600;
}

.saasrevx-tag-active {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}

@media (max-width: 991px) {
  .saasrevx-grid {
    grid-template-columns: 1fr;
  }

  .saasrevx-heading {
    font-size: 30px;
  }

  .saasrevx-bottom-box {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .saasrevx-section {
    padding: 42px 16px;
  }

  .saasrevx-heading {
    font-size: 26px;
    margin-bottom: 22px;
  }

  .saasrevx-card {
    padding: 20px 16px;
    border-radius: 16px;
  }

  .saasrevx-title {
    font-size: 20px;
    line-height: 1.4;
  }

  .saasrevx-text {
    font-size: 14px;
    line-height: 1.75;
  }

  .saasrevx-bottom-box {
    padding: 20px 16px;
    border-radius: 16px;
  }
}

@media (max-width: 480px) {
  .saasrevx-heading {
    font-size: 22px;
  }

  .saasrevx-title {
    font-size: 18px;
  }

  .saasrevx-text {
    font-size: 13px;
  }

  .saasrevx-tag {
    width: 100%;
  }
}

/* ================================
SECTION WRAPPER
================================ */

.proc-sec-x501 {
  background: #ffffff;
  padding: 40px 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto;
}

/* ================================
ROW CARD
================================ */

.proc-card-x502 {
  background: white;
  border-radius: 8px;
  padding: 40px 30px;
  margin-bottom: 30px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
  animation: fadeProc 1s ease;
}

/* ================================
ROW ALIGN
================================ */

.proc-row-x503 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

/* ================================
TEXT AREA
================================ */

.proc-text-x504 {
  max-width: 520px;
}

.proc-text-x504 h4 {
  color: #1f6feb;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.proc-text-x504 p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* ================================
IMAGE AREA
================================ */

.proc-img-x505 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.proc-img-x505 img {
  width: 120px;
  margin-left: 70px;
}

/* ================================
REVERSE ROW
================================ */

.proc-reverse-x506 {
  flex-direction: row-reverse;
}

/* ================================
ANIMATION
================================ */

@keyframes fadeProc {

  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

/* ================================
RESPONSIVE
================================ */

@media (max-width:768px) {

  .proc-row-x503 {
    flex-direction: column;
    text-align: center;
  }

  .proc-img-x505 {
    justify-content: center;
    margin-top: 15px;
  }

}

/*====================Our ABM Process=============================*/

.abm-section-x101 {
  padding: 1px 20px;
  background: #ffffff;
  font-family: system-ui;
}

.abm-header-x102 {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.abm-label-x103 {
  display: inline-block;
  background: #e8f0ff;
  color: #1447E6;
  padding: 4px 12px;
  border-radius: 10px;
  font-size: 12px;
  margin-bottom: 8px;
  margin-top: 20px;
}

.abm-title-x104 {
  font-size: 27px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 6px;
}

.abm-subtitle-x105 {
  color: #6b7280;
  margin-bottom: 10px;
}

/* ===== ABM UNIQUE STEP CARD SECTION ===== */
.abm4s-grid-qn91 {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.abm4s-card-qn92 {
  background: #ffffff;
  padding: 26px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10),
    0 4px 6px -4px rgba(0, 0, 0, 0.10);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.abm4s-card-qn92:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 28px rgba(0, 0, 0, 0.12);
}

.abm4s-iconbox-qn93 {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.abm4s-iconbox1-qn93 {
  background: #2B7FFF;
}

.abm4s-iconbox2-qn93 {
  background: #AD46FF;
}

.abm4s-iconbox3-qn93 {
  background: #615FFF;
}

.abm4s-iconbox4-qn93 {
  background: #00C950;
}

.abm4s-step-qn94 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}

.abm4s-step1-qn94 {
  color: #2B7FFF;
}

.abm4s-step2-qn94 {
  color: #9333ea;
}

.abm4s-step3-qn94 {
  color: #4f46e5;
}

.abm4s-step4-qn94 {
  color: #16a34a;
}

.abm4s-title-qn95 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #111827;
}

.abm4s-text-qn96 {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

@media (max-width: 992px) {
  .abm4s-grid-qn91 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .abm4s-grid-qn91 {
    grid-template-columns: 1fr;
  }
}

/*=========================== 4TH SECTION =======================*/

/* MAIN WRAPPER */

.abm4-section {
  padding: 60px 20px;
  background: #ffffff;
  font-family: system-ui;
}

/* CONTAINER */

.abm4-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* LABEL */

.abm4-label {
  display: inline-block;
  background: #e6f0ff;
  color: #2563eb;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}

/* HEADING */

.abm4-heading {
  font-size: 27px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 30px;
}

/* ITEM */

.abm4-item {
  display: flex;
  gap: 16px;
  margin-bottom: 26px;
  align-items: flex-start;
  animation: abm4fadeUp .6s ease forwards;
}

/* ICON */

.abm4-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ICON COLORS */

.abm4-blue {
  background: #e0ecff;
}

.abm4-purple {
  background: #f1e7ff;
}

.abm4-indigo {
  background: #e7e8ff;
}

.abm4-green {
  background: #e3f7ea;
}

/* TITLE */

.abm4-title {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}

/* TEXT */

.abm4-text {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
  max-width: 420px;
}

/* BUTTON */

.abm4-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  background: #2563eb;
  color: white;
  padding: 11px 18px;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
  transition: .3s;
}

.abm4-btn:hover {
  background: #1d4ed8;
  transform: translateY(-2px);
}

/* IMAGE */

.abm4-img img {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  animation: abm4fadeRight .8s ease;
}

/* ANIMATION */

@keyframes abm4fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes abm4fadeRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* RESPONSIVE */

@media(max-width:900px) {

  .abm4-container {
    grid-template-columns: 1fr;
  }

  .abm4-heading {
    font-size: 28px;
  }

}

/************5TH SECTION******************/

.abm-benefits-x1 {
  background: linear-gradient(180deg, #2b7bdc, #124b84);
  padding: 50px 20px;
  font-family: system-ui;
  color: white;
}

/* container */

.abm-benefits-x1 .abm-container-x2 {
  max-width: 1200px;
  margin: auto;
}

/* heading */

.abm-benefits-x1 .abm-title-x3 {
  text-align: center;
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* subtitle */

.abm-benefits-x1 .abm-subtitle-x4 {
  color: #fff;

  text-align: center;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 140% */
}

/* grid */

.abm-benefits-x1 .abm-grid-x5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* card */

.abm-benefits-x1 .abm-card-x6 {
  background: #ffffff;
  border-radius: 12px;
  padding: 28px;
  color: #374151;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: .3s;
  animation: abmFadeUp 0.8s ease;
}

.abm-benefits-x1 .abm-card-x6:hover {
  transform: translateY(-6px);
}

/* icon */

.abm-benefits-x1 .abm-icon-x7 {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: linear-gradient(180deg, #2b7bdc, #124b84);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  color: white;
  font-size: 20px;
}

/* title */

.abm-benefits-x1 .abm-card-title-x8 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* text */

.abm-benefits-x1 .abm-card-text-x9 {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* animation */

@keyframes abmFadeUp {

  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

/* responsive */

@media(max-width:992px) {

  .abm-benefits-x1 .abm-grid-x5 {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:600px) {

  .abm-benefits-x1 .abm-grid-x5 {
    grid-template-columns: 1fr;
  }

  .abm-benefits-x1 .abm-title-x3 {
    font-size: 26px;
  }

}

/*************6TH SECTION***************/
.rrs-section-x1 {
  background: linear-gradient(180deg, #0E80F3 0%, #084A8D 100%);
  padding: 80px 20px;
  font-family: system-ui;
  color: #fff;
}

/* container */

.rrs-container-x2 {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* left */

.rrs-left-x3 {
  flex: 1;
}

/* heading */

.rrs-heading-x4 {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 18px;
}

/* text */

.rrs-text-x5 {
  font-size: 15px;
  opacity: .9;
  line-height: 1.7;
  margin-bottom: 30px;
  max-width: 520px;
}

/* stats list */

.rrs-item-x6 {
  display: flex;
  gap: 14px;
  margin-bottom: 22px;
  align-items: flex-start;
}

/* icon */

.rrs-icon-x7 {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #ffffff;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

/* stat title */

.rrs-stat-title-x8 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 4px;
}

/* stat text */

.rrs-stat-text-x9 {
  font-size: 13px;
  opacity: .9;
}

/* image */

.rrs-image-x10 {
  flex: 1;
}

.rrs-image-x10 img {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, .25);
}

/* animation */

.rrs-left-x3 {
  animation: rrsFadeUp 1s ease;
}

.rrs-image-x10 {
  animation: rrsFadeRight 1s ease;
}

@keyframes rrsFadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rrsFadeRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* responsive */

@media(max-width:992px) {

  .rrs-container-x2 {
    flex-direction: column;
    text-align: left;
    gap: 40px;
  }

  .rrs-heading-x4 {
    font-size: 28px;
  }

}


/*==========================================================================================
                                   lead-generation
     =========================================================================================*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

img,
canvas {
  max-width: 100%;
  display: block;
}

/* ================= HERO SECTION ================= */
.ai-hero-section {
  background: #f5f7fb;
  padding: 90px 20px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.ai-hero-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  flex-wrap: wrap;
}

.ai-hero-left {
  flex: 1;
  min-width: 320px;
}

.ai-hero-subtitle {
  color: #2563eb;
  font-size: 14px;
  margin-bottom: 16px;
}

.ai-hero-title {
  font-size: 42px;
  line-height: 1.25;
  font-weight: 700;
  color: #0b63dc;
  margin-bottom: 20px;
}

.ai-hero-text {
  color: #64748b;
  font-size: 16px;
  max-width: 480px;
  margin-bottom: 28px;
  line-height: 1.6;
}

.ai-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #2563eb;
  color: white;
  padding: 14px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: .3s;
}

.ai-hero-btn:hover {
  background: #1e40af;
}

.ai-hero-note {
  font-size: 12px;
  margin-top: 10px;
  color: #94a3b8;
}

.ai-hero-card {
  flex: 1;
  min-width: 340px;
  max-width: 520px;
  width: 100%;
  background: white;
  padding: 25px;
  border-radius: 18px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
  position: relative;
}

.ai-hero-circle {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #2563eb;
  position: absolute;
  right: 20px;
  top: 20px;
}

.ai-hero-stats {
  margin-bottom: 15px;
  padding-right: 65px;
}

.ai-hero-stats p {
  font-size: 14px;
  margin-bottom: 6px;
  color: #475569;
}

.ai-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

.blue {
  background: #2563eb;
}

.green {
  background: #22c55e;
}

.ai-chart-box {
  position: relative;
  width: 100%;
  height: 230px;
}

/* ================= INSIGHTS SECTION ================= */
.insx-sec-842 {
  width: 100%;
  background: #f6f7f9;
  padding: 56px 0 54px;
  overflow: hidden;
}

.insx-wrap-842 {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
  box-sizing: border-box;
}

.insx-head-842 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
  animation: insxFadeDown842 .9s ease;
}

.insx-title-842 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #182235;
  letter-spacing: -.3px;
}

.insx-link-842 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #334155;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  transition: transform .3s ease, color .3s ease;
  white-space: nowrap;
}

.insx-link-842:hover {
  color: #1d4ed8;
  transform: translateX(2px);
}

.insx-link-arrow-842 {
  font-size: 16px;
  line-height: 1;
  transition: transform .3s ease;
}

.insx-link-842:hover .insx-link-arrow-842 {
  transform: translateX(4px);
}

.insx-grid-842 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.insx-card-842 {
  display: block;
  text-decoration: none;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  transition: transform .35s ease, box-shadow .35s ease;
  animation: insxFadeUp842 .9s ease;
}

.insx-card-842:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 34px rgba(15, 23, 42, .13);
}

.insx-imagebox-842 {
  position: relative;
  width: 100%;
  height: 210px;
  overflow: hidden;
  background: #dde3ea;
}

.insx-image-842 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.insx-card-842:hover .insx-image-842 {
  transform: scale(1.06);
}

.insx-body-842 {
  padding: 14px 14px 13px;
}

.insx-cardtitle-842 {
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
  color: #1f2937;
  transition: color .3s ease;
}

.insx-card-842:hover .insx-cardtitle-842 {
  color: #1d4ed8;
}

.insx-meta-842 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #7b8798;
  font-size: 12px;
  line-height: 1.5;
}

.insx-dot-842 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #98a2b3;
  display: inline-block;
  flex: 0 0 auto;
}

@keyframes insxFadeDown842 {
  from {
    opacity: 0;
    transform: translateY(-22px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes insxFadeUp842 {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= 3RD SECTION ================= */
.ldpflow-991-sec {
  width: 100%;
  background: linear-gradient(135deg, #0f1d56 0%, #1e3f9f 100%);
  padding: 22px 0;
  overflow: hidden;
}

.ldpflow-991-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 18px;
  box-sizing: border-box;
}

.ldpflow-991-grid {
  display: grid;
  grid-template-columns: 1.02fr 1fr;
  gap: 34px;
  align-items: start;
}

.ldpflow-991-left {
  min-height: 100%;
  padding: 18px 10px 18px 6px;
  animation: ldpflowFadeLeft991 .9s ease;
}

.ldpflow-991-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 14px;
  border-radius: 30px;
  background: rgba(15, 229, 255, .14);
  border: 1px solid rgba(86, 224, 255, .25);
  color: #6df1ff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-bottom: 20px;
  box-shadow: 0 0 16px rgba(52, 221, 255, .12);
}

.ldpflow-991-title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -1px;
  max-width: 520px;
}

.ldpflow-991-text {
  margin: 0 0 30px;
  max-width: 480px;
  color: rgba(226, 234, 255, .82);
  font-size: 15px;
  line-height: 1.75;
}

.ldpflow-991-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 170px;
  height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  background: #ffffff;
  color: #132150;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .15);
  transition: transform .3s ease, box-shadow .3s ease;
}

.ldpflow-991-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(0, 0, 0, .18);
}

.ldpflow-991-btn-arrow {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #eef2ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  flex: 0 0 auto;
}

.ldpflow-991-right {
  animation: ldpflowFadeRight991 .9s ease;
}

.ldpflow-991-group {
  margin-bottom: 18px;
}

.ldpflow-991-group:last-child {
  margin-bottom: 0;
}

.ldpflow-991-group-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.ldpflow-991-group-icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
}

.ldpflow-991-group-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.ldpflow-991-cyan {
  background: linear-gradient(135deg, #11d8f8 0%, #10b7ff 100%);
}

.ldpflow-991-blue {
  background: linear-gradient(135deg, #4d8cff 0%, #2f64ff 100%);
}

.ldpflow-991-purple {
  background: linear-gradient(135deg, #d15cff 0%, #8a4dff 100%);
}

.ldpflow-991-orange {
  background: linear-gradient(135deg, #ffa826 0%, #ff6a00 100%);
}

.ldpflow-991-group-title {
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
}

.ldpflow-991-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ldpflow-991-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 16px 15px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  transition: transform .3s ease, background .3s ease, border-color .3s ease;
  overflow: hidden;
}

.ldpflow-991-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, .13);
  border-color: rgba(255, 255, 255, .14);
}

.ldpflow-991-miniicon {
  /* width: 26px;
  height: 26px; */
  width: 35px;
  height: 35px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-top: 1px;
}

.ldpflow-991-miniicon svg {
  width: 13px;
  height: 13px;
  display: block;
}

.ldpflow-991-card-body {
  position: relative;
  z-index: 1;
}

.ldpflow-991-card-title {
  margin: 0 0 6px;
  color: #ffffff;
  /* font-size: 13px; */
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}

.ldpflow-991-card-text {
  margin: 0;
  color: rgba(220, 231, 255, .70);
  /* font-size: 10px; */
  font-size: 14px;
  line-height: 1.7;
}

@keyframes ldpflowFadeLeft991 {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ldpflowFadeRight991 {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ================= 4TH SECTION ================= */
.sbbx-904-sec {
  width: 100%;
  background: #f3f4f6;
  padding: 18px 0 12px;
  overflow: hidden;
}

.sbbx-904-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 18px;
  box-sizing: border-box;
}

.sbbx-904-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  border-radius: 22px;
  overflow: hidden;
  background: #08163f;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .12);
  animation: sbbxFadeUp904 .85s ease;
}

.sbbx-904-left {
  padding: 34px 30px 28px;
  background: #08163f;
  position: relative;
  z-index: 2;
}

.sbbx-904-title {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -.2px;
}

.sbbx-904-text {
  margin: 0 0 22px;
  max-width: 315px;
  color: rgba(223, 229, 241, .82);
  font-size: 13px;
  line-height: 1.75;
  font-weight: 400;
}

.sbbx-904-form {
  width: 100%;
  max-width: 310px;
}

.sbbx-904-field {
  position: relative;
  margin-bottom: 10px;
}

.sbbx-904-input {
  width: 100%;
  height: 42px;
  border: 1px solid #0b63dc;
  border-radius: 7px;
  background: rgba(255, 255, 255, .04);
  color: #ffffff;
  font-size: 13px;
  padding: 0 14px 0 38px;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.sbbx-904-input::placeholder {
  color: #9eabc5;
}

.sbbx-904-input:focus {
  border-color: #2d8cff;
  box-shadow: 0 0 0 4px rgba(45, 140, 255, .14);
  background: rgba(255, 255, 255, .06);
}

.sbbx-904-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: .78;
}

.sbbx-904-icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.sbbx-904-btn {
  margin-top: 4px;
  min-width: 100px;
  height: 36px;
  padding: 0 18px;
  border: none;
  border-radius: 7px;
  background: linear-gradient(135deg, #2291ff 0%, #1b7dff 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 10px 20px rgba(34, 145, 255, .22);
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}

.sbbx-904-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 24px rgba(34, 145, 255, .28);
  filter: brightness(1.03);
}

.sbbx-904-btn-arrow {
  font-size: 15px;
  line-height: 1;
}

.sbbx-904-note {
  margin: 16px 0 0;
  color: #95a2ba;
  font-size: 11px;
  line-height: 1.6;
}

.sbbx-904-note a {
  color: #b5c4de;
  text-decoration: none;
}

.sbbx-904-note a:hover {
  text-decoration: underline;
}

.sbbx-904-right {
  position: relative;
  min-height: 280px;
  overflow: hidden;
}

.sbbx-904-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s ease;
}

.sbbx-904-box:hover .sbbx-904-image {
  transform: scale(1.04);
}

.sbbx-904-right::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 22, 63, .10) 0%, rgba(8, 22, 63, 0) 24%);
  pointer-events: none;
}

@keyframes sbbxFadeUp904 {
  from {
    opacity: 0;
    transform: translateY(26px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1199px) {
  .ai-hero-title {
    font-size: 38px;
  }

  .ldpflow-991-title {
    font-size: 42px;
  }

  .ldpflow-991-group-title {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .ai-hero-section {
    padding: 70px 20px;
  }

  .ai-hero-container {
    flex-direction: column;
    text-align: center;
    gap: 32px;
  }

  .ai-hero-left,
  .ai-hero-card {
    width: 100%;
    max-width: 100%;
  }

  .ai-hero-text {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .ai-hero-stats {
    padding-right: 0;
    text-align: left;
  }

  .insx-sec-842 {
    padding: 48px 0;
  }

  .insx-wrap-842 {
    padding: 0 20px;
  }

  .insx-grid-842 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .insx-imagebox-842 {
    height: 200px;
  }

  .ldpflow-991-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ldpflow-991-left {
    padding: 8px 0 0;
  }

  .ldpflow-991-title,
  .ldpflow-991-text {
    max-width: 100%;
  }

  .sbbx-904-box {
    grid-template-columns: 1fr;
    max-width: 760px;
  }

  .sbbx-904-left {
    padding: 28px 22px 24px;
  }

  .sbbx-904-text,
  .sbbx-904-form {
    max-width: 100%;
  }

  .sbbx-904-right {
    min-height: 320px;
  }
}

@media (max-width: 767px) {
  .ai-hero-section {
    padding: 55px 16px;
  }

  .ai-hero-title {
    font-size: 30px;
    line-height: 1.2;
  }

  .ai-hero-text {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 22px;
  }

  .ai-hero-btn {
    padding: 12px 20px;
    font-size: 14px;
  }

  .ai-hero-card {
    min-width: 100%;
    padding: 18px;
    border-radius: 16px;
  }

  .ai-hero-circle {
    width: 38px;
    height: 38px;
    right: 16px;
    top: 16px;
  }

  .ai-hero-stats p {
    font-size: 13px;
  }

  .ai-chart-box {
    height: 200px;
  }

  .insx-sec-842 {
    padding: 40px 0 42px;
  }

  .insx-wrap-842 {
    padding: 0 14px;
  }

  .insx-head-842 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 18px;
  }

  .insx-title-842 {
    font-size: 22px;
  }

  .insx-grid-842 {
    grid-template-columns: 1fr;
  }

  .insx-imagebox-842 {
    height: 220px;
  }

  .insx-cardtitle-842 {
    font-size: 16px;
  }

  .ldpflow-991-sec {
    padding: 24px 0;
  }

  .ldpflow-991-wrap {
    padding: 0 12px;
  }

  .ldpflow-991-title {
    font-size: 32px;
    line-height: 1.12;
  }

  .ldpflow-991-text {
    font-size: 14px;
    margin-bottom: 22px;
  }

  .ldpflow-991-btn {
    min-width: 155px;
    height: 48px;
    font-size: 13px;
  }

  .ldpflow-991-group-title {
    font-size: 23px;
  }

  .ldpflow-991-card {
    padding: 14px 12px;
  }

  .sbbx-904-sec {
    padding: 12px 0 10px;
  }

  .sbbx-904-wrap {
    padding: 0 12px;
  }

  .sbbx-904-box {
    border-radius: 18px;
  }

  .sbbx-904-left {
    padding: 24px 16px 20px;
  }

  .sbbx-904-title {
    font-size: 30px;
  }

  .sbbx-904-text {
    font-size: 13px;
    line-height: 1.7;
  }

  .sbbx-904-btn {
    width: 100%;
  }

  .sbbx-904-right {
    min-height: 260px;
  }
}

@media (max-width: 480px) {
  .ai-hero-left {
    min-width: 100%;
  }

  .ai-hero-title {
    font-size: 26px;
  }

  .ai-hero-subtitle {
    font-size: 13px;
  }

  .ai-hero-note {
    font-size: 11px;
  }

  .ai-chart-box {
    height: 180px;
  }

  .ldpflow-991-title {
    font-size: 28px;
  }

  .ldpflow-991-group-title {
    font-size: 20px;
  }

  .sbbx-904-title {
    font-size: 25px;
  }
}

/*==============================================================================================
                                  {{ route(multi-channel-outreach') }}
 ================================================================================================/*
 /* HERO SECTION */
.dk-hero-wrapper {
  background: #f3f5fb;
  padding: 30px 0;
  overflow: hidden;
}

/* CONTAINER */
.dk-hero-container {
  max-width: 1200px;
  margin: auto;
}

/* BADGE */
.dk-hero-badge {
  display: inline-block;
  background: #e7eeff;
  color: #2f6df6;
  font-weight: 600;
  font-size: 13px;
  padding: 7px 16px;
  border-radius: 30px;
  letter-spacing: .5px;
  margin-bottom: 20px;

  animation: dkBadgeAnim 1s ease;
}

/* TITLE */
.dk-hero-heading {
  font-size: 54px;
  font-weight: 700;
  color: #1f2430;
  line-height: 1.2;
  margin-bottom: 18px;

  animation: dkFadeLeft 1.2s ease;
}

.dk-highlight-text {
  color: #2f6df6;
}

/* TEXT */
.dk-hero-description {
  font-size: 16px;
  color: #6b7280;
  max-width: 480px;
  line-height: 1.7;
  margin-bottom: 30px;

  animation: dkFadeLeft 1.4s ease;
}

/* BUTTONS */
.dk-hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  animation: dkFadeUp 1.6s ease;
}

.dk-primary-btn {
  background: #2f6df6;
  color: #fff;
  padding: 13px 28px;
  border-radius: 40px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: .3s;
}

.dk-primary-btn:hover {
  background: #1f56d9;
  transform: translateY(-3px);
}

.dk-outline-btn {
  border: 1px solid #d7dbe5;
  padding: 13px 26px;
  border-radius: 40px;
  font-weight: 600;
  text-decoration: none;
  color: #333;
  transition: .3s;
}

.dk-outline-btn:hover {
  background: #eef1f7;
  transform: translateY(-3px);
}

/* IMAGE */
.dk-hero-image-box {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);

  animation: dkFadeRight 1.4s ease;
}

.dk-hero-image-box img {
  width: 100%;
  height: auto;
  display: block;
}

/* ANIMATIONS */

@keyframes dkFadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes dkFadeRight {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes dkFadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes dkBadgeAnim {
  0% {
    opacity: 0;
    transform: scale(.7);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* RESPONSIVE */

@media (max-width:1200px) {

  .dk-hero-heading {
    font-size: 46px;
  }

}

@media (max-width:992px) {

  .dk-hero-wrapper {
    padding: 80px 20px;
  }

  .dk-hero-heading {
    font-size: 38px;
  }

}

@media (max-width:768px) {

  .dk-hero-heading {
    font-size: 32px;
  }

  .dk-hero-description {
    font-size: 15px;
  }

  .dk-hero-buttons {
    justify-content: flex-start;
  }

}

@media (max-width:576px) {

  .dk-hero-heading {
    font-size: 28px;
    line-height: 1.3;
  }

}

/**************************Our Channels SECTION *******************************************/

.rc-channel-section {
  background: #ffffff;
  padding: 30px 20px;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */

.rc-channel-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */

.rc-channel-heading {
  text-align: center;
  margin-bottom: 60px;
  animation: rcFadeUp 1s ease;
}

.rc-channel-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 8px;
}

.rc-channel-subtitle {
  font-size: 16px;
  color: #6b7280;
}

/* GRID */

.rc-channel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

/* CARD */

.rc-channel-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 28px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  transition: .35s;
  animation: rcFadeUp 1.2s ease;
}

.rc-channel-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* ICON */

.rc-icon-box {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  flex-shrink: 0;
}

/* ICON COLORS */

.rc-blue {
  background: #e7efff;
  color: #2563eb;
}

.rc-green {
  background: #e4f8ec;
  color: #16a34a;
}

.rc-purple {
  background: #efe6ff;
  color: #7c3aed;
}

.rc-pink {
  background: #ffe4ec;
  color: #e11d48;
}

/* TEXT */

.rc-channel-text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #111827;
}

.rc-channel-text p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* ANIMATION */

@keyframes rcFadeUp {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/* RESPONSIVE */

@media (max-width:992px) {

  .rc-channel-grid {
    grid-template-columns: 1fr;
  }

  .rc-channel-section {
    padding: 80px 20px;
  }

}

@media (max-width:768px) {

  .rc-channel-title {
    font-size: 28px;
  }

}

/*********************************HOW ITS WORK******************************************* */

/* SECTION */

.hw-process-section {
  background: #ffffff;
  padding: 60px 20px;
  font-family: Arial, Helvetica, sans-serif
}

/* CONTAINER */

.hw-process-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */

.hw-process-heading {
  text-align: center;
  margin-bottom: 60px;
  animation: hwFadeUp 1s ease;
}

.hw-process-title {
  font-size: 25px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
}

.hw-process-subtitle {
  font-size: 16px;
  color: #6b7280;
}

/* GRID */

.hw-process-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

/* CARD */

.hw-process-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 30px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
  transition: .35s;
  animation: hwFadeUp 1.2s ease;
}

.hw-process-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

/* ICON */

.hw-icon-box {
  width: 55px;
  height: 55px;
  background: #1f6feb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  flex-shrink: 0;
}

/* NUMBER */

.hw-step-number {
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 5px;
}

/* TEXT */

.hw-card-content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #111827;
}

.hw-card-content p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* ANIMATION */

@keyframes hwFadeUp {

  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

/* RESPONSIVE */

@media (max-width:992px) {

  .hw-process-grid {
    grid-template-columns: 1fr;
  }

  .hw-process-section {
    padding: 80px 20px;
  }

}

@media (max-width:768px) {

  .hw-process-title {
    font-size: 25px;
  }

}

/* 3rd card center */

.hw-process-card:nth-child(3) {
  grid-column: 1 / span 2;
  justify-self: center;
  max-width: 520px;
}

@media (max-width:992px) {

  .hw-process-card:nth-child(3) {
    grid-column: auto;
    max-width: 100%;
  }

}

/* SECTION */

.mc-choose-section {
  padding: 50px 20px;
  background: #ffffff;
}

/* CONTAINER */

.mc-choose-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* IMAGE */

.mc-choose-image img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  animation: mcFadeLeft 1.2s ease;
}

/* CONTENT */

.mc-choose-content {
  animation: mcFadeRight 1.2s ease;
}

.mc-choose-title {
  font-size: 30px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 15px;
}

.mc-choose-text {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.7;
  margin-bottom: 25px;
}

/* LIST */

.mc-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mc-feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 15px;
  color: #374151;
}

/* TICK */

.mc-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/* ANIMATION */

@keyframes mcFadeLeft {

  0% {
    opacity: 0;
    transform: translateX(-60px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }

}

@keyframes mcFadeRight {

  0% {
    opacity: 0;
    transform: translateX(60px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }

}

/* RESPONSIVE */

@media (max-width:992px) {

  .mc-choose-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .mc-choose-title {
    font-size: 32px;
  }

  .mc-choose-section {
    padding: 80px 20px;
  }

}

/* =========================
   CTA SECTION CSS
========================= */
.blcta-sec-wrap {
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
}

.blcta-sec-box {
  position: relative;
  width: 100%;
  max-width: 950px;
  min-height: 160px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(90deg, #1f8cff 0%, #0f4f95 100%);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
}

.blcta-sec-content {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding: 28px 20px;
}

.blcta-sec-title {
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 500;
  font-family: Arial, sans-serif;
}

.blcta-sec-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
  min-width: 120px;
  height: 44px;
  padding: 0 24px;
  background: #f4f4f4;
  color: #1f66ff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  font-family: Arial, sans-serif;
  transition: all 0.3s ease;
}

.blcta-sec-btn:hover {
  transform: translateY(-2px);
  color: #1f66ff;
  background: #ffffff;
}

/* =========================
   CHATBOT POPUP CSS
========================= */
.cbxp-wrap,
.cbxp-wrap * {
  box-sizing: border-box;
}

.cbxp-wrap {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-family: Inter, Arial, sans-serif;
}

.cbxp-wrap.cbxp-show {
  display: flex;
}

.cbxp-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  animation: cbxpFadeIn 0.3s ease;
}

.cbxp-modal {
  position: relative;
  width: 100%;
  max-width: 540px;
  height: 700px;
  max-height: calc(100vh - 40px);
  background: #f6f6f6;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  display: flex;
  flex-direction: column;
  z-index: 2;
  animation: cbxpZoomIn 0.32s ease;
}

@keyframes cbxpFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes cbxpZoomIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.cbxp-header {
  background: linear-gradient(90deg, #1f8cff 0%, #0d58b8 100%);
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cbxp-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.cbxp-avatar,
.cbxp-msg-avatar {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cbxp-avatar img,
.cbxp-msg-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cbxp-brand-text h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.cbxp-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: #d9f0ff;
  font-size: 13px;
  font-weight: 500;
}

.cbxp-status i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #20dd72;
  display: inline-block;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

.cbxp-close {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s ease;
}

.cbxp-close:hover {
  background: rgba(255, 255, 255, 0.12);
}

.cbxp-body {
  flex: 1;
  padding: 18px 18px 8px;
  overflow-y: auto;
  background: #f6f6f6;
}

.cbxp-body::-webkit-scrollbar {
  width: 6px;
}

.cbxp-body::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 20px;
}

.cbxp-msg-row {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

.cbxp-msg-row-right {
  justify-content: flex-end;
}

.cbxp-msg-row-right .cbxp-msg-bubble {
  background: #0d58b8;
  color: #fff;
  border-radius: 16px 16px 4px 16px;
  max-width: 80%;
}

.cbxp-msg-bubble {
  max-width: 80%;
  background: #ebe8e8;
  color: #2d2d2d;
  font-size: 15px;
  line-height: 1.75;
  padding: 14px 16px;
  border-radius: 16px 16px 16px 4px;
  word-break: break-word;
}

.cbxp-question-box {
  display: inline-block;
  margin: 6px 0 14px 56px;
  background: #fff;
  border: 2px solid #232323;
  border-radius: 14px;
  padding: 12px 16px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
}

.cbxp-action-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 56px;
  margin-bottom: 18px;
}

.cbxp-action-btn {
  border: 1.5px solid #afb4bc;
  background: #fff;
  color: #304256;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 15px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.cbxp-action-btn:hover {
  border-color: #0d58b8;
  color: #0d58b8;
  background: #eef5ff;
}

.cbxp-footer {
  padding: 16px 18px 18px;
  background: #f6f6f6;
}

.cbxp-input-wrap {
  position: relative;
}

.cbxp-input {
  width: 100%;
  height: 56px;
  border: 1.5px solid #cdcdcd;
  border-radius: 999px;
  background: #fff;
  padding: 0 58px 0 18px;
  font-size: 16px;
  color: #333;
  outline: none;
}

.cbxp-input:focus {
  border-color: #0d58b8;
}

.cbxp-send {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #7d7d7d;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}

.cbxp-send:hover {
  background: #eef5ff;
  color: #0d58b8;
}

.cbxp-send svg {
  width: 20px;
  height: 20px;
  display: block;
}

@media (max-width: 767px) {
  .blcta-sec-box {
    min-height: 140px;
    border-radius: 16px;
  }

  .blcta-sec-overlay-line {
    left: 82%;
  }

  .blcta-sec-title {
    font-size: 22px;
  }

  .blcta-sec-btn {
    min-width: 110px;
    height: 40px;
    font-size: 14px;
    margin-top: 22px;
  }

  .cbxp-wrap {
    padding: 12px;
  }

  .cbxp-modal {
    max-width: 100%;
    width: 100%;
    height: 85vh;
    max-height: 85vh;
    border-radius: 18px;
  }

  .cbxp-header {
    padding: 16px;
  }

  .cbxp-brand-text h3 {
    font-size: 17px;
  }

  .cbxp-body {
    padding: 14px 14px 8px;
  }

  .cbxp-msg-bubble {
    max-width: 85%;
    font-size: 14px;
    line-height: 1.65;
  }

  .cbxp-question-box {
    margin-left: 0;
    font-size: 15px;
  }

  .cbxp-action-list {
    padding-left: 0;
  }

  .cbxp-footer {
    padding: 12px 14px 14px;
  }

  .cbxp-input {
    height: 52px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .blcta-sec-box {
    min-height: 130px;
    border-radius: 14px;
  }

  .blcta-sec-overlay-line {
    display: none;
  }

  .blcta-sec-title {
    font-size: 19px;
  }
}


/*==============================================================================================
                                      sdr-as-a-service.php
 ==============================================================================================*/
body {
  margin: 0;
}

/*================ HERO SECTION =================*/

.sdrhero-section-x1 {

  background: linear-gradient(135deg, #EFF6FF 0%, #FFF 50%, #EFF6FF 100%);
  font-family: system-ui;
  padding: 50px 20px;

}

/* CONTAINER */

.sdrhero-container-x2 {

  max-width: 1200px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;

}

/* LABEL */

.sdrhero-label-x3 {

  display: inline-block;
  background: #e3edff;
  color: #2563eb;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 18px;

}

/* HEADING */

.sdrhero-title-x4 {

  font-size: 45px;
  font-weight: 400;
  color: #1e73d8;
  line-height: 1.1;
  margin-bottom: 20px;

  animation: fadeUp 1s ease;

}

/* TEXT */

.sdrhero-text-x5 {

  font-size: 16px;
  color: #4b5563;
  max-width: 480px;
  line-height: 1.6;
  margin-bottom: 30px;

}

/* BUTTON */

.sdrhero-btn-x6 {

  display: inline-flex;
  align-items: center;
  gap: 8px;

  background: #1e73d8;
  color: white;

  padding: 14px 22px;
  border-radius: 8px;

  text-decoration: none;
  font-size: 15px;

  transition: .3s;

}

.sdrhero-btn-x6:hover {

  background: #1456a5;
  transform: translateY(-3px);

}

/* IMAGE */

.sdrhero-img-x7 {

  display: flex;
  justify-content: center;

}

.sdrhero-img-x7 img {

  width: 100%;
  max-width: 520px;

  border-radius: 120px 20px 120px 20px;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);

  animation: fadeRight 1.2s ease;

}

/* ANIMATION */

@keyframes fadeUp {

  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

@keyframes fadeRight {

  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }

}

/* RESPONSIVE */

@media(max-width:900px) {

  .sdrhero-container-x2 {

    grid-template-columns: 1fr;
    text-align: center;

  }

  .sdrhero-title-x4 {

    font-size: 38px;

  }

  .sdrhero-text-x5 {

    margin: auto;
    margin-bottom: 30px;

  }

}

/* ===== Rapid Deployment MAIN SECTION ===== */

.sdr-sec-main {
  background: #fff;
  padding: 50px 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.sdr-container {
  max-width: 1200px;
  margin: auto;
}

/* ===== FLEX LAYOUT ===== */

.sdr-flex {
  display: flex;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}

/* ===== IMAGE ===== */

.sdr-img-box {
  flex: 1;
  min-width: 300px;
}

.sdr-img-box img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* ===== CONTENT ===== */

.sdr-content {
  flex: 1;
  min-width: 300px;
}

.sdr-badge {
  background: #e7efff;
  color: #2d6cdf;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 15px;
}

.sdr-title {
  font-size: 36px;
  font-weight: 400;
  color: #111;
  margin-bottom: 15px;
  line-height: 1.3;
}

.sdr-desc {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* ===== LIST ===== */

.sdr-list {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.sdr-list li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
}

.sdr-check {
  width: 22px;
  height: 22px;
  background: #2d6cdf;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.sdr-check svg {
  width: 14px;
  height: 14px;
  stroke: white;
}

/* ===== BUTTON ===== */

.sdr-btn {
  display: inline-block;
  background: #2d6cdf;
  color: white;
  padding: 12px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.sdr-btn:hover {
  background: #1c4fb5;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* ===== STATS SECTION ===== */

.sdr-stats {
  margin-top: 70px;
  background: linear-gradient(180deg, #EFF6FF 0%, #FFF 100%);
  padding: 40px;
  border-radius: 14px;
}

.sdr-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 25px;
}

/* ===== CARD ===== */

.sdr-card {
  background: white;
  padding: 30px;
  border-radius: 14px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
}

.sdr-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}

/* ===== ICON ===== */

.sdr-icon {
  width: 50px;
  height: 50px;
  background: #e7efff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 15px;
}

.sdr-icon svg {
  width: 24px;
  height: 24px;
  stroke: #2d6cdf;
}

/* ===== NUMBER ===== */

.sdr-number {
  font-size: 26px;
  font-weight: 400;
  color: #2d6cdf;
  margin-bottom: 5px;
}

.sdr-text {
  font-size: 14px;
  color: #555;
}

/* ===== ANIMATION ===== */

.sdr-img-box {
  animation: sdrFadeLeft 1.2s ease;
}

.sdr-content {
  animation: sdrFadeRight 1.2s ease;
}

.sdr-card {
  animation: sdrFadeUp 1.2s ease;
}

@keyframes sdrFadeLeft {
  from {
    opacity: 0;
    transform: translateX(-50px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes sdrFadeRight {
  from {
    opacity: 0;
    transform: translateX(50px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes sdrFadeUp {
  from {
    opacity: 0;
    transform: translateY(40px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px) {

  .sdr-title {
    font-size: 26px;
  }

  .sdr-flex {
    flex-direction: column;
  }

}

/* ===== Personalized Outreach MAIN SECTION ===== */

.perf-sec-main-x1 {
  background: #fff;
  padding: 30px 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.perf-container-x2 {
  max-width: 1200px;
  margin: auto;
}

/* ===== FLEX LAYOUT ===== */

.perf-flex-x3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  flex-wrap: wrap;
}

/* ===== LEFT CONTENT ===== */

.perf-content-x4 {
  flex: 1;
  min-width: 320px;
  animation: perfFadeLeft 1.2s ease;
}

.perf-badge-x5 {
  display: inline-block;
  background: #e6edff;
  color: #2d6cdf;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.perf-title-x6 {
  font-size: 34px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 15px;
  line-height: 1.3;
}

.perf-desc-x7 {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* ===== METRICS BOX ===== */

.perf-metric-box-x8 {
  background: #e9edf5;
  padding: 25px;
  border-radius: 12px;
  margin-bottom: 25px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.perf-metric-title-x9 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #333;
}

.perf-metric-list-x10 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.perf-metric-row-x11 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
}

.perf-metric-value-x12 {
  color: #2d6cdf;
  font-weight: 600;
}

/* ===== BUTTON ===== */

.perf-btn-x13 {
  display: inline-block;
  background: #2d6cdf;
  color: white;
  padding: 12px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 400;
  transition: 0.3s;
}

.perf-btn-x13:hover {
  background: #184fb8;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* ===== IMAGE ===== */

.perf-img-box-x14 {
  flex: 1;
  min-width: 320px;
  animation: perfFadeRight 1.2s ease;
}

.perf-img-box-x14 img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}

/* ===== ANIMATIONS ===== */

@keyframes perfFadeLeft {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes perfFadeRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px) {

  .perf-flex-x3 {
    flex-direction: column;
  }

  .perf-title-x6 {
    font-size: 26px;
  }

}

/* ===== MAIN SECTION ===== */

.outreach-sec-main-x1 {
  background: linear-gradient(180deg, #FFF 0%, #EFF6FF 100%);
  padding: 50px 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.outreach-container-x2 {
  max-width: 1200px;
  margin: auto;
}

/* ===== FLEX LAYOUT ===== */

.outreach-flex-x3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  flex-wrap: wrap;
}

/* ===== IMAGE ===== */

.outreach-img-x4 {
  flex: 1;
  min-width: 320px;
  animation: outreachFadeLeft 1.2s ease;
}

.outreach-img-x4 img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

/* ===== CONTENT ===== */

.outreach-content-x5 {
  flex: 1;
  min-width: 320px;
  animation: outreachFadeRight 1.2s ease;
}

.outreach-badge-x6 {
  display: inline-block;
  background: #e7edff;
  color: #2d6cdf;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 12px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.outreach-title-x7 {
  font-size: 34px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 15px;
  line-height: 1.3;
}

.outreach-desc-x8 {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* ===== STEPS ===== */

.outreach-steps-x9 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 25px;
}

.outreach-step-x10 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background: #ffffff;
  padding: 14px 18px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}

.outreach-step-x10:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

/* NUMBER BOX */

.outreach-num-x11 {
  width: 32px;
  height: 32px;
  background: #e7edff;
  color: #2d6cdf;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

/* STEP TEXT */

.outreach-step-text-x12 {
  font-size: 14px;
  color: #333;
}

.outreach-step-title-x13 {
  font-weight: 400;
  margin-bottom: 2px;
}

.outreach-step-sub-x14 {
  font-size: 13px;
  color: #777;
}

/* ===== BUTTON ===== */

.outreach-btn-x15 {
  display: inline-block;
  background: #2d6cdf;
  color: white;
  padding: 12px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 400;
  transition: 0.3s;
}

.outreach-btn-x15:hover {
  background: #184fb8;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* ===== ANIMATIONS ===== */

@keyframes outreachFadeLeft {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes outreachFadeRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px) {

  .outreach-flex-x3 {
    flex-direction: column;
  }

  .outreach-title-x7 {
    font-size: 26px;
  }

}

/*************SDR SECTION*********************** */
.sdrx-wrap-491 {
  width: 100%;
  background: #fff;
  padding: 34px 0 42px;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.sdrx-shell-491 {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 18px;
}

.sdrx-head-491 {
  text-align: center;
  margin-bottom: 28px;
  animation: sdrxFadeDown491 .9s ease;
}

.sdrx-title-491 {
  margin: 0 0 8px;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 500;
  color: #1e2430;
}

.sdrx-sub-491 {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}

.sdrx-steps-row-491 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 14px;
  margin-bottom: 32px;
  flex-wrap: nowrap;
}

.sdrx-step-card-491 {
  flex: 1 1 0;
  min-width: 0;
  background: #ffffff;
  border: 1px solid #b9d4ff;
  border-radius: 10px;
  padding: 18px 16px 16px;
  position: relative;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
  animation: sdrxFadeUp491 .9s ease;
}

.sdrx-step-card-491:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 30px rgba(0, 89, 214, .12);
  border-color: #5ea2ff;
}

.sdrx-step-card-active-491 {
  background: linear-gradient(135deg, #2584ee 0%, #1876df 100%);
  border-color: #2584ee;
  box-shadow: 0 16px 28px rgba(25, 119, 227, .22);
}

.sdrx-step-badge-491 {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #dbeafe;
  color: #3b82f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 16px;
  box-shadow: 0 6px 14px rgba(37, 132, 238, .10);
}

.sdrx-step-card-active-491 .sdrx-step-badge-491 {
  background: rgba(255, 255, 255, .96);
  color: #2584ee;
}

.sdrx-step-card-491 h3 {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: #202734;
}

.sdrx-step-card-active-491 h3 {
  color: #ffffff;
}

.sdrx-step-card-491 p {
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
  color: #5f6b7a;
}

.sdrx-step-card-active-491 p {
  color: rgba(255, 255, 255, .9);
}

.sdrx-step-arrow-491 {
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6fa8ff;
  font-size: 18px;
  animation: sdrxArrowMove491 1.5s ease-in-out infinite;
}

.sdrx-form-band-491 {
  width: 100%;
  background: linear-gradient(135deg, #2484ef 0%, #1158a8 100%);
  padding: 56px 22px 58px;
  margin-bottom: 28px;
  animation: sdrxScaleSoft491 .9s ease;
}

.sdrx-form-head-491 {
  text-align: center;
  margin-bottom: 28px;
  animation: sdrxFadeUp491 1s ease;
}

.sdrx-form-head-491 h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 39px;
  line-height: 1.2;
  font-weight: 400;
}

.sdrx-form-head-491 p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: 13px;
}

.sdrx-form-box-491 {
  max-width: 690px;
  margin: 0 auto;
  background: #f7f7f8;
  border-radius: 10px;
  padding: 28px 28px 24px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .12);
  animation: sdrxSoftGlow491 3.5s ease-in-out infinite;
}

.sdrx-form-grid-491 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 12px;
}

.sdrx-field-491 {
  margin-bottom: 14px;
}

.sdrx-field-491 label {
  display: block;
  margin-bottom: 6px;
  /* font-size: 10px; */
  font-size: 15px;
  line-height: 1.3;
  color: #4c5562;
}

.sdrx-field-491 label span {
  color: #e53935;
}

.sdrx-field-491 input,
.sdrx-field-491 textarea {
  width: 100%;
  border: 1px solid #d7dde5;
  outline: none;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  color: #1f2937;
  padding: 10px 12px;
  box-sizing: border-box;
  transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.sdrx-field-491 input {
  height: 38px;
}

.sdrx-field-491 textarea {
  height: 74px;
  resize: none;
}

.sdrx-field-491 input:focus,
.sdrx-field-491 textarea:focus {
  border-color: #2b84eb;
  box-shadow: 0 0 0 4px rgba(43, 132, 235, .10);
  transform: translateY(-1px);
}

.sdrx-submit-491 {
  width: 100%;
  height: 38px;
  border: none;
  border-radius: 6px;
  background: linear-gradient(135deg, #2584ee 0%, #1c71d1 100%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
}

.sdrx-submit-491:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 132, 238, .24);
  filter: brightness(1.04);
}

.sdrx-bottom-cta-491 {
  text-align: center;
  padding: 14px 10px 0;
  animation: sdrxFadeUp491 1s ease;
}

.sdrx-bottom-cta-491 h3 {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.28;
  font-weight: 500;
  color: #1e2430;
}

.sdrx-bottom-cta-491 p {
  margin: 0 0 16px;
  color: #70798a;
  font-size: 12px;
}

.sdrx-btn-row-491 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sdrx-btn-main-491,
.sdrx-btn-alt-491 {
  min-width: 138px;
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  /* font-size: 11px; */
  font-size: 15px;
  font-weight: 500;
  transition: all .35s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sdrx-btn-main-491 {
  background: linear-gradient(135deg, #2584ee 0%, #1d72d4 100%);
  color: #ffffff;
  border: 1px solid #2584ee;
}

.sdrx-btn-main-491:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 18px rgba(37, 132, 238, .20);
}

.sdrx-btn-alt-491 {
  background: transparent;
  color: #2584ee;
  border: 1px solid #2584ee;
}

.sdrx-btn-alt-491:hover {
  background: #2584ee;
  color: #ffffff;
  transform: translateY(-2px);
}

/* POPUP */
.callpop-overlay-991 {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, .32);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s ease, visibility .35s ease;
  z-index: 9999;
}

.callpop-overlay-991.callpop-active-991 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.callpop-modal-991 {
  width: 100%;
  max-width: 1120px;
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(0, 0, 0, .18);
  transform: translateY(22px) scale(.97);
  transition: transform .38s ease;
  position: relative;
}

.callpop-overlay-991.callpop-active-991 .callpop-modal-991 {
  transform: translateY(0) scale(1);
}

.callpop-close-991 {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: #f5f5f5;
  color: #5b6472;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
  transition: transform .25s ease, background .25s ease;
  z-index: 5;
}

.callpop-close-991:hover {
  transform: rotate(90deg);
  background: #ececec;
}

.callpop-grid-991 {
  display: grid;
  grid-template-columns: 1.02fr 1fr;
  min-height: 640px;
}

.callpop-left-991 {
  background: #d9ecff;
  padding: 38px 34px 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.callpop-logo-wrap-991 {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  background: #101d68;
  margin: 12px auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 24px rgba(16, 29, 104, .18);
}

.callpop-logo-svg-991 {
  width: 48px;
  height: 48px;
}

.callpop-month-small-991 {
  text-align: center;
  color: #0f6bff;
  font-size: 33px;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 4px;
  margin-bottom: 4px;
}

.callpop-month-title-991 {
  text-align: center;
  color: #0f6bff;
  font-size: 19px;
  font-weight: 500;
  margin: 10px 0 22px;
}

.callpop-nav-991 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  color: #0f6bff;
}

.callpop-nav-btn-991 {
  border: none;
  background: transparent;
  color: #0f6bff;
  font-size: 30px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease;
}

.callpop-nav-btn-991:hover {
  transform: scale(1.12);
}

.callpop-nav-title-991 {
  font-size: 17px;
  font-weight: 500;
  color: #0f6bff;
}

.callpop-weekdays-991 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  margin-bottom: 12px;
  text-align: center;
  color: #0f6bff;
  font-size: 13px;
  font-weight: 500;
}

.callpop-days-991 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}

.callpop-day-991 {
  height: 44px;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #0f6bff;
  font-size: 20px;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease, color .25s ease, box-shadow .25s ease;
}

.callpop-day-991:hover {
  background: rgba(255, 255, 255, .65);
  transform: translateY(-2px);
}

.callpop-day-empty-991 {
  visibility: hidden;
  pointer-events: none;
}

.callpop-day-active-991 {
  background: #ffffff;
  color: #475569;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(15, 107, 255, .12);
}

.callpop-timezone-991 {
  margin-top: auto;
  color: #0f6bff;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.callpop-right-991 {
  padding: 28px 26px 24px;
  background: #ffffff;
}

.callpop-label-991 {
  font-size: 14px;
  color: #374151;
  margin-bottom: 8px;
  display: block;
}

.callpop-input-991 {
  width: 100%;
  height: 42px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f7f7f8;
  outline: none;
  padding: 0 14px;
  font-size: 14px;
  color: #111827;
  margin-bottom: 22px;
  transition: border-color .25s ease, box-shadow .25s ease;
  box-sizing: border-box;
}

.callpop-input-991:focus {
  border-color: #2584ee;
  box-shadow: 0 0 0 4px rgba(37, 132, 238, .10);
}

.callpop-time-title-991 {
  font-size: 27px;
  line-height: 1.25;
  color: #1f2937;
  font-weight: 500;
  margin-bottom: 16px;
}

.callpop-time-list-991 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 408px;
  overflow: auto;
  padding-right: 4px;
}

.callpop-time-btn-991 {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d7dde5;
  border-radius: 10px;
  background: #ffffff;
  color: #4b5563;
  font-size: 15px;
  text-align: left;
  padding: 0 14px;
  cursor: pointer;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.callpop-time-btn-991:hover {
  border-color: #2584ee;
  transform: translateX(3px);
  box-shadow: 0 8px 18px rgba(37, 132, 238, .10);
  background: #fbfdff;
}

.callpop-time-btn-991.callpop-time-active-991 {
  background: #2584ee;
  border-color: #2584ee;
  color: #ffffff;
  box-shadow: 0 10px 18px rgba(37, 132, 238, .18);
}

.callpop-confirm-991 {
  margin-top: 16px;
  width: 100%;
  height: 46px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(135deg, #2584ee 0%, #1d72d4 100%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  display: none;
}

.callpop-confirm-991:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 20px rgba(37, 132, 238, .22);
  filter: brightness(1.03);
}

.callpop-confirm-991.callpop-show-991 {
  display: block;
}

.callpop-note-991 {
  margin-top: 10px;
  font-size: 13px;
  color: #6b7280;
  display: none;
}

.callpop-note-991.callpop-show-991 {
  display: block;
}

/* ANIMATION */
@keyframes sdrxFadeDown491 {
  from {
    opacity: 0;
    transform: translateY(-26px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sdrxFadeUp491 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sdrxScaleSoft491 {
  from {
    opacity: 0;
    transform: scale(.97);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sdrxArrowMove491 {

  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(5px);
  }
}

@keyframes sdrxSoftGlow491 {

  0%,
  100% {
    box-shadow: 0 18px 42px rgba(0, 0, 0, .12);
  }

  50% {
    box-shadow: 0 20px 46px rgba(37, 132, 238, .15);
  }
}

/* RESPONSIVE */
@media (max-width:991px) {
  .sdrx-steps-row-491 {
    flex-wrap: wrap;
    gap: 14px;
  }

  .sdrx-step-arrow-491 {
    display: none;
  }

  .sdrx-step-card-491 {
    flex: 1 1 calc(50% - 14px);
    min-width: 260px;
  }

  .sdrx-form-head-491 h3 {
    font-size: 30px;
  }

  .callpop-grid-991 {
    grid-template-columns: 1fr;
  }

  .callpop-left-991 {
    padding: 28px 20px 24px;
  }

  .callpop-right-991 {
    padding: 22px 18px 20px;
  }

  .callpop-modal-991 {
    max-width: 760px;
  }
}

@media (max-width:767px) {
  .sdrx-wrap-491 {
    padding: 50px 0 32px;
  }

  .sdrx-shell-491 {
    padding: 0 14px;
  }

  .sdrx-title-491 {
    font-size: 28px;
  }

  .sdrx-step-card-491 {
    flex: 1 1 100%;
  }

  .sdrx-form-band-491 {
    padding: 42px 14px 44px;
  }

  .sdrx-form-box-491 {
    padding: 20px 16px 18px;
  }

  .sdrx-form-grid-491 {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .sdrx-form-head-491 h3 {
    font-size: 25px;
  }

  .sdrx-bottom-cta-491 h3 {
    font-size: 20px;
  }

  .callpop-overlay-991 {
    padding: 10px;
  }

  .callpop-modal-991 {
    border-radius: 14px;
  }

  .callpop-close-991 {
    right: 10px;
    top: 10px;
    width: 38px;
    height: 38px;
    font-size: 24px;
  }

  .callpop-left-991 {
    padding: 22px 14px 18px;
  }

  .callpop-right-991 {
    padding: 18px 14px 18px;
  }

  .callpop-month-small-991 {
    font-size: 25px;
  }

  .callpop-month-title-991 {
    font-size: 17px;
  }

  .callpop-day-991 {
    height: 38px;
    font-size: 16px;
  }

  .callpop-weekdays-991,
  .callpop-days-991 {
    gap: 8px;
  }

  .callpop-time-title-991 {
    font-size: 22px;
  }
}

/**************************************/
/* HOW IT WORKS SECTION */

.hw-main-section {
  padding: 50px 0;
  background: #f5f6f8;
}

/* Container */

.hw-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

/* Title */

.hw-title-box {
  text-align: center;
  margin-bottom: 60px;
}

.hw-title-box h2 {
  font-weight: 700;
  color: #111827;
}

/* Row */

.hw-row {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* Columns */

.hw-col {
  flex: 1;
  min-width: 320px;
}

/* Image */

.hw-image-card {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  transition: transform .5s;
}

.hw-image-card img {
  width: 100%;
  display: block;
}

.hw-image-card:hover {
  transform: scale(1.03);
}

/* Steps */

.hw-step-list {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.hw-step-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

/* Number circle */

.hw-step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* color: #fff; */
  color: #000;
  font-weight: 600;
  font-size: 16px;
  flex-shrink: 0;
}

/* Colors */

.hw-blue {
  background: #3b82f6;
}

.hw-purple {
  background: #7c3aed;
}

.hw-indigo {
  background: #6366f1;
}

.hw-green {
  background: #16a34a;
}

/* Text */

.hw-step-content h5 {
  font-weight: 600;
  margin-bottom: 6px;
}

.hw-step-content p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */

@media(max-width:900px) {

  .hw-row {
    flex-direction: column;
  }

}

/* header.php */

/* NAVBAR */

.navbar-x55 {
  width: 100%;
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 9999;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}

/* CONTAINER */

.nav-container-x55 {
  width: 100%;
  padding: 0 40px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* LOGO */

.logo-x55 img {
  height: auto;
  width: 73px;

}

/* MENU */

.menu-x55 {
  display: flex;
  gap: 40px;
  list-style: none;
  align-items: center;
}

.menu-x55 a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-bottom: 6px;
}

/* UNDERLINE */

.menu-x55 a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #2b7cff;
  transition: .3s;
}

.menu-x55 a:hover::after {
  width: 100%;
}

.menu-x55 a:hover {
  color: #2b7cff;
}

/* BUTTON */

.call-btn-x55 {
  background: #2b7cff;
  color: white;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 10px 25px rgba(43, 124, 255, 0.35);
  transition: .3s;
}

.call-btn-x55:hover {
  transform: translateY(-3px);
}

/* RIGHT SIDE */

.right-sec-x55 {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* HAMBURGER */

.hamburger-x55 {
  display: none;
  font-size: 30px;
  cursor: pointer;
}

/* SERVICES POPUP */

.services-popup-x55 {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  background: #ffffff;
  padding: 35px;
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
  display: none;
  z-index: 9999;
}

.services-popup-x55.active {
  display: block;
}

/* GRID */

.popup-grid-x55 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.popup-heading-x55 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #6b7280;
  margin-bottom: 20px;
}

.popup-item-x55 {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #222;
  transition: .3s;
}

.popup-item-x55:hover {
  transform: translateX(6px);
}

.popup-icon-x55 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #e8ecff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-title-x55 {
  font-weight: 600;
  font-size: 15px;
}

.popup-desc-x55 {
  font-size: 13px;
  color: #6b7280;
}

/* MOBILE */

@media(max-width:900px) {

  .nav-container-x55 {
    padding: 0 20px;
  }

  .menu-x55 {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background: #fff;
    flex-direction: column;
    gap: 25px;
    padding: 30px 0;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }

  .menu-x55.active {
    display: flex;
  }

  .hamburger-x55 {
    display: block;
  }

  .call-btn-x55 {
    display: none;
  }

  .services-popup-x55 {
    width: 95%;
  }

  .popup-grid-x55 {
    grid-template-columns: 1fr;
  }

}

/* RESET CSS (BOTTOM) */


/**********RESPONSIVE****************/
/* SERVICES POPUP RESPONSIVE */

@media(max-width:900px) {

  .services-popup-x55 {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    padding: 20px;
    border-radius: 0;
    box-shadow: none;
    margin-top: 10px;
  }

  .popup-grid-x55 {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .popup-item-x55 {
    margin-bottom: 15px;
    gap: 10px;
  }

  .popup-icon-x55 {
    width: 34px;
    height: 34px;
    font-size: 16px;
  }

  .popup-title-x55 {
    font-size: 14px;
  }

  .popup-desc-x55 {
    font-size: 12px;
  }

}

/* end header.php */
/* ================= FOOTER ================= */

.dl-footer-section {
  background: #101828;
  padding: 50px 0 20px;
  color: #c7d3ea;
  position: relative;
  overflow: hidden;
  animation: footerFade 1.2s ease;
}

/* Fade */
@keyframes footerFade {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Glow */
.dl-footer-section::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(0, 123, 255, 0.25);
  filter: blur(140px);
  top: -120px;
  left: -120px;
  animation: footerGlow 8s infinite alternate;
  pointer-events: none;
}

@keyframes footerGlow {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(120px, 70px);
  }
}

/* CONTENT SAFE */
.dl-footer-section .container {
  position: relative;
  z-index: 2;
}

/* ROW */
.dl-footer-section .row {
  align-items: flex-start;
}

/* LOGO */
.dl-footer-logo {
  width: 90px;
  margin-bottom: 10px;
  animation: logoFloat 4s ease-in-out infinite;
}

@keyframes logoFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

/* ABOUT */
.dl-footer-about p {
  font-size: 14px;
  line-height: 1.6;
  max-width: 300px;
}

/* SOCIAL */
.dl-social-icons {
  display: flex;
  flex-wrap: wrap;
}

.dl-social-icons a {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}

.dl-social-icons a:hover {
  background: #1e66ff;
  transform: translateY(-5px);
}

/* LINKS */
.dl-footer-links h5 {
  color: #fff;
  margin-bottom: 12px;
  font-size: 16px;
}

.dl-footer-links ul {
  list-style: none;
  padding: 0;
}

.dl-footer-links ul li {
  margin-bottom: 8px;
  font-size: 14px;
}

.dl-footer-links ul li a {
  text-decoration: none;
  color: #c7d3ea;
  transition: .3s;
}

.dl-footer-links ul li a:hover {
  color: #4ea1ff;
}

/* CONTACT */
.dl-contact-info {
  list-style: none;
  padding: 0;
}

.dl-contact-info li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.dl-contact-info i {
  color: #4ea1ff;
  margin-top: 3px;
}

/* COPYRIGHT */
.dl-footer-bottom {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  font-size: 13px;
  color: #9fb2d8;
}

.dl-footer-bottom a {
  color: #4ea1ff;
  text-decoration: none;
}

.dl-footer-bottom a:hover {
  text-decoration: underline;
}

/* ================= RESPONSIVE ================= */

/* TABLET */
@media (max-width: 991px) {
  .dl-footer-section {
    padding: 40px 0 20px;
  }

  .dl-footer-section .row>div {
    margin-bottom: 25px;
  }
}

/* MOBILE */
@media (max-width: 768px) {

  .dl-footer-section {
    text-align: left;
    /* IMPORTANT */
    padding: 35px 0 15px;
  }

  .dl-footer-section .row {
    display: flex;
    flex-direction: column;
  }

  /* ALL FULL WIDTH */
  .dl-footer-section .row>div {
    width: 100%;
    margin-bottom: 25px;
  }

  /* LOGO LEFT */
  .dl-footer-logo {
    margin-bottom: 10px;
  }

  .dl-footer-about p {
    max-width: 100%;
  }

  /* SOCIAL LEFT */
  .dl-social-icons {
    justify-content: flex-start;
  }

  /* LINKS LEFT */
  .dl-footer-links h5,
  .dl-footer-links ul,
  .dl-footer-links ul li {
    text-align: left;
  }

  /* CONTACT LEFT */
  .dl-contact-info {
    align-items: flex-start;
  }

  .dl-contact-info li {
    justify-content: flex-start;
  }

  /* REMOVE HOVER SHIFT */
  .dl-footer-links ul li:hover {
    transform: none;
  }

  /* COPYRIGHT LEFT */
  .dl-footer-bottom {
    text-align: left;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px) {

  .dl-footer-logo {
    width: 75px;
  }

  .dl-footer-about p,
  .dl-footer-links ul li,
  .dl-contact-info li {
    font-size: 13px;
  }

  .dl-footer-links h5 {
    font-size: 15px;
  }

  .dl-footer-bottom {
    font-size: 12px;
  }
}

.section-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* linkedin lead generation */

.lldg-section-x1 {
  background: linear-gradient(135deg, #2c7be5, #0f4c8a);
  padding: 90px 20px;
  font-family: system-ui;
  color: #fff;

  /* full width + top gap fix */
  width: 100%;
  margin-left: calc(-50vw + 50%);
  margin-top: -8px;
}

/* container */

.lldg-container-x2 {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* LEFT */

.lldg-left-x3 {
  flex: 1;
}

.lldg-label-x4 {
  display: inline-block;
  background: #ffffff;
  color: #2563eb;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 18px;
}

.lldg-title-x5 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.lldg-text-x6 {
  font-size: 15px;
  line-height: 1.7;
  opacity: .9;
  margin-bottom: 30px;
  max-width: 520px;
}

.lldg-btn-group-x7 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.lldg-btn-primary-x8 {
  background: #ffffff;
  color: #2563eb;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.lldg-btn-outline-x9 {
  border: 1px solid #fff;
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
}

/* CARD */

.lldg-card-x10 {
  flex: 1;
  background: #fff;
  color: #1f2937;
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.lldg-card-head-x11 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.lldg-ln-icon-x12 {
  background: #2563eb;
  color: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 700;
}

.lldg-card-title-x13 {
  font-size: 15px;
  font-weight: 600;
}

.lldg-card-sub-x14 {
  font-size: 12px;
  color: #6b7280;
}

/* progress bar */

.lldg-progress-x15 {
  height: 8px;
  background: #e5e7eb;
  border-radius: 20px;
  margin: 16px 0 22px;
  overflow: hidden;
}

.lldg-progress-bar-x16 {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #2c7be5, #6b5cff);
  animation: barGrow 2s ease forwards;
}

@keyframes barGrow {
  from {
    width: 0;
  }

  to {
    width: 75%;
  }
}

/* stats */

.lldg-grid-x17 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.lldg-box-x18 {
  padding: 18px;
  border-radius: 12px;
}

.lldg-blue {
  background: #eef4ff;
}

.lldg-purple {
  background: #f4efff;
}

.lldg-orange {
  background: #fff3ea;
}

.lldg-green {
  background: #ecfdf5;
}

.lldg-stat-x19 {
  font-size: 22px;
  font-weight: 700;
  margin: 4px 0;
}

.lldg-small-x20 {
  font-size: 12px;
  color: #6b7280;
}

/* responsive */

@media(max-width:992px) {

  .lldg-container-x2 {
    flex-direction: column;
    gap: 50px;
  }

  .lldg-title-x5 {
    font-size: 32px;
  }

}

/*********2ND SECTION***********/
.llb2b-section {
  background: #ffffff;
  padding: 40px 20px;
  width: 100%;
  margin-left: calc(-50vw + 50%);
  font-family: system-ui;
}

/* container */

.llb2b-container {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

/* heading */

.llb2b-title {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
}

.llb2b-sub {
  color: #6b7280;
  max-width: 620px;
  margin: auto;
  margin-bottom: 50px;
  font-size: 15px;
  line-height: 1.6;
}

/* cards */

.llb2b-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.llb2b-card {
  background: linear-gradient(135deg, #EFF6FF 0%, #FFF 100%);
  padding: 30px;
  border-radius: 16px;
  text-align: left;
  border: 1px solid #DBEAFE;
  transition: all .3s ease;
}

.llb2b-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* icon */

.llb2b-icon {
  width: 50px;
  height: 50px;
  background: #2563eb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.llb2b-icon svg {
  width: 24px;
  height: 24px;
  stroke: #fff;
}

/* text */

.llb2b-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #111827;
}

.llb2b-card p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* responsive */

@media(max-width:992px) {

  .llb2b-grid {
    grid-template-columns: 1fr 1fr;
  }

}

@media(max-width:600px) {

  .llb2b-grid {
    grid-template-columns: 1fr;
  }

  .llb2b-title {
    font-size: 26px;
  }

}

.llproc-section {
  background: #ffffff;
  padding: 40px 20px;
  width: 100%;
  margin-left: calc(-50vw + 50%);
  font-family: Arial, Helvetica, sans-serif;
}

.llproc-container {
  max-width: 1200px;
  margin: auto;
}

/* heading */

.llproc-heading {
  text-align: center;
  margin-bottom: 60px;
}

.llproc-title {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
}

.llproc-sub {
  color: #6b7280;
  font-size: 15px;
}

/* grid */

.llproc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* steps */

.llproc-step {
  display: flex;
  gap: 18px;
  margin-bottom: 28px;
}

.llproc-number {
  width: 38px;
  height: 38px;
  background: #2c7be5;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.llproc-text h3 {
  font-size: 16px;
  margin-bottom: 6px;
  color: #111827;
}

.llproc-text p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
  max-width: 420px;
}

/* RIGHT SIDE CENTER */

.llproc-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* image */

.llproc-image {
  width: 100%;
  border-radius: 14px;
  margin-bottom: 25px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* card */

.llproc-card {
  background: linear-gradient(135deg, #2c7be5, #174c86);
  color: #fff;
  padding: 26px;
  border-radius: 14px;
}

.llproc-card h3 {
  margin-bottom: 18px;
  font-size: 18px;
}

.llproc-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
}

.llproc-row:last-child {
  border: none;
}

/* responsive */

@media(max-width:992px) {

  .llproc-grid {
    grid-template-columns: 1fr;
  }

  .llproc-right {
    margin-top: 30px;
  }

}

.llproc-step {
  display: flex;
  gap: 18px;
  margin-bottom: 28px;
  opacity: 0;
  transform: translateX(-40px);
  animation: stepSlide 0.8s ease forwards;
}

.llproc-step:nth-child(1) {
  animation-delay: .2s;
}

.llproc-step:nth-child(2) {
  animation-delay: .4s;
}

.llproc-step:nth-child(3) {
  animation-delay: .6s;
}

.llproc-step:nth-child(4) {
  animation-delay: .8s;
}

.llproc-step:nth-child(5) {
  animation-delay: 1s;
}

.llproc-step:nth-child(6) {
  animation-delay: 1.2s;
}

@keyframes stepSlide {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.llproc-image {
  width: 100%;
  border-radius: 14px;
  margin-bottom: 25px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  animation: imageZoom 1s ease;
}

@keyframes imageZoom {

  from {
    transform: scale(.9);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }

}

.llproc-card {
  background: linear-gradient(135deg, #2c7be5, #174c86);
  color: #fff;
  padding: 26px;
  border-radius: 14px;
  animation: cardUp 1s ease;
}

@keyframes cardUp {

  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

.llproc-card:hover {
  transform: translateY(-6px);
  transition: .3s;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
}

.llproc-image:hover {
  transform: scale(1.03);
  transition: .4s;
}

/**********3RD SECTION*************** */
.llinc-section {
  padding: 00px 20px 60px;
  background: #ffffff;
  width: 100%;
  margin-left: calc(-50vw + 50%);
  font-family: system-ui;
}

/* heading */

.llinc-head {
  text-align: center;
  margin-bottom: 60px;
}

.llinc-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1f2937;
}

.llinc-sub {
  color: #6b7280;
  font-size: 15px;
}

/* grid */

.llinc-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* card */

.llinc-card {
  padding: 30px;
  border-radius: 14px;
  color: #fff;
  transition: .3s;
}

.llinc-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* icon */

.llinc-icon {
  font-size: 28px;
  margin-bottom: 14px;
}

/* title */

.llinc-card h3 {
  margin-bottom: 14px;
  font-size: 18px;
}

/* list */

.llinc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.llinc-list li {
  margin-bottom: 8px;
  font-size: 14px;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* gradients */

.llinc-c1 {
  background: linear-gradient(135deg, #1ea7b8, #0f7fa4);
}

.llinc-c2 {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.llinc-c3 {
  background: linear-gradient(135deg, #a855f7, #7c3aed);
}

.llinc-c4 {
  background: linear-gradient(135deg, #ff7a00, #ff4d00);
}

.llinc-c5 {
  background: linear-gradient(135deg, #ff3f8e, #e11d48);
}

.llinc-c6 {
  background: linear-gradient(135deg, #1abc9c, #0f766e);
}

/* responsive */

@media(max-width:992px) {

  .llinc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:600px) {

  .llinc-grid {
    grid-template-columns: 1fr;
  }

  .llinc-title {
    font-size: 26px;
  }

}


/************5TH SECTION********************/
/* section */

.cta-ln-section {
  width: 100%;
  /* margin-left:calc(-50vw + 50%); */
  padding: 80px 20px;
  background: linear-gradient(135deg, #2a7de1, #0f4c8a);
  text-align: center;
  color: #fff;
  font-family: system-ui;
}

/* container */

.cta-ln-container {
  max-width: 900px;
  margin: auto;
}

/* heading */

.cta-ln-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}

/* text */

.cta-ln-text {
  font-size: 15px;
  color: #dbeafe;
  margin-bottom: 35px;
}

/* buttons */

.cta-ln-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

/* button */

.cta-ln-btn {
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 15px;
  text-decoration: none;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* primary */

.cta-ln-primary {
  background: #fff;
  color: #2563eb;
}

.cta-ln-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* outline */

.cta-ln-outline {
  border: 1px solid #fff;
  color: #fff;
}

.cta-ln-outline:hover {
  background: #fff;
  color: #2563eb;
  transform: translateY(-3px);
}

/* animation */

.cta-ln-container {
  animation: ctaFade 1s ease;
}

@keyframes ctaFade {

  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

/* responsive */

@media(max-width:768px) {

  .cta-ln-title {
    font-size: 28px;
  }

}

/* end linkedin lead generation */
/* blog-detail.php */

/* section */
.fsblog-section {
  width: 100%;
  font-family: Inter, Arial, sans-serif;
  color: #1f2937;
  background-color: #ffffff;
  text-align: left;
}

/* top area */
.fsblog-top {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 70px 20px 40px;
  text-align: left;
}

/* badge */
.fsblog-badge {
  display: inline-block;
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}

/* title */
.fsblog-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 14px;
  max-width: 900px;
  text-align: left;
}

/* meta */
.fsblog-meta {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7280;
  text-align: left;
}

/* hero banner */
.fsblog-hero {
  width: 100%;
  max-width: 1100px;
  height: 480px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 14px;
}

.fsblog-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* article */
.fsblog-content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 20px 60px;
  text-align: left;
}

/* intro */
.fsblog-intro {
  font-size: 18px;
  line-height: 1.8;
  color: #4b5563;
  margin: 0 0 28px;
  max-width: 900px;
  text-align: left;
}

/* headings */
.fsblog-heading {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.35;
  margin: 36px 0 14px;
  max-width: 900px;
  text-align: left;
}

/* text */
.fsblog-text {
  font-size: 17px;
  line-height: 1.9;
  color: #4b5563;
  margin: 0 0 16px;
  max-width: 900px;
  text-align: left;
}

/* list */
.fsblog-list {
  padding-left: 22px;
  margin: 0 0 26px;
  max-width: 900px;
  text-align: left;
}

.fsblog-list li {
  font-size: 17px;
  line-height: 1.9;
  color: #4b5563;
  margin-bottom: 8px;
}

/* author */
.fsblog-author {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 40px;
  border-top: 1px solid #e5e7eb;
  padding-top: 25px;
  max-width: 900px;
  text-align: left;
}

.fsblog-avatar {
  width: 46px;
  height: 46px;
  min-width: 46px;
  background: #2563eb;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 600;
  font-size: 15px;
}

/* tablet */
@media (max-width: 992px) {
  .fsblog-top {
    padding: 55px 20px 32px;
  }

  .fsblog-content {
    padding: 42px 20px 50px;
  }

  .fsblog-title {
    font-size: 34px;
  }

  .fsblog-heading {
    font-size: 26px;
  }

  .fsblog-hero {
    height: 380px;
  }
}

/* mobile */
@media (max-width: 768px) {
  .fsblog-top {
    padding: 40px 16px 24px;
  }

  .fsblog-content {
    padding: 32px 16px 42px;
  }

  .fsblog-title {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  .fsblog-meta {
    gap: 10px 14px;
    font-size: 13px;
  }

  .fsblog-hero {
    height: 240px;
    border-radius: 10px;
  }

  .fsblog-intro {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
  }

  .fsblog-heading {
    font-size: 22px;
    line-height: 1.4;
    margin: 28px 0 10px;
  }

  .fsblog-text {
    font-size: 15px;
    line-height: 1.8;
  }

  .fsblog-list li {
    font-size: 15px;
    line-height: 1.8;
  }

  .fsblog-author {
    gap: 12px;
    margin-top: 32px;
    padding-top: 20px;
  }

  .fsblog-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 14px;
  }
}

/* small mobile */
@media (max-width: 480px) {
  .fsblog-title {
    font-size: 24px;
  }

  .fsblog-heading {
    font-size: 20px;
  }

  .fsblog-hero {
    height: 210px;
  }

  .fsblog-intro,
  .fsblog-text,
  .fsblog-list li {
    font-size: 14px;
  }
}

/* end */
.mr-4 {
  margin-right: 5px;
}

/* Social media */
.float1 i,
.float2 i,
.float3 i {
  font-size: 18px;
  /*padding-top: 3px;*/
}

.my-float1{
    color: #fff !important;
}


.float {
  bottom: 165px;
  background-color: #48c657;
}

.float,
.float1 {
  position: fixed;
  width: 44px;
  height: 44px;
  right: 20px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 22px;
  /*box-shadow: 2px 2px 3px #999;*/
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  z-index: 100;
  padding-top: 5px;
}

/* end social media */
.swal2-container {
    z-index: 9999999 !important;
}
.dmf-pill {
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: inline-block;
    margin: 5px;
    transition: 0.3s;
}

/* 🔥 Selected pill style */
.dmf-pill.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}