/*----------------------------------------
	clearfix
----------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
html {
    overflow-x: hidden;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 24px;
    background-color: #fff;
    -webkit-font-feature-settings: "halt" 1;
    font-feature-settings: "halt" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #000;
    overflow-x: hidden;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

a {
    color: #000;
    text-decoration: none!important;
    display: inline-block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

select, .t-dropdown-input {
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #BDBDBD;
    height: 44px;
    padding: 0 40px 0 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/user/common/icn_dropdown.svg") no-repeat calc(100% - 19px) center;
}

select:focus,
select:focus-visible {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

table {
    width: 100%;
}

input {
    font-family: "Inter", sans-serif;
    -webkit-appearance: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-input-placeholder {
    color: inherit;
}

input::-moz-placeholder {
    color: inherit;
}

input:-ms-input-placeholder {
    color: inherit;
}

input::-ms-input-placeholder {
    color: inherit;
}

input::placeholder {
    color: inherit;
}

a:focus,
input:focus {
    outline: none;
}

textarea {
    padding: 10px;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
    border: 1px solid #BDBDBD;
}

textarea:focus-visible {
    outline: none;
}

button {
    cursor: pointer;
    border: none;
}

svg,
path {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input[type=radio]:checked,
input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
}

input[type=radio]:checked+label,
input[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    display: inline-block;
    color: #BC4E25;
    margin-bottom: 16px;
}

input[type=radio]:checked+label:before,
input[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #A3A3A3;
    border-radius: 100%;
    background: #fff;
}

input[type=radio]:checked+label:after,
input[type=radio]:not(:checked)+label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

input[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

input[type=text],
input[type=email],
input[type=date],
input[type=password],
input[type=datetime-local],
input[type=number] {
    border: 1px solid #BDBDBD;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    height: 44px;
    color: #000;
    width: 100%;
    padding: 0 12px;
}

input[type=time] {
    border: 1px solid #BDBDBD;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    height: 44px;
    color: #000;
    width: 100%;
    padding: 0 12px;
}

input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder {
    color: #000;
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=time]::-moz-placeholder {
    color: #000;
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder {
    color: #000;
}

input[type=text]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder {
    color: #000;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=password]::placeholder,
input[type=datetime-local]::placeholder {
    color: #000;
}

input[type=time]::placeholder {
    color: #000;
}

.mt-25 {
    margin-top: 24px;
    padding-bottom: 20px;
}

.ui-datepicker .ui-datepicker-next {
    background: url("../img/user/common/icn_next-datepicker.svg") no-repeat center;
    border: 1px solid #000000;
}

.ui-datepicker .ui-datepicker-prev {
    background: url("../img/user/common/icn_prev-datepicker.svg") no-repeat center;
    border: 1px solid #000000;
}


/*----------------------------------------
	reset
----------------------------------------*/

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: #000;
    vertical-align: baseline;
}

header,
footer,
article,
section,
aside,
hgroup,
nav,
menu,
figure,
figcaption,
time {
    display: block;
}

li {
    list-style: none;
}

ol li {
    list-style: decimal;
}

img {
    border: 0;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
}

input,
select {
    vertical-align: middle;
}

input {
    margin: 0;
    padding: 0;
}

.clearfix,
.p-training-chat .messages {
    min-height: 1px;
    _height: 1%;
}

.clearfix:after,
.p-training-chat .messages:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.l-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    align-items: unset;
}

.l-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.l-col-auto {
    display: flex;
    align-items: center;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.l-col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.l-header {
    /*padding: 13px 0 15px;*/
    background: #D9D9D9;
}

.l-header__menu {
    position: relative;
    /*top: 3px;*/
}

.l-header__menu img {
    /*width: 130px;*/
    padding: 10px 0;
}

.l-header__noti {
    position: relative;
    /*top: 3px;*/
}

.l-header__noti img {
    position: relative;
}

.l-header__noti--active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000;
    border-radius: 4px;
    display: block;
    width: 32px;
    height: 32px;
    opacity: 0;
}

.l-header__user {
    position: relative;
}

.l-header__user img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.l-header__user--active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000;
    border-radius: 4px;
    display: block;
    width: 32px;
    height: 32px;
}

.l-header-top {
    padding: 15px 0;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.l-header-top .l-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.l-header-top__col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 599px) {
    .l-header-top__col-left {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }
}

.l-header-top__col-right {
    text-align: right;
}

@media (max-width: 599px) {
    .l-header-top__col-right {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.l-header-top__logo {
    margin-right: 15px;
}

@media (max-width: 599px) {
    .l-header-top__logo {
        margin-right: 0;
    }
}

.l-header-top__customer-login {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.l-header-top__driver-login {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

.l-container-fluid {
    width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.l-container {
    width: 797px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.l-footer-top {
    margin-top: 100px;
    border-top: 1px solid #000;
    padding-top: 100px;
}

.l-footer-top__main {
    margin-bottom: 70px;
}

.l-footer-top__logo {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.l-footer-top__col {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 599px) {
    .l-footer-top__col {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
}

.l-footer-top__title {
    font-size: 20px;
    margin-bottom: 10px;
}

.l-footer-top__copyright {
    border-top: 1px solid #000;
}

.l-footer-top__copyright p {
    text-align: center;
    padding: 15px;
}

.p-top-driver .l-container {
    width: 1200px;
}

.p-top-driver__main {
    /*margin-top: -89px;*/
    position: relative;
    z-index: 1;
}

@media (max-width: 959px) {
    .p-top-driver__main {
        margin-top: 0;
    }
}

.p-top-driver__slider__item {
    position: relative;
}

.p-top-driver__slider__item>img {
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 599px) {
    .p-top-driver__slider__item>img {
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.p-top-driver__slider__content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.p-top-driver__slider__content h3 {
    font-size: 25px;
    margin-bottom: 15px;
}

.p-top-driver__slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.p-top-driver__slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 4px;
}

.p-top-driver__slider .slick-dots li.slick-active button {
    background-color: #000;
}

.p-top-driver__slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

.p-top-driver__drivers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-top-driver__drivers a {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    border: 1px solid #000;
    text-align: center;
    padding: 30px;
}

@media (max-width: 599px) {
    .p-top-driver__drivers a {
        padding: 15px;
    }
}

.p-top-driver__drivers__for-owner {
    background-color: #000;
    color: #fff;
}

.p-top-driver__summary {
    margin-top: 80px;
    text-align: center;
}

.p-top-driver__summary__title {
    margin-bottom: 10px;
    font-size: 25px;
}

.p-top-driver__summary__desc {
    margin-bottom: 20px;
}

.p-top-driver__summary__btn-details {
    margin-top: 30px;
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
}

.p-top-driver__steps {
    margin-top: 100px;
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 100px;
}

.p-top-driver__steps__title {
    margin-bottom: 10px;
    font-size: 25px;
}

.p-top-driver__steps__title-small {
    font-size: 20px;
    margin-bottom: 30px;
}

.p-top-driver__steps__desc {
    margin-bottom: 50px;
}

.p-top-driver__steps__col {
    -webkit-box-flex: 33.3333%;
    -ms-flex: 33.3333%;
    flex: 33.3333%;
    max-width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
}

.p-top-driver__steps__number {
    background: #ccc;
    width: 100px;
    height: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 20px;
}

.p-top-driver__steps__btn-subscribe {
    margin-top: 30px;
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
    background-color: #000;
    color: #fff;
}

.p-top-driver__jobs {
    margin-top: 100px;
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 100px;
}

.p-top-driver__jobs__title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
}

.p-top-driver__jobs__item {
    padding: 0 15px;
}

.p-top-driver__jobs__item p {
    margin-top: 15px;
}

.p-top-driver__jobs .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.p-top-driver__jobs .slick-arrow {
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.p-top-driver__jobs .slick-arrow.slick-prev {
    left: -35px;
}

.p-top-driver__jobs .slick-arrow.slick-next {
    right: -35px;
}

.p-top-driver__jobs__btn-link {
    margin-top: 30px;
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
}


/* .p-top-details .l-container {
  width: 1200px;
} */

.p-top-details .l-header {
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.p-top-details .l-header .l-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-top-details .l-header__col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 599px) {
    .p-top-details .l-header__col-left {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.p-top-details .l-header__col-right {
    text-align: right;
}

@media (max-width: 599px) {
    .p-top-details .l-header__col-right {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.p-top-details .l-header__logo {
    margin-right: 15px;
}

.p-top-details .l-header__customer-login {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-top-details .l-header__driver-login {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

.p-top-details__main {
    margin-top: -89px;
    position: relative;
    z-index: 1;
}

@media (max-width: 959px) {
    .p-top-details__main {
        margin-top: 0;
    }
}

.p-top-details__slider__item {
    position: relative;
}

@media (max-width: 599px) {
    .p-top-details__slider__item>img {
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.p-top-details__slider__content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.p-top-details__slider__content h3 {
    font-size: 25px;
    margin-bottom: 15px;
}

.p-top-details__slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.p-top-details__slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 4px;
}

.p-top-details__slider .slick-dots li.slick-active button {
    background-color: #000;
}

.p-top-details__slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

.p-top-details__drivers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-top-details__drivers a {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    border: 1px solid #000;
    text-align: center;
    padding: 30px;
}

@media (max-width: 599px) {
    .p-top-details__drivers a {
        padding: 15px;
    }
}

.p-top-details__drivers__for-owner {
    background-color: #000;
    color: #fff;
}

.p-top-details__summary {
    margin-top: 80px;
    text-align: center;
}

.p-top-details__summary__title {
    margin-bottom: 10px;
    font-size: 25px;
}

.p-top-details__summary__desc {
    margin-bottom: 20px;
}

.p-top-details__summary__btn-details {
    margin-top: 30px;
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
}

.p-top-details__summary__space {
    margin-bottom: 50px;
}

.p-top-details__summary__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.p-top-details__summary__section+.p-top-details__summary__section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.p-top-details__summary__section+.p-top-details__summary__section p {
    padding-right: 0;
    padding-left: 30px;
}

@media (max-width: 599px) {
    .p-top-details__summary__section+.p-top-details__summary__section p {
        padding-left: 0;
    }
}

.p-top-details__summary__section p {
    -webkit-box-flex: 55%;
    -ms-flex: 55%;
    flex: 55%;
    max-width: 55%;
    padding-right: 30px;
    text-align: left;
}

@media (max-width: 599px) {
    .p-top-details__summary__section p {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
}

.p-top-details__summary__section img {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
    max-width: 45%;
}

@media (max-width: 599px) {
    .p-top-details__summary__section img {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.p-top-details__summary__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.p-top-details__summary__group-btn a {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    border: 1px solid #000;
    text-align: center;
    padding: 20px;
}

@media (max-width: 599px) {
    .p-top-details__summary__group-btn a {
        padding: 15px;
    }
}

.p-top-details__summary__group-btn-black {
    background-color: #000;
    color: #fff;
}

.p-top-details .l-footer {
    margin-top: 100px;
    border-top: 1px solid #000;
    padding-top: 100px;
}

.p-top-details .l-footer__main {
    margin-bottom: 70px;
}

.p-top-details .l-footer__logo {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.p-top-details .l-footer__col {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 599px) {
    .p-top-details .l-footer__col {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
}

.p-top-details .l-footer__title {
    font-size: 20px;
    margin-bottom: 10px;
}

.p-top-details .l-footer__copyright {
    border-top: 1px solid #000;
}

.p-top-details .l-footer__copyright p {
    text-align: center;
    padding: 15px;
}

.p-top-search .l-container {
    width: 1200px;
}

.p-top-search__main {
    margin-top: -89px;
    position: relative;
    z-index: 1;
}

@media (max-width: 959px) {
    .p-top-search__main {
        margin-top: 0;
    }
}

.p-top-search__slider__item {
    position: relative;
}

@media (max-width: 599px) {
    .p-top-search__slider__item>img {
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.p-top-search__slider__content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.p-top-search__slider__content h3 {
    font-size: 25px;
    margin-bottom: 15px;
}

.p-top-search__slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.p-top-search__slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 4px;
}

.p-top-search__slider .slick-dots li.slick-active button {
    background-color: #000;
}

.p-top-search__slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

.p-top-search__intro {
    margin-top: 100px;
    text-align: center;
}

.p-top-search__intro h3 {
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 35px;
}

.p-top-search__intro img {
    margin-bottom: 30px;
}

.p-top-search__faq {
    border-top: 1px solid #000;
    padding-top: 100px;
    margin-top: 100px;
}

.p-top-search__faq__title {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 30px;
}

.p-top-search__faq__question {
    padding: 15px 0;
}

.p-top-search__faq__question.show h3 {
    background-image: url("../img/top-driver/icn_minus.svg");
}

.p-top-search__faq__question h3 {
    margin-bottom: 10px;
    cursor: pointer;
    background: url("../img/top-driver/icn_plus.svg") no-repeat calc(100% - 10px) center;
}

.p-top-search__faq__answer {
    display: none;
}

.p-top-search__faq__btn-other {
    margin-top: 30px;
    text-align: center;
}

.p-top-search__faq__btn-other a {
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
}

.p-top-search__subscribe {
    border-top: 1px solid #000;
    padding-top: 100px;
    margin-top: 100px;
    text-align: center;
}

.p-top-search__subscribe__btn a {
    margin-top: 30px;
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
    background-color: #000;
    color: #fff;
}

.p-top-faq .l-container {
    width: 1200px;
}

.p-top-faq__main {
    margin-top: -89px;
    position: relative;
    z-index: 1;
}

@media (max-width: 959px) {
    .p-top-faq__main {
        margin-top: 0;
    }
}

.p-top-faq__slider__item {
    position: relative;
}

@media (max-width: 599px) {
    .p-top-faq__slider__item>img {
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.p-top-faq__slider__content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.p-top-faq__slider__content h3 {
    font-size: 25px;
    margin-bottom: 15px;
}

.p-top-faq__slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.p-top-faq__slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 4px;
}

.p-top-faq__slider .slick-dots li.slick-active button {
    background-color: #000;
}

.p-top-faq__slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

.p-top-faq__list {
    border-top: 1px solid #000;
    padding-top: 100px;
    margin-top: 100px;
}

.p-top-faq__list__title {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 30px;
}

.p-top-faq__list__question {
    padding: 15px 0;
}

.p-top-faq__list__question.show h3 {
    background-image: url("../img/top-driver/icn_minus.svg");
}

.p-top-faq__list__question h3 {
    margin-bottom: 10px;
    cursor: pointer;
    background: url("../img/top-driver/icn_plus.svg") no-repeat calc(100% - 10px) center;
}

.p-top-faq__list__answer {
    display: none;
}

.p-top-faq__list__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.p-top-faq__list__group-btn a {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    border: 1px solid #000;
    text-align: center;
    padding: 20px;
}

@media (max-width: 599px) {
    .p-top-faq__list__group-btn a {
        padding: 15px;
    }
}

.p-top-faq__list__group-btn-black {
    background-color: #000;
    color: #fff;
}

.p-top-register .l-container {
    width: 1200px;
}

.p-top-register__main {
    margin-top: -89px;
    position: relative;
    z-index: 1;
}

@media (max-width: 959px) {
    .p-top-register__main {
        margin-top: 0;
    }
}

.p-top-register__slider__item {
    position: relative;
}

@media (max-width: 599px) {
    .p-top-register__slider__item>img {
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.p-top-register__slider__content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.p-top-register__slider__content h3 {
    font-size: 25px;
    margin-bottom: 15px;
}

.p-top-register__slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.p-top-register__slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 4px;
}

.p-top-register__slider .slick-dots li.slick-active button {
    background-color: #000;
}

.p-top-register__slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

.p-top-register__form {
    margin-top: 100px;
}

.p-top-register__form__title {
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 40px;
}

.p-top-register__form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

@media (max-width: 599px) {
    .p-top-register__form__group {
        display: block;
    }
}

.p-top-register__form__group h3 {
    width: 200px;
    min-width: 200px;
}

@media (max-width: 599px) {
    .p-top-register__form__group h3 {
        margin-bottom: 10px;
    }
}

.p-top-register__form__button {
    text-align: center;
    margin-top: 30px;
}

.p-top-register__form__button button {
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    width: 300px;
    max-width: 100%;
    background-color: #000;
    color: #fff;
}

.p-login__inner {
    margin-top: 40px;
}

.p-login__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
}

.p-login__logo img {
    width: auto;
    max-width: 70%;
}

.p-login .c-form input {
    font-size: 16px;
    line-height: 19px;
    border-color: #BDBDBD;
}

.p-login .c-form input[type=password] {
    /* font-size: 60px;
    letter-spacing: 2px; */
    padding: 0 60px 0 9px;
}

.p-login__forgot-password {
    display: block;
    text-align: right;
    margin-top: 17px;
}

.p-login__forgot-password a {
    font-size: 16px;
    line-height: 19px;
    position: relative;
    color: #bc4e25;
}

.p-login__forgot-password a::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    /*background-color: #000;*/
}

.p-login__btn-login {
    margin-top: 30px;
}

.p-login__btn-login button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    /*padding: 19px 20px 18px;*/
    width: 100%;
}

.p-login__register-link {
    text-align: center;
    margin-top: 221px;
    margin-bottom: 26px;
    /*position: fixed;*/
    /*bottom: 25px;*/
    /*left: 50%;*/
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
}

.p-register__inner {
    margin-top: 39px;
}

.p-register__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 13px;
}

.p-register__desc {
    font-size: 16px;
    line-height: 19px;
    margin-left: 9px;
}

.p-register .c-form {
    margin-top: 24px;
}

.p-register .c-form input {
    font-size: 16px;
    line-height: 19px;
    border-color: #BDBDBD;
}

.p-register .c-form input[type=password] {
    /* font-size: 60px;
    letter-spacing: 2px; */
    padding: 0 60px 0 9px;
}

.p-register .c-form__form-group+.c-form__form-group {
    margin-top: 24px;
}

.p-register__btn-continue {
    margin-top: 130px;
}

.p-register__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 19px 20px 18px;
    width: 100%;
}

.p-register__btn-return {
    /* text-align: center;
    margin-top: 150px;
    margin-bottom: 26px; */
    position: fixed;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-register-info__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-register-info__avatar-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 23px;
}

.p-register-info__avatar-upload+.text-center.d-block {
    margin-top: -13px;
}

.p-register-info__avatar-upload__box {
    position: relative;
}

.p-register-info__avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.p-register-info__avatar-edit label img {
    width: 25px;
    position: relative;
    top: 4px;
    right: -5px;
}

.p-register-info__avatar-edit input {
    display: none;
}

.p-register-info__avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.p-register-info__avatar-preview img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-register-info__btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
}

.p-register-info .c-form {
    margin-top: -15px;
}

.p-register-info .c-form__form-group+.c-form__form-group {
    margin-top: 20px;
}

.p-register-info .c-form .l-row {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.p-register-info .c-form .l-col-6 {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.p-register-info .c-form input {
    font-size: 16px;
    line-height: 19px;
}

.p-register-info .c-form__checkbox {
    margin-bottom: 4px;
}

.p-register-info__agree {
    margin-top: 23px;
}

.p-register-info__agree .c-form__checkbox label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-register-info__btn-continue {
    margin-top: 37px;
}

.p-register-info__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 14px 20px 13px;
    width: 100%;
}

.p-register-info__btn-return {
    margin-top: 13px;
    text-align: center;
}

.p-register-desired__inner {
    margin-top: 24px;
}

.p-register-desired__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.p-register-desired__search input {
    font-size: 16px;
    line-height: 19px;
    color: #7C7C7C;
}

.p-register-desired__search input::-webkit-input-placeholder {
    color: inherit;
}

.p-register-desired__search input::-moz-placeholder {
    color: inherit;
}

.p-register-desired__search input:-ms-input-placeholder {
    color: inherit;
}

.p-register-desired__search input::-ms-input-placeholder {
    color: inherit;
}

.p-register-desired__search input::placeholder {
    color: inherit;
}

.p-register-desired__search button {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #121212;
    height: 44px;
    padding: 0 35px;
    white-space: nowrap;
    margin-left: 8px;
}

.p-register-desired__list-checkbox ul li {
    margin-bottom: 20px;
}

.p-register-desired .c-form__checkbox input:checked+label:after {
    content: url("../img/driver/common/icn_check_big.svg");
    top: 2px;
    left: 4px;
}

.p-register-desired .c-form__checkbox label {
    font-size: 16px;
    line-height: 19px;
}

.p-register-desired .c-form__checkbox label::before {
    padding: 7.35px;
    margin-right: 26px;
}

.p-register-upload-materials__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-register-upload-materials__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 23px;
}

.p-register-upload-materials__form-group h5 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 8px;
}

.p-register-upload-materials__avatar-upload {
    position: relative;
    margin-bottom: 21px;
}

.p-register-upload-materials__avatar-upload__box {
    position: relative;
    margin-bottom: 7px;
    width: 100%;
}

.p-register-upload-materials__avatar-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    bottom: 0;
}

.p-register-upload-materials__avatar-edit input {
    display: none;
}

.p-register-upload-materials__avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-register-upload-materials__avatar-preview {
    border: 1px solid transparent;
}

.p-register-upload-materials__avatar-preview img {
    width: 100%;
    height: 186px;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-register-upload-materials__side {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}

.p-register-upload-materials__btn-continue {
    margin-top: 42px;
}

.p-register-upload-materials__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 14px 20px 13px;
    width: 100%;
}

.p-register-upload-materials__btn-return {
    margin-top: 13px;
    text-align: center;
}

/*.p-register-driver-info .js-link {*/
/*    color: #fff;*/
/*}*/

.p-register-driver-info__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-register-driver-info__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 21px;
}

.p-register-driver-info__section-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 17px;
}

.p-register-driver-info__section {
    margin-bottom: 20px;
}

.p-register-driver-info__section:nth-child(2) .p-register-driver-info__title {
    margin-bottom: 13px;
}

.p-register-driver-info__section .c-form__label-small {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.p-register-driver-info .c-form__form-group+.c-form__form-group {
    margin-top: 18px;
}

.p-register-driver-info .c-form__label {
    margin-bottom: 12px;
}

.p-register-driver-info .c-form select {
    font-size: 14px;
    line-height: 17px;
    color: #999;
    background: url(../img/driver/common/icn_down_02.svg) no-repeat calc(100% - 19px) center;
}

.p-register-interview__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-register-interview__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 74px;
}

.p-register-interview .c-form {
    /* custom select */
    /* Date input custom */
}

.p-register-interview .c-form__form-group+.c-form__form-group {
    margin-top: 18px;
}

.p-register-interview .c-form select {
    color: #999;
    background: url(../img/driver/common/icn_down_02.svg) no-repeat calc(100% - 19px) center;
}

.p-register-interview .c-form textarea {
    height: 109px;
}

.p-register-interview .c-form .custom-select-wrapper {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.p-register-interview .c-form .custom-select-wrapper select {
    display: none;
}

.p-register-interview .c-form .custom-select {
    position: relative;
    display: block;
}

.p-register-interview .c-form .custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 45px 11px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    cursor: pointer;
    border: 1px solid #BDBDBD;
    background: url(../img/driver/common/icn_down_02.svg) no-repeat calc(100% - 19px) center;
}

.p-register-interview .c-form .custom-select-trigger span {
    margin-left: 14px;
}

.p-register-interview .c-form .custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
}

.p-register-interview .c-form .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.p-register-interview .c-form .custom-options {
    padding: 12px 0;
    width: 133px;
    border: 1px solid #B8BFC4;
    border-radius: 12px;
    position: absolute;
    display: block;
    top: calc(100% - 6px);
    right: 0;
    border: 1px solid #b5b5b5;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    height: 178px;
    overflow-y: auto;
    z-index: 10;
}

.p-register-interview .c-form .option-hover:before {
    background: #f9f9f9;
}

.p-register-interview .c-form .custom-option {
    position: relative;
    display: block;
    padding: 0 6px;
    font-size: 18px;
    font-weight: 500;
    color: #2C3E50;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.p-register-interview .c-form .custom-option+span {
    margin-top: 8px;
}

.p-register-interview .c-form .custom-option.selection {
    background: #f9f9f9;
}

.p-register-interview .c-form #custom-input-date {
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    background: url("../img/driver/common/icn_calendar.svg") no-repeat calc(100% - 10px) center;
}

.p-register-interview__btn-continue {
    margin-top: 110px;
}

.p-register-interview__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 14px 20px 13px;
    width: 100%;
}

.p-training-approval {
    text-align: center;
}

.p-training-approval__inner {
    height: calc(100vh - 56px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-training-approval__content {
    width: 100%;
    margin-top: 7px;
}

.p-training-approval__content img {
    margin-bottom: 32px;
}

.p-training-approval__content h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
}

.p-training-approval__content p {
    font-size: 14px;
    line-height: 17px;
}

.p-training-conduct {
    text-align: center;
}

.p-training-conduct__inner {
    height: calc(100vh - 56px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-training-conduct__content {
    width: 100%;
    margin-top: 7px;
}

.p-training-conduct__content img {
    width: 113px;
    margin-bottom: 37px;
}

.p-training-conduct__content h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 73px;
}

.p-training-tutorial__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-training-tutorial__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.p-training-tutorial form .form-group {
    display: block;
    margin-bottom: 12px;
    background: #D9D9D9;
    padding: 15px 8px 14px 13px;
}

.p-training-tutorial form .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.p-training-tutorial form .form-group input:checked+label::before {
    content: url("../img/driver/common/icn_circle_checked.png");
}

.p-training-tutorial form .form-group label {
    display: block;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}

.p-training-tutorial form .form-group label:before {
    content: url("../img/driver/common/icn_circle.png");
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-training-video__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-training-video__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 19px;
}

.p-training-video__top h3 {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
}

.p-training-video__top p {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    text-align: center;
}

.p-training-video__top a {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.p-training-video__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.p-training-video__btn-complete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
}

.p-training-video__btn-complete a {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    background-color: #000;
    padding: 12px 41px;
}

.p-training-video .custom-video-area {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 72em;
    height: 0;
    margin: auto;
    padding-bottom: 56.25%;
    text-align: left;
}

.p-training-video .custom-video-area video {
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    margin: auto;
}

.p-training-video .video-controls {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.p-training-video .video-controls.playing .play-button .icon-play {
    display: none;
}

.p-training-video .video-controls.playing .play-button .icon-pause {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-training-video .video-controls .top-wrapper {
    display: block;
}

.p-training-video .video-controls .bottom-wrapper {
    padding: 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.p-training-video .video-controls .progress-bar {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    margin-bottom: 0;
    cursor: pointer;
    background: #fff;
    margin-left: 4px;
}

.p-training-video .video-controls .progress-bar span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
}

.p-training-video .video-controls .progress-bar .time-bar {
    z-index: 10;
    background: #ccc;
}

.p-training-video .video-controls .progress-bar .buffer-bar {
    z-index: 5;
}

.p-training-video .video-controls .play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    cursor: pointer;
}

.p-training-video .video-controls .play-button .icon-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-training-video .video-controls .play-button .icon-pause {
    display: none;
}

.p-training-video .video-controls .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 52px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}

.p-training-video-list__inner {
    margin-top: 26px;
    margin-bottom: 30px;
}

.p-training-video-list__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px;
}

.p-training-video-list .l-row {
    margin-left: -5px;
    margin-right: -5px;
}

.p-training-video-list .l-row .l-col {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 24px;
}

.p-training-video-list__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
}

.p-training-video-list__btn-complete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
}

.p-training-video-list__btn-complete a {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    background-color: #000;
    padding: 12px 41px;
}

.p-training-video-list__video-name {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin-top: 12px;
}

.p-training-video-list .custom-video-area {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 72em;
    height: 0;
    margin: auto;
    padding-bottom: 56.25%;
    text-align: left;
}

.p-training-video-list .custom-video-area video {
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    margin: auto;
}

.p-training-video-list .video-controls {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.p-training-video-list .video-controls.playing .play-button .icon-play {
    display: none;
}

.p-training-video-list .video-controls.playing .play-button .icon-pause {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-training-video-list .video-controls .top-wrapper {
    display: block;
}

.p-training-video-list .video-controls .bottom-wrapper {
    padding: 8px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.p-training-video-list .video-controls .progress-bar {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 2px;
    margin-bottom: 0;
    cursor: pointer;
    background: #fff;
    margin-left: 0;
}

.p-training-video-list .video-controls .progress-bar span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
}

.p-training-video-list .video-controls .progress-bar .time-bar {
    z-index: 10;
    background: #ccc;
}

.p-training-video-list .video-controls .progress-bar .buffer-bar {
    z-index: 5;
}

.p-training-video-list .video-controls .play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 21px;
    cursor: pointer;
}

.p-training-video-list .video-controls .play-button .icon-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-training-video-list .video-controls .play-button .icon-play img {
    width: 12px;
}

.p-training-video-list .video-controls .play-button .icon-pause {
    display: none;
}

.p-training-video-list .video-controls .play-button .icon-pause img {
    width: 8px;
}

.p-training-video-list .video-controls .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 43px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    vertical-align: middle;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
}

.p-training-test__inner {
    margin-top: 32px;
    margin-bottom: 30px;
}

.p-training-test__btn-return {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 24px;
    color: #BD4F26;
}

.p-training-test__btn-return span {
    margin-left: 15px;
}

.p-training-test__question {
    margin-bottom: 16px;
}

.p-training-test__question h3 {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
}

.p-training-test__question p {
    font-size: 12px;
    line-height: 16px;
}

.p-training-test__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 7px;
}

.p-training-test__group-btn label {
    border-radius: 8px;
}

.p-training-test__group-btn a {
    font-size: 12px;
    line-height: 15px;
    border: 1px solid #000;
    padding: 10px 10px 9px;
    margin-left: 8px;
    width: 98px;
    text-align: center;
}

.p-training-test__btn-send {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 19px 20px 18px;
    width: 100%;
    margin-top: 14px;
}

.p-training-complete {
    text-align: center;
}

.p-training-complete__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-training-complete__icon-checked {
    margin-bottom: 32px;
}

.p-training-complete__desc {
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 31px;
}

.p-training-complete h3 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 46px;
}

.p-training-complete__group-btn .c-btn__black {
    border: 1px solid #BD4F26;
}

.p-training-complete__group-btn a {
    padding: 14px 20px 13px;
}

.p-training-complete__group-btn a+a {
    margin-top: 16px;
}

.p-training-confirm {
    text-align: center;
}

.p-training-confirm__inner {
    margin-top: 210px;
    margin-bottom: 30px;
}

.p-training-confirm__desc {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 71px;
}

.p-training-confirm__group-btn .c-btn__black {
    border: 1px solid #BD4F26;
}

.p-training-confirm__group-btn a {
    padding: 14px 20px 13px;
}

.p-training-chat {
    text-align: center;
    /* message */
}

.p-training-chat__inner {
    margin-top: 26px;
}

.p-training-chat__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.5px solid #C1BFBF;
    padding-bottom: 12px;
}

.p-training-chat__btn-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-training-chat__user-img {
    margin-left: 20px;
    margin-right: 15px;
}

.p-training-chat__user-img img {
    width: 31.48px;
}

.p-training-chat__user-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-training-chat .screen {
    background-color: #fff;
    height: calc(100vh - 210px);
    width: 100%;
    margin: 0 auto;
}

.p-training-chat .conversation {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 9px;
    padding-bottom: 0;
}

.p-training-chat .messages {
    margin-bottom: 6px;
}

.p-training-chat .messages--received .message {
    min-width: 214px;
    text-align: left;
    float: left;
    background-color: #ECECEC;
    border-radius: 10px 10px 10px 0;
}

.p-training-chat .messages--received .message__time {
    color: #727272;
}

.p-training-chat .messages--sent .message {
    min-width: 214px;
    text-align: left;
    float: right;
    border-radius: 10px 10px 0 10px;
    background-color: #000;
    color: #fff;
}

.p-training-chat .message {
    display: inline-block;
    margin-bottom: 8px;
    clear: both;
    padding: 8px 7px 3px 10px;
    font-size: 12px;
    border-radius: 15px;
    line-height: 1.4;
    max-width: 80%;
}

.p-training-chat .message--thumb {
    background-color: transparent !important;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    border-radius: 0px !important;
}

.p-training-chat .message__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 11px;
}

.p-training-chat .message__icon-seen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2px;
}

.p-training-chat .message__time {
    font-size: 10px;
    line-height: 16px;
    color: #ECECEC;
    opacity: 0.6;
}

.p-training-chat .text-bar {
    padding: 10px 19px 30px 17px;
    position: absolute;
    bottom: 0;
    width: 767px;
    max-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.p-training-chat .text-bar__attachment {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.p-training-chat .text-bar__attachment::-webkit-file-upload-button {
    -webkit-appearance: none;
    appearance: none;
}

.p-training-chat .text-bar__attachment [type=file] {
    cursor: pointer !important;
    display: block;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    left: 0px;
    z-index: 1;
    height: auto;
}

.p-training-chat .text-bar__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-training-chat .text-bar__field input {
    width: 100%;
    padding: 0 10px;
    border: none;
    position: relative;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    color: #8A8A8A;
    height: 34px;
}

.p-training-chat .text-bar__field input::-webkit-input-placeholder {
    color: inherit;
}

.p-training-chat .text-bar__field input::-moz-placeholder {
    color: inherit;
}

.p-training-chat .text-bar__field input:-ms-input-placeholder {
    color: inherit;
}

.p-training-chat .text-bar__field input::-ms-input-placeholder {
    color: inherit;
}

.p-training-chat .text-bar__field input::placeholder {
    color: inherit;
}

.p-training-chat .text-bar__input {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 60px);
}

.p-training-chat .text-bar__thumb {
    width: 30px;
    height: 30px;
    padding: 4px;
    margin-right: 8px;
}

.p-training-chat .text-bar__thumb:hover {
    opacity: 0.8;
}

.p-training-chat .text-bar__thumb .thumb {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.p-training-chat .text-bar__btn-send {
    background-color: transparent;
}

.p-training-chat .thumb {
    display: block;
    background-position: right;
}

.p-training-chat .anim-wiggle {
    -webkit-animation: wiggle 0.2s ease infinite;
    animation: wiggle 0.2s ease infinite;
}

.p-training-chat .anim-wiggle-2 {
    -webkit-animation: wiggle2 0.2s ease infinite;
    animation: wiggle2 0.2s ease infinite;
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg);
    }
    50% {
        -webkit-transform: rotateZ(-5deg);
        transform: rotateZ(-5deg);
    }
    100% {
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg);
    }
}

@keyframes wiggle {
    0% {
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg);
    }
    50% {
        -webkit-transform: rotateZ(-5deg);
        transform: rotateZ(-5deg);
    }
    100% {
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg);
    }
}

@-webkit-keyframes wiggle2 {
    0% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }
    50% {
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
    100% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }
}

@keyframes wiggle2 {
    0% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }
    50% {
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
    100% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }
}

