.shipbob-cdl-hero{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90vh;padding:20px 0 80px;position:relative}.shipbob-cdl-hero:before{background-color:#175cff;background-image:url(//res.cloudinary.com/spiralyze/image/upload/v1716526622/shipbob/6005/Tile-Component.svg);content:"";height:100%;position:absolute;right:0;top:0;width:33.35%}@media screen and (max-width:1024px){.shipbob-cdl-hero:before{width:25%}}@media screen and (max-width:680px){.shipbob-cdl-hero:before{bottom:0;height:100vw;top:unset;width:100vw}}.shipbob-cdl-hero-container{display:flex;flex-direction:column}@media screen and (min-width:681px){.shipbob-cdl-hero-container{flex-direction:row}}@media screen and (min-width:1281px){.shipbob-cdl-hero-container{max-width:1244px}}@media screen and (min-width:1441px){.shipbob-cdl-hero-container:not(.shipbob-cdl-hero-logo-container){max-width:1280px}}.shipbob-cdl-hero-logo-container{position:relative;top:-60px}.shipbob-cdl-hero-logo-container.container{flex-direction:row}@media screen and (max-width:1024px){.shipbob-cdl-hero-logo-container{padding:20px 20px 50px;position:absolute;top:0}}@media screen and (max-width:680px){.shipbob-cdl-hero-logo-container{margin-bottom:10px;padding:0;position:relative}}.shipbob-cdl-hero-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-right:80px;max-width:680px;width:100%}@media screen and (max-width:1024px){.shipbob-cdl-hero-content{max-width:60%}}@media screen and (max-width:680px){.shipbob-cdl-hero-content{max-width:unset}.shipbob-cdl-hero-content .btn{max-width:unset;width:calc(100% - 10px)}}.shipbob-cdl-hero-content h2{font-size:32px}@media screen and (max-width:680px){.shipbob-cdl-hero-content h2{font-size:24px}}.shipbob-cdl-hero-content ul{list-style:none}.shipbob-cdl-hero-content ul li{font-size:16px;margin:10px 0;position:relative}.shipbob-cdl-hero-content ul li:before{background:url(https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/svg/simple-check.svg) no-repeat 50%;background-size:contain;border-radius:50%;content:"";display:block;height:18px;left:-30px;position:absolute;top:4px;width:18px}.shipbob-cdl-hero-preview{height:543px;max-width:420px;position:relative;width:100%}@media screen and (max-width:1024px){.shipbob-cdl-hero-preview{max-width:40%}}@media screen and (max-width:680px){.shipbob-cdl-hero-preview{margin-top:40px;max-width:unset}}.shipbob-cdl-hero-preview:before{background:url(//res.cloudinary.com/spiralyze/image/upload/v1712241371/shipbob/6005/arrow.svg);background-position:50%;background-size:cover;bottom:3px;content:"";height:115px;left:-96.7%;position:absolute;width:383px}@media screen and (max-width:1024px){.shipbob-cdl-hero-preview:before{left:-56.7%;transform:rotate(-25deg)}}@media screen and (max-width:680px){.shipbob-cdl-hero-preview:before{display:none}}.shipbob-cdl-hero-preview img{border-radius:12px;box-shadow:0 0 20px var(--cool-shadow);height:100%;image-rendering:-webkit-optimize-contrast;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;position:relative;width:100%}.shipbob-cdl-hero .btn{align-items:center;display:flex;justify-content:center}.shipbob-cdl-hero .btn svg{margin-right:5px}.shipbob-cdl-hero h2{font-weight:900}.cdl-footer{background:var(--secondary)}.cdl-footer-container{max-width:1280px;padding:32px}.cdl-footer p{color:hsla(0,0%,100%,.75);font-size:16px;font-weight:400;margin:0;text-align:center}@keyframes open-modal{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes close-modal{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}.modal-element-launch-modal-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(23,92,255,.8);display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow-y:scroll;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.modal-element-launch-modal-container.active,.modal-element-launch-modal-container.active .modal-element-launch-modal-card{animation:open-modal .5s cubic-bezier(.69,0,.42,.99) forwards;pointer-events:inherit}.modal-element-launch-modal-container.close .modal-element-launch-modal-card{animation:close-modal .5s cubic-bezier(.69,0,.42,.99) forwards;pointer-events:none}.modal-element-launch-modal-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;max-width:600px;opacity:0;padding:20px;position:relative;width:100%}@media screen and (max-width:680px){.modal-element-launch-modal-card{padding:20px 10px}}.modal-element-launch-modal-card .loader{height:unset}.form-step-controller form{display:none}.form-step-controller.form-ready form{display:flex}.form-step-controller .hs_submit.hs-submit{display:none}.form-step-controller-title-container>*{text-align:center}.form-step-controller-title-container h2{font-size:28px}.form-step-controller-actions{align-items:center;display:flex;justify-content:center}.form-step-controller-actions .btn{min-width:160px!important}.form-step-controller-close{background:0 0;border:0;cursor:pointer;height:24px;padding:0;position:absolute;right:5px;top:5px;width:24px}.form-step-controller .step-preview{align-items:center;border-bottom:1px solid var(--paper);display:flex;justify-content:center;list-style:none;margin:0;padding:10px;position:relative;top:-20px}.form-step-controller .step-preview-item{background:var(--primary);border-radius:100%;height:10px;margin:0 5px;opacity:.1;position:relative;-webkit-transition:all .25s ease-in-out 0s;-o-transition:all .25s ease-in-out 0s;width:10px}.form-step-controller .step-preview-item.active{opacity:1;-webkit-transition:all .25s ease-in-out 0s;-o-transition:all .25s ease-in-out 0s}.form-step-controller .hs-input--hidden{display:none;opacity:0}.form-step-controller .hs-input--in{display:flex;opacity:1}.form-step-controller .hs-input--in,.form-step-controller .hs-input--out{-webkit-transition:all .25s ease-in-out 0s;-o-transition:all .25s ease-in-out 0s}.form-step-controller .hs-input--out{display:none;opacity:0}.form-step-controller-form .hs-form .form-columns-1{width:50%}@media screen and (max-width:680px){.form-step-controller-form .hs-form .form-columns-1{width:100%}}.shipbob-cdl-hero-logo{height:auto;min-width:120px}div[data-form-step-controller-position-value="1"] .form-columns-1:nth-of-type(9){width:100%}