.success-wrapper{
    text-align:center;
    padding:30px 15px;
}

.success-animation {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.checkmark-circle {
    stroke: #28a745;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-linecap: round;
    animation: stroke 0.6s ease-in-out forwards;
}

.checkmark-check {
    stroke: #28a745;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.4s 0.6s ease forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

.booking-summary-bar{
background:#faa800}

.top-bar{
  background:#f4fbff;
  border-radius:10px;
  padding:16px 0;
}

.feature-bar{
  background:linear-gradient(90deg,#2fa4dd,#1b6fb8);
  color:#fff;
  border-radius:10px;
}

.car-card{
  border-radius:14px;
}

.car-img{
  max-height:120px;
  object-fit:contain;
  width:100%;
}

.price{
  font-size:26px;
}

.btn-warning{
  border-radius:30px;
  font-weight:600;
  padding:10px 26px;
}
.texth{
	text-align:right;
}
@media (max-width: 767px){
.texth{
	text-align:left;
}
}



/* DESKTOP VIEW */
.summary-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
}

.summary-route{
    flex:1;
    font-size:16px;
}

.summary-center{
    flex:2;
    display:flex;
    justify-content:center;
    gap:54px;
}

.summary-center .sum-box{
    display:flex;
    flex-direction:column;
    font-size:13px;
}

.summary-center .sum-box span{
    color:#777;
    font-size:12px;
}

.summary-right{
	 margin-top: -19px;
    flex:1;
    text-align:right;
}


.summary-top{
	font-size:11px;
}
@media(max-width:576px){

.summary-inner{
    flex-direction:column;
    align-items:flex-start;
    padding: 2px 1px;
    position:relative;
}
.feature-bar{
  font-size: 11px;
}

/* Trip Type upar */
.summary-route::before{
    content: attr(data-trip);
    display:block;
    font-size:11px;
    color:#888;
    margin-bottom:1px;
}
.summary-route{
    padding: 0px 10px 0px;
}
/* Route */
.summary-route b{
    font-size:13px;
    font-weight:600;
}

/* center ko ek line bana do */
.summary-center{
    margin-top:2px;
    width:100%;
}

/* sab hide */
.summary-center .sum-box span{
    display:none;
}

/* ek hi line me show */
.summary-center .sum-box{
    display:inline;
    font-size:11px;
}

/* Pickup Details : */
.summary-center .sum-box:nth-child(2) b::before{
    content:"Pickup: ";
}

/* at */
.summary-center .sum-box:nth-child(3) b::before{
    content:" at ";
}

/* Modify button small */
.summary-right{
    position:absolute;
    right:8px;
    top:0px;
	margin-top:0px;
}

.modify-btn{
    padding:2px 8px;
    font-size:10px;
    border-radius:5px;
}

}
.modify-btn{
	border-radius: 7px;
    border: 1px solid #9d9898;
}
@media only screen and (min-width: 900px) {
    .summary-center{
        margin-top: -3px;
        padding-bottom: 14px;
    }
}