.profile-page .profile-container{display:flex;justify-content:space-between;margin-top:34px;margin-bottom:50px;align-items:flex-start;flex-flow:row wrap}@media screen and (max-width: 580px){.profile-page .profile-container{display:block}}.profile-page .profile-container .profile-content{flex:1;margin-right:30px}@media screen and (max-width: 1024px){.profile-page .profile-container .profile-content{margin-right:15px}}@media screen and (max-width: 768px){.profile-page .profile-container .profile-content{margin-right:0}}.profile-page .profile-container .profile-content .profile-header{display:flex;align-items:center;padding:10px 0 30px;max-width:570px}.profile-page .profile-container .profile-content .profile-header .go-back{cursor:pointer;color:#232831;font-size:28px;padding-right:25px}.profile-page .profile-container .profile-content .profile-header .profile-title{text-transform:capitalize;font-weight:600;font-size:28px;font-family:SF Pro Display,sans-serif;padding-left:25px;border-left:1px solid #DBDFE5;flex:1}@media screen and (max-width: 580px){.profile-page .profile-container .profile-content .profile-header .profile-title{font-size:24px}}.profile-page .profile-container .profile-content .profile-header .upgrade-to-driver{text-decoration:underline;font-size:18px}.profile-page .profile-container .profile-content .profile-form{max-width:570px}.profile-page .profile-container .profile-content .profile-form .user-avatar{display:none}@media screen and (max-width: 768px){.profile-page .profile-container .profile-content .profile-form .user-avatar{display:block;width:150px;height:150px;background:#c4c4c4;margin:20px auto;border-radius:50%;position:relative;cursor:pointer}.profile-page .profile-container .profile-content .profile-form .user-avatar input{display:none}.profile-page .profile-container .profile-content .profile-form .user-avatar img{border-radius:50%;width:100%;height:100%}.profile-page .profile-container .profile-content .profile-form .user-avatar i{position:absolute;top:0;right:0;color:#332ea9;font-weight:500;transition:.3s}}.profile-page .profile-container .profile-content .profile-form .user-edit_form .login-form__two-input-block{display:flex;justify-content:space-between}.profile-page .profile-container .profile-content .profile-form .user-edit_form .login-form__two-input-block .form-input-wrapper{width:100%}.profile-page .profile-container .profile-content .profile-form .user-edit_form .login-form__two-input-block .form-input-wrapper:first-child{margin-right:30px}.profile-page .profile-container .profile-content .profile-form .user-edit_form .form-input-wrapper{position:relative;margin-bottom:30px}.profile-page .profile-container .profile-content .profile-form .user-edit_form .form-input-wrapper input,.profile-page .profile-container .profile-content .profile-form .user-edit_form .form-input-wrapper .placeholder-block{background:#fff;border:2px solid #EFEEF3;box-sizing:border-box;border-radius:8px;height:56px;padding:0 26px;font-size:16px;outline:none;width:100%;display:flex;align-items:center}.profile-page .profile-container .profile-content .profile-form .user-edit_form .form-input-wrapper #phone-code{position:absolute;-webkit-appearance:none;-moz-appearance:none;text-overflow:"";outline:none;border:0;font-size:16px;top:50%;left:0;transform:translateY(-50%);height:56px;background:transparent;padding-left:20px;text-align:right}.profile-page .profile-container .profile-content .profile-form .user-edit_form .form-input-wrapper #phone-code::-ms-expand{display:none}.profile-page .profile-container .profile-content .profile-form .user-edit_form .form-input-wrapper input[type=tel]{padding-left:90px}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .color-lists__container .color-lists__items{margin-top:15px;display:flex;justify-content:space-between;flex-wrap:wrap}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item{position:relative;width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #C4C4C4;padding:2px}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item.active{border-color:#000}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item .color-lists__items__item__color{width:100%;height:100%;border-radius:50%}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item .color-lists__items__item__color-name{display:none;position:absolute;background-color:#fff;border-radius:10px;padding:5px 15px;border:1px solid rgba(0,0,0,.3);box-shadow:0 3px 7px #0000004d;bottom:-30px;left:-15%;z-index:3}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper{position:relative}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper .nav{-webkit-user-select:none;user-select:none;display:flex;align-items:center;cursor:pointer;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper .nav span{font-size:20px;margin-right:10px}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper .nav i{position:relative;top:0;left:0;color:#bfc3ca;padding:10px}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper .nav i:hover{color:#4b3895}@media screen and (max-width: 1024px){.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper .nav i{padding-right:0}}@media screen and (max-width: 768px){.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .agent-discount-wrapper .nav i{font-size:20px;padding:15px}}.profile-page .profile-container .profile-content .profile-form .user-edit_form .fields-for-drivers .textarea-wrapper textarea{width:100%;max-width:100%;min-width:100%;max-height:150px;min-height:50px;box-sizing:border-box;border:2px solid #EFEEF3;outline:none;padding:26px 20px;font-family:SF Pro Display,sans-serif;font-size:16px}.profile-page .profile-container .profile-content .profile-form .message-error{margin-bottom:20px}.profile-page .profile-container .profile-content .profile-form .save-user-info_submit-group button{background:#332ea9;border-radius:8px;color:#fff;font-weight:500;font-size:18px;border:0;padding:17px 62px;cursor:pointer;width:100%}.profile-page .profile-container .profile-content .profile-form .delete-user{margin-top:20px;text-align:center}.profile-page .profile-container .profile-content .profile-form .delete-user button{background:#eb010f;border-radius:8px;color:#fff;font-weight:500;font-size:18px;border:0;padding:17px 62px;cursor:pointer;width:100%}.profile-page .profile-container .profile-side{display:flex;justify-content:center;flex-direction:column;width:27%;background:#fff;box-shadow:0 12px 80px #0000000a,0 2.68036px 17.869px #00000005,0 .798012px 5.32008px #00000005;border-radius:12px;padding:30px}@media screen and (max-width: 768px){.profile-page .profile-container .profile-side{display:none}}.profile-page .profile-container .profile-side .side-content-top{width:100%;display:flex;flex-direction:column;align-items:center}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-avatar{width:110px;height:110px;background:#c4c4c4;margin:0 auto;border-radius:50%;position:relative;cursor:pointer}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-avatar img{border-radius:50%;width:100%;height:100%}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-avatar i{position:absolute;top:0;right:0;color:#332ea9;font-weight:500;transition:.3s}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-avatar i:hover{transform:scale(1.1)}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-avatar input{display:none}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-name{font-weight:500;text-align:center;margin:20px 0 10px}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-rating{margin-bottom:20px}.profile-page .profile-container .profile-side .side-content-top .side-content_user .user-rating .no-reviews{font-size:14px;color:#c4c4c4}.profile-page .profile-container .profile-side .side-content-top .side-content_car{display:flex;align-items:center;width:100%;justify-content:center;border:1px solid #DBDFE5;border-radius:80px;padding:10px 0}.profile-page .profile-container .profile-side .side-content-top .side-content_car i{color:#4b3895;font-size:18px}.profile-page .profile-container .profile-side .side-content-top .side-content_car .car-name{font-weight:500;font-size:16px;margin:0 8px 0 14px}.profile-page .profile-container .profile-side .side-content-top .side-content_car .car-color{border-radius:80px;font-size:14px;color:#fff;line-height:1;padding:3px 9px}.profile-page .profile-container .profile-side .side-content-top .side-content_car .car-color.color-white{box-shadow:0 2px 8px #0000001f;color:#232831}.profile-page .profile-container .profile-side .side-navigate{background:linear-gradient(180deg,#fafafe,#fafafe33);margin:27px -30px -30px}.profile-page .profile-container .profile-side .side-navigate .side-ul{list-style:none;margin:0;padding:27px 0}.profile-page .profile-container .profile-side .side-navigate .side-ul .side-nav-item{padding:0 40px}.profile-page .profile-container .profile-side .side-navigate .side-ul .side-nav-item .side-link{text-decoration:none;font-weight:600;font-size:18px;font-family:SF Pro Display,sans-serif;color:#232831;display:flex;justify-content:space-between;align-items:center;line-height:2.5}.profile-page .profile-container .profile-side .side-navigate .side-ul .side-nav-item .side-link i{color:#332ea9}.profile-page .profile-container .profile-side .side-navigate .side-logout{text-align:center;padding:0 30px;margin-bottom:30px}.profile-page .profile-container .profile-side .side-navigate .side-logout a{font-weight:500;font-size:18px;color:#fff;text-decoration:none}.profile-page .profile-container .profile-side .side-navigate .side-logout a .logout-user{background:#332ea9;border-radius:8px;border:0;outline:0;width:100%;padding:17px 0;font-weight:500;font-size:18px;color:#fff;cursor:pointer}