.p-training-chat .thumb-img,
.p-training-chat .thumb {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/driver/common/icn_emoji-smile.svg");
}

.p-booking-top__inner {
    margin-top: 40px;
    margin-bottom: 30px;
}

.p-booking-top__logo {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
}

.p-booking-top__group-btn {
    margin-top: 0;
}

.p-booking-top__group-btn__image {
    width: 32px;
    text-align: left;
}

.p-booking-top__group-btn ul li {
    margin-bottom: 18px;
}

.p-booking-top__group-btn ul li+li {
    text-align: center;
    margin-bottom: 18px;
}

.p-booking-top__group-btn ul li .handle-btn {
    width: 100%;
    max-width: 100%;
    border: 1px solid #BD4F26;
    border-radius: 4px;
    text-align: left;
    background: url("../img/user/dashboard/icn_next.svg") no-repeat center;
    background-position-x: calc(100% - 18px);
    font-size: 18px;
    line-height: 22px;
    position: relative;
    color: #BD4F26;
    text-align: center;
    padding-top: 12px;
}

.p-booking-top__group-btn ul li .handle-btn.add {
    text-align: center;
}

.p-booking-top__group-btn ul li .handle-btn.add img {
    width: 12px;
}

.p-booking-top__group-btn ul li .handle-btn.add span {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-booking-top__group-btn ul li .handle-btn.add span::before {
    content: url("../img/user/dashboard/icn_btn-add.svg");
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -25px;
}

.p-booking-top__group-btn ul li:last-of-type .handle-btn.add {
    padding: 12px;
    background: none;
}

.p-booking-top__group-btn__logout {
    margin-top: 48px;
    text-align: center;
}

.p-booking-top__group-btn__logout a {
    border: 1px solid #ACACAC;
    border-radius: 12px;
    max-width: 100%;
    padding: 8.5px 20px 8.5px 25px;
    margin-top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 19px;
}

.p-booking-top__group-btn__logout a img {
    width: 20px;
    margin-right: 10px;
}

.p-booking-history__header-main__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px;
}

.p-booking-history__header-main__inner h3 {
    font-size: 18px;
    line-height: 22px;
}

.p-booking-history__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-booking-history__steps ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-booking-history__steps ul li {
    padding-right: 25px;
    margin-bottom: 5px;
}

.p-booking-history__steps ul li a {
    font-weight: 700;
    line-height: 19px;
}

.p-booking-history__steps ul li a.active {
    border-bottom: 3px solid #BD4F26;
    color: #BD4F26;
}

.p-booking-history__steps ul li:last-of-type {
    padding-right: 0;
}

.p-booking-history__content {
    margin-top: 20px;
}

.p-booking-history__content ul li {
    margin-bottom: 12px;
}

.p-booking-history__box {
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 12px;
    position: relative;
}

.p-booking-history__box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.p-booking-history__box__title h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-booking-history__box__status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-booking-history__box__status span {
    width: 10px;
    height: 10px;
    background: #F7FC0E;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.p-booking-history__box__status strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-booking-history__box__status--red span {
    background: #E41C1C;
}

.p-booking-history__box__status--green span {
    background: #3ED15E;
}

.p-booking-history__box__status--violet span {
    background: #3E4DD1;
}

.p-booking-history__box__desc {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
    padding-right: 50px;
}

.p-booking-history__box__desc span {
    margin-left: 3px;
}

.p-booking-history__box__map {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: -2px;
    width: 70%;
}

.p-booking-history__box__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.p-booking-history__box__btn-waiting {
    width: 100%;
    border: 1px solid #BDBDBD;
    background-color: #BDBDBD;
    color: #fff;
    text-align: center;
    margin-top: 35px;
    padding: 11px;
    margin-top: 21px;
    margin-bottom: -2px;
}

.p-booking-history__box__btn-waiting span {
    font-weight: 700;
    line-height: 19px;
}

.p-booking-history__box__btn-cancel {
    width: 100%;
    border: 1px solid #BDBDBD;
    text-align: center;
    margin-top: 35px;
    padding: 11px;
    margin-top: 21px;
    margin-bottom: -2px;
}

.p-booking-history__box__btn-cancel span {
    font-weight: 700;
    line-height: 19px;
}

.p-booking-history__box__image-error {
    position: absolute;
    right: 12px;
    top: 38px;
}

.p-booking-history__box__price {
    position: absolute;
    right: 12px;
    line-height: 19px;
    font-weight: 500;
    top: 69px;
}

.p-booking-waiting-verify__header-main__inner {
    margin-bottom: 10px;
}

.p-booking-waiting-verify__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
}

.p-booking-waiting-verify__header-main__inner a span {
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
    color: #BD4F26;
}

.p-booking-waiting-verify__header-main__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-booking-waiting-verify__header-main__group-btn__events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-booking-waiting-verify__header-main__group-btn__events a {
    margin-right: 14px;
}

.p-booking-waiting-verify__header-main__group-btn__events a:last-of-type {
    margin-right: 0;
}

.p-booking-waiting-verify__header-main__group-btn__events a img {
    width: 20px;
}

.p-booking-waiting-verify__content {
    margin-top: 17px;
}

.p-booking-waiting-verify__content h3 {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
    color: #BD4F26;
}

.p-booking-waiting-verify__content__info {
    margin-top: 12px;
    border: 1px solid #D9D9D9;
    padding: 9px 9px 9px 15px;
}

.p-booking-waiting-verify__content__info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/user/request-history/img_next.svg") no-repeat center;
    background-position-x: 100%;
}

.p-booking-waiting-verify__content__info a span {
    font-weight: 700;
    line-height: 19px;
    margin-left: 15px;
}

.p-booking-waiting-verify__content input[typy=text] {
    padding: 9px 12px;
}

.p-booking-waiting-verify__content__time__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.p-booking-waiting-verify__content__time__item p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-booking-waiting-verify__content__time__item>div {
    width: 100%;
}

.p-booking-waiting-verify__content__date .date-picker {
    height: auto;
    max-height: 44px;
    border: 1px solid #BDBDBD;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.p-booking-waiting-verify__content__date .date-picker .input {
    width: 100%;
    height: 44px;
    font-size: 0;
    cursor: pointer;
}

.p-booking-waiting-verify__content__date .date-picker .input .result {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 100%;
    height: 44px;
    line-height: 19px;
    font-size: 16px;
    padding: 0 10px;
    color: grey;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.p-booking-waiting-verify__content__date .date-picker .input button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 44px;
    height: 44px;
    color: white;
    line-height: 44px;
    border: 0;
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    z-index: 1;
}

.p-booking-waiting-verify__content__date .date-picker .input button:focus {
    outline: 0;
}

.p-booking-waiting-verify__content__date .date-picker .calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-inline {
    position: relative;
    width: 100%;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-header {
    height: 100%;
    line-height: 50px;
    background: grey;
    color: #fff;
    margin-bottom: 10px;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-prev {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: left;
    margin-left: 12px;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -45px 0px 0px 6px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: right;
    margin-right: 12px;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -45px 0px 0px 4px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-title {
    text-align: center;
    color: #fff;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

.p-booking-waiting-verify__content__date .date-picker .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 12px;
}

.p-booking-waiting-verify__content__date .date-picker .ui-state-default:hover {
    background: rgba(0, 0, 0, 0.02);
}

.p-booking-waiting-verify__content__date .date-picker .ui-state-highlight {
    color: #68768A;
}

.p-booking-waiting-verify__content__date .date-picker .ui-state-active {
    color: #000;
    background-color: rgba(131, 146, 167, 0.12);
    font-weight: 600;
}

.p-booking-waiting-verify__content__date .date-picker .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.p-booking-waiting-verify__content__date .date-picker.open {
    max-height: 400px;
}

.p-booking-waiting-verify__content__point textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-booking-waiting-verify__content__point textarea:focus-visible {
    outline: none;
}

.p-booking-waiting-verify__content__destination textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-booking-waiting-verify__content__destination textarea:focus-visible {
    outline: none;
}

.p-booking-waiting-verify__content__map p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: -4px;
    margin-bottom: 16px;
}

.p-booking-waiting-verify__content__request {
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    margin-top: 5px;
    padding-bottom: 13px;
}

.p-booking-waiting-verify__content__request h4 {
    margin-top: 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.p-booking-waiting-verify__content__request p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-booking-waiting-verify__content__request dl {
    margin-top: 31px;
}

.p-booking-waiting-verify__content__request dl dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.p-booking-waiting-verify__content__request dl dd {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
    margin-top: 2px;
}

.p-booking-waiting-verify__content__request .l-col.right {
    margin-left: -51px;
}

.p-booking-waiting-verify__content__request__btn-rating {
    margin-top: 19px;
    margin-bottom: 15px;
}

.p-booking-waiting-verify__content__request__btn-rating a {
    width: 100%;
    max-width: 100%;
    border: 1px solid #212121;
    border-radius: 4px;
    text-align: left;
    background: url(../img/user/request-history/img_next.svg) no-repeat center;
    background-position-x: calc(100% - 18px);
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
    position: relative;
}

.p-booking-waiting-verify__content__money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 31px;
}

.p-booking-waiting-verify__content__money h3 {
    margin-top: 1px;
}

.p-booking-waiting-verify__content__money p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.p-booking-waiting-verify__content__money.mt-13 {
    margin-top: 13px;
}

.p-booking-waiting-verify__content__cancellation {
    width: calc(100% - 30px);
    margin-left: 15px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px;
    margin-top: 3px;
    margin-bottom: 27px;
}

.p-booking-waiting-verify__content__cancellation h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 11px;
}

.p-booking-waiting-verify__content__cancellation p.desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-booking-waiting-verify__content__btn {
    text-align: center;
}

.p-booking-waiting-verify__content__btn a {
    padding: 15px 20px 14px;
}

.p-booking-waiting-verify__content__btn a+a {
    margin-top: 24px;
}

.p-booking-waiting-verify__content__btn .c-btn__border {
    padding: 14px 20px 13px;
}

.p-booking-waiting-verify__content__btn .c-btn-white {
    border-radius: 0;
}

.p-booking-waiting-verify__content__btn .c-btn-white span {
    font-size: 16px;
    line-height: 19px;
}

.p-booking-filter__header-main__inner {
    margin-bottom: 10px;
}

.p-booking-filter__header-main__inner a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-booking-filter__header-main__inner a span {
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
}

.p-booking-filter__content {
    margin-top: 23px;
}

.p-booking-filter__content__group h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
    margin-top: 19px;
}

