.trip-details-content .dropdown-menu .dropdown-item {font-weight: 600;}
/* 
====================================
Ride Preferences Page CSS
======================================= 
*/
.ride-preference-page{height: calc(100vh - 120px);overflow: hidden;}
.ride-location{height:calc(100vh - 120px);width:100%;}
.ride-preference{background:var(--white-color);box-shadow: 0px 4px 15px 0px #00000040;border-radius:6px;position:absolute;z-index:9;left:auto;right:auto;left: 50%;transform: translateX(-50%);top:50px;width:648px;}
.ride-preference .progress{border-radius:0;background:#222B2F29;height:10px;}
.ride-preference .progress-bar{background:#0FA91C;}
.ride-title{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 12px;}
.ride-title h3, .ride-title p{margin:0;}
.ride-title h3{font-size:24px;line-height:30px;font-weight:600;}
.ride-title p{font-size:12px;line-height:15px;font-weight:600;}
.accommodations{border: 1px solid #B1B9C1;padding:12px 16px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:space-between; cursor:pointer;}
.accommodations.selected{border:2px solid #0FA91C;}
.accommodations .accommodation-type{display:flex;align-items:center;justify-content:space-between;}
.accommodations span{margin:0 0 0 8px;font-size:14px;line-height:18px;color:#212121;}
.accommodations .form-check{margin:0;min-height:16px;min-width:16px;padding:0;}
.accommodations .form-check-input{height:20px;width:20px;border: 1px solid #222B2FA3;background-color:var(--white-color);box-shadow:none;margin:0;}
.accommodations .form-check-input:checked{background-color:#0FA91C;border-color:#0FA91C;}
.ride-preference .rider-preference-back{font-size: 24px;font-weight: 600;line-height: 29px; color:var(--woodsmoke-color);margin: 0 0 24px;}
.ride-preference .form-label {color:var(--nevada-color);font-size: 14px;font-weight: 400;line-height: 17px;margin:0 0 8px;}
.ride-preference .form-control, .ride-preference .form-select {border:1px solid #b1b9c1; line-height:46px;padding:0 12px;box-shadow: none;outline: none;color:var(--woodsmoke-color);}
.ride-preference .ride-preference-info{padding:24px;overflow:auto;max-height:615px;}
.ride-preference .action-buttons button{min-width:160px;margin-right:16px;}
.ride-preference .preferences-list{margin-bottom:32px;}
.ride-preference .preferences-list:last-child{margin-bottom:0;}
.ride-preference .icon-field{position:relative;}
.ride-preference .icon-field img{position:absolute;right:12px;transform:translateY(-50%);top:68%;}
.ride-preference .icon-field .form-control{padding-right:40px;}
.ride-preference .prefered-languages{display:flex;align-items:center;gap:12px;}
.ride-preference .other-language{min-width:270px;}
.ride-preference .language-button, .ride-preference .language-button:hover, .ride-preference .language-button:focus{border: 1px solid var(--light-bg-color);border-radius: 4px;display: block;color: var(--woodsmoke-color);font-size: 14px;font-weight: 400;line-height: 17px;padding:13px 16px;background:var(--white-color);display:flex;align-items:center;justify-content:center;width:100%;}
.ride-preference .language-button.active{border: 1px solid #D64029;background:#F2604A1A;}
.ride-preference .language-type{width:20px;height:20px;margin:0 8px 0 0;}
.ride-preference-success{text-align:center;padding:16px 16px 48px; }
.success-ride-box{position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin-left:auto; margin-right:auto;}
.ride-preference-success h3{margin-top:-20px;font-size:24px;line-height:32px;}
.ride-preference-success .circle {width: 204px;height: 124px;position: relative;z-index: 1;}
.ride-preference-success .circle1 {display: flex;align-items: center;justify-content: center;position: inherit;margin: 0 auto;animation-name: placeorder;animation-duration: 3s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;background-size: 0%;background-repeat: no-repeat;}
.ride-preference-success .circle1 img {margin: -15px 0 0;}
@keyframes placeorder {
0% {background-size: 0%;}
25% {background-size: 100%;}
75% {background-size: 100%;}
100% {background-size: 0%;}
}


/* 
====================================
Transportation Page Page CSS
======================================= 
*/
.transportation-benefit{background: #F8FAFB;}
.transportation-benefit h3{font-size:32px;line-height:39px;margin:0 0 16px;}
.transportation-benefit p{font-size:20px;line-height:28px;margin:0;color:rgba(0,0,0,0.7);}

/* Banner Section CSS Start Here */
.banner-section{background:none;padding:100px 0;}
.banner-section p{margin:0 0 40px;max-width:560px;}
.banner-section .btn{min-width:175px;}
.banner-image-main{min-height:360px;}
.banner-image-section {position: relative;width: 546px;height: 390px;}
.banner-image-section .banner-img{object-fit:cover;height:100%;border-radius:16px;overflow:hidden;}
.banner-image-section .hearing-img{position:absolute;left: -70px;bottom: -90px;}
/* Banner Section CSS End Here */

/* Benefit Section CSS Start Here */
.benefit-section{padding:64px 0;background-color:var(--white-color);}
.benefit-section .row{margin:0;}
.benefit-section .row > [class*="col-"]{padding:0;}
.benefit-header{text-align:center;margin-bottom:64px;}
.benefit-card{padding:0;border-radius:0;text-align:center;border:none;height:180px;}
.benefit-card .img-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 32px;}
.benefit-card h4{font-size:20px;line-height:32px;font-weight:400;margin-bottom:4px;color:var(--woodsmoke-color)}
.benefit-card p{color:var(--nevada-color);line-height:24px;}
/* Benefit Section CSS End Here */

/* Vendor Options Section CSS Start Here */
.vendor-options{padding:48px 0;}
.vendor-header{margin-bottom:48px;}
.vendor-card{padding:24px 32px;border-radius:8px;border:none;height:422px;box-shadow: 0px 2px 8px 0px #0F567329;background:var(--white-color);}
.vendor-card .img-container{display:flex;align-items:center;justify-content:space-between;height:125px;margin:0 auto 16px;}
.vendor-card p{color:#000;line-height:32px;}
.vendor-card p span{color:#255798;font-weight:600;}
/* Vendor Options Section CSS End Here */

/* FAQ Section CSS Start Here */
.faq{background-color:var(--white-color);padding:80px 0;}
.faq-content .faq-icon {width: 100px;height:100px;padding:24px;border-radius: 20px;margin:0 0 32px;background:#F5F6F8;}
.faq-content h3{margin:0 0 8px;}
.faq-content p{color:rgba(34, 43, 47, 0.8);}
.faq-accordion{padding:8px 8px 8px 24px;}
.faq .accordion{--bs-accordion-border-color:none;}
.faq .accordion-item{border-bottom:1px solid rgba(177, 185, 193, 0.5);border-radius:0 !important;}
.faq .accordion-button{padding:16px 0 12px;background:none !important;font-size: 18px;line-height: 22px;font-weight: 600;color:#222B2F;}
.faq .accordion-button::before{transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:url(https://nationscdn.azureedge.net/otc-container/images/hearing/accordion-arrow.svg) no-repeat left center; content:"";margin: 0px 12px 0 0;width:16px;height:16px;transform:rotate(180deg);background-size:100%;}
.faq .accordion-button::after{display:none;}
.faq .accordion-button, .faq .accordion-button:focus{box-shadow:none;outline:none;}
.faq .accordion-button:not(.collapsed){color:var(--woodsmoke-color);box-shadow:none;}
.faq .accordion-button:not(.collapsed)::before{transform:rotate(0deg);}
.faq .accordion-body{padding:0 0 16px 36px;font-size: 16px;font-weight: 300;line-height: 22px;}
/* FAQ Section CSS End Here */



.transportation-myride-sec {margin:0 0 40px;}
/* My Ride Heading Section Start */
.myride-header {padding:0;}
.schedule-info h3 {margin:0 0 4px;color:var(--woodsmoke-color);font-size: 32px; line-height:36px;}
.schedule-info p {margin: 0;color: var(--woodsmoke-color);font-size:16px; line-height:22px;}
/* My Ride Heading Section End */

/* Single ride schedule block */
.single-ride-schedule-block {box-shadow: 0px 2px 8px 0px #0e0a1f14; background:var(--white-color); padding:0; border-radius:8px; margin-top:24px; overflow:hidden; display:flex; width:100%;cursor:pointer;}
.single-ride-schedule-left {width:calc(100% - 300px);}
.ride-schedule-block-main {display:flex; padding:24px;}
.status {padding:4px 7px; background:var(--white-color); border:1px solid var(--white-color); border-radius:4px; display:inline-flex; align-items:center; font-size: 12px !important;line-height:14px !important; font-weight:600; margin-bottom:0;}
.status .icon {margin:0 4px 0 0;display:flex;}
.status.blue, .status.scheduled {border:1px solid #33bde3; color:#00497a; background:#ecfaff;}
.status.white {border:1px solid #e9ecf0; color:#212121; background:#fff;}
.status.green, .status.completed {border:1px solid var(--success-green-dark);color:#075a0b; font-weight:600; background:#ecf3ed;} 
.status.red, .status.canceled {border:1px solid #d61308;color:#d61308; font-weight:600; background:#fee9e8;} 
.ride-schedule-info {width:100%; max-width:340px;}
 .ride-schedule-info.driver-sec {max-width:540px;}
@media (min-width:1920px) { 
    .ride-schedule-info {width:100%; max-width:500px;}
     .ride-schedule-info.driver-sec {max-width:550px;}
}
.driver-sec {padding:0 0 0 24px; border-left:1px solid #e9ecf0;}
ul.list {margin-top:16px; }
ul.list li { color:var(--woodsmoke-color); letter-spacing:0.3px; display:inline-flex; align-items:center; width:100%; font-size: 16px;line-height:22px;}
ul.list li .icon {margin:0 12px 0 0;}
ul.list li.circle-icon .icon img {margin-left:-2px;}
ul.list li strong {font-weight:700;margin-left:5px;}
ul.list li.map {position:relative;}
ul.list li.map:before {content:''; top:-24px;left:9px;background:url("https://nationscdn.azureedge.net/otc-container/images/transport/map-line-icon.svg") left top repeat-y; width:2px; height:100%; position:absolute;} 
ul.list li:not(:first-child) {margin-top:24px;}
ul.list.list li:last-child a {margin-left:30px; text-decoration:none; font-size: 14px;line-height:17px;}
ul.list.list li:last-child .icon {margin-right:6px;}
.driver-sec h6 {font-size: 16px;font-weight: 600;line-height: 22px;margin-bottom:12px;color:#212121;}
.driver-sec-block {background: #f5f6f8; padding:14px 24px; display:flex; border-radius:8px; align-items:center;}
.driver-sec-content {margin-left:12px;}
.driver-sec-content h5 {font-size: 20px;font-weight: 400;line-height: 24px; margin-bottom:12px;color:#212121;}
.star-ratings {font-size:14px;font-weight:600;line-height:17px;color:#075a0b;}
.star-ratings img {margin:0 4px 0 0;}
.language-block {margin-top:12px;}
.language-btn {border: 1px solid #e9ecf0; background:#fff; border-radius:4px;display: block; color:#212121; font-size: 14px;font-weight: 400;line-height: 17px; padding:6px 12px 7px; border-radius:4px;}
.language-btn .icon {position:relative;top:-2px; margin:0 4px 0 0;}
.language-block small {margin-right:12px;}
.driver-sec-img {width:120px; border-radius:8px;}
.driver-sec-img img {width:100%; border-radius:8px;}
.map-sec {width:310px;}
.map-sec img {width:100%;}
@media (min-width:1920px) {
  .map-sec {width:600px;}
  .single-ride-schedule-left {width: calc(100% - 600px);}
  .map-sec img {width:100%; height:250px; object-fit:cover;}
}
.trip-details-content {margin-top:40px;}
.back-btn-block .custom-link {font-size:18px; line-height:18px;font-weight:600;}
.trip-details-sec .trip-details-map-sec {position:absolute; right:0; height:100%;}

.trip-header h4 {margin:0 12px 0 0;}
.trip-header .custom-dropdown {position:relative;}
.trip-header .custom-dropdown .btn {background:none; box-shadow:none;}
.details-info-block {width:50%; border:1px solid #e9ecf0; border-radius:8px;}
@media (min-width:1920px) {
    .details-info-block {max-width:50%; width:48%;}
    .details-info-block.ride-details {max-width:100%; width:48%;margin-left:4%;}
    .trip-details-content {padding-right:40px;}
}
.ride-details-info {display:flex;}
.ride-details {margin-left:24px; padding:16px;}
.ride-details .list li {font-weight:500;}
.ride-details-info .driver-sec-block {flex-direction:column; align-items:start; padding:24px 16px;}
.ride-details-info .driver-sec-block .driver-sec-img img {object-fit:cover; height:80px;object-position: center 13%;}
.driver-sec-content {padding:16px; margin-left:0;}
.driver-sec-content ul {display:flex;}
.driver-sec-content ul li { width:50%;font-size:16px; line-height:22px;font-weight:600; color:#212121;}
.driver-sec-content ul li span {display:block;font-size:13px; line-height:16px;color:#646f7d; font-weight:500; margin-bottom:4px;}

.driver-sec-content .info {width:100%; display:block;}
.driver-sec-content .info li {margin-top:16px;}
.ride-head > h5 {font-size:18px;line-height:22px;color:#212121; font-weight:600; margin:0;}
.ride-head span {font-size:14px;line-height:17px;color:#212121; font-weight:600;}
.preferences-sec {margin-top:32px;}
.preferences-block h6 {font-size:16px;line-height:22px;color:#646f7d; font-weight:500; margin-bottom:4px;}
.preferences-block p{margin:0;}
.preferences-block p strong {font-weight:700;}


/*Schedule New Ride css*/
.schedule-ride-form .ride-form-sec {display: flex;width: 490px;flex-direction: column;align-items: flex-start;box-shadow: 0px 2px 10px 0px #B7C8D0;background: #fff;position: absolute;top: 0px;left: 0;border-radius: 0;height: 100vh;}
.ride-form{width:100%;padding:40px 60px;}
.schedule-ride-form .form-control {border: 1px solid #b1b9c1;line-height: 46px;padding: 0 16px 0 42px;box-shadow: none;outline: none;color: var(--woodsmoke-color);background-color: #fff;}
.schedule-ride-form .form-group {padding-bottom: 0;position: relative;margin: 0 0 20px;}
.schedule-ride-form select.form-control {padding: 0px 40px 0px 16px !important;}
.schedule-ride-form .succes-text {color: #075A0B;font-size: 20px;font-style: normal;font-weight: 500;line-height: 22px;}
.schedule-ride-form span.fs-14 {font-size: 14px;}
.schedule-ride-form .custom-link {color: #00497A;font-size: 14px;font-weight: 500;padding: 0;min-width: inherit;margin: 0px;line-height: 18px;display: inline-block;cursor: pointer;text-decoration: none;}
.google-map {position: relative;border-radius: 0;overflow: hidden;max-height: 720px;}
.hearing-appointment-success h4 {font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;}
.health-search {position: relative;}
.schedule-ride-form .search-icon{position:absolute;top:50%; transform:translateY(-50%); left:16px;}
.schedule-ride-form .ride-preference.ride-profile {background: transparent;box-shadow: none;border-radius: 6px;position: relative;z-index: 9;right: 0;transform: translateX(-50%);top: 110px;width: 100%;margin: 0 auto;}
.schedule-ride-form .ride-preference-page {height: calc(100vh - 120px);overflow: hidden;width: 100%;}
.schedule-ride-form .ride-preference.ride-profile .form-control {border: 1px solid #b1b9c1;line-height: 46px;padding: 0 16px 0 16px;box-shadow: none;outline: none;color: var(--woodsmoke-color);background-color: #fff;}
.schedule-ride-form .ride-preference .ride-preference-info {padding: 24px;overflow: auto;max-height: 750px;}
.schedule-ride-form .ride-preference-page {height: calc(100vh - 0px);overflow: hidden;width: 100%;}
.trip-btn {border-radius: 6px;border: 1px solid var(--Grayscale-Cadet-Blue, #B1B9C1);height: 48px; background-color:transparent;}
.trip-btn button {border-radius: 4px 0px 0px 4px;padding:0px 36px;background: transparent;}
.trip-btn button.active {border: 1px solid var(--Primary-Jasper, #D64029);background: rgba(242, 96, 74, 0.10);}
.schedule-ride-form select.pl-40{padding-left:40px !important;}
.trip-details-content .dropdown-menu .dropdown-item .icon{margin-right:12px;}
.choose-Accommodations{font-size:16px; font-weight:600; line-height:19px; margin-bottom:16px;}