.elementor-2461 .elementor-element.elementor-element-7060258{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for shortcode,class:.elementor-element-247b403 *//*=========================================================RAMCO BULK ORDER FORM CSS ONLY - SCOPED TO GRAVITY FORM #1=========================================================*/ #gform_wrapper_1{--ramco-blue:#204ce5;--ramco-dark:#111827;--ramco-text:#26364a;--ramco-border:#d9dee7;--ramco-light:#f7f9fc;max-width:1120px;margin:40px auto!important;padding:38px 42px 45px;background:#ffffff;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 18px 55px rgba(17,35,55,0.08);overflow:hidden;position:relative}/* Top animated accent */ #gform_wrapper_1::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ramco-blue),#527eff,var(--ramco-blue));background-size:200% 100%;animation:ramcoGradient 4s linear infinite}@keyframes ramcoGradient{0%{background-position:0% 50%}100%{background-position:200% 50%}}/*=========================================================FORM TITLE=========================================================*/ #gform_wrapper_1 .gform_title{margin:0 0 4px!important;color:var(--ramco-dark);font-size:25px!important;font-weight:700!important;letter-spacing:-0.3px}#gform_wrapper_1 .gform_heading{margin-bottom:22px!important}/*=========================================================STEP TEXT=========================================================*/ #gform_wrapper_1 .gf_progressbar_title{margin:0 0 10px!important;color:#526173;font-size:14px!important;font-weight:600}#gform_wrapper_1 .gf_step_current_page{color:var(--ramco-blue);font-weight:800}/*=========================================================PROGRESS BAR=========================================================*/ #gform_wrapper_1 .gf_progressbar_wrapper{margin-bottom:34px!important}#gform_wrapper_1 .gf_progressbar{height:8px!important;background:#e9edf3!important;border-radius:50px!important;overflow:hidden}#gform_wrapper_1 .gf_progressbar_percentage{height:8px!important;min-width:0;border-radius:50px!important;background:linear-gradient(90deg,#204ce5,#527eff)!important;transition:width 0.7s cubic-bezier(.22,1,.36,1)!important;position:relative;overflow:hidden}/* Moving shine */ #gform_wrapper_1 .gf_progressbar_percentage::after{content:"";position:absolute;top:0;left:-100px;width:80px;height:100%;background:rgba(255,255,255,0.35);transform:skewX(-20deg);animation:ramcoProgressShine 2.5s infinite}@keyframes ramcoProgressShine{0%{left:-100px}60%{left:110%}100%{left:110%}}#gform_wrapper_1 .gf_progressbar_percentage span{display:none!important}/*=========================================================SECTION HEADINGS=========================================================*/ #gform_wrapper_1 .gfield_html h5{margin:4px 0 22px!important;padding-bottom:12px;color:var(--ramco-dark);font-size:19px!important;font-weight:700!important;position:relative}#gform_wrapper_1 .gfield_html h5::after{content:"";display:block;width:42px;height:3px;margin-top:9px;background:var(--ramco-blue);border-radius:10px}/*=========================================================FIELD SPACING=========================================================*/ #gform_wrapper_1 .gfield{margin-bottom:22px!important}/*=========================================================LABELS=========================================================*/ #gform_wrapper_1 .gform-field-label{color:var(--ramco-text)!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}#gform_wrapper_1 .gfield_required{color:#e34b4b!important}/*=========================================================INPUTS=========================================================*/ #gform_wrapper_1 input[type="text"],#gform_wrapper_1 input[type="email"],#gform_wrapper_1 input[type="tel"],#gform_wrapper_1 input[type="number"],#gform_wrapper_1 select,#gform_wrapper_1 textarea{width:100%!important;box-sizing:border-box!important;border:1px solid var(--ramco-border)!important;border-radius:8px!important;background:#ffffff!important;color:var(--ramco-dark)!important;font-size:15px!important;padding:13px 15px!important;min-height:48px!important;outline:none!important;box-shadow:0 2px 7px rgba(17,35,55,0.025);transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease,background 0.25s ease}/* Input hover */ #gform_wrapper_1 input:hover,#gform_wrapper_1 select:hover,#gform_wrapper_1 textarea:hover{border-color:#aeb8c8!important}/* Input focus */ #gform_wrapper_1 input:focus,#gform_wrapper_1 select:focus,#gform_wrapper_1 textarea:focus{border-color:var(--ramco-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(32,76,229,0.10),0 8px 20px rgba(32,76,229,0.06)!important;transform:translateY(-1px)}/* Placeholder */ #gform_wrapper_1 input::placeholder,#gform_wrapper_1 textarea::placeholder{color:#a1aab8}/*=========================================================EMAIL TWO-COLUMN=========================================================*/ #gform_wrapper_1 .ginput_complex{gap:14px!important}#gform_wrapper_1 .ginput_complex>span{margin:0!important}/*=========================================================SUB LABELS=========================================================*/ #gform_wrapper_1 .gform-field-label--type-sub{color:#7b8796!important;font-size:12px!important;margin-top:5px!important}/*=========================================================SELECT / MULTISELECT=========================================================*/ #gform_wrapper_1 select{cursor:pointer}#gform_wrapper_1 select[multiple]{min-height:155px!important;padding:8px!important}#gform_wrapper_1 select[multiple] option{padding:9px 11px;border-radius:5px;margin:2px 0}#gform_wrapper_1 select[multiple] option:checked{background:var(--ramco-blue)!important;color:#ffffff!important}/*=========================================================TEXTAREA=========================================================*/ #gform_wrapper_1 textarea{min-height:150px!important;resize:vertical}/*=========================================================PAGE ANIMATION=========================================================*/ /* Visible page */ #gform_wrapper_1 .gform_page:not([style*="display:none"]){animation:ramcoPageIn 0.65s cubic-bezier(.22,1,.36,1)}@keyframes ramcoPageIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}/*=========================================================FIELD STAGGER ANIMATION=========================================================*/ #gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield{animation:ramcoFieldIn 0.55s cubic-bezier(.22,1,.36,1) both}#gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield:nth-child(1){animation-delay:.05s}#gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield:nth-child(2){animation-delay:.10s}#gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield:nth-child(3){animation-delay:.15s}#gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield:nth-child(4){animation-delay:.20s}#gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield:nth-child(5){animation-delay:.25s}#gform_wrapper_1 .gform_page:not([style*="display:none"]) .gfield:nth-child(6){animation-delay:.30s}@keyframes ramcoFieldIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}/*=========================================================BUTTONS=========================================================*/ #gform_wrapper_1 .gform_page_footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px!important;padding-top:10px!important;border-top:1px solid #edf0f4}#gform_wrapper_1 .gform_button,#gform_wrapper_1 .gform_next_button,#gform_wrapper_1 .gform_previous_button{border:0!important;border-radius:8px!important;padding:13px 28px!important;min-height:48px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}/* Next / Submit */ #gform_wrapper_1 .gform_next_button,#gform_wrapper_1 .gform_button{background:var(--ramco-blue)!important;color:#ffffff!important;box-shadow:0 7px 18px rgba(32,76,229,.20)}#gform_wrapper_1 .gform_next_button:hover,#gform_wrapper_1 .gform_button:hover{background:#173bc0!important;transform:translateY(-2px);box-shadow:0 11px 25px rgba(32,76,229,.27)}/* Previous */ #gform_wrapper_1 .gform_previous_button{background:#eef1f5!important;color:#334155!important}#gform_wrapper_1 .gform_previous_button:hover{background:#e2e7ee!important;transform:translateY(-2px)}/* Button press */ #gform_wrapper_1 .gform_next_button:active,#gform_wrapper_1 .gform_button:active,#gform_wrapper_1 .gform_previous_button:active{transform:translateY(0) scale(.98)}/*=========================================================VALIDATION=========================================================*/ #gform_wrapper_1 .gfield_error input,#gform_wrapper_1 .gfield_error select,#gform_wrapper_1 .gfield_error textarea{border-color:#e34b4b!important;box-shadow:0 0 0 3px rgba(227,75,75,.08)!important}#gform_wrapper_1 .validation_message{color:#d9363e!important;font-size:12px!important;margin-top:6px!important}/*=========================================================ADDRESS FIELDS=========================================================*/ #gform_wrapper_1 .address_city,#gform_wrapper_1 .address_state,#gform_wrapper_1 .address_zip,#gform_wrapper_1 .address_country{margin-top:14px!important}/*=========================================================MOBILE=========================================================*/ @media (max-width:767px){#gform_wrapper_1{width:calc(100% - 24px)!important;margin:20px auto!important;padding:27px 18px 30px!important;border-radius:14px}#gform_wrapper_1 .gform_title{font-size:21px!important}#gform_wrapper_1 .gform_heading{margin-bottom:18px!important}#gform_wrapper_1 .gf_progressbar_wrapper{margin-bottom:25px!important}#gform_wrapper_1 .gfield{margin-bottom:18px!important}#gform_wrapper_1 .gform-field-label{font-size:13px!important}#gform_wrapper_1 input[type="text"],#gform_wrapper_1 input[type="email"],#gform_wrapper_1 input[type="tel"],#gform_wrapper_1 input[type="number"],#gform_wrapper_1 select,#gform_wrapper_1 textarea{font-size:14px!important;min-height:46px!important;padding:12px 13px!important}/* Email becomes one column */ #gform_wrapper_1 .ginput_complex{display:block!important}#gform_wrapper_1 .ginput_complex>span{display:block!important;width:100%!important;margin-bottom:12px!important}/* Address becomes one column */ #gform_wrapper_1 .ginput_complex .ginput_left,#gform_wrapper_1 .ginput_complex .ginput_right,#gform_wrapper_1 .ginput_complex .ginput_full{width:100%!important;float:none!important}#gform_wrapper_1 .address_city,#gform_wrapper_1 .address_state,#gform_wrapper_1 .address_zip,#gform_wrapper_1 .address_country{margin-top:12px!important}#gform_wrapper_1 .gform_page_footer{flex-direction:column-reverse;align-items:stretch;gap:9px}#gform_wrapper_1 .gform_button,#gform_wrapper_1 .gform_next_button,#gform_wrapper_1 .gform_previous_button{width:100%!important;margin:0!important}#gform_wrapper_1 select[multiple]{min-height:140px!important}}/*=========================================================SMALL MOBILE=========================================================*/ @media (max-width:420px){#gform_wrapper_1{width:calc(100% - 16px)!important;padding:23px 14px 25px!important}#gform_wrapper_1 .gform_title{font-size:19px!important}#gform_wrapper_1 .gfield_html h5{font-size:17px!important}#gform_wrapper_1 .gf_progressbar_title{font-size:13px!important}}/*=========================================================ACCESSIBILITY=========================================================*/ @media (prefers-reduced-motion:reduce){#gform_wrapper_1 *,#gform_wrapper_1::before{animation:none!important;transition:none!important}}/* End custom CSS */