.p-booking-filter__content__group select {
    width: 100%;
    color: #999999;
    font-size: 14px;
    line-height: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/user/search/icon_select.svg") center no-repeat;
    background-position-x: calc(100% - 19px);
    position: relative;
}

.p-booking-filter__content__group select:focus-visible {
    outline: none;
}

.p-booking-filter__content__group select__selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-booking-filter__content__group__selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 23px;
}

.p-booking-filter__content__group__item {
    width: 50%;
}

.p-booking-filter__content__group__item p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
}

.p-booking-filter__content__group-handle {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.p-booking-filter__content__group-handle .c-btn-black {
    margin-bottom: -2px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.p-booking-filter__content__group-handle .c-btn-white {
    margin-bottom: 5px;
    border: none;
}

.p-booking-filter__content__group-handle .c-btn-white span {
    font-weight: 500;
}

.p-calendar-add__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-calendar-add__inner select,
.p-calendar-add__inner input {
    border-radius: 8px;
}

.p-calendar-add__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 37px;
}

.p-calendar-add .c-form__groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.p-calendar-add .c-form__form-group+.c-form__form-group {
    margin-top: 24px;
}

.p-calendar-add .c-form__label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
}

.p-calendar-add .c-form input[type=datetime-local] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #676767;
    background: url("../img/driver/common/icn_calendar_02.svg") no-repeat calc(100% - 10px) center;
}

.p-calendar-add .c-form input[type=time] {
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #676767;
    background: url("../img/driver/common/icn_calendar_02.svg") no-repeat calc(100% - 10px) center;
}

.p-calendar-add .c-form input[type=datetime-local]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.p-calendar-add .c-form input[type=time]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.p-calendar-add .c-form .c-btn__black {
    padding: 15px 20px 14px;
    margin-bottom: 10px;
    border-radius: 16px;
}

.p-calendar-add .c-form .c-btn__black+a {
    border: 1px solid #BDBDBD;
    border-radius: 16px;
    width: 100%;
    padding: 14.5px 20px;
}

.p-calendar-add__group-btn {
    text-align: center;
    width: 767px;
    max-width: calc(100% - 30px);
    position: fixed;
    bottom: 150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-calendar-add__group-btn .c-btn__black {
    padding: 15px 20px 14px;
    margin-bottom: 10px;
    border-radius: 16px;
}

.p-calendar-add__group-btn .c-btn__black+a {
    border: 1px solid #BDBDBD;
    border-radius: 16px;
    width: 100%;
    padding: 14.5px 20px;
}

.p-calendar-add__group-btn a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #696969;
}

.p-project-search {
    margin-bottom: 200px;
}

.p-project-search__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 22px;
}

.p-project-search__content {
    margin-top: 24px;
}

.p-project-search__content h3 {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
    color: #BD4F26;
}

.p-project-search__content__section h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
    margin-bottom: 4px;
}

.p-project-search__content__section select {
    font-size: 14px;
    line-height: 17px;
    padding-left: 8px;
}

.p-project-search__content__section input {
    color: #999;
}

.p-project-search__content__section input::-webkit-input-placeholder {
    color: inherit;
}

.p-project-search__content__section input::-moz-placeholder {
    color: inherit;
}

.p-project-search__content__section input:-ms-input-placeholder {
    color: inherit;
}

.p-project-search__content__section input::-ms-input-placeholder {
    color: inherit;
}

.p-project-search__content__section input::placeholder {
    color: inherit;
}

.p-project-search__content__info {
    margin-top: 12px;
    border: 1px solid #D9D9D9;
    padding: 9px 9px 9px 15px;
}

.p-project-search__content__info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/user/request-history/img_next.svg") no-repeat center;
    background-position-x: 100%;
}

.p-project-search__content__info a span {
    font-weight: 700;
    line-height: 19px;
    margin-left: 15px;
}

.p-project-search__content input[typy=text] {
    padding: 9px 12px;
}

.p-project-search__content__time__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.p-project-search__content__time__item p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-project-search__content__time__item>div {
    width: 100%;
}

.p-project-search__content__date .date-picker {
    height: auto;
    max-height: 44px;
    border: 1px solid #BDBDBD;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.p-project-search__content__date .date-picker .input {
    width: 100%;
    height: 44px;
    font-size: 0;
    cursor: pointer;
}

.p-project-search__content__date .date-picker .input .result {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 100%;
    height: 44px;
    line-height: 19px;
    font-size: 16px;
    padding: 0 10px;
    color: grey;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.p-project-search__content__date .date-picker .input button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 44px;
    height: 44px;
    color: white;
    line-height: 44px;
    border: 0;
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    z-index: 1;
}

.p-project-search__content__date .date-picker .input button:focus {
    outline: 0;
}

.p-project-search__content__date .date-picker .calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.p-project-search__content__date .date-picker .ui-datepicker-inline {
    position: relative;
    width: 100%;
}

.p-project-search__content__date .date-picker .ui-datepicker-header {
    height: 100%;
    line-height: 50px;
    background: grey;
    color: #fff;
    margin-bottom: 10px;
}

.p-project-search__content__date .date-picker .ui-datepicker-prev {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: left;
    margin-left: 12px;
}

.p-project-search__content__date .date-picker .ui-datepicker-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -45px 0px 0px 6px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-project-search__content__date .date-picker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: right;
    margin-right: 12px;
}

.p-project-search__content__date .date-picker .ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -45px 0px 0px 4px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-project-search__content__date .date-picker .ui-datepicker-title {
    text-align: center;
    color: #fff;
}

.p-project-search__content__date .date-picker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.p-project-search__content__date .date-picker .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

.p-project-search__content__date .date-picker .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 12px;
}

.p-project-search__content__date .date-picker .ui-state-default:hover {
    background: rgba(0, 0, 0, 0.02);
}

.p-project-search__content__date .date-picker .ui-state-highlight {
    color: #68768A;
}

.p-project-search__content__date .date-picker .ui-state-active {
    color: #000;
    background-color: rgba(131, 146, 167, 0.12);
    font-weight: 600;
}

.p-project-search__content__date .date-picker .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.p-project-search__content__date .date-picker.open {
    max-height: 400px;
}

.p-project-search__content__point textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-project-search__content__point textarea:focus-visible {
    outline: none;
}

.p-project-search__content__destination textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-project-search__content__destination textarea:focus-visible {
    outline: none;
}

.p-project-search__content__map p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: -4px;
    margin-bottom: 16px;
}

.p-project-search__content__request {
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    margin-top: 5px;
    padding-bottom: 13px;
}

.p-project-search__content__request h4 {
    margin-top: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.p-project-search__content__request p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-project-search__content__request dl {
    margin-top: 31px;
}

.p-project-search__content__request dl dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.p-project-search__content__request dl dd {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
    margin-top: 2px;
}

.p-project-search__content__request .l-col.right {
    margin-left: -51px;
}

.p-project-search__content__request__btn-rating {
    margin-top: 19px;
    margin-bottom: 15px;
}

.p-project-search__content__request__btn-rating a {
    width: 100%;
    max-width: 100%;
    border: 1px solid #212121;
    border-radius: 4px;
    text-align: left;
    background: url(../img/user/request-history/img_next.svg) no-repeat center;
    background-position-x: calc(100% - 18px);
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
    position: relative;
}

.p-project-search__content__money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 31px;
}

.p-project-search__content__money h3 {
    margin-top: 1px;
}

.p-project-search__content__money p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.p-project-search__content__money.mt-13 {
    margin-top: 13px;
}

.p-project-search__content__cancellation {
    width: calc(100% - 30px);
    margin-left: 15px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px;
    margin-top: 3px;
    margin-bottom: 27px;
}

.p-project-search__content__cancellation h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 11px;
}

.p-project-search__content__cancellation p.desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-project-search__content__btn {
    text-align: center;
}

.p-project-search__content__btn a {
    padding: 15px 20px 14px;
}

.p-project-search__content__btn a+a {
    margin-top: 24px;
}

.p-project-search__content__btn .c-btn__border {
    padding: 14px 20px 13px;
}

.p-project-search__content__btn .c-btn-white {
    border-radius: 0;
}

.p-project-search__content__btn .c-btn-white span {
    font-size: 16px;
    line-height: 19px;
}

.p-project-search__btn-search {
    text-align: right;
    margin-top: 35px;
}

.p-project-search__btn-search button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #121212;
    padding: 15px 20px 14px;
    min-width: 162px;
    width: 100%;
}

.p-project-search__table {
    width: 797px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    /*margin-top: 60px;*/
}

.p-project-search__table__id {
    width: 104px;
}

.p-project-search__table__customer {
    width: 182px;
}

.p-project-search__table table {
    width: 767px;
}

.p-project-search__table table th {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 17px 9px 15px;
    background-color: #d9d9d9;
}

.p-project-search__table table th label {
    font-weight: 700 !important;
}

.p-project-search__table table th label::before {
    margin-right: 10px !important;
}

.p-project-search__table table td {
    padding: 10px 9px;
}

.p-project-search__table table .checkbox {
    display: inline-block;
}

.p-project-search__table table .checkbox input:checked+label:after {
    content: url("../img/driver/common/icn_check.svg");
    display: block;
    position: absolute;
    top: -1px;
    left: 3px;
}

.p-project-search__table table .checkbox label {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.p-project-search__table table .checkbox label::before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #000;
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 17px;
    border-radius: 3px;
    position: relative;
    bottom: 2px;
}

.p-notification--delete .p-notification__btn-delete {
    display: none;
}

.p-notification--delete .p-notification__top__btn-select-all {
    display: block !important;
}

.p-notification--delete .p-notification__item input+label::before {
    opacity: 1;
    visibility: visible;
}

.p-notification--delete .p-notification__group-btn {
    display: block;
}

.p-notification--delete .p-notification__group-btn .c-btn__black {
    border-radius: 16px;
}

.p-notification--delete .p-notification__group-btn .c-btn__black.custom-white {
    background: transparent;
    border: 1px solid #BDBDBD;
    color: #000;
}

.p-notification__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-notification__top {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.p-notification__top h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.p-notification__top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.p-notification__top__btn-select-all {
    position: relative;
    display: none !important;
}

.p-notification__top__btn-select-all input {
    position: absolute;
}

.p-notification__top__btn-select-all input:checked+label:before {
    content: url("../img/driver/common/icn_checked_bg.svg");
    display: block;
    position: absolute;
    padding: 0;
    border: none;
}

.p-notification__top__btn-select-all input+label::before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #BC4E25;
    position: absolute;
    top: -2px;
    left: -25px;
}

.p-notification__top__btn-select-all label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    color: #BC4E25;
    cursor: pointer;
}

.p-notification__item {
    margin-bottom: 12px;
}

.p-notification__item input {
    position: absolute;
}

.p-notification__item input:checked+label:before {
    content: url("../img/driver/common/icn_checked_bg.svg");
    display: block;
    position: absolute;
    padding: 0;
    border: none;
}

.p-notification__item input+label::before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #C1BFBF;
    position: absolute;
    top: 13px;
    right: 14px;
    opacity: 0;
    visibility: hidden;
}

.p-notification__item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    padding: 11px 12px 32px;
}

.p-notification__item__img {
    margin-right: 12px;
    -webkit-box-flex: 46px;
    -ms-flex: 46px;
    flex: 46px;
    max-width: 46px;
    padding-top: 9px;
}

.p-notification__item__img img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-notification__item__info {
    -webkit-box-flex: calc(100% - 58px);
    -ms-flex: calc(100% - 58px);
    flex: calc(100% - 58px);
    max-width: calc(100% - 58px);
}

.p-notification__item__info h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 4px;
}

.p-notification__item__info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #202020;
}

.p-notification__item__date {
    position: absolute;
    bottom: 11px;
    right: 12px;
    font-size: 14px;
    line-height: 17px;
    z-index: 1;
}

.p-notification__group-btn {
    margin-top: 78px;
    text-align: center;
    display: none;
}

.p-notification__group-btn button {
    margin-bottom: 10px;
    padding: 15px 20px 14px;
}

.p-notification__group-btn a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #696969;
}

.p-profile__inner {
    margin-top: 27px;
    margin-bottom: 30px;
}

.p-profile__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px;
}

.p-profile__img-user {
    margin-right: 19px;
    position: relative;
}

.p-profile__img-user>img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-profile__img-user__icon-camera {
    position: absolute;
    bottom: -3px;
    right: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
}

.p-profile__user-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.p-profile__section {
    margin-bottom: 14px;
}

.p-profile__section h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 5px;
    color: #BD4F26;
}

.p-profile__section ul li+li {
    border-top: 1px solid #C1BEBE;
}

.p-profile__section ul li a {
    padding: 13px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: block;
    background: url("../img/driver/common/icn_arrow_right.svg") no-repeat calc(100% - 7px) center;
}

.p-profile-myprofile__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-profile-myprofile__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.p-profile-myprofile__btn-back span {
    margin-left: 18px;
}

.p-profile-myprofile__avatar-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 28px;
}

.p-profile-myprofile__avatar-upload__box {
    position: relative;
}

.p-profile-myprofile__avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.p-profile-myprofile__avatar-edit input {
    display: none;
}

.p-profile-myprofile__avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.p-profile-myprofile__avatar-preview img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-profile-myprofile__btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 700;
}

.p-profile-myprofile .c-form {
    margin-top: 24px;
}

.p-profile-myprofile .c-form__form-group+.c-form__form-group {
    margin-top: 16px;
}

.p-profile-myprofile .c-form__label-small {
    margin-bottom: 5px;
}

.p-profile-myprofile .c-form .l-row {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.p-profile-myprofile .c-form .l-col-6 {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.p-profile-myprofile .c-form input {
    font-size: 16px;
    line-height: 19px;
}

.p-profile-myprofile .c-form__checkbox {
    margin-bottom: 4px;
}

.p-profile-myprofile__agree {
    margin-top: 23px;
}

.p-profile-myprofile__agree .c-form__checkbox label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-profile-myprofile__btn-continue {
    margin-top: 80px;
}

.p-profile-myprofile__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 13px 20px 16px;
    width: 100%;
}

.p-profile-myprofile__btn-return {
    margin-top: 13px;
    text-align: center;
}

.p-profile-address__inner {
    margin-top: 24px;
    margin-bottom: 24px;
}

.p-profile-address__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.p-profile-address__avatar-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 28px;
}

.p-profile-address__avatar-upload__box {
    position: relative;
}

.p-profile-address__avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.p-profile-address__avatar-edit input {
    display: none;
}

.p-profile-address__avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.p-profile-address__avatar-preview img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-profile-address__btn-back {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.p-profile-address__btn-back span {
    margin-left: 18px;
}

.p-profile-address .c-form {
    margin-top: 24px;
}

.p-profile-address .c-form__form-group+.c-form__form-group {
    margin-top: 16px;
}

.p-profile-address .c-form__label-small {
    margin-bottom: 5px;
}

.p-profile-address .c-form .l-row {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.p-profile-address .c-form .l-col-6 {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.p-profile-address .c-form input {
    font-size: 16px;
    line-height: 19px;
}

.p-profile-address .c-form select {
    padding-left: 8px;
}

.p-profile-address .c-form select:disabled {
    background: #fafafa;
    opacity: 1;
    color: #000;
}

.p-profile-address .c-form__checkbox {
    margin-bottom: 4px;
}

.p-profile-address__agree {
    margin-top: 23px;
}

.p-profile-address__agree .c-form__checkbox label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-profile-address__btn-continue {
    margin-top: 26px;
}

.p-profile-address__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    padding: 15px 20px 14px;
    width: 100%;
}

.p-profile-address__btn-add {
    margin-top: 182px;
}

.p-profile-address__btn-add a {
    border-color: #bdbdbd;
    padding: 12px 20px 11px;
}

.p-profile-address__btn-add span {
    position: relative;
}

.p-profile-address__btn-add span img {
    position: absolute;
    left: -52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-profile-address__btn-return {
    margin-top: 13px;
    text-align: center;
}

.p-profile-payments__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-profile-payments__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    position: relative;
}

.p-profile-payments__btn-back {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.p-profile-payments__btn-back span {
    margin-left: 18px;
}

.p-profile-payments__box {
    padding: 11px 8px 3px;
    border: 1px solid #C5C5C5;
    border-radius: 15px;
    margin-bottom: 83px;
}

.p-profile-payments__box__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
}

.p-profile-payments__box__section {
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    padding: 7px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

.p-profile-payments__box__info h5 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
}

.p-profile-payments__box__info p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.p-profile-payments__box__action {
    font-size: 10px;
    line-height: 20px;
    font-family: "Zen Kaku Gothic New";
}

.p-profile-payments__box__action span {
    margin-right: 6px;
}

.p-profile-payments__copied {
    position: fixed;
    bottom: 50px;
    right: 15px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 7px 20px;
    z-index: 10;
}

.p-profile-payments .c-btn__black {
    padding: 13px 20px 16px;
}

.p-profile-verify__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-profile-verify__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}

.p-profile-verify__btn-back {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.p-profile-verify__btn-back span {
    margin-left: 18px;
}

.p-profile-verify__content ul li {
    margin-bottom: 12px;
}

.p-profile-verify__box {
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 12px;
    position: relative;
}

.p-profile-verify__box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.p-profile-verify__box__title h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-profile-verify__box__status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-profile-verify__box__status span {
    width: 10px;
    height: 10px;
    background: #F7FC0E;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.p-profile-verify__box__status strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-profile-verify__box__status--red span {
    background: #E41C1C;
}

.p-profile-verify__box__status--green span {
    background: #3ED15E;
}

.p-profile-verify__box__status--violet span {
    background: #3E4DD1;
}

.p-profile-verify__box__desc {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
    padding-right: 50px;
}

.p-profile-verify__box__desc span {
    margin-left: 3px;
}

.p-profile-verify__box__map {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: -2px;
    width: 60%;
}

.p-profile-verify__box__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.p-profile-verify__box__btn-waiting {
    width: 100%;
    border: 1px solid #E41C1C;
    background-color: #E41C1C;
    color: #fff;
    text-align: center;
    margin-top: 35px;
    padding: 11px;
    margin-top: 21px;
    margin-bottom: -2px;
}

.p-profile-verify__box__btn-waiting span {
    font-weight: 700;
    line-height: 19px;
}

.p-profile-verify__box__btn-cancel {
    width: 100%;
    border: 1px solid #4A4A4A;
    text-align: center;
    margin-top: 35px;
    padding: 11px;
    margin-top: 21px;
    margin-bottom: -2px;
}

.p-profile-verify__box__btn-cancel span {
    font-weight: 700;
    line-height: 19px;
}

.p-profile-verify__box__image-error {
    position: absolute;
    right: 12px;
    top: 38px;
}

.p-profile-verify__box__price {
    position: absolute;
    right: 12px;
    line-height: 19px;
    font-weight: 500;
    top: 69px;
}

.p-profile-details__header-main__inner {
    margin-bottom: 10px;
}

.p-profile-details__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-profile-details__header-main__inner a span {
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
}

.p-profile-details__header-main__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-profile-details__header-main__group-btn__events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-profile-details__header-main__group-btn__events a {
    margin-right: 14px;
}

.p-profile-details__header-main__group-btn__events a:last-of-type {
    margin-right: 0;
}

.p-profile-details__header-main__group-btn__events a img {
    width: 20px;
}

.p-profile-details__content {
    margin-top: 17px;
}

.p-profile-details__content h3 {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
}

.p-profile-details__content__info {
    margin-top: 12px;
    border: 1px solid #D9D9D9;
    padding: 9px 9px 9px 15px;
}

.p-profile-details__content__info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/user/request-history/img_next.svg") no-repeat center;
    background-position-x: 100%;
}

.p-profile-details__content__info a span {
    font-weight: 700;
    line-height: 19px;
    margin-left: 15px;
}

.p-profile-details__content input[typy=text] {
    padding: 9px 12px;
}

.p-profile-details__content input[type=datetime-local] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #676767;
    background: url("../img/driver/common/icn_calendar_03.svg") no-repeat calc(100% - 10px) center;
}

.p-profile-details__content input[type=time] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #676767;
    background: url("../img/driver/common/icn_calendar_03.svg") no-repeat calc(100% - 10px) center;
}

.p-profile-details__content input[type=datetime-local]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.p-profile-details__content input[type=time]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.p-profile-details__content__time__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.p-profile-details__content__time__item p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-profile-details__content__time__item>div {
    width: 100%;
}

.p-profile-details__content__date .date-picker {
    height: auto;
    max-height: 44px;
    border: 1px solid #BDBDBD;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.p-profile-details__content__date .date-picker .input {
    width: 100%;
    height: 44px;
    font-size: 0;
    cursor: pointer;
}

.p-profile-details__content__date .date-picker .input .result {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 100%;
    height: 44px;
    line-height: 19px;
    font-size: 16px;
    padding: 0 10px;
    color: grey;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.p-profile-details__content__date .date-picker .input button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 44px;
    height: 44px;
    color: white;
    line-height: 44px;
    border: 0;
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    z-index: 1;
}

.p-profile-details__content__date .date-picker .input button:focus {
    outline: 0;
}

.p-profile-details__content__date .date-picker .calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.p-profile-details__content__date .date-picker .ui-datepicker-inline {
    position: relative;
    width: 100%;
}

