html:not(.mobile) .module-blocks-1256 .swiper-container{overflow:hidden !important}.module-blocks-1256 .swiper-buttons.auto-carousel-buttons span:before,.module-blocks-1256 .swiper-buttons.swiper-buttons>div:before,.module-blocks-1256 .swiper-buttons.scroll-top em:before,.module-blocks-1256 .swiper-buttons.lg-content .lg-icon:before{content:'\e93f' !important;font-family:icomoon !important;color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.no-touchevents .module-blocks-1256 .swiper-buttons.auto-carousel-buttons span:hover:before,.no-touchevents .module-blocks-1256 .swiper-buttons.swiper-buttons>div:hover:before,.no-touchevents .module-blocks-1256 .swiper-buttons.scroll-top em:hover:before,.no-touchevents .module-blocks-1256 .swiper-buttons.lg-content .lg-icon:hover:before{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1256 .swiper-buttons.auto-carousel-buttons span:active:before,.module-blocks-1256 .swiper-buttons.swiper-buttons>div:active:before,.module-blocks-1256 .swiper-buttons.scroll-top em:active:before,.module-blocks-1256 .swiper-buttons.lg-content .lg-icon:active:before{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1256 .swiper-buttons.auto-carousel-buttons span,.module-blocks-1256 .swiper-buttons.swiper-buttons>div,.module-blocks-1256 .swiper-buttons.scroll-top em,.module-blocks-1256 .swiper-buttons.lg-content .lg-icon{background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));--background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));border-width:1px;border-style:solid;border-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1));border-radius:99px;--element-border-radius:99px}.no-touchevents .module-blocks-1256 .swiper-buttons.auto-carousel-buttons span:hover,.no-touchevents .module-blocks-1256 .swiper-buttons.swiper-buttons>div:hover,.no-touchevents .module-blocks-1256 .swiper-buttons.scroll-top em:hover,.no-touchevents .module-blocks-1256 .swiper-buttons.lg-content .lg-icon:hover{background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));--background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1256 .swiper-buttons.auto-carousel-buttons span:active,.module-blocks-1256 .swiper-buttons.swiper-buttons>div:active,.module-blocks-1256 .swiper-buttons.scroll-top em:active,.module-blocks-1256 .swiper-buttons.lg-content .lg-icon:active{background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - 0%),calc(var(--j-color-scheme-background-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - 0%),calc(var(--j-color-scheme-background-secondary-a)*1));border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1256 .swiper-button-prev:before{transform:scaleX(-1)}.module-blocks-1256 .swiper-buttons:not(.slider-navigation){display:flex;top:50%;width:calc(100% - (10px*2))}.touchevents .module-blocks-1256 .swiper-buttons:not(.slider-navigation){display:none}.module-blocks-1256 .swiper-button-prev{left:0;right:auto;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1256 .swiper-button-next{left:auto;right:0;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1256 .swiper-buttons:not(.slider-navigation) div{--width:28px;--height:28px}.module-blocks-1256 .swiper-button-disabled{opacity:0}.module-blocks-1256 .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev{opacity:0;--disabled-scale:0}.module-blocks-1256 .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled{--disabled-scale:0}.module-blocks-1256 .swiper-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;position:absolute;bottom:15px;left:50%;transform:translate3d(-50%,0,0)}.module-blocks-1256 .swiper-wrapper{cursor:auto}.module-blocks-1256 .swiper{padding-bottom:15px}.module-blocks-1256 .swiper-pagination-bullet{width:6px;height:6px;background-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*0.5))}.module-blocks-1256 .swiper-pagination>span+span{margin-inline-start:8px}.no-touchevents .module-blocks-1256 .swiper-pagination-bullet:hover{background-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1256 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1256 .swiper-pagination>span{border-radius:9999px;--element-border-radius:9999px}.module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.one-column #content .module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.two-column #content .module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1256.blocks-grid>.module-body>.ipr-grid>.block-item+.block-item{margin-top:var(--j-gap-spacing-vertical-xxxl)}.module-blocks-1256>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1256.blocks-grid>.module-body>.auto-grid{--grid-max-col:1;--grid-gap:var(--j-gap-spacing-vr-row-l);--auto-grow-type:auto-fit;--item-width:var(--item-fit)}.module-blocks-1256.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1256.blocks-grid>.module-body>.auto-grid>.auto-grid-items{grid-auto-flow:row dense;overflow-x:initial;padding-inline-start:unset;padding-inline-end:unset}.module-blocks-1256.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1256.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1256.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1256.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1256.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1256.blocks-grid>.module-body>.auto-grid .auto-carousel-controls{--auto-carousel-controls-max-width:min(min(var(--content-max-width,100%) - var(--scroll-padding,0px)*2,var(--content-max-width,100%) - var(--content-gutter,0)*2),100% - var(--scroll-padding,0px)*2)}div.module-blocks-1256>.module-body>div .block-body .block-title.module-title{font-family:'Jost';font-weight:700;font-size:var(--j-font_size-font-size--title-section);color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1));letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}div.module-blocks-1256>.module-body>div .block-body .block-title.module-title:after{display:none}div.module-blocks-1256>.module-body>div .block-body .block-title.module-title .page-title-text:after{display:none}div.module-blocks-1256>.module-body>div .block-body .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1256>.module-body>div .block-wrapper .block-title.module-title{font-family:'Jost';font-weight:700;font-size:var(--j-font_size-font-size--title-section);color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1));letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}.module-blocks-1256>.module-body>div .block-wrapper .block-title.module-title:after{display:none}.module-blocks-1256>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after{display:none}.module-blocks-1256>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1256>.module-body>div .block-item:before{display:none}.module-blocks-1256>.module-body>div .block-item{color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.module-blocks-1256>.module-body>div .block-footer{margin-top:var(--j-gap-spacing-vertical-l);--element-margin-top:var(--j-gap-spacing-vertical-l)}.module-blocks-1256>.module-body>div .block-footer .btn{width:auto}.module-blocks-1256>.module-body>div .block-item:nth-child(even) .block-footer .btn{width:auto}.module-blocks-1256>.module-body>div .block-header .title{order:-1}.module-blocks-1256>.module-body>div .block-body{--image-split-ratio:40% !important;--block-body-gap:var(--j-gap-spacing-gap-5)}.module-blocks-1256>.module-body>div .block-header{--unit:1%;flex-basis:calc((600px - (100*var(--unit,1%)))*9999);display:var(--display);align-items:center;text-align:center;justify-content:flex-start}.module-blocks-1256>.module-body>div .block-item>.block-body{--display:flex;flex-direction:row;--image-split-ratio:50%;gap:var(--block-body-gap,0px);flex-wrap:wrap}.module-blocks-1256>.module-body>div .block-item>.block-body>.block-header{float:none;margin-inline:0}.module-blocks-1256>.module-body>div .block-item>.block-body>.block-header+.block-wrapper{min-width:0}.module-blocks-1256>.module-body>div .block-item>.block-body:after{display:none}.module-blocks-1256>.module-body>div .block-header img{width:auto;height:auto}.module-blocks-1256 .module-body .block-header .title{order:-1}div.module-blocks-1256>.module-body .module-item.block-item>.block-body{--image-split-ratio:40% !important;--display:flex;flex-direction:row-reverse;flex-wrap:wrap;--image-split-ratio:50%;gap:var(--block-body-gap,0px)}div.module-blocks-1256>.module-body .module-item.block-item>.block-body>.block-header{float:none;margin-inline:0}div.module-blocks-1256>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:auto}div.module-blocks-1256>.module-body .module-item.block-item>.block-body:after{display:none}.module-blocks-1256 .module-body .block-wrapper{justify-content:center} .module-blocks-1256 .module-item-1>.block-body{height:100%}.module-blocks-1256 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1256 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1256 .module-item-1 .block-expand-overlay{--expand-overlay:rgba(255,235,235,1)}.module-blocks-1256 .module-item-1 .block-content{column-count:initial}.module-blocks-1256 .module-item-1 .block-footer .btn,.module-blocks-1256 .module-item-1 .block-footer .btn:visited{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important}.no-touchevents .module-blocks-1256 .module-item-1 .block-footer .btn:hover{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important;background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 10%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 10%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1256 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1256 .module-item-1 .block-footer .btn:hover:active{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important}.module-blocks-1256 .module-item-1 .block-footer .btn{--focus-color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important;border-style:none;transform:scale(calc(100/100));transform-origin:center}.module-blocks-1256 .module-item-1 .block-footer .btn,.module-blocks-1256 .module-item-1 .block-footer .tooltip{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 0%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 0%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1256 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1256 .module-item-1 .block-footer .btn:hover:active,.module-blocks-1256 .module-item-1 .block-footer .btn:focus:active,.no-touchevents .module-blocks-1256 .module-item-1 .block-footer .btn:focus:hover:active{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 5%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 5%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1256 .module-item-1 .block-footer .btn:focus,.module-blocks-1256 .module-item-1 .block-footer .btn[disabled]{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 7%),calc(var(--j-color-scheme-brand-secondary-a)*1)) !important;--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 7%),calc(var(--j-color-scheme-brand-secondary-a)*1)) !important}.module-blocks-1256 .module-item-1 .block-footer .btn.btn.disabled:after{font-size:1em} /* =========================================================
REPROMO — SELECT YOUR PACK
PACKAGE REQUEST — SHARED GR / EN
V2
========================================================= */
.repromo-package-request,
.repromo-package-request * {
box-sizing: border-box;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.repromo-package-request {
width: 100%;
margin: 0;
padding: 0;
}
.repromo-package-section {
width: 100%;
margin: 0 0 34px 0;
padding: 0 0 34px 0;
border-bottom: 1px solid #34393d;
}
.repromo-package-section-last {
margin-bottom: 24px;
padding-bottom: 24px;
}
/* =========================================================
SECTION HEAD
========================================================= */
.repromo-package-section-head {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 0 0 24px 0;
}
.repromo-package-section-number {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #d2a000;
color: #111315;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
.repromo-package-section-heading {
flex: 1;
min-width: 0;
}
.repromo-package-section-heading h2 {
margin: 0 0 5px 0 !important;
padding: 0 !important;
font-size: 27px !important;
font-weight: 600 !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
text-transform: uppercase;
color: #f4f2ed !important;
}
.repromo-package-section-heading p {
margin: 0 !important;
padding: 0 !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #aeadab !important;
}
/* =========================================================
PACKAGE — ROW 1 / THREE COLUMNS
========================================================= */
.repromo-package-primary-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
width: 100%;
}
.repromo-package-card {
position: relative;
display: block;
width: 100%;
margin: 0;
cursor: pointer;
}
.repromo-package-card > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.repromo-package-card-inner {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: 154px;
padding: 20px 48px 18px 18px;
background: #181c1f;
border: 1px solid #464b4f;
border-radius: 6px;
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
.repromo-package-card:hover .repromo-package-card-inner {
background: #1c2023;
border-color: #8f720a;
transform: translateY(-1px);
}
.repromo-package-card > input:checked + .repromo-package-card-inner {
background: #192019;
border-color: #65B84A;
box-shadow: inset 0 0 0 1px rgba(101, 184, 74, 0.20);
}
.repromo-package-card-top {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
width: 100%;
margin-bottom: 11px;
}
.repromo-package-card-name {
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: 0.2px !important;
color: #f4f2ed !important;
}
.repromo-package-card-price {
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: #d2a000 !important;
white-space: nowrap;
}
.repromo-package-card-copy {
display: block;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.42 !important;
color: #b8bab7 !important;
}
.repromo-package-card-check,
.repromo-package-custom-check {
position: absolute;
top: 18px;
right: 15px;
width: 23px;
height: 23px;
background: #111416;
border: 1px solid #6b7074;
border-radius: 50%;
}
.repromo-package-card-check::after,
.repromo-package-custom-check::after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 6px;
height: 10px;
border-style: solid;
border-color: #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
.repromo-package-card > input:checked + .repromo-package-card-inner .repromo-package-card-check {
background: #65B84A;
border-color: #65B84A;
}
.repromo-package-card > input:checked + .repromo-package-card-inner .repromo-package-card-check::after {
opacity: 1;
}
/* =========================================================
PACKAGE — ROW 2 / CUSTOM REQUEST
========================================================= */
.repromo-package-custom-wrap {
margin-top: 12px;
padding: 15px;
background: #181c1f;
border: 1px solid #464b4f;
border-radius: 6px;
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
.repromo-package-custom-wrap.is-selected {
background: #192019;
border-color: #65B84A;
box-shadow: inset 0 0 0 1px rgba(101, 184, 74, 0.18);
}
.repromo-package-custom-choice {
position: relative;
display: block;
margin: 0 0 12px 0;
cursor: pointer;
}
.repromo-package-custom-choice > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.repromo-package-custom-choice-inner {
position: relative;
display: flex;
align-items: flex-start;
min-height: 48px;
padding: 2px 42px 0 0;
}
.repromo-package-custom-copy {
display: flex;
flex-direction: column;
gap: 4px;
}
.repromo-package-custom-copy strong {
font-size: 17px !important;
font-weight: 700 !important;
color: #f4f2ed !important;
}
.repromo-package-custom-copy small {
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
color: #aeadab !important;
}
.repromo-package-custom-choice > input:checked + .repromo-package-custom-choice-inner .repromo-package-custom-check {
background: #65B84A;
border-color: #65B84A;
}
.repromo-package-custom-choice > input:checked + .repromo-package-custom-choice-inner .repromo-package-custom-check::after {
opacity: 1;
}
.repromo-package-inline-textarea,
.repromo-package-further-goals textarea {
display: block;
width: 100%;
margin: 0 !important;
padding: 14px 16px !important;
background: #111416 !important;
border: 1px solid #464b4f !important;
border-radius: 5px !important;
outline: none !important;
box-shadow: none !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #f4f2ed !important;
resize: vertical;
}
.repromo-package-inline-textarea:focus,
.repromo-package-further-goals textarea:focus {
border-color: #d2a000 !important;
box-shadow: 0 0 0 1px rgba(210, 160, 0, 0.16) !important;
}
/* =========================================================
FIELDS
========================================================= */
.repromo-package-fields {
display: grid;
width: 100%;
gap: 16px;
}
.repromo-package-fields-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.repromo-package-field label {
display: block;
margin: 0 0 9px 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: #e7e5df !important;
}
.repromo-package-field label > span {
color: #d2a000 !important;
}
.repromo-package-field input,
.repromo-package-field textarea {
display: block;
width: 100%;
margin: 0 !important;
background: #181c1f !important;
border: 1px solid #464b4f !important;
border-radius: 5px !important;
outline: none !important;
box-shadow: none !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #f4f2ed !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
.repromo-package-field input {
height: 58px;
padding: 0 17px !important;
}
.repromo-package-field textarea {
min-height: 118px;
padding: 15px 17px !important;
resize: vertical;
line-height: 1.5 !important;
}
.repromo-package-business-details textarea {
min-height: 150px;
}
.repromo-package-field input::placeholder,
.repromo-package-field textarea::placeholder,
.repromo-package-inline-textarea::placeholder,
.repromo-package-further-goals textarea::placeholder {
color: #777d80 !important;
opacity: 1;
}
.repromo-package-field input:hover,
.repromo-package-field textarea:hover {
background: #1c2023 !important;
border-color: #6b7074 !important;
}
.repromo-package-field input:focus,
.repromo-package-field textarea:focus {
background: #1c2023 !important;
border-color: #d2a000 !important;
box-shadow: 0 0 0 1px rgba(210, 160, 0, 0.16) !important;
}
/* =========================================================
GOALS — 2 COLUMNS
========================================================= */
.repromo-package-goals-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px;
align-items: stretch;
}
.repromo-package-goals-left {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.repromo-package-goal {
position: relative;
display: block;
margin: 0;
cursor: pointer;
}
.repromo-package-goal > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.repromo-package-goal-inner {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 64px;
padding: 12px 14px;
background: #181c1f;
border: 1px solid #464b4f;
border-radius: 5px;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
color: #e7e5df !important;
transition:
background 0.18s ease,
border-color 0.18s ease;
}
.repromo-package-goal:hover .repromo-package-goal-inner {
background: #1c2023;
border-color: #8f720a;
}
.repromo-package-goal-check {
position: relative;
flex: 0 0 22px;
width: 22px;
height: 22px;
background: #111416;
border: 1px solid #6b7074;
border-radius: 4px;
}
.repromo-package-goal-check::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border-style: solid;
border-color: #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
.repromo-package-goal > input:checked + .repromo-package-goal-inner {
background: #192019;
border-color: #65B84A;
}
.repromo-package-goal > input:checked + .repromo-package-goal-inner .repromo-package-goal-check {
background: #65B84A;
border-color: #65B84A;
}
.repromo-package-goal > input:checked + .repromo-package-goal-inner .repromo-package-goal-check::after {
opacity: 1;
}
.repromo-package-further-goals {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 18px;
background: #181c1f;
border: 1px solid #464b4f;
border-radius: 6px;
}
.repromo-package-further-goals-title {
margin-bottom: 5px;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #f4f2ed !important;
}
.repromo-package-further-goals-copy {
margin-bottom: 14px;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
color: #aeadab !important;
}
.repromo-package-further-goals textarea {
flex: 1;
min-height: 220px;
}
/* =========================================================
PRIVACY
========================================================= */
.repromo-package-privacy {
position: relative;
display: flex;
align-items: flex-start;
gap: 12px;
width: 100%;
margin: 0 !important;
cursor: pointer;
}
.repromo-package-privacy > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.repromo-package-privacy-check {
position: relative;
flex: 0 0 22px;
width: 22px;
height: 22px;
margin-top: 1px;
background: #111416;
border: 1px solid #6b7074;
border-radius: 4px;
}
.repromo-package-privacy-check::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border-style: solid;
border-color: #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
.repromo-package-privacy > input:checked + .repromo-package-privacy-check {
background: #65B84A;
border-color: #65B84A;
}
.repromo-package-privacy > input:checked + .repromo-package-privacy-check::after {
opacity: 1;
}
.repromo-package-privacy-text {
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #c4c3bf !important;
}
.repromo-package-privacy-text a {
color: #d2a000 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(210, 160, 0, 0.4);
}
/* =========================================================
HONEYPOT
========================================================= */
.repromo-package-honeypot {
position: absolute !important;
left: -99999px !important;
top: -99999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* =========================================================
ACTIONS
========================================================= */
.repromo-package-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
width: 100%;
margin-top: 24px;
}
.repromo-package-submit,
.repromo-package-clear {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
min-height: 58px;
padding: 0 25px;
border-radius: 5px !important;
cursor: pointer;
font-size: 15px !important;
letter-spacing: 0.2px !important;
}
.repromo-package-submit {
background: #65B84A !important;
border: 1px solid #65B84A !important;
font-weight: 700 !important;
color: #111315 !important;
}
.repromo-package-clear {
background: transparent !important;
border: 1px solid #c7c7c3 !important;
font-weight: 600 !important;
color: #f4f2ed !important;
}
.repromo-package-reassurance {
display: flex;
align-items: center;
gap: 10px;
flex: 1 1 260px;
margin-left: 3px;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #9fa2a1 !important;
}
.repromo-package-shield {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 32px;
width: 32px;
height: 32px;
}
.repromo-package-shield svg {
width: 27px;
height: 27px;
fill: none;
stroke: #d2a000;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================================
STATUS
========================================================= */
.repromo-package-status {
width: 100%;
margin-top: 16px;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
.repromo-package-status:empty {
display: none;
}
.repromo-package-status.is-success {
display: block;
padding: 13px 16px;
background: rgba(101, 184, 74, 0.08);
border: 1px solid #65B84A;
border-radius: 5px;
color: #8fd576 !important;
}
.repromo-package-status.is-error {
display: block;
padding: 13px 16px;
background: rgba(241, 51, 47, 0.08);
border: 1px solid #F1332F;
border-radius: 5px;
color: #ff7774 !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.repromo-package-section-heading h2 {
font-size: 24px !important;
}
.repromo-package-section-heading p {
font-size: 16px !important;
}
.repromo-package-card-inner {
min-height: 165px;
padding-left: 15px;
padding-right: 43px;
}
.repromo-package-card-name {
font-size: 17px !important;
}
.repromo-package-card-price {
font-size: 19px !important;
}
.repromo-package-card-copy {
font-size: 13px !important;
}
.repromo-package-reassurance {
flex-basis: 100%;
margin: 4px 0 0 0;
}
}
/* =========================================================
MOBILE
IMPORTANT: BASIC / PRO / BUSINESS REMAIN IN ONE ROW
========================================================= */
@media (max-width: 767px) {
.repromo-package-section {
margin-bottom: 28px;
padding-bottom: 28px;
}
.repromo-package-section-head {
gap: 12px;
margin-bottom: 20px;
}
.repromo-package-section-number {
flex: 0 0 36px;
width: 36px;
height: 36px;
font-size: 17px !important;
}
.repromo-package-section-heading h2 {
font-size: 22px !important;
}
.repromo-package-section-heading p {
font-size: 15px !important;
}
.repromo-package-primary-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
}
.repromo-package-card-inner {
min-height: 176px;
padding: 13px 30px 13px 10px;
}
.repromo-package-card-top {
display: block;
margin-bottom: 8px;
}
.repromo-package-card-name {
display: block;
font-size: 14px !important;
}
.repromo-package-card-price {
display: block;
margin-top: 4px;
font-size: 17px !important;
}
.repromo-package-card-copy {
font-size: 11px !important;
line-height: 1.35 !important;
}
.repromo-package-card-check {
top: 11px;
right: 8px;
width: 19px;
height: 19px;
}
.repromo-package-card-check::after {
left: 5px;
top: 2px;
width: 5px;
height: 9px;
}
.repromo-package-fields-2,
.repromo-package-goals-layout {
grid-template-columns: 1fr;
}
.repromo-package-further-goals textarea {
min-height: 150px;
}
.repromo-package-field input {
height: 54px;
font-size: 16px !important;
}
.repromo-package-field textarea {
font-size: 16px !important;
}
.repromo-package-privacy-text {
font-size: 14px !important;
}
.repromo-package-actions {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.repromo-package-submit,
.repromo-package-clear {
width: 100%;
min-height: 56px;
}
.repromo-package-reassurance {
width: 100%;
margin: 5px 0 0 0;
}
.repromo-package-status {
font-size: 14px !important;
}
}
/* =========================================================
MOBILE — COMPACT PACKAGE BUTTONS
BASIC / PRO / BUSINESS IN ONE HORIZONTAL ROW
ONLY THIS AREA IS CHANGED
========================================================= */
@media (max-width: 767px) {
.repromo-package-primary-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
align-items: stretch !important;
}
.repromo-package-card {
width: 100% !important;
min-width: 0 !important;
}
.repromo-package-card-inner {
min-height: 82px !important;
height: 82px !important;
padding: 11px 25px 10px 10px !important;
justify-content: center !important;
}
.repromo-package-card-top {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 3px !important;
width: 100% !important;
margin: 0 !important;
}
.repromo-package-card-name {
display: block !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
.repromo-package-card-price {
display: block !important;
margin: 0 !important;
font-size: 18px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.repromo-package-card-copy {
display: none !important;
}
.repromo-package-card-check {
top: 9px !important;
right: 7px !important;
width: 18px !important;
height: 18px !important;
}
.repromo-package-card-check::after {
left: 5px !important;
top: 2px !important;
width: 4px !important;
height: 8px !important;
}
}
/* =========================================================
REPROMO — PACKAGE REQUEST
GOOGLE reCAPTCHA
========================================================= */
.repromo-package-captcha {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 0 24px 0;
padding: 0;
}
.repromo-package-captcha .g-recaptcha {
display: block;
max-width: 100%;
}
@media (max-width: 767px) {
.repromo-package-captcha {
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.repromo-package-captcha .g-recaptcha {
transform-origin: left top;
}
}
@media (max-width: 360px) {
.repromo-package-captcha .g-recaptcha {
transform: scale(0.92);
margin-bottom: -6px;
}
}