.elementor-3363 .elementor-element.elementor-element-c35741b{--display:flex;--min-height:144px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-3363 .elementor-element.elementor-element-c193d8e{width:var( --container-widget-width, 1.282% );max-width:1.282%;--container-widget-width:1.282%;--container-widget-flex-grow:0;}.elementor-3363 .elementor-element.elementor-element-c193d8e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3363 .elementor-element.elementor-element-895d151{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-5ca5204{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-f168a0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-d06c7a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-cd5bf3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-1de45f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-851b6f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-6d947dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-a9c9cd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3363 .elementor-element.elementor-element-755e5a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* Hide theme page title above Elementor canvas */
.elementor-page .entry-title,
.elementor-page .page-title {
  display: none !important;
}
/* Hide the first H1 inside the main content area (keeps other pages intact) */
main h1:first-of-type,
#primary h1:first-of-type,
#content h1:first-of-type {
  display: none !important;
}
/* Remove all spacing above the hero section */
body .elementor-location-header + .elementor-element,
body header + .elementor-element,
.elementor-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove Elementor editor default gap */
.elementor-section {
    margin-top: 0 !important;
}

/* Force hero to connect to header */
#pps-hero {
    margin-top: -100px !important;
}

<style>
/* ============ PPS Offers + Solutions (UNIQUE + POLISHED + MOBILE FIX) ============ */
#pps-offers-solutions-unique,
#pps-offers-solutions-unique * { box-sizing: border-box !important; }

#pps-offers-solutions-unique{
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  width: 100vw !important;
  background: #ffffff !important;
  padding: 78px 0 0 !important;
  overflow: hidden !important;
}

/* ✅ Subtle divider at bottom */
#pps-offers-solutions-unique::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:min(1100px,92%);
  height:1px;
  background: rgba(11,42,74,.10);
}
 
/* Wrap */
#pps-offers-solutions-unique .wrap{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
}

/* Header */
#pps-offers-solutions-unique .header{
  text-align: center !important;
  max-width: 880px !important;
  margin: 0 auto 44px !important;
}

#pps-offers-solutions-unique .badge{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: rgba(11,42,74,.08) !important;
  border: 1px solid rgba(11,42,74,.12) !important;
  color: #0B2A4A !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
#pps-offers-solutions-unique .badge .dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: #FF8C00;
}

#pps-offers-solutions-unique h2{
  margin: 14px 0 10px !important;
  font-size: clamp(24px, 2.7vw, 34px) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #0B2A4A !important;
  letter-spacing: -0.02em !important;
}

#pps-offers-solutions-unique .sub{
  margin: 0 auto !important;
  color: #2b2b2b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.8 !important;
  max-width: 760px !important;
}

/* ===================== OFFER CARDS ===================== */
#pps-offers-solutions-unique .offers{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin-bottom: 72px !important;
}

/* ✅ Card */
#pps-offers-solutions-unique .offer{
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 14px 44px rgba(0,0,0,.12) !important;
  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  min-height: 290px !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  position: relative !important;
}

/* ✅ Premium photo overlay */
#pps-offers-solutions-unique .offer::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width: 52%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.00) 55%);
  pointer-events:none;
  z-index: 1;
}

#pps-offers-solutions-unique .offer:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.14) !important;
}

/* ✅ Image side */
#pps-offers-solutions-unique .offer-img{
  width: 100% !important;
  height: 100% !important;
  min-height: 290px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  filter: brightness(1.02) contrast(1.06) saturate(1.08) !important;
  transform: scale(1.06);
  transition: transform .3s ease !important;
}
#pps-offers-solutions-unique .offer:hover .offer-img{
  transform: scale(1.09);
}

/* ✅ BEST ANGLES */
#pps-offers-solutions-unique .offer:first-child .offer-img{
  object-position: center 18% !important;
}
#pps-offers-solutions-unique .offer:last-child .offer-img{
  object-position: center 14% !important;
}

/* Body side */
#pps-offers-solutions-unique .offer-body{
  padding: 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
  position: relative !important;
  z-index: 2 !important;
}

#pps-offers-solutions-unique .offer-title{
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #0B2A4A !important;
  margin: 0 0 8px !important;
  letter-spacing: .01em !important;
}

#pps-offers-solutions-unique .offer-text{
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  color: #2b2b2b !important;
}

/* Mini points */
#pps-offers-solutions-unique .mini-points{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 14px !important;
}
#pps-offers-solutions-unique .point{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #0B2A4A !important;
  line-height: 1.4 !important;
}
#pps-offers-solutions-unique .point span{
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(255,140,0,.18);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
  color: #FF8C00;
  flex: 0 0 auto;
  margin-top: 1px;
}

