.form-trade-in__container {width:100%; height:100%; top:0; position:fixed; display:none; align-items:center; justify-content:center; z-index:510; font-family:"Montserrat"}
.form-trade-in__container--open {display:flex}
.form-trade-in__background {width:100%; height:100%; position:absolute; background:#000; opacity:0.5}
.form-trade-in__content {display:flex; width:100%; max-width:1233px; height:650px; margin:0 auto; background:#fff; padding:15px 30px 15px 15px; border-radius:20px; position:relative}
.form-trade-in__content--close {display:none}
.form-trade-in__close {position:absolute; top:-40px; right:-45px; cursor:pointer}
.form-trade-in__tabs {width:40%; max-width:323px; padding:37px 15px; border-radius:14px; background:#F0F7FD; overflow:hidden}
.form-trade-in__tabs-title {color:#000; font-size:20px; font-weight:600; line-height:24px}
.form-trade-in__tabs-list {display:flex; flex-direction:column; gap:10px; overflow-y:scroll; height:100%; margin-top:24px; padding-bottom:15px; color:rgb(111,111,113)}
.form-trade-in__tabs-list::-webkit-scrollbar {width:3px}
.form-trade-in__tabs-list::-webkit-scrollbar-thumb {background:#1E5D9D; border-radius:10px}
.form-trade-in__tabs-item {width:98%; list-style:none; padding:17px 0 17px 20px; background-color:#fff; border:1px solid rgb(234,234,235); border-radius:15px; font-size:16px; font-weight:600; position:relative}
.form-trade-in__tabs-item--active {background-color:#1E5D9D; color:#fff}
.form-trade-in__tabs-item-select::after {content:''; background-image:url('/local/templates/main/assets/img/svg/form-trade-in-tabs.svg'); background-size:contain; background-position:center; background-repeat:no-repeat; position:absolute; width:16px; height:11px; right:20px; top:20px}
.form-trade-in__form {width:80%; padding:15px 34px 34px 34px}
.form-trade-in__form-title {color:#000; font-size:26px; font-weight:700; line-height:32px}
.form-trade-in__form-description {color:#000; font-size:16px; font-weight:500; line-height:24px; margin-top:10px}
.form-trade-in__form-last-description {color:#000; font-size:16px; font-weight:500; line-height:24px; margin:15px 0}
.form-trade-in__dynamic-content {display:flex; flex-wrap:wrap; width:100%; gap:10px; margin-top:15px}
.form-trade-in__selected-item {padding:12px 17px; border-radius:18px; background:#F0F7FD; font-size:14px; font-weight:600}
.form-trade-in__search-brand {width:95%; margin:0 auto; border:1px solid rgb(234,234,235); border-radius:15px; outline:none; padding:16px 20px; margin:30px 0 10px 0; font-weight:600; font-size:16px}
.form-trade-in__search-brand::placeholder {color:#000; font-size:16px; line-height:20px}
.form-trade-in__input-text {width:95%; margin:0 auto; border:1px solid rgb(234,234,235); border-radius:15px; outline:none; padding:16px 20px; margin:30px 0 10px 0}
.form-trade-in__input-text::placeholder {color:#000; font-size:16px; font-weight:500; line-height:20px}
.form-trade-in__input-data {width:100%; border:1px solid rgb(234,234,235); border-radius:15px; outline:none; padding:16px 20px; margin:0 0 10px 0; margin:5px 0}
.form-trade-in__input-data::placeholder {color:#272727}
.form-trade-in__input-persona-data {width:max-content; margin-right:10px}
.form-trade-in__step {border:none; align-items:center; flex-wrap:wrap; padding:0}
.form-trade-in__step--scroll {overflow-y:scroll; max-height:300px}
.form-trade-in__step--scroll::-webkit-scrollbar {width:2px}
.form-trade-in__step--scroll::-webkit-scrollbar-thumb {background:#1E5D9D; border-radius:10px}
.form-trade-in__last-step {flex-direction:column; align-items:flex-start; padding:0}
.form-trade-in__item {display:flex; align-items:center; cursor:pointer; width:max-content; min-width:160px; margin:15px; font-weight:500; font-size:16px}
.form-trade-in__item-text {width:100%}
.form-trade-in__item-data {width:100%; margin:5px 0; font-weight:500; font-size:16px}
.form-trade-in__item-persona-data {display:flex; flex-wrap:wrap; width:100%; margin-top:15px; color:rgb(111,111,113); font-size:14px; font-weight:500; line-height:17px}
.form-trade-in__radio {display:none}
.form-trade-in__custom-radio {display:inline-block; width:20px; height:20px; border:1px solid #6F6F71; border-radius:50%; position:relative; vertical-align:middle; margin-right:10px; cursor:pointer}
.form-trade-in__custom-radio::after {content:''; width:20px; height:20px; background-image:url('/local/templates/main/assets/img/svg/radio-img.svg'); background-size:cover; background-position:center; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; transition:opacity 0.2s}
input[type="radio"]:checked+.form-trade-in__custom-radio {border:none}
.form-trade-in__radio:checked+.form-trade-in__custom-radio::after {opacity:1}
.form-trade-in__radio--hide {display:none}
.form-trade-in__buttons-steps {display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:15px}
.form-trade-in__buttons-last-steps {justify-content:space-between; margin-top:20px}
.form-trade-in__buttons-last-steps .form-trade-in__next-button {width:100%; max-width:400px}
.form-trade-in__publick-offer {display:none; color:rgb(111,111,113); font-size:14px; font-weight:500; line-height:17px; width:100%; max-width:355px}
.form-trade-in__buttons-last-steps .form-trade-in__publick-offer {display:block}
.form-trade-in__prev-button {color:#000; padding:16px 32px; border:1px solid #272727; border-radius:15px; background:none; cursor:pointer; font-size:16px; font-weight:600}
.form-trade-in__next-button {color:#fff; padding:16px 32px; border:1px solid transparent; border-radius:15px; background-color:#1E5D9D; cursor:pointer; font-size:16px; font-weight:600}
.form-trade-in__link-policy {color:#1E5D9D}
.form-trade-in__custom-select {position:relative; display:inline-block; width:100%; user-select:none}
.form-trade-in__custom-select-trigger {position:relative; display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgb(234,234,235); border-radius:15px; cursor:pointer; margin-bottom:10px}
.form-trade-in__custom-select-text {font-family:"Montserrat"; color:#272727; font-size:16px; font-weight:500; line-height:20px}
.form-trade-in__custom-select-arrow {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333}
.form-trade-in__custom-options {display:none; position:absolute; top:85%; left:0; width:100%; background:#fff; border:1px solid rgb(234,234,235); border-radius:15px; box-shadow:0 2px 5px rgba(0,0,0,0.2); z-index:999; flex-direction:column}
.form-trade-in__custom-option {padding:10px; cursor:pointer; padding:15px; cursor:pointer; font-size:16px; font-weight:500; font-family:"Montserrat"}
.form-trade-in__custom-option:hover {background-color:#F0F7FD}
.form-trade-in__custom-option--selected {background-color:#F0F7FD}
.form-trade-in__custom-select--open .form-trade-in__custom-options {display:flex; flex-direction:column; overflow-y:scroll; max-height:150px}
.form-trade-in__sucsess {display:none; flex-direction:column; align-items:center; position:relative; width:100%; max-width:570px; height:390px; background-color:#fff; padding:45px 80px; margin:0 auto; z-index:10; border-radius:20px}
.form-trade-in__sucsess-title {color:#272727; font-size:26px; font-weight:600; line-height:32px; margin-top:35px}
.form-trade-in__sucsess-message {color:#272727; font-size:18px; font-weight:500; line-height:145%; text-align:center; margin-top:20px}
.form-trade-in__sucsess-button {color:#272727; font-size:16px; font-weight:600; line-height:20px; text-align:center; padding:17px 0; width:100%; max-width:406px; border:1px solid #272727; border-radius:15px; margin-top:36px; cursor:pointer}
.form-trade-in__sucsess-button:hover {background-color:#F0F7FD}
.form-trade-in__sucsess-close {position:absolute; top:-40px; right:-45px; cursor:pointer}
.form-trade-in__sucsess--open {display:flex}
#form-trade-in__button {outline:none; border-radius:50%; border:none; background-color:#D9012A; width:80px; height:80px; position:relative; z-index:2}
.wave-container {position:fixed; display:inline-block; right:3%; bottom:25%; z-index:101}
.wave-container::before,.wave-container::after {content:''; position:absolute; top:50%; left:50%; width:80%; height:80%; background-color:#D9012A; border-radius:50%; transform:translate(-50%,-50%) scale(1); opacity:0.2; z-index:1; animation:wave 2s infinite ease-out}
.wave-container::after {animation-delay:1s}
.form-trade-in__custom-select--disabled{cursor:not-allowed}
.form-trade-in__item-online {
    display: flex;
    gap: 10px;
    background-color: #1F51E4;
    border-radius: .7rem;
    padding: .8rem;
    margin-left: 5px;
    color: #fff;
}
.form-trade-in__item-online:hover {
    background-color: #F1117E;
}
#form-trade-in__button {
    color: #fff;
    font-size: 14px;
}
@keyframes wave {0% {transform:translate(-50%,-50%) scale(1); opacity:0.2}
 100% {transform:translate(-50%,-50%) scale(2.5); opacity:0}
}
@media(max-width:1210px) {.form-trade-in__container {padding:0 10px}
 .form-trade-in__close {display:none}
 .form-trade-in__content {flex-direction:column; height:auto; padding:15px}
 .form-trade-in__tabs {width:100%; height:100%; overflow-y:scroll; max-width:none; min-height:300px; max-height:350px; padding:5px 20px; box-shadow:0 5px 5px -5px rgba(34,60,80,0.6)}
 .form-trade-in__tabs::-webkit-scrollbar {width:3px}
 .form-trade-in__tabs::-webkit-scrollbar-thumb {background:#1E5D9D; border-radius:10px}
 .form-trade-in__tabs-item {width:100%}
 .form-trade-in__tabs-list {margin-top:15px; padding-bottom:50px}
 .form-trade-in__form {width:100%; padding:15px}
 .form-trade-in__form-title {font-size:18px}
 .form-trade-in__selected-item {padding:10px}
}
@media(max-width:777px) {.wave-container {bottom:20%}
 .form-trade-in__sucsess {height:auto; padding:20px}
}
@media(max-width:490px) {.form-trade-in__content {padding:45px 15px 15px 15px; height:600px; overflow-y:auto}
 .form-trade-in__close {display:block; top:7px; right:10px}
 .form-trade-in__item {margin:10px 0}
 .form-trade-in__buttons-steps {justify-content:center; flex-wrap:wrap}
 .form-trade-in__search-brand {width:100%}
 .form-trade-in__sucsess-title {font-size:22px}
 .form-trade-in__sucsess-message {font-size:14px; margin-top:0}
 .form-trade-in__sucsess-button {margin-top:26px}
}