/*Baggage Pick Up Drop css start*/
.wrapper-baggage {background: #fff; border-radius: 5px; box-shadow: 0 0 40px rgb(0 0 0 / 10%); padding: 11px 10px 10px; margin: 30px 0; border-radius: 15px;}
.baggage_box .mb5 {margin-bottom: 5px; display: block;}
.baggage_box .ui-datepicker-trigger {opacity: 0;}
.baggage_box .form-control {height: 43px;}
.baggage_box{margin-bottom:15px;}
.baggage_box span {font-weight: 500; color:#333;}
.baggage_box input {border-radius: 10px;}
.baggage_box select {border-radius: 10px;}
.mid-button .btn {border-radius: 25px; padding: 9px 32px; font-size: 17px; margin-top: 15px;}
.wrapper-baggage .mainheading {
    background: #ccc; padding: 9px; border-radius: 14px 14px 0 0; border-color: var(--main-color);
    background: var(--main-color); color: #fff; margin: 0; font-size: 20px; text-align: center; font-weight: 700;
}
.wrapper-baggage .mainheading small {display: block; font-size: 17px; margin-top: 5px; color: #fff;}
.wrapper-baggage .mainheading:before {background:none;}
/*Baggage Pick Up Drop css end*/
.confirm-data {margin-bottom: 25px; border-radius: 7px; box-shadow: 0px 1px 5px 0px #ccc; padding: 15px 15px 11px; background:#fff;}
.confirm-data h5 {font-weight: 700; font-size: 16px; margin: 0 0 5px; color: var(--main-color);}
.bag_payable_amt .amtsm_btn {background: #28a745; color: #fff; display: inline-block; padding: 2px 10px; border-radius: 5px; margin-bottom:8px; margin-top: 10px;}
.mainarea-Baggage {
    background-image: url(../images/banner-bag.webp);
    background-size: cover; background-repeat: no-repeat;
}
.transprent-img {background-image:linear-gradient(to right, #ffffffd1, #ffffffd1); padding: 27px 32px;}
.successdone img {color:#1cc055; margin-top: -34px; background: #fff; border-radius: 50%; padding: 5px; box-shadow: 0px 1px 5px 0px #ccc;}
.successdone {background: #fff; display: inline-block; padding: 10px 25px; box-shadow: 0px 1px 5px 0px #ccc; border-radius: 7px; width: 50%;}
.successdone p {font-size: 16px; color: #20bf54; font-weight: 500; margin-top: 5px;}
.leftborder3 {border-left: 4px solid var(--secondary-color); border-radius: 0 7px 7px 0;}
.leftborder3 h5 {color: #20bf54;}
.successdone {background: #fff; display: inline-block; padding: 10px 25px; box-shadow: 0px 1px 5px 0px #ccc; border-radius: 7px; width:48%; margin-bottom: 25px;}
@media screen and (max-width:992px) {
    .successdone {width: 100%;}
}
@media screen and (max-width:767px) {
    .successdone {margin-top: 20px;}
    .transprent-img {padding: 5px 8px;}
}
@media screen and (max-width:570px) {
    .successdone {margin-top: 20px;}
    .transprent-img {padding: 5px 8px;}
    .wrapper-baggage .mainheading{font-size:17px;}
}