.mybtn .zpbutton {
    background-color: red !important;
    padding: 15px 38px !important;
}

.mobile-button {
    display: none !important;
}

.menu-highlight-secondary {
    border-radius: 20px;
}
.theme-header-topbar {
  display: none !important;
}

/* ==============================
   HOMEPAGE EMERGENCY FIXES (ADDED)
   ============================== */

/* Force overflow visible on homepage */
.zpsection,
.zprow,
.zpcolumn,
.zpcontainer,
body .zpcontent-container,
.home .zpsection,
.home .zprow,
.home .zpcolumn,
.home .zpcontainer,
.home .zpcontent-container {
    overflow: visible !important;
}

/* Fix typo in your original CSS */
.zplink-list {
    position: relative;
    z-index: 99999 !important; /* Fixed: was !imprtant */
}

/* ==============================
   RESET
   ============================== */

.zplink-sublist-container {
    margin: 0;
    padding: 0;
    list-style: none;
}

.zplink-text {
    color: #0b0a33 !important;
    font-family: 'Zen Kaku Gothic New' !important; 
}
  

.zplink-list {
    position: relative;
    z-index: 99999 !important;
}

/* ==============================
   PARENT FIX
   ============================== */

.zplink-list {
    position: relative;
}

/* ==============================
   DROPDOWN BASE (HIDDEN)
   ============================== */

.zplink-sublist-container {
    position: absolute;
    top: 110%;
    left: 0;

    min-width: 320px !important;
    background: #ffffff;
    border-radius: 14px;
    padding: 16px 0 !important;
    padding-left: 10px !important;
    padding right: 10px !important;

    box-shadow: 0 20px 50px rgba(0,0,0,0.08);

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: all 0.25s ease;

    z-index: 9999999 !important;
}

/* ==============================
   SHOW ON HOVER - MAIN DROPDOWN
   ============================== */

/* Original hover effect - keeps your working logic */
.zplink-list:hover > .zplink-sublist-container {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* ==============================
   SUB-SUB MENU FIX - Only opens the specific one being hovered
   ============================== */

/* This ensures ONLY the hovered sub-sub menu opens, not all of them */
.zplink-sublist-container .zplink-list:hover > .zplink-sublist-container {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* This keeps ALL sub-sub menus hidden by default */
.zplink-sublist-container .zplink-sublist-container {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.25s ease !important;
}

/* This is critical - prevents parent hover from opening all children */
.zplink-sublist-container:hover .zplink-sublist-container {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Only the direct child of hovered item opens */
.zplink-sublist-container .zplink-list:hover > .zplink-sublist-container {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==============================
   DROPDOWN ITEMS
   ============================== */

.zplink-sublist-container .zplink-text {
    display: block;
    padding: 12px 18px;
    font-size: 14px;
    color: #002468 !important;
    text-decoration: none;
    font-family: 'Zen Kaku Gothic New' !important;
}

/* Hover effect */
.zplink-sublist-container .zplink-text:hover {
    background: #EEF2FF !important;
    color: #002468 !important;
    border-radius: 8px !important;
    padding-left: 4px;
    padding-right: 4px;
}

/* ==============================
   SUBMENU (RIGHT SIDE PANEL)
   ============================== */

.zplink-sublist-container .zplink-sublist-container {
    top: 0 !important;
    left: 100% !important;
    margin-left: 10px !important;
}

/* ==============================
   ORIGINAL STYLES (UNCHANGED)
   ============================== */

.zphero-sectionimg {
    width: 100%;
    padding-right: 200px !important;
    position: relative;
}

.theme-header,
.zs-header,
header {
    display: none !important;
}

/* Ensure header stays on top */
.zpsection:first-child {
    position: relative;
    z-index: 999999 !important;
}


.zpclock-img {
    display: flex;
    align-items: center
}

.market-columnall {
    display: flex;
    gap: 15px;
}

.market-column {
    width :550px;
}
.market-column1 {
    width: 200px;


}
.market-column2 {
    width: 200px;
}

.zpslope-border {
    /* Sloped border effect */
    clip-path: polygon(0 11%, 100% 0%, 100% 100%, 0% 100%);
}

.zpslope-border2 {
   clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%);
   padding: 200px 0;
}

.whatweoffer-section {
    position: relative;
    z-index: 9999 !important;
}

.zphero-sectionimg img {
    border-radius: 20px !important;
    width: 400px !important;
    animation: floatY 4s ease-in-out infinite; 
}

.whatweoffer-section bg {
    width: 69% !important;
    min-height: 67% !important;
    transform: skewY(-15deg);
    position: absolute;
    bottom: 10px;
    
}

.what-offer {
    width: 170px;
    text-align:center;
    position: absolute;
    right: 0px;
    left: 420px;
}

.dummy-column {
    display: none !important;
}

.zpoffer-button {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: #0b2a5b;
  color: #fff;
  font-weight: 500;
  border: none;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease;
}

/* background fill animation */
.zpoffer-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #123a7a; /* hover color */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}

/* arrow (added automatically) */
.zpoffer-button::after {
  content: "→";
  margin-left: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
  position: relative;
    font-family: 'Didact Gothic', sans-sarif;
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 35px; 
}

/* keep text above */
.zpoffer-button {
  z-index: 1;
}

/* hover effects */
.zpoffer-button:hover::before {
  transform: scaleX(1);
}

.zpoffer-button:hover::after {
  transform: translateX(6px);
}

.zpoffer-button1 {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: #0b2a5b;
  color: #fff;
  font-weight: 600 !important;
  border: none;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease;
}

/* background fill animation */
.zpoffer-button1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #123a7a; /* hover color */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}

/* arrow (added automatically) */
.zpoffer-button1::after {
  content: "→";
  margin-left: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 30px; 
}

/* keep text above */
.zpoffer-button1 {
  z-index: 1;
}

/* hover effects */
.zpoffer-button1:hover::before {
  transform: scaleX(1);
}

.zpoffer-button1:hover::after {
  transform: translateX(6px);
}

.zpoffer-button2 {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: #0b2a5b;
  color: #fff;
  font-weight: 500;
  border: none;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease;
    margin-left: 500px !important;
}

/* background fill animation */
.zpoffer-button2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #123a7a; /* hover color */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}

/* arrow (added automatically) */
.zpoffer-button2::after {
  content: "→";
  margin-left: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
  position: relative;
    font-family: 'Didact Gothic', sans-sarif;
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 35px; 
}

/* keep text above */
.zpoffer-button2 {
  z-index: 1;
}

/* hover effects */
.zpoffer-button2:hover::before {
  transform: scaleX(1);
}

.zpoffer-button2:hover::after {
  transform: translateX(6px);
}

.zpaward-img {
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
    z-index: 888;
}

.zpaward-img {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

/* animate only the image */
.zpaward-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  animation: floatY 4s ease-in-out infinite;
}

.zpabsolute-button1 {
    position: absolute;
    bottom: 350px;
    left: 70px;
    animation: floatY 4s ease-in-out infinite;
}

@media (max-width: 600px) {
    .zpabsolute-button1 {
        bottom: 140px !important; 
        left: -100px !important;
    }
}

.zpabsolute-button2 {
    position: absolute;
    bottom: 55px;
    left: 130px;
    animation: floatY 4s ease-in-out infinite;
}

.zpabsolute-button3 {
    position: absolute;
    z-index: 999 !important;
    bottom: 600px !important;
    right: 180px !important;
    animation: floatY 4s ease-in-out infinite; 
}

.zpabsolute-button4 {
    z-index: 888 ;
    position: absolute;
    bottom: 46px !important;
    right: 400px !important;
    animation: floatY 4s ease-in-out infinite;
}

.zpfooter-lastlink {
    margin-left: 12px;
}

.zpfooter-lastlink:hover {
    color: #0b0a33 !important;
    cursor: pointer
}

/* floating keyframes */
@keyframes floatY {
  0% {
    transform: translateY(0px); 
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px); 
  }
}

.pixel-perfect-card {
    border-radius: 23px 23px 0 0 !important;
    overflow: hidden !important;
}

.pixel-perfect-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}
.full-rounded-image {
    border-radius: 23px !important;
    overflow: hidden !important;
    width: 100% !important;
}

.full-rounded-image img {
    border-radius: 23px !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}
.rounded-blog-img {
    width: 485px !important;
    height: 339px !important;
    border-radius: 23px !important;
    overflow: hidden !important;
}

.rounded-blog-img img {
    width: 100% !important;
    height: 339px !important;
    object-fit: cover !important;
    border-radius: 23px !important;
    display: block;
}
.card-column {
  max-width: 400px !important;
  margin: 0 auto !important;
  border-radius: 12px 12px 0 0 !important; /* top-left top-right bottom-right bottom-left */
  overflow: hidden !important;
}

.card-column img {
  width: 100%;
  display: block;
  border-radius: 12px 12px 0 0 !important;
}

.library-img img {
    color: #ffffff;
    background: #002364;
    padding: 12px;
    border-radius: 10px;
}

.library-row {
    max-width: 1110px;
}

.library-firstcolumn {
    max-width: 650px;
}


.rounded-image2 {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

.rounded-image2 img {
  border-radius: 12px 12px 0 0 !important;
}

.rounded-image2 .zpimage-container {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

.rounded-image2 .zpimage {
  border-radius: 12px 12px 12px 12px !important;
}
.infrastructure-hero {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  overflow: visible !important;
  min-height: 900px !important;
}

/* remove old clip-path from the section itself */
.infrastructure-hero {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  overflow: visible !important;
  min-height: 900px !important;
}

/* REMOVE any old clip-path on main */
.infrastructure-hero {
  -webkit-clip-path: none !important;
  clip-path: none !important;
}

/* ✅ SAME curve as hero2 */
.infrastructure-hero::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #eef7ff !important;
  z-index: -1 !important;

  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%) !important;
  clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%) !important;
}

