.page-container{display:flex;justify-content:center;align-items:center;margin-top:30px;margin-bottom:30px}.page-container .inner-page-container{width:80%;display:flex}@media screen and (max-width:768px){.page-container .inner-page-container{flex-direction:column!important;width:90%!important}}@media screen and (max-width:1024px){.page-container .inner-page-container{flex-direction:column!important;width:90%!important}}.page-container .inner-page-container .body-container{width:75%;border-radius:20px;box-shadow:2px 2px 10px #ddd}@media screen and (max-width:768px){.page-container .inner-page-container .body-container{width:100%!important}}@media screen and (max-width:1024px){.page-container .inner-page-container .body-container{width:100%!important}}.page-container .inner-page-container .nav-container{width:25%;height:100%;display:flex;align-items:start;justify-content:end}@media screen and (max-width:768px){.page-container .inner-page-container .nav-container{width:100%!important;margin-top:20px!important}}@media screen and (max-width:1024px){.page-container .inner-page-container .nav-container{width:100%!important;margin-top:20px!important}}.page-container .inner-page-container .nav-container .inner-nav-container{width:95%;max-height:auto;min-height:560px;box-shadow:2px 2px 10px #ddd;background-color:#fff;border-radius:20px;display:flex;align-items:center;flex-direction:column;padding-top:30px;padding-bottom:20px}@media screen and (max-width:768px){.page-container .inner-page-container .nav-container .inner-nav-container{width:100%!important;margin-top:30px!important;display:flex!important;flex-direction:column!important}}@media screen and (max-width:1024px){.page-container .inner-page-container .nav-container .inner-nav-container{width:100%!important;margin-top:30px!important;display:flex!important;flex-direction:column!important}}.page-container .inner-page-container .nav-container .inner-nav-container .image-container{position:relative;width:60%;height:160px;background-color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid #d1d1d1}.page-container .inner-page-container .nav-container .inner-nav-container .image-container img{position:relative!important;width:auto!important;height:120px!important}@media screen and (max-width:1024px){.page-container .inner-page-container .nav-container .inner-nav-container .image-container img{height:140px!important}.page-container .inner-page-container .nav-container .inner-nav-container .image-container{height:206px!important}}.page-container .inner-page-container .nav-container .inner-nav-container .product-name-container{margin-top:10px;padding:10px;display:flex;justify-content:center;border-bottom:2px solidvar(--primary-color-gr)}.page-container .inner-page-container .nav-container .inner-nav-container .product-name-container span{font-size:20px;font-weight:500;color:var(--primary-color-gr)}.page-container .inner-page-container .nav-container .inner-nav-container .varient-container{margin-top:10px;padding:0 10px;height:32px;background-color:var(--primary-color);border-radius:5px;display:flex;justify-content:center;align-items:center}.page-container .inner-page-container .nav-container .inner-nav-container .varient-container span{font-size:17px;font-weight:500;color:#fff}.page-container .inner-page-container .nav-container .inner-nav-container .Device-Evaluation{margin-top:10px;width:80%;height:40px;display:flex;align-items:center;border-bottom:2px solid var(--primary-color-gr);justify-content:center}.page-container .inner-page-container .nav-container .inner-nav-container .Device-Evaluation span{font-size:18px;color:var(--primary-color-gr)}.page-container .inner-page-container .nav-container .inner-nav-container .iPhone-makes-call{width:80%;height:40px;border-bottom:2px solid var(--primary-color-gr);display:flex;align-items:center}.page-container .inner-page-container .nav-container .inner-nav-container .iPhone-makes-call span{font-size:15px;color:var(--primary-color-gr)}.page-container .inner-page-container .nav-container .inner-nav-container .laptop-config-container{width:80%;height:40%;margin-top:15px;display:flex;flex-direction:column}.page-container .inner-page-container .nav-container .inner-nav-container .laptop-config-container .laptop-config-header-container{width:100%;height:35px;background-color:var(--primary-color-gr);display:flex;justify-content:center;align-items:center}.page-container .inner-page-container .nav-container .inner-nav-container .laptop-config-container .laptop-config-header-container span{font-size:14px;font-weight:600;color:#fff}.page-container .inner-page-container .nav-container .inner-nav-container .laptop-defects-container{padding:5px 10px;width:100%;background-color:#fff;border:1px solid #000}.page-container .inner-page-container .nav-container .inner-nav-container .laptop-defects-container .defects-header-container{width:100%;height:40%;background-color:var(--primary-color-gr);padding:5px 0 5px 10px}.page-container .inner-page-container .nav-container .inner-nav-container .laptop-defects-container .defects-header-container span{font-size:14px;font-weight:600;color:#fff}.page-container .inner-page-container .nav-container .inner-nav-container .defects-container{margin-top:15px;border:1px solid var(--primary-color-gr);border-radius:8px 8px 0 0;width:80%;background-color:#fff}.page-container .inner-page-container .nav-container .inner-nav-container .defects-container .defects-header-container{width:100%;height:40%;background-color:var(--primary-color-gr);padding:5px 0 5px 10px;border-radius:7px 7px 0 0}.page-container .inner-page-container .nav-container .inner-nav-container .defects-container .defects-header-container span{font-size:14px;font-weight:600;color:#fff}.page-container .inner-page-container .nav-container .inner-nav-container .defects-container .defects-body-container{width:100%;height:77%;padding:4px 10px;display:flex;flex-direction:column}.page-container .inner-page-container .nav-container .inner-nav-container .defects-container .defects-body-container span{font-size:12px;font-weight:500}.page-container .inner-page-container .nav-container .inner-nav-container .select-belongings-contaianer{width:80%;height:32px;margin-top:10px;border-bottom:2px solid #fff;display:flex;justify-content:center}.page-container .inner-page-container .nav-container .inner-nav-container .select-belongings-contaianer span{color:#fff;font-size:16.9px;font-weight:600}.page-container .inner-page-container .nav-container .inner-nav-container .accesories-container{width:80%;height:auto;margin-top:15px;border:1px solid #000;border-radius:7px 7px 0 0}.page-container .inner-page-container .nav-container .inner-nav-container .accesories-container .acceaories-header-container{width:100%;height:30px;background-color:var(--primary-color-gr);padding-left:10px;border-radius:7px 7px 0 0}.page-container .inner-page-container .nav-container .inner-nav-container .accesories-container .acceaories-header-container span{font-size:15px;font-weight:600;color:#fff}.page-container .inner-page-container .nav-container .inner-nav-container .accesories-container .acceaories-body-container{width:100%;height:auto;background-color:#fff;padding-left:10px}.page-container .inner-page-container .nav-container .inner-nav-container .accesories-container .acceaories-body-container span{font-size:13px}.inner-body-container{width:100%;background-color:#fff;border-radius:20px}.inner-body-container .inner-header{width:100%;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column}.inner-body-container .inner-header h3{font-size:26px}.inner-body-container .inner-header span{color:var(--primary-color)}@media screen and (max-width:768px){.inner-body-container .inner-header{text-align:center;padding:0 3px;margin-bottom:15px}}.inner-body-container .accessories-container{width:100%;flex-wrap:wrap;display:flex;justify-content:center;align-items:center;gap:30px}@media screen and (max-width:768px){.inner-body-container .accessories-container{flex-wrap:wrap;height:auto;gap:14px 24px!important;padding:20px;margin:10px 0}}@media screen and (max-width:1024px){.inner-body-container .accessories-container{gap:60px}}.inner-body-container .accessories-container .inner-accessories-container{width:140px;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 0 9px #cdcdcd}@media screen and (max-width:768px){.inner-body-container .accessories-container .inner-accessories-container{width:125px!important;height:144px!important}}.inner-body-container .accessories-container .inner-accessories-container:hover{cursor:pointer}.inner-body-container .accessories-container .inner-accessories-container .image-container{width:100%;height:106px;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.inner-body-container .accessories-container .inner-accessories-container .image-container{height:93px!important}}.inner-body-container .accessories-container .inner-accessories-container .image-container img{position:relative!important;width:65px!important;height:auto!important}@media screen and (max-width:768px){.inner-body-container .accessories-container .inner-accessories-container .image-container img{width:50px!important}}.inner-body-container .accessories-container .inner-accessories-container .accessories-name-container{width:100%;height:35%;display:flex;justify-content:center;align-items:center}.inner-body-container .accessories-container .inner-accessories-container .accessories-name-container .accessories-name{width:100%;height:35px;background-color:#f5f5f5;box-shadow:0 0 6px #d9d9d9;border-radius:0 0 10px 10px;display:flex;justify-content:center;align-items:center}.inner-body-container .accessories-container .inner-accessories-container .accessories-name-container .accessories-name span{font-size:12px;text-align:center}.inner-body-container .accessories-container .selected{border:2px solid #0f0f10}.inner-body-container .warranty-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px 60px}@media screen and (max-width:768px){.inner-body-container .warranty-container{gap:14px 24px!important}}.inner-body-container .warranty-container .inner-warranty-container{width:140px;height:160px;background-color:#fff;border-radius:10px;box-shadow:0 0 9px #cdcdcd}.inner-body-container .warranty-container .inner-warranty-container:hover{cursor:pointer}@media screen and (max-width:768px){.inner-body-container .warranty-container .inner-warranty-container{width:125px!important;height:144px!important}}.inner-body-container .warranty-container .inner-warranty-container .warranty-image-container{width:100%;height:65%;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:center;align-items:center}.inner-body-container .warranty-container .inner-warranty-container .warranty-image-container img{position:relative!important;width:40px!important;height:auto!important}@media screen and (max-width:768px){.inner-body-container .warranty-container .inner-warranty-container .warranty-image-container img{width:32px!important}}.inner-body-container .warranty-container .inner-warranty-container .warranty-name-container{width:100%;height:35%;display:flex;justify-content:center;align-items:center}.inner-body-container .warranty-container .inner-warranty-container .warranty-name-container .warranty-name{width:100%;height:35px;background-color:#f5f5f5;box-shadow:0 0 6px #d9d9d9;display:flex;justify-content:center;align-items:center}.inner-body-container .warranty-container .inner-warranty-container .warranty-name-container .warranty-name span{font-size:12px;text-align:center}.inner-body-container .warranty-container .selected{border:2px solid #0f0f10}.inner-body-container .next-container{width:100%;height:80px;display:flex;justify-content:center;align-items:center}.inner-body-container .next-container:hover{cursor:pointer}.inner-body-container .next-container .loader{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inner-body-container .next-container button{width:120px;height:43px;background-color:var(--primary-color-gr);border-radius:10px;color:#fff;font-size:20px}.inner-body-container .next-container .disabled{background-color:#788478}