/* CTA button */
#pps-offers-solutions-unique .offer-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  border-radius: 14px !important;
  background: #FF8C00 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  text-decoration: none !important;
  width: max-content !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
  transition: transform .15s ease, opacity .15s ease !important;
  border: none !important;
  cursor: pointer !important;
}
#pps-offers-solutions-unique .offer-btn:hover{
  transform: translateY(-1px) !important;
  opacity: .95 !important;
}

/* ===================== SOLUTIONS BAND (ORIGINAL) ===================== */
#pps-offers-solutions-unique .solutions-band{
  background: #0B2A4A !important;
  padding: 78px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
#pps-offers-solutions-unique .solutions-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 30%, rgba(255,140,0,.16), transparent 60%),
    radial-gradient(circle at 86% 25%, rgba(13,79,163,.18), transparent 62%);
  pointer-events:none;
}
#pps-offers-solutions-unique .solutions-inner{
  position: relative !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: 380px 1fr !important;
  gap: 50px !important;
  align-items: center !important;
}

/* ✅ FIXED IMAGE CARD (your screenshot style) */
#pps-offers-solutions-unique .tech-card{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 0 !important;
  min-height: 430px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pps-offers-solutions-unique .tech-card img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

#pps-offers-solutions-unique .sol-content h3{
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  text-transform: uppercase !important;
}
#pps-offers-solutions-unique .sol-content > p{
  margin: 0 0 26px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.8 !important;
  max-width: 780px !important;
}
#pps-offers-solutions-unique .two-cols{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}
#pps-offers-solutions-unique .label{
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #FF8C00 !important;
  margin-bottom: 6px !important;
}
#pps-offers-solutions-unique .two-cols p{
  margin: 0 !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  font-weight: 600 !important;
}
#pps-offers-solutions-unique .chips{
  margin-top: 26px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
#pps-offers-solutions-unique .chip{
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1 !important;
}
#pps-offers-solutions-unique .chip i{
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(255,140,0,.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-style: normal !important;
  font-weight: 900 !important;
  color: #FF8C00 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  flex: 0 0 18px !important;
}

/* ✅ COUPON POPUP MODAL */
#pps-coupon-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 999999;
}
#pps-coupon-modal.active{ display: flex; }

#pps-coupon-modal .modal-box{
  width: min(980px, 100%);
  max-height: 88vh;
  overflow: auto;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
  position: relative;
  padding: 26px 22px;
}

#pps-coupon-modal .modal-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
#pps-coupon-modal h3{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  color: #0B2A4A;
}
#pps-coupon-modal .close{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(11,42,74,.15);
  background: rgba(11,42,74,.06);
  display: grid;
  place-items: center;
  font-weight: 900;
  cursor: pointer;
}

/* ✅ coupon grid */
#pps-coupon-modal .coupon-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
#pps-coupon-modal .coupon{
  border: 1px solid rgba(11,42,74,.12);
  border-radius: 18px;
  padding: 16px;
  background: rgba(11,42,74,.03);
}
#pps-coupon-modal .coupon strong{
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #0B2A4A;
  margin-bottom: 6px;
}
#pps-coupon-modal .coupon p{
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
  color: #2b2b2b;
}
#pps-coupon-modal .coupon small{
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(11,42,74,.65);
  font-weight: 700;
}

/* ✅ Copy Button */
#pps-coupon-modal .copy-btn{
  margin-top: 12px;
  width: 100%;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,74,.12);
  background: rgba(255,140,0,.10);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  color: #0B2A4A;
  cursor: pointer;
}
#pps-coupon-modal .copy-btn:hover{
  opacity: .95;
}

/* ✅ pagination bar */
#pps-coupon-modal .pager{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(11,42,74,.10);
}
#pps-coupon-modal .pager button{
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,74,.12);
  background: rgba(11,42,74,.06);
  color: #0B2A4A;
  font-weight: 900;
  cursor: pointer;
}
#pps-coupon-modal .pager button:disabled{
  opacity: .45;
  cursor: not-allowed;
}
#pps-coupon-modal .pager .page-info{
  font-size: 13px;
  font-weight: 800;
  color: rgba(11,42,74,.75);
}

@media(max-width: 720px){
  #pps-coupon-modal .coupon-grid{ grid-template-columns: 1fr; }
}
</style>/* End custom CSS */