/* keep images above the curve */
.rounded-all1,
.rounded-all1 img {
  position: relative !important;
  z-index: 10 !important;
  border-radius: 12px !important;
}

.infrastructure-hero2 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
  min-height: 700px;
  height: auto;
  overflow: hidden;
}


.projectplanningimg img {
    border-radius: 20px !important; 
}

.hidden-button {
    display: none;
}

.rounded-all {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.overlap-img-2 {
  position: relative !important;
  z-index: 15 !important;
  margin-top: -120px !important;   /* move UP into previous section */
  margin-bottom: 40px !important;  /* spacing below */
  border-radius: 16px !important;
  overflow: hidden !important;
}

.overlap-img-2 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
}

.rounded-all1 img {
  border-radius: 12px !important;
  position: relative !important;
  z-index: 6 !important;
} 

.rounded-all img {
  border-radius: 12px !important;
    z-index: 4;
}

.rounded-all .zpimage-container {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.rounded-all .zpimage {
  border-radius: 19px !important;
}

/* Target your specific form only */
.no-scroll-form {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* If Zoho wraps it inside another div */
.no-scroll-form .zs-form,
.no-scroll-form .zforms-iframe,
.no-scroll-form iframe {
  height: auto !important;
  min-height: 1000px !important; /* adjust if needed */
  max-height: none !important;
  overflow: hidden !important;
  border: none !important;
}
.no-scroll-form iframe {
  height: 1100px !important;
}

.custom-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  position: relative;
  margin: 40px 0;
}

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

.step .circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid #cbd5e1;
  background: white;
  margin: 0 auto 10px;
  z-index: 2;
  position: relative;
}

/* Active step */
.step.active .circle {
  border-color: #ff6a3d;
}

/* Line between steps */
.line {
  height: 3px;
  width: 120px;
  background: #cbd5e1;
}

/* Text */
.step p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #334155;
}

.booking-left {
  background: #004b9a !important;
  color: #ffffff !important;
  padding: 30px 25px !important;
  min-height: 500px !important;
}

.booking-calendar {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 2 !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
}

.booking-right {
  background: #ffffff !important;
  padding: 30px 25px !important;
  min-height: 500px !important;
}

.white-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 25px !important;

  position: relative !important;
  z-index: 2 !important;

  box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;

  max-width: 390px !important;   /* controls card width */
   /* centers card inside column */
}

.section-bg {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}
.section-bg::before {
  content: "";
  position: absolute !important;
  top: 400px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 58% !important;
  height: 620px !important;
  background: #f4faff !important;
  clip-path: polygon(0% 8%, 100% 0%, 100% 86%, 0% 100%) !important;
  z-index: 0 !important;
}

.section-bg2{
 
    height:500px
     
}

.chat-box {
  background: #eef4fb;
  padding: 40px 30px;
  border-radius: 20px;
  max-width: 700px;
  margin: 0 auto;
}

/* Row */
.chat-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* Left chat */
.chat-row.left {
  justify-content: flex-start;
}

/* Right chat */
.chat-row.right {
  justify-content: flex-end;
}

/* Avatar */
.avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

/* Bubble */
.bubble {
  background: #ffffff;
  padding: 14px 18px;
  border-radius: 14px;
  max-width: 380px;
  font-size: 16px;
  color: #5b6b82;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* spacing between avatar and bubble */
.chat-row.left .bubble {
  margin-left: 15px;
}

.chat-row.right .bubble {
  margin-right: 15px;
}

/* link style */
.bubble a {
  color: #2a5bd7;
  text-decoration: underline;
}

/* Pricing page 2nd table */
.custom-table {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #d9d9d9 !important;
}

/* actual table */
.custom-table table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* remove radius from cells */
.custom-table td,
.custom-table th {
  border-radius: 0 !important;
}

/*----------Pricing table ends------------*/

.chat-section .chat-box {
  background: #eef4fb;
  padding: 40px 30px;
  border-radius: 20px;
  max-width: 700px;
  margin: 0 auto;
}

.chat-section .chat-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.chat-section .chat-row.left {
  justify-content: flex-start;
}

.chat-section .chat-row.right {
  justify-content: flex-end;
}

.chat-section .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.chat-section .bubble {
  background: #ffffff;
  padding: 14px 18px;
  border-radius: 14px;
  max-width: 380px;
  font-size: 16px;
  color: #5b6b82;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.chat-section .chat-row.left .bubble {
  margin-left: 15px;
}

.chat-section .chat-row.right .bubble {
  margin-right: 15px;
}

.chat-section .bubble a {
  color: #2a5bd7;
  text-decoration: underline;
}
.section-bg-right * {
  position: relative;
  z-index: 2;
}

.section-bg-right::after {
  content: "";
  position: absolute;

  top: 140px;
  right: 0;

  width: 31%;
  height: 740px;

  background: #F4FAFF;

  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

  z-index: 0;
}




.custom-card {
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden; /* important for image rounding */
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  max-width: 420px; /* control card width */
  margin: 0 auto; /* center */
}

/* Hover effect (optional but nice) */
.custom-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* Image styling */
.custom-card img {
  width: 100%;
  display: block;
}

/* Content spacing */
.custom-card h2,
.custom-card h3,
.custom-card p {
  padding: 0 20px;
}

/* Date spacing */
.custom-card small,
.custom-card .date {
  display: block;
  padding: 15px 20px 0;
  color: #999;
}

/* Bottom spacing */
.custom-card p {
  padding-bottom: 20px;
}

/* MAIN CARD */
.premium-card {
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  display: block;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* HOVER EFFECT */
.premium-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12);
}

/* IMAGE */
.premium-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

/* CONTENT */
.premium-card .card-content {
  padding: 22px 22px 26px;
}

/* DATE */
.premium-card .card-date {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #8c8fa3;
  margin-bottom: 10px;
}

/* DATE PILL SHAPE */
.premium-card .card-date::before {
  content: "";
  width: 26px;
  height: 14px;
  border-radius: 20px;
  background: #e6e8f0;
}

/* TITLE */
.premium-card h3 {
  font-size: 20px;
  line-height: 1.4;
  color: #1c1f36;
  font-weight: 600;
  margin: 0;
}
.curved-section {
  position: relative;
  background: #edf2f7;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 200px;
  z-index: 1;
}

.curved-section::before {
  content: "";
  position: absolute;
  top: -140px;
  left: -5%;
  width: 110%;
  height: 220px;
  background: #ffffff;
  border-bottom-left-radius: 0% 100%;
  border-bottom-right-radius: 5% 100%;
  transform: rotate(-2deg);
  transform-origin: center;
  z-index: 0;
}

.curved-section > * {
  position: relative;
  z-index: 2;
}

.custom-contact-form {
  max-width: 640px;
  margin: 0 auto;
  background: #F4FAFF;
  border-radius: 24px;
  padding: 32px 32px 40px;
  box-sizing: border-box;
}

.custom-contact-form * {
  box-sizing: border-box;
}

.custom-contact-form form {
  width: 100%;
}

.custom-contact-form .form-row.two-cols {
  display: flex;
  gap: 24px;
}

.custom-contact-form .form-group {
  margin-bottom: 22px;
  width: 100%;
}

.custom-contact-form .form-row.two-cols .form-group {
  flex: 1;
}

.custom-contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #35485c;
  margin-bottom: 8px;
}

.custom-contact-form label span {
  color: #ff4d4f;
  margin-left: 2px;
}

.custom-contact-form .hidden-label {
  visibility: hidden;
}

.custom-contact-form input,
.custom-contact-form select,
.custom-contact-form textarea {
  width: 100%;
  border: 1px solid #c5d2dd;
  border-radius: 16px;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-size: 16px;
  color: #35485c;
  padding: 14px 16px;
}

.custom-contact-form input,
.custom-contact-form select {
  height: 50px;
}

.custom-contact-form textarea {
  min-height: 110px;
  resize: vertical;
}

.custom-contact-form button {
  background: #002364;
  color: #fff;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  min-width: 120px;
}

.custom-contact-form button:hover {
  opacity: 0.95;
}

