/* Option pricing (C16). Generated from mockup/sections/industry/12-pmos-and-marketing-pricing-for-property-.html and css/industry.css. */
@keyframes i-up {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.gx-optionpricin .gm-dark a:focus-visible,.gx-optionpricin.gm-dark a:focus-visible,.gx-optionpricin .gm-dark button:focus-visible,.gx-optionpricin.gm-dark button:focus-visible,.gx-optionpricin #contact a:focus-visible,.gx-optionpricin footer a:focus-visible {outline-color:#FFFFFF}
.gx-optionpricin .gm-plain {list-style:none;margin:0;padding:0}
.gx-optionpricin .i-kick {margin:0;font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#5834C7}
.gx-optionpricin .i-kick-d {color:#18C7C3}
.gx-optionpricin .i-h2 {margin:0;font-family:'Jost',Arial,sans-serif;font-weight:700;font-size:64px;line-height:1.1;letter-spacing:-.02em;color:#19152F}
.gx-optionpricin .i-hr.is-wait>* {opacity:0;transform:translateY(20px)}
.gx-optionpricin .i-hr.is-wait.is-in>* {animation:i-up 1.2s cubic-bezier(.2,.7,.2,1) both}
.gx-optionpricin .i-hr.is-wait.is-in>:nth-child(2) {animation-delay:.15s}
.gx-optionpricin .i-hr.is-wait.is-in>:nth-child(3) {animation-delay:.3s}
.gx-optionpricin .i-check {flex-shrink:0;margin-top:2px}
.gx-optionpricin .gm-dark .i-opt,.gx-optionpricin.gm-dark .i-opt {border-color:#FFFFFF}
.gx-optionpricin .gm-dark .i-opt-feat,.gx-optionpricin.gm-dark .i-opt-feat {border-color:#18C7C3}
.gx-optionpricin .gm-dark .i-crumb:hover,.gx-optionpricin.gm-dark .i-crumb:hover,.gx-optionpricin .gm-dark .i-crumb:focus-visible,.gx-optionpricin.gm-dark .i-crumb:focus-visible {color:#FFFFFF!important}
.gx-optionpricin .i-dot,.gx-optionpricin .i-glass {background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);-webkit-backdrop-filter:blur(2px) saturate(160%);backdrop-filter:blur(2px) saturate(160%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .gx-optionpricin .i-dot,.gx-optionpricin .i-glass {background:#2A2346!important}
}
.gx-optionpricin .i-opt.i-glass:not(.i-opt-feat) {border:0}
.gx-optionpricin .i-prow {display:grid;grid-template-columns:400px minmax(0,1fr);align-items:stretch}
.gx-optionpricin .i-prow-l {display:flex;flex-direction:column;gap:18px;padding:40px;background:#19152F}
.gx-optionpricin .i-prow-l.i-glass {box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)}
.gx-optionpricin .i-prow-r {display:flex;flex-direction:column;gap:16px;padding:40px 48px;background:#FFFFFF}
.gx-optionpricin .i-inc {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px}
.gx-optionpricin .i-inc li {display:flex;gap:10px;font-size:16px;line-height:1.5;color:#313335}
.gx-optionpricin .i-inc .i-check {margin-top:3px}
.gx-optionpricin .i-glass .i-list li {color:#FFFFFF;border-color:rgba(255,255,255,.24)}
.gx-optionpricin .i-glass .i-list li:last-child {border-bottom-color:rgba(255,255,255,.24)}
.gx-optionpricin .i-glass .i-list a {color:#FFFFFF}
.gx-optionpricin-s1.gx-optionpricin-s1 { display: flex;flex-direction: column;gap: 20px;max-width: 900px }
.gx-optionpricin-s2.gx-optionpricin-s2 { font-size: 56px;color: #FFFFFF }
.gx-optionpricin-s3.gx-optionpricin-s3 { color: #18C7C3 }
.gx-optionpricin-s4.gx-optionpricin-s4 { margin: 0;font-family: 'Jost', Arial, sans-serif;font-weight: 600;font-size: 26px;line-height: 1.25;color: #18C7C3 }
.gx-optionpricin-s5.gx-optionpricin-s5 { margin: 0;font-family: 'Jost', Arial, sans-serif;font-weight: 600;font-size: 28px;line-height: 1.15;color: #FFFFFF }
.gx-optionpricin-s6.gx-optionpricin-s6 { display: flex;flex-direction: column;gap: 4px }
.gx-optionpricin-s7.gx-optionpricin-s7 { margin: 0;font-size: 14px;font-weight: 600;color: #C9C2DA }
.gx-optionpricin-s8.gx-optionpricin-s8 { margin: 0;display: flex;align-items: baseline;gap: 6px;flex-wrap: wrap }
.gx-optionpricin-s9.gx-optionpricin-s9 { font-family: 'Jost', Arial, sans-serif;font-weight: 700;font-size: 48px;line-height: 1;color: #3E88FF }
.gx-optionpricin-s10.gx-optionpricin-s10 { font-size: 16px;color: #C9C2DA }
.gx-optionpricin-s11.gx-optionpricin-s11 { margin-top: auto;align-self: flex-start;display: inline-flex;align-items: center;gap: 10px;height: 56px;padding: 0 28px;background: #FFFFFF;color: #19152F;text-decoration: none;font-size: 17px;font-weight: 600 }
.gx-optionpricin-s12.gx-optionpricin-s12 { margin: 0;font-size: 18px;line-height: 1.6;color: #313335 }
.gx-optionpricin-s13.gx-optionpricin-s13 { margin: 0;font-size: 14px;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: #5834C7 }
.gx-optionpricin-s14.gx-optionpricin-s14 { display: flex;flex-direction: column;gap: 16px }
.gx-optionpricin-s15.gx-optionpricin-s15 { display: flex;flex-direction: column;gap: 48px }
@media (max-width: 1100px) {
  .gx-optionpricin-s2.gx-optionpricin-s2 { font-size:38px!important;line-height:1.1!important }
  .gx-optionpricin-s9.gx-optionpricin-s9 { font-size:32px!important }
  .gx-optionpricin .i-prow { grid-template-columns:minmax(0,1fr)!important }
  .gx-optionpricin .i-inc { grid-template-columns:minmax(0,1fr)!important }
  .gx-optionpricin .i-prow { grid-template-columns:minmax(0,1fr)!important }
  .gx-optionpricin .i-inc { grid-template-columns:minmax(0,1fr)!important }
}
@media (max-width: 640px) {
  .gx-optionpricin-s4.gx-optionpricin-s4 { font-size:24px!important;line-height:1.25!important }
  .gx-optionpricin-s5.gx-optionpricin-s5 { font-size:24px!important;line-height:1.25!important }
}

/* This module is built for the dark field. When it is dropped into a light section, its row becomes a full-width dark band. */
.dnd-section .dnd-row:has(> .row-fluid > .span12 > .hs_cos_wrapper > .gx-optionpricin) {
  background: #19152F url("/hubfs/raw_assets/public/geekly-media-theme/images/patterns/grid-dark.svg") 0 0 / cover no-repeat;
  margin: 0 calc(50% - 50vw); padding: 96px max(clamp(20px, 6vw, 80px), calc((100vw - 1280px) / 2));
}