.p-profile-details__content__date .date-picker .ui-datepicker-header {
    height: 100%;
    line-height: 50px;
    background: grey;
    color: #fff;
    margin-bottom: 10px;
}

.p-profile-details__content__date .date-picker .ui-datepicker-prev {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: left;
    margin-left: 12px;
}

.p-profile-details__content__date .date-picker .ui-datepicker-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -45px 0px 0px 6px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-profile-details__content__date .date-picker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: right;
    margin-right: 12px;
}

.p-profile-details__content__date .date-picker .ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -45px 0px 0px 4px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-profile-details__content__date .date-picker .ui-datepicker-title {
    text-align: center;
    color: #fff;
}

.p-profile-details__content__date .date-picker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.p-profile-details__content__date .date-picker .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

.p-profile-details__content__date .date-picker .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 12px;
}

.p-profile-details__content__date .date-picker .ui-state-default:hover {
    background: rgba(0, 0, 0, 0.02);
}

.p-profile-details__content__date .date-picker .ui-state-highlight {
    color: #68768A;
}

.p-profile-details__content__date .date-picker .ui-state-active {
    color: #000;
    background-color: rgba(131, 146, 167, 0.12);
    font-weight: 600;
}

.p-profile-details__content__date .date-picker .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.p-profile-details__content__date .date-picker.open {
    max-height: 400px;
}

.p-profile-details__content__point textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-profile-details__content__point textarea:focus-visible {
    outline: none;
}

.p-profile-details__content__destination textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-profile-details__content__destination textarea:focus-visible {
    outline: none;
}

.p-profile-details__content__map p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: -4px;
    margin-bottom: 16px;
}

.p-profile-details__content__request {
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    margin-top: 5px;
    padding-bottom: 13px;
}

.p-profile-details__content__request h4 {
    margin-top: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.p-profile-details__content__request p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-profile-details__content__request dl {
    margin-top: 31px;
}

.p-profile-details__content__request dl dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.p-profile-details__content__request dl dd {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
    margin-top: 2px;
}

.p-profile-details__content__request .l-col.right {
    margin-left: -51px;
}

.p-profile-details__content__request__btn-rating {
    margin-top: 19px;
    margin-bottom: 15px;
}

.p-profile-details__content__request__btn-rating a {
    width: 100%;
    max-width: 100%;
    border: 1px solid #212121;
    border-radius: 4px;
    text-align: left;
    background: url(../img/user/request-history/img_next.svg) no-repeat center;
    background-position-x: calc(100% - 18px);
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
    position: relative;
}

.p-profile-details__content__money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 31px;
}

.p-profile-details__content__money h3 {
    margin-top: 1px;
}

.p-profile-details__content__money p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.p-profile-details__content__money.mt-13 {
    margin-top: 13px;
}

.p-profile-details__content__cancellation {
    width: calc(100% - 30px);
    margin-left: 15px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px;
    margin-top: 3px;
    margin-bottom: 27px;
}

.p-profile-details__content__cancellation h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 11px;
}

.p-profile-details__content__cancellation p.desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-profile-details__content__btn {
    text-align: center;
}

.p-profile-details__content__btn a {
    padding: 15px 20px 14px;
}

.p-profile-details__content__btn a+a {
    margin-top: 24px;
}

.p-profile-details__content__btn .c-btn__border {
    padding: 14px 20px 13px;
}

.p-profile-details__content__btn .c-btn-white {
    border-radius: 0;
}

.p-profile-details__content__btn .c-btn-white span {
    font-size: 16px;
    line-height: 19px;
}

.p-page-faq__inner {
    margin-top: 20px;
    margin-bottom: 30px;
}

.p-page-faq__list__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
}

.p-page-faq__list__question {
    padding: 11px 12px 11px;
    border: 1px solid #BDBDBD;
    margin-bottom: 16px;
    border-radius: 8px;
}

.p-page-faq__list__question.show h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    background-image: url("../img/driver/common/icn_minus_02.svg");
}

.p-page-faq__list__question h3 {
    padding-right: 90px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    background: url("../img/driver/common/icn_plus_03.svg") no-repeat right 0;
}

.p-page-faq__list__question__no-image h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding-right: 90px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.p-page-faq__list__answer {
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.p-page-contact__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-page-contact form .form-group {
    margin-bottom: 12px;
}

.p-page-contact form .form-group h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
}

.p-page-contact form .form-group h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 2px;
    color: #BC4E25;
}

.p-page-contact form .form-group textarea {
    font-size: 14px;
    line-height: 17px;
    color: #727272;
    height: 85px;
}

.p-page-contact form .form-group input {
    height: 44px;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #C1BEBE;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background-color: transparent;
}

.p-page-contact form button {
    margin-top: 76px;
}

.p-page-policy__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-page-policy__section {
    margin-bottom: 20px;
}

.p-page-policy__section h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
    color: #BD4F26;
}

.p-page-policy__section__content {
    margin-top: 16px;
}

.p-page-policy__section__content h3 {
    margin-bottom: 8px;
}

.p-page-policy__section__content p {
    font-size: 14px;
    line-height: 20px;
}

.p-u-login__inner {
    margin-top: 24px;
}

.p-u-login__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
}

.p-u-login__logo img {
    width: auto;
    max-width: 70%;
}

.p-u-login__desc {
    text-align: center;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 19px;
}

.p-u-login .c-form__form-group+.c-form__form-group {
    margin-top: 24px;
}

.p-u-login .c-form input {
    font-size: 16px;
    line-height: 19px;
    border-color: #BDBDBD;
    border-radius: 12px;
}

.p-u-login .c-form input[type=password] {
    /*font-size: 60px;*/
    letter-spacing: 2px;
    padding: 0 60px 0 9px;
}

.p-u-login__forgot-password {
    display: block;
    text-align: right;
    margin-top: 17px;
}

.p-u-login__forgot-password a {
    font-size: 16px;
    line-height: 19px;
    position: relative;
    color: #BC4E25;
}

.p-u-login__btn-login {
    margin-top: 30px;
}

.p-u-login__btn-login button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #121212;
    text-align: center;
    /*padding: 19px 20px 18px;*/
    width: 100%;
}

.p-u-login__btn-login-user {
    margin-top: 30px;
}

.p-u-login__btn-login-user button {
    height: 48px!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #BD4F26;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    transition: .2s all;
}

.p-u-login__btn-login-user button:hover {
    background: #000;
}

.p-u-login__register-link {
    text-align: center;
    margin-top: 221px;
    margin-bottom: 26px;
    /*position: fixed;*/
    /*bottom: 25px;*/
    /*left: 50%;*/
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
}

.p-u-register__inner {
    margin-top: 24px;
}

.p-u-register__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    /*margin-bottom: 13px;*/
}

.p-u-register__desc {
    font-size: 16px;
    line-height: 19px;
    margin-left: 9px;
}

.margin-top-24 {
    margin-top: 20px!important;
}

.p-u-register .c-form {
    margin-top: 20px;
}

.p-u-register .c-form input {
    font-size: 16px;
    line-height: 19px;
    border-color: #BDBDBD;
}

.p-u-register .c-form input[type=password] {
    /*font-size: 60px;*/
    letter-spacing: 2px;
    padding: 0 60px 0 9px;
}

.p-u-register .c-form__form-group+.c-form__form-group {
    margin-top: 24px;
}

.p-u-register__btn-continue {
    margin-top: 130px;
}

.p-u-register__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #BD4F26;
    text-align: center;
    padding: 19px 20px 18px;
    width: 100%;
}

.p-u-register__btn-return {
    text-align: center;
    position: fixed;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-u-register-info__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-u-register-info__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 11px;
}

.p-u-register-info__desc {
    font-size: 16px;
    line-height: 19px;
}

.p-u-register-info__btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
}

.p-u-register-info .c-form {
    margin-top: 24px;
}

.p-u-register-info .c-form__form-group+.c-form__form-group {
    margin-top: 20px;
}

.p-u-register-info .c-form .l-row {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.p-u-register-info .c-form .l-col-6 {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.p-u-register-info .c-form input {
    font-size: 16px;
    line-height: 19px;
}

.p-u-register-info .c-form__checkbox {
    margin-bottom: 4px;
}

.p-u-register-info__agree {
    margin-top: 23px;
}

.p-u-register-info__agree .c-form__checkbox label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-register-info__btn-continue {
    margin-top: 37px;
}

.p-u-register-info__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #BD4F26;
    text-align: center;
    padding: 13px 20px 13px;
    width: 100%;
}

.p-u-register-info__btn-return {
    margin-top: 13px;
    text-align: center;
}

.p-u-dashboard__inner {
    margin-top: 40px;
    margin-bottom: 30px;
}

.p-u-dashboard__logo {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-u-dashboard__group-btn {
    margin-top: 50px;
}

.p-u-dashboard__group-btn__image {
    width: 32px;
    text-align: left;
}

.p-u-dashboard__group-btn ul li {
    margin-bottom: 13px;
}

.p-u-dashboard__group-btn ul li+li {
    text-align: center;
    margin-bottom: 16px;
}

.p-u-dashboard__group-btn ul li .handle-btn {
    width: 100%;
    max-width: 100%;
    border: 1px solid #BD4F26;
    border-radius: 4px;
    text-align: left;
    background: url("../img/user/dashboard/icn_next.svg") no-repeat center;
    background-position-x: calc(100% - 18px);
    padding: 13px;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    color: #BD4F26;
    text-align: center;
}

.p-u-dashboard__group-btn ul li .handle-btn.add {
    text-align: center;
    border-radius: 4px !important;
}

.p-u-dashboard__group-btn ul li .handle-btn.add img {
    width: 12px;
}

.p-u-dashboard__group-btn ul li .handle-btn.add span {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
}

.p-u-dashboard__group-btn ul li .handle-btn.add span::before {
    /*content: url("../img/user/dashboard/icn_add.svg");*/
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -25px;
}

.p-u-dashboard__group-btn ul li:last-of-type {
    margin-top: 0px;
}

.p-u-dashboard__group-btn ul li:last-of-type .handle-btn.add {
    padding: 12px;
    background: none;
}

.p-u-dashboard__group-btn__logout {
    text-align: center;
}

.p-u-dashboard__group-btn__logout a {
    border: 1px solid #ACACAC;
    border-radius: 12px;
    max-width: 100%;
    padding: 8.5px 20px 8.5px 25px;
    margin-top: 39px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 19px;
}

.p-u-dashboard__group-btn__logout a img {
    width: 20px;
    margin-right: 10px;
}

.p-u-search__header-main__inner {
    margin-bottom: 10px;
}

.p-u-search__header-main__inner a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-search__header-main__inner a span {
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
    color: #BD4F26;
    font-size: 16px;
}

.p-u-search__content {
    margin-top: 23px;
}

.p-u-search__content__group h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
    margin-top: 19px;
    color: #BD4F26;
}

.p-u-search__content__group select {
    padding: 13px;
    width: 100%;
    color: #999999;
    font-size: 14px;
    line-height: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/user/search/icon_select.svg") center no-repeat;
    background-position-x: calc(100% - 19px);
    position: relative;
}

.p-u-search__content__group select:focus-visible {
    outline: none;
}

.p-u-search__content__group select__selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-u-search__content__group__selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 23px;
}

.p-u-search__content__group__item {
    width: 50%;
}

.p-u-search__content__group__item p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
}

.p-u-search__content__group-handle {
    /* margin-top: 239px; */
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: calc(100% - 30px);
    max-width: 767px;
}

.p-u-search__content__group-handle .c-btn-black {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.p-u-search__content__group-handle .c-btn-white {
    margin-bottom: 5px;
    border: none;
}

.p-u-search__content__group-handle .c-btn-white span {
    font-weight: 500;
}

.p-u-list-activity-history__header-main__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 19px;
}

.p-u-list-activity-history__header-main__inner h3 {
    font-size: 18px;
    line-height: 22px;
}

.p-u-list-activity-history__steps ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-list-activity-history__steps ul li {
    padding-right: 24px;
    margin-bottom: 5px;
}

.p-u-list-activity-history__steps ul li a {
    font-weight: 700;
    line-height: 19px;
}

.p-u-list-activity-history__steps ul li a.active {
    border-bottom: 3px solid #BD4F26;
    color: #BD4F26;
}

.p-u-list-activity-history__steps ul li:last-of-type {
    padding-right: 0;
}

.p-u-list-activity-history__content {
    margin-top: 20px;
}

.p-u-list-activity-history__content ul li {
    margin-bottom: 12px;
}

.p-u-list-activity-history__box {
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px 12px;
    position: relative;
}

.p-u-list-activity-history__box-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-bottom: 8px;
}

.p-u-list-activity-history__box-item .name{
    font-family: "Kozuka Gothic Pr6N B";
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    min-width: 74px;
    width: 74px;
    position: relative;
}

.p-u-list-activity-history__box-item .name::after{
    content: ':';
    position: absolute;
    right: 0;
    top: -1px;
}

.p-u-list-activity-history__box-item .value{
    font-family: "Kozuka Gothic Pr6N M";
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-left: 5px;
}

.p-u-list-activity-history__box-date-apply{
    margin-top: 16px;
}

.p-u-list-activity-history__box-date-apply p{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: end;
}


.p-u-list-activity-history__box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.p-u-list-activity-history__box__title h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-u-list-activity-history__box__status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-list-activity-history__box__status span {
    width: 10px;
    height: 10px;
    background: #F7FC0E;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.p-u-list-activity-history__box__status strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-u-list-activity-history__box__status.red span {
    background: #E41C1C;
}

.p-u-list-activity-history__box__status.green span {
    background: #3ED15E;
}

.p-u-list-activity-history__box__status.violet span {
    background: #3E4DD1;
}

.p-u-list-activity-history__box__status.blue span {
    background: #279EE0;
}

.p-u-list-activity-history__box__status.orange span {
    background: #EF880F;
}

.p-u-list-activity-history__box__desc {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
    padding-right: 50px;
}

.p-u-list-activity-history__box__desc span {
    margin-left: 3px;
}

.p-u-list-activity-history__box__map {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: -2px;
    width: 60%;
}



.p-u-list-activity-history__box__btn-cancel {
    width: 100%;
    border: 1px solid #BDBDBD;
    text-align: center;
    margin-top: 35px;
    padding: 14px;
    margin-top: 21px;
    margin-bottom: -2px;
    background: #FFFFFF;
}

.p-u-list-activity-history__box__btn-cancel span {
    font-weight: 700;
    line-height: 19px;
}

.p-u-list-activity-history__box__image-error {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.p-u-list-activity-history__box__price {
    position: absolute;
    right: 12px;
    line-height: 19px;
    font-weight: 500;
    top: 70px;
}

.p-u-list-activity-history__popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.54);
    z-index: 100;
}

.p-u-list-activity-history__popup__inner {
    border-radius: 6px;
    background: #FFFFFF;
    position: fixed;
    top: calc(50% - 66px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 400px;
    max-width: calc(100% - 32px);
}

.p-u-list-activity-history__popup__content {
    padding: 20px 16px;
}

.p-u-list-activity-history__popup__content h5 {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #BC4E25;
    margin-bottom: 16px;
}

.p-u-list-activity-history__popup__content p {
    /* margin-top: 17px;
    line-height: 19px;
    margin-bottom: 9px; */
}
.p-u-list-activity-history__popup__content-inner{
    width: 287px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.p-u-list-activity-history__popup__content .p-u-list-activity-history__box-item{
    margin-bottom: 0;
}

.p-u-list-activity-history__popup__content .p-u-list-activity-history__box-item .value{
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    word-break: break-all;
}

.p-u-list-activity-history__popup__group-btn {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.p-u-list-activity-history__popup__group-btn .c-style-btn{
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    padding: 15px 5px;
    border: 1px solid #2B2B2B;
    color: #2B2B2B;
}
.p-u-list-activity-history__popup__group-btn .c-style-btn--origin{
    border: 1px solid #BC4E25;
    color: #fff;
}
.p-u-list-activity-history__popup__group-btn .c-btn-white {
    width: 100%;
    border: none;
    border-radius: 6px;
    height: 42px;
}

.p-u-list-activity-history__popup__group-btn .black {
    background: #000000 !important;
}

.p-u-list-activity-history__popup__group-btn .black span {
    color: #FFFFFF !important;
}

.p-u-list-activity-history__popup__group-btn .c-btn-white span {
    line-height: 19px;
    font-size: 16px;
}

.p-u-list-activity-history__popup__form-group {
    margin-bottom: 5px;
}

.p-u-list-activity-history__popup__form-group input[type=radio]:checked+label:before,
.p-u-list-activity-history__popup__form-group input[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.p-u-list-activity-history__popup__form-group input[type=radio]:checked+label:after,
.p-u-list-activity-history__popup__form-group input[type=radio]:not(:checked)+label:after {
    background: url(../img/user/list-activity-history/icn_radio.svg) center no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.p-u-list-activity-history__popup__form-group input[type=radio]:checked+label,
.p-u-list-activity-history__popup__form-group input[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    color: #000000;
    margin-bottom: 0;
}

.p-u-list-activity-history__btn-news {
    margin-top: -6px;
}

.p-u-list-activity-history__btn-news .c-btn-white {
    width: 100%;
    position: relative;
    border: 1px solid #BD4F26;
    border-radius: 4px;
    height: 48px;
}

.p-u-list-activity-history__btn-news .c-btn-white span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    left: 13px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #BD4F26;
}

.p-u-list-activity-history__btn-news .c-btn-white::before {
    content: url("../img/user/dashboard/icn_add.svg");
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
}

.p-u-request-history__header-main__inner {
    margin-bottom: 10px;
}

.p-u-request-history__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-request-history__header-main__inner a span {
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
    color: #BD4F26;
}

.p-u-request-history__header-main__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-request-history__header-main__group-btn__events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-request-history__header-main__group-btn__events a {
    margin-right: 14px;
}

.p-u-request-history__header-main__group-btn__events a:last-of-type {
    margin-right: 0;
}

.p-u-request-history__header-main__group-btn__events a img {
    width: 20px;
}

.p-u-request-history__content {
    margin-top: 17px;
}

.p-u-request-history__content h3 {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
    color: #BD4F26;
}

.p-u-request-history__content__info {
    /*margin-top: 8px;*/
    border: 1px solid #BD4F26;
    padding: 9px 9px 9px 15px;
    border-radius: 8px;
}

.p-u-request-history__content__info.arrow a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/user/request-history/img_next.svg") no-repeat center;
    background-position-x: 100%;
}

.p-u-request-history__content__info.complete a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position-x: 100%;
}

.p-u-request-history__content__info a span {
    font-weight: 700;
    line-height: 19px;
    margin-left: 15px;
}

.p-u-request-history__content input[typy=text] {
    padding: 9px 12px;
}

.p-u-request-history__content__time__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.p-u-request-history__content__time__item p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-request-history__content__time__item>div {
    width: 100%;
}

.p-u-request-history__content__date .date-picker {
    height: auto;
    max-height: 44px;
    border: 1px solid #BDBDBD;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.p-u-request-history__content__date .date-picker .input {
    width: 100%;
    height: 44px;
    font-size: 0;
    cursor: pointer;
}

.p-u-request-history__content__date .date-picker .input .result {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 100%;
    height: 44px;
    line-height: 19px;
    font-size: 16px;
    padding: 0 10px;
    color: grey;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.p-u-request-history__content__date .date-picker .input button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 44px;
    height: 44px;
    color: white;
    line-height: 44px;
    border: 0;
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    z-index: 1;
}

.p-u-request-history__content__date .date-picker .input button:focus {
    outline: 0;
}

.p-u-request-history__content__date .date-picker .calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-inline {
    position: relative;
    width: 100%;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-header {
    height: 100%;
    line-height: 50px;
    background: grey;
    color: #fff;
    margin-bottom: 10px;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-prev {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: left;
    margin-left: 12px;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -45px 0px 0px 6px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: right;
    margin-right: 12px;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -45px 0px 0px 4px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-title {
    text-align: center;
    color: #fff;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

.p-u-request-history__content__date .date-picker .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 12px;
}

.p-u-request-history__content__date .date-picker .ui-state-default:hover {
    background: rgba(0, 0, 0, 0.02);
}

.p-u-request-history__content__date .date-picker .ui-state-highlight {
    color: #68768A;
}

.p-u-request-history__content__date .date-picker .ui-state-active {
    color: #000;
    background-color: rgba(131, 146, 167, 0.12);
    font-weight: 600;
}

.p-u-request-history__content__date .date-picker .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.p-u-request-history__content__date .date-picker.open {
    max-height: 400px;
}

.p-u-request-history__content__point textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-u-request-history__content__point textarea:focus-visible {
    outline: none;
}

.p-u-request-history__content__destination textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-u-request-history__content__destination textarea:focus-visible {
    outline: none;
}

.p-u-request-history__content__map p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: -4px;
    margin-bottom: 16px;
}

.p-u-request-history__content__map iframe {
    width: 100%;
}

.p-u-request-history__content__request {
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    margin-top: 5px;
    padding-bottom: 13px;
}

.p-u-request-history__content__request h4 {
    margin-top: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.p-u-request-history__content__request p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-u-request-history__content__request dl {
    margin-top: 31px;
}

.p-u-request-history__content__request dl dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.p-u-request-history__content__request dl dd {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
    margin-top: 2px;
}

.p-u-request-history__content__request .l-col.right {
    margin-left: -51px;
}

.p-u-request-history__content__request__btn-rating {
    margin-top: 19px;
    margin-bottom: 15px;
}

.p-u-request-history__content__request__btn-rating a {
    width: 100%;
    max-width: 100%;
    border: 1px solid #212121;
    border-radius: 4px;
    text-align: left;
    background: url(../img/user/request-history/img_next.svg) no-repeat center;
    background-position-x: calc(100% - 18px);
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
    position: relative;
}

.p-u-request-history__content__money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 31px;
}

.p-u-request-history__content__money h3 {
    margin-top: 1px;
    color: #000000 !important;
}

.p-u-request-history__content__money p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.p-u-request-history__content__money.mt-13 {
    margin-top: 13px;
}

.p-u-request-history__content__cancellation {
    width: calc(100% - 30px);
    margin-left: 15px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px;
    margin-top: 3px;
    margin-bottom: 27px;
}

.p-u-request-history__content__cancellation h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 11px;
}

.p-u-request-history__content__cancellation p.desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-request-history__content__btn {
    text-align: center;
}

.p-u-request-history__content__btn .c-btn-white {
    border-radius: 0;
}

.p-u-request-history__content__btn .c-btn-white span {
    font-size: 16px;
    line-height: 19px;
}

.p-u-request-history__popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.54);
    z-index: 100;
}

.p-u-request-history__popup__inner {
    border-radius: 6px;
    background: #FFFFFF;
    position: fixed;
    top: calc(50% - 66px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 797px;
    max-width: calc(100% - 30px);
}

.p-u-request-history__popup__content {
    padding: 27px 9px 15px;
    min-height: 140px;
}

.p-u-request-history__popup__content h5 {
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}

.p-u-request-history__popup__content .desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-top: 9px;
    padding-left: 25px;
}

.p-u-request-history__popup__group-btn {
    position: fixed;
    margin-top: 72px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 16px;
}

.p-u-request-history__popup__group-btn .c-btn-white {
    width: 100%;
    border: none;
    border-radius: 6px;
    height: 42px;
}

.p-u-request-history__popup__group-btn .c-btn-white span {
    line-height: 19px;
    font-size: 16px;
}

.p-u-request-history__popup .p-u-list-activity-history__popup__form-group {
    padding-left: 25px;
}

.p-u-request-history-two__header-main__inner {
    margin-bottom: 20px;
}

.p-u-request-history-two__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-request-history-two__header-main__inner a span {
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
    color: #BD4F26;
    font-size: 16px;
}

.p-u-request-history-two__header-main__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-request-history-two__header-main__group-btn__events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-request-history-two__header-main__group-btn__events a {
    margin-right: 14px;
}

.p-u-request-history-two__header-main__group-btn__events a:last-of-type {
    margin-right: 0;
}

.p-u-request-history-two__content {
    margin-top: 17px;
}

.p-u-request-history-two__content h3 {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
    color: #BD4F26;
}

.p-u-request-history-two__content__info {
    margin-top: 12px;
    border: 1px solid #D9D9D9;
    padding: 9px 15px;
}

.p-u-request-history-two__content__info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-request-history-two__content__info a span {
    font-weight: 700;
    line-height: 19px;
    margin-left: 15px;
}

.p-u-request-history-two__content input[typy=text] {
    padding: 9px 12px;
}

.p-u-request-history-two__content__time__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    /*margin-bottom: 16px;*/
}