@media (max-width: 768px) {
  .custom-contact-form {
    padding: 24px 20px 28px;
  }

  .custom-contact-form .form-row.two-cols {
    flex-direction: column;
    gap: 0;
  }

  .custom-contact-form .hidden-label {
    display: none;
  }
}
/* Rounded column */
.rounded-col {
  border-radius: 16px !important;
  overflow: hidden !important; /* important so content follows the curve */
}

/* Optional: add background so radius is visible */
.rounded-col .zpelem-col-inner {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff; /* change if needed */
}

/* ===== STEPPER WRAPPER ===== */
.z-stepper {
  display: flex;
  align-items: center;
  justify-content: center !important;

  width: fit-content;          /* key for true centering */
  margin: 40px auto !important;
}

/* ===== EACH STEP ===== */
.z-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ===== CIRCLE ===== */
.z-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #cfd8e3;
  background: #fff;
}

/* ACTIVE STEP */
.z-step.is-active .z-circle {
  border-color: #ff5a3c;
}

/* ===== LABEL ===== */
.z-label {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #24324a;
  text-align: center;
}

/* ===== CONNECTOR LINE ===== */
.z-connector {
  width: 220px;              /* FIXED width (no flex:1) */
  height: 2px;
  background: #cfd8e3;
  margin: 0 14px;
  position: relative;
  top: -13px;
}

/* ===== ZOHO FIXES ===== */
.z-stepper *,
.z-stepper {
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
  .z-stepper {
    width: 100%;
    justify-content: center !important;
  }

  .z-connector {
    width: 80px; /* smaller on mobile */
  }
}

.booking-widget {
  width: 100%;
  max-width: 640px;
  margin: 40px auto;
  display: flex;
  border-radius: 0;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 0 0 1px #e5e7eb;
  font-family: Arial, Helvetica, sans-serif;
}

.booking-left {
  width: 320px;
  background: #0050a0;
  color: #ffffff;
  padding: 36px 22px 28px;
  box-sizing: border-box;
  min-height: 500px;
}

.booking-avatar {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

.avatar-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f2f5f8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar-icon {
  font-size: 24px;
  color: #bcc8d6;
  line-height: 1;
}

.booking-title {
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 400;
  color: #ffffff;
}

.booking-month-row {
  margin-top: 8px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.month-arrow {
  font-size: 20px;
  color: #d9e7f7;
  line-height: 1;
  cursor: pointer;
}

.booking-month {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  margin-bottom: 14px;
}

.calendar-weekdays span {
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #ffffff;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 14px;
}

.calendar-grid span {
  width: 36px;
  height: 36px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  box-sizing: border-box;
}

.calendar-grid .day,
.calendar-grid .available-day,
.calendar-grid .active-day {
  border-radius: 50%;
}

.calendar-grid .muted {
  color: rgba(255, 255, 255, 0.35);
}

.calendar-grid .available-day {
  color: #ffffff;
  font-weight: 600;
}

.calendar-grid .active-day {
  background: #ffffff;
  color: #0050a0;
  font-weight: 400;
}

.calendar-grid .empty {
  visibility: hidden;
}

.booking-right {
  width: 320px;
  background: #ffffff;
  padding: 24px 22px 20px;
  box-sizing: border-box;
  min-height: 500px;
}

.info-block {
  margin-bottom: 24px;
}

.info-block h3 {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  color: #1f2937;
}

.location-row {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #374151;
}

.location-icon {
  font-size: 14px;
  line-height: 1;
}

.duration-tabs {
  display: flex;
  border: 1px solid #cfd8e3;
  width: 270px;
  height: 28px;
}

.duration-btn {
  flex: 1;
  border: none;
  border-right: 1px solid #cfd8e3;
  background: #ffffff;
  font-size: 11px;
  color: #5f6b7a;
  cursor: pointer;
  padding: 0;
}

.duration-btn:last-child {
  border-right: none;
}

.duration-btn.active {
  background: #eaf1f8;
}

.date-note {
  margin: 0 0 10px;
  font-size: 13px;
  color: #374151;
}

.timezone-note {
  margin: 0 0 14px;
  font-size: 12px;
  color: #0097b2;
  font-weight: 600;
}

.time-list {
  max-height: 270px;
  overflow-y: auto;
  padding-right: 6px;
}

.time-slot {
  width: 100%;
  height: 38px;
  border: 1px solid #d7dee7;
  background: #ffffff;
  margin-bottom: 8px;
  font-size: 13px;
  color: #1d5ea8;
  cursor: pointer;
  border-radius: 2px;
}

.time-slot:hover {
  background: #f8fbff;
}

/* Scrollbar */
.time-list::-webkit-scrollbar {
  width: 6px;
}

.time-list::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.time-list::-webkit-scrollbar-thumb {
  background: #7f8c9a;
  border-radius: 10px;
}

/* Responsive */
@media (max-width: 767px) {
  .booking-widget {
    flex-direction: column;
    max-width: 360px;
  }

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

  .duration-tabs {
    width: 100%;
  }
}

.curve-poly-section {
  position: relative;
  background: #eef2f7;
  padding: 140px 0;
  overflow: hidden;
}

/* TOP CURVE */
.curve-poly-section::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 180px;
  background: #ffffff;
  clip-path: ellipse(100% 70% at 50% 20%);
  z-index: 1;
}

/* BOTTOM CURVE */
.curve-poly-section::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 180px;
  background: #ffffff;
  clip-path: ellipse(75% 100% at 50% 50%);
  z-index: 1;
}

.schedule-curve-section {
  position: relative;
  background: #eef3f7;
  padding: 120px 0 120px 0;
  overflow: hidden;
  z-index: 1;
}

/* top white curved tilted shape */
.schedule-curve-section::before {
  content: "";
  position: absolute;
  left: -1%;
  top: -120px;
  width: 130%;
  height: 260px;
  background: #ffffff;
  border-bottom-left-radius: 0% 0%;
  border-bottom-right-radius: 0% 0%;
  transform: rotate(-4deg);
  transform-origin: center;
  z-index: 1;
  pointer-events: none;
}

/* bottom white curved tilted shape */
.schedule-curve-section::after {
  content: "";
  position: absolute;
  left: -1%;
  bottom: -190px;
  width: 120%;
  height: 260px;
  background: #ffffff;
  border-top-left-radius: 0% 0%;
  border-top-right-radius: 0% 0%;
  transform: rotate(-4deg);
  transform-origin: center;
  z-index: 1;
  pointer-events: none;
}

/* keep section content above shapes */
.schedule-curve-section > * {
  position: relative;
  z-index: 2;
}

/* KEEP CONTENT ABOVE SHAPES */
.curve-poly-section > * {
  position: relative;
  z-index: 2;
}

/* Image polygon */
/* Parent must be relative */
.parent-wrapper {
  position: relative;
  z-index: 4;  
} 

.parent-wrapper img {
    width: 400px !important;
    height: 300px !important;
}

/* Your absolute rounded rectangle */
.polygon-absolute {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 30px !important;

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.polygon-absolute1 {
  position: absolute;

  /* control position */
  bottom: 60px !important;
  left: 30px !important;

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Our story */
.relative-section {
    position: relative;
    z-index: 2 !important; 
}

.rounded-card {
    border-radius: 20px !important;
    overflow: hidden !important;
    position: absolute;
    z-index: 5 !important;
    left: -25px !important;
}

.upper-section {
  position: relative !important;
  z-index: 10 !important;
}

.relative-section {
  position: relative !important;
  z-index: 10 !important;
}

.zoho-polygon-box {
  position: absolute !important;
  bottom: 600px !important;
  left: 0;
  z-index: 1 !important;
  width: 100%;
  max-width: 900px;
  height: 460px;
  background: #f4f7ff;
  clip-path: polygon(
    0% 0%,
    82% 10%,
    100% 12%,
    100% 88%,
    94% 100%,
    18% 90%,
    0% 88%,
    0% 12%
  );
}

.zpstory-slope {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}

.msp-header-wrap,
.msp-header-wrap *,
.msp-header-wrap *::before,
.msp-header-wrap *::after {
  box-sizing: border-box;
}

.msp-header-wrap a {
  text-decoration: none !important;
}

.msp-header-wrap {
  width: 100%;
  background: #f5f7fb;
  font-family: Arial, sans-serif;
  position: fixed;
  z-index: 9999;
}

.msp-header {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 36px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #FFFFFF;
}

.msp-logo-wrap {
  flex: 0 0 auto;
}

.msp-logo {
  width: 150px;
  max-width: 100%;
  height: auto;
  display: block;
}

.msp-desktop-area {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 34px;
}

.msp-desktop-icons {
  display: flex;
  align-items: center;
  gap: 22px;
}

.msp-user-icon {
  width: 42px;
  height: 42px;
  border: 2px solid #0b2167;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
}

.msp-user-icon::before {
  content: "";
  position: absolute;
  top:2px;
  left: 50%;
  width: 11px;
  height: 11px;
  border: 2px solid #0b2167;
  border-radius: 50%;
  transform: translateX(-50%);
}

.msp-user-icon::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 18px;
  height: 10px;
  border: 2px solid #0b2167;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 0;
  transform: translateX(-50%);
}

.msp-phone-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111111;
  text-decoration: none !important;
  white-space: nowrap;
}

