body{font-family: 'Open Sans', sans-serif; font-size:15px; color:#000; background:#fff;} 
.container{max-width:414px; background:#fff;}

.fullvh{height:98vh;}
 
.heading{font-size:18px; font-weight:bold; margin:0; padding:0;}

a{color:#039be6;}

h1, h2, h3, h4, h5, h6{margin:0;}

ul, p{color:#72849a; line-height:26px;}

.btn{width:100%; height:67px; border-radius:100px; font-size:18px; padding:19px 0;}


.btn-primary{background-color:#632c91; border-color:#632c91;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active{background-color:#000; border-color:#000; box-shadow:none;}

.text-primary{color:#632c91!important;}


.banner{padding-top:63px; margin-top:40px;}
.banner-inner{background:#632c91; border-radius:30px; text-align:center; min-height:170px;}
.banner .img{border-radius:40px; width:127px; height:127px; overflow:hidden; box-shadow: 0 0 10px #fef9de; display:inline-block; margin-top:-63px;}
.banner .img img{width:133px;}
.banner h2{color:#fff; font-weight:bold; font-size:24px; margin-top:20px; margin-bottom:5px;}
.banner .star img{width:16px;}

h3{font-size:18px; font-weight:bold;}

.box{box-shadow:0 2px 4px rgba(0,0,0,.15); border-radius:20px;}

.upcoming .map{border-radius:10px; overflow:hidden; max-width:118px; margin-right:20px; height:177px;}
.upcoming .details .location{color:#888888; font-size:14px; margin-top:5px;}
.upcoming .details .location i{color:#d0bfde;}
.upcoming .details h3{font-size:17px; line-height:22px;}

.event-name{background:#e5f3ff; color:#0b92ff; font-size:13px; border-radius:5px; padding:1px 10px; display:inline-block;}
.event-name img{width:10px;}

.upcoming .con{display:flex; align-items:center;}
.upcoming .con .img{border-radius:15px; overflow:hidden; width:42px; height:42px;}
.upcoming .con .img img{width:42px;}
.upcoming .con .name{font-size:18px; font-weight:600; margin-left:10px;}
.upcoming .con .name span{line-height:18px; display:flex; margin-bottom:5px;}
.upcoming .con .name small{display:flex;}
.upcoming .con .name small img{width:12px; margin-right:3px;}


.thankyou .container{height:100%;}
.thankyou h5{font-weight:600; margin-top:5px;}
.thankyou h2{color:#632c91; font-weight:bold;}


/*.event-detail-inner{background:url(../images/bg.jpg); background-repeat:no-repeat; background-position:top; background-repeat:no-repeat; background-size:cover; padding:15px; height:100%;} */
.event-box{color:#fff; background:rgba(27,26,47,0.9); border-radius:30px; padding:20px; font-size:16px; margin-bottom:10px;}
.event-box .event-name{background-color:#0079FF; color:#fff;}
.event-box .event-name img{filter:brightness(0) invert(1);}
.event-box h2{color:#fff; font-weight:600; font-size:26px; line-height:33px; margin:10px 0;}

.event-box .user-con{display:flex; align-items: center;}
.event-box .user-con .img{width:67px; height:67px; border-radius: 15px; overflow: hidden;}
.event-box .user-con .img img{width:67px;}

.event-box .user-con .name{margin-left: 10px;}
.event-box .user-con .name span{font-size:19px; font-weight:600; display:flex;}
.event-box .user-con .name small{display:flex;}
.event-box .user-con .name small img{width: 14px; margin-right: 3px;}
.event-box .user-con .arrow{margin-left:auto; color:#727272; font-size:26px;}
.event-box .user-con .arrow a{color:#727272;}
.event-box .user-con .arrow a:hover{color:#fff;}

.event-box h3{color:#fff; font-weight:600; font-size:18px; line-height:24px; margin:10px 0;}
.event-box p{font-size:13px; color:#fff; line-height:22px;}
.event-box .map{border-radius:15px; overflow:hidden; height:135px;}

.custom-price{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.custom-price span{font-size:20px; font-weight:bold; margin:0 4%;}
.custom-price span a{border:1px solid #9f7dbb; border-radius:100%; width:76px; height:76px; align-items:center; display:flex; justify-content:center; color:#a889c1; text-decoration:none;}
.custom-price span a:hover{background:#fff; color:#632c91; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.custom-price .form-control{color:#a889c1; font-size:16px; border:0; background:transparent!important; text-align:center;}
.custom-price .form-control:focus{box-shadow:none; color:#a889c1;}
.custom-price .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color:#a889c1;
}

.custom-price .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color:#a889c1;
}

.custom-price .form-control::-ms-input-placeholder { /* Microsoft Edge */
           color:#a889c1;
 }
 
 .form-control{background:#f8f8f8; border:0; min-height:60px; border-radius:12px;}