.p-u-request-history-two__content__time__item p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-request-history-two__content__time__item>div {
    width: 100%;
}

.p-u-request-history-two__content__date form input#custom-input-date,
.p-u-request-history-two__content__date form label {
    display: block;
    outline: none;
}

.p-u-request-history-two__content__date form .input-field {
    margin-bottom: 16px;
}

.p-u-request-history-two__content__date form label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #212529;
    margin-bottom: 8px;
}

.p-u-request-history-two__content__date form input#custom-input-date {
    padding: 12px 16px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    color: #212529;
    font-size: 14px;
    font-weight: 500;
}

.p-u-request-history-two__content__date form input.calendar {
    background-image: url("https://bytebucket.org/fuoricitta/form-best-practice/raw/197f5e38bea1d53b52102b6c98e0e6b129dd6908/Examples/assets/img/calendar.png?token=b57efe00e0e5d28327a3b62e263519c284c70d53");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.p-u-request-history-two__content__date form .label-error {
    height: 10px;
    margin-top: 4px;
    font-size: 10px;
    color: #DC3545;
}

.p-u-request-history-two__content__date form input#custom-input-date:hover {
    border: 1px solid #BDBDBD;
}

.p-u-request-history-two__content__date form input#custom-input-date:focus {
    border: 1px solid #BDBDBD;
}

.p-u-request-history-two__content__point textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-u-request-history-two__content__point textarea:focus-visible {
    outline: none;
}

.p-u-request-history-two__content__destination textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #BDBDBD;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 12px 15px;
}

.p-u-request-history-two__content__destination textarea:focus-visible {
    outline: none;
}

.p-u-request-history-two__content__map p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: -4px;
    margin-bottom: 16px;
}

.p-u-request-history-two__content__request {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    margin-top: 5px;
    padding-bottom: 13px;
    border-bottom: 1px solid #E2E2E2;
}

.p-u-request-history-two__content__request h4 {
    margin-top: 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.p-u-request-history-two__content__request p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-u-request-history-two__content__request dl {
    margin-top: 31px;
}

.p-u-request-history-two__content__request dl dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.p-u-request-history-two__content__request dl dd {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
}

.p-u-request-history-two__content__request .l-col.right {
    margin-left: -51px;
}

.p-u-request-history-two__content__money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 31px;
}

.p-u-request-history-two__content__money h3 {
    margin-top: 1px;
}

.p-u-request-history-two__content__money p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.p-u-request-history-two__content__btn {
    text-align: center;
}

.p-u-request-history-two .c-btn-black.red {
    width: 100%;
    background: #F91515;
    margin-bottom: 5px;
}

.p-u-request-history-two .c-btn-white {
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
}

.p-u-request-history-two .c-btn-white span {
    font-size: 16px;
    line-height: 19px;
}

.p-u-create-booking__header-main {
    margin-top: 24px;
    margin-bottom: 20px;
}

.p-u-create-booking__header-main__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*padding-bottom: 6px;*/
}

.p-u-create-booking__header-main__inner h3 {
    font-size: 18px;
    line-height: 22px;
}

.p-u-create-booking__content h3 {
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 13px;
    color: #BD4F26;
}

.p-u-create-booking__content__time__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.p-u-create-booking__content__time__item>div {
    width: 100%;
}

.p-u-create-booking__content__time__item p {
    padding-bottom: 9px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.p-u-create-booking__content__case h3,
.p-u-create-booking__content__date h3,
.p-u-create-booking__content__point h3,
.p-u-create-booking__content__number h3 {
    margin-top: 16px;
    margin-bottom: 8px;
}

.p-u-create-booking__content__point,
.p-u-create-booking__content__type {
    /*Base*/
    /*Layout*/
    /*Dropdown*/
    /*List*/
}

.p-u-create-booking__content__point li,
.p-u-create-booking__content__point a,
.p-u-create-booking__content__type li,
.p-u-create-booking__content__type a {
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.p-u-create-booking__content__point *,
.p-u-create-booking__content__type * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-u-create-booking__content__point label,
.p-u-create-booking__content__type label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-create-booking__content__point html,
.p-u-create-booking__content__point body,
.p-u-create-booking__content__type html,
.p-u-create-booking__content__type body {
    width: 100%;
    height: 100%;
}

.p-u-create-booking__content__point h1,
.p-u-create-booking__content__type h1 {
    font-size: 1.2em;
}

.p-u-create-booking__content__point li,
.p-u-create-booking__content__type li {
    font-size: 1em;
}

.p-u-create-booking__content__point .dropdown,
.p-u-create-booking__content__type .dropdown {
    border: 1px solid #BDBDBD;
    background: url("../img/user/common/icn_dropdown.svg") center no-repeat;
    background-position-x: calc(100% - 19px);
    margin-top: 7px;
}

.p-u-create-booking__content__point a,
.p-u-create-booking__content__type a {
    display: block;
    padding: 13px;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    height: 44px;
}

.p-u-create-booking__content__point .fa,
.p-u-create-booking__content__type .fa {
    float: right;
}

.p-u-create-booking__content__point ul,
.p-u-create-booking__content__type ul {
    display: none;
    background: #EFEFEF;
}

.p-u-create-booking__content__point li,
.p-u-create-booking__content__type li {
    padding: 0.5em;
    cursor: pointer;
}

.p-u-create-booking__content__point li:last-child,
.p-u-create-booking__content__type li:last-child {
    color: #ad0000;
}

.p-u-create-booking__content__point li:focus,
.p-u-create-booking__content__point li:hover,
.p-u-create-booking__content__type li:focus,
.p-u-create-booking__content__type li:hover {
    background: #ecf0f1;
}

.p-u-create-booking__content__point li:active,
.p-u-create-booking__content__type li:active {
    background: #fbfcfc;
}

.p-u-create-booking__content__point li label,
.p-u-create-booking__content__type li label {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-u-create-booking__content__point [type=radio]:checked,
.p-u-create-booking__content__point [type=radio]:not(:checked),
.p-u-create-booking__content__type [type=radio]:checked,
.p-u-create-booking__content__type [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.p-u-create-booking__content__point [type=radio]:checked+label,
.p-u-create-booking__content__point [type=radio]:not(:checked)+label,
.p-u-create-booking__content__type [type=radio]:checked+label,
.p-u-create-booking__content__type [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
}

.p-u-create-booking__content__point [type=radio]:checked+label:before,
.p-u-create-booking__content__point [type=radio]:not(:checked)+label:before,
.p-u-create-booking__content__type [type=radio]:checked+label:before,
.p-u-create-booking__content__type [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fff;
}

.p-u-create-booking__content__point [type=radio]:checked+label:after,
.p-u-create-booking__content__point [type=radio]:not(:checked)+label:after,
.p-u-create-booking__content__type [type=radio]:checked+label:after,
.p-u-create-booking__content__type [type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url("../img/user/create-booking/icn_check-radio.svg") center no-repeat;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.p-u-create-booking__content__point [type=radio]:not(:checked)+label:after,
.p-u-create-booking__content__type [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.p-u-create-booking__content__point [type=radio]:checked+label:after,
.p-u-create-booking__content__type [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.p-u-create-booking__content__map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 15px;
}

.p-u-create-booking__content__map>div {
    width: calc(50% - 9px);
}

.p-u-create-booking__content__map>div p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
}

.p-u-create-booking__content__map>div select {
    background: url("../../../assets/img/user/common/icn_dropdown.svg") center no-repeat;
    background-position-x: calc(100% - 18px);
}

.p-u-create-booking__content__town {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 18px;
}

.p-u-create-booking__content__town>div {
    width: calc(50% - 9px);
}

.p-u-create-booking__content__town>div p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
}

.p-u-create-booking__content__town>div select {
    background-position-x: calc(100% - 18px);
}

.p-u-create-booking__content__group-handle {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.p-u-create-booking__content__group-handle-clicked {
    text-align: center;
    margin-top: 143px;
}

.p-u-create-booking__content__case textarea {
    height: 44px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.p-u-create-booking__content__point .js-dropdown-list,
.p-u-create-booking__content__point .js-dropdown-lists,
.p-u-create-booking__content__type .js-dropdown-list,
.p-u-create-booking__content__type .js-dropdown-lists {
    position: absolute;
    width: calc(100% - 30px);
    max-width: 767px;
}

.p-project-request__input {
    margin-top: 32px;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 25px;
}

.p-project-request__input .col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.p-project-request__input .col-left a.btn-back img {
    margin-top: 14px;
}

.p-project-request__input__group-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 14px;
}

.p-project-request__input__group-image::before {
    content: url("../img/user/project-request/icn_line.svg");
    position: absolute;
    top: calc(50% - 18px);
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.p-project-request__input__group-image img+img {
    width: 13px;
    margin: auto;
    margin-top: -1px;
    filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(569%) hue-rotate(337deg) brightness(87%) contrast(93%);
}

.p-project-request__input .col-center {
    padding-left: 0;
    padding-right: 0;
}

.p-project-request__input .col-center input {
    border-radius: 10px;
    margin-bottom: 12px;
}

.p-project-request__input .col-center input:last-of-type {
    margin-bottom: 0;
}

.p-project-request__input .col-right {
    margin: auto;
}

.p-project-request__gg-map {
    margin-top: 20px;
    width: calc(100% + 30px);
    margin-left: -15px;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 8px;
}

.p-project-request__times {
    margin-top: 33px;
}

.p-project-request__times p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-project-request__times p strong {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.p-project-request__times p span {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #868686;
    margin-left: 35px;
}

.p-project-request__times__desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7B7777;
    margin-top: 13px;
    padding-right: 66px;
}

.p-project-request__group-btn {
    text-align: center;
    margin-top: 35px;
}

.p-u-detail-project-request h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
    color: #BD4F26;
}

.p-u-detail-project-request select {
    background-position-x: calc(100% - 18px);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-overflow: ellipsis;
}

.p-u-detail-project-request__fare,
.p-u-detail-project-request__displacement,
.p-u-detail-project-request__car,
.p-u-detail-project-request__inspection,
.p-u-detail-project-request__handle {
    margin-top: 15px;
}

.p-u-detail-project-request__fare select,
.p-u-detail-project-request__displacement select,
.p-u-detail-project-request__car select,
.p-u-detail-project-request__inspection select,
.p-u-detail-project-request__handle select {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #999999;
}

.p-u-detail-project-request__fare select option,
.p-u-detail-project-request__displacement select option,
.p-u-detail-project-request__car select option,
.p-u-detail-project-request__inspection select option,
.p-u-detail-project-request__handle select option {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.p-u-detail-project-request__car select {
    font-size: 13px;
    line-height: 16px;
}

.p-u-detail-project-request__handle h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
}

.p-u-detail-project-request__confirm {
    margin: 45px 0 19px 9px;
}

.p-u-detail-project-request__confirm input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
}

.p-u-detail-project-request__confirm label {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-detail-project-request__confirm label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #000;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 13px;
}

.p-u-detail-project-request__confirm input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    width: 3px;
    height: 5px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(480%) hue-rotate(332deg) brightness(91%) contrast(97%);
}

.p-u-detail-project-request__group-btn {
    margin-top: 100px;
}

.p-u-detail-project-request__group-btn .c-btn-black,
.p-u-detail-project-request__group-btn .c-btn-white {
    width: 100%;
    margin-bottom: 16px;
}

.p-u-detail-project-request__group-btn .c-btn-white {
    border: none;
}

.p-u-driver-info__header-main {
    position: relative;
}

.p-u-driver-info__header-main__inner {
    margin-bottom: 8px;
}

.p-u-driver-info__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-driver-info__header-main__inner a span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-left: 16px;
    color: #BD4F26;
}

.p-u-driver-info__avatar {
    text-align: center;
    margin-top: 27px;
    margin-bottom: 28px;
}

.p-u-driver-info__avatar-driver-information {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.p-u-driver-info__name h3,
.p-u-driver-info__phone h3,
.p-u-driver-info__license h3,
.p-u-driver-info__common h3,
.p-u-driver-info__address h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 7px;
    margin-top: 18px;
    color: #BD4F26;
}

.p-u-driver-info__common ul li {
    display: flex;
    align-items: baseline;
}

.p-u-driver-info__common ul li span {
    margin-left: 115px;
}

.p-u-driver-info__phone h3,
.p-u-driver-info__address h3 {
    margin-bottom: 3px;
}

.p-u-driver-info__phone input,
.p-u-driver-info__address input {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.p-u-driver-info__phone textarea,
.p-u-driver-info__address textarea {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
    height: 72px;
    padding: 15px;
}

.p-u-driver-info__name input {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
}

.p-u-driver-info__handle {
    position: absolute;
    bottom: 34px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-u-vote__header-main__inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-vote__header-main__inner a span {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-left: 15px;
    color: #BD4F26;
}

.p-u-vote__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

.p-u-vote__group__name a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-vote__group__name a span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-left: 13px;
}

.p-u-vote__group__handle a {
    margin-right: 10px;
}

.p-u-vote__group__handle a:last-of-type {
    margin-right: 0;
}

.p-u-vote__info {
    margin-top: 24px;
}

.p-u-vote__info p {
    margin-bottom: 10px;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 9px;
}

.p-u-vote__info strong {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    width: 143px;
    color: #BD4F26;
}

.p-u-vote__info p span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.p-u-vote__item {
    margin-top: 23px;
}

.p-u-vote__item h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
    color: #BD4F26;
}

.p-u-vote__item__input-group {
    background-color: #fff;
    display: block;
    margin: 12px 0;
    position: relative;
}

.p-u-vote__item__input-group label {
    padding: 8.5px 63px;
    width: 100%;
    display: block;
    text-align: left;
    color: #000000;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
    overflow: hidden;
    border: 1px solid #BDBDBD;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-u-vote__item__input-group label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #000000;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.p-u-vote__item__input-group label:after {
    width: 32px;
    height: 32px;
    content: "";
    border: 2px solid #D1D7DC;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    display: none;
}

.p-u-vote__item__input-group input:checked~label {
    color: #fff !important;
}

.p-u-vote__item__input-group input:checked~label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

.p-u-vote__item__input-group input:checked~label:after {
    background-color: transparent;
    border-color: transparent;
}

.p-u-vote__item__input-group input {
    width: 32px;
    height: 32px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.p-u-vote__item__input-group input[type=radio]:checked+label:before,
.p-u-vote__item__input-group input[type=radio]:not(:checked)+label:before {
    background: #000000;
    width: 100%;
    height: 100%;
}

.p-u-vote__item__input-group input[type=radio]:checked+label,
.p-u-vote__item__input-group input[type=radio]:not(:checked)+label {
    position: relative;
    padding: 8.5px 63px;
    line-height: 19px;
    display: inline-block;
    color: #BD4F26;
    margin-bottom: -6px;
}

.p-u-vote__btn-submit {
    margin-top: 132px;
}

.p-u-calender-booking__header-main {
    margin-top: 24px;
}

.p-u-calender-booking__header-main__inner a span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.p-u-calender-booking__header-main__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-calender-booking__header-main__btn-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #D9D9D9;
    padding: 14px 13px 14px 8px;
    border-radius: 8px;
}

.p-u-calender-booking__header-main__btn-add span {
    font-size: 16px !important;
    line-height: 19px !important;
    margin-right: 10px;
    color: #FFFFFF;
}

.p-u-calender-booking__header-main__group-btn {
    margin-top: 26px;
}

.p-u-calender-booking__header-main__group-btn a {
    width: 28px;
    height: 28px;
    border: 1px solid #000000;
    border-radius: 2px;
    position: relative;
}

.p-u-calender-booking__header-main__group-btn a+a {
    margin-left: 8px;
}

.p-u-calender-booking__header-main__group-btn a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-u-calender-booking__header-main__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-calender-booking__header-main__tabs .tab {
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 1px 4px;
}

.p-u-calender-booking__header-main__tabs .tab+.tab {
    margin-left: 23px;
}

.p-u-calender-booking__header-main__tabs .tab.active {
    border-bottom: 4px solid #000000;
}

.p-u-calender-booking__header-main__tabs .tab:hover {
    border-bottom: 4px solid #000000;
}

.p-u-calender-booking__header-main__tabs .tab-content {
    margin-left: 20px;
    margin-right: 20px;
}

.p-u-calender-booking__tab-content {
    /*margin-top: 25px;*/
}

#calendar .fc-left .fc-button-group button.fc-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    border-color: #bc4e25;
    padding: 0;
}

#calendar .fc-left .fc-button-group .fc-button span {
    color: #bc4e25;
    position: relative;
    top: 1px;
}

#calendar .fc-right .fc-button-group .fc-button {
    border: none;
    box-shadow: none;
}

#calendar .fc-button-group .fc-button.fc-state-active {
    color: #bc4e25;
}

#calendar .fc-button-group .fc-button.fc-state-active::after {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #bc4e25;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.p-u-calender-booking__tab-content .fc-button-group+button {
    display: none;
}

.p-u-calender-booking__tab-content [data-tab-content] {
    display: none;
    overflow-x: scroll;
    padding-right: 15px;
}

.p-u-calender-booking__tab-content .active[data-tab-content] {
    display: block;
}

.p-u-calender-booking__tab-content table,
.p-u-calender-booking__tab-content td,
.p-u-calender-booking__tab-content th {
    border: 1px solid #D9D9D9;
    text-align: center;
}

.p-u-calender-booking__tab-content table {
    width: 100%;
    min-width: 406px;
    border-collapse: collapse;
    text-align: center;
}

.p-u-calender-booking__tab-content table th {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 0;
}

.p-u-calender-booking__tab-content table tbody tr td {
    min-width: 58px;
    padding: 6px 0;
}

.p-u-calender-booking__tab-content table tbody tr td.day {
    padding: 4px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

.p-u-calender-booking__tab-content table tbody tr td span {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.p-u-calender-booking__tab-content table tbody tr td ul {
    margin-top: 5px;
}

.p-u-calender-booking__tab-content table tbody tr td ul li {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    padding: 0 5px;
    margin-bottom: 10px;
    text-align: left;
}

.p-u-calender-booking__tab-content table tbody tr td ul li:last-of-type {
    margin-bottom: 0;
}

.p-u-calender-booking__tab-content ul li {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.p-u-calender-booking__tab-content ul li::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000000;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-u-calender-booking__tab-content #week table tbody td.day {
    padding: 6px 0;
}

.p-u-calender-booking__tab-content #week table tbody td.day span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;
}

.p-u-calender-booking__tab-content #week table tbody td ul li {
    background: #D9D9D9;
}

.p-u-calender-booking__tab-content #week table .custom-height-td {
    height: 455px;
}

.p-u-calender-booking__tab-content #week table .custom-height-td td {
    border-bottom: none;
    border-top: none;
}

.p-u-calender-booking__tab-content #week table .custom-height-td td ul li {
    padding: 0 6px;
    border: 1px solid #D9D9D9;
}

.p-u-calender-booking__tab-content #day table tbody {
    position: relative;
}

.p-u-calender-booking__tab-content #day table tbody td ul li {
    margin-bottom: 16px;
}

.p-u-calender-booking__tab-content #day table tbody td ul li::after {
    display: none;
}

.p-u-calender-booking__tab-content #day table tbody td.custom-padding-top {
    position: absolute;
    top: 224px;
    width: 723px;
    max-width: calc(100% - 58px);
    border: none;
    background: #D9D9D9;
    padding: 10px 0 57px;
}

.p-u-calender-booking__tab-content__timeline {
    text-align: left;
    position: relative;
}

.p-u-calender-booking__tab-content__timeline span {
    display: block;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 15px !important;
    position: relative !important;
    margin-left: 28px;
}

.p-u-calender-booking__tab-content__timeline span::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000000;
}

.p-u-calender-booking__tab-content__timeline span+span {
    margin-top: 341px;
}

.p-u-payment {
    margin-top: 63px;
}

.p-u-payment h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-u-payment__price {
    margin-bottom: 49px;
    margin-top: 29px;
}

