html:not(.mobile) .module-blocks-1235 .swiper-container{overflow:hidden !important}.module-blocks-1235 .swiper-buttons.auto-carousel-buttons span:before,.module-blocks-1235 .swiper-buttons.swiper-buttons>div:before,.module-blocks-1235 .swiper-buttons.scroll-top em:before,.module-blocks-1235 .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-1235 .swiper-buttons.auto-carousel-buttons span:hover:before,.no-touchevents .module-blocks-1235 .swiper-buttons.swiper-buttons>div:hover:before,.no-touchevents .module-blocks-1235 .swiper-buttons.scroll-top em:hover:before,.no-touchevents .module-blocks-1235 .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-1235 .swiper-buttons.auto-carousel-buttons span:active:before,.module-blocks-1235 .swiper-buttons.swiper-buttons>div:active:before,.module-blocks-1235 .swiper-buttons.scroll-top em:active:before,.module-blocks-1235 .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-1235 .swiper-buttons.auto-carousel-buttons span,.module-blocks-1235 .swiper-buttons.swiper-buttons>div,.module-blocks-1235 .swiper-buttons.scroll-top em,.module-blocks-1235 .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-1235 .swiper-buttons.auto-carousel-buttons span:hover,.no-touchevents .module-blocks-1235 .swiper-buttons.swiper-buttons>div:hover,.no-touchevents .module-blocks-1235 .swiper-buttons.scroll-top em:hover,.no-touchevents .module-blocks-1235 .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-1235 .swiper-buttons.auto-carousel-buttons span:active,.module-blocks-1235 .swiper-buttons.swiper-buttons>div:active,.module-blocks-1235 .swiper-buttons.scroll-top em:active,.module-blocks-1235 .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-1235 .swiper-button-prev:before{transform:scaleX(-1)}.module-blocks-1235 .swiper-buttons:not(.slider-navigation){display:flex;top:50%;width:calc(100% - (10px*2))}.touchevents .module-blocks-1235 .swiper-buttons:not(.slider-navigation){display:none}.module-blocks-1235 .swiper-button-prev{left:0;right:auto;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1235 .swiper-button-next{left:auto;right:0;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1235 .swiper-buttons:not(.slider-navigation) div{--width:28px;--height:28px}.module-blocks-1235 .swiper-button-disabled{opacity:0}.module-blocks-1235 .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev{opacity:0;--disabled-scale:0}.module-blocks-1235 .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled{--disabled-scale:0}.module-blocks-1235 .swiper-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;position:absolute;bottom:15px;left:50%;transform:translate3d(-50%,0,0)}.module-blocks-1235 .swiper-wrapper{cursor:auto}.module-blocks-1235 .swiper{padding-bottom:15px}.module-blocks-1235 .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-1235 .swiper-pagination>span+span{margin-inline-start:8px}.no-touchevents .module-blocks-1235 .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-1235 .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-1235 .swiper-pagination>span{border-radius:9999px;--element-border-radius:9999px}.module-blocks-1235.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1235.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1235.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-1235.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1235.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-1235.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1235.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1235.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1235.blocks-grid>.module-body>.ipr-grid>.block-item+.block-item{margin-top:var(--j-gap-spacing-vertical-xxxl)}.module-blocks-1235>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1235.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-1235.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1235.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-1235.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1235.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1235.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1235.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1235.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1235.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-1235>.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-1235>.module-body>div .block-body .block-title.module-title:after{display:none}div.module-blocks-1235>.module-body>div .block-body .block-title.module-title .page-title-text:after{display:none}div.module-blocks-1235>.module-body>div .block-body .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1235>.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-1235>.module-body>div .block-wrapper .block-title.module-title:after{display:none}.module-blocks-1235>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after{display:none}.module-blocks-1235>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1235>.module-body>div .block-item:before{display:none}.module-blocks-1235>.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-1235>.module-body>div .block-footer{margin-top:var(--j-gap-spacing-vertical-l);--element-margin-top:var(--j-gap-spacing-vertical-l)}.module-blocks-1235>.module-body>div .block-footer .btn{width:auto}.module-blocks-1235>.module-body>div .block-item:nth-child(even) .block-footer .btn{width:auto}.module-blocks-1235>.module-body>div .block-header .title{order:-1}.module-blocks-1235>.module-body>div .block-body{--image-split-ratio:40% !important;--block-body-gap:var(--j-gap-spacing-gap-5)}.module-blocks-1235>.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-1235>.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-1235>.module-body>div .block-item>.block-body>.block-header{float:none;margin-inline:0}.module-blocks-1235>.module-body>div .block-item>.block-body>.block-header+.block-wrapper{min-width:0}.module-blocks-1235>.module-body>div .block-item>.block-body:after{display:none}.module-blocks-1235>.module-body>div .block-header img{width:auto;height:auto}.module-blocks-1235 .module-body .block-header .title{order:-1}div.module-blocks-1235>.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-1235>.module-body .module-item.block-item>.block-body>.block-header{float:none;margin-inline:0}div.module-blocks-1235>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:auto}div.module-blocks-1235>.module-body .module-item.block-item>.block-body:after{display:none}.module-blocks-1235 .module-body .block-wrapper{justify-content:center} .module-blocks-1235 .module-item-1>.block-body{height:100%}.module-blocks-1235 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1235 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1235 .module-item-1 .block-expand-overlay{--expand-overlay:rgba(255,235,235,1)}.module-blocks-1235 .module-item-1 .block-content{column-count:initial}.module-blocks-1235 .module-item-1 .block-footer .btn,.module-blocks-1235 .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-1235 .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-1235 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1235 .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-1235 .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-1235 .module-item-1 .block-footer .btn,.module-blocks-1235 .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-1235 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1235 .module-item-1 .block-footer .btn:hover:active,.module-blocks-1235 .module-item-1 .block-footer .btn:focus:active,.no-touchevents .module-blocks-1235 .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-1235 .module-item-1 .block-footer .btn:focus,.module-blocks-1235 .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-1235 .module-item-1 .block-footer .btn.btn.disabled:after{font-size:1em} /* =========================================================
REPROMO — CONTACT / SMART REQUEST
SECTION 1 — WHAT DO YOU NEED
FINAL COMPLETE VERSION
========================================================= */
/* =========================================================
GLOBAL
========================================================= */
.repromo-contact-needs,
.repromo-contact-needs * {
box-sizing: border-box;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.repromo-contact-needs {
width: 100%;
margin: 0;
padding: 0;
}
/* =========================================================
SECTION HEADER
========================================================= */
.repromo-contact-section-head {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 0 0 24px 0;
}
/* =========================================================
NUMBER
========================================================= */
.repromo-contact-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;
}
/* =========================================================
HEADER TEXT WRAPPER
========================================================= */
.repromo-contact-section-heading {
flex: 1;
min-width: 0;
}
/* =========================================================
TITLE
========================================================= */
.repromo-contact-section-heading h2 {
margin: 0 0 5px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 27px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
text-transform: uppercase;
color: #f4f2ed !important;
}
/* =========================================================
SUBTITLE
========================================================= */
.repromo-contact-section-heading p {
margin: 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #aeadab !important;
}
/* =========================================================
GRID
DESKTOP = 4 COLUMNS
========================================================= */
.repromo-contact-needs-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
width: 100%;
}
/* =========================================================
CARD
========================================================= */
.repromo-contact-need-card {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
}
/* =========================================================
HIDE NATIVE CHECKBOX
========================================================= */
.repromo-contact-need-card > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* =========================================================
CARD BODY
========================================================= */
.repromo-contact-need-card-inner {
position: relative;
display: flex;
align-items: center;
width: 100%;
min-height: 88px;
padding: 15px 43px 15px 17px;
background: #181c1f;
border: 1px solid #464b4f;
border-radius: 5px;
transition:
border-color 0.18s ease,
background 0.18s ease,
box-shadow 0.18s ease;
}
/* =========================================================
ICON
+20%
========================================================= */
.repromo-contact-need-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 46px;
width: 46px;
margin-right: 14px;
color: #d2a000;
}
/* =========================================================
INLINE SVG
========================================================= */
.repromo-contact-need-icon svg {
display: block;
width: 32px;
height: 32px;
fill: none;
stroke: #d2a000;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.repromo-contact-need-icon svg circle,
.repromo-contact-need-icon svg path,
.repromo-contact-need-icon svg line,
.repromo-contact-need-icon svg polyline,
.repromo-contact-need-icon svg rect,
.repromo-contact-need-icon svg ellipse {
vector-effect: non-scaling-stroke;
}
/* =========================================================
GOOGLE G
========================================================= */
.repromo-google-icon {
font-size: 35px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: #d2a000 !important;
}
/* =========================================================
CARD TEXT
========================================================= */
.repromo-contact-need-text {
display: block;
min-width: 0;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.32 !important;
color: #e7e5df !important;
}
/* =========================================================
CUSTOM CHECKBOX
LARGE + CENTERED VERTICALLY
========================================================= */
.repromo-contact-check {
position: absolute;
top: 50% !important;
right: 11px !important;
transform: translateY(-50%) !important;
width: 22px !important;
height: 22px !important;
background: #111416;
border: 1px solid #6b7074;
border-radius: 4px !important;
}
/* =========================================================
CHECK SYMBOL
========================================================= */
.repromo-contact-check::after {
content: "";
position: absolute;
left: 6px !important;
top: 2px !important;
width: 6px !important;
height: 11px !important;
border-style: solid;
border-color: #ffffff;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg);
opacity: 0;
}
/* =========================================================
HOVER
========================================================= */
.repromo-contact-need-card:hover
.repromo-contact-need-card-inner {
background: #1c2023;
border-color: #8f720a;
}
/* =========================================================
SELECTED CARD
========================================================= */
.repromo-contact-need-card > input:checked
+ .repromo-contact-need-card-inner {
background: #1d1d18;
border-color: #d2a000;
box-shadow:
inset 0 0 0 1px rgba(210, 160, 0, 0.18);
}
/* =========================================================
SELECTED CHECKBOX
ONLY THIS BECOMES GREEN
========================================================= */
.repromo-contact-need-card > input:checked
+ .repromo-contact-need-card-inner
.repromo-contact-check {
background: #65B84A !important;
border-color: #65B84A !important;
}
/* =========================================================
WHITE TICK
========================================================= */
.repromo-contact-need-card > input:checked
+ .repromo-contact-need-card-inner
.repromo-contact-check::after {
opacity: 1 !important;
border-color: #ffffff !important;
}
/* =========================================================
FREE TEXT AREA
ALWAYS VISIBLE
========================================================= */
.repromo-contact-other-details {
display: block;
grid-column: 1 / -1;
width: 100%;
margin-top: 15px;
}
/* =========================================================
FREE TEXT LABEL
========================================================= */
.repromo-contact-other-label {
display: block;
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
letter-spacing: 0.4px !important;
color: #d2a000 !important;
}
/* =========================================================
TEXTAREA
========================================================= */
.repromo-contact-other-details textarea {
display: block;
width: 100%;
min-height: 170px;
padding: 17px 18px;
resize: vertical;
background: #15191c;
border: 1px solid #464b4f;
border-radius: 5px;
outline: none;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
color: #f4f2ed !important;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
background 0.18s ease;
}
/* =========================================================
PLACEHOLDER
========================================================= */
.repromo-contact-other-details textarea::placeholder {
color: #777d80 !important;
opacity: 1;
}
/* =========================================================
TEXTAREA FOCUS
========================================================= */
.repromo-contact-other-details textarea:focus {
background: #181c1f;
border-color: #d2a000;
box-shadow:
0 0 0 1px rgba(210, 160, 0, 0.16);
}
/* =========================================================
TABLET
2 COLUMNS
========================================================= */
@media (max-width: 1024px) {
.repromo-contact-needs-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.repromo-contact-section-heading h2 {
font-size: 24px !important;
}
.repromo-contact-section-heading p {
font-size: 16px !important;
}
.repromo-contact-need-text {
font-size: 16px !important;
}
.repromo-contact-need-card-inner {
min-height: 84px;
}
}
/* =========================================================
MOBILE
1 COLUMN
========================================================= */
@media (max-width: 767px) {
.repromo-contact-section-head {
gap: 12px;
margin-bottom: 20px;
}
.repromo-contact-section-number {
flex: 0 0 36px;
width: 36px;
height: 36px;
font-size: 17px !important;
}
.repromo-contact-section-heading h2 {
font-size: 22px !important;
}
.repromo-contact-section-heading p {
font-size: 15px !important;
}
.repromo-contact-needs-grid {
grid-template-columns: 1fr;
gap: 8px;
}
.repromo-contact-need-card-inner {
min-height: 76px;
padding: 13px 45px 13px 14px;
}
.repromo-contact-need-text {
font-size: 16px !important;
}
/* ICONS */
.repromo-contact-need-icon {
flex: 0 0 43px;
width: 43px;
margin-right: 12px;
}
.repromo-contact-need-icon svg {
width: 30px;
height: 30px;
}
.repromo-google-icon {
font-size: 33px !important;
}
/* TEXTAREA */
.repromo-contact-other-details {
margin-top: 12px;
}
.repromo-contact-other-label {
font-size: 16px !important;
}
.repromo-contact-other-details textarea {
min-height: 150px;
padding: 15px;
font-size: 16px !important;
}
}
/* =========================================================
REPROMO — SERVICE CARDS
EQUAL HEIGHT + SAFE TEXT WRAPPING
========================================================= */
/* ALL CARDS SAME HEIGHT */
.repromo-contact-need-card {
height: 88px !important;
}
.repromo-contact-need-card-inner {
width: 100% !important;
height: 88px !important;
min-height: 88px !important;
max-height: 88px !important;
padding: 12px 38px 12px 12px !important;
display: flex !important;
align-items: center !important;
}
/* GIVE MORE SPACE TO TEXT */
.repromo-contact-need-icon {
flex: 0 0 38px !important;
width: 38px !important;
margin-right: 10px !important;
}
.repromo-contact-need-icon svg {
width: 28px !important;
height: 28px !important;
}
.repromo-google-icon {
font-size: 31px !important;
}
/* TEXT — NEVER BREAK INSIDE A WORD */
.repromo-contact-need-text {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
font-size: 15px !important;
line-height: 1.28 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
word-wrap: normal !important;
hyphens: none !important;
-webkit-hyphens: none !important;
}
/* CHECKBOX STAYS FIXED */
.repromo-contact-check {
right: 10px !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.repromo-contact-need-card {
height: 82px !important;
}
.repromo-contact-need-card-inner {
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
padding: 11px 40px 11px 13px !important;
}
.repromo-contact-need-text {
font-size: 15px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.repromo-contact-need-card {
height: 76px !important;
}
.repromo-contact-need-card-inner {
height: 76px !important;
min-height: 76px !important;
max-height: 76px !important;
padding: 10px 42px 10px 13px !important;
}
.repromo-contact-need-icon {
flex: 0 0 38px !important;
width: 38px !important;
margin-right: 10px !important;
}
.repromo-contact-need-icon svg {
width: 28px !important;
height: 28px !important;
}
.repromo-contact-need-text {
font-size: 15px !important;
}
}