.x-brand-container{width:100%;height:5500px;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-around}.x-brand-container form{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;height:100%;width:100%;max-width:100rem;padding:0 10px}@media screen and (min-width:768px){.x-brand-container form{padding:0 1%}}@media screen and (min-width:1024px){.x-brand-container form{padding:0 5%}}.x-brand-container form .brand-identity{width:100%;height:1800px}.x-brand-container form .brand-identity .row:first-of-type{height:20%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.x-brand-container form .brand-identity .row .title{width:100%;height:50%;color:#000;text-align:center;line-height:65px;font-weight:800}.x-brand-container form .brand-identity .row .title span{font-weight:800;font-size:3rem;color:#2b00d4}.x-brand-container form .brand-identity .row .description{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:864px;text-align:center;height:40%}.x-brand-container form .brand-identity .row .subdescription{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:864px;height:10%;text-align:center;font-weight:600}.x-brand-container form .brand-identity .row:last-of-type{height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}.x-brand-container form .brand-identity .row:last-of-type ul{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;height:100%;width:60%}.x-brand-container form .brand-identity .row:last-of-type ul li{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;height:18%;width:95%}.x-brand-container form .brand-identity .row:last-of-type ul li:first-of-type{height:8%}.x-brand-container form .brand-identity .row:last-of-type ul li:nth-of-type(2){height:8%}.x-brand-container form .brand-identity .row:last-of-type ul li:nth-of-type(3){height:15%}.x-brand-container form .brand-identity .row:last-of-type ul li:nth-of-type(4){height:15%}.x-brand-container form .brand-identity .row:last-of-type ul li:nth-of-type(5){height:15%}.x-brand-container form .brand-identity .row:last-of-type ul li:last-of-type{height:15%}.x-brand-container form .brand-identity .row:last-of-type ul li button{letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer}@media screen and (min-width:1024px){.x-brand-container form .brand-identity .row:last-of-type ul li button{height:4.4rem;width:10.6rem}}.x-brand-container form .brand-personality{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;width:100%;max-width:100rem;padding:0 10px;height:1000px}@media screen and (min-width:768px){.x-brand-container form .brand-personality{padding:0 1%}}@media screen and (min-width:1024px){.x-brand-container form .brand-personality{padding:0 5%}}.x-brand-container form .brand-personality .row:first-of-type{height:20%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.x-brand-container form .brand-personality .row:first-of-type .title{width:100%;font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:300;color:#2b00d4;text-align:center;line-height:65px}.x-brand-container form .brand-personality .row:first-of-type .title span{font-weight:900;color:#000}.x-brand-container form .brand-personality .row:first-of-type .description{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:864px;text-align:center;height:40%}.x-brand-container form .brand-personality .row:last-of-type{height:80%;width:100%;display:flex;justify-content:center;align-items:center}.x-brand-container form .brand-personality .row:last-of-type ul{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;height:100%;width:60%}.x-brand-container form .brand-personality .row:last-of-type ul li{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;height:15%;width:95%}.x-brand-container form .brand-personality .row:last-of-type ul li .title-attri{width:100%;display:flex;justify-content:center;align-items:center;justify-content:space-between}.x-brand-container form .brand-personality .row:last-of-type ul li .title-attri .column{display:flex;justify-content:center;align-items:center;padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.x-brand-container form .brand-personality .row:last-of-type ul li .title-attri .column img{height:25px;width:50px}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider{display:flex;flex-direction:row;align-content:stretch;position:relative;width:100%;height:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider:before{content:" ";position:absolute;height:2px;width:100%;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);background:#ececf4}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input,.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider label{box-sizing:border-box;flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider label{display:inline-block;position:relative;width:20%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider label:before{content:attr(data-debt-amount);position:absolute;left:50%;padding-top:10px;transform:translate(-50%,45px);font-size:14px;letter-spacing:.4px;font-weight:400;white-space:nowrap;opacity:.85;transition:all .15s ease-in-out}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider label:after{content:" ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:#ececf4;border-radius:50%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;cursor:pointer;transition:all .15s ease-in-out}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider label:hover:after{transform:translate(-50%,-50%) scale(1.25)}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input{display:none}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked+label:before{font-weight:800;opacity:1}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked+label:after{border-width:4px;transform:translate(-50%,-50%) scale(1.25);border:2px solid #2b00d4;box-shadow:1px 1px 4px #2b00d4}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked~#debt-amount-pos{opacity:1}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked:nth-child(1)~#debt-amount-pos{left:10%}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked:nth-child(3)~#debt-amount-pos{left:30%}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked:nth-child(5)~#debt-amount-pos{left:50%}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked:nth-child(7)~#debt-amount-pos{left:70%}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider input:checked:nth-child(9)~#debt-amount-pos{left:90%}.x-brand-container form .brand-personality .row:last-of-type ul li #debt-amount-slider #debt-amount-pos{display:block;position:absolute;top:50%;width:20px;height:20px;background:#2b00d4;border-radius:50%;transition:all .15s ease-in-out;transform:translate(-50%,-50%);border:2px solid #fff;opacity:0;z-index:2}.x-brand-container form .brand-personality .row:last-of-type ul li:valid #debt-amount-slider input+label:before{transform:translate(-50%,45px) scale(.9);transition:all .15s linear}.x-brand-container form .brand-personality .row:last-of-type ul li:valid #debt-amount-slider input:checked+label:before{transform:translate(-50%,45px) scale(1.1);transition:all .15s linear}.x-brand-container form .brand-personality .row:last-of-type ul li:invalid+button{pointer-events:none;opacity:.25}.x-brand-container form .brand-personality form+button{display:block;position:relative;margin:56px auto 0;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease-in-out;font-family:inherit;font-size:24px;font-weight:600;background:#fff;border:2px solid #000;border-radius:8px;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.x-brand-container form .brand-personality form+button:hover{background:#000;color:#fff}.x-brand-container form .brand-personality form+button:hover:active{transform:scale(.9)}.x-brand-container form .brand-personality form+button:focus{background:#4caf50;border-color:#4caf50;color:#fff;pointer-events:none}.x-brand-container form .brand-personality form+button:focus:before{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg);width:24px;opacity:1;margin-right:12px}to{transform:rotate(360deg);width:24px;opacity:1;margin-right:12px}}.x-brand-container form .brand-personality form+button:before{display:inline-block;width:0;opacity:0;content:"\f3f4";font-family:"Font Awesome 5 Pro";font-weight:900;margin-right:0;transform:rotate(0deg)}.x-brand-container form .brand-attributes{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:1500px;height:2200px}.x-brand-container form .brand-attributes .row:first-of-type{height:15%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.x-brand-container form .brand-attributes .row:first-of-type .title{font-size:3rem;width:100%;height:40%;color:#000;font-weight:800;text-align:center;line-height:1.6}.x-brand-container form .brand-attributes .row:first-of-type .title span{font-size:3rem;font-weight:800;color:#2b00d4}.x-brand-container form .brand-attributes .row:first-of-type .description{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:100%;text-align:center;height:20%}.x-brand-container form .brand-attributes .row:first-of-type .subdescription{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:100%;text-align:center;font-weight:900}.x-brand-container form .brand-attributes .row:last-of-type{height:85%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;width:100%}.x-brand-container form .brand-attributes .row:last-of-type .textarea-checkbox{display:none}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:100%;max-width:1200px;height:35%;overflow-x:auto;overflow-y:hidden}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container::-webkit-scrollbar{height:5px}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container::-webkit-scrollbar-thumb{background-color:#2b00d4}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container{display:flex;justify-content:center;align-items:center;-moz-column-gap:15px;column-gap:15px;height:17%}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container .hover-this{transition:all .3s ease}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container .hover-this span{display:inline-block;transition:transform .1s linear;border-radius:100px}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container .hover-this span label{display:flex;justify-content:center;align-items:center;cursor:pointer;color:#2b00d4;text-align:center;font-family:"Lexend";font-weight:500;line-height:100px;background-color:#eeeefc;border-radius:100px;min-width:120px;height:120px}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container input{display:none}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container input:checked+.hover-this span label{transition:.2s;background-color:#401ad8;cursor:pointer;color:#fff}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container input:focus{border:.5px solid #2b00d4}.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow{display:flex;justify-content:center;align-items:center;height:10%;width:100%;max-width:1200px;justify-content:flex-end}.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .right-arrow-container,.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .left-arrow-container{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#2b00d4}.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .right-arrow-container .right-arrow,.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .right-arrow-container .left-arrow,.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .left-arrow-container .right-arrow,.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .left-arrow-container .left-arrow{fill:#fff;width:100%;height:100%;cursor:pointer;padding:18px}.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow .right-arrow-container{border-left:.5px solid #fff}.x-brand-container form .brand-attributes .row:last-of-type ul{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;height:50%;width:60%}.x-brand-container form .brand-attributes .row:last-of-type ul li{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;height:25%;width:95%}.x-brand-container form .brand-attributes .row:last-of-type ul li:last-of-type{height:30%}.x-brand-container form .brand-attributes .row:last-of-type ul li button{letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer}@media screen and (min-width:1024px){.x-brand-container form .brand-attributes .row:last-of-type ul li button{height:4.4rem;width:10.6rem}}.x-brand-container form .brand-attributes .row:last-of-type ul li .row-btn{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}.x-brand-container form .brand-attributes .row:last-of-type ul li .row-btn-text{width:100%;height:50%;font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:400;color:#2b00d4;text-align:center;line-height:65px;font-size:30px}.x-brand-container form .brand-attributes .row:last-of-type ul li .row-btn-text span{font-weight:900;color:#000}.x-brand-container form .brand-attributes .row:last-of-type ul li .row-btn .hover-this span button{letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14)}@media screen and (min-width:1024px){.x-brand-container form .brand-attributes .row:last-of-type ul li .row-btn .hover-this span button{height:4.4rem;width:10.6rem}}@media only screen and (max-width:767px){.x-brand-container{height:5000px}.x-brand-container form .brand-identity{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:2000px}.x-brand-container form .brand-identity .row:first-of-type{height:25%;width:100%}.x-brand-container form .brand-identity .row:first-of-type .title{width:95%;font-size:25px;line-height:40px;height:30%}.x-brand-container form .brand-identity .row:first-of-type .description{width:95%;height:40%;line-height:24px;font-size:14px}.x-brand-container form .brand-identity .row:first-of-type .subdescription{width:95%;height:20%;line-height:24px;font-size:14px}.x-brand-container form .brand-identity .row:last-of-type{height:70%}.x-brand-container form .brand-identity .row:last-of-type ul{width:90%}.x-brand-container form .brand-personality .row:first-of-type{height:11%;width:100%}.x-brand-container form .brand-personality .row:first-of-type .title{width:95%;font-size:25px;line-height:40px;height:100%}.x-brand-container form .brand-personality .row:last-of-type{width:100%}.x-brand-container form .brand-personality .row:last-of-type ul{width:95%}.x-brand-container form .brand-attributes{height:2000px}.x-brand-container form .brand-attributes .row:first-of-type{height:11%;width:100%}.x-brand-container form .brand-attributes .row:first-of-type .title{width:95%;font-size:25px;line-height:40px;height:100%}.x-brand-container form .brand-attributes .row:first-of-type .description{width:95%;line-height:24px;font-size:14px;height:50%}.x-brand-container form .brand-attributes .row:first-of-type .subdescription{width:95%;height:20%;line-height:24px;font-size:14px}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container{height:30%}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container{padding-left:15px}.x-brand-container form .brand-attributes .row:last-of-type .x-item-container .item-att-container .hover-this span label{min-width:90px;height:90px;font-size:14px}.x-brand-container form .brand-attributes .row:last-of-type .row-container-arrow{height:4%;width:80%}.x-brand-container form .brand-attributes .row:last-of-type ul{width:95%;height:60%}.x-brand-container form .brand-attributes .row:last-of-type ul li .row-btn .row-btn-text{line-height:30px;font-size:20px;height:50%}}