.p-u-payment__price span {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
}

.p-u-payment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
}

.p-u-payment__item a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-u-list-payment__header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-list-payment__header-main a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-list-payment__header-main a span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-left: 18px;
    color: #BD4F26;
}

.p-u-list-payment__header-main__group-btn input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
}

.p-u-list-payment__header-main__group-btn label {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.p-u-list-payment__header-main__group-btn label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #C1BFBF;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 11px;
    border-radius: 50%;
    margin-top: -6px;
    -webkit-transition: 200ms linear;
    transition: 200ms linear;
    filter: brightness(0) saturate(100%) invert(35%) sepia(24%) saturate(3222%) hue-rotate(345deg) brightness(92%) contrast(87%);
}

.p-u-list-payment__header-main__group-btn input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -1px;
    width: 22px;
    height: 22px;
    background: url("../img/user/list-payment/img_checkbox.svg") no-repeat center;
    filter: brightness(0) saturate(100%) invert(35%) sepia(24%) saturate(3222%) hue-rotate(345deg) brightness(92%) contrast(87%);
}

.p-u-list-payment__content [data-tab-content] {
    display: none;
}

.p-u-list-payment__content .active[data-tab-content] {
    display: block;
}

.p-u-list-payment__content__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 21px;
}

.p-u-list-payment__content__tabs .tabPay {
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 1px 4px;
}

.p-u-list-payment__content__tabs .tabPay+.tabPay {
    margin-left: 16px;
}

.p-u-list-payment__content__tabs .tabPay.active {
    border-bottom: 4px solid #BD4F26;
    color: #BD4F26;
}

.p-u-list-payment__content__tabs .tabPay:hover {
    border-bottom: 4px solid #BD4F26;
}

.p-u-list-payment__content__tabs .tab-content {
    margin-left: 20px;
    margin-right: 20px;
}

.p-u-list-payment__content label,
.p-u-list-payment__content input {
    cursor: pointer;
}

.p-u-list-payment__content h2,
.p-u-list-payment__content h3,
.p-u-list-payment__content h4,
.p-u-list-payment__content h5 {
    font-weight: 600;
    line-height: 1.3;
    color: #1f2949;
}

.p-u-list-payment__content h2 {
    font-size: 24px;
}

.p-u-list-payment__content h3 {
    font-size: 18px;
}

.p-u-list-payment__content h4 {
    font-size: 14px;
}

.p-u-list-payment__content h5 {
    font-size: 12px;
    font-weight: 400;
}

.p-u-list-payment__content img {
    max-width: 100%;
    display: block;
    vertical-align: middle;
}

.p-u-list-payment__content .container {
    max-width: 99vw;
    margin: 15px auto;
    padding: 0 15px;
}

.p-u-list-payment__content .top-text-wrapper {
    margin: 20px 0 30px 0;
}

.p-u-list-payment__content .top-text-wrapper h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.p-u-list-payment__content .top-text-wrapper code {
    font-size: 0.85em;
    background: -webkit-gradient(linear, left top, right top, from(#fce3ec), to(#ffe8cc));
    background: linear-gradient(90deg, #fce3ec, #ffe8cc);
    color: #ff2200;
    padding: 0.1rem 0.3rem 0.2rem;
    border-radius: 0.2rem;
}

.p-u-list-payment__content label.radio-card {
    cursor: pointer;
}

.p-u-list-payment__content label.radio-card+label.radio-card .card-content-wrapper {
    margin-top: -12px;
}

.p-u-list-payment__content label.radio-card .card-content-wrapper {
    width: 100%;
    min-width: 343px;
    min-height: 114px;
    background: #fff;
    border-radius: 5px;
    padding: 0 12px;
    display: -ms-grid;
    display: grid;
    -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    position: relative;
    margin-top: -5px;
}

.p-u-list-payment__content label.radio-card .card-content-wrapper-delete-height {
    width: 100%;
    min-width: 343px;
    background: #fff;
    border-radius: 5px;
    padding: 0 12px;
    display: -ms-grid;
    display: grid;
    -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    position: relative;
    margin-top: -5px;
}

.p-u-list-payment__content label.radio-card .check-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    top: 6px;
}

.p-u-list-payment__content label.radio-card .check-icon:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/user/list-payment/img_checkbox.svg") no-repeat center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center center;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
    filter: brightness(0) saturate(100%) invert(35%) sepia(24%) saturate(3222%) hue-rotate(345deg) brightness(92%) contrast(87%);
}

.p-u-list-payment__content label.radio-card input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.p-u-list-payment__content label.radio-card input[type=checkbox]:checked+.card-content-wrapper {
    -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 1px #000000;
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 1px #000000;
}

.p-u-list-payment__content label.radio-card input[type=checkbox]:checked+.card-content-wrapper .check-icon:before {
    opacity: 1;
}

.p-u-list-payment__content label.radio-card .card-content img {
    margin-bottom: 10px;
}

.p-u-list-payment__content label.radio-card .card-content h4 {
    font-size: 16px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #1f2949;
    margin-bottom: 10px;
}

.p-u-list-payment__content label.radio-card .card-content h5 {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #686d73;
}

.p-u-list-payment__content label.radio-card .card-content .desc strong {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    width: 128px;
    max-width: 100%;
}

.p-u-list-payment__content label.radio-card .card-content .desc span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.p-u-list-payment__content label.radio-card .card-content .desc+.desc {
    margin-top: 5px;
}

.p-u-list-payment__content label.radio-card .card-content .date {
    margin-top: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #575757;
}

.p-u-list-payment__group-btn {
    margin-top: 173px;
}

.p-u-list-payment__group-btn .c-btn-black {
    width: 100%;
    margin-bottom: 16px;
}

.p-u-list-payment__group-btn .c-btn-white {
    width: 100%;
    border: none;
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
}

.p-u-list-payment #finished a {
    width: 100%;
}

.p-u-detail-credit-card {
    margin-top: -7px;
}

.p-u-detail-credit-card .l-container {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
}

.p-u-detail-credit-card__header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /*justify-content: center;*/
    position: relative;
}

.p-u-detail-credit-card__header-main a img {
    position: absolute;
    left: 0;
    top: 4px;
}

.p-u-detail-credit-card__header-main span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    margin-left: 41px;
    color: #BD4F26;
}

.p-u-detail-credit-card .title-number-card,
.p-u-detail-credit-card .title-date {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin-top: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-detail-credit-card .title-date {
    margin-top: 28px;
    margin-bottom: 18px;
}

.p-u-detail-credit-card__content__number-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-top: 18px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-u-detail-credit-card__content__number-card input[type=number],
.p-u-detail-credit-card__content__number-card input[type=text],
.p-u-detail-credit-card__content__number-card input[type=password] {
    width: 25%;
    min-width: 68px;
    height: 50px;
    border: 1px solid #000000;
    text-align: center;
    color: #2C3E50;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-detail-credit-card__content__number-card input[type=number]:focus-visible,
.p-u-detail-credit-card__content__number-card input[type=password]:focus-visible {
    outline: none;
}

.p-u-detail-credit-card__content__number-card input[type=number]::-webkit-input-placeholder,
.p-u-detail-credit-card__content__number-card input[type=password]::-webkit-input-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__content__number-card input[type=number]::-moz-placeholder,
.p-u-detail-credit-card__content__number-card input[type=password]::-moz-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__content__number-card input[type=number]:-ms-input-placeholder,
.p-u-detail-credit-card__content__number-card input[type=password]:-ms-input-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__content__number-card input[type=number]::-ms-input-placeholder,
.p-u-detail-credit-card__content__number-card input[type=password]::-ms-input-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__content__number-card input[type=number]::placeholder,
.p-u-detail-credit-card__content__number-card input[type=password]::placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__date .wrap2 {
    right: 9px;
}

.p-u-detail-credit-card__date .wrap {
    position: absolute;
    width: 50%;
}

.p-u-detail-credit-card__date .wrap select {
    width: 68px;
    height: 50px;
    border: 1px solid #000000;
    padding-right: 30px !important;
}

.p-u-detail-credit-card__date .wrap label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 8px;
}

.p-u-detail-credit-card__date .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 68px;
    height: 50px;
    border: 1px solid black;
}


/*.p-u-detail-credit-card__date select {*/


/*  display: none;*/


/*}*/

.p-u-detail-credit-card__date .custom-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #2C3E50;
    padding: 13px 12px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: url("../img/user/common/icn_dropdown.svg") no-repeat center;
    background-position-x: calc(100% - 15px);
}

.p-u-detail-credit-card__date .custom-select:active,
.p-u-detail-credit-card__date .custom-select.active {
    background-color: #fff;
    color: #000000;
}

.p-u-detail-credit-card__date .select-options {
    width: 49px;
    height: 102px;
    overflow-y: auto;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0.5px solid #BDC3C7;
    border-radius: 4px;
    background: #fff;
    margin-top: 1px;
    display: none;
}

.p-u-detail-credit-card__date .select-options li {
    color: #424242;
    margin: 0;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    padding-left: 15px;
}

.p-u-detail-credit-card__date .select-options li:hover {
    color: #424242;
    background: #fff;
}

.p-u-detail-credit-card__date .select-options li[rel=hide] {
    display: none;
}

.p-u-detail-credit-card__date ::-webkit-scrollbar {
    width: 3px;
    background: #DEDEDE;
    border-radius: 0 0 5px 0;
}

.p-u-detail-credit-card__date ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9E9E9E;
}

.p-u-detail-credit-card__holder h3,
.p-u-detail-credit-card__security h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    margin-top: 20px;
}

.p-u-detail-credit-card__holder input,
.p-u-detail-credit-card__security input {
    height: 50px;
    min-width: 327px;
    border: 1px solid #000000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    color: #2C3E50;
    font-size: 18px;
    line-height: 24px;
}

.p-u-detail-credit-card__holder input::-webkit-input-placeholder,
.p-u-detail-credit-card__security input::-webkit-input-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__holder input::-moz-placeholder,
.p-u-detail-credit-card__security input::-moz-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__holder input:-ms-input-placeholder,
.p-u-detail-credit-card__security input:-ms-input-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__holder input::-ms-input-placeholder,
.p-u-detail-credit-card__security input::-ms-input-placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card__holder input::placeholder,
.p-u-detail-credit-card__security input::placeholder {
    color: #BDC3C7;
}

.p-u-detail-credit-card .title-card-holder {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin-top: 97px;
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-detail-credit-card__automatic {
    margin-top: 59px;
}

.p-u-detail-credit-card__automatic label {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-size: 1.2rem;
    display: block;
    margin: 1em;
}

.p-u-detail-credit-card__automatic label>input {
    display: none;
}

.p-u-detail-credit-card__automatic label span {
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-left: -21px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-detail-credit-card__automatic label i {
    display: inline-block;
    width: 42px;
    height: 25px;
    border-radius: 20px;
    vertical-align: middle;
    -webkit-transition: 0.25s 0.09s;
    transition: 0.25s 0.09s;
    position: relative;
    background: #D1D1D6;
    position: absolute;
    right: 25px;
}

.p-u-detail-credit-card__automatic label i:after {
    content: " ";
    display: block;
    width: 23px;
    height: 23px;
    top: 0.5px;
    left: 1px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.p-u-detail-credit-card__automatic label>input:checked+i {
    background: #000000;
}

.p-u-detail-credit-card__automatic label>input:checked+i+span {
    color: #000000;
}

.p-u-detail-credit-card__automatic label>input:checked+i:after {
    -webkit-transform: translateX(17px);
    transform: translateX(17px);
}

.p-u-detail-credit-card__group-handle {
    text-align: center;
    margin-top: 103px;
}

.p-u-detail-credit-card__group-handle .c-btn-black {
    width: 152px;
    max-width: 100%;
    height: 48px;
    border-radius: 5px;
    margin: auto;
}

.p-u-detail-credit-card__group-handle .c-btn-black span {
    line-height: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-confirm-credit-card {
    margin-top: -7px;
}

.p-u-confirm-credit-card .l-container {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
}

.p-u-confirm-credit-card__header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.p-u-confirm-credit-card__header-main a {
    position: absolute;
    left: 0;
    top: 4px;
}

.p-u-confirm-credit-card__header-main span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    text-align: center;
}

.p-u-confirm-credit-card__content {
    margin-top: 23px;
}

.p-u-confirm-credit-card__content__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-confirm-credit-card__content__group-btn__item .c-btn-white {
    width: 57px;
    height: 38px;
    margin-bottom: 0;
}

.p-u-confirm-credit-card__content__group-btn__item .c-btn-white span {
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-confirm-credit-card__content__group-btn__item .c-btn-white.delete {
    margin-left: 5px;
    border: 1px solid #BDC3C7;
}

.p-u-confirm-credit-card__content__group-btn__item .c-btn-white.delete span {
    color: #A1A1A1;
}

.p-u-confirm-credit-card__content h3 {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
}

.p-u-confirm-credit-card__content__card {
    margin-top: 10px;
    border: 1px solid #121212;
    border-radius: 8px;
    padding: 26px 12px 27px;
    min-width: 327px;
}

.p-u-confirm-credit-card__content__card p b {
    color: #121212;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    width: 140px;
    max-width: 100%;
}

.p-u-confirm-credit-card__content__card p span {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #34495E;
}

.p-u-confirm-credit-card__content__card p+p {
    margin-top: 25px;
}

.p-u-confirm-credit-card__content__add-card {
    margin-top: -9px;
}

.p-u-confirm-credit-card__content__add-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.p-u-confirm-credit-card__content__add-card a span {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    margin-left: 4px;
}

.p-u-confirm-credit-card__content__useds {
    margin-top: 18px;
}

.p-u-confirm-credit-card__content__useds .desc {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #2C3E50;
}

.p-u-confirm-credit-card__content__useds .item {
    margin-top: 13px;
}

.p-u-confirm-credit-card__content__useds .item span {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #2C3E50;
    margin-left: 6px;
}

.p-u-confirm-credit-card__content__useds .item+.item {
    margin-top: 4px;
}

.p-u-confirm-credit-card__content__useds .warring {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #2C3E50;
    margin-top: 11px;
}

.p-u-confirm-credit-card__content__box {
    margin-bottom: 27px;
}

.p-u-confirm-credit-card__popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.54);
    z-index: 100;
}

.p-u-confirm-credit-card__popup__inner {
    border-radius: 6px;
    background: #FFFFFF;
    position: fixed;
    top: calc(50% - 21px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 797px;
    max-width: calc(100% - 78px);
}

.p-u-confirm-credit-card__popup__content {
    padding: 19px 9px 15px;
    min-height: 140px;
}

.p-u-confirm-credit-card__popup__content h5 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    position: relative;
    padding-bottom: 8px;
}

.p-u-confirm-credit-card__popup__content h5::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(100% - 72px);
    left: 50%;
    height: 0.5px;
    background: #BDC3C7;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-u-confirm-credit-card__popup__content .desc {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    padding: 0 5px;
    margin-top: 12px;
}

.p-u-confirm-credit-card__popup__content .desc+.desc {
    margin-top: 0;
}

.p-u-confirm-credit-card__popup__content .desc b {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    width: 139px;
    max-width: 100%;
}

.p-u-confirm-credit-card__popup__content .desc span {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #2C3E50;
}

.p-u-confirm-credit-card__popup__group-btn {
    margin-top: 24px;
    margin-bottom: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-u-confirm-credit-card__popup__group-btn .c-btn-white {
    width: calc(50% - 21.5px);
    border-radius: 4px;
    height: 40px;
}

.p-u-confirm-credit-card__popup__group-btn .c-btn-white span {
    line-height: 19px;
    font-size: 16px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    white-space: nowrap;
}

.p-u-confirm-credit-card__popup__group-btn .c-btn-black {
    width: calc(50% - 21.5px);
    height: 40px;
    border-radius: 4px;
}

.p-u-confirm-credit-card__popup__group-btn .c-btn-black span {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    line-height: 16px;
}

.p-u-confirm-credit-card #popupDelete .p-u-confirm-credit-card__popup__content {
    min-height: 184px;
}

.p-u-confirm-credit-card #popupDelete .p-u-confirm-credit-card__popup__content h5 {
    margin-top: 25px;
}

.p-u-confirm-credit-card #popupDelete .p-u-confirm-credit-card__popup__content h5::after {
    bottom: -7px;
}

.p-u-detail-bank {
    margin-top: -7px;
}

.p-u-detail-bank .l-container {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
}

.p-u-detail-bank__header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.p-u-detail-bank__header-main a {
    position: absolute;
    left: 0;
    top: 4px;
}

.p-u-detail-bank__header-main span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    text-align: center;
}

.p-u-detail-bank__content {
    margin-top: 24px;
}

.p-u-detail-bank__content .alert {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2C3E50;
    margin-bottom: 24px;
}

.p-u-detail-bank__content label {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #768291;
}

.p-u-detail-bank__content__box {
    border: 1px solid #CBDAFF;
    border-radius: 4px;
    min-width: 343px;
    margin-left: -9px;
    padding: 5px 6px;
    margin-bottom: 12px;
}

.p-u-detail-bank__content__box input {
    margin-top: -2px;
    border: none;
    padding: 0;
    height: 21px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.p-u-detail-bank__content__handle {
    text-align: center;
    margin-top: 43px;
}

.p-u-detail-bank__content__handle .c-btn-black {
    width: 118px;
    max-width: 100%;
    border-radius: 4px;
    height: 48px;
}

.p-u-detail-bank__content__handle .c-btn-black span {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.p-u-detail-list-payment__header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-detail-list-payment__header-main a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}

.p-u-detail-list-payment__header-main a span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-left: 18px;
    color: #BD4F26;
}

.p-u-detail-list-payment__feature {
    display: flex;
    position: relative;
}

.p-u-detail-list-payment__feature span {
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #BD4F26;
}

.p-u-detail-list-payment__feature .box-btn {
    position: absolute;
    right: 0;
    margin-bottom: 16px;
}

.p-u-detail-list-payment__feature__add-credit-card {
    display: grid;
    justify-content: right;
    margin-top: 17px;
    margin-bottom: 16px;
}

.p-u-detail-list-payment__feature__add-credit-card span {
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}

.p-u-detail-list-payment__feature .box-btn a {
    width: 61px;
    height: 38px;
    border: 1px solid #000000;
    background: #ffffff;
    padding: 6px 15px;
}

.p-u-detail-list-payment__feature .box-btn .btn-delete {
    width: 61px;
    height: 38px;
    border: 1px solid #000000;
    background: #ffffff;
    padding: 6px 15px;
    border-radius: 8px;
}

.p-u-detail-list-payment__content {
    margin-bottom: 16px;
    background: #FFFFFF;
    /*border: 1px solid #000000;*/
    border-radius: 8px;
    padding: 14px 28px;
    margin-top: 25px;
}

.p-u-detail-list-payment__content .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 9px;
}

.p-u-detail-list-payment__content .desc b {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #121212;
}

.p-u-detail-list-payment__content .desc span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}

.p-u-drive-search__header-main {
    margin-top: 0px;
}

.p-u-drive-search__header-main a {
    display: flex;
}

.p-u-drive-search__header-main a span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-left: 15px;
    color: #BD4F26;
}

.p-u-drive-search__content {
    margin-top: 20px;
}

.p-u-drive-search__content .c-form__checkbox {
    margin-bottom: 15px;
}

.p-u-drive-search__content .c-form__checkbox label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p-u-drive-search__content__item {
    margin-bottom: 13px;
}

.p-u-drive-search__content__item label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #BD4F26;
}

.p-u-drive-search__content__item input {
    margin-top: 4px;
    padding: 0 22px;
}

.p-u-drive-search__content__item:nth-child(2) input {
    font-size: 16px;
    line-height: 19px;
}

.p-u-drive-search__content__item:nth-child(3) label,
.p-u-drive-search__content__item:nth-child(4) label,
.p-u-drive-search__content__item:nth-child(5) label {
    font-weight: 700;
}

.p-u-drive-search__content__item select {
    text-overflow: ellipsis;
    color: #999999;
    margin-top: 4px;
}

.p-u-drive-search__content__experience {
    margin-top: 20px;
}

.p-u-drive-search__content__experience h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
    color: #BD4F26;
}

.p-u-drive-search__content__experience label {
    font-size: 14px !important;
    line-height: 17px !important;
    font-weight: 700 !important;
}

.p-u-drive-search__content__handle {
    text-align: end;
    margin-top: 30px;
}

.p-u-drive-search__content__handle .c-btn-black {
    width: 100%;
}

.p-u-drive-search__table-search {
    margin-top: 25px;
    overflow-x: auto;
    margin-bottom: 60px;
}

.p-u-drive-search__table-search table {
    width: 100%;
    min-width: 674px;
    border: 1px solid #D9D9D9;
}

.p-u-drive-search__table-search table thead {
    background: #D9D9D9;
}

.p-u-drive-search__table-search table thead th {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 16px 0 16px 26px;
}

.p-u-drive-search__table-search table tbody td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px 0 9px 25px;
}

.p-u-drive-search__table-search table tbody a {
    width: 100%;
}

.p-u-drive-search__table-search__id {
    width: 86px;
}

.p-u-drive-search__table-search__name {
    width: 179px;
}

.p-u-drive-search__table-search__phone {
    width: 176px;
}

.p-u-drive-search__table-search__email {
    width: 209px;
}

.p-u-register-member {
    height: calc(100vh - 56px);
    position: relative;
}

.p-u-register-member__content {
    position: absolute;
    top: calc(50% - 56px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-u-register-member__content h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 38px;
}

.p-u-register-member__events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 19px;
}

.p-u-register-member__events a {
    width: 50%;
    min-width: 162px;
    max-height: 102px;
    text-align: center;
}

.p-u-register-member__events a .desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 6px;
}

.p-u-register-member__events label,
.p-u-register-member__events input {
    cursor: pointer;
}

.p-u-register-member__events img {
    max-width: 100%;
    display: block;
    vertical-align: middle;
}

.p-u-register-member__events .container {
    max-width: 99vw;
    margin: 15px auto;
    padding: 0 15px;
}

.p-u-register-member__events .top-text-wrapper {
    margin: 20px 0 30px 0;
}

