@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
html { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased;}
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; background-color: #ffffff;}
img { max-width: 100%;}
.fw-medium { font-weight: 500}
.fw-semi { font-weight: 600}
a:hover {text-decoration: none; outline: none; color: #FFAF02 !important}

header { position: sticky; background: #ffffff !important;  padding: 8px 0px; border-bottom: 1px solid rgba(255,255,255,0.15); box-shadow: 0 5px 10px rgba(0,0,0,0.2); top: 0px; left: 0px; right: 0px; z-index: 999;}
.tophead ul { padding: 0; list-style: none; margin: 0; }
.tophead ul li { display: inline-block; font-size: 15px; font-weight: 500; color: #444;}

.tophead ul li a { color: #444; text-decoration: none; margin-right: 25px;}
.tophead .tophead-right li { margin-right: 0px;}
.tophead .tophead-right li:last-child a { margin-right: 0px;}
.hero-section { width: 100%;  background-repeat: no-repeat;  position: relative;}
.hero-section .carousel img { height: 600px; object-fit: cover; width: 100%;}
.herosection-layer { background: rgba(0,0,0,0.4); position: absolute; height: 100%; width: 100%; justify-content: center;
text-align: center; display: flex; flex-direction: column; overflow: hidden; top:0; }
.carousel-indicators { bottom: 50px; }
.carousel-indicators .active {
    opacity: 1;
    background-color: #FFAF02;
}
.carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; }
/* .top-banner { mix-blend-mode: lighten;} */

.banner-head-content h1 { color: #FFFFFF; font-size: 41px; font-weight: 500; margin: 0px;}
.banner-head-content p { color: #ffffffa6; font-size: 20px; font-weight: 300; margin: 0px;}
.search-bar { background: #FFFFFF; padding: 8px; border-radius: 15px; flex-wrap: wrap; align-items: flex-start;}
.search-bar input { border: none; color: #808080; font-weight: 500; font-size: 16; background: #FFFFFF;} 
.search-bar input:focus { outline: none; border: none; box-shadow: none;}
/* .search-bar input ::placeholder */
/* ========================================================= */
.discover-location { border-left: 1px solid #e9e9e9;}
.discover-location a i { font-weight: 900; font-size: 14px; color: #808080;}
.discover-location a i:hover { color: #FFAF02;}
.discover-items { padding: 5px;}
.banner-searchicon { height: 28px; }
.btn-primary-banner {background: #FFAF02; border-radius: 10px; padding: 10px 20px; color: #FFFFFF !important; font-size: 18px; font-weight: 600;}
.browse-categories p { font-size: 15px; color: #FFFFFF; margin: 0px; font-size: 16px; font-weight: 500;}
.browse-categories .browse-links { background-color: #00000080; padding: 8px 15px; text-align: center; border-radius: 8px; margin-right: 10px; transition: 0.4s;transform: scale(1);}
.browse-links a { color: #FFFFFF; font-size: 14px; font-weight: 400; text-decoration: none;}
.browse-links a:hover{ color: #333;}
.browse-categories .browse-links:hover { background: #FFFFFF;}
.mini-h-bdr { border: 1px solid #FFAF02; width: 60px; border-radius: 50px; display: inline-block;}
.head-text h1 { margin: 0px; color: #222; font-size: 29px; font-weight: 400;}
.head-text h5 { margin: 0px; color: #888; font-size: 21px; font-weight: 300;}
.top-category { padding: 70px 0px 40px; background: transparent;}
.cate-box { background: #f8f8f8; padding: 20px 16px; border-radius: 4px; display: flex; flex-direction: column; align-items: center; transition: 0.4s; transform: scale(1); margin-bottom: 30px}
.cate-box img { width: 120px; margin: 0 auto; object-fit: contain; height: 120px;}
.cate-box p { margin: 0px; font-size: 13px; font-weight: 500; color: #777; text-transform: uppercase}
.cate-box:hover{ background: #FFAF02; transform: translateY(-6px);}
.cate-box:hover p { color: #FFFFFF;}
.services-offered {background: rgb(248, 248, 248); padding: 70px 0px 40px 0px;}
.open-box {margin-top: 10px; transform: translate3d(0,0,0); transition: transform 0.3s; display: block; overflow: hidden; height: 250px; width: 100%; border-radius: 11px 4px 0 0; position: relative;}
.open-box:hover{transform: translate3d(0,-6px,0);}
.open-box .overlay { height: 100%; width: 100%; z-index: 999; background: linear-gradient(to top, rgba(35,35,37,0.9) 0%, rgba(35,35,37,0.45) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
    background-color: rgba(0,0,0,0.5); border-radius: 4px 4px 0 0; position: absolute; } 
.listing-item-content .tag { color: #ffffff; font-size: 9px; font-weight: 400;}
.listing-item-content h1 { color: #ffffff; font-size: 18px; font-weight: 500; margin: 0px;}
.listing-item-content p { color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 300; margin: 0px;}
.listing-item-content h5 { color: rgba(255,255,255,0.7); font-size: 16px; font-weight: 400; margin: 0px;}


.listing-item-content { position: absolute; bottom: 0px; padding: 30px 30px 14px;}
.img-box img {  height: 100%; width: 100%; object-fit: cover;}
.how-work-img {background: #66676b10; height: 100px; width: 100px; display: flex; flex-direction: column; justify-content: center; text-align: center; border-radius: 100%; transition: 0.3s; flex: 0 0 100px;}
.how-work-img i {font-size: 36px; font-weight: 900; margin: 0px; color: #FFAF02;}
.work-disc a:hover .how-work-img {background: #FFAF02; box-shadow: 0 3px 8px #FFAF02;}
.work-disc a:hover .how-work-img i { color: #FFFFFF;}
.work-content h1 { margin: 0px; font-size: 18px; font-weight: 600; color: #222;}
.work-content p { margin: 0px; font-size: 14px; font-weight: 400; color: #777;}
.it-works-bg img { height: 425px; width: 100%; object-fit: cover;}
.it-works { background: transparent; padding: 75px 0px;}

.tip-badge { background: #FFAF02; font-size: 9.7px; border-radius: 50px; padding: 10px 16px; font-weight: 500; color: #ffffff; display: inline; letter-spacing: 2.5px;}
.blog-box {transform: translate3d(0,0,0); transition: transform 0.3s; display: block; height: 100%; width: 100%; border-radius: 10px; position: relative; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .12);}
.blog-box:hover{transform: translate3d(0,-6px,0);}
.blog-box .overlay { height: 100%; width: 100%; z-index: 999; background: linear-gradient(to top, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.65) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%); border-radius: 10px; position: absolute; }
.blogging-item-content h1 { color: #ffffff; font-size: 20px; font-weight: 500; margin: 0px;}
.blogging-item-content p { color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 300; margin: 0px;}
.blogging-item-content { position: absolute; bottom: 0px; padding: 0px 80px 40px 0px;}
.blogging-item-content p span { color: #ffffff; font-size: 14px; font-weight: 400;}
/* .outline-btn { font-size: 15px; padding: 9px 21px !important;} */
.from-blog {background: rgb(249, 249, 249); padding: 75px 0px;}
.footer-disc p{ color: #707070; font-size: 14px; font-weight: 500; margin: 0px;}
.d-links img { height: 34px; width: 114px; object-fit: contain; border-radius: 8px;}
.footer-disc { max-width: 400px;}
.helpful-links h1 { margin: 0px; font-size:21px; font-weight: 400; color: #333;}
.f-links { margin: 0px; padding: 0px;}
.f-links li a { color: #707070; font-size: 14px; line-height: 34px; font-weight: 400; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.f-links li a:hover { color: #48a35a; padding-left: 20px;}
.f-links li { text-decoration: none; list-style: none;}
.f-links li a i { font-weight: 600; font-size: 15px;}
.location-dets p { margin: 0px; font-size: 14px; font-weight: 400; color: #707070; padding-bottom: 5px; }
.location-dets p strong { font-weight: 500;}
.location-dets p span a{ color: #FFAF02;}
.social-links { margin: 0px; padding: 0px;}
.social-links li {text-decoration: none; list-style: none; display: inline; margin-right: 20px;}
.social-links li a { color: #FFAF02; font-weight: 400;}
.join-us { background-attachment: fixed; background-image: url(../images/join-bannerbg.png); height: 100%; width: 100%; background-size: cover;}
.join-us .join-us-overlay { background-color: rgb(54 56 62 / 65%);}    
.join-text { padding: 100px 0px;}
.join-text h1 { color: #ffffff; font-size: 36px; font-weight: 500; margin: 0px;}
.join-text p { color: #ffffff; margin: 0px; font-size: 16px; font-weight: 400;}
.btn-primary { background: #FFAF02; border-radius: 50px; padding: 12px 30px; color: #FFFFFF !important; font-size: 16px; font-weight: 600; border: none;}
/* .btn-primary:hover { background: #ffffff; color: #333 !important;} */
.img-box-2 img{ height: 100%; width: 100%; object-fit: cover; border-radius: 10px;}
.img-box-2 { height: 480px; width: 100%; }
footer { padding-top: 70px; border-top: 1px solid rgba(0,0,0,0.09); background: #FFFFFF;}
.copyright-text { border-top: 1px solid  rgba(0,0,0,0.09); padding: 10px 0px;}
.copyright-text p { color: #707070; margin: 0px; font-size: 13px; font-weight: 400;}

/* ========================================================================================== */
.search-group { position: relative;}
.search-group i { color: #999;}
.search-group input { padding: 10px 20px; height: 50px; color: #808080; font-size: 15px; font-weight: 500; border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06); }
.search-group select { padding: 12px 20px; height: 30px; color: #808080; font-size: 15px; font-weight: 500; border: 1px solid #dbdbdb; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06); height: 50px; }
select {
    background: url("../images/arrow-down.png") no-repeat right 10px center #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-group input:focus { outline: none; box-shadow: none; border: 1px solid #dbdbdb; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06); }
.looking-input i { position: absolute; top: 18px; left: 18px;}
.looking-input input{ padding-left: 40px;}
.location-input i { position: absolute; top: 18px; right: 20px;}
.notificationbar-2, .notificationbar-3 { cursor: pointer; }
/* .notificationbar-2 { background: #333;} */
.project-dropnew { font-size: 15px; color: #666; font-weight: 600; padding: 7px 15px; background: transparent; border-radius: 50px;}
.project-dropnew i { color: #FFAF02;}
.project-dropnew:hover { background: #f3f3f3;}

.dropdown-chart-top  .dropdown-menu { transform: translate3d(-50px, 29px, 0px);}
.down-arrowlogo { font-size: 15px !important; padding-left:10px;}
.project-dropdownbox { width: 450px; transform: translate3d(-1px, 40px, 0px) !important; } 
.project-dropcontentbox {padding: 25px}
.project-label { font-weight: 500 !important; font-size: 14px !important; color: #000000 !important; }
.download-contenttext p { color: #00AA04; font-weight: 500; font-size: 15px; margin-bottom: 0px; text-decoration: underline;
   display: flex; align-items: center; }
.download-contenttext h5 { color: #5D7D4D; font-weight: 500; font-size: 14px; margin-bottom: 0px; text-decoration: underline; }
/* .result-found-colums {} */
/* .results { padding-top: 80px;}  */

.makeup-bordr { background: #ffffff; position: relative; overflow: hidden; transform: translate3d(0,0,0); transition: transform 0.3s; border-radius: 4px 0px 0px 4px;}
.makeup-bordr:hover {transform: translate3d(6px,0,0);}
.results .container-fluid { overflow: hidden;}
.makeup-img-circle img { height: 70px; width: 70px; object-fit: cover; border-radius: 100%;}
.makeup-context h3 { font-size: 18px; font-weight: 500; color: #333; margin: 0px;}
.makeup-context p { font-size: 13px; font-weight: 400; margin: 0px; color: #808080;}
.makeup-context p span { font-size: 12px; font-weight: 600; color: #48a35a;}
.makeup-context .rating i{ color: #ffc600; font-size: 11px;}
.makeup-context .rating span { color: #424141; font-size: 13px; font-weight: 400;}
.makeup-item-content {padding: 20px;}
.makeup-details{ margin: 0px; color: #888; font-size: 12px; font-weight: 500;}
.listing-item-image img{ height: 220px; width: 100%; object-fit: cover; border-radius: 4px 0px 0px 4px;}
.makeup-badge { right: -53px !important;}
.result-found-colums { background-color: #f7f7f7;}
.result-found-area { background: #ffffff; }
.disc-results-found a { color: #888; font-size: 14px; font-weight: 500; margin: 0px;}

/* new-cahnge */
.pagination-order .pagination li { padding: 0 }
.pagination-order .pagination li a { border: 0px; background-color: transparent; color: #333; font-size: 12px; font-weight: 600; margin: 10px; padding: 10px 15px;}
.pagination-order .pagination li a:hover { background-color: #e8e8e8; border-radius: 50%;}
.pagination-order .pagination li a.active { background-color: #e8e8e8; border-radius: 50%;  }

/* new-change */
.make-up-location iframe{ height: 100%; width: 100%; position: relative;} 

.bdr-div{ border-top: 1px solid #eee !important;}
.makeup-img-circle-2 img { height: 100px; width: 100px; border-radius: 20px; object-fit: cover;}
.makeup-context-2 h3{ font-size: 24px; font-weight: 400;}
.makeup-context-2 p { font-size: 14px;} 
.services-tabs .nav-tabs .nav-link { color: #666; font-size: 15px; font-weight: 500; background-color: transparent; border: none; cursor: pointer}
.services-tabs .nav-tabs .nav-link:hover { color: #FFAF02; border-bottom: 1px solid #FFAF02;}
.services-tabs .nav-tabs .nav-link.active { border-bottom: 1px solid #FFAF02; color: #FFAF02;}
.services-tabs .nav-tabs .nav-link:focus {outline: none;}
.check-box [type="checkbox"].filled-in:not(:checked)+label:after { border: 2px solid #d0d0d0; background: #ffffff;}
.check-box [type="checkbox"].filled-in:checked+label:after { background-color: #FFAF02; border-color: #FFAF02;} 
.service-context h5 { color: #333; font-size: 17px; font-weight: 500; margin: 0px;}
.service-context p { color: #5c5c5c; font-size: 13px; font-weight: 400; margin: 0px;}
.service-context p span { color: #777; font-size: 12px;}
.tab-content ul.list-unstyled li { padding: 20px;}
.tab-content ul.list-unstyled li:nth-child(even){background-color: #f9f9f9;}
/* .gallery-img img { height: 100px; width: 100%; object-fit: cover;} */
.service-sub-text h1 { margin: 0px; color: #222; font-size: 22px; font-weight: 400;}

.listing-badge {
    background-color: #FFAF02;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    right: -64px;
    top: 22px;
    text-align: center;
    width: 200px;
    font-size: 12px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
}

.owl-dots{ width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; 
    text-align: center;
}
.owl-dot { height: 12px; width: 12px; display: inline-block; background: none; border: 2px solid #C4C4C4; margin-left: 5px; margin-right: 5px;
    background: #C4C4C4; border-radius: 20px; margin-top: 20px; }
.owl-dot.active { background: #FFAF02; border: 2px solid #FFAF02; height: 14px; width: 14px; }

.search-sec {  font-size: 13px;}
.search-sec::placeholder{color: #C4C0C0; }
.serach-icon{position: absolute; top: 7px; right: 30px;}
.serach-icon i{color: #43AFE9; font-size: 22px;}


/* =============================================================== */
/* .btn { outline: none; border: none; box-shadow: none; color: none;} */
.btn:focus { outline: none; box-shadow: none; color: none;}
.moblogo img{ height: 50px;
     /* width: 155px; */
      object-fit: cover;
    }
.btn-outline-head {background: #FFFFFF; border: 1px solid #FFAF02; font-size: 14px; font-weight: 500; color: #FFAF02 !important; padding: 8px 30px; border-radius: 50px; position: relative;}
.btn-outline-head i {font-size: 17px; margin-left: 5px;}
.btn-outline-head:hover{ background: #FFAF02; color: #FFFFFF !important;}  

.btn-outline-secondary:hover { background: #6c757d; color: #FFFFFF !important;}
.btn-outline-secondary {background: #FFFFFF; border: 1px solid #6c757d; font-size: 14px; font-weight: 500; color: #6c757d !important; padding: 8px 30px; border-radius: 50px; position: relative;}
.btn-sm {padding: 7px 20px !important; font-size: 12px !important; font-weight: 500 !important;}

.btn-primary {background: #FFAF02; border: 1px solid #FFAF02; font-size: 14px; font-weight: 500; color: #ffffff !important; padding: 8px 30px; border-radius: 50px; position: relative;}
.btn-primary:hover{ background-color: #FFAF02; border-color: #FFAF02; color: #ffffff !important;}
/* .btn-secondary { border-radius: 50px;} */



/* Left Mobile Menu */

#leftmenu.modal.fade .modal-dialog {
    -webkit-transform: translate(-100%) scale(1); 
    transform: translate(-100%) scale(1);
    margin: 0 0 0 auto;
    height: 100%;
}

#leftmenu.modal.fade.show .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
}

#leftmenu .modal-content {
    border-radius: 0px;
	border: none;
	height: 100%;
}

#leftmenu .modal-body {
    padding:0px 8px 8px;
}



/* Left Menu ENds */


/*==================*/
.pay-booking { background-color: #f8f8f8; }
.top-head h2 { font-size: 32px; color: #222; font-weight: normal; margin-bottom: 0px; }
.personal-detailstext h3 { font-size: 24px; color: #222; font-weight: normal; }
.pay-label { font-size: 15px; font-weight: normal; margin-bottom: 8px; color: #707070; }

.envelope-icon i { position: absolute; top: 16px; left: 18px; color: #808080; font-weight: 600; font-size: 21px; }
.envelope-icon input { padding-left: 50px; }
.pay-bookingaccord { border: 2px solid #f2f2f2; border-radius: 4px; }

.pay-bookingaccord .card-header.collapsed { background: #fff; }
.pay-bookingaccord .card-header { border-bottom: #e3e3e3 thin solid; background: #f2f2f2;   }

.pay-bookingaccord .card-body { font-size: 14px; color: #707070; font-weight: normal; }
.pay-bookingaccord .card-header button { padding: 0px; }
.pay-bookingaccord .card { border: none; }
.payment-label { font-size: 15px !important; font-weight: 500 !important; color: #707070 !important; }

.new-text { font-weight: 500;  font-size: 15px; color: #fff; margin-bottom: 0px; padding-left: 30px; padding-top: 30px; }
.booking-summary { background-color: #f9f9f9; padding: 32px; }
.booking-summary h6 {  border-bottom: 1px solid #e8e8e8; font-weight: normal; font-size: 20px; padding-bottom: 15px; }

.booking-summary ul { margin: 0; padding: 0; }
.booking-summary ul li { list-style: none; color: #333; font-weight: 600; font-size: 14px; line-height: 27px; margin: 2px 0;}
/*.booking-summary ul li:hover { color: #f91742; }*/
.booking-summary ul li span {  float: right;  font-weight: 400; }
.booking-summary li.total-costs { font-size: 16px; border-top: 1px solid #e8e8e8; padding-top: 18px; margin-top: 18px; }

.booking-summary li.total-costs span { color: #f91742; font-weight: 600; }
.Confirm-bookingcontent i { color: #23b35f; font-size: 100px; }
.Confirm-bookingcontent h2 { font-size: 40px; color: #222; font-weight: 700; margin-bottom: 15px; margin-top: 30px; }
.Confirm-bookingcontent p { font-size: 16px; color: #707070; margin-top: 17px; margin-bottom: 0px;  }  

.view-btn { padding: 13px 38px; background-color: #eee; color: #444; font-weight: 600; font-size: 16px; border: none; border-radius: 50px; }

.upcoming-appointmentscontent { background: #fff; box-shadow: 0px 3px 6px #2C28281C; border-radius: 10px; margin-bottom: 30px;
border: #eee thin solid;  position: relative; overflow: hidden; }

.appointment-date { color: #707070;  font-size: 12px; font-weight: 600 !important; background: #eee; border-radius: 25px; padding: 4px 10px; }

.listing-badgenew { background-color: #4a4a4a; float: left; position: absolute; transform: rotate(45deg); right: -64px; top: 22px;
text-align: center; width: 200px; font-size: 12px; margin: 0; z-index: 10; color: #fff; font-weight: 400; line-height: 28px; }
.listing-badgenew span { font-size: 15px; }

.status-contentbox { background-color: #f8f9fa; padding: 15px; border-radius: 5px; margin-top: 20px;  }
.status-contentbox h6 { font-size: 15px; font-weight: 700; color: #707070; margin-bottom: 0px; }
.status-contentbox h5 { font-size: 12px; color: #FFAF02; text-decoration: underline; font-weight: 700; margin-bottom: 0px; }

/* =======timeline*/
.ideastatusbar { padding: 0; margin: 10px 0 0; list-style: none;}
.ideastatusbar li {  display: inline-block; width: 24%; position: relative; vertical-align: top; list-style: none; padding: 0 !important; background: none !important }
.ideastatusbar .completed .ideadefstat { border: #FFAF02 2px solid; }
.ideastatusbar .ideadefstat {  width: 25px; height: 25px; padding: 2px; border-radius: 50%; background: #fff; border: #A1A1A1 2px solid;
margin-bottom: 13px; z-index: 2; position: relative; }
.ideastatusbar .completed .ideadefstat span { background: #FFAF02; }
.ideastatusbar span {  width: 17px; height: 17px; display: block; border-radius: 50%; background: #A1A1A1; text-align: center;
line-height: 17px; font-weight: bold; color: #fff; font-size: 11px; }
.ideastatusbar h4 { color: #000; font-weight: 600; font-size: 12px; margin-bottom: 3px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; }

.ideastatusbar p { color: #525252; font-weight: 400; font-size: 10px; margin-bottom: 0; }
.ideastatusbar .completed:after { border-color: #FFAF02; }
.ideastatusbar li:after { content: ""; position: absolute;  top: 12px; height: 4px; border-top: #afafaf 2px dashed; width: 95%;
right: 100%; z-index: 1; }
.ideastatusbar li:first-child::after { display: none; }

/*======timelineend */


/*==============new============= */

.service-sub-text { margin-top: 70px;}
.gallery-img { height: 220px; width: 100%;}
.gallery-img img { height: 100%; width: 100%; object-fit: cover;}
.gallery-area .owl-carousel .owl-stage-outer { border-radius: 5px;}
.check-box [type="checkbox"]:checked+label { color: #707070; font-size: 14px; font-weight: 400 !important;}
.about-text p { color: #707070; font-size: 14px; font-weight: 400;}
.service-sub-text span {color: #888;}
.out-of h1 { font-size: 44px; font-weight: 400; color: #333; margin: 0px;}
.out-of p { font-size: 15px; font-weight: 400; color: #888; margin: 0px;}
.out-of .rating i { color: #ffc600; font-size: 11px;}
.out-of .rating span { color: #424141 ; font-weight: 600; font-size: 11px;}
.review-box .border-left{ border-left: 1px solid #eee!important; padding: 0px 0px 0px 30px;}
.review-box { border: 1px solid #e8e8e8; padding: 35px; border-radius: 4px;} 
.progress-out-of p { color: #333 ; font-weight: 600; font-size: 14px; margin: 0px;}
.out-badge { background-color: #f4f4f4; text-align: center; padding: 3px; border-radius: 50px;}
.out-badge p {font-size: 12px; font-weight: 600; color: #777; margin: 0px; font-family: "open sans";}
.progress-out-of .progress { background-color: #eee; border-radius: 3px; background-color: #efefef; width: 100%; height: 6px;}
.progress-out-of .progress-bar { background-color: #64bc36;}
.user-profile-img img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%;}
.user-profile-img { height: 80px; width: 120px;}
.user-name { color: #333; font-size: 16px; font-weight: 500; margin: 0px;}
.user-date { color: #888; font-size: 16px; font-weight: 300; margin: 0px;}
.user-profile .rating i {color: #ffc600; font-size: 11px;}
.user-rating .rating span { color: 424141; font-weight: 600; font-size: 11px;}
.user-rating { margin: 0px;}
.service-cost { margin: 0px ; font-size: 18px; color: #777; font-weight: 400;}
.service-cost p { font-size: 18px; color: #000; font-weight: 500}
.service-cost p strike { font-size: 15px; color: #777; }
.service-cost span.badge { font-weight: 500; font-size: 11px; padding:4px 7px; background: #ff717f }
.user-dets h3 {color: #666; font-size: 14px; font-weight: 700;}
.user-comments { font-size: 13px; font-weight: 400; color: #666; margin: 0px;}
.border-btm { border-bottom: 1px solid #e8e8e8; width: 100%;}
.total-servie-cost h1 { color: #333; font-size: 16px; margin: 0px; font-weight: 600;}
.total-servie-cost h1 span {color: #f91742;}
.total-servie-cost h1:hover { color: #f91742;}
.radio [type="radio"]:not(:checked)+label:before { border: 2px solid #b4b4b4; background: transparent;}
.radio [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after { border: 2px solid #FFAF02;}
.radio [type="radio"]:checked+label:after { background: #FFAF02; }
.radio label { font-size: 14px !important; font-weight: 500 !important; color: #707070 !important;}

.search-group .dropdown {
     /* background-image: url(../images/drop-org-icon.png); background-repeat: no-repeat;
background-position: 95%; background-size: 15px; */

transition: all 0.3s; border: none; padding: 14px; height: 51px; border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1); font-size: 16px; color: #888; font-weight: 600; }

.slots-drop .dropdown-toggle::after {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    color: #c0c0c0;
    float: right;
    font-weight: 900;
    transition: transform 0.3s;
    transform: translate3d(0,0,0) rotate(0deg);
}
/* .slots-drop .dropdown-toggle::after .dropdown-menu.show {  transform: translate3d(0,0,0) rotate(180deg); } */

.search-group .dropdown-menu { background: #ffffff; width: 100%; top:-4px !important; border: none; padding: 10px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1); border-radius: 0px 0px 5px 5px; }

.search-group .dropdown-menu a { font-size: 14px; color: #707070; font-weight: 400; border-bottom: 1px solid #b4b4b4;}

.search-group .dropdown-item:hover { background: none; color: #48a35a;} 
.service-box { background-color: #f9f9f9; padding: 30px; border-radius: 3px;}
.opening-time ul { margin: 0px;}
.opening-time ul li { line-height: 28px;}
.opening-time ul li a { color: #888; font-size: 14px; font-weight: 600;}
.opening-time ul li a span{ color: #888; font-size: 14px; font-weight: 400;}
.opening-time ul li a:hover { color: #000000;}
.opening-time ul li a span:hover { color: #000000;}
.service-sub-text a h3 { margin: 0px; font-size: 18px; font-weight: 500; color: #333;}
.service-sub-text a h3:hover { color: #48a35a;}
.service-sub-text a p { margin: 0px; font-size: 14px; font-weight: 400; color: #5e5e5e;}
.order-dets p a { color: #707070; font-size: 15px; font-weight: 400;}
.order-dets p { margin: 0px;}
.order-dets p a span { color: #48a35a;}
.cancellation-policy h1 {color: #222; font-size: 14px; font-weight: 700;}
.cancellation-policy p {color: #222; font-size: 12px; font-weight: 400; margin: 0px;}
.link-bdr { border: 1px solid; padding: 7px 18px 7px 18px; margin-right: 10px; border-radius: 50px; transition: 0.3s;}
.link-bdr i { font-size: 16px; font-weight: 500;}
.fb-bdr {border-color: #3b5998; color: #3b5998;}
.fb-bdr:hover { background-color: #3b5998; color: #ffffff !important;}
.twt-bdr { border-color: #1da1f2; color: #1da1f2;}
.twt-bdr:hover { background-color: #1da1f2; color: #ffffff !important;}
.google-bdr { border-color: #dd4b39; color: #dd4b39;}
.google-bdr:hover { background-color: #dd4b39; color: #ffffff !important;}
.new-modal .modal-header h5{ font-size: 24px; color: #222; font-weight: 400; margin: 0px;}
.new-modal .modal-header { background-color: #f6f6f6; border-bottom: none; padding: 30px 40px;}
.new-modal .modal-header .close-btn-filter { background: #e4e4e4; padding: 8px 13px; border-radius: 50px; color: #333;}
.close-btn-filter i { font-size: 21px; font-weight: 600;}
.new-modal .modal-header .close-btn-filter:hover { background: #FFAF02; color: #ffffff;}
.new-modal .modal-header .close-btn-filter:focus { outline: none; border: none; box-shadow: none;}
.search-group-1 label { font-size: 15px; color: #666; font-weight: 400; }
.modal-tab .nav-link { font-weight: 300 !important; padding: 15px;}
.new-modal .modal-body { padding: 40px;}
input:focus { box-shadow: none !important;}

/* ====================================================== */
.btn-secondary:hover { background-color: #5a6268; border-color: #545b62; }
.btn-secondary { background: #6c757d; border: 1px solid #6c757d; font-size: 15px; font-weight: 600; color: #ffffff !important; padding: 10px 30px; border-radius: 50px; position: relative; }
.btn-primary {background: #FFAF02; border: 1px solid #FFAF02; font-size: 15px; font-weight: 600; color: #ffffff !important; padding: 10px 30px; border-radius: 50px; position: relative; }
/* ====================================================== */

.location-input input { padding-right: 40px; }
.make-up-location { height: 100%; }

.lost-link { color: #666; font-size: 15px; }
.lost-link:hover { color: #48a35a; }

.user-pic  { width: 35px; height: 35px;  line-height: 35px; display: inline-block; position: relative;  }
.user-pic img {
    border: 3px solid #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    object-fit: cover;
    border-radius: 50%;
    image-rendering: -webkit-optimize-contrast;
}

.user-topdrop .dropdown-toggle::after {
    content: "\f107" !important;
    font-family: "Font Awesome 5 Free";
    transition: 0.2s !important;
    font-weight: 900 !important;
    transform: rotate(0deg) !important;
    display: inline-block !important;
    color: #444 !important;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    vertical-align: middle;
}

/*.user-topdrop .dropdown-menu { transform: translate3d(-90px, 45px, 0px); }*/


.user-topdrop button { color: #444; font-size: 15px; font-weight: 500; padding-top: 11px;  }
.active-user { position: absolute;
    height: 12px;
    width: 12px;
    background-color: #38b653;
    bottom: -6px;
    right: 0px;
    display: block;
    border: 2px solid #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    border-radius: 50%;  }



/* ================================ */
.gallery-slider .owl-prev span { position: absolute; background-color: rgba(20,20,20,0.45); height: 50px; width: 50px; text-align: center; border-radius: 50px; top: 80px; left: 35px; line-height: 50px; transition: 0.4s;}
.gallery-slider .owl-prev span:before {color: #ffffff; font-size: 25px;}
.gallery-slider .owl-prev span:hover { background-color: #FFAF02;}
.gallery-slider .owl-next span{ position: absolute; background-color: rgba(20,20,20,0.45); height: 50px; width: 50px; text-align: center; border-radius: 50px; top: 80px; right: 35px; line-height: 50px; transition: 0.4s;}
.gallery-slider .owl-next span:before {color: #ffffff; font-size: 25px;}
.gallery-slider .owl-next span:hover { background-color: #FFAF02;}
.btn-hov-w:hover { background-color: #ffffff; color: #333 !important; border-color: #ffffff;}


.tableaction { border-color: #f1f1f1; width: 200px;  left: -45px !important; top: 10px !important; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);}
.tableaction ul {
    text-align: left;
    margin: 0;
    padding: 0 15px;
}

.tableaction li {
    border-bottom: #ededed thin solid;
    list-style: none;
    font-size: 13px !important;
    padding: 8px 5px;
    font-weight: normal;
	display: block !important
}

.tableaction li a { 
    color: #172b4d;
	margin-right: 0 !important
}

.tableaction li a { 
    color: #172b4d;
	margin-right: 0 !important
}

.tableaction:after {
    bottom: 100%;
    right: 3%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.leave-indicator { display: flex; justify-content: space-between; font-size: 12px; font-weight: 500; color: #6E6B7B; margin: 10px 0 15px }
.leave-indicator span { width: 10px; height: 10px; margin-right: 2px; border-radius: 50%; background: #7367F0; display: inline-block; }
 
.sickleave span { background: #FF9F43 }
 
.paidleave span { background: #EA5455 }
.presentleave span { background: #48a35a }
.holyleave span { background: #B5B5B5 }
.absentleave span { background: #ffa1a1 }

.myatteandance-leave { margin-bottom: 0 }
.myatteandance-leave { color: #2A2A2A; font-size: 11px; font-weight: 600 }
.myatteandance-leave span { width: 8px; height: 8px}




.fc .fc-view-harness { min-height: 320px !important; }
.display-nonebox { display: none !important; }
.fc-theme-standard td { border: none; }
/* #calendar { height: 350px; } */
.fc-theme-standard .fc-scrollgrid { border: none; }
.fc-theme-standard th { border: none; color: #B5B5B5; font-weight: 500; font-size: 14px; }
.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past { height: 50px !important;   }
.fc-scroller-harness.fc-scroller-harness-liquid { margin-top: 10px; }
/* .fc-daygrid-day.fc-day.fc-day-sun.fc-day-future  { height: 40px; } */
.fc-daygrid-day-number { color: #222222 !important; }
.fc-day-future .fc-daygrid-day-number { color: #999 !important; cursor: not-allowed; font-weight: normal;}


.fc .fc-daygrid-day { padding: 0px !important; } 

/* .fc .fc-daygrid-day-bottom {font-size: 0; padding: 0; background: url(../app-assets/images/clock1.svg);} */
/* .fc-daygrid-more-link .fc-more-link { background: url(../app-assets/images/clock1.svg) !important; } */

.fc-day-today  { border-radius: 12px !important; }
.fc-daygrid-day.fc-day.fc-day-mon.fc-day-today {  border-radius: 12px !important; background: #E5E5E5 !important;}
.fc-daygrid-day-top { justify-content: center !important; }
.fc-daygrid-day-frame.fc-scrollgrid-sync-inner { height: 20px !important; } 
 
.fc .fc-daygrid-event-harness .fc-event { background: none; border: none; padding: 0 }

.dotcirclatt { width: 5px; height: 5px; background: #B5B5B5; border-radius: 50%; margin: 0 auto; }
.dotcirclatt.present { background: #0C8443; }
.dotcirclatt.absent {  background: #F82D2D;  } 

.dotcirclatt.present:after { content: ""; position: absolute; top: -30px; left: 0; right: 0; border: none; height: 45px; border-radius: 10px; z-index: -1; width: 95%; margin: 0 auto; }

.dotcirclatt.absent:after { content: ""; position: absolute; top: -30px; left: 0; right: 0; border: #fff thin solid; height: 45px; border-radius: 10px; z-index: -1; width: 95%; margin: 0 auto; }
.fc-day-other .fc-daygrid-day-events { display: none }

.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active { display: none !important; }
.fc-timeGridWeek-button.fc-button.fc-button-primary { display: none !important; }
.fc-timeGridDay-button.fc-button.fc-button-primary { display: none !important; }
.fc-listMonth-button.fc-button.fc-button-primary { display: none !important; }
.fc-button-group { position: absolute !important; right: 10px !important; }

.fc .fc-toolbar .fc-button-group .fc-button { top: -20px !important; }

.fc .fc-day-today {  background-color: #e3e3e3 !important; }
.fc .fc-toolbar .fc-toolbar-title { font-weight: bold; font-size: 17px }






.top-data-design { padding: 15px; margin-bottom: 15px; border-radius: 20px; box-shadow: 0 0 45px 0px rgba(0,0,0,0.1); border: #48a35a3a thin solid; }
.top-data-design img { width: 50px; margin-bottom: 20px }
.top-data-design i { font-size: 13px; color: #48a35a; }
.top-data-design h4 { font-size: 37px;  line-height: 35px; color: #535353;  }
.top-data-design h5 { font-size: 12px; margin-top: 0px; color: #6b6b6b; margin-bottom: 0 }
.top-box-sub-main-icon2 i { color: #FF9800; }
.top-box-sub-main-icon3 i { color: #E91E63; }
.top-box-sub-main-icon4 i { color: #607d8b; }


.top-box-sub-main-icon2 { border: #FF98003a thin solid; }
.top-box-sub-main-icon3 { border: #E91E633a thin solid; }
.top-box-sub-main-icon4 { border: #607d8b3a thin solid; }


.payment-structure li:after { display: none}
.payment-structure h4 { color: #525252; font-weight: 600; font-size: 10px; }
.payment-structure p { color: #000; font-weight: 600; font-size: 12px;}


.badge-new { font-size: 10px; font-weight: 600; padding: 3px 10px; border-radius: 40px; display: inline-block; }
.badge-new-success { background-color: rgba(40, 199, 111, 0.12); color: #28c76f !important; }
.badge-new-danger { background-color: rgba(234, 84, 85, 0.12); color: #ea5455 !important; }
.badge-new-secondary { background-color: rgba(89, 89, 89, 0.12); color: #595959 !important; }

.paynoepoart { color: #999; font-size: 11px; font-weight: 600; margin-left: 10px }

.partfullamtpaid { color: #FFAF02 !important; font-weight: 700 !important; font-size: 13px !important; }

.top-user-profile { margin-top: -7px}
.notify-icon { font-size: 22px; margin-right: 15px; cursor: pointer; position: relative}
.notify-icon a { color: #000}
.notify-icon span { width: 14px; height: 14px; border-radius: 50%; font-size: 9px; background: red; position: absolute; top: 0; right: -5px; color: #fff; text-align: center; line-height: 14px}

.innermenu-top li a.active { color: #FFAF02 !important }
.innermenu-top li a { font-size: 14px }

.booknavigation .nav-link i { display: block; font-size: 17px; margin-bottom: 10px}
.services-tabs .booknavigation .nav-tabs .nav-link  { font-size: 12px; padding-right: 25px; padding-left: 25px }

.selectservicecheckbox label {  height: 25px  }
.selectservicecheckbox label span { margin-top: 3px; display: block; line-height: 15px; } 

 
.bnooking-help-txt h6 { font-size: 14px; line-height: 23px}
.bnooking-help-txt p { font-size: 13px; font-weight: 500; color: #999999}

.custominnergroup label, .search-group label, .form-group label { font-weight: 600; font-size: 13px}

.appointboxtimign { border: #eee thin solid; padding: 10px 10px; background: #fff; margin-bottom: 10px }
.appointboxtimign label { margin-bottom: 0 }
.custominnergroup .form-control { font-size: 13px }




.admintable tr th, .admintable tr td {  font-weight: 500; font-size: 13px; padding: 10px 10px; }
.admintable tr td:nth-child(2), .admintable tr td.strong { font-weight: 500; color: #172B4D }
.admintable tr td .text-success { color: #2DCE98 !important; margin-right: 4px; font-size: 12px }
.admintable tr td .text-red, .admintable tr td .text-danger { color: #F57171 !important; margin-right: 4px; font-size: 12px }
.admintable tr td i.fa-circle { margin-right: 4px; font-size: 12px }
 
.admintable tr th { background: #C9D1D8; font-weight: 500; padding: 10px; }
.admintable {  margin: 0 !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #F5F8FA; }
.user-sectiontd { display: flex; align-items: center}
.user-sectiontd img { width: 40px; height: 40px; border-radius: 50%;  }
.user-sectiontd h2 { font-size: 12px; margin-left: 10px; font-weight: 700 }
.user-sectiontd h2 span { font-size: 11px; margin-top: 5px; display: block; font-weight: 500 }


.pagination_rounded, .pagination_square { display: inline-block; margin: auto; width: 100%; text-align: right; }
.pagination_rounded ul { margin: 0 auto; padding: 0; list-style: none }
.pagination_rounded li:first-child { margin-left: 0px }
.pagination_rounded ul li { display: inline-block; margin-left: 10px }
.pagination_rounded ul li.active a { background: #FFAF02; color: #fff !important; }
.pagination_rounded ul li a:hover { background: #FFAF02; color: #fff !important; }
.pagination_rounded .prev { margin-left: 0px; line-height: 30px; height: 30px; width: 30px; background: transparent; }
.pagination_rounded ul li a { float: left; color: #2B2D4A; border-radius: 5px; line-height: 30px; height: 30px; width: 30px; text-align: center;    margin-bottom: 10px; margin-top: 20px; background: #ffffff; font-size: 12px; }
.pagination_rounded .prev i, .pagination_rounded .next i { font-size: 12px; line-height: 25px; }
.pagination_rounded .next { line-height: 30px; height: 30px; width: 30px; background: transparent; transform: rotate(180deg); }


.top-sub-ttile { font-size: 13px; margin-top: 5px; color: #373737}

.searchinput { background: url('../images/search.svg') no-repeat #ffffff; background-position: 15px 50%; padding: 10px 8px 10px 50px;  border-radius: 10px; height: auto; font-size: 13px !important; border: 1.5px solid #e7e7e7; font-weight: 500; }


.redeem-txt { float: right; font-size: 11px; font-weight: 600; color: #48a35a; margin-top: 5px}

.cou-apply-btn { position: absolute; right: 10px; top: 8px;}


.whish-sel-home { position: absolute; bottom: 20px; right: 10px; z-index: 99;}
.whish-sel-home label {  font-weight: 400 !important; font-size: 23px !important; text-align: center; line-height: 23px; }
.whish-sel-home label:after { font-family: "Font Awesome 5 Free"; content: "\f004" !important; border-width: 1px !important; width: 24px !important; height: 24px !important; color: #fff !important; background: none !important; border: none !important; }
.whish-sel-home [type="checkbox"].filled-in:checked+label  { font-weight: 700 !important; }
.whish-sel-home [type="checkbox"].filled-in:checked+label:after { color: #fff !important }
.whish-sel-home label:before { display: none } 

.whish-sel-result { top: 10px; left: 25px} 

.overlaydivinnwr { position: absolute; right: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5)}

.detail-whishglist { position: relative; top: 0; bottom: 0; right: 0; margin-bottom: 15px}
.detail-whishglist label { font-weight: 500 !important; font-size: 12px !important; height: auto; line-height: 18px; padding-left: 35px !important}

.detail-whishglist label:after { color: #FFAF02 !important; top: 7px !important; left: 9px !important }
.detail-whishglist label:hover:after { color: #fff !important;  }

.detail-whishglist [type="checkbox"].filled-in:checked+label { background: #FFAF02 !important; font-weight: 500 !important; color: #fff !important }
.detail-whishglist [type="checkbox"].filled-in:checked+label:after { color: #fff !important;  font-weight: 700 !important; }


.creticktxt h3 { font-size: 16px; border-bottom: #eee thin solid; padding-bottom: 15px}

.helpremarksdetxt h4 { margin-top: 25px; font-size: 14px}

.send-reminder-btn { padding: 5px 15px !important; font-size: 10px !important}

.dropdown-menu.notificationtab { top: 13px !important; left: 0 !important }
.notificationtab { width: 350px; font-size: 12px; font-weight: 500}
.notificationtab span { position: relative; top: 0; right: 0; width: auto; height: auto; background: none; text-align: left; font-size: 12px; color: #000;}
.notificationtab h5 { font-size: 16px; font-weight: bold}
.notifylist { border-bottom: 1px solid #EDEDED; padding-bottom: 5px; margin-bottom: 10px; }
.notificationtab .notifylist { padding: 14px 16px; margin-bottom: 0 }
.notifylist { color: #1f2d3d!important; }
.notifylist:hover { color: #FFAF02 !important; }
.notifylist:hover span { color: #1f2d3d !important; }
.notify-detil {  height: 300px; overflow-y: scroll }
.notify-detil::-webkit-scrollbar { width: 5px; margin-right: 51px; height: 12px; margin-top: 10px; }
.notify-detil::-webkit-scrollbar-track { box-shadow: none; background: #eee; border-radius: 10px; }
.notify-detil::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, 0.1); border-radius: 10px; }
 
.dashbed-border-bottom { border-bottom: 1px dashed #dee2e6 !important; }



.faq-head h3 { font-size: 18px; font-weight: 500 }
.privacy-head h3 { font-size: 18px; font-weight: 600; margin: 30px 0 15px }

.faq-accordians button.btn-link { width: 100%; text-align: left; text-decoration: none !important; padding: 0 !important; }
.faq-accordians button.btn-link:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; float: right}
.faq-accordians button.btn-link.collapsed:after { content: "\f067"; }

.cursor-pointer { cursor: pointer}

.whishlistboxes .makeup-item-content { border: #eee thin solid; border-radius: 10px}


.tableappaction button:after { display: none }
.tableappaction .tableaction { left:-5px !important; }
.tableappaction .tableaction:after { display: none }

 

.selectstaff-popup [type="radio"]+label:before, .selectstaff-popup [type="radio"]+label:after {
    margin: 2px 4px; width: 18px; height: 18px; }

.service-cost span.badge-success { background: #6cd180 }


/* =========== */
.banner-locationicon { width: 44px; }

.blogs-detailsimgbox { width: 100%; height: 360px; }
.blogs-detailsimgbox img { width: 100%; height: 100%; object-fit: cover; }