@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
html,body{margin:0;font-family: 'Noto Sans', sans-serif;outline:none;background: #fff;}
 
.padd0{padding:0;}
.mar0{margin:0;} 
 
 

input{ -webkit-appearance: none;
    -moz-appearance: textfield;
}
a,a:hover{text-decoration: none;} 
.d-none{display: none;}
.hidebtn{
    display: inline-block;
    background: #eee;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color:#000;
    padding-top: 12px;
    font-size: 18px;
    }

.seeallbtn{
    display: inline-block !important;
    background: #eee;
    width: 50px;
    padding-top: 11px;
    height: 50px;
    border-radius: 50%;
    color:#000;
    font-size: 18px;
    }    
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: center;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }
  
  #page-loader.hidden {
   opacity: 0;
    visibility: hidden; 
 
  }
  
  .loader {
    width: 150px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 50%;
  }
  .loader img{width: 100%;}
.loader span{display: block;
    text-align: CENTER;
    font-size: 16px;
    margin-top: 10px;}

/* Login Header */
.widget-login .login-header{
    padding: 0;
    position: relative;
}
.widget-login .login-header button{
    position: absolute;
    right: 15px;
    background: #00000036;
    border: none;
    top: 15px;
    border-radius: 14px;
    padding: 2px 14px;
    color: #ffffffa6;
}
.widget-login .login-header img{width:100%;border-radius: 0 0 150px 150px; box-shadow: 2px 6px 11px 0 #ed29305e;}
.widget-login .widget-login-heading{
    text-align: CENTER;
    padding-top: 30px;
}
.widget-login .widget-login-heading h3{
    font-weight: 600;
    color: #000;
}
.widget-login .widget-login-heading .login-divider{
    display: block;
    position: relative;
}
.widget-login .widget-login-heading .login-divider::before{content:"";position: absolute;width: 100%;height: 1px;background: #eee;left: 0;right: 0;top: 10px;}
.widget-login .widget-login-heading .login-divider span{
    display: inline-block;
    background: #fff;
    position: relative;
    padding: 0 20px;
    font-weight: 600;
}

/* login form */
.widget-login{padding-bottom: 50%;}
.widget-login .widget-login-form{
    /* padding-top: 27px; */
    padding: 0 10%;
    padding-top: 27px;
}

.widget-login .widget-login-form form label{
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    padding-left: 40px;
    background: #fff;
    box-shadow: 0px 3px 11px 0 #eee;
}
.widget-login .widget-login-form form label input{
    border: none;
    font-weight: 500;
    color: #000;
    width: 100%;
    outline: none;
    padding: 7px;
}
.widget-login .widget-login-form form label span{
    position: absolute;
    left: 12px;
    top: 17px;
    color: #000;
}
.widget-login .widget-login-form form button{
    margin-top: 15px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;
}

.widget-login-footer{
    position: relative;
   
    left: 0;
    text-align: CENTER;
    right: 0;
    padding-bottom: 16px;
}
.widget-login-footer p{
    text-align: CENTER;
    font-size: 14px;
    margin: 0;
    color: #000;
}
.widget-login-footer a{
    display: inline-block;
    font-size: 10px;
    margin: 0 3px;
    color: #7c7c7c;
    text-decoration: underline;
}

/* OTP BOX */
.widget-otp-box .otp-header h3{
    margin: 0;
    text-align: CENTER;
    position: relative;
    font-size: 18px;
    padding: 17px;
}
.widget-otp-box .otp-header h3 button.otpbackbtn{
    background: none;
   
    border: none;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 15px;
}
.widget-otp-box .otp-header h3 button.skipotpbtn{
    position: absolute;
    right: 0;
    background: none;
    border: none;
    font-size: 13px;
}




.widget-otp-box .otp-notify-box{
    padding-top: 15%;
}
.widget-otp-box .otp-notify-box h3{
    margin: 0;
    font-size: 16px;
    text-align: CENTER;
    margin-bottom: 15px;
}
.widget-otp-box .otp-notify-box h3 span{
    display: block;
    color: #000;
    font-weight: 600;
    margin-top: 3px;
    text-decoration: none;
}

.widget-otp-box .otp-input-box{
    text-align: CENTER;
    padding-top: 15px;
    padding-bottom: 10px;
    padding: 0px 35px;
    padding-top: 15px;
    padding-bottom: 10%;
}

.widget-otp-box .otp-input-box form div input{
    display: inline-block;
    width: 100%;
    height: 50px;
    border: 2px solid #eee;
    margin: 0 4px;
    margin-bottom: 13px;
    border-radius: 5px;
    text-align: CENTER;
}
.widget-otp-box .otp-input-box form button{
    margin-top: 0;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;
    }
.widget-otp-box .otp-resend-box{
    text-align: CENTER;
    padding-top: 15px;
}
.widget-otp-box .otp-resend-box p{
    font-size: 14px;
    color: #000;
}
.widget-otp-box .otp-resend-box p span{
    display: block;
    color: #f14251;
    font-weight: 600;
}

/* referbox */
.referbox{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background: #00000059;
    backdrop-filter: blur(10px);
    z-index: 9999;
}
.referbox .innerboxrefer{
    position: absolute;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    padding: 2% 5%;
    padding-bottom: 10%;
    border-radius: 18px 15px 0 0;
}
.referbox .innerboxrefer .closereferbox{
    position: absolute;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    top: -50px;
    margin: 0 auto;
    border: none;
    border-radius: 50px;
    font-size: 17px;
    background: #ffffffd6;
    backdrop-filter: blur(10px);
}

.referbox .innerboxrefer form button{ margin-top: 15px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;}

.referbox .innerboxrefer form label{
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    /* padding-left: 40px; */
    background: #fff;
    box-shadow: 0px 3px 10px 0 #eee;
}
.referbox .innerboxrefer form label input{
    border: none;
    font-weight: 500;
    color: #000;
    width: 100%;
    outline: none;
    padding: 7px;
}
.referbox .innerboxrefer h3{
    text-align: center;
    font-size: 20px;
    margin-bottom: 16px;
    color: #000;
}

/* Header */
.app-header{
    background-color: #fff;
    color: white;
    padding: 15px 10px;
    position: sticky;
    top: 0;
    z-index: 999;
}

.app-header .profile-navigation{
    text-align: left;
    padding: 0;
}
.app-header .profile-navigation button{
    width: 40px;
    height: 40px;
    background: #f1f1f1;
    border-radius: 50px;
    border: none;
}
.app-header .profile-navigation button i{
    color: #000;
}

.app-header .app-logo img{width: 100px;}

.app-header .search-icon{
    text-align: right;
    padding: 0;
    width: 10%;
}
.app-header .search-icon button{
    width: 40px;
    height: 40px;
    background: none;
    border-radius: 50px;
    border: none;
    color: #b5b5b5;
    font-size: 18px;
}

/* widget-services-home */
.widget-services-home{padding: 15px 0;}
.widget-services-home .headbox h3{position: relative;margin: 0;font-size: 16px;padding-bottom: 5px;font-weight: 500;color: #000000;text-transform: capitalize;}
.widget-services-home .headbox h3:before{content: "";position: absolute;width: 70px;height: .5px;background: #ec1c24;bottom: 0;}
.widget-services-home .app-category{padding: 15px 0;}
.widget-services-home .app-category ul {
    padding: 0 8px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.widget-services-home .app-category li {
    text-align: center;
    flex: 0 0 24.5%;
    box-sizing: border-box;
    padding: 5px;
}
.widget-services-home .app-category li a {
    display: block;
}
.widget-services-home .app-category img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}
.widget-services-home .app-category span{display: block;font-size: 10px;color: #000;padding: 0;}

.widget-services-home .app-category .seeall i{height: 42px;
    width: 42px;
    background: #eee;
    padding-top: 13px;
    border-radius: 50px;
    font-size: 16px;
    color: #000;}

/* widget-home-video */   
.widget-home-video .videobox iframe{border: none;width: 100%;height: 180px;border-radius: 15px;}    
/*widget-home-offers-wishes*/
.widget-home-offers-wishes{
    padding-top: 10px;
    padding-bottom: 0;
}
.widget-home-offers-wishes .box-grid a{
    border: 1px solid rgb(76 175 80 / 16%);
    display: block;
    background: rgb(76 175 80 / 24%);
    text-align: CENTER;
    padding: 10px;
    border-radius: 10px;
    }
.widget-home-offers-wishes .box-grid a svg{width: 30px;fill: #4CAF50;}
.widget-home-offers-wishes .box-grid span{display: block;color: #4CAF50;}
.widget-home-offers-wishes .box-grid:first-child{padding-right: 5px;}
.widget-home-offers-wishes .box-grid:last-child{padding-left: 5px;}

.widget-home-offers-wishes .box-grid2 a{
    border-color: rgb(156 39 176 / 24%);
    background: rgb(156 39 176 / 16%);
}
.widget-home-offers-wishes .box-grid2 a svg{width: 30px;fill: #9C27B0;}
.widget-home-offers-wishes .box-grid2 span{display: block;color: #9C27B0;}
/* SIDE MENU */
.side-menu {
    width: 65%;
    position: fixed;
    top: 0;
    left: -65%;
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 9999;
    transition: left 0.3s ease;
    overflow-y: scroll;
}
.side-menu.open {
    left: 0;
}
.side-menu-inner {
    overflow-y: auto;
}
.side-menu .profile-header{
        padding: 15px;
        display: inline-flex;
        gap: 20px;
        align-items: center;
        /* border-bottom: 1px solid #eee; */
        }
.side-menu .profile-header .profile-img{width: 20%;}
.side-menu .profile-header .profile-img img{width: 100%;
    border-radius: 50%;}
.side-menu .profile-header .profile-details{
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 0px;
    width: 100%;
    }
.side-menu .profile-header .profile-details .name-box h4{
    margin: 0;
}
.side-menu .profile-header .profile-details .name-box h4 a{color: #818181;}
.side-menu .profile-header .profile-details .profile-phone{
    margin: 0;
}


.side-menu .listboxbtn{
    background: #4caf50;
}
.side-menu .listboxbtn a{
    display: block;
    padding: 15px;
    color: #ffffff;
    position: relative;
    box-shadow: -6px 3px 5px 0 #4caf50d1;
}
.side-menu .listboxbtn a i{
    position: absolute;
    right: 13px;
    top: 18px;
}
.side-menu .mylistings{
    background: #1c91ff;
}
.side-menu .mylistings a{
    display: block;
    padding: 15px;
    color: #ffffff;
    position: relative;
}
.side-menu .mylistings a i{
    position: absolute;
    right: 13px;
    top: 18px;
}
.side-menu .side-menu-inner{
    padding: 15px 0;
}
.side-menu .side-menu-inner .mrinfo{
    margin: 0;
    padding: 0 15px;
    text-transform: capitalize;
    color: #9b9b9b;
    font-size: 12px;
    margin-bottom: 10px;
}
.side-menu .side-menu-inner ul{
    padding: 0;
    list-style: none;
}
.side-menu .side-menu-inner ul li a{
    display: block;
    color: #000;
    padding: 10px 15px;
    text-transform: capitalize;
    position: relative;
}
.side-menu .side-menu-inner ul li a i{  position: absolute;
    right: 13px;
    top: 18px;}

.side-menu .side-menu-inner  hr{margin: 5px 0;}
/* COMMON HEADER APP */
.widget-common-header{ background: #eeeeee38;}
 
.widget-common-header .common-header ul{
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    list-style: none;
    padding: 0;
}
.widget-common-header .common-header ul li{
    font-size: 18px;
    font-weight: 500;
    color: #303030;
    padding: 15px 0;
}
.widget-common-header .common-header ul li a.backcategory{
    font-size: 16px;
    padding: 15px 0;
    display: block;
    font-size: 28px;
    padding: 0;
    color: #000;
}
.widget-common-header .common-header ul li a.searchcategory{
    font-size: 16px;
    padding: 15px 0;
    display: block;
    color: #b5b5b5;
}

/* widget-profile-form */
.widget-profile-form{
    padding: 30px 0;
    border-top: 1px solid #eee;
    padding-bottom: 10%;
}
.widget-profile-form .innerbox{
    padding: 0 30px;
}

.widget-profile-form .innerbox form label{
    display: block;
    width: 100%;
}
.widget-profile-form .innerbox form label span{
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.widget-profile-form .innerbox form label input{
    width: 100%;
    border: none;
    padding: 5px 0;
    outline: none;
    font-weight: 200;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
}
.widget-profile-form .innerbox form label input[type='date']{padding: 5px 0; background: none;}
.widget-profile-form .innerbox form label select{width: 100%;
    border: none;
    padding: 10px 0;
    font-weight: 200;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    background: none;
    outline: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;}
.widget-profile-form .innerbox form label textarea{width: 100%;
    border: none;
    padding: 5px 0;     outline: none;
    border-bottom: 1px solid #eee;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin-bottom: 8px; font-weight: 200;}
.widget-profile-form .innerbox form button{ margin-top: 15px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;}

    .loaderprofile {
        border: 2px solid #f3f3f3;
        border-top: 2px solid #3498db;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        animation: spin 1s linear infinite;
        display: inline-block;
        vertical-align: middle;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

/* widget-listing-profile */

.widget-listing-profile{padding: 15px 0;border-top:1px solid #eee;padding-bottom: 20%;}
.widget-listing-profile .widget-listing-btn button
{
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #2196F3;
    color: #fff;
    font-size: 16px;
}

.widget-listing-profile .inner-business-list{
    padding-top: 15px;
}
.widget-listing-profile .inner-business-list ul{
    padding: 0;
    list-style: none;
}
.widget-listing-profile .inner-business-list ul li{
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 15px;
}
.widget-listing-profile .inner-business-list ul li .profilebox{
    display: flex;
    gap: 10px;
    position: relative;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profilelogo{
    width: 33%;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profilelogo figure img{
    width: 100%;
    border-radius: 10px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail{
    width: 67%;
    position: relative;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail h3{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail span.address{
    display: block;
    font-size: 13px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail span.phone{
    display: block;
    font-size: 13px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail span i{
    position: absolute;
    left: 0;
    top: 3px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail .editbtn{
    display: inline-block;
    margin-top: 10px;
    border: none;
    font-size: 14px;
    padding: 4px 15px;
    background: #2196f330;
    color: #2196F3;
    right: 0;
    position: absolute;
    bottom: 0;
    border-radius: 3px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail .paybox{
    position: absolute;
    left: 0;
    bottom: 0;
}
.widget-listing-profile .inner-business-list ul li .profilebox .profiledetail .paybox span{
    display: inline-block;
    font-size: 12px;
    background: #f443364f;
    color: #F44336;
    padding: 4px 10px;
    border-radius: 2px;
}
 
.widget-listing-profile .inner-business-list ul li .profilebox .paymentpending{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #0000008c;
    backdrop-filter: blur(10px);
    z-index: 99;
    text-align: CENTER;
    padding: 15px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .paymentpending span{
    display: block;
    padding: 15px 10px;
    color: #FFC107;
    margin-bottom: 15px;
    font-size: 20px;
}
.widget-listing-profile .inner-business-list ul li .profilebox .paymentpending a{
    display: inline-block;
    padding: 10px 12px;
    border-radius: 6px;
    border: none;
    background: #4CAF50;
    color: #fff;
    font-size: 16px;
}

/*Add Business Update */
.step { display: none; }
.step.active { display: block; }
.select2-container { width: 100% !important; }

.widget-bussiness-form{
    border-top: 1px solid #eee;
    padding: 30px 0;
    padding-bottom: 20%;
}
.widget-bussiness-form .head h2{
    margin: 0;
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
}
.widget-bussiness-form .innerform form .mb-3 label{
    display: block;
    text-transform: capitalize;
    font-weight: 300;
    color: #73787e;
}
.widget-bussiness-form .innerform form .mb-3 label span{color:red;}
.widget-bussiness-form .innerform form .mb-3 input{
    width: 100%;
    padding: 14px 15px;
    border: none;
    border: 1px solid #eee;
    margin-bottom: 10px;
    outline: none;
    border-radius: 8px;
    /* box-shadow: 0px 0px 5px 0 #eee; */
    box-shadow: 0px 3px 11px 0 #eee;
}
.widget-bussiness-form .innerform form .mb-3 select{border: none;
   
    -webkit-appearance: none;
    -moz-appearance: textfield;
    width: 100%;
    padding: 14px 15px;
    border: none;
    border: 1px solid #b8b9bd;
    margin-bottom: 10px;
    outline: none;
    border-radius: 8px;}
.select2-container--default .select2-selection--single{border:1px solid #eee !important;}
    .widget-bussiness-form .innerform form .mb-3   textarea{  width: 100%;
        padding: 14px 15px;
        border: none;
        border: 1px solid #b8b9bd;
        margin-bottom: 10px;
        outline: none;
        border-radius: 8px;}
.widget-bussiness-form .navigatebtns{
    display: flex;
    gap: 10px;
}
.widget-bussiness-form .navigatebtns .prevbtn{
    display: none;
    margin-top: 15px;
    width: 55px;
    padding: 12px;
    border-radius: 5px;
    border: none;
    background: #d7d7d73b;
    color: #000000;
    font-size: 16px;
    }
.widget-bussiness-form .navigatebtns .nextbtn{margin-top: 15px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;}
.widget-bussiness-form .navigatebtns .submitbtn{display: none;margin-top: 15px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;}

.logopreviewbox{
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}    
.logopreviewbox img{width: 100px;height: 100px;border-radius: 15px;border: 2px solid #eee;padding: 5px;}    
.logopreviewbox button{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 40px;
    bottom: -10px;
    border: none;
    height: 40px;
    background: #ededed;
    border-radius: 5px;
}    
.select2-search--dropdown .select2-search__field{padding: 10px !important;outline: none;} 
.select2-container--default .select2-selection--single {
     
    padding: 10px;
    height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    
    top: 10px !important;
     
}

.categoryGroup{
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
    box-shadow: 0px 3px 11px 0 #eee;
}
 
.categoryGroup button{
    width: 40px;
    background: #f4433624;
    border: none;
    border-radius: 4px;
    color: #F44336 !important;
    text-align: center;
}

.widget-payment-box{
    padding: 30px 0;
    border-top: 1px solid #eee;
}
.widget-payment-box .activationbox{
    text-align: CENTER;
}
.widget-payment-box .activationbox h3{
    margin: 0;
    text-align: CENTER;
    background: #ffc10747;
    padding: 15px;
    margin-bottom: 15px;
    color: #FFC107;
    border-radius: 5px;
}
.widget-payment-box .activationbox h4{
    font-size: 21px;
    font-weight: 700;
    color: #000;
}
.razorpay-payment-button{
     background: #4CAF50;
     padding: 9px 27px;
     border: none;
     border-radius: 5px;
     margin-top: 15px;
     color: #fff;
     font-size: 18px;
}

.widget-payment-box .activationbox ul{text-align: left; padding: 15px; list-style: none;}

.widget-payment-box .activationbox .choosecouponlist{
    padding: 0;
    padding-bottom: 20%;
}
.widget-payment-box .activationbox .choosecouponlist li{
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox{
    display: flex;
    gap: 10px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox figure{
    width: 110px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox figure img{
    width: 100%;
    border-radius: 10px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet{
    width: calc(100% - 110px);
}
 .widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet h4{
    margin: 0;
    font-size: 18px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet .businessname{
    display: block;
    margin-bottom: 10px;
    display: inline-block;
    background: #2196f31c;
    padding: 5px 8px;
    margin-bottom: 7px;
    color: #2196F3;
    border-radius: 5px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet .currentstatus{
    text-transform: uppercase;
    background: #f443363b;
    padding: 3px 9px;
    display: inline-block;
    color: #F44336;
    border-radius: 2px;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet .couponused{
    text-transform: uppercase;
    background: #4caf5047;
    padding: 3px 9px;
    display: inline-block;
    color: #4CAF50;
    border-radius: 2px;
}


.widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet .endate{
    color: #000;
}
.widget-payment-box .activationbox .choosecouponlist li .innerbox .coupondet .couponname{
    display: block;
    margin-bottom: 7px;
    color: #000;
}
.footerbox{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    width: 100%;
    right: 0;
    /* max-width: 480px; */
    /* margin: 0 auto; */
}
 
.footerbox .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
}
.footerbox .innerbox ul li{
    width: 33.33%;
    text-align: CENTER;
}
.footerbox .innerbox ul li button{
    display: block;
    width: 100%;
    border: none;
    background: #fff;
    padding: 13px 2px;
}
.footerbox .innerbox ul li button.active{
    color: #e81c23;
}
.footerbox .innerbox ul li button i{
    font-size: 18px;
}
.footerbox .innerbox ul li button span{
    display: block;
    font-size: 10px;
}

.header-top{background-color: #ffffff;padding: 0;border-bottom: 1px solid #eee;} 
 
.header-top .leftbox a{
    color: #2c2f34;
    text-transform: capitalize;
    display: block;
    padding: 10px 0px;
} 
.header-top .rightbox{text-align:right;padding: 5px 0;} 
.header-top .rightbox a.sociallink{
    color: #242424;
    float: right;
    padding: 4px 5px;
    margin-left: 5px;
    /* border: 1px solid #000; */
    border-radius: 8px;
} 
.header-top .rightbox a.navlink{
    float: right;
    padding: 10px 0;
    margin-left: 10px;
    padding-bottom: 0;
} 
.header-top .rightbox a.navlink span{
    width: 15px;
    height: 1px;
    display: block;
    background: #000;
    margin-bottom: 5px;
} 
.header-top .leftbox{width:20%;}
.header-top .breakingnews{width:60%; padding: 0;}
.header-top .rightbox{width:20%;}
header{
    background: #fff;
    padding: 10px 0;
} 

header .logopanel img{
    width: auto;
    margin-top: 15px;
}  
header .header-ad{
    padding-right: 0;
}
header .header-ad img{width: 100%;}
.widget-mainmenu{
    background: #fff;
    border-top: none;
    position: relative;
    z-index: 999;
    }
.widget-mainmenu .maninmenu{
    /* padding: 0; */
    /* text-align: center; */
    padding: 0 10px;
    text-align: left;
    background: #1f2024;
}
.widget-mainmenu .maninmenu > ul {padding:0;margin: 0;display: inline-block;}
.widget-mainmenu .maninmenu > ul > li{display:inline-block;}
.widget-mainmenu .maninmenu > ul > li > a{
    font-size: 14px;
    color: #ffffff;
    line-height: normal;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    padding: 20px 12px;
    position: relative;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    }
.widget-mainmenu .maninmenu > ul > li > a:before{content:"";position: absolute;width: 1px;height: 10px;background: #5e5d5d;right: 0;top: 22px;}    
.widget-mainmenu .maninmenu > ul > li:last-child a::before{background: none;}
.widget-mainmenu .maninmenu > ul > li:hover > a:after {
    content: "";
     
    width: 100%;
    height: 5px;
    background:#f05555;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}	
.main-slider img{width:100%;}

.widget-about{
    padding: 30px 0;
    background: #fff;
}


.widget-about .image-box figure img{width: 100%;}
.widget-about .content-box{padding: 8% 5%;}
.widget-about .content-box h3{
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.widget-about .content-box h3 span{
    font-weight: 400;
}
.widget-about .content-box p{
    font-size: 16px;
}
.widget-about .content-box a{
    display: inline-block;
    padding: 8px 15px;
    background: #169bea;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 3px;
}

.widget-who-we-are{
    padding: 30px 0;
    background: #f6f6f6;
    }


.widget-who-we-are .image-box figure img{width: 100%;}
.widget-who-we-are .content-box{padding: 4% 5%;}
.widget-who-we-are .content-box h3{
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.widget-who-we-are .content-box h3 span{
    font-weight: 400;
}
.widget-who-we-are .content-box p{
    font-size: 16px;
}
.widget-who-we-are .content-box a{
    display: inline-block;
    padding: 8px 15px;
    background: #169bea;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 3px;
}


 
.widget-how-to-join{padding: 50px 0;background: #fff;}    

.widget-how-to-join .head h3{
    text-align: CENTER;
    text-transform: uppercase;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    color: #000;
}    
.widget-how-to-join .head p{
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}    
  
.widget-how-to-join .joinbox .innerbox{padding: 15%;
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0px 15px 10px -15px #00339947;}    

.widget-how-to-join .joinbox .innerbox figure img{width:100px;}    
.widget-how-to-join .joinbox .innerbox h3{
    font-weight: 600;
    color: #000;
}    
.widget-how-to-join .join-button{    text-align: CENTER;
    padding-top: 3%;}    
.widget-how-to-join .join-button a{
    display: inline-block;
    background: #eee;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    background: #2497f3;
    color: #fff;
    letter-spacing: 2px;
    }    

    footer{background-color: #1d1e20;
        padding-top: 60px;
        padding-bottom: 5px;
        color: #aaa;}
    footer .widget-footer{text-align: center;padding-bottom: 15px;}
    footer .widget-footer img{width: 230px;padding: 12px;background: #fff;}
    footer .widget-footer-link{
    text-align: center;
    padding: 15px 0;
}
    footer .widget-footer-link ul{
    display: inline-block;
    list-style: none;
    padding: 0;
}
    footer .widget-footer-link ul li{
    display: inline-block;
}
    footer .widget-footer-link ul li a{
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 12px;
    font-weight: 600;
    color: #aaa;
}
footer .footer-social-media{
    text-align: CENTER;
}
footer .footer-social-media ul{ display: inline-block;
    list-style: none;
    padding: 0;}
footer .footer-social-media ul li{ display: inline-block;}
footer .footer-social-media ul li a{
    border-radius: 50%;
    background: #333;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin-left: 8px;
    padding-top: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    }
 .widget-copyright{
    background: #141516;
    padding: 15px 0;
}

 .widget-copyright .innerbx p{margin: 0;text-align: CENTER;color: #aaa;}
 
 /* Breadcrumb */
 .widget-breadcrumb{
    background: #f7f7f7;
    padding: 30px 0;
}
 .widget-breadcrumb h3{
    margin: 0;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 600;
    color: #000000;
}
 .widget-breadcrumb ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
 .widget-breadcrumb ul li{
    display: inline-block;
    text-transform: uppercase;
    color: #1d1e20;
}
 .widget-breadcrumb ul li a{
    padding-right: 10px;
    display: block;
    color: #000000;
    position: relative;
}
.widget-breadcrumb ul li a::before{position: absolute;content: "/";right: 0;color: #00000042;}


.widget-gallery{padding: 40px 0;background: #fafbfd;}

.widget-gallery .head h3{
    text-align: CENTER;
    margin: 0;
    text-align: CENTER;
    text-transform: uppercase;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.widget-gallery .gallerybox{
    padding: 0 8px;
}

.widget-gallery .gallerybox figure img{width:100%;border-radius: 4px;margin-bottom: 15px;}

.widget-gallery .join-button{
    text-align: CENTER;
    padding-top: 1%;
    }    
.widget-gallery .join-button a{
    display: inline-block;
    background: #eee;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    background: #2497f3;
    color: #fff;
    letter-spacing: 2px;
    }  

    .widget-video-gallery{background: #000;padding: 50px 0;}
    

.widget-video-gallery .head h3{
    text-align: CENTER;
    margin: 0;
    text-align: CENTER;
    text-transform: uppercase;
 
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}
.widget-video-gallery .videobox{
    padding: 10px;
}
.widget-video-gallery .videobox iframe{
    width: 100%;
    min-height: 210px;
}
.widget-video-gallery .join-button{
    text-align: CENTER;
    padding-top: 1%;
    }    
    .widget-video-gallery .join-button a{
    display: inline-block;
    background: #eee;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    background: #2497f3;
    color: #fff;
    letter-spacing: 2px;
    }  
/* JOIN BOX */
.widget-join{padding: 30px 0;background: #169bea00;}



.widget-join .frmbox-reg-login{
    padding: 3%;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    float: inherit;
}
.widget-join .frmbox-reg-login h3{
    margin: 0;
    text-align: CENTER;
    font-size: 2.5em;
    font-weight: 600;
    color: #1f2024;
}
.widget-join .frmbox-reg-login p{
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}
.widget-join .frmbox-reg-login form{
    display: flow-root;
}
.widget-join .frmbox-reg-login .lblbox input[type='email'],.widget-join .frmbox-reg-login .lblbox input[type='password'],.widget-join .frmbox-reg-login .lblbox input[type='text']{
    display: block;
    width: 100%;
    padding: 10px 15px;
    outline: none;
    /* line-height: 1.5rem; */
    font-size: 16px;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D8DBEB;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 10px;
    }
    .widget-join .frmbox-reg-login .lblbox input[type='submit']{
    width: 100%;
    border-radius: 8px;
    border: none;
    padding: 10px 0;
    background: #0092e4;
    font-size: 16px;
    color: #fff;
}
.widget-join .frmbox-reg-login .policylink{
    text-align: CENTER;
    display: block;
    padding-top: 10px;
    font-size: 16px;
}
 
.widget-join .frmbox-reg-login .loginlink{
    text-align: CENTER;
    display: block;
    padding-top: 0;
    font-size: 16px;
}

/* NEWS MENU */
.widget-news-mainmenu{
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: rgba(0,0,0,0.1) 0px 25px 20px -20px;
    position: relative;
    z-index: 999;
    }
.widget-news-mainmenu .innernav{padding: 0 10px;text-align: left;/* background: #1f2024; */float: left;overflow-x: auto;overflow-y: hidden;}    
    
.widget-news-mainmenu .innernav > ul {padding:0;margin: 0;display: inline-block;}
.widget-news-mainmenu .innernav > ul > li{display: table-cell;}
.widget-news-mainmenu .innernav > ul > li > a{
    font-size: 18px;
    color: #000000;
    line-height: normal;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    padding: 15px 10px;
    position: relative;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    }
	
    .widget-news-mainmenu .innernav > ul > li > .submenu{
    /* position: absolute; */
    position: absolute;
    background: #ffffff;
    padding: 20px
 15px;
     display: none;  
    box-shadow: 0px 2px 3px 0px #d6cece;
    width: 160px;
}	
.widget-news-mainmenu .innernav > ul > li:hover .submenu {display: block;  }
.widget-news-mainmenu .innernav > ul > li > .submenu > a{
    display: block;
    padding: 5px 0;
    font-size: 15px;
    text-transform: uppercase;
}	
.searchbtn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18.5px;
    border: none;
    background: #eeeeee;
    color: #000;
    font-size: 20px;
}	
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu{
    position: absolute;
    background: #ffffff;
    padding: 20px 15px;
    left: 0;
    right: 0;
    border-top: 1px solid #eee;
    display: none;
    box-shadow: 0px 2px 3px 0px #d6cece;
}
.widget-news-mainmenu .innernav > ul > li:hover > a:before{content:"";background:#eee;width:100%;height: 5px;background: #ec1c24;bottom: 0;position: absolute;left: 0;right: 0;}
.widget-news-mainmenu .innernav > ul > li:hover .dropdownmenu{display:block;}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li{
    width: 20%;
    float: left;
    padding: 0 10px;
    text-align: left;
}

.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  figure > img{
    width: 100%;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  .detbox{
    padding-top: 5px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  .detbox h3{
    margin: 0;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #000000;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  .detbox span.profileicon{
    font-size: 11px;
    color: #989898;
    display: inline-block;
    margin-right: 4px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a > .detbox span.dateicon{
    font-size: 11px;
    color: #989898;
    margin-right: 4px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li >  a >  .detbox span.commenticon{
    font-size: 11px;
    color: #989898;
    margin-right: 4px;
}

.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li >  a >  .detbox span.viewicon{
    font-size: 11px;
    color: #989898;
}

/* FEATURED BOX */
/* NEWS SLIDE FEATURED */
.widget-featured{background:#fff;padding-bottom: 0;}
#featuredbox{
    width: 100%;
    height: 400px;
    position: relative;
    display: block;
    float: left;
    margin-top: 25px;
    overflow: hidden;
    }
#featuredbox .featuredleft {
    width: 50%;
    height: 390px;
    position: relative;
    display: block;
    float: left;
    padding-right: 1px;
}	

#featuredbox .featuredleft figure{
    position: relative;
}
#featuredbox .featuredleft figure::after {
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.36) 50%,rgb(0 0 0 / 85%) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block;
    }
#featuredbox .featuredleft figure img{width:100%;}
#featuredbox .featuredleft figure .tag{
    position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
#featuredbox .featuredleft figure .detbox{
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    text-align: left;
}
#featuredbox .featuredleft figure .detbox h3{
    margin: 0;
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;
}
#featuredbox .featuredleft figure .detbox h3 a{
    margin: 0;
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;
}
#featuredbox .featuredleft figure .detbox .authortag{
    color: #c6c6c6;
    font-size: 12px;
    display: inline-block;
    margin-right: 8px;
}
#featuredbox .featuredleft figure .detbox .datetag{
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;
}
#featuredbox .featuredleft figure .detbox .viewtag{
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    color: #c6c6c6;
}

#featuredbox .featuredright {
    width: 50%;
    height: 390px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 1px;
}	
	
#featuredbox .featuredboxestop {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 2px;
}	
 
#featuredbox .featuredboxesbottom {
    display: flex;
    position: relative;
    width: 100%;
}
#featuredbox .featuredbox {
    flex: 1;
    width: 50%;
    max-width: 50%;
    height: 193px;
    position: relative;
    overflow: hidden;
}
#featuredbox .featuredbox figure img{width:100%;}
#featuredbox .box1 {
    padding-right: 1px;
}
#featuredbox .box2 {
    padding-left: 1px;
}
 
#featuredbox .featuredbox figure::after{
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.36) 50%,rgb(0 0 0 / 91%) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block;
    }
#featuredbox .featuredbox figure .tag{
    position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
#featuredbox .featuredbox figure .detbox{
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
    }
#featuredbox .featuredbox figure .detbox h3{margin: 0;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;}
	#featuredbox .featuredbox figure .detbox h3 a{margin: 0;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;}
#featuredbox .featuredbox figure .detbox .datetag{
    color: #c6c6c6;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    }
#featuredbox .featuredbox figure .detbox .authortag{ font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}
#featuredbox .featuredbox figure .detbox .viewtag{ font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}
/* NEWS HOME PAGE */
/* GRID NEWS */
.widget-grid-news{background:#fff;padding-top: 5px;padding-bottom: 15px;padding-bottom: 30%;}
.widget-grid-news .leftbox{
    padding: 0;
}
.widget-grid-news .leftbox .widgethead{
    padding: 0 15px;
}

.widget-grid-news .leftbox .widgethead a.cattag{
    display: inline-block;
    margin-bottom: 10px;
    background: #000;
    padding: 3px 10px;
    font-size: 16px;
    color: #fff;
}
.widget-grid-news .leftbox .widgethead p{
    font-size: 18px;
}
.widget-grid-news .leftbox .widgethead h1{
    margin: 0;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: normal;
    color: #000;
}
.widget-grid-news .leftbox .widgethead h3{
    margin: 0;
    border-bottom: 2px solid #000000;
    display: flow-root;
}
.widget-grid-news .leftbox .widgethead h3 a{
    display: inline-block;
    font-size: 14px;
    padding: 7px 15px;
    background: #000000;
    color: #fff;
    letter-spacing: 0;
}
.widget-grid-news .leftbox .box-one{
    padding: 0;
    padding-top: 15px;
}
.widget-grid-news .leftbox .box-one .gridbox{
    padding: 0;
    padding-right: 10px;
    padding-bottom: 20px;
}
.widget-grid-news .leftbox .box-one .gridbox2{
    padding: 0;
    padding-left: 10px;
}
 
.widget-grid-news .leftbox .box-one .gridbox figure img{width:100%;}
.widget-grid-news .leftbox .box-one .gridbox h3{
    margin: 0;
    font-size: 20px;
    padding: 10px 0;
    color: #000;
}
.widget-grid-news .leftbox .box-one .gridbox h3 a{color: #000;}
.widget-grid-news .leftbox .box-one .gridbox .taglist{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 5px 0;margin: 5px 0;}
.widget-grid-news .leftbox .box-one .gridbox .taglist .authortag{
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    color: #999;
}
.widget-grid-news .leftbox .box-one .gridbox .taglist .datetag{
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    color: #999;
}
.widget-grid-news .leftbox .box-one .gridbox .taglist .viewtag{
    color: #999;
}
.widget-grid-news .leftbox .box-one .gridbox p{color: #999;font-size: 16px;}
.widget-grid-news .leftbox .box-two{
    padding: 0;
}
.widget-grid-news .leftbox .box-two .gridboxlist{
    padding: 0;
    padding-right: 10px;
}

.widget-grid-news .leftbox .box-two .gridboxlist:nth-child(even) {
    padding-left: 10px;
}


.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small{display: table;
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 25px;}
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .left{
    display: table-cell;
    width: 100px;
    position: relative;
    background-color: #fafafa;
    }
 
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .left a img{
    width: 100%;
    max-height: 70px;
}
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right{
    display: table-cell;
    vertical-align: top;
    padding-left: 8px;
    position: relative;
    }
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right h3{
    margin: 0;
    line-height: 21px;
    font-size: 15px;
    margin-bottom: 5px;
    min-height: 45px;
    }
    .widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right h3 a{color:#000;}
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right p{
    display: inline-table;
    margin: 0;
    }
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right p .authortag{
    list-style: none;
    float: left;
    margin-right: 6px;
    color: #b0b0b0;
    font-size: 14px;
    display: block;
    font-weight: 600;
    }
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right span{
    list-style: none;
    float: left;
    margin-right: 5px;
    color: #b0b0b0;
    font-size: 12px;
    display: block;
    }
.widget-grid-news .rightbox{padding-right:0;}
 
.widget-grid-news .rightbox .widget-head h3{
    margin: 0;
    background: #169bea;
    font-size: 14px;
    padding: 7px 10px;
    color: #fff;
    display: flow-root;
}
.widget-grid-news .rightbox .widget-follow{
    padding-top: 15px;
}
.widget-grid-news .rightbox .widget-follow ul{padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    float: left;}
.widget-grid-news .rightbox .widget-follow ul li{list-style: none;
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 7px;}
.widget-grid-news .rightbox .widget-follow ul li a{    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 0.25rem;}
.widget-grid-news .rightbox .widget-follow ul li a i{position: relative;
    display: inline-block;
    width: 45px;
    padding-left: 15px;
    height: 40px;
 
    text-align: left;
    line-height: 40px;
    font-size: 16px;}
.widget-grid-news .rightbox .widget-follow ul li a.fb{background: #3b5998!important;}
.widget-grid-news .rightbox .widget-follow ul li a.tw{background: #55acee;}
.widget-grid-news .rightbox .widget-follow ul li a.ins{    background: #125688;}
.widget-grid-news .rightbox .widget-follow ul li a.yt{background: #b00;}
.widget-grid-news .rightbox .widget-follow ul li:nth-child(even) {
    margin-right: 0!important;
}


.widget-grid-news .rightbox .form-search{
    background: #0c72af;
    padding-top: 14px;
    margin-bottom: 20px;
    padding: 20px;
    }
.widget-grid-news .rightbox .form-search h3{
    margin: 0;
    padding: 8px 0;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    }
.widget-grid-news .rightbox .form-search form{
    padding: 20px 20px;
    border: 1px solid #eee;
    display: flow-root;
    margin-bottom: 15px;
    }
.widget-grid-news .rightbox .form-search .innerbox {padding: 0;}
.widget-grid-news .rightbox .form-search .innerbox label{
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1;
}
.widget-grid-news .rightbox .form-search .innerbox input[type='text']{padding: 4px;
    margin-bottom: 8px;
    width: 100%;
    border: 1px solid #eee;}
.widget-grid-news .rightbox	.form-search input[type='submit'] {
    background: #d71e10;
    border: 1px solid #d71e10;
    padding: 5px 20px;
    text-transform: uppercase;
    width: 100%;
    color: #fff;
}
.widget-grid-news .rightbox .widget-popular{
    clear: both;
}
.widget-grid-news .rightbox .widget-popular h3{
    margin: 0;
    background: #ec1c24;
    font-size: 14px;
    padding: 7px 10px;
    color: #fff;
    }
.widget-grid-news .rightbox .widget-popular ul{
    padding: 0;
    list-style: none;
    padding: 0;
    list-style: none;
    display: flex;
    margin-right: -1px;
	border-bottom: 1px solid #eee;
}
.widget-grid-news .rightbox .widget-popular ul li{
    display: flex;
    width: 33.3%;
    text-align: CENTER;
}
.widget-grid-news .rightbox .widget-popular ul li a{
    display: block;
    width: 100%;
    padding: 10px 12px;
    color: #000;
    background: none;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 3px solid #fff;
}
.widget-grid-news .rightbox .widget-popular ul li a.active{border-bottom: 3px solid #202020;}

/* HOME PAGE TAB */
/* TAB GRID */
.tabgrid {display:none;}
.tabgrid .post-item-small{
   display: table;
   width: 100%;
   position: relative;
   float: left;
   padding-bottom: 15px;
   }
.tabgrid .post-item-small .left{display: table-cell;
   width: 106px;
   position: relative;
   background-color: #fafafa;}
 
.tabgrid .post-item-small .left a img{
   width: 100%;
}
.tabgrid .post-item-small .right{display: table-cell;
   vertical-align: top;
   padding-left: 15px;
   position: relative;}
.tabgrid .post-item-small .right h3 a{color:#000;}
.tabgrid .post-item-small .right h3{
   margin: 0;
   line-height: 21px;
   font-size: 16px;
   margin-bottom: 5px;
   }
.tabgrid .post-item-small .right p{
   display: inline-table;
   margin: 0;
   }
.tabgrid .post-item-small .right p .authortag{
   list-style: none;
   float: left;
   margin-right: 8px;
   color: #b0b0b0;
   font-size: 14px;
   display: block;
   font-weight: 600;
   }
.tabgrid .post-item-small .right span{
   list-style: none;
   float: left;
   margin-right: 8px;
   color: #b0b0b0;
   font-size: 13px;
   display: block;
   }

   /* HOME PAGE RECOMMENDED */
   .featuredbox-recommended{
    padding: 0;
    margin-top: 15px;
    margin-bottom: 20px;
}	
.featuredbox-recommended figure{position: relative;}	
.featuredbox-recommended figure::after{background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.36) 50%,rgb(0 0 0 / 85%) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block;}	
.featuredbox-recommended figure img{width: 100%;}	
.featuredbox-recommended figure .tag{position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;}	
.featuredbox-recommended figure .tag a{color:#fff;}	
.featuredbox-recommended figure .detbox{
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    }	
.featuredbox-recommended figure .detbox h3{margin: 0;
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;}	
.featuredbox-recommended figure .detbox h3 a{color:#fff;}
.featuredbox-recommended figure .detbox .authortag{    color: #c6c6c6;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;}	
.featuredbox-recommended figure .detbox .datetag{font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}	
.featuredbox-recommended figure .detbox .viewtag{font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    color: #c6c6c6;}	

/* RANDOM POST  */

/* RANDOM POST */
.randompost{
    padding-top: 15px;
}	
.randompost figure{position: relative;}	
.randompost figure .tag{position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;}	
.randompost figure img{width:100%;}	
.randompost figure .detbox{padding: 15px 0;text-align: left;}	
.randompost figure .detbox h3{
    margin: 0;
    color: #141414;
    font-size: 22px;
    margin-bottom: 10px;
    /* text-shadow: 0px 2px 3px #1a1a1a; */
    }	
.randompost figure .detbox .authortag{    color: #c6c6c6;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;}	
.randompost figure .detbox .datetag{font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}	
.randompost figure .detbox .viewtag{font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    color: #c6c6c6;}	
.randompost figure .detbox p{color:#777;}	

/* TAGS */
.widget-tags{
    padding-top: 10px;
}
.widget-tags a{
    background-color: #f4f4f4;
    color: #888;
    display: inline-block;
    font-size: 14px;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 0.25rem;
    margin-bottom: 9px;
    margin-right: 5px;
    }
.widget-tags a:hover{background-color: #b7b7b7;color:#fff;}	

/* BREADCRUMB */ 
.breadcrumb-widget{
    background: #fbfbfb;
    padding: 9px 0;
}
.breadcrumb-widget ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.breadcrumb-widget ul li{
    display: inline-block;
    color: #9f9f9f;
    font-size: 14px;
}
.breadcrumb-widget ul li a{
    display: block;
    padding-right: 15px;
    font-size: 14px;
	position:relative;
}
.breadcrumb-widget ul li a:before{
    content:"/";
    position:absolute;
    right: 3px;
    color: #bfbfbf;
}

 
.widgetgrid {
    padding: 0;
    padding-top: 15px;
}
.widgetgrid .post-horizontal {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #f9f9f9;
}
.widgetgrid .post-horizontal .item-image {
    padding: 0;
}
.widgetgrid .post-horizontal .item-image figure {
    position: relative;
}
.widgetgrid .post-horizontal .item-image figure img {
    width: 100%;
}
.widgetgrid .post-horizontal .item-content {
    padding: 4%;
    text-align: left;
}
.widgetgrid .post-horizontal .item-content h3 {
    margin: 0;
    margin-bottom: 15px;
}
.widgetgrid .post-horizontal .item-content h3 a {
    color: #000;
    text-decoration: none;
}
.widgetgrid .post-horizontal .item-content .authortag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 14px;
    font-weight: 600;
}
.widgetgrid .post-horizontal .item-content .datetag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 13px;
}
.widgetgrid .post-horizontal .item-content .commenttag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 13px;
}
.widgetgrid .post-horizontal .item-content .viewtag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 13px;
}
.widgetgrid .post-horizontal .item-content p {
    color: #777;
}
/* NEWS VIEW */ 
.widget-grid-news .content-widget {
    padding-left: 0;
}
.widget-grid-news .content-widget .widgethead {
    padding: 0;
}
.widget-grid-news .content-widget .widgethead .tag {
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
.widget-grid-news .content-widget .widgethead h1 {
    margin-top: 0;
    font-size: 37px;
    color: #000;
    line-height: 48px;
    font-weight: 400;
    text-align: justify;
}
.widget-grid-news .content-widget .widgethead h2 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0;
    color: #000;
    text-align: justify;
}
.widget-grid-news .content-widget .widgetauthorbox {
    padding-left: 0;
    /* display: flex; */
    background: #f7f7f7;
    padding: 5px 10px;
    border-radius: 6px;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox {
    padding-top: 0;
    width: 85%;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a {
    position: relative;
    display: inline-block;
    color: #8b8b8b;
    /* font-weight: 600; */
    margin-right: 3px;
    font-size: 12px;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a figure {
    border-radius: 50%;
    left: 0;
    width: 40px;
    position: absolute;
    top: -10px;
    height: 40px;
    background: #eee;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a figure img {
    width: 100%;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a span {
    display: block;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox .tag {
    display: inline-block;
    margin-right: 15px;
    color: #8b8b8b;
    font-size: 12px;
}
.widget-grid-news .content-widget .widgetauthorbox .rightbox {
    text-align: right;
    padding-top: 0;
    width: 15%;
}
.widget-grid-news .content-widget .widgetauthorbox .rightbox .commentag {
    display: inline-block;
    color: #b1b1b1;
}
.widget-grid-news .content-widget .widgetsharebox {
    padding: 0;
    padding-top: 15px;
}
.widget-grid-news .content-widget .widgetsharebox a {
    padding: 10px 19px;
    background: #eee;
    border-radius: 2px;
    font-size: 16px;
    height: 40px;
    text-align: CENTER;
    float: left;
    margin-right: 6px;
}
.widget-grid-news .content-widget .widgetsharebox a.facebook {
    background: #3b5998;
    color: #fff;
}
.widget-grid-news .content-widget .widgetsharebox a.twitter {
    background: #55acee;
    color: #fff;
}
.widget-grid-news .content-widget .widgetsharebox a.linkedin {
    background: #007bb5;
    color: #fff;
    color: #fff;
    font-size: 16px;
    padding-top: 8px;
}
.widget-grid-news .content-widget .widgetsharebox a.pinterest {
    color: #fff;
    font-size: 18px;
    padding-top: 14px;
    background: #cb2027;
}
.widget-grid-news .content-widget .widgetsharebox a.tumblr {
    background: #2c4762;
    color: #fff;
    padding-top: 14px;
}
.widget-grid-news .content-widget .widgetsharebox a.print {
    background: #444;
    color: #fff;
    padding-top: 14px;
}
.widget-grid-news .content-widget .widgetsharebox a.kooapp {
    background: #fbcd00;
    color: #fff;
    padding-top: 14px;
    width: 40px;
    padding: 0;
    padding-top: 4px;
}
.widget-grid-news .content-widget .widgetsharebox a img {
    width: 100%;
}
.widget-grid-news .content-widget .widgetsharebox a.whatsapp {
    background: #3EBE2B;
    color: #fff;
    font-size: 18px;
    padding-top: 8px;
}
.widget-grid-news .content-widget .postimage {
    padding: 15px 0;
    padding-bottom: 0;
}
.widget-grid-news .content-widget .postimage img {
    width: 100%;
}
.widget-grid-news .content-widget .postimage span {
    display: block;
    padding: 10px;
    font-style: italic;
    background: #fbfbfb;
    font-size: 16px;
}
.widget-grid-news .content-widget .posttext {
    padding: 0;
}
.widget-grid-news .content-widget .posttext p {
    overflow-wrap: break-word;
    display: block;
    clear: both;
    min-height: 20px;
    font-size: 18px;
    text-align: justify;
}
.widget-grid-news .content-widget .posttags {
    padding: 0;
    padding-bottom: 20px;
}
.widget-grid-news .content-widget .posttags span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.widget-grid-news .content-widget .postnavigation {
    padding-top: 15px;
    border-top: 1px solid #eee;
    padding-bottom: 15px;
}
.widget-grid-news .content-widget .postnavigation .boxprev {
    text-align: right;
    border-right: 1px solid #eee;
    min-height: 70px;
}
.widget-grid-news .content-widget .postnavigation span {
    display: block;
    color: #ec1d25;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.widget-grid-news .content-widget .postnavigation a {
    font-size: 16px;
    color: #000;
}
.postreaction {
    border-top: 1px solid #eee;
    padding: 15px 0;
    padding-top: 5%;
}
.postreaction h3 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}
.postreaction ul {
    list-style: none;
    padding: 0;
}
.postreaction ul li {
    width: 13.5%;
    margin-right: 5.8px;
    cursor: pointer;
    margin-bottom: 5px;
    float: left;
    text-align: CENTER;
}
.postreaction ul li .iconreact {
    padding-bottom: 10px;
}
.postreaction ul li .iconreact img {
    width: 45px;
}
.postreaction ul li .averagereact {
    min-height: 100px;
    background: #eee;
    border-radius: 4px;
    margin-bottom: 5px;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
}
.postreaction ul li .averagereact .averageno {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.postreaction ul li .averagereact .averageheight {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2%;
    background: #f86923;
}
.postreaction ul li button {
    display: block;
    width: 100%;
    border: none;
    padding: 7px 0px;
    border-radius: 2px;
    background: #e6e6e6;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}
.widget-grid-news .content-widget .authorbox {
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.widget-grid-news .content-widget .authorbox a figure {
    width: 110px;
    float: left;
}
.widget-grid-news .content-widget .authorbox a figure img {
    width: 100%;
}
.widget-grid-news .content-widget .authorbox a span {
    display: inline-block;
    padding: 0 10px;
    font-weight: 600;
    font-size: 18px;
}
.widget-grid-news .content-widget .relatedpost {
    padding: 0;
    display: flow-root;
}
.widget-grid-news .content-widget .relatedpost .innerbox {
    padding: 0;
}
.widget-grid-news .content-widget .relatedpost .innerbox h3 {
    border-bottom: 1px;
    font-size: 14px;
    border-bottom: 2px solid #ec1d25;
    margin-bottom: 25px;
}
.widget-grid-news .content-widget .relatedpost .innerbox h3 span {
    display: inline-block;
    padding: 5px 15px;
    background: #ec1d25;
    color: #fff;
}
.widget-grid-news .content-widget .relatedpost .gridinner {
    padding: 0 5px;
    padding-bottom: 20px;
}
.widget-grid-news .content-widget .relatedpost .gridinner figure img {
    width: 100%;
}
.widget-grid-news .content-widget .relatedpost .gridinner .posttext {
    padding: 0;
    padding-bottom: 20px;
}
.widget-grid-news .content-widget .relatedpost .gridinner .posttext h3 {
    margin: 0;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
    color: #000;
    min-height: 60px;
}
.widget-grid-news .content-widget .relatedpost .gridinner .posttext .tag {
    display: inline-block;
    margin-right: 7px;
    color: #999898;
    font-size: 13px;
}
.widget-grid-news .content-widget .commentbox .innerbox {
    padding: 0;
}
.widget-grid-news .content-widget .commentbox .innerbox h3 {
    border-bottom: 1px;
    font-size: 14px;
    border-bottom: 2px solid #ec1d25;
    margin-bottom: 25px;
}
.widget-grid-news .content-widget .commentbox .innerbox h3 span {
    display: inline-block;
    padding: 5px 15px;
    background: #ec1d25;
    color: #fff;
}
.widget-grid-news .content-widget .commentbox form .forminner {
    padding: 0;
    padding-right: 15px;
}
.widget-grid-news .content-widget .commentbox form .forminner label {
    display: block;
}
.widget-grid-news .content-widget .commentbox form .forminner input[type='text'], .widget-grid-news .content-widget .commentbox form .forminner input[type='email'], .widget-grid-news .content-widget .commentbox form .forminner textarea {
    border: 1px solid #dfe0e6;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 3px;
    outline:none;
}
.widget-grid-news .content-widget .commentbox form .forminner button {
    border: none;
    padding: 10px 25px;
    background: #000000;
    color: #fff;
    border-radius: 4px;
}

/* mobheader */
 
.mobbreaking{
    border-top: 1px solid #000;
    border-bottom: 1px solid #eee;
}
.mobbreaking .breakingnews{padding: 0;}


.commentbox{padding: 0;
    padding-bottom: 15px;}


/* mob menu */
.mobheader{
    border-top: 1px solid #000;
}
.mobheader .innermobmenu{        list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    width: 100%;}
.mobheader .innermobmenu ul{    list-style: none;
    padding: 0;
    margin: 0;}
.mobheader .innermobmenu ul li{   
    display: table-cell;
    position: relative;
}
.mobheader .innermobmenu ul li a{
    display: block;
    /* font-family: 'Noto Sans', sans-serif; */
    font-size: 16px;
    padding: 12px 8px;
    color: #000;
    font-weight: 600;
    font-family: 'Noto Sans', sans-serif;
    position: relative;
    z-index: 9;
    white-space: nowrap;
    }


/* ---------- SLIDE MENU  */


.categories-menu {
    width: 100%;
    /* position: fixed; */
    top: 0;
    right: -100%;
    /* height: 100%; */
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 999;
    transition: right 0.3s ease;
    /* overflow-y: scroll; */
    padding-bottom: 20%;
}

.categories-menu.show {
    right: 0;
}

.categories-menu .row{margin: 0;}
.categories-menu .categories-box {
    width: 100%;
    margin: 0;
}

.categories-menu .categories-box .categories-header-box {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 0 20px;
}

.categories-menu .categories-box .categories-header-box ul {
    padding: 10px 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    list-style: none;
    padding: 0;
}

.categories-menu .categories-box .categories-header-box ul li {
    font-size: 18px;
    font-weight: 500;
    color: #303030;
    padding: 10px 0;
}

.categories-menu .categories-box .categories-header-box ul li a {
    font-size: 16px;
    padding: 15px 0;
    display: block;
}

.categories-menu .categories-box .categories-header-box ul li a i {
    color: #b5b5b5;
}
.categories-menu .categories-box .categories-header-box ul li a.backcategory{
    font-size: 28px;
    padding: 0;
    /* color: #000; */
}
.categories-menu .categories-box .categories-header-box ul li a.backcategory i{
    color: #000;
}
 

.categories-menu .categories-box .categories-list-section ul {
    /* display: flex; */
    flex-direction: column;
    /* gap: 5px; */
    list-style: none;
    /* margin: 0; */
    padding: 0;
}

 

.categories-menu .categories-box .categories-list-section ul li a {
    display: block;
    gap: 10px;
    padding: 15px 15px;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    position: relative;
    color: #000;
}
.categories-menu .categories-box .categories-list-section ul li a img{
    width: 25px;
    margin-right: 10px;
}
.categories-menu .categories-box .categories-list-section ul li a i{
    position: absolute;
    right: 0;
    top: 20px;
    right: 20px;
    font-size: 18px;
}
 

.loading {
    font-weight: bold;
    color: #555;
    text-align: center;
    padding-top: 5%;
}

.spinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(0,0,0,0.2);
    border-top: 3px solid #000000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*CATEGORY LIST */

.listing-details-section {
    padding: 20px 15px 0px;
    padding-top: 8px;
    /* border-top: 1px solid #eee; */
    padding-bottom: 15%;
}

.listing-details-section .listing-details-box {display: flex;flex-direction: column;gap: 15px;width: 100%;margin: 10px 0px 20px;padding: 11px;border: 1px solid #ebebeb;box-shadow: 8px 20px 17px -15px #c1c1c1;border-radius: 12px;}

.listing-details-section .listing-details-box .listing-details-boxx {
    display: flex;
    align-items: start;
    gap: 15px;
}
.listing-details-section .listing-details-box .listing-img{width:100px;}
.listing-details-section .listing-details-box .listing-img img {
    width: 100%;
    border-radius: 10px;
}

.listing-details-section .listing-details-box .listing-details {
    /* padding: 0px 10px; */
    display: flex;
    flex-direction: column;
    gap: 5px;
}
 
.listing-details-section .listing-details-box .listing-details .listing-top ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

 

.listing-details-section .listing-details-box .listing-details .listing-top ul li svg {
    width: 45px;
}

.listing-details-section .listing-details-box .listing-details .listing-top ul li p {border: 1px solid #e4ebff;margin: 0;background: #f4f7ff;font-size: 10px;font-weight: 500;padding: 0 5px;height: 20px;display: flex;align-items: center;justify-content: center;gap: 3px;border-radius: 2px;white-space: nowrap;color: #111;}

.listing-details-section .listing-details-box .listing-details .listing-top ul li p svg {
    width: 14px;
}

 

.listing-details-section .listing-details-box .listing-details .listing-name h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #111;
}

.listing-details-section .listing-details-box .listing-details .listing-name h4 svg {
    width: 15px;
}

.listing-details-section .listing-details-box .listing-details .listing-rating {
    display: flex;
    align-items: center;
    gap: 10px;
}

 
.listing-details-section .listing-details-box .listing-details .listing-rating .listing-rating-star p {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    background: #007a0c;
    padding: 0 5px;
    color: #fff;
    height: 25px;
    border-radius: 5px;
    font-size: 14px;
}

.listing-details-section .listing-details-box .listing-details .listing-rating .listing-rating-star p svg {
    width: 15px;
    fill: #fff;
}

 
.listing-details-section .listing-details-box .listing-details .listing-rating .listing-rating-total p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #111;
}

 
.listing-details-section .listing-details-box .listing-details .listing-location p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #717171;
}

 
.listing-details-section .listing-details-box .listing-details .listing-experience p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #636363;
    margin: 0;
}

 
.listing-details-section .listing-details-box .listing-details .listing-review p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-size: 14px;
    padding-left: 20px;
    margin: 0;
    font-weight: 500;
    position: relative;
    color: #111;
}

 
.listing-details-section .listing-details-box .listing-details .listing-enquiry p {
    font-size: 14px;
    padding-left: 20px;
    margin: 0;
    font-weight: 500;
    position: relative;
    color: #111;
}

.listing-details-section .listing-details-box .listing-details .listing-enquiry p svg {
    position: absolute;
    left: 0;
    width: 18px;
}

 
.listing-details-section .listing-details-box .listing-details .listing-review p svg {
    width: 18px;
    position: absolute;
    left: 0;
}

 

.listing-details-section .listing-details-box .listing-buttons {
    width: 100%;
    overflow-x: scroll;
}

.listing-details-section .listing-details-box .listing-buttons::-webkit-scrollbar {
    height: 0px;
}

.listing-details-section .listing-details-box .listing-buttons::-webkit-scrollbar-track {
    background: transparent;
}

.listing-details-section .listing-details-box .listing-buttons::-webkit-scrollbar-thumb {
    background: transparent;
}

.listing-details-section .listing-details-box .listing-buttons ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.listing-details-section .listing-details-box .listing-buttons ul li {
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listing-details-section .listing-details-box .listing-buttons ul li.call {
    background: #0076d7;
    border: 1px solid #0076d7;
}

.listing-details-section .listing-details-box .listing-buttons ul li.call a {
    color: #fff;
}

 

.listing-details-section .listing-details-box .listing-buttons ul li a {
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

.listing-details-section .listing-details-box .listing-buttons ul li a svg {
    width: 18px;
}


/* */

.listing-details-section .listing-description-box {
    display: flex;
    gap: 20px;
}

.listing-details-section .listing-description-box .listing-name-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 80%;
}



.listing-details-section .listing-description-box .listing-name-box .listing-name h4 {font-size: 16px;font-weight: 600;margin: 0;color: #111;}

.listing-details-section .listing-description-box .listing-name-box .listing-name h4 svg {
    width: 20px;
}

.listing-details-section .listing-description-box .listing-name-box .listing-rating {
    display: flex;
    gap: 10px;
    align-items: center;
}


.listing-details-section .listing-description-box .listing-name-box .listing-rating .listing-rating-star p {
    margin: 0;
    display: flex;
    align-items: center;
    background: #007a0c;
    padding: 0 5px;
    color: #fff;
    height: 25px;
    border-radius: 5px;
    font-size: 14px;
}

.listing-details-section .listing-description-box .listing-name-box .listing-rating .listing-rating-star p svg {
    width: 15px;
    fill: #fff;
}


.listing-details-section .listing-description-box .listing-name-box .listing-rating .listing-rating-total p {margin: 0;font-size: 14px;font-weight: 500;color: #111;}


.listing-details-section .listing-description-box .listing-name-box .listing-location p {margin: 0;font-size: 14px;font-weight: 400;color: #111111;}


.listing-details-section .listing-description-box .listing-name-box .listing-experience p {margin: 0;font-size: 14px;font-weight: 400;color: #111111;margin: 0;}


.listing-details-section .listing-description-box .listing-name-box .listing-enquiry p {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    position: relative;
    color: #111;
}

.listing-details-section .listing-description-box .listing-name-box .listing-enquiry p svg {
    width: 20px;
}


.listing-details-section .listing-description-box .listing-img-box img {
    width: 100px;
    border-radius: 5px;
}

.listing-details-section .listing-button {
    position: relative;
    margin: 20px 0px;
    width: 100%;
    overflow-x: scroll;
}

.listing-details-section .listing-button ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: center;
    list-style: none;
}

.listing-details-section .listing-button ul li {/* width: 98px; */padding-right: 15px;}

 
.listing-details-section .listing-button ul li a{
    color: #000;
    display: block;
}
.listing-details-section .listing-button ul li a i{
    font-size: 18px;
    padding: 10px;
    background: #eee;
    width: 50px;
    border-radius: 25px;
    height: 50px;
    padding-top: 17px;
}
.listing-details-section .listing-button ul li a span{
    display: block;
    font-size: 13px;
}
 


.listing-details-section .listing-button::-webkit-scrollbar {
    height: 0px;
}

.listing-details-section .listing-button::-webkit-scrollbar-track {
    background: transparent;
}

.listing-details-section .listing-button::-webkit-scrollbar-thumb {
    background: transparent;
}


.menu-section {
    margin: 0 0 60px;
}

.menu-section .menu-section-box {
    width: 100%;
    overflow-x: scroll;
}

.menu-section .menu-section-box ul {
    display: inline-flex;
    align-items: center;
    flex-wrap: unset;
    border-bottom: 1px solid #f0f0f0;
    padding: 0px 10px;
}

.menu-section .menu-section-box ul li a {
    border-radius: unset;
    padding: 5px 10px;
    color: #111;
    transition: all .3s ease;
    border: 2px solid transparent;
    font-weight: 400;
    white-space: nowrap;
}

.menu-section .menu-section-box ul li a.active {
    background: unset;
    border-bottom: 2px solid #000;
    color: #111;
}

.menu-section .menu-section-box::-webkit-scrollbar {
    height: 0px;
}

.menu-section .menu-section-box::-webkit-scrollbar-track {
    background: transparent;
}

.menu-section .menu-section-box::-webkit-scrollbar-thumb {
    background: transparent;
}


.overview-box .business-summary {
    padding: 20px 20px 20px;
    border-bottom: 1px solid #eee;
}

.overview-box .business-summary h4.summary-heading {
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 500;
}

.overview-box .business-summary p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}

.overview-box .business-address {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
}

.overview-box .business-address h4.address-heading {
    color: #b7b7b7;
    /* font-size: 1rem; */
    /* font-weight: 500; */
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 500;
}

.overview-box .business-address p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.overview-box .overview-photos-box {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.overview-box .overview-photos-box .overview-photos-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overview-box .overview-photos-box .overview-photos-head h4 {  color: #b7b7b7;font-size: 16px;font-weight: 500;margin: 0;}


.overview-box .overview-photos-box .overview-photos {
    display: flex;
    /* align-items: center; */
    gap: 6px;
    /* gap: 10px; */
    width: 100%;
    /* flex-direction: row-reverse; */
    flex-wrap: wrap;
    justify-content: space-between;
}

.overview-box .overview-photos-box .overview-photos .overview-img {width: 20%;flex: 0 0 auto;/* width: 79px; */  /* adjust size *//* border: 1px solid #ccc; *//* border-radius: 6px; *//* overflow: hidden; */}
.overview-box .overview-photos-box .overview-photos .overview-img img {
    width: 100%;
    border-radius: 10px;
}

.overview-box .overview-information {
    padding: 20px 20px 20px;
    border-bottom: 1px solid #eee;
}

.overview-box .overview-information .overview-information-head h3 {
 
    margin: 0;
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 500;
}

.overview-box .overview-information .overview-information-sub-head {
    padding: 25px 0px 0px;
}

.overview-box .overview-information .overview-information-sub-head h4 {
    font-size: 14px;
    margin: 0 0 5px;
    color: #000;
    font-weight: 600;
}

.overview-box .overview-information .overview-information-sub-head a {
    color: #000000;
    font-weight: 400;
}
.overview-box .overview-information .overview-information-sub-head.sociallinks a{
    display: inline-block;
    width: 40px;
    border: 1px solid #000;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    margin-top: 8px;
    margin-right: 5px;
    border-radius: 4px;
    }

.overview-service {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
}


.overview-service .overview-service-head h4 {
    color: #111;
    /* font-size: 1rem; */
    /* font-weight: 500; */
    /* letter-spacing: 0.8px; */
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
}

.overview-service .overview-service-head ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.overview-service .overview-service-head ul li {
    position: relative;
    flex-basis: 50%;
    flex-shrink: 0;
    flex-grow: 1;
    color: #111;
    padding: 0 0 10px 25px;
}

.overview-service .overview-service-head ul li a {
    color: #111;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.overview-service .overview-service-head ul li a svg {
    width: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}

.overview-box .overview-review {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
}

.overview-box .overview-review-box {
    
    width: 100%;
}

.overview-box .overview-review .overview-review-head {
    margin: 0 0 20px;
}

.overview-box .overview-review .overview-review-head h4 {
    color: #111;
    font-size: 1rem;
    font-weight: 500;
    /* letter-spacing: 0.8px; */
    margin: 0 0 10px;
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 500;
}

.overview-box .overview-review .overview-review-box {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: scroll;
}

.overview-box .overview-review .overview-review-box::-webkit-scrollbar {
    height: 0px;
}

.overview-box .overview-review .overview-review-box::-webkit-scrollbar-track {
    background: transparent;
}

.overview-box .overview-review .overview-review-box::-webkit-scrollbar-thumb {
    background: transparent;
}

.overview-box .overview-review .overview-review-box .overview-review-box-details {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: solid 1px #eee;
    background-color: #fff;
    padding: 16px;
    flex-shrink: 0;
    flex-basis: 245px;
    gap: 5px;
}

.overview-box .overview-review .overview-review-box .overview-review-box-details .overview-review-name-box {
    display: flex;
    gap: 10px;
}

 
.overview-box .overview-review .overview-review-box .overview-review-box-details .overview-review-name-box .overview-review-img img {
    width: 70px;
}
 
.overview-box .overview-review .overview-review-box .overview-review-box-details .overview-review-name-box .overview-review-name p {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    margin: 0;
    background: #efefef;
    padding: 3px 8px;
    border-radius: 3px;
}

 

.overview-box .overview-review .overview-review-box .overview-review-box-details .overview-description p {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    margin: 0;
    letter-spacing: 0.3px;
}

.overview-box .overview-review .overview-review-box .overview-review-box-details .overview-description span {
    font-size: 12px;
    font-weight: 400;
    color: #686868;
    margin: 0;
}

.overview-box .overview-review-write-box {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
}


.overview-review-write a {
    border: 1px solid #000000;
    color: #000000;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
}
.menu-section .menu-section-box ul li.active a{
    background: none;
    color: #000;
    border-bottom: 2px solid #000000;
}
.menu-section .menu-section-box ul li:focus a{background: none;}

/* Review Box */

.review-write-section {
    background: #fff;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    padding: 0px 0px;
    transition: all .3s ease;
    overflow: scroll;
}

.review-write-section.show {
    right: 0;
}

.review-write-section .review-write-section-box {
    width: 100%;
    padding: 0;
}

.review-write-section .review-write-section-box .review-star-section {
    width: 100%;
    margin: 0 0 5px;
    padding: 0px 15px;
}

.review-write-section .review-write-section-box .review-star-section ul {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

 

.review-write-section .review-write-section-box .filtermenu-header-box ul .write-review-heading-top {
    text-align: center;
    width: 100%;
    list-style: none;
}
 

.review-write-section .review-write-section-box .review-star-section ul li a svg {
    width: 25px;
}

.review-write-section .review-write-section-box .review-star-section ul li a svg rect {
    fill: #d5d5d5;
}

.review-write-section .review-write-section-box .review-star-section ul li a svg.review-done rect {
    fill: #ff6c00;
}

.review-write-section .review-write-section-box .review-star-section ul li a svg path {
    fill: #fff;
}
.review-write-section .review-write-section-box .review-star-section ul li a.active svg rect{ fill: #ff6c00;}

.review-write-section .review-write-section-box .filtermenu-header-box {
    border-bottom: 1px solid #eee;
    width: 100%;
    margin: 0 0 10px;
}
.review-write-section .review-write-section-box .messagebox .innerbox{padding: 15px;}
.review-write-section .review-write-section-box .filtermenu-header-box ul {
    padding: 10px 10px;
    margin: 0;
    display: flex;
    align-items: center;
}

.review-write-section .review-write-section-box .filtermenu-header-box ul li {
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

.review-write-section .review-write-section-box .filtermenu-header-box ul li a {
    font-size: 16px;
    color: #303030;
}

.review-write-section .review-write-section-box .review-write-box {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 15px 10px 15px;
}

.review-write-section .review-write-section-box .review-write-box form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.review-write-section .review-write-section-box .review-write-box form .review-write {
    display: flex;
    flex-direction: column;
}

.review-write-section .review-write-section-box .review-write-box form .review-write label {
    font-size: 14px;
    font-weight: 500;
}

.review-write-section .review-write-section-box .review-write-box form .review-write textarea {
    width: 100%;
    border: 1px solid #b3b3b3;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    outline: unset;
}

.review-write-section .review-write-section-box .review-write-box form .review-write textarea::placeholder {
    color: #626262;
    font-weight: 400;
}

 

.review-write-section .review-write-section-box .review-write-box form .review-img label {
    font-size: 14px;
    font-weight: 500;
}

.review-write-section .review-write-section-box .review-write-box form .review-img label .upload-img-icon {
    padding: 15px;
    border: 1px dashed #0076d7;
    margin: 10px 0px 0px;
    width: max-content;
}

.review-write-section .review-write-section-box .review-write-box form .review-img label .upload-img-icon svg {width: 50px;}

.review-write-section .review-write-section-box .review-write-box form .review-img input[type=file] {
    display: none;
}

.review-write-section .submit-review-btn {
    
    width: 100%;
    
}

 
.review-write-section .submit-review-btn button {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #f14251;
    color: #fff;
    font-size: 16px;
}


/* upload popup */
.photo-upload-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 1000;
}

.photo-upload-popup {
    position: fixed;
    top: 0;
    left: 0;
    /* transform: translate(-50%, -50%) scale(0.9); */
    /* background: #fff; */
    padding: 20px;
    border-radius: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 1001;
    /* padding-top: 2%; */
    bottom: 0;
}

.photo-upload-popup.show,
.photo-upload-popup-overlay.show {
    opacity: 1;
    visibility: visible;
}

 

.popup-header {
 
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}
.popup-header h4{
    text-align: CENTER;
    font-size: 20px;
    margin: 0;
}
.close-popup {
    cursor: pointer;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: -10px;
    display: inline-block;
    color: #eee;
}
.upload-form {
    max-width: 400px;
    margin: 40px auto;
    padding: 20px 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', sans-serif;
}

.upload-form h3 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    text-align: center;
}

.custom-file-input {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}

.custom-file-input input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
}

.file-label {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    background-color: #f0f0f0;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 14px;
    color: #555;
}

.file-label:hover {
    background-color: #e0e0e0;
}

.upload-btn {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    border: none;
    color: #fff;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.upload-btn:hover {
    background-color: #0056b3;
}

.progress {
    margin-top: 15px;
    width: 100%;
    background-color: #eee;
    border-radius: 20px;
    overflow: hidden;
    height: 10px;
    display: none;
}

.progress-bar {
    height: 100%;
    background-color: #28a745;
    width: 0%;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    transition: width 0.3s ease;
}
.image-preview img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-popup-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9998;
  }
  
  .image-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    z-index: 9999;
    /* background: #fff; */
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .image-popup .close-btn{position: absolute;
    right: 0;
    font-size: 26px;
    color: #fff;
    top: 0;}
  .image-popup img.popup-img {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 0;
  }
 
  .image-popup .nav-buttons button{
    display: inline-block;
    border: none;
    width: 40px;
    margin-top: 5px;
    height: 40px;
    border-radius: 50%;
    font-size: 19px;
}

/* refer earn */

.referearn-section {
    background: linear-gradient(174deg, #4f04c1, #8706f780);
    /* height: 320px; */
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 20px 0px 28px;
    position: relative;
    /* z-index: 0; */
    padding-bottom: 10px;
}

.referearn-section .referearnbox {display: flex;flex-direction: column;gap: 15px;align-items: center;width: 100%;position: relative;}
 

.referearn-section .referearnbox .referhead h5 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.referearn-section .referearnbox .refericonbox {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 90%;
}

 
.referearn-section .referearnbox .refericonbox .icon img {
    width: 80px;
}

.referearn-section .referearnbox .refericonbox .points {
    text-align: center;
}

.referearn-section .referearnbox .refericonbox .points p {
    margin: 0;
    color: #fff;
    font-size: 12px;
}

.referearn-section .referearnbox .referpara {
    width: 80%;
}

.referearn-section .referearnbox .referpara p {
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    margin: 0;
}

.referearn-section .referearnbox .refericonbox .refericonnbox {
    padding: 5px 5px;
    background: #a247ff;
    /* box-shadow: -2px 3px 10px rgb(69 8 131); */
    border-radius: 5px;
    width: 33%;
}

.referearn-section .referearnbox .refericonbox .icon h4 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    margin-top: 5px;
}

.referearn-section .referearnbox .refercodebox {
    display: flex;
    /* border: 1px dashed #c64afb; */
    background: #8b09fd;
    width: 90%;
    padding: 4px;
    border-radius: 3px;
    align-items: center;
    gap: 20px;
}

.referearn-section .referearnbox .refercodebox .refercode {
    /* border-right: 1px solid #ffffff36; */
    padding: 0 0;
    text-align: center;
    width: 100%;
    display: flex;
    gap: 0;
}

.referearn-section .referearnbox .refercodebox .refercode p {
    margin: 0;
    color: #ffffff;
    width: 90%;
    font-size: 15px;
    padding-top: 6px;
}

.referearn-section .referearnbox .refercodebox .refercode h5 {
    color: #8b09fd;
    font-size: 16px;
    margin: 0;
    width: 10%;
    background: #ffffff;
    border-radius: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.referearn-section .referearnbox .refercodebox .refercoderight {
    color: #e3abfd;
    text-align: center;
    font-size: 12px;
}

.referearn-section .referearnbox .sharetext {
    margin: 0 0 20px;
}

.referearn-section .referearnbox .sharetext p {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.referearn-section .referearnbox .sharebox {
    position: absolute;
    right: 0px;
    bottom: -25%;
    z-index: 99;
}

.referearn-section .referearnbox .sharebox ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

 
.referearn-section .referearnbox .sharebox ul li a {
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 110px;
    font-size: 16px;
}

 

.referearn-section .referearnbox .sharebox ul li a span svg {
    width: 20px;
    fill: #fff;
}


.referearn-section .referearnbox .sharebox ul li a.telegram {
    background: #0ea4d7;
    box-shadow: 0 0 10px rgb(35 158 218);
}

.referearn-section .referearnbox .sharebox ul li a.facebook {
    background: #0272f8;
    box-shadow: 0 0 10px rgb(14 111 245);
}

.referearn-section .referearnbox .sharebox ul li a.whatsapp {
    background: #1dac00;
    box-shadow: 0 0 10px rgb(139 220 123);
}

/* point history */

.point-history {
    margin: 0;
    padding-bottom: 30%;
}

.point-history .point-history-box {
    /* width: 100%; */
    padding: 20px;
}

.point-history .point-history-box .point-history-heading {
    padding: 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
}

.point-history .point-history-box .point-history-heading h4 {
    color: #000;
    margin: 0;
    font-size: 16px;
}

.point-history .point-history-box .point-historbox {
    width: 100%;
}

 
.point-history .point-history-box .point-historbox .profile-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0 0 10px rgb(155 155 155 / 36%);
    padding: 10px 20px;
    margin: 10px 0px;
}

.point-history .point-history-box .point-historbox .profile-box .name {
    float: left;
    width: 45%;
}

.point-history .point-history-box .point-historbox .profile-box .name h4 {
    margin: 0;
    font-size: 14px;
}

.point-history .point-history-box .point-historbox .profile-box .name p.date {
    margin: 0;
    font-size: 10px;
    color: #898989;
}

.point-history .point-history-box .point-historbox .profile-box .points {
    float: right;
    width: 30%;
    text-align: right;
}

.point-history .point-history-box .point-historbox .profile-box .points p {
    margin: 0;
    color: #fe7a3f;
    font-weight: 700;
    font-size: 14px;
}
.point-history .point-history-box .point-historbox .profile-box .business-category {
    width: 20%;
    text-align: center;
}

.point-history .point-history-box .point-historbox .profile-box .business-category p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
}

.point-history .point-history-box .point-history-heading p {
    margin: 0;
    color: #ff712e;
    font-weight: 700;
}

.point-history .point-history-box nav{}
.point-history .point-history-box nav a{display: inline-block;
    padding: 5px 10px;
    background: #eee;
    border-radius: 3px;
    color: #000;
    margin-top: 10px;
    margin-right: 7px;}
.point-history .point-history-box nav span{
    display: inline-block;
    padding: 5px 10px;
    background: #eee;
    border-radius: 3px;
    color: #bcbcbc;
    margin-top: 10px;
    margin-right: 7px;
    }

.point-history-heading.total-rewards {
    justify-content: space-between!important;
    border-bottom: 1px solid #ff722e;
    margin: 0 0 10px;
}

.point-history-heading.total-rewards .redembox {
    display: flex;
    gap: 5px;
}

.point-history-heading.total-rewards a {color: #000;font-weight: 500;}

.point-history .point-history-box .point-history-heading.total-rewards h4 {
    font-size: 16px;
}

.point-history-heading.total-rewards p {
    font-size: 16px;
}

.point-history-heading.total-rewards a {
    font-size: 16px;
}

.point-history .point-history-box nav div{    display: flex
;
    justify-content: space-between;}

#addCategoryBtn{border-radius: 3px;
    border: none;
    background: #939393c7;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px;}

    .widget-page{
    border-top: 1px solid #eee;
    padding: 30px 0;
    padding-bottom: 20%;
    padding-top: 0;
}
  
    .widget-page .head h3{
    margin: 0;
    text-align: CENTER;
    /* border-bottom: 1px solid #eee; */
    padding-bottom: 15px;
}
    .widget-page .content{
    padding: 0 5%;
    background: #eeeeee33;
    border-radius: 6px;
}

.earnsocialmedia{
    display: flex;
    gap: 20px;
}
.earnsocialmedia a{
    color: #fff;
    display: grid;
    font-size: 18px;
    border: 1px solid #eee;
    width: 30px;
    height: 30px;
    text-align: CENTER;
    border-radius: 2px;
    padding-top: 5px;
}
 
.earnsocialmedia a svg{
    width: 20px;
    fill: #fff;
    display: inline;
}
.earnsocialmedia a.xtwit{
    padding-left: 5px;
}


.listingofferbox{display: flex;padding-top: 10px;gap: 10px;}
.listingofferbox button{width: 100%;padding: 12px;border-radius: 8px;border: none;background: #2196F3;color: #fff;font-size: 16px;}
 
.offerlists ul{
    padding: 0;
    list-style: none;
}
.offerlists ul li{
    display: flex;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid #dbdbdb;
}
.offerlists ul li .offerimage{
    display: grid;
    width: 30%;
}
.offerlists ul li .offerimage img{
    width: 100%;
    border-radius: 5px;
}
.offerlists ul li .offerdetail{
    position: relative;
    /* display: grid; */
    text-align: left;
    width: 70%;
}
.offerlists ul li .offerdetail h3{
    margin: 0;
    font-size: 16px;
    margin-bottom: 6px;
    color: #000;
}
.offerlists ul li .offerdetail .offertag{
    display: inline-block;
    font-size: 10px;
    background: #eee;
    padding: 2px 12px;
    border-radius: 12px;
    color: #5c5858;
    margin-bottom: 5px;
}
.offerlists ul li .offerdetail .offertag.offeractive{
    background: #4caf503b;
    color: #4CAF50;
}
.offerlists ul li .offerdetail .offertag.inactive{
    background: #ffc10745;
    color: #FFC107;
}
.offerlists ul li .offerdetail .offertag.expireoffer{
    background: #ff070745;
    color: #ff0707;

}
.offerlists ul li .offerdetail .offerdate{
    display: block;
    font-size: 10px;
    margin-bottom: 7px;
}
.offerlists ul li .offerdetail .sharebtn{
    display: inline-block;
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: #000;
}
.offerlists ul li .offerdetail .sharebtn i{margin-right: 5px;}
.offerlists ul li .offerdetail .btntoggle{
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: none;
    color: #000;
}

.widget-offer-form{
    padding: 30px 0;
    padding-bottom: 20%;
}
 
.widget-offer-form .innerform form .select-label-image{
    text-align: CENTER;
    background: #e8f5ff;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 5px;
    position: relative;
}
.widget-offer-form .innerform form .select-label-image label{
    display: block;
    border: 1px dashed #2196F3;
    padding: 15px;
    border-radius: 5px;
}
.widget-offer-form .innerform form .select-label-image label input{
    position: absolute;
    opacity: 0;
}
.widget-offer-form .innerform form .select-label-image label .iconimg{
    display: block;
}
.widget-offer-form .innerform form .select-label-image label .iconimg i{
    font-size: 40px;
    color: #2196F3;
}
.widget-offer-form .innerform form .select-label-image label .iconimg span{
    display: block;
    font-weight: 100;
    color: #2196F3;
    margin-top: 5px;
    margin-bottom: 5px;
}
.widget-offer-form .innerform form .select-label-image label p{
    font-weight: 100;
}
.widget-offer-form .innerform form .selectimage{display: none;position: relative; margin-bottom: 20px;}
.widget-offer-form .innerform form .selectimage button{
    position: absolute;
    right: 10px;
    background: #000;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    color: #fff;
    border: none;
    top: 10px;
}
.widget-offer-form .innerform form .selectimage img{width: 100%; border-radius: 10px;}
.widget-offer-form .innerform form .formlabel{
    padding-bottom: 20px;
}
.widget-offer-form .innerform form .formlabel label{
    /* padding-top: 20px; */
    width: 100%;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
    position: relative;
    padding-top: 20px;
}
.widget-offer-form .innerform form .formlabel label span{
    font-weight: 100;
    position: absolute;
    top: -10px;
    padding: 0 10px;
    background: #fff;
}
.widget-offer-form .innerform form .formlabel label input{
    border: none;
    width: 100%;
    outline: none;
}
 .widget-offer-form .innerform form .formlabel label select{
    border: none;
    width: 100%;
    outline: none;
}
.widget-offer-form .innerform form .formlabel label.datebox input{
    font-weight: 200;
    outline: none;
    background: none;
    width: 100%;
    height: 30px;
}
.widget-offer-form .innerform form .formlabel label.datebox i{
    position: absolute;
    right: 18px;
    background: #fff;
    top: 28px;
}
.widget-offer-form .innerform form .formlabel label textarea{
    width: 100%;
    border: none;
    outline: none;
}
.widget-offer-form .innerform form .formbtn{
    display: flex;
    gap: 10px;
}
.widget-offer-form .innerform form .formbtn button[type='button']{
    color: #2196F3;
    display: grid;
    width: 50%;
    padding: 10px;
    border: 1px solid #2196F3;
    border-radius: 5px;
    background: none;
}
.widget-offer-form .innerform form .formbtn button[type='submit']{
    width: 50%;
    color: #fff;
    display: grid;
    width: 50%;
    padding: 10px;
    border: 1px solid #2196F3;
    border-radius: 5px;
    background: #2196F3;
}

/* offer preview popup */
.popupofferpreview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .popupofferpreview .popup-content {
    background: white;
    padding: 2rem;
    border-radius: 0;
    transform: scale(0.95);
    transition: transform 0.3s ease;
  }
  
  .popupofferpreview.show {
    opacity: 1;
    pointer-events: all;
  }
  
  .popupofferpreview.show .popup-content {
    transform: scale(1);
  }
  
  .popupofferpreview.hidden {
    display: none;
  }
  
  .popupofferpreview .close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 24px;
    cursor: pointer;
    background: #fff;
    background: #ffffffd9;
    opacity: 1;
    padding: 0 4px;
    color: #0c0c0c;
    border-radius: 5px;
  }

   
  .popupofferpreview.show .popup-content .innerimage figure img{
    width: 100%;
}
  
  .popupofferpreview.show .popup-content .innerimage span.previewofferstartdate, .popupofferpreview.show .popup-content .innerimage span.previewoffercouponcode, .popupofferpreview.show .popup-content .innerimage span.previewofferdescription, .popupofferpreview.show .popup-content .innerimage span.previewofferterms{
    display: block;
}
.newsnav{
    padding: 0;
}

.newsnav nav div a,.newsnav nav div span{
    display: inline-block;
    padding: 10px 20px;
    background: #f5f5f5;
    color: #000;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    width: 130px;
    font-weight: 500;
}
 
.widget-news-mainmenu .innernav::-webkit-scrollbar {
    height: 2px; /* sets scrollbar thickness (height for horizontal) */
  }
  
  .widget-news-mainmenu .innernav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  .widget-news-mainmenu .innernav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
  }
  
  .widget-news-mainmenu .innernav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .widget-grid-news .content-widget .posttags a {
    display: inline-block;
    border: 1px solid #eee;
    padding: 7px 12px;
    border-radius: 2px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-transform: capitalize;
    color: #000;
}
  .widget-grid-news .content-widget .posttags a:hover {
    border-color: #8d8d8d;
    background: #8d8d8d;
    color: #fff;
}

.homelisting{
    padding-bottom: 0;
    padding-top: 30px;
}
.homelisting .listing-details-box{
    padding: 0 15px;
    padding-bottom: 15px;
}
.homelisting .headbox{
    padding-bottom: 15px;
}
.homelisting .headbox h3{position: relative;
    margin: 0;
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: 500;
    color: #000000;
    text-transform: capitalize;}
.homelisting .headbox h3:before{    content: "";
    position: absolute;
    width: 70px;
    height: .5px;
    background: #ec1c24;
    bottom: 0;}

.homelisting .innerlisting{
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    width: 100%;
}
.homelisting .innerlisting ul{
    padding: 0;
}
.homelisting .innerlisting ul li{
    display: table-cell;
}
.homelisting .innerlisting ul li .getbx{
    border-radius: 15px;
    display: flex;
    gap: 10px;
    padding: 5px;
    width: 340px;
    border: 1px solid #ebebeb;
    box-shadow: -1px 13px 17px -15px #c1c1c1;
    margin-right: 10px;
}
.homelisting .innerlisting ul li .getbx figure{
    width: 100px;
}
.homelisting .innerlisting ul li .getbx figure img{
    width: 100%;
    border-radius: 10px;
}
.homelisting .innerlisting ul li  .getbx .detailbox{
    width: calc(100% - 100px);
    padding-right: 10px;
}
.homelisting .innerlisting ul li  .getbx .detailbox h3{
    margin: 0;
    font-size: 16px;
}
.homelisting .innerlisting ul li  .getbx .detailbox p{font-size: 12px;}
.homelisting .innerlisting ul li  .getbx .detailbox a.whatsappbtn{
    display: inline-block;
    display: inline-block;
    background: #4CAF50;
    padding: 7px 10px;
    border-radius: 5px;
    border: none;
    color: #fff;
    position: relative;
    padding-left: 30px;
    box-shadow: 0px 15px 10px -15px #4caf50;
}
.homelisting .innerlisting ul li  .getbx .detailbox a.callbtn{
    display: inline-block;
    background: #2196F3;
    padding: 7px 10px;
    border-radius: 5px;
    border: none;
    color: #fff;
    position: relative;
    padding-left: 30px;
    box-shadow: 0px 15px 10px -15px #2196f3;
}
.homelisting .innerlisting ul li  .getbx .detailbox a.callbtn svg{
    fill: rgb(255, 255, 255);
    width: 15px;
    margin-right: 3px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.homelisting .innerlisting ul li  .getbx .detailbox a.whatsappbtn svg{
    fill: rgb(255, 255, 255);
    width: 25px;
    fill: rgb(255, 255, 255);
    width: 20px;
    margin-right: 3px;
    position: absolute;
    top: 7px;
    left: 8px;
}
.homelisting .innerlisting ul li  .getbx .detailbox a svg path{fill: rgb(255, 255, 255);}

.subcriptionbox{
    color: #a94442;
    background-color: #f2dede;
    /* border-color: #ebccd1; */
    padding: 15px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding-bottom: 9%;
    display: block;
    margin-bottom: -7px;
}

.subcriptionbox .pricetag{
    font-size: 30px;
    font-weight: 600;
}

.subcriptionarea .razorpay-payment-button{
    margin-top: -17px;
    border-radius: 50px;
    background: #a94442;
}

.btnchoosecoupon{
    width: 100%;
    padding: 15px;
    border: 2px dashed #2196F3;
    background: #2196f33b;
    border-radius: 7px;
    font-size: 16px;
    color: #2196F3;
}
.btnchoosecoupon i{
    margin-right: 4px;
}
.btnchoosecoupon span{}

/* COUPON POPUP */
.couponpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
  }
  
  .couponpopup-content {
    background: #fff;
    padding: 0;
    border-radius: 0;
    transform: scale(0.9);
    transition: transform 0.3s ease;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  
  .couponpopup.show {
    opacity: 1;
    visibility: visible;
  }
  
  .couponpopup.show .couponpopup-content {
    transform: scale(1);
  }
  
  .couponpopup .close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #000;
  }
  .couponpopup-content .popuphead{
    background: #fff;
}
  .couponpopup-content .popuphead h3{
    margin: 0;
    background: #ffffff;
    padding: 20px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
}
.couponpopup-content .popuplists{
    position: absolute;
    padding: 10px;
    /* background: #eee; */
    bottom: 0;
    overflow-y: scroll;
    padding-bottom: 20%;
    margin: 0;
    left: 0;
    right: 0;
    top: 65px;
}
.couponpopup-content .popuplists ul{
    padding: 0;
}
.couponpopup-content .popuplists ul li{
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    /* height: 200px; */
}
.couponpopup-content .popuplists ul li .innerbox{display: flex;gap: 10px;}
.couponpopup-content .popuplists ul li .innerbox figure{width: 110px;}
.couponpopup-content .popuplists ul li .innerbox figure img{width: 100%;border-radius: 10px;}
.couponpopup-content .popuplists ul li .innerbox .coupondet{width: calc(100%-110px);}
.couponpopup-content .popuplists ul li h3{
    margin: 0;
    font-weight: 600;
    color: #000;
    margin-bottom: 2px;
}
.couponpopup-content .popuplists ul li .endtxt{
    display: block;
}

.coupon-item.selected {
    background-color: #d4edda;
    border-color: #28a745;
  }
  
  .coupon-item.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
.buttonbox{
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #fff;
    padding: 10px;
    width: 100%;
    display:none;
}
.buttonbox button{
    padding: 10px;
    border-radius: 5px;
    background: #2196F3;
    border: none;
    color: #fff;
    width: 100%;
}

/* delete popup */
#confirmDialog{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    padding: 8%;
    text-align: center;
}
#confirmDialog p{
    text-align: center;
    font-size: 15px;
}
#confirmDialog #confirmYes{
    display: inline-block;
    padding: 7px 25px;
    background: #cbcbcb30;
    border: none;
    border-radius: 3px;
    color: #5e5e5e;
}
#confirmDialog #confirmNo{
    display: inline-block;
    padding: 7px 25px;
    background: #000000c2;
    border: none;
    border-radius: 3px;
    color: #ffffff;
}

#searchModal{
    display: none; position: fixed; top: 0; left: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999;
}
#searchModal .innerbox{/* background: #fff; */width: 100%;margin: 0;padding: 20px;position: relative;border-radius: 0;}
#searchModal .innerbox form{}
#searchModal .innerbox form label{
    width: 100%;
    position: relative;
    padding: 5px;
    /* border: 1px solid #eee; */
    border-radius: 3px;
}
#searchModal .innerbox form label input{
    width: 100%;
    border: none;
    padding: 10px;
    outline: none;
    border-radius: 20px;
}
#searchModal .innerbox form  label button{
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    font-size: 18px;
    top: 10px;
}
.widget-search-panel{padding: 10px 0;border-bottom: 1px solid #eee;}
.widget-search-panel .innerbox{}
.widget-search-panel form label{ width: 100%;
    position: relative;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;}
.widget-search-panel form label input{ width: 100%;
    border: none;
    padding: 10px;
    outline: none;}
.widget-search-panel form label button{   position: absolute;
    right: 8px;
    background: none;
    border: none;
    font-size: 18px;
    top: 10px;}
    
.adsbox{
    /* float: left; */
    /* overflow-x: auto; */
    /* overflow-y: hidden; */
    /* box-sizing: border-box; */
    /* width: 100%; */
    padding: 15px;
    }    
.adsbox ul{padding: 0;}    
.adsbox ul li{display: table-cell;}    
.adsbox ul li img{width: 100%;border-radius: 10px;margin-right: 14px;}    
   
   
.countbox{display:flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-evenly;margin-top: 15px;gap: 15px;}   
.countbox span{width: 100%;display: block;text-align: center;padding: 10px;background: #2196f321;font-size: 17px;color: #2196f3;border-radius: 2px;}   
.countbox span i{}   
.pdfbox{}   
.pdfbox button{
    display: block;
    width: 100%;
    margin-top: 11px;
    padding: 13px;
    border: none;
    background: #2092ec;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
}   
.pdfbox button i{}   
   
 .formdata {
  display: -webkit-flex;  /* ✅ iOS Safari support */
  display: flex;
  gap: 8px;
  padding: 12px;
  border: 1px solid #ddd;
  margin-top: 15px;
  border-radius: 6px;
  box-sizing: border-box;
}

.formdata input[type="date"] {
  flex: 1;                        /* ✅ Equal width on all devices */
  padding: 10px 0;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-appearance: none;       /* ✅ Remove iOS default style */
}

.formdata button {
  flex: 0 0 30%;                  /* ✅ Fixed button width */
  padding: 10px;
  font-size: 16px;
  color: #fff;
  background: #4CAF50;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;       /* ✅ Prevent iOS button styling */
}
 
 
.wishesbox{
    padding-top: 15px;
} 
.wishesbox ul{padding:0; list-style:none;} 
.wishesbox ul li{} 
.wishesbox ul li .wishimage{position:relative;border: 1px solid #eee;border-radius: 10px;overflow: hidden;} 
.wishesbox ul li .wishimage:before{position:absolute;content:"";/* background: #000; */background: linear-gradient(to bottom, #ffffff00, #000000bf);left: 0;right: 0;bottom: 0;top: 0;} 
.wishesbox ul li .wishimage img{width:100%;} 
.wishesbox ul li .wishimage span{
    position: absolute;
    z-index: 1;
    color: #fff;
    bottom: 3%;
    left: 3%;
    right: 3%;
    font-size: 18px;
} 
   
.locationbox{
    padding-right: 0;
    padding-top: 5px;
    /* width: 40%; */
    text-align: right;
}   
 .locationbox button{border: none;
    background: none;
    color: #000;}
   #map { height: 250px; width: 100%; margin: 0; padding: 0; margin-top:15px; }
   
.widget-offer-grid{
    padding-top: 15px;
}   
.widget-offer-grid .head{}   
.widget-offer-grid .head h3{position: relative;
    margin: 0;
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: 500;
    color: #000000;
    text-transform: capitalize;} 
    .widget-offer-grid .head h3:before{content: "";
    position: absolute;
    width: 70px;
    height: .5px;
    background: #ec1c24;
    bottom: 0;}
.widget-offer-grid .innerbox{
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    width: 100%;
    padding-top: 15px;
    }   
.widget-offer-grid .innerbox ul{    padding: 0;}   
.widget-offer-grid .innerbox ul li{display: table-cell;padding-right: 8px;}   
.widget-offer-grid .innerbox ul li .bxbox{/* display: flex
; */gap: 10px;width: 250px;padding: 15px;border: 1px solid #eee;box-shadow: 0px 15px 10px -15px #c6c6c6;border-radius: 7px;}   
.widget-offer-grid .innerbox ul li .bxbox h3{
    font-size: 17px;
    margin: 0;
    position: relative;
    padding-right: 40%;
    height: 40px;
    font-weight: 500;
}   
.widget-offer-grid .innerbox ul li .bxbox h3 span{
    position: absolute;
    right: 0;
    background: #F44336;
    padding: 4px 10px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    top: 0;
}   
.widget-offer-grid .innerbox ul li .bxbox button{
    background: #4CAF50;
    padding: 7px 10px;
    border-radius: 5px;
    border: none;
    color: #fff;
    position: relative;
    box-shadow: 0px 15px 10px -15px #4CAF50;
    width: 100%;
    margin-top: 12px;
}   
.widget-offer-grid .wishhomebox{ float: left;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    width: 100%;
    padding-top: 15px;}
.widget-offer-grid .wishhomebox ul{ padding: 0;}
.widget-offer-grid .wishhomebox ul li{display: table-cell;padding-right: 8px;}
.widget-offer-grid .wishhomebox ul li .wishimage{gap: 10px;width: 150px;padding: 15px;border: 1px solid #eee;box-shadow: 0px 15px 10px -15px #c6c6c6;border-radius: 7px;}
.widget-offer-grid .wishhomebox ul li .wishimage img{width:100%; border-radius:10px;}
.widget-offer-grid .wishhomebox ul li .wishimage span{font-size: 17px;
    margin: 0;
    position: relative;
    display:block;
    font-weight: 500;}
   
   .widget-offer-grid .wishhomebox ul li .wishbx{padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0px 15px 10px -15px #c6c6c6;
    border-radius: 7px;}
   .widget-offer-grid .wishhomebox ul li .wishbx button{background: #4CAF50;
    padding: 7px 10px;
    border-radius: 5px;
    border: none;
    color: #fff;
    position: relative;
    box-shadow: 0px 15px 10px -15px #4CAF50;
    width: 100%;
    margin-top: 12px;}
   
   .bckbtn{display: inline-block;
    background: #2196F3;
    padding: 7px 20px;
    border-radius: 5px;
    border: none;
    color: #fff;
    position: relative;
    
    box-shadow: 0px 15px 10px -15px #2196f3;}
     #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #ffffff; */ /* background color */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }

  /* Spinner animation */
  .spinner {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #ec1c24; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  /* Hide loader smoothly */
  #loader.fade-out {
    opacity: 0;
    visibility: hidden;
  }
  
  
  .catbox{}
  .catbox span{
    display: inline-block;
    padding: 5px 11px;
    background: #2196f33d;
    border-radius: 4px;
    color: #fff;
    margin-top: 8px;
    font-size: 11px;
    color: #2196F3;
}
  
.currentlocationbtn{    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 9px;
    border: none;
    background: #2196F3;
    color: #fff;
    margin-top: 10px;
    box-shadow: 0px 15px 10px -15px #2196F3;}  
  
 .widget-redeem{
    padding: 30px 0;
    border-top: 1px solid #eee;
} 
 .widget-redeem .frmbox{} 
 .widget-redeem .frmbox label{
    display: block;
    position: relative;
    margin-top: 7px;
    box-shadow: 0px 15px 10px -15px #c6c6c6;
} 
 .widget-redeem .frmbox label input{
    width: 100%;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #eee;
    outline: none;
    padding-right: 60px;
} 
 .widget-redeem .frmbox span{
    text-transform: uppercase;
    letter-spacing: 1px;
} 
 .widget-redeem .frmbox label button{
    position: absolute;
    right: 0;
    background: none;
    border: none;
    font-size: 20px;
    padding: 11px 20px;
    background: #eee;
    border-radius: 0px 6px 6px 0;
    color: #000;
} 
 .widget-redeem .frmbox label button i{} 
  
  
 .widget-redeem .result{} 
 .widget-redeem .result h4{
    padding: 10px;
    background: #2196f31f;
    color: #2196F3;
    font-size: 15px;
    border-radius: 2px;
} 
 .widget-redeem .result ul{
    padding: 0;
    list-style: none;
} 
 .widget-redeem .result ul li{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #c6c6c6;
} 
 .widget-redeem .result ul li figure{
    width: 100px;
} 
 .widget-redeem .result ul li figure img{
    width: 100px;
    border-radius: 8px;
} 
 .widget-redeem .result ul li .coupondet{} 
 .widget-redeem .result ul li .coupondet h3{
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
} 
   .widget-redeem .result ul li .coupondet .couponcode{
    display: inline-block;
    background: #4caf5024;
    padding: 5px 10px;
    border-radius: 3px;
    color: #4CAF50;
    font-weight: 600;
}
   .widget-redeem .result ul li .coupondet .couponstatus{
    display: block;
    color: #000;
    margin-top: 5px;
}


.formredeembtn{}
.formredeembtn button{
    display: block;
    margin-top: 10px;
    background: #FF9800;
    border-radius: 6px;
    width: 100%;
    padding: 12px;
    color: #fff;
    border:none;
    box-shadow: 0px 15px 10px -15px #c6c6c6;
    font-size: 16px;
}
/* RESPONSIVE */
@media only screen and (max-width: 58em) {
    .main-slider{padding: 0;}
    .widget-about{padding: 5%;}
    .widget-about .image-box{text-align: center;}
    .widget-about .image-box figure img{width:200px;}
    .widget-join{padding: 15px;}
    .widget-join .frmbox-reg-login{padding: 15px;}
    .widget-join .frmbox-reg-login h3{font-size: 20px;}
    #featuredbox {
        height: auto;
        margin-top: 0;
    }
    #featuredbox .featuredleft {
        height: auto;
        width: 100%;
        padding: 10px;
    }
    #featuredbox .featuredright {
        width: 100%;
        position: relative;
        top: inherit;
        float: left;
        height: auto;
        padding: 10px;
        padding-top: 0;
    }
    #featuredbox .featuredbox {
        height: auto;
    }
    #featuredbox .featuredbox figure .detbox {
        position: relative;
        padding: 0;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    #featuredbox .featuredbox figure .detbox h3, #featuredbox .featuredbox figure .detbox .authortag, #featuredbox .featuredbox figure .detbox .datetag, #featuredbox .featuredbox figure .detbox .viewtag {
        color: #000;
        font-size: 12px;
        margin-right: 5px;
    }
    #featuredbox .featuredbox figure .detbox h3 a {
        color: #000;
        text-shadow: none;
        margin: 0;
    }
    #featuredbox .featuredbox figure::after {
        background: none;
    }
    .widget-grid-news .leftbox .widgethead {
        padding: 0 15px !important;
        display: flow-root;
    }
    .widget-grid-news .leftbox .box-one, .widget-grid-news .leftbox .box-two {
        float: left;
        width: 100%;
        padding: 0 15px;
        display: flow-root;
        height: auto;
    }
    .widget-grid-news .rightbox{padding:0 15px}
    .widgetgrid{padding: 15px;}
    .widget-grid-news .content-widget{padding: 0 15px;}
    .widget-grid-news .content-widget .widgethead h1{font-size: 22px;line-height: normal;font-weight: 600;}
    .widget-grid-news .content-widget .widgethead h2{font-size: 16px;line-height: normal;}
    .tabgrid, .widgetgrid {
        display: flow-root;
        padding: 0 15px;
    }
    .widget-grid-news .content-widget .widgetsharebox a {
        width: 40px;
        padding: 10px;
        margin-bottom: 0;
        font-size: 14px;
    }
    .widget-grid-news .content-widget .postnavigation {
        padding: 15px 0;
    }
    .postreaction ul {
        display: flow-root;
    }
    .postreaction ul li {
        width: 33.33%;
        margin: 0;
        padding: 0 5px;
        padding-top: 15px;
    }
    .widget-grid-news .rightbox {
        padding: 0 15px;
        clear: both;
    }
    .widget-grid-news .leftbox .box-one .gridbox{padding-right: 0;}
    .widget-bussiness-form .innerform{padding-bottom: 20%;}
    .newsnav{padding: 0  15px;margin-bottom: 15px;}
 
    .widget-grid-news .content-widget .widgetauthorbox {display: flex;}
    .widget-grid-news .content-widget .widgetauthorbox .leftbox{width:80%;}
    .widget-grid-news .content-widget .widgetauthorbox .rightbox{width:20%;}
}