.msp-phone-link:hover,
.msp-phone-link:focus {
  text-decoration: none !important;
}

.msp-phone-icon {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0b2167;
  flex: 0 0 auto;
}

.msp-phone-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.msp-phone-text {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
  line-height: 1;
}

.msp-desktop-nav {
  display: flex;
  align-items: center;
  gap: 34px;
  position: relative;
}

.msp-nav-item {
  position: relative;
}

.msp-nav-link {
  color: #1a1d4f;
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
}

.msp-nav-caret {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #082b74;
  display: inline-block;
  transform: translateY(2px);
}

/* MAIN DROPDOWN */
.msp-desktop-dropdown {
  position: absolute;
   top: 100%;
  left: 0;
  transform: none;
  min-width: 310px;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 22px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  padding: 22px 26px;
  display: none;
  flex-direction: column;
  gap: 8px;
  z-index: 999;
}

.industries-dropdown {
  min-width: 410px;
}

.resources-dropdown {
  min-width: 165px;
}

.has-desktop-dropdown:hover > .msp-desktop-dropdown {
  display: flex;
}

/* FIRST LEVEL LINKS */
.msp-desktop-dropdown > a,
.msp-desktop-dropdown > .msp-dropdown-item {
  color: #222222;
  font-size: 18px;
  line-height: 1.4;
  padding: 10px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  border-radius: 10px;
  position: relative;
  background: #fff;
}

.msp-desktop-dropdown > a:hover,
.msp-desktop-dropdown > .msp-dropdown-item:hover {
  background: #eef3f8;
}

.msp-right-arrow {
  width: 12px;
  height: 12px;
  border-right: 2px solid #222222;
  border-bottom: 2px solid #222222;
  transform: rotate(-45deg);
  flex: 0 0 auto;
}

/* SECOND LEVEL SUBMENU FIX */
.msp-dropdown-item {
  position: relative;
}

.msp-dropdown-item::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 100%;
  width: 24px;
  height: calc(100% + 24px);
  background: transparent;
}

.msp-submenu {
  position: absolute;
  top: -12px;
  left: calc(100% + 8px);
  min-width: 420px;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 22px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  padding: 22px 26px 28px;
  display: none;
  flex-direction: column;
  gap: 6px;
  z-index: 1000;
}

.msp-dropdown-item:hover > .msp-submenu,
.msp-submenu:hover {
  display: flex;
}

.msp-submenu a {
  color: #222222;
  font-size: 18px;
  line-height: 1.45;
  padding: 12px 0;
  text-decoration: none !important;
  white-space: nowrap;
  display: block;
  background: transparent !important;
  border-radius: 0;
}

.msp-submenu a:hover {
  background: transparent !important;
  color: #111111;
}

/* CONTACT */
.msp-contact-btn {
  min-width: 180px;
  height: 62px;
  padding: 0 28px;
  border-radius: 999px;
  background: #082b74;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 18px;
  gap: 8px;
}

/* MOBILE TOGGLE */
.msp-toggle {
  width: 70px;
  height: 70px;
  background: #082b74;
  border-radius: 50%;
  border: none;
  padding: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  flex: 0 0 auto;
}

.msp-toggle span {
  width: 28px;
  height: 3px;
  background: #ffffff;
  border-radius: 999px;
  display: block;
  transition: 0.25s ease;
}

.msp-toggle.active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

.msp-toggle.active span:nth-child(2) {
  opacity: 0;
}

.msp-toggle.active span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/* MOBILE MENU */
.msp-menu {
  position: fixed;
  top: 170px;
  left: -100%;
  width: 86%;
  max-width: 420px;
  height: calc(100dvh - 170px);
  background: #FFFFFF;
  padding: 24px 18px 90px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: left 0.4s ease;
  z-index: 99999;
}

.msp-menu.open {
  left: 0;
}

.msp-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 6px 20px;
}

.msp-user {
  width: 42px;
  height: 42px;
  border: 2px solid #0b2167;
  border-radius: 50%;
  position: relative;
  flex: 0 0 auto;
}

.msp-user::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 11px;
  height: 11px;
  border: 2px solid #0b2167;
  border-radius: 50%;
  transform: translateX(-50%);
}

.msp-user::after {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 50%;
  width: 18px;
  height: 10px;
  border: 2px solid #0b2167;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 0;
  transform: translateX(-50%);
}

.msp-phone {
  width: 28px;
  height: 28px;
  position: relative;
  display: inline-block;
  transform: rotate(-8deg);
  flex: 0 0 auto;
}

.msp-phone::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 3px solid #0b2167;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 8px 14px 10px 14px;
  transform: rotate(45deg);
}

.msp-nav-mobile {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}

.msp-item:last-child {
  margin-bottom: 30px;
}

.msp-item {
  width: 100%;
}

.msp-link {
  width: 100%;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #08184f;
  font-size: 18px;
  line-height: 1.3;
  cursor: pointer;
}

.arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #082b74;
  transition: 0.25s ease;
  flex: 0 0 auto;
}

.has-sub.expand .arrow {
  transform: rotate(180deg);
}

.submenu {
  display: none;
  padding: 0 0 8px 18px;
}

.has-sub.expand .submenu {
  display: block;
}

.submenu div {
  padding: 12px 0;
  color: #11153f;
  font-size: 16px;
  line-height: 1.35;
  position: relative;
}

.submenu div::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #11153f;
  border-bottom: 2px solid #11153f;
  transform: rotate(-45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -6px;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
  .msp-header {
    padding: 20px 20px;
  }

  .msp-logo {
    width: 190px;
  }

  .msp-desktop-area {
    gap: 22px;
  }

  .msp-desktop-icons {
    gap: 16px;
  }

  .msp-desktop-nav {
    gap: 20px;
  }

  .msp-nav-link,
  .msp-phone-text,
  .msp-contact-btn,
  .msp-desktop-dropdown > a,
  .msp-desktop-dropdown > .msp-dropdown-item,
  .msp-submenu a {
    font-size: 16px;
  }

  .msp-contact-btn {
    min-width: 155px;
    height: 54px;
    padding: 0 20px;
  }

  .industries-dropdown {
    min-width: 340px;
  }

  .msp-submenu {
    min-width: 320px;
  }
}

@media (max-width: 991px) {
  .msp-header {
    padding: 18px 18px;
  }

  .msp-desktop-area {
    display: none;
  }

  .msp-toggle {
    display: flex;
  }

  .msp-logo {
    width: 190px;
    max-width: 64vw;
  }

  .msp-menu {
    padding: 8px 18px 22px;
  }
}

@media (max-width: 480px) {
  .section-bg2 {
    max-width: 92vw !important;
    width: 92vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}  

    
    
.msp-header {
    padding: 16px 14px;
  }
    
.infrastructure-hero2 {
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);
    height:1500px
}
  .msp-logo {
    width: 170px;
  }

  .msp-toggle {
    width: 56px;
    height: 56px;
    gap: 6px;
  }

  .msp-toggle span {
    width: 22px;
    height: 2.5px;
  }

  .msp-link {
    font-size: 16px;
  }

  .submenu div {
    font-size: 14px;
  }
}
/* ===== IT SERVICES FINAL FIX ===== */

/* first panel container */
/* =========================
   IT SERVICES DROPDOWN FINAL
========================= */
/* =========================================
   IT SERVICES DROPDOWN - NO FLICKER FINAL
========================================= */

/* parent */
.it-services-item {
  position: relative;
}

/* first dropdown */
.it-services-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
  width: 360px !important;
  min-width: 360px !important;
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  padding: 16px !important;
  z-index: 9999 !important;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

.it-services-item:hover > .it-services-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.it-services-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.it-service-row {
  position: relative !important;
}

/* top-level row */
.it-service-main {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 18px 20px !important;
  border-radius: 14px !important;
  color: #222 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  background: transparent !important;
  text-decoration: none !important;
  position: relative;
  z-index: 2;
}

.it-service-row:hover > .it-service-main {
  background: #eef3f8 !important;
}

/* invisible bridge */
.it-service-row::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 100%;
  width: 40px;
  height: calc(100% + 60px);
  background: transparent;
  z-index: 1;
}

