#info-section {
    margin-left: 5px;
    /* border-radius: 5px; */
    padding: 0px;
    height: auto;
    margin-bottom: 100px;
    background-color: white;
}

.info-v-heading {
    font-weight: 300;
    background-color: rgba(128, 128, 128, 0.08);
    padding: 15px 10px 10px 5px;
}

.heading-text {
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 20px;
    color: #4a4a4a;
    margin-left: 15px;
}

.booking-card {
    margin: 30px;
    background-color: whitesmoke;
}

#service-price {
  position: absolute;
  bottom: 5px;
  left: 20px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
}

.feed-profile-image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

.i-p-q {
    font-size: 14px;
    letter-spacing: 0.4px;
    color: #4a4a4a;
    font-weight: 600;
}
.i-p-q-p{
   font-size: 18px;
   letter-spacing: 0.4px;
   color: #4a4a4a;
   text-decoration: line-through; 
}

.f-p-q {
    font-size: 14px;
    letter-spacing: 0.4px;
    color: #e72e77;
    font-weight: 600;
}
.f-p-q-p{
   font-size: 18px;
   letter-spacing: 0.4px;
   color: #e72e77; 
}

.func_date {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: -10px;
}

.req_func_date_v {

    /*font-weight: bold;*/
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.s-b{
   text-align: right;
   padding-right: 30px; 
}


.view-detail {
    border: 1px solid #e1e1e1;
    color: #fff;
    padding: 7px 0px 7px 7px;
    background: #9b9b9b;
    font-size: 14px;
    /* font-family: proxima-nova; */
    text-align: center;
    font-weight: 600;
    margin-left: 30%;
    border-radius: 2px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto!important;
    margin-left: auto!important;
}
.comp-text {
	font-size: 14px;
	color: #0cd168;
	left: 2.5%;
	margin-top: 2%;
	position: relative;
	font-weight: bold;
}
.incomp-text {
	font-size: 14px;
    color: #4a4a4a;
    left: 2.5%;
    margin-top: 2%;
    position: relative;
    font-weight: bold;
}
.complete-color {
	background-color: rgba(12, 209, 104, 0.1);
}
.COMPLETED {
	font-size: 14px;
	letter-spacing: 0.9px;
	color: #0cd168;
}
.VENDOR_NOT_AVAILABLE {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #f5a623;
}
.OPEN {
	font-size: 14px;
    letter-spacing: 0.9px;
    color: #4ba6ff;
}
.BOOK_NOW {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #e72e77;
}
.EXPIRED {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #9b9b9b;
}
.block-COMPLETED {
	font-size: 14px;
	letter-spacing: 0.9px;
	color: #0cd168;
	border-radius: 2px;
	position: relative;
	width: 36%;
	padding: 10px;
	text-align: center;
	float: right;
	margin-right: 20px;
	border: 1px solid #0cd168;
}
.block-VENDOR_NOT_AVAILABLE {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #f5a623;
	border-radius: 2px;
	position: relative;
	width: 36%;
	padding: 10px;
	text-align: center;
	float: right;
	margin-right: 20px;
	border: 1px solid #f5a623;
}
.block-OPEN {
	font-size: 14px;
    letter-spacing: 0.9px;
    color: #4ba6ff;
    border-radius: 2px;
    position: relative;
    width: 36%;
    padding: 10px;
    text-align: center;
    float: right;
    margin-right: 20px;
    border: 1px solid #4ba6ff;
}
.block-BOOK_NOW {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #e72e77;
	border-radius: 2px;
	position: relative;
	width: 36%;
	padding: 10px;
	text-align: center;
	float: right;
	margin-right: 20px;
	border: 1px solid #e72e77;
}
.block-EXPIRED {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #9b9b9b;
	border-radius: 2px;
	position: relative;
	width: 36%;
	padding: 10px;
	text-align: center;
	float: right;
	margin-right: 20px;
	border: 1px solid #9b9b9b;
}
.expire-quote {
	display: inline-block;
    float: right;
    right: 40px;
    position: relative;
    bottom: 10px;
    font-size: 14px;
    line-height: 1.1;
    color: #e72377;
}

.vendor-detail{
    height: 180px;
    width: 96%;
    background-color: #f3f3f3;
    position: relative;
    left: 2%;
    margin-top: 2%;
}

.vendor-image {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
}
.vendor-image img {
    width: 50px;
    height: 50px;
    /* border-radius: 50% 50% 50% 50%; */
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.vendor-info{
    display: inline-block;
    position: relative;
    top: 10px
}
.vendor-info-child {
    display: inline;
}
.vendor-info-child p {
    display: inline;
    font-size: 12px;
    color: #9b9b9b;
    margin-left: 5px;
}
.vendor-info p:first-child {
    font-size: 14px;
    color: #4a4a4a;
}
.vendor-info :nth-child(3) {
    display: inline;
    position: relative;
    /* text-align: right; */
    left: 95%;
    font-size: 12px;
    letter-spacing: 0.4px;
    text-align: right;
    color: #4a4a4a;
    top: -20px;
    font-weight: bold;
}

.function-detail {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    width: 96%;
    left: 2%;
    position: relative;
    top: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 40px;
}
.f-d {
  /*font-family: ProximaNova-Bold;*/
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #4a4a4a;
  font-weight: 600;
}
.f-t {
    display: inline-block;
    float: right;
    font-size: 12px;
    letter-spacing: 0.5px;
    /* text-align: right; */
    color: #4a4a4a;
    font-weight: 600;
    padding: 6px;
}
.func-list {
    margin-top: 30px;
    margin-left: 18px;
}
.func-li {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 25px;
    width: 98%;
}
/*.function-box {
    width: 63em;
}*/
.func-name {
    /*font-family: ProximaNova-Regular;*/
    font-size: 16px;
    color: #4a4a4a;
}
.func-name span {
    /*font-family: ProximaNova-Regular;*/
    font-size: 16px;
    color: #9b9b9b;
    margin-left: 15px;
}
.func-date {
    display: inline-block;
    float: right;
    background-color: #fff;
    padding: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
    /* text-align: right; */
    color: #9b9b9b;
    margin-left: 35px;
}
.func-time {
    width: 8%;
    text-align: center;
}
.func-loc {
    display: block;
    margin-top: 4px;
}
.func-loc p {
    display: inline-block;
    margin-left: 8px;
    /*font-family: ProximaNova-Regular;*/
    font-size: 14px;
    color: #9b9b9b;
}
.loc-services {
    /*font-family: ProximaNova-Bold;*/
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #9b9b9b;
    margin-top: 12px;
    font-weight: 600;
    font-weight: 600;
}
.service-name {
    float: left;
}
/*.last-service {
    float: none!important;
}*/
.service-name p {
    border-radius: 2px;
    background-color: #f3f3f3;
    /* margin-right: 15px; */
    margin: 10px 10px 10px 0;
    padding: 10px;
    /*font-family: ProximaNova-Regular;*/
    font-size: 14px;
    color: #4a4a4a;
}
.price-quote {
    display: block;
    height: 70px;
}
.intial-price {
    float: left;
    /*font-family: ProximaNova-Regular;*/
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #4a4a4a;
    margin-left: 20px;
} 
.final-price {
    float: left;
    /*font-family: ProximaNova-Regular;*/
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #e72e77;
    margin-left: 20px;
}
.price-int {
    /*font-family: BanglaSangamMN;*/
    font-size: 20px;
    text-align: left;
    display: block
}
.block-vendor {
  display: inline-block;
  height: 40px;
  border-radius: 2px;
  background-color: #e72e77;
  position: relative;
  /* margin-top: 50px; */
  width: 36%;
  float: right;
  margin-right: 20px;
}
.block-vendor-name {
  /*font-family: ProximaNova-Bold;*/
  font-size: 14px;
  letter-spacing: 1.9px;
  text-align: center;
  color: #ffffff;
  position: relative;
  top: 9px;
  font-weight: 600;
}
.add-info p {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #4a4a4a;
    font-weight: 600;
}
.add-info {
    left: 4%;
    position: relative;
    margin-bottom: 20px;
}
.add-info span {
    position: relative;
    width: 94%;
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
}
.last-li {
    margin-bottom: 0px!important;
}
.booking-rupee {
    position: relative;
    right: 2px;
}
.Rectangle-4 {
  height: 466px;
  object-fit: contain;
  border-radius: 3px;
  background-color: #ffffff;
  margin: auto;
  position: relative;

}
.failure-img {
    position: relative;
    margin: auto auto;
    display: block;
    top: 50px;
}
.failure-text {
    font-size: 16px;
    text-align: center;
    margin-top: 8%;
}
.failure-Id {
    font-size: 16px;
    text-align: center;
    color: #4a4a4a;
    margin-top: 10px;
    font-weight: 600;
}
.failure-msg{
    font-size: 16px;
    text-align: center;
    color: #4a4a4a;
    padding-right: 20%;
    padding-left: 20%;
    margin-top: 15px;
}

.retry-payment {
    display: inline-block;
    /* margin: auto auto; */
    font-weight: 600;
    text-align: center;
    border-radius: 2px;
    padding: 15px;
    background-color: #e72d76;
    /* width: 210px; */
    /* margin-top: 15px; */
    margin: 12px;
}
.retry-payment p {
    font-size: 14px;
    letter-spacing: 2.1px;
    text-align: center;
    color: #ffffff;
}
.price-val {
    padding: 30px;
}
.concierge-status {
    border: 1px solid;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.9px;
    color: #0cd168;
    padding: 8px 14px;
    border-radius: 2px;
}
.css-dot {
    /* width: 0px; */
    /* height: 6px; */
    color: #9b9b9b;
    position: relative;
    border: 3px solid;
    display: inline-block;
    border-radius: 100%;
    /* max-width: 5px; */
    margin: 2px 8px;
}
@media screen and (min-width: 1920px) { 
    .func-time {
        width: 8%;
    }
}

@media (max-width: 768px) { 
    .comp-text {
        font-size: 12px;
        left: 8%;
    }
    .incomp-text {
        font-size: 12px;
        left: 8%;
    }  
    .p-t{
        padding-top: 10px;
    }  
    .bold-text {
        font-size: 12px;
    }
    .price-val {
        padding: 0;
        padding-left: 20px;
        padding-right: 20px;
        left: 0%!important;
    }
    .i-p-q{
        font-size: 12px;
        float: left;
        width: 57%;
        text-align: left;
    }
    .i-p-q-p {
        font-size: 14px;
        float: right;
    }
    .f-p-q {
        font-size: 12px;
        float: left;
    }
    .f-p-q-p {
        float: right;
        font-size: 14px;
    }
    .booking-rupee { 
        width: 8px;
    }
    .phone-status {
        text-align: center;
        background: #e1e1e1;
        display: block;
        height: 100%;
        width: 92%;
        left: 4%;
    }
    .req_func_date_v { 

        position: relative;
        top: 5px;
    }
    .service-name p {
        margin: 4px 3px 10px 0;
        font-size: 12px;
    }
    .add-on-mobile {
        border-right: 0px solid #ffffff!important;
        border-bottom: 1px solid #e1e1e1;
    }
    .intial-price {
        float: none;
        margin-left: 0px;
        font-size: 12px;
    }
    .price-int {
        float: right;
        font-size: 14px;
    }
    .final-price {
        width: 100%;
        float: left;
        position: relative;
        font-size: 12px;
        margin-left: 0;
    }
    .phone-status-detail {
        margin-right: 0px;
        width: 100%;
        left: 0;
        height: auto;
        margin-top: 5px;
    }
    .func-time {
        width: initial;
        /* text-align: center; */
    }
    .func-date {
        
        font-size: 12px;
        letter-spacing: 0.5px;
        clear: right;
        margin: 5px;
        margin-left: 0; 
    }
    .add-info span {
        width: 90%;
        font-size: 12px;
    }
    .mobile-margin {
        margin-top: 20px;
    }
    .mob-padding {
        padding-left: 30px;
    }
    .s-b{
        text-align: center;
        margin-bottom: 15px;
        clear: left;
    }
}