.p-u-register-member__events .top-text-wrapper h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.p-u-register-member__events .top-text-wrapper code {
    font-size: 0.85em;
    background: -webkit-gradient(linear, left top, right top, from(#fce3ec), to(#ffe8cc));
    background: linear-gradient(90deg, #fce3ec, #ffe8cc);
    color: #ff2200;
    padding: 0.1rem 0.3rem 0.2rem;
    border-radius: 0.2rem;
}

.p-u-register-member__events .tab-section-wrapper {
    padding: 30px 0;
}

.p-u-register-member__events .grid-wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    place-items: center;
    place-content: center;
}

.p-u-register-member__events .grid-col-auto {
    grid-auto-flow: column;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.p-u-register-member__events label.radio-card {
    cursor: pointer;
}

.p-u-register-member__events label.radio-card .card-content-wrapper {
    background: #BC4E25;
    border-radius: 5px;
    height: 102px;
    padding: 15px;
    display: -ms-grid;
    display: grid;
    -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    -webkit-transition: 200ms linear;
    transition: 200ms linear;
    border: 1px solid #BC4E25;
    border-radius: 6px;
    text-align: center;
}

.p-u-register-member__events label.radio-card input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.p-u-register-member__events label.radio-card .card-content img {
    margin: auto;
}

.p-u-register-member__box {
    border: 1px solid #D0D0D0;
    border-radius: 6px;
    padding: 15px;
}

.p-u-register-member__back-login {
    position: absolute;
    bottom: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-u-register-comporate h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.p-u-register-comporate input,
.p-u-register-comporate select {
    font-size: 16px;
    line-height: 19px;
}

.p-u-register-comporate__content {
    margin-top: 58px;
}

.p-u-register-comporate__content__box {
    margin-bottom: 16px;
}

.p-u-register-comporate__content__box label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #BD4F26;
}

.p-u-register-comporate__content__box select {
    margin-top: 2px;
}

.p-u-register-comporate__content__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 25px;
    margin-top: -3px;
    margin-bottom: 16px;
}

.p-u-register-comporate__content__address>div {
    width: calc(50% - 12.5px);
}

.p-u-register-comporate__content__address label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.p-u-register-comporate__content__address select,
.p-u-register-comporate__content__address input {
    margin-top: 3px;
}

.p-u-register-comporate__handle {
    padding: 0 1px;
    margin-top: 84px;
}

.p-u-register-comporate__handle .c-btn-black {
    width: 100%;
    height: 48px;
}

.p-u-register-comporate__btn-back-top a {
    display: flex;
    align-items: center;
}

.p-u-register-comporate__btn-back-top a span {
    margin-left: 15px;
    font-size: 16px;
    line-height: 29px;
    color: #BD4F26;
    font-weight: 700;
}

.p-u-register-comporate__content {
    margin-top: 28px;
}

.p-u-register-comporate__avatar {
    text-align: center;
    position: relative;
    margin-bottom: 28px;
}

.p-u-register-comporate__avatar input {
    display: none;
}

.p-u-register-comporate__avatar__icn-photo {
    position: absolute;
    top: calc(50% + 26px);
    left: calc(50% + 26px);
    z-index: 1;
    transform: translate(-50%, -50%);
}

.p-u-register-comporate__content__info {
    display: flex;
    align-items: center;
    gap: 8px 25px;
    margin-bottom: 16px;
}

.p-u-register-comporate__content__info label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-register-comporate__content__info input {
    font-weight: 500;
}

.p-u-register-comporate__content__info>div {
    width: 50%;
}

.p-u-register-comporate__content__confirm-yes {
    margin-top: 30px;
}

.p-u-faq__inner {
    margin-top: 20px;
    margin-bottom: 30px;
}

.p-u-faq__list__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
}

.p-u-faq__list__question {
    padding: 11px 12px 11px;
    border: 1px solid #121212;
    margin-bottom: 16px;
}

.p-u-faq__list__question.show h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    background-image: url("../img/driver/common/icn_minus_02.svg");
}

.p-u-faq__list__question h3 {
    padding-right: 90px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    background: url("../img/driver/common/icn_plus_03.svg") no-repeat right 0;
}

.p-u-faq__list__answer {
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.p-u-profile__inner {
    margin-top: 27px;
    margin-bottom: 30px;
}

.p-u-profile__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px;
    position: relative;
}

.p-u-profile__btn-edit {
    position: absolute;
    right: 0;
}

.p-u-profile__btn-edit__top-zero {
    position: absolute;
    top: 0;
    right: 0;
}

.p-u-profile__img-user {
    margin-right: 19px;
    position: relative;
}

.p-u-profile__img-user>img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-u-profile__img-user__icon-camera {
    position: absolute;
    bottom: -3px;
    right: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
}

.p-u-profile__user-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.p-u-profile__section {
    margin-bottom: 14px;
}

.p-u-profile__section h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 5px;
    color: #BD4F26;
}

.p-u-profile__section ul li+li {
    border-top: 1px solid #C1BEBE;
}

.p-u-profile__section ul li a {
    padding: 13px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: block;
    background: url("../img/driver/common/icn_arrow_right.svg") no-repeat calc(100% - 7px) center;
}

.p-u-profile-edit-info__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-u-profile-edit-info__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-profile-edit-info__btn-back span {
    margin-left: 18px;
}

.p-u-profile-edit-info__avatar-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 28px;
}

.p-u-profile-edit-info__avatar-upload__box {
    position: relative;
}

.p-u-profile-edit-info__avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.p-u-profile-edit-info__avatar-edit input {
    display: none;
}

.p-u-profile-edit-info__avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.p-u-profile-edit-info__avatar-preview img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-u-profile-edit-info__btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
}

.p-u-profile-edit-info__btn-back span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #BD4F26;
}

.p-u-profile-edit-info .c-form {
    margin-top: 28px;
}

.p-u-profile-edit-info .c-form__form-group+.c-form__form-group {
    margin-top: 16px;
}

.p-u-profile-edit-info .c-form__label-small {
    margin-bottom: 5px;
}

.p-u-profile-edit-info .c-form .l-row {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.p-u-profile-edit-info .c-form .l-col-6 {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.p-u-profile-edit-info .c-form input {
    font-size: 16px;
    line-height: 19px;
}

.p-u-profile-edit-info .c-form__checkbox {
    margin-bottom: 4px;
}

.p-u-profile-edit-info__agree {
    margin-top: 23px;
}

.p-u-profile-edit-info__agree .c-form__checkbox label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-profile-edit-info__btn-continue {
    margin-top: 150px;
}

.p-u-profile-edit-info__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #BD4F26;
    text-align: center;
    padding: 13px 20px 16px;
    width: 100%;
}

.p-u-profile-edit-info__btn-continue .c-btn-white {
    width: 100%;
    border: none;
}

.p-u-profile-edit-info__btn-continue .c-btn-white span {
    font-weight: 400;
}

.p-u-profile-edit-info__btn-return {
    margin-top: 13px;
    text-align: center;
}

.p-u-profile-address__inner {
    margin-top: 24px;
    margin-bottom: 30px;
}

.p-u-profile-address__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-u-profile-address__avatar-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 28px;
}

.p-u-profile-address__avatar-upload__box {
    position: relative;
}

.p-u-profile-address__avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.p-u-profile-address__avatar-edit input {
    display: none;
}

.p-u-profile-address__avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.p-u-profile-address__avatar-preview img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-u-profile-address__btn-back {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    color: #BD4F26;
}

.p-u-profile-address__btn-back span {
    margin-left: 18px;
}

.p-u-profile-address .c-form {
    margin-top: 24px;
}

.p-u-profile-address .c-form__form-group+.c-form__form-group {
    margin-top: 16px;
}

.p-u-profile-address .c-form__label-small {
    margin-bottom: 5px;
}

.p-u-profile-address .c-form .l-row {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.p-u-profile-address .c-form .l-col-6 {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.p-u-profile-address .c-form input {
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.p-u-profile-address .c-form select {
    padding-left: 8px;
    color: #000000;
}

.p-u-profile-address .c-form__checkbox {
    margin-bottom: 4px;
}

.p-u-profile-address__agree {
    margin-top: 23px;
}

.p-u-profile-address__agree .c-form__checkbox label {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.p-u-profile-address__btn-continue {
    margin-top: 271px;
    margin-bottom: 47px;
}

.p-u-profile-address__btn-continue button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #BD4F26;
    text-align: center;
    padding: 15px 20px 14px;
    width: 100%;
}

.p-u-profile-address__btn-delete button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #121212;
    background: #FFFFFF;
    text-align: center;
    padding: 15px 20px 14px;
    width: 100%;
    border: 1px solid #BDBDBD;
}

.p-u-profile-address__btn-continue .c-btn-white {
    width: 100%;
    border: none;
}

.p-u-profile-address__btn-continue .c-btn-white span {
    font-weight: 400;
}

.p-u-profile-address__btn-add {
    margin-top: 182px;
}

.p-u-profile-address__btn-add a {
    border-color: #bdbdbd;
    padding: 12px 20px 11px;
}

.p-u-profile-address__btn-add span {
    position: relative;
}

.p-u-profile-address__btn-add span img {
    position: absolute;
    left: -52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-u-profile-address__btn-return {
    margin-top: 13px;
    text-align: center;
}

.p-u-not-info-card__header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 16px;
}

.p-u-not-info-card__header-main a {
    position: absolute;
    left: 6px;
    top: 4px;
}

.p-u-not-info-card__header-main span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
}

.p-u-not-info-card__content {
    text-align: center;
    height: calc(100vh - 120px);
    position: relative;
}

.p-u-not-info-card__content__box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.p-u-not-info-card__content__box h3 {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #2C3E50;
    margin-bottom: 24px;
    margin-left: 3px;
}

.p-u-not-info-card__content__box .c-btn-white {
    width: 154px;
    height: 48px;
    border-radius: 4px;
}

.p-u-not-info-card__content__box .c-btn-white span {
    line-height: 24px;
    white-space: nowrap;
}

.p-not-found {
    position: relative;
}

.p-not-found__content {
    height: calc(100vh - 56px);
    text-align: center;
    position: relative;
}

.p-not-found__content__inner {
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
}

.p-not-found__content__desc {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #A1A1A1;
    margin-top: 25px;
}

.p-not-found__image {
    position: relative;
}

.p-not-found__image span {
    position: absolute;
    left: 50%;
    top: calc(50% + 40px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
    font-size: 49px;
    color: #A1A1A1;
}

.p-not-found__btn-back-top {
    position: absolute;
    bottom: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.c-form__form-group {
    position: relative;
}

.c-form__form-group+.c-form__form-group {
    margin-top: 16px;
}

.c-form__label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #BD4F26;
    margin-bottom: 8px;
}

.c-form__label-small {
    font-weight: 500;
    margin-bottom: 7px;
    font-size: 14px;
}

.c-form__toggle-password {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 13px;
    z-index: 5;
}

.c-form__toggle-password.show .icon-show {
    display: block;
}

.c-form__toggle-password.show .icon-hide {
    display: none;
}

.c-form__toggle-password .icon-show {
    display: none;
}

.c-form__toggle-password .icon-hide {
    display: block;
}

.c-form__toggle-password img {
    width: auto;
}

.c-form__checkbox input:checked+label:before,
.c-form__radio input:checked+label:before {
    border: 2px solid #E4744A;
}

.c-form__checkbox input:checked+label:after,
.c-form__radio input:checked+label:after {
    content: url("../img/driver/common/icn_check.svg");
    display: block;
    position: absolute;
    top: 1px;
    left: 3px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(87%) saturate(3109%) hue-rotate(326deg) brightness(91%) contrast(95%);
}

.c-form__checkbox label,
.c-form__radio label {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.c-form__checkbox label::before,
.c-form__radio label::before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #000;
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 19px;
    border-radius: 3px;
}

.c-btn__black {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #BD4F26;
    text-align: center;
    /*padding: 19px 20px 18px;*/
    padding: 14px 20px 13px;
    width: 100%;
}

.c-btn__border {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #BD4F26;
    text-align: center;
    padding: 19px 20px 18px;
    width: 100%;
    color: #BD4F26;
}

.c-btn__red {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #F91515;
    text-align: center;
    padding: 19px 20px 18px;
    width: 100%;
}

.c-btn-black {
    width: 343px;
    height: 46px;
    max-width: 100%;
    font-family: "Inter", sans-serif;
    background: #BD4F26;
    position: relative;
    overflow: hidden;
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
}

.c-btn-black span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-btn-white {
    width: 343px;
    max-width: 100%;
    height: 46px;
    border: 1px solid #FFFFFF;
    font-family: "Inter", sans-serif;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    margin-bottom: 13px;
}

.c-btn-white span {
    width: 100%;
    text-align: center;
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-btn-back span {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin-left: 13px;
    color: #BD4F26;
}
.p-u-create-booking {
    margin-top: -3px;
}

/* Date input custom */

.date-picker {
    height: auto;
    max-height: 44px;
    border: 1px solid #BDBDBD;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.date-picker .input {
    width: 100%;
    height: 44px;
    font-size: 0;
    cursor: pointer;
}

.date-picker .input .result {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 100%;
    height: 44px;
    line-height: 19px;
    font-size: 16px;
    padding: 0 10px;
    color: grey;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.date-picker .input button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: 44px;
    height: 44px;
    color: white;
    line-height: 44px;
    border: 0;
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    z-index: 1;
}

.date-picker .input button:focus {
    outline: 0;
}

.date-picker .calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.date-picker .ui-datepicker-inline {
    position: relative;
    width: 100%;
}

.date-picker .ui-datepicker-header {
    height: 100%;
    line-height: 50px;
    background: grey;
    color: #fff;
    margin-bottom: 10px;
}

.date-picker .ui-datepicker-prev {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: left;
    margin-left: 12px;
}

.date-picker .ui-datepicker-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -45px 0px 0px 6px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.date-picker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    float: right;
    margin-right: 12px;
}

.date-picker .ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -45px 0px 0px 4px;
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.date-picker .ui-datepicker-title {
    text-align: center;
    color: #fff;
}

.date-picker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.date-picker .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

.date-picker .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 12px;
}

.date-picker .ui-state-default:hover {
    background: rgba(0, 0, 0, 0.02);
}

.date-picker .ui-state-highlight {
    color: #68768A;
}

.date-picker .ui-state-active {
    color: #000;
    background-color: rgba(131, 146, 167, 0.12);
    font-weight: 600;
}

.date-picker .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.date-picker.open {
    max-height: 400px;
}

.c-btn-message {
    position: fixed;
    bottom: 40px;
    right: 15px;
    z-index: 10;
}

.c-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.54);
    z-index: 100;
}

.c-popup--2 .c-popup__content {
    padding: 34.5px 20px;
}

.c-popup__inner {
    border-radius: 6px;
    position: fixed;
    top: calc(50% - 69px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 797px;
    max-width: calc(100% - 30px);
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
}

.c-popup__content {
    background-color: #fff;
    padding: 18px 15px 10px 33px;
    border-radius: 6px;
    margin-bottom: 22px;
}

.c-popup__content h5 {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.c-popup__content h4 {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.c-popup__content p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}

.c-popup__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 16px;
}

.c-popup__group-btn .c-btn-white {
    width: 100%;
    border: none;
    border-radius: 6px;
    height: 42px;
}

.c-popup__group-btn .c-btn-white span {
    line-height: 19px;
    font-size: 16px;
}

.c-popup__form-group {
    margin-bottom: 5px;
}

.c-popup__form-group input[type=radio]:checked+label:before,
.c-popup__form-group input[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.c-popup__form-group input[type=radio]:checked+label:after,
.c-popup__form-group input[type=radio]:not(:checked)+label:after {
    background: url(../img/user/list-activity-history/icn_radio.svg) center no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.c-popup__form-group input[type=radio]:checked+label,
.c-popup__form-group input[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    color: #000000;
    margin-bottom: 0;
}

.is-show {
    display: block;
}

.is-hide {
    display: none;
}

.error-message {
    color: red;
}

.text-center {
    text-align: center;
}

.user_name {
    display: flex;
    align-items: center;
}

.w-55-px {
    width: 55px;
}

.message-alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
}

.message-close-btn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.message-close-btn:hover {
    color: black;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9e9e9ef0 !important;
    opacity: 1 !important;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9e9e9ef0 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9e9e9ef0 !important;
}

.custom-width-history {
    width: 100%;
}

.p-booking-history__box__group-btn .custom-width-history {
    display: none;
}

.text-middle {
    display: flex;
    align-items: center;
}

.c-form__valid {
    color: red;
}

input.disabled {
    background-color: #ccc;
    cursor: no-drop;
    pointer-events: none;
}

select.disabled {
    background-color: #ccc;
    cursor: no-drop;
    pointer-events: none;
}

button.disabled {
    background-color: #413d3d;
    cursor: no-drop;
    pointer-events: none;
}

.c-form__checkbox.disabled {
    background-color: #ccc;
    cursor: no-drop;
    pointer-events: none;
}

.p-profile-myprofile__avatar-edit.disabled {
    pointer-events: none;
}

.p-training-file-list__inner {
    margin-top: 27px;
    margin-bottom: 30px;
}

.p-training-file-list__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px;
}

.p-training-file-list ul li {
    margin-bottom: 8px;
}

.p-training-file-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 11px 12px;
}

.p-training-file-list__icon {
    margin-right: 15px;
}

.p-training-file-list__name {
    font-size: 12px;
    line-height: 16px;
    color: #006C98;
    margin-bottom: 4px;
}

.p-training-file-list__link {
    font-size: 12px;
    line-height: 16px;
    color: #8A8A8A;
}

.p-training-file-details__inner {
    margin-top: 27px;
    margin-bottom: 30px;
}

.p-training-file-details__btn-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 24px;
}

.p-training-file-details__btn-return span {
    margin-left: 15px;
}

.p-training-file-details p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 14px;
}

.p-training-file-details .c-btn__black {
    margin-top: 100px;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 20px 14px;
}

.d-none {
    display: none;
}

.no-event {
    pointer-events: none;
}

.mb-m {
    margin-bottom: 15px;
}

.p-u-register-info__rules {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-top: 16px;
    height: 112px;
    overflow-y: auto;
    padding: 8px 12px;
}

.p-u-register-info__rules p {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
}