/* right submenu */
/* IMPORTANT: overlap it slightly with left panel */
.it-service-submenu {
  position: absolute !important;
  top: 0 !important;
  left: calc(100% - 8px) !important;
  width: 200px !important;
  min-width: 200px !important;
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  padding: 24px 28px !important;
  z-index: 10000 !important;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

/* keep it open on hover */
.it-service-row:hover > .it-service-submenu,
.it-service-submenu:hover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* submenu links */
.it-service-submenu a {
  display: block !important;
  width: 100% !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  color: #222 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  background: transparent !important;
  white-space: nowrap !important;
}

.it-service-submenu a:hover {
  color: #111 !important;
  background: transparent !important;
}

/* neutralize generic dropdown rules */
.it-services-dropdown .it-service-submenu a {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  background: transparent !important;
}

/* responsive */
@media (max-width: 1200px) {
  .it-services-dropdown {
    width: 300px !important;
    min-width: 300px !important;
  }

  .it-service-submenu {
    width: 360px !important;
    min-width: 360px !important;
  }

  .it-service-main,
  .it-service-submenu a {
    font-size: 16px !important;
  }
}




/* =========================
   FIX DROPDOWN CLOSING
   paste at very bottom
========================= */

/* 1) keep first dropdown attached to nav item */
.it-services-item {
  position: relative;
}

.it-services-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 420px;
  height: 24px;
  background: transparent;
}

/* remove gap under main nav item */
.it-services-dropdown {
  top: 15% !important;
  margin-top: 0 !important;
  left: 0 !important;
  transform: none !important;
  width: 360px !important;
  min-width: 360px !important;
  padding: 16px !important;
  display: none;
  position: absolute !important;
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  z-index: 9999 !important;
}

.it-services-item:hover > .it-services-dropdown,
.it-services-dropdown:hover {
  display: block !important;
}

/* 2) left panel rows */
.it-services-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.it-service-row {
  position: relative !important;
  display: block !important;
}

/* hover bridge between left and right panels */
.it-service-row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 36px;
  height: 100%;
  background: transparent;
}

/* parent row link */
.it-service-main {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 18px 20px !important;
  border-radius: 14px !important;
  color: #222 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  background: transparent !important;
  text-decoration: none !important;
}

.it-service-row:hover > .it-service-main {
  background: #eef3f8 !important;
}

/* 3) right submenu panel */
.it-service-submenu {
  position: absolute !important;
  top: 0 !important;
  left: calc(100% + 16px) !important;
  width: 420px !important;
  min-width: 420px !important;
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  padding: 24px 28px !important;
  display: none !important;
  z-index: 10000 !important;
}

/* keep submenu open */
.it-service-row:hover > .it-service-submenu,
.it-service-submenu:hover {
  display: block !important;
}

/* submenu links */
.it-service-submenu a {
  display: block !important;
  width: 100% !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  color: #222 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  background: transparent !important;
  white-space: nowrap !important;
}

.it-service-submenu a:hover {
  background: transparent !important;
  color: #111 !important;
}

/* stop generic dropdown rule from breaking submenu */
.msp-desktop-dropdown > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* optional: if you had a broader rule, neutralize it for submenu */
.it-service-submenu a {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* responsive */
@media (max-width: 1200px) {
  .it-services-dropdown {
    width: 300px !important;
    min-width: 300px !important;
  }

  .it-service-submenu {
    width: 360px !important;
    min-width: 360px !important;
  }

  .it-service-main,
  .it-service-submenu a {
    font-size: 16px !important;
  }
}

.msp-phone-text,
.msp-phone-icon {
  color: #0B0A33 !important;
  fill: #0B0A33 !important;
  stroke: #0B0A33 !important;
}
.msp-user-icon {
  color: #0B0A33 !important;
  border-color: #0B0A33 !important;
}

/* REMOVE Zoho default phone icon */
.msp-phone,
.msp-phone::before,
.msp-phone::after {
  display: none !important;
  content: none !important;
}

/* REMOVE Zoho default user icon if needed */


.msp-user-icon,
.msp-phone-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0B0A33 !important;
}

.msp-user-icon svg,
.msp-phone-icon svg {
  width: 100%;
  height: 100%;
}
#project-planning {
  scroll-margin-top: 180px;
}


html {
  scroll-behavior: smooth;
}

.msp-section-anchor {
  display: block;
  position: relative;
  top: -180px;   /* header offset */
  visibility: hidden;
  height: 1px;
  pointer-events: none;
}

.blog-image {
    max-width: 80px;
    max-height: 80px;
}

.pricing-boxhead > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
}

.pricing-boxhead > image {
    background: white !important;
    padding: 10px !important;
    border-radius: 16px !important;
}

