#modalTripCreation .modal-dialog
{
     width: 835px;
}

#modalTripCreation .modal-body {
    padding: 8px;
}

#trip-creation-view {
    padding: 0px 10px;
    width: 800px;
}
#trip-creation-view #trip-creation {
    height: 460px;
    position: relative;
    text-align: center;
}
#trip-creation-view section.selected {
    opacity: 1;
    z-index: 1;
}
#trip-creation-view section {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1);
    width: 100%;
}
user agent stylesheet
section {
    display: block;
}
#trip-creation-view h2 {
    color: #495964;
    font: bold 20px "Axiforma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#trip-creation-view p {
    color: #7b7b7b;
    font: 16px "Axiforma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}
#trip-creation-view figure {
    border: 1px solid #979797;
    margin: 32px auto 0;
}

#trip-creation-view img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
#trip-creation-view #trip-creation-nav {
    bottom: 41px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
}
#trip-creation-view #trip-creation-nav div[role='button'].selected {
    background: #686868;
    cursor: default;
}
#trip-creation-view #trip-creation-nav div[role='button'] {
    background: #d8d8d8;
    border-radius: 50%;
    height: 10px;
    margin: 0 4px;
    width: 10px;
}

user agent stylesheet
figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
#trip-creation-view figure img {
    display: block;
    height: auto;
}

#trip-creation-view .nav {
    margin: 35px 0 0;
}
#trip-creation-view .nav span {
    color: #0088cc;
    cursor: pointer;
    font: 18px "Axiforma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}