html:not(.mobile) .module-blocks-1236 .swiper-container{overflow:hidden !important}.module-blocks-1236 .swiper-buttons.auto-carousel-buttons span:before,.module-blocks-1236 .swiper-buttons.swiper-buttons>div:before,.module-blocks-1236 .swiper-buttons.scroll-top em:before,.module-blocks-1236 .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-1236 .swiper-buttons.auto-carousel-buttons span:hover:before,.no-touchevents .module-blocks-1236 .swiper-buttons.swiper-buttons>div:hover:before,.no-touchevents .module-blocks-1236 .swiper-buttons.scroll-top em:hover:before,.no-touchevents .module-blocks-1236 .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-1236 .swiper-buttons.auto-carousel-buttons span:active:before,.module-blocks-1236 .swiper-buttons.swiper-buttons>div:active:before,.module-blocks-1236 .swiper-buttons.scroll-top em:active:before,.module-blocks-1236 .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-1236 .swiper-buttons.auto-carousel-buttons span,.module-blocks-1236 .swiper-buttons.swiper-buttons>div,.module-blocks-1236 .swiper-buttons.scroll-top em,.module-blocks-1236 .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-1236 .swiper-buttons.auto-carousel-buttons span:hover,.no-touchevents .module-blocks-1236 .swiper-buttons.swiper-buttons>div:hover,.no-touchevents .module-blocks-1236 .swiper-buttons.scroll-top em:hover,.no-touchevents .module-blocks-1236 .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-1236 .swiper-buttons.auto-carousel-buttons span:active,.module-blocks-1236 .swiper-buttons.swiper-buttons>div:active,.module-blocks-1236 .swiper-buttons.scroll-top em:active,.module-blocks-1236 .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-1236 .swiper-button-prev:before{transform:scaleX(-1)}.module-blocks-1236 .swiper-buttons:not(.slider-navigation){display:flex;top:50%;width:calc(100% - (10px*2))}.touchevents .module-blocks-1236 .swiper-buttons:not(.slider-navigation){display:none}.module-blocks-1236 .swiper-button-prev{left:0;right:auto;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1236 .swiper-button-next{left:auto;right:0;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1236 .swiper-buttons:not(.slider-navigation) div{--width:28px;--height:28px}.module-blocks-1236 .swiper-button-disabled{opacity:0}.module-blocks-1236 .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev{opacity:0;--disabled-scale:0}.module-blocks-1236 .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled{--disabled-scale:0}.module-blocks-1236 .swiper-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;position:absolute;bottom:15px;left:50%;transform:translate3d(-50%,0,0)}.module-blocks-1236 .swiper-wrapper{cursor:auto}.module-blocks-1236 .swiper{padding-bottom:15px}.module-blocks-1236 .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-1236 .swiper-pagination>span+span{margin-inline-start:8px}.no-touchevents .module-blocks-1236 .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-1236 .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-1236 .swiper-pagination>span{border-radius:9999px;--element-border-radius:9999px}.module-blocks-1236.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1236.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1236.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-1236.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1236.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-1236.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1236.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1236.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1236.blocks-grid:not(.carousel-mode)>.module-body>.ipr-grid{margin-top:34px;--element-margin-top:34px}.module-blocks-1236.blocks-grid>.module-body>.ipr-grid>.block-item+.block-item{margin-top:var(--j-gap-spacing-vertical-xxxl)}.module-blocks-1236>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1236.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-1236.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1236.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-1236.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1236.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1236.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1236.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1236.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1236.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-1236>.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-1236>.module-body>div .block-body .block-title.module-title:after{display:none}div.module-blocks-1236>.module-body>div .block-body .block-title.module-title .page-title-text:after{display:none}div.module-blocks-1236>.module-body>div .block-body .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1236>.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-1236>.module-body>div .block-wrapper .block-title.module-title:after{display:none}.module-blocks-1236>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after{display:none}.module-blocks-1236>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1236>.module-body>div .block-item:before{display:none}.module-blocks-1236>.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-1236>.module-body>div .block-footer{margin-top:var(--j-gap-spacing-vertical-l);--element-margin-top:var(--j-gap-spacing-vertical-l)}.module-blocks-1236>.module-body>div .block-footer .btn{width:auto}.module-blocks-1236>.module-body>div .block-item:nth-child(even) .block-footer .btn{width:auto}.module-blocks-1236>.module-body>div .block-header .title{order:-1}.module-blocks-1236>.module-body>div .block-body{--image-split-ratio:40% !important;--block-body-gap:var(--j-gap-spacing-gap-5)}.module-blocks-1236>.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-1236>.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-1236>.module-body>div .block-item>.block-body>.block-header{float:none;margin-inline:0}.module-blocks-1236>.module-body>div .block-item>.block-body>.block-header+.block-wrapper{min-width:0}.module-blocks-1236>.module-body>div .block-item>.block-body:after{display:none}.module-blocks-1236>.module-body>div .block-header img{width:auto;height:auto}.module-blocks-1236 .module-body .block-header .title{order:-1}div.module-blocks-1236>.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-1236>.module-body .module-item.block-item>.block-body>.block-header{float:none;margin-inline:0}div.module-blocks-1236>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:auto}div.module-blocks-1236>.module-body .module-item.block-item>.block-body:after{display:none}.module-blocks-1236 .module-body .block-wrapper{justify-content:center} .module-blocks-1236 .module-item-1>.block-body{height:100%}.module-blocks-1236 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1236 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1236 .module-item-1 .block-expand-overlay{--expand-overlay:rgba(255,235,235,1)}.module-blocks-1236 .module-item-1 .block-content{column-count:initial}.module-blocks-1236 .module-item-1 .block-footer .btn,.module-blocks-1236 .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-1236 .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-1236 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1236 .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-1236 .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-1236 .module-item-1 .block-footer .btn,.module-blocks-1236 .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-1236 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1236 .module-item-1 .block-footer .btn:hover:active,.module-blocks-1236 .module-item-1 .block-footer .btn:focus:active,.no-touchevents .module-blocks-1236 .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-1236 .module-item-1 .block-footer .btn:focus,.module-blocks-1236 .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-1236 .module-item-1 .block-footer .btn.btn.disabled:after{font-size:1em} /* =========================================================
REPROMO — CONTACT / SMART REQUEST
SECTION 2 — PROJECT DETAILS
COMPLETE VERSION
========================================================= */
/* =========================================================
GLOBAL
========================================================= */
.repromo-contact-project,
.repromo-contact-project * {
box-sizing: border-box;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.repromo-contact-project {
width: 100%;
margin: 0;
padding: 0;
}
/* =========================================================
SECTION HEADER
========================================================= */
.repromo-contact-project-head {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 0 0 24px 0;
}
/* =========================================================
NUMBER
========================================================= */
.repromo-contact-project-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;
}
/* =========================================================
HEADING WRAPPER
========================================================= */
.repromo-contact-project-heading {
flex: 1;
min-width: 0;
}
/* =========================================================
TITLE
========================================================= */
.repromo-contact-project-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-project-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 = 3 COLUMNS
========================================================= */
.repromo-contact-project-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
width: 100%;
}
/* =========================================================
FIELD
========================================================= */
.repromo-contact-project-field {
width: 100%;
min-width: 0;
}
/* =========================================================
LABEL
========================================================= */
.repromo-contact-project-field label {
display: block;
margin: 0 0 9px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
letter-spacing: 0.2px !important;
color: #e7e5df !important;
}
/* =========================================================
INPUT + SELECT
========================================================= */
.repromo-contact-project-field input,
.repromo-contact-project-field select {
display: block;
width: 100%;
height: 58px;
margin: 0 !important;
padding: 0 17px !important;
background: #181c1f !important;
border: 1px solid #464b4f !important;
border-radius: 5px !important;
outline: none !important;
box-shadow: none !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 58px !important;
color: #f4f2ed !important;
transition:
border-color 0.18s ease,
background 0.18s ease,
box-shadow 0.18s ease;
}
/* =========================================================
PLACEHOLDER
========================================================= */
.repromo-contact-project-field input::placeholder {
color: #777d80 !important;
opacity: 1;
}
/* =========================================================
SELECT
========================================================= */
.repromo-contact-select-wrap {
position: relative;
width: 100%;
}
.repromo-contact-project-field select {
position: relative;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 48px !important;
line-height: normal !important;
}
/* =========================================================
CUSTOM SELECT ARROW
========================================================= */
.repromo-contact-select-wrap::after {
content: "";
position: absolute;
top: 50%;
right: 19px;
width: 8px;
height: 8px;
border-right: 2px solid #d2a000;
border-bottom: 2px solid #d2a000;
transform:
translateY(-70%)
rotate(45deg);
pointer-events: none;
}
/* =========================================================
HOVER
========================================================= */
.repromo-contact-project-field input:hover,
.repromo-contact-project-field select:hover {
background: #1c2023 !important;
border-color: #6b7074 !important;
}
/* =========================================================
FOCUS
========================================================= */
.repromo-contact-project-field input:focus,
.repromo-contact-project-field select:focus {
background: #1c2023 !important;
border-color: #d2a000 !important;
box-shadow:
0 0 0 1px rgba(210, 160, 0, 0.16) !important;
}
/* =========================================================
SELECT OPTIONS
========================================================= */
.repromo-contact-project-field select option {
background: #181c1f !important;
color: #f4f2ed !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/* =========================================================
TABLET
2 + 1
========================================================= */
@media (max-width: 1024px) {
.repromo-contact-project-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.repromo-contact-project-heading h2 {
font-size: 24px !important;
}
.repromo-contact-project-heading p {
font-size: 16px !important;
}
.repromo-contact-project-field input,
.repromo-contact-project-field select {
font-size: 16px !important;
}
}
/* =========================================================
MOBILE
1 COLUMN
========================================================= */
@media (max-width: 767px) {
.repromo-contact-project-head {
gap: 12px;
margin-bottom: 20px;
}
.repromo-contact-project-number {
flex: 0 0 36px;
width: 36px;
height: 36px;
font-size: 17px !important;
}
.repromo-contact-project-heading h2 {
font-size: 22px !important;
}
.repromo-contact-project-heading p {
font-size: 15px !important;
}
.repromo-contact-project-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.repromo-contact-project-field label {
font-size: 14px !important;
margin-bottom: 7px !important;
}
.repromo-contact-project-field input,
.repromo-contact-project-field select {
height: 54px;
padding-left: 15px !important;
font-size: 16px !important;
}
}