@media only screen and (max-width: 767px) {
  .pricing-boxhead.zpimagetext-container,
  .pricing-boxhead .zpimagetext-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
  }

  .pricing-boxhead .zpimage-container {
    width: 52px !important;
    max-width: 52px !important;
    flex: 0 0 52px !important;
    margin: 0 !important;
  }

  .pricing-boxhead .zpimage-container img {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
  }

  .pricing-boxhead .zpheading-container,
  .pricing-boxhead .zpimage-heading {
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

.ourstory-section2 .zpimage {
    display: none !important;
}

.microsoft-buttonhover1:hover {
    border: 1px solid #f8f8f8 !important;
    box-shadow: inset -3px -4px 6px 0px #013A51 !important;
    border-radius: 46px !important;
    padding-top: 21px !important;
    padding-bottom: 21px !important;
    transition: all 0.3s ease !important; 
}

@media only screen and (max-width: 800px) {
    .upper-section {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .rounded-card {
        border-radius: 20px !important;
        overflow: hidden !important;
        z-index: 5 !important;
        max-width: 90vw !important;
        width: max-content !important;
        margin-left: auto;
        margin-right: auto;
     }
    .zpstory-slope {
    clip-path: polygon(0% 4%, 100% 0%, 100% 96%, 0% 100%) !important;
  }
    .zpslope-border2 {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .market-columnall {
        display: flex !important;
        flex-direction: column !important;
    }
    .market-column1 {
        width: 80vw !important;
    }
    .market-column2 {
        width: 80vw !important;
    }
    .what-offer {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 170px;
        padding-left: 20px !important;
        text-align: center!important;
        position: absolute;
        right: 0px;
        left: 120px;
    }
    .infrastructure-section3 {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    
    /* Image polygon */
/* Parent must be relative */
.parent-wrapper {
  position: relative;
  z-index: 4;  
} 

.parent-wrapper img {
    width: 400px !important;
    height: 300px !important;
}

/* Your absolute rounded rectangle */
.polygon-absolute {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 20px !important; 

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
    
    .polygon-absolute1 {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 20px !important; 

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
    
    .management-button3 {
    max-width: 500px !important;    
    }  
    .management-button4 {
        max-width: 500px !important;
    }
        .library-section2 {
        display: flex !important;
        flex-direction: row !important; 
    }
}

@media only screen and (min-width: 677px) and (max-width: 800px) {
    .mangement-button3 {
        max-width: 400px !important;
    }
    
    .mangement-button4column {
        position: relative !important;
    }
    
    .mangement-button4 {
        max-width: 450px !important;
        position: absolute !important;
        right: 10px !important;
        bottom: 0 !important;
    }
    
    .libraryleft-text {
        margin-left: -60px !important;
    }
    
    .zpoffer-button {
        margin-left: 230px !important;
    }
    
    .herosection-tags {
        display: flex !important;
        flex-direction: row !important;
    }
    
    [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpcarousel-container,
  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpcarousel-content-container,
  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpcarousel-content-inner {
    min-height: 157px !important;
    height: 157px !important;
  }

  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpcarousel-content-inner > .zprow {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 45px !important;
    height: 120px !important;
    width: 100% !important;
  }

  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpcarousel-content-inner > .zprow > .zpelem-col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpelem-image {
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpimage-container,
  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] figure,
  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] picture,
  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] span {
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] img {
    width: auto !important;
    max-width: 120px !important;
    height: auto !important;
    max-height: 65px !important;
    object-fit: contain !important;
    display: block !important;
  }

  [data-element-id="elm_DUJ1QfxT-EH31_XYro72aA"] .zpcarousel-controller-container {
    bottom: 18px !important;
  }
    
    /* Market Columns boxes */
    [data-element-id="elm_MPC6s2UcCi7pLw_hujccDA"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 30px !important;
    margin-block-end: 80px !important;
  }

  [data-element-id="elm_MPC6s2UcCi7pLw_hujccDA"] > .zpelem-col {
    width: 240px !important;
    max-width: 240px !important;
    flex: 0 0 240px !important;
    min-height: 198px !important;
    margin: 0 !important;
    padding: 42px 24px 34px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  [data-element-id="elm_MPC6s2UcCi7pLw_hujccDA"] .zpheading {
    text-align: center !important;
    font-size: 52px !important;
    line-height: 1 !important;
    margin: 0 0 16px !important;
  }

  [data-element-id="elm_MPC6s2UcCi7pLw_hujccDA"] .zptext,
  [data-element-id="elm_MPC6s2UcCi7pLw_hujccDA"] .zptext * {
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    color: #7a7d9c !important;
  }

  [data-element-id="elm_MPC6s2UcCi7pLw_hujccDA"] .zptext p {
    margin: 0 !important;
  }
    /*--------------------------------------*/
    
    .what-offer {
    width: 170px;
    text-align:center;
    position: absolute;
    right: 0px;
    left: 320px;
}
    
    /* SMB's */
    [data-element-id="elm_g0wjHYgaG5LXwEA-0ZZjjg"],
  [data-element-id="elm_kUTiXqrKzjjrGd8c6Nlfhw"] {
    display: contents !important;
  }

  [data-element-id="elm_g0wjHYgaG5LXwEA-0ZZjjg"] > .white-card,
  [data-element-id="elm_kUTiXqrKzjjrGd8c6Nlfhw"] > .white-card {
    width: calc(50% - 22px) !important;
    max-width: calc(50% - 22px) !important;
    flex: 0 0 calc(50% - 22px) !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 10px 30px 10px !important;
    padding: 0 !important;
  }

  .white-card > .zpelem-imageheadingtext {
    background: #ffffff !important;
    border-radius: 20px !important;
    min-height: 415px !important;
    padding: 44px 32px 38px !important;
    box-shadow: 0 18px 45px rgba(11, 10, 51, 0.04) !important;
  }
   /*--------------------------------------*/ 
    .zpaward-img {
        clip-path: none !important;
    }
    
}

@media (max-width: 767px) {
    
     .section-bg-right::after {
    display: none !important;
    content: none !important;
  }
    
    .sites-canvascontent {
        outline: red !important;
    }
  .section-bg2,
  .section-bg,
  .zpslope-border2,
  .section-bg-right {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
  }

  .section-bg2.zpsection,
  .section-bg.zpsection,
  .zpslope-border2.zpsection,
  .section-bg-right.zpsection {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .section-bg2 .zpcontainer,
  .section-bg .zpcontainer,
  .zpslope-border2 .zpcontainer,
  .section-bg-right .zpcontainer,
  .section-bg2 .zprow,
  .section-bg .zprow,
  .zpslope-border2 .zprow,
  .section-bg-right .zprow,
  .section-bg2 .zpcolumn,
  .section-bg .zpcolumn,
  .zpslope-border2 .zpcolumn,
  .section-bg-right .zpcolumn {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
  }
    
    .zpclock-img p {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-indent: 0 !important
    }
    
  .market-column1,
  .market-column2 {
    width: 100% !important;
    max-width: 300px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 28px 14px !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateX(-10px) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .market-columnall *,
  .market-column1 *,
  .market-column2 * {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
  }

  .market-columnall h1,
  .market-columnall h2,
  .market-column1 h1,
  .market-column1 h2,
  .market-column2 h1,
  .market-column2 h2 {
    font-size: 44px !important;
    line-height: 1.1 !important;
  }

  .market-columnall p,
  .market-column1 p,
  .market-column2 p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  } 
    .what-offer {
    width: 170px;
    text-align:center;
    position: absolute;
    right: 0px;
    left: 80px !important;
}
        .polygon-absolute {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 20px !important; 

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
    
    .polygon-absolute1 {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 20px !important; 

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
}

@media (min-width: 300px) and (max-width: 767px) {
    
        .polygon-absolute {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 10px !important; 

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
    
    .polygon-absolute1 {
  position: absolute;

  /* control position */
  bottom: 40px !important;
  left: 10px !important; 

  /* size */
  width: 400px;
  height: 300px;

  /* style */
  background: #f4f7ff;
  border-radius: 20px;
 
  /* optional soft shadow */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
    
}
/* FIX TRUEBLOOM ROW HORIZONTAL SCROLL */
.zscustom-section-truebloom-01 {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.zscustom-section-truebloom-01 *,
.zscustom-section-truebloom-01 .zpcontainer,
.zscustom-section-truebloom-01 .zprow,
.zscustom-section-truebloom-01 .zpcolumn,
.zscustom-section-truebloom-01 .zpelem {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.zscustom-section-truebloom-01 img {
  max-width: 100% !important;
  height: auto !important;
}
/* CENTER TRUEBLOOM LOGO ROW RESPONSIVE */
@media (max-width: 991px) {
  .zscustom-section-truebloom-01 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .zscustom-section-truebloom-01 .zpcontainer,
  .zscustom-section-truebloom-01 .zprow,
  .zscustom-section-truebloom-01 .zpcolumn,
  .zscustom-section-truebloom-01 .zpelem,
  .zscustom-section-truebloom-01 .zpimage-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .zscustom-section-truebloom-01 .zprow {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
  }

  .zscustom-section-truebloom-01 img {
    display: block !important;
    width: auto !important;
    max-width: 82% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 480px) {
  .zscustom-section-truebloom-01 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .zscustom-section-truebloom-01 img {
    max-width: 76% !important;
  }
}
@media (max-width: 767px) {
  .partner-logo-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .hero-text-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .hero-text-responsive,
  .hero-text-responsive * {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important; 
  }
}
@media (max-width: 767px) {
  .hero-paragraph-mobile {
    max-width: 390px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 767px) {
  .hero-mobile-text-row {
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* ===== FIX POLYGON ABSOLUTE MOBILE VISIBILITY ===== */
.parent-wrapper {
  position: relative !important;
  z-index: 4 !important;
  overflow: visible !important;
}

/* keep image above polygon */
.parent-wrapper .zpelem-image,
.parent-wrapper .zpimage-container,
.parent-wrapper figure,
.parent-wrapper picture,
.parent-wrapper img {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
}

/* polygon behind image but selectable in Zoho editor */
.polygon-absolute {
  position: absolute !important;
  z-index: 1 !important;
  background: #f4f7ff !important;
  border-radius: 20px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  width: 400px !important;
  height: 300px !important;
  left: -30px !important;
  bottom: 10px !important;

  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

.polygon-absolute1 {
  position: absolute !important;
  z-index: 1 !important;
  background: #f4f7ff !important;
  border-radius: 20px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  width: 400px !important;
  height: 300px !important;
  left: -30px !important;
  bottom: 60px !important;

  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

@media only screen and (max-width: 800px) {
  .parent-wrapper {
    width: 100% !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    position: relative !important;
    padding-top: 28px !important;
  }

  .parent-wrapper .zpelem-image,
  .parent-wrapper .zpimage-container,
  .parent-wrapper figure,
  .parent-wrapper picture,
  .parent-wrapper img {
    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .polygon-absolute {
    width: 86% !important;
    height: 78% !important;
    left: -10px !important;
    top: 0px !important;
    bottom: auto !important;
    right: auto !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    border-radius: 24px !important;
  }
    
    .polygon-absolute1 {
    width: 86% !important;
    height: 58% !important;
    left: 0px !important;
    top: 0px !important;
    bottom: auto !important;
    right: auto !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    border-radius: 24px !important;
  }
}
/* ===== MOBILE ONLY: FORCE BLUE POLYGON BEHIND IMAGE ===== */
@media only screen and (max-width: 800px) {
  .parent-wrapper {
    position: relative !important;
    overflow: visible !important;
    z-index: 2 !important;
    padding-top: 28px !important;
  }

  .parent-wrapper::before {
    content: "" !important;
    position: absolute !important;
    width: 82% !important;
    height: 72% !important;
    left: 18px !important;
    top: 0px !important;
    background: #f4f7ff !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 40px rgba(0, 35, 100, 0.06) !important;
    z-index: 1 !important;
    display: block !important;
  }

  .parent-wrapper .zpelem-image,
  .parent-wrapper .zpimage-container,
  .parent-wrapper figure,
  .parent-wrapper picture,
  .parent-wrapper img {
    position: relative !important;
    z-index: 5 !important;
  }

  .parent-wrapper img {
    border-radius: 20px !important;
  }

  .parent-wrapper .polygon-absolute {
    display: none !important;
  }
}

.msp-partners-title,
.msp-partners-title * {
  font-family: "Didact Gothic", sans-serif !important;
  color: #3a1f5c !important;
  text-align: center !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Mobile fix */
@media (max-width: 767px) {
  .msp-partners-title,
  .msp-partners-title * {
    max-width: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
  }
}
/* ===== HERO AWARD CARD FIX ===== */

.msp-hero-award-parent {
  position: relative !important;
  overflow: visible !important;
}

.msp-award-card,
.msp-award-card * {
  box-sizing: border-box !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}

.msp-award-card {
  width: 172px !important;
  height: 330px !important;
  background: #002b72 !important;
  border-radius: 0 0 18px 18px !important;
  padding: 24px 14px 22px !important;

  position: absolute !important;
  right: 58px !important;
  top: 360px !important;

  z-index: 9999 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  box-shadow: 0 18px 36px rgba(0, 35, 100, 0.18) !important;
}

.msp-award-badge {
  width: 92px !important;
  margin: 0 auto 22px !important;
}

.msp-award-badge img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.msp-award-copy {
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 24px !important;
}

.msp-award-copy p {
  margin: 0 0 11px !important;
  color: #ffffff !important;
  font-size: 15.5px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

.msp-award-readmore {
  width: 126px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b0a33 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-decoration: none !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Hide empty Zoho snippet space */
.msp-award-card {
  margin: 0 !important;
}

/* MOBILE */
@media (max-width: 767px) {
  .msp-award-card {
    display: none !important;
  }
}
/* ===== AWARD CARD FIX USING EXISTING HERO SECTION ===== */

/* existing hero section */
.section-bg-right {
  position: relative !important;
  overflow: visible !important;
}

/* hidden section that only holds the code snippet */
.msp-award-host-row,
.msp-award-host-row .zpcontainer,
.msp-award-host-row .zprow,
.msp-award-host-row .zpcolumn,
.msp-award-host-row .zpelem,
.msp-award-host-row .zpelement {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.msp-award-card,
.msp-award-card * {
  box-sizing: border-box !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}

.msp-award-card {
  width: 172px !important;
  height: 330px !important;
  background: #002b72 !important;
  border-radius: 0 0 18px 18px !important;
  padding: 24px 14px 22px !important;

  position: absolute !important;
  right: 58px !important;
  top: 360px !important;

  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;

  box-shadow: 0 18px 36px rgba(0, 35, 100, 0.18) !important;
}

.msp-award-badge {
  width: 92px !important;
  margin: 0 auto 22px !important;
}

.msp-award-badge img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.msp-award-copy {
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 24px !important;
}

.msp-award-copy p {
  margin: 0 0 11px !important;
  color: #ffffff !important;
  font-size: 15.5px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

.msp-award-readmore {
  width: 126px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b0a33 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-decoration: none !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* MOBILE */
@media (max-width: 767px) {
  .msp-award-card {
    display: none !important;
  }

    .zpslope-border {
  clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%) !important;
}


.zpslope-border2 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 100%) !important;
  padding: 120px 0 !important;
}
    
    .mobile-button {
    display: block !important;
        } 
    .zpoffer-button::after {
  content: "→";
  margin-left: 8px;
  display: none;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 35px; 
}
    
    .zpoffer-button2::after {
  content: "→";
  margin-left: 8px;
  display: none;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 35px; 
}
}

/* MAKE HERO IMAGE BIGGER + 23PX ROUNDED ALL SIDES */
.hero-mobile-image-big,
.hero-mobile-image-big .zpimage-container,
.hero-mobile-image-big .zpimage-container figure,
.hero-mobile-image-big .zpimage-container picture {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.hero-mobile-image-big img {
  border-radius: 23px 23px 23px 23px !important;
  overflow: hidden !important;
  display: block !important;
  object-fit: cover !important;
}

/* desktop */
@media (min-width: 768px) {
  .hero-mobile-image-big img {
    width: 100% !important;
    max-width: 650px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* mobile */
@media (max-width: 767px) {
  .hero-mobile-image-big img {
    width: 390px !important;
    max-width: 390px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* FORCE IMAGE ROUNDED ON ALL SIDES */
.hero-mobile-image-big,
.hero-mobile-image-big .zpimage-container,
.hero-mobile-image-big figure,
.hero-mobile-image-big picture,
.hero-mobile-image-big img {
  border-radius: 23px !important;
  overflow: hidden !important;
}

.hero-mobile-image-big img {
  display: block !important;
  border-radius: 23px !important;
  object-fit: cover !important; 
}
/* FINAL MOBILE CENTER FIX - WHAT WE OFFER */
@media only screen and (max-width: 800px) {
  .what-offer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    width: 170px !important;
    max-width: 170px !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    display: block !important;
    text-align: center !important;
    transform: none !important;
  }
}
/* FINAL MOBILE CENTER FIX - ZP OFFER BUTTON */
@media only screen and (max-width: 800px) {
  .zpoffer-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 260px !important;
    max-width: 260px !important;
    height: 58px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;

    text-align: center !important;
  }

  .zpoffer-button::after {
    right: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .zpoffer-button:hover::after {
    transform: translateY(-50%) translateX(6px) !important;
  }
}
/* FIX BUTTON TEXT BROKEN LINE ON MOBILE */
@media only screen and (max-width: 800px) {
  .zpoffer-button {
    white-space: nowrap !important;
    line-height: 1 !important;
    flex-wrap: nowrap !important;
    padding-left: 24px !important;
    padding-right: 54px !important;
  }

  .zpoffer-button,
  .zpoffer-button span,
  .zpoffer-button .zpbutton-content,
  .zpoffer-button .zpbutton-text {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .zpoffer-button::after {
    right: 34px !important;
  }
}

/* FINAL FIX - CENTER ZP OFFER BUTTON DESKTOP + MOBILE */
.zpoffer-button {
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
  height: 58px !important;
  min-height: 58px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 52px 0 28px !important;
  border-radius: 999px !important;

  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;

  position: relative !important;
  left: auto !important;
  right: auto !important;
}

/* If Zoho wraps text inside span/div */
.zpoffer-button *,
.zpoffer-button span,
.zpoffer-button .zpbutton-content,
.zpoffer-button .zpbutton-text {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  line-height: 1 !important;
}

/* Arrow position */
.zpoffer-button::after {
  top: 50% !important;
  right: 32px !important;
  transform: translateY(-50%) !important;
  margin-left: 0 !important;
}

/* Hover arrow */
.zpoffer-button:hover::after {
  transform: translateY(-50%) translateX(6px) !important;
}

/* MOBILE FIX */
@media only screen and (max-width: 800px) {
  .zpoffer-button {
    width: 260px !important;
    max-width: 260px !important;
    min-width: 260px !important;
    height: 58px !important;
    min-height: 58px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 52px 0 28px !important;

    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
  }
}
/* HIDE BLUE BACKGROUND BEHIND AWARD IMAGE ON MOBILE ONLY */
@media only screen and (max-width: 800px) {
  .zpaward-img {
    background: transparent !important;
  }

  .zpaward-img::before,
  .zpaward-img::after {
    display: none !important;
    background: transparent !important;
    content: none !important;
  }
}

/* FINAL MOBILE FIX - CENTER WHITE OFFER CARDS */
@media only screen and (max-width: 800px) {
  .white-card {
    width: 330px !important;
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 34px 28px !important;
    display: block !important;
  }

  .white-card .zpheading,
  .white-card h1,
  .white-card h2,
  .white-card h3,
  .white-card h4 {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  .white-card .zptext,
  .white-card .zptext p,
  .white-card p {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* MOBILE ONLY - WHITE CARD HEADING SIZE */
@media only screen and (max-width: 800px) {
  .white-card .zpheading,
  .white-card .zpheading *,
  .white-card h1,
  .white-card h2,
  .white-card h3,
  .white-card h4 {
    font-size: 19px !important;
    line-height: 1.15 !important;
  }
}
/* MOBILE ONLY - WHITE CARD HEADING SIZE ONLY */
@media only screen and (max-width: 800px) {
  .white-card h1,
  .white-card h2,
  .white-card h3,
  .white-card h4,
  .white-card .zpheading h1,
  .white-card .zpheading h2,
  .white-card .zpheading h3,
  .white-card .zpheading h4,
  .white-card .zpheading-container h1,
  .white-card .zpheading-container h2,
  .white-card .zpheading-container h3,
  .white-card .zpheading-container h4 {
    font-size: 20px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
  }

  /* keep paragraph normal */
  .white-card p,
  .white-card .zptext,
  .white-card .zptext p {
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
  }
}
/* MOBILE ONLY - FIX WHITE CARD IMAGE HEADING SIZE */

/* MOBILE ONLY - MAKE BUTTON FULL WIDTH */
@media only screen and (max-width: 800px) {
  .msp-mobile-full-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center !important;
  }

  .msp-mobile-full-btn .zpoffer-button,
  .msp-mobile-full-btn a,
  .msp-mobile-full-btn .zpbutton {
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;

    height: 58px !important;
    min-height: 58px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 24px !important;
    border-radius: 999px !important;

    white-space: nowrap !important;
    text-align: center !important;
  }

  .msp-mobile-full-btn .zpoffer-button *,
  .msp-mobile-full-btn a *,
  .msp-mobile-full-btn .zpbutton * {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

/* FINAL MOBILE FIX - OFFER GET STARTED BUTTON */
@media only screen and (max-width: 800px) {
  .msp-offer-cta-button {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 32px auto 0 auto !important;
  }

  .msp-offer-cta-button .zpoffer-button,
  .msp-offer-cta-button a,
  .msp-offer-cta-button .zpbutton {
    width: calc(100vw - 64px) !important;
    max-width: 340px !important;
    min-width: 0 !important;

    height: 58px !important;
    min-height: 58px !important;

    margin: 0 auto !important;
    padding: 0 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 999px !important;
    background: #0b2a5b !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .msp-offer-cta-button .zpoffer-button *,
  .msp-offer-cta-button a *,
  .msp-offer-cta-button .zpbutton * {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1 !important;
  }

  .msp-offer-cta-button .zpoffer-button::after,
  .msp-offer-cta-button a::after,
  .msp-offer-cta-button .zpbutton::after {
    top: 50% !important;
    right: 32px !important;
    transform: translateY(-50%) !important;
  }
}

/* MOBILE ONLY - REMOVE AWARD IMAGE BLANK SPACE ON PUBLISHED SITE */
@media only screen and (max-width: 800px) {

  .msp-award-mobile-section {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    overflow: visible !important;
  }

  .msp-award-mobile-section .zprow,
  .msp-award-mobile-section .zpcontainer,
  .msp-award-mobile-section .zpcolumn,
  .msp-award-mobile-section .zpelem-col,
  .msp-award-mobile-section .zpelem-col-inner {
    height: auto !important;
    min-height: 0 !important;
  }

  /* Hide the whole image column, not only the image */
  .msp-award-image-column {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .msp-award-image-column * {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Make remaining text column full width */
  .msp-award-mobile-section .zpcolumn:not(.msp-award-image-column),
  .msp-award-mobile-section .zpelem-col:not(.msp-award-image-column) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .msp-award-mobile-section h1,
  .msp-award-mobile-section h2,
  .msp-award-mobile-section h3,
  .msp-award-mobile-section p {
    text-align: center !important;
  }
}

/* FINAL MOBILE FIX - SHOW AWARD IMAGE AND REMOVE BLANK SPACE */
@media only screen and (max-width: 800px) {

  /* Whole award section */
  .msp-award-mobile-section {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    overflow: visible !important;
  }

  .msp-award-mobile-section .zprow,
  .msp-award-mobile-section .zpcontainer,
  .msp-award-mobile-section .zpcolumn,
  .msp-award-mobile-section .zpelem-col,
  .msp-award-mobile-section .zpelem-col-inner {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* FORCE IMAGE COLUMN TO SHOW */
  .msp-award-image-column {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 20px auto 24px auto !important;
    padding: 0 !important;

    justify-content: center !important;
    align-items: center !important;

    overflow: visible !important;
  }

  .msp-award-image-column * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* AWARD IMAGE ITSELF */
  .msp-award-image-column img,
  .msp-award-image-column .zpaward-img,
  .msp-award-image-column .zpaward-img img,
  .zpaward-img,
  .zpaward-img img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 260px !important;
    max-width: 260px !important;
    height: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;
  }

  /* Hide only the pale blue background shape, not the badge image */
  .zpaward-img::before,
  .zpaward-img::after,
  .msp-award-image-column::before,
  .msp-award-image-column::after {
    content: none !important;
    display: none !important;
    background: #f4f8ff !important;
  }
    
    .mobile-slope {
        clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
    }
}
/* Bottom curve for curved-section */
.curved-section {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.curved-section::after {
  content: "";
  position: absolute;
  bottom: -120px;
  left: -5%;
  width: 110%;
  height: 220px;
  background: #ffffff;
  border-top-left-radius: 5% 100%;
  border-top-right-radius: 0% 100%;
  transform: rotate(-2deg);
  transform-origin: center;
  z-index: 0;
  pointer-events: none;
}


/* CONTACT PAGE TWO COLUMN FLEX FIX */
.unique,
.unique.zprow,
.unique .zpcontainer,
.unique .zpcontainer-fluid {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Force actual Zoho row to become flex */
.unique.zprow,
.unique .zprow,
.unique > .zprow,
.unique .zpcontainer > .zprow {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 70px !important;
  flex-wrap: nowrap !important;
}

/* Force both columns beside each other */
.unique .zpcolumn,
.unique > .zpcolumn,
.unique .zprow > .zpcolumn {
  float: none !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

/* Left content column */
.unique .zpcolumn:nth-child(1) {
  width: 420px !important;
  max-width: 420px !important;
}

/* Right form column */
.unique .zpcolumn:nth-child(2) {
  width: 860px !important;
  max-width: 860px !important;
}

/* Make snippet/form fit inside right column */
.unique .custom-contact-form {
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 !important;
}

/* Remove unwanted full-width behavior from Zoho wrappers */
.unique .zpelem,
.unique .zpcontent-wrapper,
.unique .zptext,
.unique .zpbutton-wrapper {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile responsive */
@media (max-width: 991px) {
  .unique.zprow,
  .unique .zprow,
  .unique > .zprow,
  .unique .zpcontainer > .zprow {
    flex-direction: column !important;
    align-items: center !important;
    gap: 36px !important;
  }

  .unique .zpcolumn,
  .unique > .zpcolumn,
  .unique .zprow > .zpcolumn,
  .unique .zpcolumn:nth-child(1),
  .unique .zpcolumn:nth-child(2) {
    width: 100% !important;
    max-width: 620px !important;
  }

  .unique .custom-contact-form {
    max-width: 100% !important;
  }
}

/* CENTER ALIGN MAIN HERO ROW */
.center-hero-row,
.center-hero-row.zprow {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 80px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

/* If Zoho uses inner row/container */
.center-hero-row .zpcontainer,
.center-hero-row .zprow {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.center-hero-row .zprow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 80px !important;
}

/* LEFT TEXT COLUMN */
.center-hero-row .zpcolumn:first-child {
  flex: 0 0 420px !important;
  max-width: 420px !important;
}

/* RIGHT IMAGE COLUMN */
.center-hero-row .zpcolumn:last-child {
  flex: 0 0 520px !important;
  max-width: 520px !important;
}

/* Center content inside both columns */
.center-hero-row .zpcolumn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Keep text column content left aligned */
.center-hero-row .zpcolumn:first-child {
  justify-content: flex-start !important;
}

.center-hero-row .zpcolumn:first-child .zpelem,
.center-hero-row .zpcolumn:first-child .zptext,
.center-hero-row .zpcolumn:first-child .zpcontent-wrapper {
  text-align: left !important;
  width: 100% !important;
}

/* Image fix */
.center-hero-row img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* MOBILE */
@media (max-width: 991px) {
  .center-hero-row,
  .center-hero-row.zprow,
  .center-hero-row .zprow {
    flex-direction: column !important;
    gap: 40px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .center-hero-row .zpcolumn:first-child,
  .center-hero-row .zpcolumn:last-child {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 620px !important;
  }

  .center-hero-row .zpcolumn:first-child .zpelem,
  .center-hero-row .zpcolumn:first-child .zptext,
  .center-hero-row .zpcolumn:first-child .zpcontent-wrapper {
    text-align: center !important;
  }
}

/* FIX PARTNER LOGO BUTTON STRIP */
.partner-logo-strip {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 38px 46px !important;
  background: #eef7ff !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Inner row */
.partner-logo-strip .logo-row,
.partner-logo-strip .partners-row,
.partner-logo-strip .zpcontainer,
.partner-logo-strip .zprow {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 34px !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}

/* Logo cards/buttons */
.partner-logo-strip a,
.partner-logo-strip img,
.partner-logo-strip .zpimage,
.partner-logo-strip .zpimage-container {
  display: block !important;
}

/* If each logo is inside column */
.partner-logo-strip .zpcolumn {
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Logo images */
.partner-logo-strip img {
  width: auto !important;
  max-width: 220px !important;
  height: 78px !important;
  object-fit: contain !important;
}

/* Remove unwanted Zoho snippet spacing */
.partner-logo-strip .zpelem,
.partner-logo-strip .zpcontent-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* Tablet */
@media (max-width: 991px) {
  .partner-logo-strip {
    max-width: 680px !important;
    padding: 28px 28px !important;
  }

  .partner-logo-strip .logo-row,
  .partner-logo-strip .partners-row,
  .partner-logo-strip .zpcontainer,
  .partner-logo-strip .zprow {
    gap: 22px !important;
  }

  .partner-logo-strip img {
    max-width: 170px !important;
    height: 62px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .partner-logo-strip {
    max-width: 92vw !important;
    padding: 22px 16px !important;
  }

  .partner-logo-strip .logo-row,
  .partner-logo-strip .partners-row,
  .partner-logo-strip .zpcontainer,
  .partner-logo-strip .zprow {
    flex-wrap: wrap !important;
    gap: 14px !important;
  }

  .partner-logo-strip img {
    max-width: 135px !important;
    height: 50px !important;
  }
}

@media (min-width: 1366)(max-width: 1600px) {
    .partner-logo-column {
        margin-left: 1000px !important;
        margin-top: -400px !important;
    }
}

/* Hide hero mobile button on both desktop and mobile */
.mobile-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide desktop hero image column on mobile */
@media only screen and (max-width: 767px) {
  .msp-hero-desktop-image,
  .msp-hero-desktop-image .zpimage,
  .msp-hero-desktop-image .zpimage-container,
  .msp-hero-desktop-image img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

@media only screen and (max-width: 767px) {
  .center-hero-row .msp-hero-image-col {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 36px !important;
    padding: 0 26px !important;
    box-sizing: border-box !important;
  }

  .center-hero-row .msp-hero-image-col img,
  .center-hero-row .msp-hero-image-col .zpimage,
  .center-hero-row .msp-hero-image-col .zpimage-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    margin: 0 auto !important;
  }
}

/* Hide right-side light blue background box on desktop + mobile */
.section-bg-right::after {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: transparent !important;
  width: 0 !important;
  height: 0 !important;
}