.p-u-register-info__rules p b {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.p-u-add-address-credit__automatic {
    position: relative;
    margin-top: 20px;
}

.p-u-add-address-credit__automatic label {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-size: 1.2rem;
    display: block;
    margin: 1em;
}

.p-u-add-address-credit__automatic label>input {
    display: none;
}

.p-u-add-address-credit__automatic label span {
    margin-left: -21px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.p-u-add-address-credit__automatic label i {
    display: inline-block;
    width: 42px;
    height: 25px;
    border-radius: 20px;
    vertical-align: middle;
    -webkit-transition: 0.25s 0.09s;
    transition: 0.25s 0.09s;
    position: relative;
    background: #D1D1D6;
    position: absolute;
    right: 0;
}

.p-u-add-address-credit__automatic label i:after {
    content: " ";
    display: block;
    width: 23px;
    height: 23px;
    top: 0.5px;
    left: 1px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.p-u-add-address-credit__automatic label>input:checked+i {
    background: #BC4E25;
}

.p-u-add-address-credit__automatic label>input:checked+i+span {
    color: #000000;
}

.p-u-add-address-credit__automatic label>input:checked+i:after {
    -webkit-transform: translateX(17px);
    transform: translateX(17px);
}

.p-u-credit-card__group-handle {
    text-align: center;
    margin-top: 240px;
}

.p-u-credit-card__group-handle .no-credit-card {
    margin-bottom: 24px;
}

.p-u-credit-card__group-handle a {
    width: 154px;
    height: 48px;
    background: #BD4F26;
    border: 1px solid #BD4F26;
    border-radius: 4px;
}

.p-u-credit-card__group-handle a span {
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.not-data {
    text-align: center;
    margin-top: 60px;
}

.not-data h3 {
    color: #FFCFC0;
    margin-top: 10px;
}

.file-list-training {
    position: relative;
}

.file-list-training .tick-training {
    position: absolute;
    right: 10px;
    top: 20px;
    filter: brightness(0) saturate(100%) invert(33%) sepia(81%) saturate(1215%) hue-rotate(350deg) brightness(88%) contrast(81%);
}

.pd-0 {
    padding: 0px !important;
}

.p-u-alert-create-booking__inner {
    text-align: center;
    height: calc(100vh - 56px);
    position: relative;
}

.p-u-alert-create-booking__content p {
    margin-top: 24px;
    width: 274px;
    max-width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
}

.p-u-alert-create-booking__wrap {
    position: absolute;
    top: calc(50% - 9px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-u-alert-create-booking__group-btn {
    margin-top: 67px;
    text-align: center;
}

.register-user-footer {
    margin-top: 167px!important;
}

.w-100 {
    width: 100% !important;
}

.pd-login {
    padding: 14px 20px 13px;
}

.pd-register {
    padding: 19px 20px 18px;
}

.form-card-stripe .form-body-card {
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 10px;
}

.p-u-profile-address-information {
    padding: 12px 8px;
    border: 1px solid #C5C5C5;
    border-radius: 15px;
    margin-top: 16px;
}

.p-u-profile-address-information .position-relative {
    position: relative;
}

.p-u-profile-address-information span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    position: absolute;
    top: 0;
    right: 0;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.line-app {
    width: 50px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
}

.p-u-detail-list-payment__content-popup {
    margin-bottom: 16px;
    background: #FFFFFF;
    padding: 14px 28px;
}

.p-u-detail-list-payment__content-popup .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 9px;
}

.p-u-detail-list-payment__content-popup .desc b {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #121212;
}

.p-u-detail-list-payment__content-popup .desc span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}

.margin-bottom-12 {
    margin-bottom: 24px;
}

.booking-image {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
}

.width-35 {
    width: calc((100% / 4) - 30px) !important;
    font-size: 46px !important;
    text-align: center;
    font-weight: 500;
    color: #172B44 !important;
    border-bottom: 2px solid #172B44 !important;
}

.width-35::placeholder {
    color: #172B44 !important;
}

.email-or-phone {
    margin-top: 41px;
    margin-bottom: 45px;
    text-align: center;
}

.p-u-reset-password__text-escape {
    font-size: 16px !important;
    line-height: 21.78px !important;
}

.p-u-reset-password__btn-submit {
    text-align: center;
    margin-top: 16px;
}

.p-u-reset-password__btn-submit button {
    background: #FFFFFF;
}

.p-u-reset-password__btn-submit button span {
    font-weight: 700;
    color: #BD4F26;
}

.p-booking-history__box__btn-confirm {
    width: 100%;
    border: 1px solid #BD4F26;
    background-color: #BD4F26;
    color: #fff;
    text-align: center;
    margin-top: 35px;
    padding: 11px;
    margin-top: 21px;
    margin-bottom: -2px;
}

.p-u-list-activity-history__box__btn-confirm {
    width: 100%;
    border: 1px solid #BD4F26;
    text-align: center;
    margin-top: 35px;
    padding: 14px;
    margin-top: 21px;
    margin-bottom: -2px;
    background: #BD4F26;
}

.p-u-list-activity-history__box__btn-confirm span {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.p-u-list-activity-history__popup-radio {
    padding: 0 40%;
}

.payment-after {
    display: none;
}

.p-u-create-booking__content__table-time table {
    border-collapse: collapse;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    max-width: 2000px;
    width: 100%;
    margin: 10px auto 20px auto;
}

.p-u-create-booking__content__table-time table th {
    border: 1px solid #D9D9D9;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 400;
    height: 44px;
}

.p-u-create-booking__content__table-time table td {
    padding: 8px;
    border-bottom: 1px solid black;
    border: 1px solid #D9D9D9;
    text-align: center;
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 400;
    height: 44px;
}

.p-u-create-booking__content__table-time table tr {
    transition: background-color 0.5s;
}

.p-u-create-booking__content__table-time table tr:hover {
    transition: background-color 0.5s;
}

.p-u-create-booking__content__table-time table td {
    transition: background-color 0.4s;
}

.p-u-create-booking__content__table-time table td:hover {
    background-color: #BD4F26;
    cursor: pointer;
}

.p-u-create-booking__content__table-time input[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
    top: 8px;
}

.p-u-create-booking__content__table-time input[type="checkbox"]:after {
    position: relative;
    display: block;
    left: 2px;
    top: -8px;
    width: 15px;
    height: 15px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

.p-u-create-booking__content__table-time input[type="checkbox"]:checked:after {
    background-image: url("../img/user/common/icn_checkbox.svg");
}

.p-u-create-booking__content__table-time input[type="checkbox"]:disabled:after {
    -webkit-filter: opacity(0.4);
}

.p-header-notification {
    background: #BD4F26;
}

.p-u-dashboard__group-btn .calendar {
    background: url("")!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-20 span {
    color: #BD4F26;
}

.p-u-drive-search__table-search .table-title {
    background: #F4A283;
}

.email-or-phone span {
    color: #BD4F26;
}

.img-filter-color {
    filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(541%) hue-rotate(334deg) brightness(91%) contrast(96%);
}

.btn-background {
    background: #BD4F26 !important;
}

.text-color {
    color: #BD4F26!important;
}

.p-booking-top__group-btn .calendar {
    background: url("")!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0!important;
}

.btn-border {
    border: 1px solid #BD4F26 !important;
}

.p-project-search__table .table-title th {
    background: #F4A283;
}

.p-u-calender-booking__header-main__btn-add img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(50deg) brightness(103%) contrast(104%);
}

.btn-background-white {
    color: #FFFFFF !important;
}

.c-form__form-group ul li {
    display: flex;
    align-items: baseline;
}

.c-form__form-group ul li span {
    margin-left: 115px;
}

.c-form__form-group ul li h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #BD4F26;
}

.c-btn__cancel {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #4A4A4A;
    text-align: center;
    padding: 19px 20px 18px;
    width: 100%;
}

.text-color-white {
    color: #FFFFFF !important;
}

.bank-transfer {
    display: block !important;
}

.p-u-payment-bank-transfer__total-money {
    display: flex;
    justify-content: right;
    margin-bottom: 26px;
}

.margin-right-47 {
    margin-right: 47px;
}

.p-u-payment-bank-transfer__total-money span {
    font-weight: 700;
}

.border-radius-16 {
    border-radius: 16px !important;
}

.border-radius-8 {
    border-radius: 8px !important;
}

.margin-left-21 {
    margin-left: 21px;
}

.margin-left-19 {
    margin-left: 19px;
}

.p-page-answer__box-return-add {
    position: relative;
}

.p-page-answer__btn-add {
    position: absolute;
    top: 2px;
    right: 5px;
}

.p-login-footer__register-link {
    text-align: center;
    margin-bottom: 26px;
}

.p-footer {
    position: absolute;
    bottom: 0;
    height: 58px;
    /* margin-top: 225px; */
    background: #FFD0C0;
    padding: 18px 0px;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.p-login-box-icn-car {
    margin-top: 202px;
    margin-right: 16px;
    text-align: right;
    position: fixed;
    bottom: 57px;
    right: 0;
}

.margin-top-68 {
    margin-top: 24px !important;
}

.p-u-list-activity-history__btn-news .c-btn-add {
    width: 100%;
    position: relative;
    border: 1px solid #BD4F26;
    border-radius: 4px;
    height: 48px;
    padding: 11px;
    text-align: center;
    margin-bottom: 20px;
}

.p-u-list-activity-history__btn-news .c-btn-add span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    left: 13px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #BD4F26;
}

.p-u-list-activity-history__btn-news .c-btn-add img {
    margin-top: 5px;
    margin-right: 10px;
}

.p-u-list-payment__content label.radio-card img {
    position: absolute;
    right: 12px;
    top: 47px;
}

.pl-0 {
    padding-left: 0;
}

.alert {
    padding: 20px;
    background-color: #FFECE6 !important;
    color: white;
    margin-bottom: 20px;
    text-align: center;
}

.alert .closebtn, strong{
    color: #BD4F26;
}

.custom-hover:hover {
    border: 2px solid #BC4E25;
    border-color: #BC4E25 !important;
    background: #FFFAF8;
}

.p-u-register-comporate__avatar__icn-photo img {
    position: relative;
    width: 25px;
    top: -5px;
    left: -5px;
}

.p-register-info__avatar-preview {
    /*margin-top: 24px;*/
}

.p-u-register-comporate__content__box .custom__color {
    color: #000;
}

.p-login-box-icn-user img {
    position: absolute;
    bottom: 58px;
}

.p-u-list-activity-history__box.text-no-data {
    border: none;
    height: 70vh;
}

.p-u-list-activity-history__box.text-no-data .img_no-data {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.p-u-list-activity-history__box.text-no-data p {
    margin-top: 15px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #BDBDBD;
    width: 100%;
}

.p-u-profile__user-name>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.p-notification__top a img {
    width: 19px;
}

.p-notification__top a span {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-left: 15px;
    color: #BD4F26;
}

.c-btn-black.border-radius-16.custom-bg {
    background: transparent;
    border: 1px solid #BDBDBD;
}

.c-btn-black.border-radius-16.custom-bg span {
    color: #000;
}

.ml-10 {
    margin-left: 10px;
}

.m {
    margin: 1.2% 0;
}

.p-profile-driver__btn-logout {
    height: 46px;
    padding: 12px 0;
    border: 1px solid #BDBDBD;
    text-align: center;
    background: #BDBDBD;
    border-radius: 12px;
}

.p-inquiry-list {
    padding-top: 24px;
    padding-bottom: 100px;
}
.p-inquiry-list * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-inquiry-list a {
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.p-inquiry-list a:hover {
    opacity: 0.7;
}
.p-inquiry-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.p-inquiry-list__container {
    width: 818px;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.p-inquiry-list__btn-back {
    margin-bottom: 16px;
}
.p-inquiry-list__btn-back a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #BC4E25;
}
.p-inquiry-list__btn-back a img {
    margin-right: 10px;
}
.p-inquiry-list__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}
.p-inquiry-list__top h3 {
    font-size: 15px;
    line-height: 24px;
    color: #BC4E25;
    margin: 0;
    font-weight: 400;
}
.p-inquiry-list__top__btn-new a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px;
    padding: 11px 20px;
    background-color: #BC4E25;
    color: #fff;
}
.p-inquiry-list__content ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    padding: 17px 7px 14.5px 34px;
    margin-top: -1px;
}
.p-inquiry-list__content ul li a h3 {
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100px
}
.p-inquiry-list__content ul li a div {
    color: #BC4E25;
    min-width: 151px;
    margin-left: 50px;
}
.p-inquiry-list__content ul li a div span {
    font-size: 14px;
    line-height: 1.4;
    color: #999;
    margin-right: 40px;
}
.p-inquiry-list__pagination {
    margin-top: 29px;
}
.p-inquiry-list__pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.p-inquiry-list__pagination ul li {
    margin: 0 4px;
}
.p-inquiry-list__pagination ul li a {
    width: 30px;
    height: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #999;
    color: #4d4d4d;
}
.p-inquiry-list__pagination ul li a.disabled {
    border-color: #E6E6E6;
    color: #B3B3B3;
}
.p-inquiry-list__pagination ul li a.active {
    background-color: #BC4E25;
    border-color: #BC4E25;
    color: #fff;
}
.p-inquiry-list__bottom {
    background-color: #BC4E25;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.p-inquiry-list__bottom p {
    margin: 0;
    font-size: 10px;
    line-height: 17.5px;
    color: #BC4E25;
    text-align: center;
    color: #FFFFFF;
}
.p-inquiry-list__bottom p a {
    color: #fff !important;
}
.p-inquiry-list__form-group {
    margin-bottom: 6px;
}
.p-inquiry-list form {
    /*margin-top: 43px;*/
}
.p-inquiry-list form label {
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #BC4E25;
}
.p-inquiry-list form input {
    border-radius: 2px;
    border: 1px solid #999;
    height: 46px;
    width: 100%;
    padding: 0 10px;
}
.p-inquiry-list form input:focus {
    outline: none;
}
.p-inquiry-list form textarea {
    border-radius: 2px;
    border: 1px solid #999;
    height: 170px;
    width: 100%;
    padding: 10px;
    font-size: 14px;
}
.p-inquiry-list form textarea:focus {
    outline: none;
}
.p-inquiry-list form button {
    margin-top: 16px;
    font-size: 16px;
    line-height: 28px;
    background-color: #BC4E25;
    border: 1px solid #BC4E25;
    padding: 8px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    color: #fff;
}

@media (max-width: 767px) {
    .p-inquiry-list__content ul li a {
        padding: 15px;
    }
    .p-inquiry-list__content ul li a div span {
        margin-right: 15px;
    }
    .p-inquiry-list__content ul li a div {
        min-width: 130px;
    }
    .p-inquiry-list__content ul li a div {
        margin-left: 30px;
    }
}

.p-inquiry-update {
    padding-top: 27px;
}
.p-inquiry-update * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}
.p-inquiry-update a {
    text-decoration: none;
}
.p-inquiry-update .l-container {
    width: 782px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
}
.p-inquiry-update__back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.p-inquiry-update__back a span {
    margin-left: 28px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #BC4E25;
}
.p-inquiry-update__back a:hover {
    margin-left: -5px;
}
.p-inquiry-update__main {
    margin-top: 20px;
}
.p-inquiry-update__main__head a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #BC4E25;
    position: relative;
}
.p-inquiry-update__main__head a::after, .p-inquiry-update__main__head a::before {
    content: "";
    position: absolute;
    background: #BC4E25;
    width: calc((100% - 156px) / 2);
    height: 0.5px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p-inquiry-update__main__head a::before {
    left: unset;
    right: 0;
}
.p-inquiry-update__main__content {
    margin-top: 19px;
    max-height: 450px;
    overflow-y: auto;
}
.p-inquiry-update__main__content.default .p-inquiry-update__main__box:nth-child(2) ~ .p-inquiry-update__main__box {
    /*display: none;*/
}
.p-inquiry-update__main__box {
    padding: 6px 6px 15px 12px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    margin-bottom: 4px;
    display: none;
}
.p-inquiry-update__main__box__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.p-inquiry-update__main__box__head-avt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(100% - 100px);
}
.p-inquiry-update__main__box__head-avt span {
    margin-left: 7px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #2B2B2B;
}
.p-inquiry-update__main__box__head-date span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #939393;
}
.p-inquiry-update__main__box__content {
    margin-top: 9px;
}
.p-inquiry-update__main__box__content p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding-right: 10px;
    word-break: break-all;
}
.p-inquiry-update__main__form {
    margin-top: 45px;
}
.p-inquiry-update__main__form form textarea {
    padding: 6px 6px 15px 12px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    width: 100%;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    height: 132px;
}
.p-inquiry-update__main__form form textarea:focus, .p-inquiry-update__main__form form textarea:focus-visible {
    outline: none;
}
.p-inquiry-update__main__form form button {
    margin-top: 28px;
    border: none;
    background: #BC4E25;
    border-radius: 12px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    width: 100%;
    padding: 15px;
}

.p-artboard {
    padding-top: 24px;
    padding-bottom: 100px;
}
.p-artboard * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-artboard a {
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.p-artboard a:hover {
    opacity: 0.7;
}
.p-artboard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.p-artboard__container {
    width: 818px;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.p-artboard__btn-back {
    /*margin-bottom: 27px;*/
}
.p-artboard__btn-back a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #BC4E25;
}
.p-artboard__btn-back a img {
    margin-right: 10px;
}
.p-artboard__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 17px;
}
.p-artboard__top h3 {
    font-size: 15px;
    line-height: 24px;
    color: #BC4E25;
    margin: 0;
    font-weight: 400;
}
/* .p-artboard__top__btn-new a, button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px;
    padding: 11px 20px;
    background-color: #BC4E25;
    color: #fff;
} */
.p-artboard__content__checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.p-artboard__content__checkbox input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 7px;
    width: 3px;
    height: 10px;
    border: solid #BC4E25;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.p-artboard__content__checkbox label {
    position: relative;
    cursor: pointer;
}
.p-artboard__content__checkbox label::before {
    content: "";
    -webkit-appearance: none;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    top: -3px;
}
.p-artboard__content ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    padding: 19px 7px 15.5px 17px;
    margin-top: -1px;
}
.p-artboard__content ul li a h3 {
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    font-weight: 400;
    margin: 0;
}
.p-artboard__content ul li a > div {
    color: #BC4E25;
    min-width: 151px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.p-artboard__content ul li a > div span {
    font-size: 14px;
    line-height: 1.4;
    color: #999;
    margin-right: 36px;
    margin-left: 17px;
}
.p-artboard__pagination {
    margin-top: 29px;
}
.p-artboard__pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.p-artboard__pagination ul li {
    margin: 0 4px;
}
.p-artboard__pagination ul li a {
    width: 30px;
    height: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #999;
    color: #4d4d4d;
}
.p-artboard__pagination ul li a.disabled {
    border-color: #E6E6E6;
    color: #B3B3B3;
}
.p-artboard__pagination ul li a.active {
    background-color: #BC4E25;
    border-color: #BC4E25;
    color: #fff;
}
.p-artboard__bottom {
    background-color: #FFCFC0;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.p-artboard__bottom p {
    margin: 0;
    font-size: 10px;
    line-height: 17.5px;
    color: #BC4E25;
    text-align: center;
}
.p-artboard__form-group {
    margin-bottom: 6px;
}
.p-artboard form {
    /*margin-top: 43px;*/
}
.p-artboard form label {
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #BC4E25;
}
.p-artboard form input {
    border-radius: 2px;
    border: 1px solid #999;
    height: 46px;
    width: 100%;
    padding: 0 10px;
}
.p-artboard form input:focus {
    outline: none;
}
.p-artboard form textarea {
    border-radius: 2px;
    border: 1px solid #999;
    height: 170px;
    width: 100%;
    padding: 10px;
}
.p-artboard form textarea:focus {
    outline: none;
}
.p-artboard form button {
    margin-top: 16px;
    font-size: 16px;
    line-height: 28px;
    background-color: #BC4E25;
    border: 1px solid #BC4E25;
    padding: 8px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    color: #fff;
}

@media (max-width: 767px) {
    .p-inquiry-list__content ul li a {
        padding: 15px;
    }
    .p-inquiry-list__content ul li a div span {
        margin-right: 15px;
    }
    .p-inquiry-list__content ul li a div {
        min-width: 130px;
    }
    .p-inquiry-list__content ul li a div {
        margin-left: 30px;
    }
}

.p-btn-back {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
}

.text-no-data {
    text-align: center;
}

.text-no-data p{
    color: #FFCFC0 !important;
}

.fz-16 {
    font-size: 16px!important;
}

.text-no-data {
    margin-top: 40px;
}

.p-u-repeat-setting{
    margin-top: 15px;
}
.p-u-repeat-setting h3{
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 13px;
    color: #BD4F26;
}
.p-u-repeat-setting__custom{
    background: #F2F2F2;
    margin-top: 20px;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 16px;
    display: none;
}
.p-u-repeat-setting__custom.show{
    display: block;
}
.p-u-repeat-setting__custom-option{
    display: flex;
    gap: 8px;
}
.p-u-repeat-setting__custom-number{
    flex: 36%;
    max-width: 36%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.p-u-repeat-setting__custom-select{
    flex: 64%;
    max-width: 64%;
}
.p-u-repeat-setting__custom h3{
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #BD4F26;
}
.p-u-repeat-setting__custom-number input[type=number]::-webkit-inner-spin-button,
.p-u-repeat-setting__custom-number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.p-u-repeat-setting__custom-number input[type=number] {
    background: transparent;
}
.quantity-nav {
    float: right;
    position: relative;
    height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #BDBDBD;
    width: 24px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #BDBDBD;
    border-radius: 0 8px 0 0;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
    border-radius: 0 0 8px 0;
}
.p-u-repeat-setting__custom-item{
    margin-bottom: 16px;
}
.p-u-repeat-setting__custom-item label{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
    display: inline-block;
}
.p-u-repeat-setting__custom-item.interval{
    display: none;
    margin-bottom: 0;
}
.p-u-repeat-setting__custom-item.interval.show{
    display: block;
}

.p-u-repeat-setting__custom-day-of-week .form-group {
    display: block;
    margin-bottom: 15px;
}

.p-u-repeat-setting__custom-day-of-week .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.p-u-repeat-setting__custom-day-of-week .form-group label {
    position: relative;
    cursor: pointer;
}

.p-u-repeat-setting__custom-day-of-week .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 3px solid #8E8E8E;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
}
.p-u-repeat-setting__custom-day-of-week .form-group input:checked + label::before{
    background: #BC4E25;
    border-color: #BC4E25;
}
.p-u-repeat-setting__custom-day-of-week .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.p-u-repeat-setting__custom-day-of-week ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.p-u-repeat-setting__custom-day-of-week ul li{
    flex: 25%;
    max-width: 25%;
}
.p-u-repeat-setting__custom-day-of-week .form-group label{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2B2B2B;
}

.p-u-repeat-setting__custom-item [type="radio"]:checked,
.p-u-repeat-setting__custom-item [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.p-u-repeat-setting__custom-item [type="radio"]:checked + .end-date__option label,
.p-u-repeat-setting__custom-item [type="radio"]:not(:checked) + .end-date__option label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.p-u-repeat-setting__custom-item [type="radio"]:checked + .end-date__option label:before,
.p-u-repeat-setting__custom-item [type="radio"]:not(:checked) + .end-date__option label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #BC4E25;
    border-radius: 50%;
    background: #fff;
}
.p-u-repeat-setting__custom-item [type="radio"]:checked + .end-date__option label:after,
.p-u-repeat-setting__custom-item [type="radio"]:not(:checked) + .end-date__option label:after {
    content: '';
    width: 14.33px;
    height: 14.33px;
    background: #BC4E25;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.p-u-repeat-setting__custom-item [type="radio"]:not(:checked) + .end-date__option label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.p-u-repeat-setting__custom-item [type="radio"]:checked + .end-date__option label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.p-u-repeat-setting__custom-item.end-date ul li label{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2B2B2B;
    margin-bottom: 0;
}
.p-u-repeat-setting__custom-item.end-date ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.p-u-repeat-setting__custom-item.end-date .end-date__option{
    flex: 36%;
    max-width: 36%;
}
.p-u-repeat-setting__custom-item.end-date .end-date__input{
    flex: 64%;
    max-width: 64%;
    opacity: 0;
    transition: 0.3s all;
}

.p-u-repeat-setting__custom-item [type="radio"]:checked ~ .end-date__input{
    opacity: 1;
}
.p-u-repeat-setting__custom-item.end-date .end-date__input input{
    background: transparent;
}

.p-u-repeat-setting__custom-item.end-date .end-date__input.repetition {
    max-width: 140px;
}

.p-u-repeat-setting__custom-item.end-date .end-date__input.repetition #numberRepetitions {
    margin-bottom: 8px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.work_photo_data {
    height: 250px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.c-u-request-history__group-btn{

}

.c-u-request-history__group-btn .group-back{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 24px;
}

.c-u-request-history__group-btn .btn-cancel{
    background: #FFECE6;
    margin-top: 16px;
    padding: 16px;
    width: calc(100% + 32px);
    margin-left:  -16px;
    position: relative;
}

.c-u-request-history__group-btn .btn-cancel::before,
.c-u-request-history__group-btn .btn-cancel::after{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    background: #FFECE6;
    height: 100%;
    width: 100%;
}

.c-u-request-history__group-btn .btn-cancel::after{
    left: 100%;
    right: unset;
}

.c-style-btn {
    width: 100%;
    border: 1px solid #BC4E25;
    text-align: center;
    padding: 13.5px !important;
    background: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #BC4E25;
    border-radius: 16px;
}

.c-style-btn--origin {
    background: #BC4E25 !important;
    color: #fff;
}

.js-custom-mt-footer{
    margin-top: 133.5px
}
.c-popup--2 .p-u-list-activity-history__popup__content-inner{
    width: 287px;
    max-width: 100%;
}

@media (min-width: 768px) {
    .p-booking-history__box,.p-profile-verify__box{
        padding-bottom: 25px;
    }
    .c-group-date-price{
        position: absolute;
        bottom: 12px;
        right: 12px;
    }
}
/*@media (max-width:767px) {*/
/*    .js-custom-mt-footer{*/
/*        margin-top: 52.5px*/
/*    }*/
/*}*/