.top-bar-style2{padding: 5px 80px;}
.header-style2{padding-bottom: 0;}
.top-bar-right .cp-default-btn{padding: 5px 5px;}
.top-bar-style2 .top-bar-left p{font-weight: 600;}
.main-menu-area{padding: 5px 80px;}
.main-menu-area .cp-main-menu nav ul li a{padding: 20px 17px;}
.search-layout3 .search-layout3-holder{position: relative; bottom:0;}
.search-layout3 .search-layout3-holder .search-layout3-inner{padding: 0 15px; background: #e7e7e7!important;border: 1px solid #9b9b9b; }
.top-bar-style2 .top-bar-left p i{float:none; font-size:14px;}
.cp-search-btn{padding: 0px;
    display: block;
    margin: 5px 0;
    height: 40px;
    text-align: center;
    width: 100%;
    line-height: 40px;border-radius: 4px;}
.cp-search-btn i{margin: 0;} 
.search-layout3-inner .row {justify-content: space-between;}
.search-layout3-inner .col-xl-5{padding-left: 7px; padding-right: 7px;}
.search-layout3-inner .col-xl-2{padding-left: 7px; padding-right: 7px;}
.search-layout3-inner .row .search-btn{margin: 10px 0;}
.search-layout3-inner .row .search-btn a{display: block; width:40px; height: 42px; line-height: 42px; text-align: center; color: #fff;}
.search-input-area input{border-radius: 4px; border: 1px solid #c5c5c5!important; height: 42px;}
.search-layout3-holder .form-group{margin: 5px 0;}
.select2-container{border-radius: 4px; border: 1px solid #c5c5c5;}
.select2-container--classic .select2-selection--single .select2-selection__rendered{color: #817d7d;}
.select2-container--classic .select2-selection--single .select2-selection__rendered{font-size: 15px!important;}
.listing-details-section{margin-top: 110px;}
.select2-container--classic .select2-dropdown{border:none;}
.select2-container--classic.select2-container--open .select2-selection--single{border:none;}
.select2-container--classic .select2-selection--single .select2-selection__rendered{text-align: left;}
.slider-home {
    margin-top: 118px;
}
.slider-home .owl-nav{}
.slider-home .owl-nav button{background: #000!important; color: #fff!important; width: 50px; height: 50px; text-align: center; border-radius: 50px!important; position: absolute;  top:45%;}
.slider-home .owl-nav button span{font-size: 30px; line-height: 25px;}
.slider-home .owl-nav button.owl-next{right: 20px;}
.slider-home .owl-nav button.owl-prev{left: 20px;}
footer{background: #021c3d; padding: 50px 50px; border-radius: 50px  50px 0 0;}
footer  .col-md-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
.f-logo img{width: 80px; position: relative; top:30px;}
footer h3{font-size: 1.1rem; font-weight: 600; color: #fff;}    
footer .footer-links a{color: #fff;display: block; font-size: 0.8rem;}

footer .footer-links li{color: #fff; margin-bottom: 10px; font-size: 0.8rem;}
footer .contact-s li{position: relative; padding-left: 25px;}
footer .contact-s li i{position: absolute; top:5px; color: #fff; left: 0;}
.footer-text {text-align: center;}
.footer-text h4{color: #fff; margin-bottom: 10px; border-bottom: 1px solid #fff; font-size: 1.4rem; display: inline-block;}
.footer-text p{text-align: center;font-size: 0.8rem; color: #fff; padding: 0 100px; margin-bottom: 50px;}
.copyright{margin-top: 50px; }
.copyright p{margin-bottom: 0;}
.listing-gallery{padding:0;}
.listing-gallery .col-md-6{padding: 0;}
.listing-gallery .col-md-4{padding: 0;}
.listing-gallery .gal-img{background: #fff;padding: 2px;}
.listing-gallery .container-fluid{margin: 0; padding: 0;}
.listing-gallery .row{padding: 0; margin: 0;}
.about-listing .logo-row{background: #fbfbfb; padding:20px; border-radius: 20px; border: 1px solid #ddd; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.about-listing .row{background: #fff;}
.generic .link-section a{display:block;}
.list-logo-sec{background: #ddd;}
.list-info-sec{border-left: 1px solid #ddd; padding-left: 20px;}
.list-inf-title{}
.list-inf-title h2{font-size: 2rem;font-weight: 600;}
.list-inf-title h4{font-size: 1rem;}
.btn-group-list{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.online-btn{display: flex; align-items:center;}
.online-btn button{background: transparent;
    font-weight: 600;
    color: #000;
    border: 0;
    margin-right: 10px;
    font-size: 1rem;
    border: 1px solid #ddd;
    padding: 10px 10px;
    border-radius: 5px;
}
.online-btn button i{line-height: 30px; display: inline-block; height: 30px; border-radius: 50px; text-align: center; margin-right: 5px; width: 30px; color: #fff;}
.online-btn i.fa-phone{background: #27a8fb;}
.online-btn i.fa-shopping-cart{background: #27a8fb;}
.online-btn i.fa-whatsapp{background: green;}
.edit-btn{display: flex; align-items: center;}
.edit-btn button{background: #fff;
    font-size: 1rem;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    color: #000;}
.edit-btn button i{font-size: 16px;}   
.rating-head{font-size: 1rem; font-weight: 600;} 
.stars i {
  color: #000;
  font-size: 25px;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
}
.stars i.active {
  color: #ffb175 !important;
  transform: scale(1.2) !important;
}
.ratings h5{text-align: right;
    font-size: 1rem;
    font-weight: 600;
    color: #000; margin-top: 4rem; margin-bottom: 1rem;}
.ratings  .rating-sec-list{text-align: right;}  

.tab-content {border: 1px solid #ddd; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.div{border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;}
.div-top{border-bottom: 1px solid #ddd;}
.nav-tabs .nav-link {
    background: transparent;
    color: #000;
    border-radius: 0px;
    font-weight: 600;
    font-size: 1rem;
    padding: 0 10px;
    border: 0;
    padding-bottom: 10px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: transparent!important;
    color: #3badf5!important;border: 0;
    border-bottom: 1px solid #27a8fb;
    
}
.nav-tabs .nav-link:hover{
    background-color: transparent!important;
    color: #3badf5!important;border: 0;
    border-bottom: 1px solid #27a8fb;}
.div-top h3, .div h3, .div-bottom h3{font-weight: 600; font-size: 1.5rem;}
.div-top .btn-group {display: flex; flex-wrap: wrap;}
.div-top .btn-group button{background: #fff; color: #000; padding: 20px 30px; border-radius: 5px; border: 1px solid #ddd; font-weight: 600;}
.picture-gal-s{margin-top: 20px;}
.picture-gal-s img{background: #fff; width: 100%; height: 130px; object-fit:cover; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 0px; border: 0; border-radius:10px;}
.picture-gal-s p{font-weight: 600; margin-top: 10px; font-size: 1rem; color: #000;}
.picture-gal-s p span{display: block; font-size: 0.8rem; font-weight: 500;}
.faq-sec{border: 1px solid #ddd; margin-top: 20px;}
.faq-sec #faq .card {
  margin-bottom: 0px;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

.faq-sec #faq .card .card-header {
  border: 0;
  border-radius: 2px;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.faq-sec #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #75c8ff;
  font-weight: 600;
    font-size: 1rem;
  padding: 20px 20px;
  border-radius: 0;
}
.faq-sec #faq .card .card-header .btn-header-link:focus{
  box-shadow: none;
}

.faq-sec #faq .card .card-header .btn-header-link:after {
  content: "\f106";
    font-family: fontawesome;
  font-weight: 900;
  float: right;
}
.faq-sec .card-body{font-size: 0.9rem;
    padding: 5px 20px;}

.faq-sec #faq .card .card-header .btn-header-link.collapsed {
  background: #000;
  color: #fff;
}

.faq-sec #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

.faq-sec #faq .card .collapsing {
  background: transparent;
  line-height: 30px;
}

.faq-sec #faq .card .collapse {
  border: 0;
}

.faq-sec #faq .card .collapse.show {
  background: transparent;
  line-height: 30px;
  color: #000;
}
.quick-info{padding: 20px;}
.quick-info h3{margin-bottom: 15px; font-weight:600; font-size: 1.5rem;}
.quick-info ul{display: flex; gap: 5px;flex-wrap: wrap;}
.quick-info ul li{background: #fff;
    color: #000;
    padding: 15px 30px;
    border-radius: 5px !important;
    border: 1px solid #ddd;
    font-weight: 600; position: relative;}
.quick-info ul li i{color: #fff;
    background: #27a8fb;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;}
    .gal-pic{padding: 15px;}

.side-list{border: 1px solid #ddd; border-radius: 10px; padding: 0px 10px;}
.div-bottom-2{border: 0; border-bottom: 1px solid #ddd; margin: 0px 0; padding: 5px;}    
.div-bottom-2:last-child{border: 0;}
.div-bottom-2 p{margin: 0; padding: 0; position: relative;}
.div-bottom-2 h3{font-size: 1.3rem; font-weight: 600; text-align: center;}
.div-bottom-2 p i{line-height: 25px;
    display: inline-block;
    height: 25px;
    border-radius: 50px;
    text-align: center;
    margin-right: 5px;
    width: 25px;
    color: #fff; background: #27a8fb;}
.div-bottom-2 p a{font-weight: 600; color: #000; padding: 10px 10px;display: block;border-radius: 5px;}    
.div-bottom-2 p a:hover{background: #eee;}
.list-drop-sec{background: #fbfbfb; padding: 5px;border: 1px solid #ddd;}
.time-drop{display: flex; flex-wrap:wrap; justify-content: space-between;}
.day-sec{color: #000; font-weight: 600; font-size: 14px; font-weight: 600; padding: 7px;}
.time-sec{padding: 7px;}
.time-sec span{display: block;font-size: 14px;}
.div-bottom-2 p .fa-angle-down{position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    color: #000;
    height: initial;
    width: initial;
    line-height: initial;
    font-size: 25px;}
 .div-bottom-2 p span{display: block; padding-left: 15px;} 
 .review-box{margin-bottom: 15px; border: 1px solid #ddd; padding: 20px; border-radius: 10px;}
 .review-box h4{margin-bottom: 10px;}
 .review-box p{margin-bottom: 10px;}
 .rev-user {display: flex; align-items: center;}
 .rev-user img{border-radius: 50px; height: 50px; width: 50px; object-fit: contain; background: #ddd;} 
 .rev-user p{margin-bottom: 0; font-size: 1rem; font-weight: 500; margin-left: 10px;}
 .similar-sec{background: #eee; padding: 50px 0; margin-top: 50px;}
 .similar-sec h3{text-align: center;font-size: 1.5rem; margin-bottom: 50px;}
 .similar-sec .cards{padding: 0; border: 1px solid #cbcbcb; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 15px; position: relative;}
 .similar-sec .cards img{border-radius: 15px 15px 0 0; height: 140px; object-fit: cover; width: 100%;}
 .similar-sec .cards .rating{position: absolute; left: 15px; top:0;}
 .similar-sec .card-body{text-align: left;}
 .similar-sec .card-body .category{font-size:1rem; display: block;color: #000; font-weight: 600;}
 .similar-sec .card-body h6{font-size:0.85rem; }
 .similar-sec .card-body .location{font-size: 0.85rem;}
 .list-followus h3{display: block;font-size: 1.5rem; font-weight:600; margin-bottom:20px; color: #000; text-align: left; margin-top: 20px;}
.social-icons a.facebook{background: #1877F2;}
.social-icons a.instagram{background: #C13584;}
.social-icons a.linkedin{background: #0077B5;}
.social-icons a.youtube{background: #FF0000;}
.about-section{background: #f7f7f7!important; margin-top: 118px; margin-bottom: 0; padding: 0;}
.about-breadcrumbs{padding: 15px 0;}
.about-breadcrumbs{justify-content: space-between; align-items: center;}
.about-head h2{font-weight: 600; color: #000; margin-bottom: 0;}
.breadcrumbs{display: flex;}
.breadcrumbs a{color: #000;}
.breadcrumbs li{color: #000;}
.breadcrumb-item.active{font-weight: 600;color: #75c8ff;}
.products-first{background: #fff;}
.trending-franchise-wrap {
    display: flex;
    justify-content: initial;
    flex-wrap: wrap;
    gap: 10px;
}
.best-franchise-opportunity .card {
    height: initial;
    width: 23%;
}
.generic .card {
    border: 1px solid #787878;
    white-space: normal;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 12px;
    padding: 12px 15px !important;
    margin-bottom: 0px;
    margin-top: 15px;
    padding: 0 !important;
    position: relative;
}
.brand-image-section {
    height: 150px;
    border-radius: 10px 10px 0 0;
}
.brand-image-section .brand-main-section a {
    width: 100%;
    height: 150px;
    display: block;
}
.brand-image-section .brand-main-section a img {
    width: 100%;
    object-fit: contain;
    height: 150px;
    background: #fff;
    object-position: center;
    border-radius: 10px 10px 0 0;
}
.card-body-section .rating-sec {
    position: absolute;
    width: 60px;
    text-align: center;
    display: block;
    height: 60px;
    top: 0;
}
.generic .card-body-section{padding: 10px;}
.generic .card{height: initial;}
.plc{font-size: 13px;}
.user-panel{padding: 50px 0;}

.user-panel table thead{background:#27a8fb; color:#fff;}
.user-panel table th{color:#fff; font-weight:600;}
.user-panel table td{color:#000; font-weight:500;}
.add-listing-btn{text-align:right; margin-bottom:15px;}
.add-listing-btn a{background:#27a8fb; color:#fff; padding:10px 20px; text-align:center; border-radius:5px;}

.nbt-page-tabs svg{
  width: 18px;
}

.nbt-page-tabs .split-arrows-icon svg path{
  fill: #aaa;
}

.nbt-page-tabs .nav-pills-custom .nav-link {
    color: #646464;
    background: #fff;
    position: relative;
}

.nbt-page-tabs .nav-pills-custom .nav-link.active{
    color: #75c8ff;
    background: #fff;
}

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nbt-page-tabs .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nbt-page-tabs .nav-pills-custom .nav-link.active::before {
    opacity: 1;
}



.nbt-page-tabs  {
    background:#f7f7f7;
  padding: 20px;
  border-radius: 20px;
  border:1px solid #ddd;
}
.nbt-page-tabs .tab-pane{border-radius: 10px!important; padding: 25px!important;}
.dashboard-sec p span{font-weight: 600;}
.dashboard-sec p{margin-bottom: 10px;}
.profile-tab form label{font-weight: 600; color: #000; margin-bottom: 5px;font-size: 12px;}
.profile-tab form input, .profile-tab form select{color: #000; font-size:12px; height: 50px; border: 1px solid #ddd; border-radius: 3px; width:100%;}
.profile-tab form input[type="file"]{padding:13px; width:100%;}
.profile-check form .pr-block{display: flex; align-items: center; flex-wrap: wrap;padding: 20px;}
.profile-check form .pr-block input{height: 20px; position: relative; top:5px;}
.profile-check .form-check-inline label{margin-bottom: 0; padding: 0; font-size: 12px;}
.profile-check .form-check-inline{width: 50%; margin: 0;}
.profile-check input[type="checkbox"]::before{display: none;}
.profile-check input[type="checkbox"]::after{display: none;}
.pr-time.profile-check .form-check-inline{width: 25%; margin: 0;}
.pr-time .select-bod{display: flex; justify-content: center; align-items: center; text-align: center;gap:20px; border-top: 1px solid #ddd;}
.pr-time {}
.content-form{text-align: center;margin-top: 20px; }
.content-form p{margin-bottom: 0;}
.ex-pic img{
width: 100px;
    height: 100px;
    object-fit: contain;
    background: #f7f7f7;
    border-radius: 10px;
    border: 1px solid #ddd;
}


@media (max-width:1550px) 
{
.main-menu-area .cp-main-menu nav ul li a {
        padding: 20px 10px;
        font-size: 13px;
    }
 }   

@media (max-width:1440px) 
{
    .top-bar-style2{padding: 0 60px;}
    .main-menu-area{padding: 0  60px;}
    .main-menu-area .cp-main-menu nav ul li a{padding: 20px 10px; font-size: 13px;}
    

}
.franchise-sec1{padding: 50px 0;}
.fr-title-b{text-align: center;}
.fr-title-b h2{font-weight: 700; font-size: 5rem; text-transform: uppercase; color: #27a8fb;}
.fr-title-b p{font-weight: 700; line-height: 1.5; color: #000; font-size: 1.8rem; text-align: center; text-transform: uppercase; margin-top: 40px;}
.franchise-sec2{padding-bottom: 50px;}
.franchise-sec2 .fr-title{text-align: center;}
.franchise-sec2 .fr-title img{width: 100%; border-radius: 30px;}
.franchise-sec3{padding: 50px 0;}
.franchise-sec3 .fr-title h2{text-align: center; font-weight: 600; font-size: 4rem; margin-bottom: 50px;}
.f-benefit-sec{padding:50px 0 70px;display: flex; justify-content: space-between; position: relative;}
.f-benefit{position: relative;}
.f-benefit p{position: absolute; text-align: center; color:#000; left: 0; margin-bottom: 0; font-weight: 600; text-align: center;}
.f-benefit.f-down p{bottom: -45px;}
.f-benefit.f-top p{top: -65px;}
.franchise-sec4{margin-bottom: 50px;}
.franchise-sec4 .fr-title h2{text-align: center; font-weight: 600; font-size: 4rem; margin-bottom: 50px;}
.franchise-sec4 .col-md-2{
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
}
.fr-box{text-align: center; border-radius: 10px;}
.fr-box .f-box-number{background: #68d9fa; color: #fff; font-size: 4rem; border-radius: 10px 10px 0 0; font-weight: 600; padding: 10px 0;}
.fr-box .f-box-con{background: #08bdf2; color: #fff; padding: 10px 10px;}
.fr-box .f-box-con h3{color: #fff; font-size: 1.5rem; font-weight: 600; margin-bottom: 20px; line-height: 1.3; min-height: 100px;}
.fr-box .f-box-con p{margin-bottom: 0; color: #fff; font-size: 1rem; min-height: 80px;}
.fr-box .box-icon{background: #068eb5; border-radius: 0px 0px 10px 10px; padding: 20px 0;}

.fr-box-green .f-box-number{background: #88e9d1;}
.fr-box-green .f-box-con{background: #39dbb2;}
.fr-box-green .box-icon{background: #20af8b;}

.fr-box-blue .f-box-number{background: #88b9f5;}
.fr-box-blue .f-box-con{background: #398bef;}
.fr-box-blue .box-icon{background: #1166cd;}

.fr-box-or .f-box-number{background: #ffcd61;}
.fr-box-or .f-box-con{background: #f7a900;}
.fr-box-or .box-icon{background: #b97f00;}

.fr-box-red .f-box-number{background: #ff9b8c;}
.fr-box-red .f-box-con{background: #ff593f;}
.fr-box-red .box-icon{background: #ef2000;}
.m-t-4{margin-top: 40px;}
.pos-n{position: relative; top:-35px;}

.box-icon img{width: 50%;}
.franchise-sec5{background: #092949; padding: 50px 0;}
.fr-thankyou{text-align: center;}
.fr-thankyou h2{font-weight: 600; font-size: 5rem; margin-bottom: 20px; text-transform: uppercase; color: #fff;}
.fr-thankyou p{color: #fff; font-weight: 600; font-size: 1.3rem; padding: 0 200px;}
.fr-thankyou h3{font-weight: 600; font-size: 2rem; margin-bottom: 15px; color: #fff;}
.fr-thankyou ul{}
.fr-thankyou ul li{color: #fff; font-size: 1rem; margin-bottom: 10px;}
.fr-thankyou ul li i{color: #000; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 50px; background: #fff; margin-right: 10px;}
.soc-fr ul{display: flex; justify-content: center; gap: 10px; margin-top: 20px;}
.franchise-sec6{padding: 50px 0;}
.franchise-sec6 ul {width: 80%; margin-top: 80px;}
.franchise-sec6 ul li{font-weight: 600; color: #000; font-size: 1.1rem; margin-bottom: 25px; display: flex; justify-content: space-between;}
.franchise-sec6 ul li span{display: inline-block; background: #ddd; border: 1px solid #000; width: 40px; height: 20px;}
.franchise-sec6 ul li:nth-child(1) span{background: #fde8af;}
.franchise-sec6 ul li:nth-child(2) span{background: #f8a29e;}
.franchise-sec6 ul li:nth-child(3) span{background: #9adcfc;}
.franchise-sec6 ul li:nth-child(4) span{background: #fff;}
.franchise-sec6 ul li:nth-child(5) span{background: #ef728b;}
.ad-sec1{padding: 50px 0; background: #ffffff;}
.ad-sec-box h2{color: #8b61c2; font-weight: 600; font-size: 2rem; line-height:1.2;text-transform: uppercase; margin-bottom: 10px;}
.ad-sec-box h2 span{text-transform: capitalize; font-size: 1.5rem; color: #000; font-style: italic;}
.ad-sec-box p{font-weight: 600; font-size: 1rem; color: #000;}
.phone-form{}
.phone-form form{display: block; margin-bottom: 30px;}
.phone-form form .phone-input input{height: 60px; border: 1px solid #000; padding: 10px; width:100%; margin-bottom: 20px;}
.phone-form form button{padding: 10px 30px; color: #000; background: #fff; border: 1px solid #ddd; font-weight: 600;}
.phone-reach{display: flex;}
.phone-ic{margin-right: 20px; width: 30%}
.phone-ic img{}
.pan-sec{width: 70%;}
.pan-sec ul{list-style: none; margin-top: 40px;}
.pan-sec ul li{display: block; position: relative; font-size: 1.3rem; color: #000; font-weight: 600; padding-left: 40px; margin-bottom: 10px;}
.pan-sec ul li:before{background: #77b255; border-radius: 3px; position: absolute; left: 0; top:0; content: "\f00c"; font:normal normal normal 14px/1 FontAwesome; color: #fff;text-align: center; width: 30px; height: 30px; line-height: 30px;}
.list-bus{text-align: right; font-weight: 600; font-size: 1rem;}
.ad-sec2{padding: 50px 0; background: #fffff5;}
.sucess-title{margin-bottom: 60px;}
.sucess-title h2{font-weight: 600; font-size: 2.5rem; color: #000; margin-bottom: 10px;}
.sucess-title p{}
.sucess-box{border: 1px solid #000; padding: 10px;}
.story-wrap {display: flex; flex-wrap: wrap;}
.story-wrap .story-img{width: 25%;}
.story-wrap .story-img img{width: 100%;}
.story-con{width: 75%; padding-left: 10px;}
.story-con p{font-size: 13px;line-height: 1.5; margin-bottom: 0}
.story-user{margin-top: 10px;}
.story-user p{font-weight: 600; font-size: 13px; margin-bottom: 0}
.pos-left{margin-top: 60px; position: relative; left: 100px;}
.ad-sec3{padding: 60px;text-align: center;}
.ad-sec3 h2{font-weight: 600; font-size: 2.5rem; color: #000; margin-bottom: 30px; padding: 0   100px;}
.job-box{padding:20px 0;}
.job-box-con{background:#f7f7f7; padding:20px; border:1px solid #a9a2a2; border-radius:15px; position:relative;}
.job-box-con button.edit{
    color: #007bff;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
} 
.pr-box-profile img{border-radius:100px;}
.pr-box-profile p{margin-bottom:8px;}
.profile-con-s{display:flex; flex-wrap:wrap; justify-content: space-between; padding-top: 10px;
    border-top: 1px solid #a9a2a2;}
.pr-box-about h3{font-weight:600;font-size:1.2rem; color:#000; margin-bottom:10px;}    
    .file-input__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.file-input__label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  padding: 10px 12px;
  background-color: #27a8fb;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}

.file-input__label svg {
  height: 16px;
  margin-right: 4px;
}
.file-in-sec{text-align:center;}
    
.profile-con-s p{width:50%;}
.exp-s{}
.exp-sec{display:flex; flex-wrap:wrap; margin-bottom:15px; }
.exp-logo{width:15%;}
.exp-logo .exp-logo-s{}
.exp-logo img{width: 120px;
    height: 120px;
    border-radius: 100px;
    background: #fff;
    object-fit: contain;
    border: 1px solid #ddd;}
.exp-con{width:65%;}
.exp-btn{width:20%; text-align:right;}
.exp-btn a{}
.exp-con h4{font-size:1.2rem; color:#000; margin-bottom:10px;}
.exp-con p{margin-bottom:5px; color:#000; font-size:13px; line-height:1.2;}
.skill-sec{display:flex; flex-wrap:wrap; margin-bottom:15px; align-items:center;}
.skill-text{width:80%;}
.skill-btn{width:20%; text-align:right;}
.skill-text p{margin-bottom:0px;}
.pers-box{display:flex; flex-wrap:wrap;}
.pers-box .pers-box-con{width:80%;}
.pers-box .add-btn{width:20%; text-align:right;}
.add-btn a{font-weight:400;}
.pers-box-con ul{display:flex; flex-wrap:wrap;}
.pers-box-con ul li{width:50%;margin-bottom:10px;}
.pr-box-about:first-child{margin:0;padding:0;border:0;}
.pr-box-about{border-top:1px solid #a9a2a2;padding-top:20px;margin-top:20px;}
.pr-box-about.job-box-con{padding: 20px;
    border: 1px solid #a9a2a2;}
.pr-sec1{padding-top:50px;}
.pr-sec-last{padding-bottom:50px;}
.login-wrapper {
    width: 1%;
    height: 100vh;
    background: #ededed;
    display: table-cell;
    vertical-align: middle;
    font-family: 'Dosis', sans-serif;
}

.sign-panels {
    width: 650px;
    background: #fff;
    padding: 40px 80px;
    margin: 40px auto;
    border-radius: 20px;
    text-align: center;
}
.login,.signup {
    position: relative;
}


.title {
    color: #9f9f9f;
}

.title span {
    display: block;
    font-size: 46px;
    font-weight: bold;
    color: #000;
}

.title p {
    font-size: 20px;
    font-weight: 500;
}

.btn-face,.btn-twitter {
    color: #fff;
    display: inline-block;
    width: 200px;
    font-size: 20px;
    height: 50px;
    border-radius: 50px;
    text-decoration: none;
    padding: 11px 0;
    font-weight: 500;
}

.btn-face .fa,.btn-twitter .fa {
    margin-right: 5px;
}

.btn-face {
    background: #5397d7;
    margin-right: 25px;
}

.btn-twitter {
    background: #40b9e0;
}

.or {
    margin: 35px 0;
    font-weight: 600;
    color: #9f9f9f;
}

.or:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #cecece;
    position: absolute;
    margin-top: -10px;
    z-index: 0;
}

.or span {
    display: block;
    background: #fff;
    width: 50px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.sign-panels input {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    height: 50px;
    border-radius: 50px;
    border: none;
    background: #ededed;
    text-align: center;
    padding: 10px;
    font-size: 15px;
    color: #7c7c7c;
    font-weight: 500;
}

.sign-panels input:focus {
    outline:none;
}

.sign-panels input[type="checkbox"] {
    display: none;
}

.sign-panels input[type="checkbox"] + label {
    display: block;
    width: 50%;
    text-align: left;
    padding-left: 60px;
    cursor: pointer;
    color: #828282;
    font-weight: 500;
    margin-top: 10px;
    float: left;
    height: 50px;
    padding-top: 15px;
}

.sign-panels input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #dbdbdb;
    position: absolute;
    left: 30px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 5px #ededed;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.sign-panels input[type="checkbox"]:checked + label:before {
    background: #FF5722;
    box-shadow: 0 0 0 5px #FF5722;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-signin {
    display: inline-block;
    width: 50%;
    margin-top: 10px;
    height: 50px;
    background: #27a8fb;
    border-radius: 50px;
    padding: 11px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.btn-reset,.btn-member,.btn-fade {
    font-size: 19px;
    font-weight: 500;
    color: #9f9f9f;
    display: block;
    /*width: 210px;*/
    margin: 30px auto 0;
    text-decoration: none;

}
.btn-member {
    margin-top: 15px;
}

.btn-reset .fa,.btn-member .fa {
    margin-left: 6px;
}

.notification p {
    font-size: 20px;
    font-weight: 600;
    color: #9f9f9f;
}

.notification span {
    color: #27a8fb;
}
.radio-flex{display: flex; justify-content: center; margin-bottom: 15px;}
.radio-flex .form-check-inline{}
.radio-flex .form-check-inline input{display: initial;
    width: 25px;
    height: 25px;
    padding: 0;
    text-align: left;
    margin: 0;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.error {
    display: block;
    color: #27a8fb;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}

@media screen and (max-width: 768px) {
    .sign-panels {
        width: 90%;
        padding: 40px;
    }
}

@media screen and (max-width: 570px) {
    .sign-panels {
        padding: 40px 20px;
    }

    .btn-face, .btn-twitter {
        width: 100%;
    }
    .btn-face {
        margin-right: 0;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 480px) {
    .sign-panels input[type="checkbox"] + label {
        width: 100%;
    }

    .btn-signin {
        width: 80%;
    }

    .title span {
        font-size: 36px;
    }

}
.nbt-page-tabs .sidebar
{
    width: 100%;
    background-color: transparent;
    color: initial;
    padding-top: 0;
}
.nbt-page-tabs .sidebar a{
    color: #646464;
    background: #fff;
    position: relative;
    border-radius: .25rem;
    padding:1rem;
    font-weight: 700;
    text-transform:uppercase;
    font-size:80%;
    margin-bottom:1rem;
}
.nbt-page-tabs .sidebar a:hover{
    background:#fff;
    color:#646464;
    
}
.dashboard-sec-new{padding:25px;
border: 1px solid #ddd;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 10px;
}

.dashboard-sec-new h1{font-size:1.8rem; margin-bottom:10px;}
.dashboard-sec-new p{margin-bottom: 10px;}
.sign-panels input:focus{background:#eee;}
.button-dash button{background:#27a8fb; padding:10px 20px; color:#fff; text-align:center;border:0;border-radius:5px;}
.days.list-days{justify-content: flex-start;}
.days.list-days input{height:20px; width:20px; display:block;margin:5px;}
.days.list-days label{text-align:center;}
.days.list-days input[type="checkbox"]::before{display:none;}
.profile-tab .btn-common{background:#27a8fb; padding:10px 20px; color:#fff; text-align:center;border:0;border-radius:5px;}
.profile-tab .btn-common:focus{box-shadow:initial!important;}
.social-icons a{background:#fff;height:25px;width:25px;}
.franchise-mobile{display:none;}
.about-us-page1{padding:50px 0;}
.about-us-page1 h1{text-align:center; font-size:2rem;font-weight:500; text-decoration:underline;}
.about-us-page1 p{text-align:center;font-size:18px;}
.about-us-page2{padding:50px 0;}
.about-us-page2 .founder-img{position:relative;}
.about-us-page2 .founder-img:before{position:absolute; background:#259fed; width:100%; height:70%; border-radius:10px; content:""; top:30%;left:0;z-index:0;}
.about-us-page2 .founder-img img{width:100%; position:relative;}
.about-us-page2 .founder-sec{padding-left:30px;}
.about-us-page2 .founder-sec h2{color:#259fed;font-weight:600;font-size:3rem;text-transform:uppercase; margin-top:25px;}
.about-us-page2 .founder-sec p{font-size:17px;line-height:1.6;}
.bus-head{background:#259fed; display:flex; border-radius:15px; margin-top:150px;padding:30px 30px 0;}
.bus-img{width:40%;}
.bus-img img{margin-top:-80px; width: 100%;}
.bus-con{width:60%; padding-left:15px;}
.bus-con h2{color:#fff; font-weight:600; text-transform:uppercase; margin-bottom:0px; font-size:2.5rem;}
.bus-con h3{color:#fff;position:relative; font-weight:600; text-transform:uppercase; font-size:1.5rem; line-height: 1; margin: 0 0 20px; padding-bottom:10px;}
.bus-con h3:before{position:absolute; top:100%; left:0; height:3px; width:37%; background:#fff; content:"";}
.bus-con p{color:#fff; font-size:16px; margin-bottom:10px;}
.bus-con ul{display:flex;}
.bus-con ul li{margin-right:7px;}
.bus-con ul li a{display:block;width:30px;height:30px; line-height:30px; text-align:center; color:#259fed; border-radius:50px;background:#fff;}
.bus-con ul li a i{font-size:16px;line-height: 31px;}
.our-team{padding:70px 0 50px;}
.team-sec{display:flex; justify-content:center;flex-wrap:wrap;}
.teambox{-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; margin-bottom:30px;}
.team-box-in{padding:0 15px;}    
.teambox-img{position:relative;}
.teambox-img:before{position:absolute; background:#259fed; width:100%; height:75%; border-radius:10px; content:""; top:25%;left:0;z-index:0;}
.teambox-img img{position:relative;width:100%; transition:all 0.5s ease; filter: blur(0px);}
.teambox-con{position: relative;
    padding: 20px;
    text-align: center;}
.teambox-con h3{font-size:1.1rem; font-weight:600; text-transform:uppercase; color:#259fed;margin-bottom:10px; line-height:1;}
.teambox-con h4{font-size:1rem; color:#183760;margin-bottom:10px; line-height:1;}
.teambox-con ul{display:flex; justify-content:center;}
.teambox-con ul li a{display:block;width:30px;height:30px; line-height:30px; text-align:center; color:#259fed;}
.teambox-con ul li a i{font-size:18px;line-height: 30px;}
.teambox-con hr{border: 0;
    height: 2px;
    background: #259fed;
    width: 50%;
    margin: 1rem auto;}
.over-con{position: absolute;
    background: #000000;
    top: 0;
    left: 0;
    border-radius: 15px;
    padding: 20px;
    text-align: center;overflow:hidden; width: 100%;
    height: 100%; transition:all 0.5s ease-in-out;opacity:0;}
.over-con-p {display: flex;
    align-items: center;
    height: 100%;}    
.over-con p{font-size:13px; line-height:1.3; color:#fff; margin:0;}    
.teambox:hover .over-con{opacity:1;}
.teambox:hover .teambox-img img{filter: blur(3px);}
.team-head{font-size:3rem; font-weight:600;margin-bottom:40px; text-align:center; color:#259fed;}
.modal-personal .modal-body{padding:25px;}
.modal-personal .form-group{margin:0 0 10px;}
.modal-personal label{font-weight:600; color:#000; margin-bottom:5px;}
.submit-btn{
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    padding: 10px 12px;
    background-color: #27a8fb;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border:0;
}
.modal-personal input{height:40px;font-size:13px;}
.modal-personal .close {
    float: none;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: initial;
    opacity: 1;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0px;
}
.business-step-form label{font-weight:600; color:#000; margin-bottom:5px;}
.business-step-form input{height:45px; font-size:14px;}
.business-step-form .tab-content{padding:30px;}
.business-step-form .wizard .tab-pane{padding-top:0;}
.business-step-form h2{font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
.business-step-form span.round-tab{left:-11px;}    


.business-step-form input[type="checkbox"]{
height:initial;    
border:0;
}
.business-step-form .check-box{margin-top:20px;}
.business-step-form input[type="checkbox"]:checked{background:none!important;}

.business-step-form .check-box label{display:flex;}
.business-step-form .days{justify-content:space-between;}
.business-step-form .check-box-all{margin-top:20px;}
.business-step-form .time-dropdown{width:30%;}
.next-step, .prev-step{cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    padding: 10px 12px;
    background-color: #27a8fb;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border: 0;}
.business-step-form .job-option{padding:0px; background:none; border-radius:5px; height:initial; align-items: flex-start;border:0;}
.business-step-form .job-option label{font-size:13px;}
.business-step-form .job-option input{position: relative;
    top: 3px;}
.open-drop-down{}
.ac-drop-down-menu{display:none; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: left;
    position: absolute;
    top: 100%;
    z-index: 9;
    width: 180px;
    right: 0;}
.ac-drop-down-menu div{margin-bottom:5px; border-bottom:1px solid #ddd;}
.ac-drop-down-menu div a{width:100%;padding:5px 10px; color:#000; display:block;}
.ac-drop-down-menu div a:hover{color:#000;}

/******************************************/
.list-gal-mob{display:none;}