@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
 
*, ul {
    padding: 0;
    margin: 0
}
body {
    font-family: 'Montserrat', sans-serif;
    color: #343a40; font-size:14px;
}
h1, h2, h3, h4, h5, h6, p, ul, ul li, li, a {
    font-family: 'Montserrat', sans-serif;
}
h1{font-size:42px; font-weight:bold; color:#343a40;}
h2{font-size:30px; font-weight:bold; color:#343a40;}
h2 span{color:#51b448;}
h3{font-size:18px;  line-height:30px; font-weight:bold;}
h5{font-size:18px;  line-height:30px;}
.navbar-dark .navbar-brand {
    color: #fff;
      margin-right:40px;
}
ul li{list-style:none;}
h1 span{color: #6200EE;}
p{font-size: 14px; color:#333; font-weight:500;}
.mr-auto {
    margin-right: auto!important;
}
.ml-auto {
    margin-left: auto!important;
}

.pr-auto {
    padding-right: auto!important;
}
.pl-auto {
    padding-left: auto!important;
}
.ml-0 {
    margin-left: 0rem!important;
}
.ml-1 {
    margin-left: 0.25rem!important;
} 
.ml-2 {
    margin-left: 0.5rem!important;
}
.ml-3 {
    margin-left: 1rem!important;
}
.ml-4 {
    margin-left: 1.5rem!important;
}
.ml-5 {
    margin-left: 3rem!important;
}

.mr-0 {
    margin-right: 0rem!important;
}
.mr-1 {
    margin-right: 0.25rem!important;
}
.mr-2 {
    margin-right: 0.5rem!important;
} 
.mr-3 {
    margin-right: 1rem!important;
}
.mr-4 {
    margin-right: 1.5rem!important;
}
.mr-5 {
    margin-right: 3rem!important;
}



.pl-0 {
    padding-left: 0rem!important;
}
.pl-1 {
    padding-left: 0.25rem!important;
}
.pl-2 {
    padding-left: 0.5rem!important;
}
.pl-2 {
    padding-left: 0.5rem!important;
}
.pl-2 {
    padding-left: 0.5rem!important;
}
.pl-3 {
    padding-left: 1rem!important;
}
.pl-4 {
    padding-left: 1.5rem!important;
}
.pl-5 {
    padding-left: 3rem!important;
}

.pr-0 {
    padding-right: 0rem!important;
}
.pr-1 {
    padding-right: 0.25rem!important;
}
.pr-2 {
    padding-right: 0.5rem!important;
}  
.pr-3 {
    padding-right: 1rem!important;
}
.pr-4 {
    padding-right: 1.5rem!important;
}
.pr-5 {
    padding-right: 3rem!important;
}

.text-right {
    text-align: right!important;
}
.text-left {
    text-align: left!important;
}

.spanlogo {
    display: block;
    min-width: 300px;
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 20px;
}
 
 .sec{padding:40px 0;}
 /*header css start*/
 .headtop{padding:10px 0;}
 .navtomlist{align-items:center;}
 .navtomlist li a{color:#333; font-size:14px; padding:.5rem 1.5rem;}
 .navtomlist li a.register-business{background:#51b448; color:#fff; border-radius:50px;}
 .navbar-light .navbar-brand { 
    width: 220px;
}
 .navtomlist li a.sign-in i{display:inline-block; width:25px; height:25px; border-radius:50px; border:1px solid #51b448; text-align:center; line-height:25px;}
 
 
 
 .banner-sec{background-image: linear-gradient(180deg, #F7FAF8, #FFFFFF);}
 .bg-bannerhome{position:relative; z-index:2; padding:100px 0; }
 .bg-bannerhome:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50px; box-shadow:0px 10px 280px 80px rgba(81,180,72,1.00); z-index:-1;}
 .hom-text h1{min-width:300px; max-width:300px; margin:0 auto; padding-bottom:20px;}
 .searchBaarTom{max-width:600px; margin:0 auto; border:1px solid #E6E6E6; border-radius:50px; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); position:relative; z-index:2;}
 .searchBaarTom input{height:45px; margin-left:0 !important;}
 .searchBaarTom input,.searchBaarTom input:focus,.searchBaarTom button,.searchBaarTom button:focus{border:none; outline:none; box-shadow:none; }
 .loation-btn i{color:#51b448;}
 .voice-btn img{width:20px;}
  .searchBaarTom .btn.voice-btn{border-left:1px solid #E6E6E6; margin-left:0 !important;}
  .searchbtn{padding:0 30px 0 15px;}
  .searchBaarTom .input-group { 
    align-items: baseline;}
    
      .searchBaarTom .btn.loation-btn{border-right:1px solid #E6E6E6; margin-right:0 !important; color:#808080; font-size:14px; max-width:150px; min-width:150px; text-align:left; 
    display: flex;
    align-items: center;
    justify-content: space-between; }
    
    .srvicstep a{text-decoration:none; text-align:center;} 
    .srvictext{font-size:14px; font-weight:600; color:#000; margin-top:7px;}
    
    .fs-slider.owl-carousel{padding:0 50px 20px 50px;}
    .fs-slider.owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 27%; transform:translateY(-50%);
    left: 0; width:100%; 
}
.fs-slider.owl-carousel .owl-nav button.owl-prev{left:0; position:absolute;}
.fs-slider.owl-carousel .owl-nav button.owl-next{right:0;position:absolute;}
    .fs-slider.owl-carousel .owl-nav button{width:40px; height:40px; border-radius:40px;}
    .btn-s1{text-align:center;}
    .btn-s1 a{display:inline-block; color:#51b448; text-decoration:none; font-size:14px; font-weight:500;}
/*header css end*/


/*2nd css end*/
.jdbgb1{display:flex; align-items:flex-start; justify-content:space-between;}
.jdbg2{background:#E3E8F6; padding:20px; border-radius:20px; min-width:45%; max-width:45%; overflow:hidden;}

 
.jdbg3 a{text-decoration:none; font-size:18px; font-weight:500; color:#fff; background:#51b448; padding:7px 20px; border-radius:5px; display:inline-block;}
.jdbg3 p{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; min-height:42px;}
  .jdbg{display:flex; align-items:center; background:#fff; border-radius:15px; padding:20px;     -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2));}
  span.imgJd {
    min-width: 40%; padding-right: 6%;
}
 
 .jdbg h3{font-size:13px; display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;  line-height:15px; min-height:15px; margin-bottom:0;}
.starrating-icon i{color:#ffcc00; font-size:10px;}
.ratngrevw{color:#808080; font-size:10px; padding-left:2%;}
.textJd p{margin-bottom:3px;}
.textJd p span{display: -webkit-box;
  -webkit-line-clamp: 1; font-size:10px;
  -webkit-box-orient: vertical;
  overflow: hidden; min-height:15px;}
  .jdbg-main{margin-top:20px; padding-bottom:60px}
  .openjd2{font-weight:700; color:#51b448;}
  .openjd1 p{color:#333; font-size:10px; display: -webkit-box;
  -webkit-line-clamp: 2; font-size:10px;
  -webkit-box-orient: vertical; min-height:30px;
  overflow: hidden;}
  .btns2call button{min-width:100px; max-width:100px; padding:7px 0px;font-weight:600; border-radius:5px; font-size:11px; border:1px solid #000; color:#333;}
  button.call-active{background:#51b448; border:1px solid #51b448; color:#fff; font-weight:600;}
   button.call-active i{transform:scale(-1) rotate(-75deg) translate(2px, 4px);}
/*2nd css end*/

/*3nd css end*/
.boutique,.boutique2{display:flex; align-items:center; justify-content:space-between; padding:30px; border-radius:20px;}
.boutique{background:#FEF3E1; margin-bottom:20px;}
.boutique2{background:#26805F;}
.boutiquebg{max-width:53%; min-width:53%; margin-left:2%; }
.boutique .boutiquetext,.boutique2 .boutiquetext{min-width:70%; max-width:70%; padding-right:5%;}
.boutique .boutiqueImg,.boutique2 .boutiqueImg{min-width:30%; max-width:30%;}
.boutiquebg a{margin-top:15px;}
.boutique2 p,.boutique2 h3{color:#fff;}
/*3nd css end*/

/*4nd css end*/
.fs-slider2.owl-carousel .owl-item img{width:auto; margin:0 auto;}
.fs-slider2.owl-carousel .srvicstep .srvicimg{display:inline-block; width:100%; background:#E6F3F4; border-radius:15px; padding:11px 0; text-align:center;}

.fs-slider.fs-slider2.owl-carousel .owl-nav { 
    top: 22%;}
    
    .bgac1{background:url(../images/popular-shop/register-your.png) no-repeat center top / cover; min-height:291px; position:relative;  }
    .bgac2{position: absolute;
    top: 0;
    bottom: 0;
    transform: translateY(29%);
    left: 4%;
    display: inline-block;}
/*4nd css end*/


/*5th css start*/   
    
    .uniq{padding:15px; border-radius:10px; position:relative; z-index:2; border:1px solid #51B448; border-bottom:none;}
     .uniq:before{content: "";
   position: absolute;
    left: -1px;
    bottom: 0px;
    right: -1px;
    width: 101%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,0.0)); } 
.uniq .uniqimgnumbr{display:flex; align-items:center; justify-content:space-between; font-size:25px; font-weight:bold; color:#333; min-height:50px;}
.uniq .uniqimgnumbr .plus{display:inline-block; color:#51B448;}
.uniqtext{font-size:18px; color:#333; text-align:center; }
/*5th css end*/

/*6th css start*/
.Outletcabg{display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin:30px auto 0px auto;}
    
    .outlet .img{width:100%;}
    .outlet .img img{width:100%;}
    .outlettxtbg{display:flex; justify-content:space-between; align-items:center;}
    .outlettxt{font-size:18px; font-weight:700;}
    .outletimg {
    display: inline-block;
    background: #fff;
    padding: 10px;
    position: relative;
    right: 10px;
    transform: translateY(-50%);
}


.attraction{display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin:30px auto 0px auto;}

.attractionImg .img{position:relative;  border-radius:25px; overflow:hidden;}
.attractionImg .img img{width:100%;}
.starrat{position:absolute; top:15px; left:15px; z-index:2;}

.starrat{background:#51B448; display:inline-block; font-size:14px; font-weight:700; color:#fff; border-radius:4px; padding:3px 7px;}
.mapmarer1{font-size:14px; font-weight:700; color:#51B448;}

.mapmarerText{padding:15px;}
.mapmarerText h3{display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden; min-height:60px;}
/*6th css end*/

/*client slider css end*/
.client-slider{margin-top:30px;}
.client-slider.owl-carousel .owl-item img{width:auto; margin:auto; height: 76px; transform: translateY(10px);}
.client-icon{border:1px solid #ccc; margin-bottom:20px; padding:0 10px; min-height:100px; max-height:100px; border-radius:5px;}
/*client slider css end*/


.appsbg{display:flex; align-items:center; justify-content:space-between;}
.appsbg .appstext{min-width:50%; max-width:50%;}

.appstextapbtn ul li{display:inline-block; width:100%; text-align:right; margin:7px 0;}
.appstextapbtn ul li a img{max-width:120px;}
.appstext h2{color:#51b448; font-weight:400;}
.app-mo‎bilebtn span img{ filter:drop-shadow(2px 2px 57px #51b448); }

.testimonialsText{display:flex; align-items:center;}
.clnImg{display:inline-block; min-width:50px; max-width:50px; min-height:50px; max-width:50px; margin-right:15px;}
.clnNameM{font-size:14px; font-weight:500; }
.clnName i{color:#B3B3B3; font-size: 12px;}
.clnName i.active{color:#51b448;}
.testimonials-clnt1{max-width: 250px; margin:0 auto;}
.testimonials-clnt1 p{display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;  min-height:63px;}
  .testimonials-slider {margin-top:30px;}
  .testimonials-sec .hding2 h2 img{width:25px; margin:0 15px; }
  
  .testimonials-slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
    position: absolute;
}

.testimonials-slider.owl-carousel .owl-nav button {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}
.testimonials-slider.owl-carousel .owl-nav button.owl-prev {
    left: 0;
    position: absolute;
}
.testimonials-slider.fs-slider2.owl-carousel .owl-nav {
    top: 22%;
}

.testimonials-slider.owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.testimonials-slider .owl-dots {
    padding-top: 30px;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #51b448;
}

.subscribeforletter{background:#51b448; border-radius:15px; padding:20px;}
.subscribeforletter h3{font-size:30px; line-height:40px; max-width:300px; margin:0 auto; font-weight:500; color:#fff; margin-bottom:20px;}
.bgsubscp{background:#fff; padding:5px; border-radius:10px;}
.bgsubscp input,.bgsubscp input:focus{background:none; border:none; outline:none; box-shadow:none;}
.bgsubscp button,.bgsubscp button:focus{background:#51b448; color:#fff; border-radius:5px !important; border:none; outline:none;}
.bgsubscp button:hover{color:#fff;}

.boutique3{display:flex; background:#E9EDEE; align-items:center; border-radius:15px; padding:0px 0 0 25px;}
.boutique3 .boutiqueImg {
    min-width: 27%;
    max-width: 27%;
}

.boutique3 .boutiquetext{min-width:73%; max-width:73%; text-align:center;}
.boutique3 .boutiquetext h3 span{color:#51b448;}

.Popular-categ a{text-decoration:none; font-size:14px; color:#333; border-right:1px solid #ccc; padding:0 5px;}

.WhoWeAre{margin-top:25px;}
.WhoWeArebg{justify-content:space-between; align-items:flex-start;}
.WhoWeArebg p{font-size:12px; color:#808080; margin-bottom:12px; font-weight:500;text-align: justify;}
.WhoWeAreImg{min-width:22%; text-align:right;}
.WhoWeAre h3{position:relative;}
.WhoWeAre h3 span{background:#fff; padding:0 15px 0 0; display:inline-block;}
.WhoWeAre h3:before{content: "";
    position: absolute;
    top: 15px;
    width: 100%;
    height: 1px;
    background: #ccc;
    z-index: -1;}
    
    
    
    
    
    
    
    
    
    footer {
    background: #f0f4f5;
    padding: 50px 0 0;
}
    
    footer p {
    width: 80%; font-size: 12px;
    color: #343a40;
}
.join-us-on li:first-child, footer h4 {
    color: #18a10b;
    font-weight: 700;
    font-size: 14px;
}
footer .footer-link ul li{list-style:none;}
footer .footer-link ul li a {
    font-size: 13px;
    font-weight: 400;
    color: #343a40; 
    text-decoration: none;
    line-height: 31px;}
    
    .colftbg{display: flex; }
    .f-link1{min-width:13%; max-width:13%;}
    .f-link2{min-width:20%; max-width:20%;}
    .f-link3{min-width:17%; max-width:17%;}
    .f-link4{min-width:17%; max-width:17%;}
    
    .emailflin ul li{display:inline-block; color:#343a40; font-weight:400;}
    .emailflin ul li a{text-decoration:none; display:inline-block; color:#343a40; font-weight:500; padding-right:15px;}
    .emailflin ul li a i{color:#51b448;}
    .join-us-on ul li:first-child{display:inline-block; color:#343a40; font-weight:400;}
    .join-us-on ul li{display:inline-block; color:#343a40;}
    .join-us-on ul li a{color:#51b448; padding:4px 10px; font-size:18px; text-decoration:none;}
    
    .boutiquetext h3{display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
  overflow: hidden; min-height:30px;}
    .bgac2 a{    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #51b448;
    padding: 7px 20px;
    border-radius: 5px;
    display: inline-block;}
    
    @media (max-width:1199px){
        .boutique, .boutique2 { 
    padding: 28px;}
    .boutiquebg .boutiquetext h3 { 
    margin: 0 auto 7px auto;
}
.subscribeforletter h3 {
    font-size: 21px; 
    margin-bottom: 26px;
}
        }
    @media (max-width:991px){
        .sec {
    padding: 15px 0;
}
        .jdbgb1 {
    display: inline-block;}
    .jdbg2{min-width:100%; max-width:100%;}
    span.imgJd {
    min-width: 29%;}
    .boutiquebg {
    max-width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
h2 {
    font-size: 12px;}
    p {
    font-size: 12px;}
    .uniq .uniqimgnumbr { 
    font-size: 12px;}
    .uniqtext {
    font-size: 12px;}
    .uniq {
    padding: 5px 10px}
    .mapmarerText h3 { 
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
}
.srvictext {
    font-size: 11px; 
    margin-top: 4px;
}
.outlettxt {
    font-size: 12px;}
    .srvictext {
    font-size: 8px;
    margin-top: 0;
    position: absolute;
    bottom: 6px;
    width: 100%;
    background: rgba(255,255,255,0.8);
    padding: 2px;}
    section.sec.uniq-sec {
    display: none;
}
section.sec.bnrslider2{display:none;}
    }
        @media (max-width:757px){
            .mapmarerText h3 {
    min-height: 36px;
    font-size: 12px;
    line-height: 18px;
}
.attraction { 
    grid-gap: 0.5rem;}
    .subscribeforletter{margin-bottom:20px;}
    
    .colftbg {
      display: inline-block;  width:100%;
}
footer p {
    width: 100%;
    font-size: 10px;}
.footer-link {
   width: 49%;
    min-width: 49%;
    display: inline-block;
    vertical-align: top;margin-bottom: 15px;
}
.emailflin ul li a {
   padding-right:0;
    font-size: 10px;
}
.join-us-on li:first-child, footer h4 {
    color: #18a10b;
    font-weight: 700;
    font-size: 11px;
}
footer .footer-link ul li a {
    font-size: 11px;
    font-weight: 400;
    color: #343a40;
    text-decoration: none;
    line-height: 20px;
}
.emailflin ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.join-us-on ul li a {
    color: #51b448;
    padding: 4px 6px;
    font-size: 13px;}
.emailflin,.join-us-on {
 margin-top:0px;
    text-align: center;
}
.bg-bannerhome { 
    padding: 30px 0;
}

        }
    @media (max-width:575px){
        .navbar-light .navbar-brand {
    width: 110px;
}
.hom-text span {
    min-width: 170px;
    max-width: 170px; 
    padding-bottom: 10px;
}

.searchBaarTom .input-group { 
    display: inline-block;
}
.searchBaarTom input{width:100% !important; padding-left:30px; padding-right:40px;}
/*.searchBaarTom{background:none; border:none;}*/

.searchBaarTom .btn.searchbtn{ 
    position: absolute;
    bottom: 8px;
    right: auto;
    left: -1px;
    padding: 0 10px 0 10px;
    z-index: 3;
    font-size: 11px;
} 
    
    .searchBaarTom .btn.voice-btn{position: absolute;
    bottom:6px;
    right: 0px;
     padding: 0 10px 0 10px;z-index:3}
     .fs-slider.owl-carousel {
    padding: 0 0px 0px 0px;
}
.srvictext {
    font-size: 8px; margin-top:0;}
    .btn-s1 a { 
    font-size: 12px;
    font-weight: 600;
}
.fs-slider2.owl-carousel .owl-item img { 
    width: 50%;
}
.fs-slider2.owl-carousel .srvicstep .srvicimg { 
    border-radius: 4px;}
    .srvicstep a{display:inline-block;}
.Outletcabg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem;}
    .outletimg {
    display: inline-block;
    background: #fff;
    padding: 3px;
    position: relative;
    right: 1px;
    transform: translateY(-50%);
}
.outletimg img.img-fluid {
    width: 60px;
}
.attraction {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem; 
    margin: 0px auto 0px auto;
}

.client-slider.owl-carousel .owl-item img {
    width: auto;
    margin: auto;
    height: 36px;}
    .client-icon {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 0 10px;
    min-height: 56px;
    max-height: 56px;}
    .client-slider {
    margin-top: 0;
}
.starrat { 
    font-size: 10px; 
    padding: 2px 7px;
}
.appsbg {
    display: inline-block;}
    .appsbg .appstext {
    min-width: 100%;
    max-width: 100%;
}
.appstext h2 {
    color: #51b448;
    font-weight: 400;
    font-size: 17px;
}
.jdbg2 {
    background: #E3E8F6;
    padding: 10px;
    border-radius: 7px;}
    .jdbg3 h3 {
    font-size: 12px; line-height: 10px;}
    .jdbg3 a {
    text-decoration: none;
    font-size: 10px; 
    padding: 5px 10px;}
    .jdbg3 p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 10px;
    min-height: 30px;
}
span.imgJd {
    min-width: 22%;
    max-width: 22%;
}
.jdbg { 
    align-items: self-start;}
    .starrating-icon i {
    color: #ffcc00;
    font-size: 7px;
}
.jdbg h3 {
    font-size: 11px;}
.ratngrevw,.openjd1 p,.textJd p span { 
    font-size: 8px;}
    .openjd2{font-size:10px;}
    .btns2call button {
    min-width: 85px;
    max-width: 85px;
    padding: 7px 0px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 9px;}
    
    .jdbg3.boutique h3, .jdbg3.boutique2 h3{
    font-size: 12px;
    line-height: 15px;
}
.jdbg3.boutique p,.jdbg3.boutique2 p{margin-bottom:0;}
.boutique, .boutique2 {
    padding: 10px;
    border-radius: 7px;
}
.boutiquetext h3 { 
    min-height: 14px;
}
.bgac2 h2 {
    font-size: 10px;
}
.bgac2 p{font-size:8px; margin-bottom: 0;}
.bgac2 { 
    transform: translateY(13%);}
.bgac1 {
    background: url(../images/popular-shop/register-your.png) no-repeat center top / cover;
    min-height: 75px;}
    .bgac2 a{text-decoration: none;
    font-size: 6px;
    padding: 3px 6px;}
    
    
    
    .navbar-brand{width:120px;padding: 0;}
    .navtomlist li a {
    color: #333;
    font-size: 7px;
    padding: 0.2rem 0.5rem;
}
.navtomlist li a.sign-in i { 
    width: 18px;
    height: 18px;  
    line-height: 18px;
}

.headtop {
    padding: 4px 0;
}
.bg-bannerhome {
    padding: 10px 0;
}
    
    
        }
        
        
        
         .phone-nav{display:none;}
 @media (max-width:991px){
     
      .phone-nav{display:block;}
  .phone-nav ul{    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap:0rem;
    justify-content: center;
    align-items: center;
    width: 100%; text-align:center;
    margin: 0 auto; position:fixed; bottom:0; left:0;z-index:9; background-image:radial-gradient( circle at 50% 0px, transparent 22px, #ffffff 22px);
    filter: drop-shadow(0px -1px 6px rgba(0, 0, 0, 0.08))
    drop-shadow(0px -2px 12px rgba(0, 0, 0, 0.12));}
      .phone-nav ul li a{text-decoration: none;
    font-size: 10px;
    color: #343a40;
    font-weight: 500;
    padding: 8px 10px;
    display: inline-block;
    transition: 0.3s;
    line-height: 10px;}
    .phone-nav ul li a i{display:block;font-size:12px; margin-bottom:5px; transition:0.3s; border-radius:5px;}
    .phone-nav ul li a.active{ background:#ddf0da; color:#51b448; border-radius:7px; }
    .phone-nav ul li a.sc-current{position:relative;}
    .phone-nav ul li a.sc-current i{transform: translateY(-25px);
    width: 35px;
    height: 35px;
    background: #000;
    border-radius: 50px;
    line-height: 35px;
    margin: 0 auto;
    color: #fff; }
    .phone-nav ul li a.sc-current span {
    position: absolute;
    bottom: 5px;
    left: 0;
    line-height: 10px;
}
     
 
 footer {
    background: #f0f4f5;
    padding: 50px 0 80px 1px;
} 

section.sec.bnrslider1 {
    position: relative;
    z-index: 2;
    padding-top: 15px;
}
section.sec.bnrslider1 .col-md-12.desktoview {
    position: absolute;
    top: 20px;
    right: 0;
}
.btn-s1 {
    text-align: right;
}
.btn-s1 a{
   font-size:10px;
}

.JdXperts-sec{padding-top:0;}
    .boutiquebg { 
    margin-top: 10px;
}
.boutique { 
    margin-bottom: 10px;
}
section.sec.bnrslider2 {
    position: relative;
    padding-top:25px;
}
section.sec.bnrslider2 .col-md-12.desktoview {
    position: absolute;
    top: 0;
    right: 0;
}

.mapmarer1 {
    font-size: 9px;}
    .testimonials-slider {
    margin-top: 10px;
}
.Popular-categ a { padding: 0 2px;
    font-size: 10px;}
    .WhoWeArebg p {
    font-size: 10px;
}
    .WhoWeAreImg{display:none;}
    .subscribeforletter h3 {
    font-size: 14px;
    margin-bottom: 4px;
}
.subscribeforletter input {
    font-size: 9px; padding-left:0;
}
.jdbg3.boutique3 h3 {
    font-size: 10px;
    line-height: 13px;
}
p {
    font-size: 10px;
}
.mapmarerText {
    padding: 5px 5px 0 5px;
}
section.sec.attraction-sec {
    padding-bottom: 0;
}
.Outletcabg { 
    margin: 5px auto 0px auto;
}

.searchBaarTom input{height:35px; font-size:10px;}
/*button.btn.loation-btn {
    display: inline-block !important; 
    margin: 0 auto !important;
    max-width: 120px;
    min-width: 120px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}*/
.bg-bannerhome:before { 
    box-shadow: 0px 10px 280px 80px rgba(81,180,72,0.3); 
}
.banner-sec {
    background-image: linear-gradient(180deg, #b0f5c7, #FFFFFF);
}
.banner-sec{position: -webkit-sticky; position: sticky;
    top: -47px; z-index:999;}
}
    
    
    
    .mobilevew,.hdinMobile{display:none;}
      .mobvew{display:none;}
      @media (max-width:991px){
          .mobilevew,.hdinMobile{display:block;
          }
          section.sec.bnrslider1{padding-top:15px;}
      
      .services1bg{overflow:hidden;}
      .services1{overflow:hidden; overflow-X:auto;}
      .services1 {
  scrollbar-width: thin;
  scrollbar-color: #1b40f7 #bbb;
}
.services1::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.services1::-webkit-scrollbar-track {
  background-color: #ccc;
}
.services1::-webkit-scrollbar-thumb {
  background-color: #1b40f7;
}
.services1::-webkit-scrollbar-track, .services1::-webkit-scrollbar-thumb {
  border-radius: 12px;
} 
      .services1 ul{display:inline-block; white-space:nowrap;}
      .services1 ul li{display:inline-block; padding:0 3%;     width: 22%;}
      .services1 ul li a{font-size:10px; color:#000; font-weight:500; text-align:center; text-decoration:none; display:inline-block;}
      .services1 ul li a span{display:block; margin:0 auto; }
      .services1 ul li a span img{display:inline-block; width:50px; height:50px; border-radius:50px; }
      
      
      .services2 ul{    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.5rem;
    justify-content: center;
    
    width: 100%;
    margin: 0 auto;
} 
      .services2 ul li{text-align:center; vertical-align:top;}
      .services2 ul li a span{display:block; margin:0 auto;     min-height: 30px;
    max-height: 30px;
}
      .services2 ul li a img{min-height:25px; max-width:25px;} 
      .services2 ul li a{font-size:10px; color:#000; font-weight:500; text-align:center; text-decoration:none; display:inline-block; max-width:90px; margin:0 auto; vertical-align:top;}
      
      .services2 ul li:last-child a span i{width:25px; height:25px; line-height:25px; background:#cbeac9; border-radius:50px;}
      .hdinMobile{font-size:12px; margin-bottom:15px;}
      
      .slider-oneMobile.owl-theme .owl-nav.disabled+.owl-dots {
    /* margin-top: -10px; */
    margin-top:0px;
}
.slider-oneMobile.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 5px 2px}
    .slider-oneMobile.owl-theme .owl-dots .owl-dot.active span{ width: 9px;
    height: 9px; margin:4px 2px;}
      .destopvew,.desktopvew{display:none;}
      
      .Register-sec{display:none;}
      /* .dtov1{display:none;} */
      .mobvew{display:flex;}
        .mobvew a{    display: inline-block;
    color: #51b448;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;}
    
    .Outletcabg .outlet{display:none;}
    .Outletcabg .outlet:nth-child(1),.Outletcabg .outlet:nth-child(2),.Outletcabg .outlet:nth-child(3),.Outletcabg .outlet:nth-child(4) {
    display: inline-block;
}
section.sec.attraction-sec,.apps-sec,.testimonials-sec,footer{display:none;}
.m-none{display:none;}
.OutletcabgMbl{ }
.OutletcabgMbl .outlet{position:relative; z-index:2; height:100%;}
.OutletcabgMbl .outlet .img{display: inline-block;
    object-fit: fill;
    height: 100%;}
.OutletcabgMbl .outlet .img img {
    width: 100%;
    height: 100% !important;
}
.OutletcabgMbl .outlettxtbg{position:absolute; width:80%; left:10%; bottom:5%; background:rgba(0,0,0,0.9); border-radius:7px;  font-size:8px; font-weight:500; color:#fff; z-index:2; justify-content:center;}
.OutletcabgMbl .outlettxtbg .outlettxt{font-size:10px !important; padding:3px 5px; text-align:center; font-weight:500 !important; color:#fff;}
section.sec.m-show.dhide {
    /* padding-bottom: 90px; */
    padding-bottom: 0px;
}
.mb_{
    margin-bottom:60px;
}

      }
      
      
      .mobile-viewNav{display:none !important;}
 .location-serch button.locationBtn{background:none; outline:none; border:none; font-size:12px; font-weight:500; color:#343a40;}
 .location-serch .fa-map-marker{display:block; color:#51B448; font-size:14px;}
 .m-show{display:none;}
 @media (max-width:991px){
     .desktop-viewNav{display:none !important;}
      .m-show{display:block;}
     .mobile-viewNav{display:flex !important; align-items:center;}
     
     .logo{min-width:20%; max-width:20%; padding-right: 10%;} 
     .bell-icon{min-width:20%; max-width:20%; text-align:right;}
     .location-serch{min-width:60%; max-width:60%; text-align:center;}
     .hom-text,.btn.loation-btn{display:none !important;}
     .bg-bannerhome:before{display:none;}
     .banner-sec{background:#fff;}
     .searchBaarTom {
    background: none;
    border: 1px solid #E6E6E6;
    overflow: hidden;
    border-radius: 4px; box-shadow:none;}
     .headtop{}
     
    
     
     }  
     
     
     
     
     
     
     
     
    /*Contact us start*/ 
     .btnallTp1 button {
    background: #51b448;
    outline: 0;
    border: none;
    font-size: 16px;
    transition: .3s;
    font-weight: 700;
    display: inline-block;
    padding: 10px 40px;
    border-radius: 50px;
    color: #fff;
}
.getTuch ul{border-bottom:1px solid #ccc; margin-bottom:15px;}
.getTuch ul li{display:inline-block;}
.getTuch ul li a{display:inline-block; padding:10px 15px; color:#000; text-decoration:none; font-size:15px; font-weight:600;}
.getTuch ul li a.active{color:#51b448;}
.contact-form .forminput{margin-bottom:10px;}
.contact-form label{font-size:12px; font-weight:500; color:#000; margin-bottom:7px;}
.contact-form input.form-control,.contact-form select.form-select {
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    padding-left: 10px; font-size:12px;
    font-weight: 500;
    height: 38px; color:#6c757d;}
    .contact-form textarea.form-control{border-radius: 5px;
    border: 1px solid #e6e6e6;
    padding-left: 10px; font-size:12px;
    font-weight: 500; color:#212529;}
    .contact-form select.form-select:focus,.contact-form input.form-control:focus,.contact-form textarea.form-control:focus{box-shadow:none;border: 1px solid rgba(81,180,72,0.3); }




.addressbg{display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0px auto 20px auto;}
.address{text-align:center;padding: 20px; border-radius: 5px;}
 .addresshd{display:inline-block;  text-align:center; width:100%; font-size: 17px; font-weight: 700;}
  
.address1 {
    background: #E4FFDF;}
 .address2 {
    background: #F4F7FC;}
 .address3 {
    background: #EAF2EF;}
     
        
    

    .address .icon{display: inline-block; text-align: center; margin-bottom: 2%;} 
   .address .icon i{ color:#51b448; font-size:18px;}
   .address3 .icon i{ color:#51b448; font-size:30px;}
    .address p{margin-bottom: 0px; margin-top: 10px;}
    
    .salesTxbg{margin-bottom: 20px;} 
    .headtop {
    padding: 10px 0;
    /* box-shadow: 0 0 6px rgba(0,0,0,0.2); */


}
.row.rtl.mt-3 {
    direction: rtl;
}
.row.rtl.mt-3 div {
    direction: ltr;
}
.breadcrumbLst ol li { font-size:14px; font-weight:500;}
.breadcrumbLst ol li a{text-decoration:none; font-size:14px; font-weight:500;}


@media (max-width:1199px){
    .addresshd p{font-size: 14px;}
    .salesImg:before {
    content: "";
    position: absolute;
    top: 7%;
    left: 3%;
    width: 119%;
        height: 103%;}
    .trustedby {
    margin-left: 5%;
    } 
    .address{height: 100%;}
    
}

.m-contactText{display:none;}
@media (max-width:991px){
    .mb-Mobile{margin-bottom:70px;}
    .m-contactText{display:block;}
    .d-contactText{display:none;}
     .addressbg{padding-top: 15px; border-top: 1px solid #ccc; margin-top: 15px;}
.addressbg { 
    grid-template-columns: repeat(1, 1fr);}
    .salesTx p, .hrjobs p {
        font-size: 14px;}
    .salesTxbg2 {
        display: inline-block; width: 100%;}
    .salesImg span {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 25px;
    width: 120px;
}
    .salesImg:before {
    content: "";
    position: absolute;
    top: 7%;
    left: 3%;
        width: 86%;}
    
    
    .salesImg:before {
    content: "";
    position: absolute;
    top: 7%;
    left: auto;
    width: 52%;
    height: 103%;
    right: 0;
}
    .salesImg span{margin-left: auto;}
    
    .pd-right {
    padding-right: 4px;
    }
    .pd-left{padding-left: 4px;}
    .contact-form input.form-control { 
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    font-weight: 500;
    height: 38px;
    font-size: 10px;
    }
    .contact-form input.form-control { 
        height: 34px;}
    .contact-form input.form-control, .contact-form textarea {
    font-size: 10px; 
        margin: 4px 0}
     
    .contact-form .form-check .form-check-label {
        font-size: 12px;}
    .contact-form p {
    font-size: 10px;
    margin-bottom: 7px;
}
    .checwbunal{padding-top: 0;}
    .btnallTp1 button{font-size: 12px;}
    .contact-form{padding-right: 0;}
    
.ourwork, .sec-contact {
    padding: 25px 0;
}
}

     
     
     /*Contact us End*/ 
     
     
         /*Terms-and conditions start*/ 
     
     .terms-conditionText h2{display:flex; justify-content:space-between; align-items:center;}
     .terms-conditionText h2 span{font-size:14px; color:#000;}
      .terms-conditionText h3{font-size:22px; color:#000;}
      .terms-conditionText h4{font-size:18px; color:#000; font-weight:bold; margin-top:20px;}
      .terms-conditionText p{font-size:14px; color:#000;}
      .terms-conditionText ul{padding-bottom:20px; padding-left:20px;}
      .terms-conditionText ul li{font-size:14px; color:#000; list-style:disc;}
         /*Terms-and conditions End*/
     
     
     
     
     
     /*category page start*/ 
     .bg-grey{background:#F1F3F6;}
     .bg-banner-category .searchBaarTom {
    max-width: 910px;
     }
     
     .bg-white{background:#fff;}
     .cetgry1{padding:15px 0;}
     .categoryList h3{font-size:14px;}
     
     .servicepList{display:flex; justify-content:space-between;}
      .servicepList .categoryBg{min-width:30%; max-width:30%;}
      .servicepList .categorydetail{min-width:68%; max-width:68%; margin-left:2%; }
      .categorydetail .jdbg { 
    -webkit-box-reflect: inherit; margin-bottom:15px;
}
.text-red{color:#ff6666 !important;}
  .categorydetail span.imgJd {
    min-width: 30%;
    padding-right: 6%; height:172px; display:inline-block; overflow:hidden;
}
.categorydetail span.imgJd img{width:100%; height:100%;}
    /* Create a custom checkbox */  
.checkbox {
  display: block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 12px;
  cursor: pointer; font-weight:500;
  font-size: 12px; color:#333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} 
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
} 
.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px; border-radius:3px;
  background-color: #fff; border:1px solid #ccc;
} 
.checkbox :hover input ~ .checkmark {
  background-color: #ccc;
} 
.checkbox  input:checked ~ .checkmark {
  background-color: #51b448;
} 
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
} 
.checkbox input:checked ~ .checkmark:after {
  display: block;
} 
.checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.categoryList{background:#fff; border-radius:10px; padding:15px; margin-bottom:15px;}
        /* Create a custom checkbox */ 
        
        
        #kmter-bar {
 width: 100%;
    margin: 30px auto;
}

#kmter-bar input {
  border: 1px solid #ced4da;
  border: 0;
  -webkit-appearance: none; width:100%;
}
 

#kmter-bar input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  cursor: pointer;
  transition:0.9s;
  background: #E1F1E1;
  border-radius: 25px;
}

#kmter-bar input[type="range"]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #51B448;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

#kmter-bar input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #E1F1E1;
}

#kmter-bar .range-wrap {
  padding: 4px 6px 0px 6px;
  position: relative;
}

#kmter-bar .range-value {
  position: absolute;
  top: 0%;
}

#kmter-bar .range-value span {
  width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #ffffff; border:1px solid #ccc;
    color: #121212;
    font-size: 12px;
    display: block;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translate(-50%, 0);
    border-radius: 5px;
}

.categorydetail h3{max-width:180px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;  display: -webkit-box;}
 
.verfy{display:inline-block; position:relative; padding-left:5px; padding-top: 10px}

.verfy .fa-check{position:absolute; top:0; left:0; font-size:10px; color:#fff;}
.categorydetail .textJd {
    min-width: 70%;
    max-width: 70%;
}
.openBkm ul{padding-top:5px;}
.openBkm ul li{display:inline-block;}
.openBkm ul li a{font-size:12px; color:#B3B3B3; width:84px; text-align:center; display:inline-block;text-decoration:none; font-weight:500;}
.openBkm ul li:first-child a{background:#F1F3F6; font-size:12px; color:#51b448; height:25px; line-height:25px; padding:0 10px; border-radius:20px; margin-right:7px;}
.openBkm ul li:last-child a{background:#F1F3F6; font-size:12px; color:#B3B3B3; width:25px; height:25px; line-height:25px; text-align:center; border-radius:50px; display:inline-block; font-size:12px;}

.servlist ul li{display:inline-block; background:#F1F3F6; font-size:10px; color:#51b448; height:20px; line-height:20px; padding:0 10px; border-radius:3px; margin-right:7px; color:#1a1a1a; font-weight:500;}
 .servlist2 { padding-right:4%; min-width:60%;}
  .servlist2 ul{padding-bottom:4px;}
 .servlist2 ul li{display:inline-block; font-size:10px; font-weight:500;}
.servlist2 ul li:first-child{color:#51b448}
.servlist2 p{font-size:11px;}
/*--- /.price-range-slider ---*/
.Nearestdrp p{margin-bottom:0; font-size:12px;} 
.Nearestdrp button,.Nearestdrp button:focus,.Nearestdrp button:hover{font-size:12px; background:none; outline:none; color:#1a1a1a; font-weight:500; border:none; box-shadow:none !important;}    
     
     /*category page End*/
     #filterbtn{display:none;}
     @media (max-width:991px){
         .searchBaarTom input {
    width: 100% !important;}
    .searchBaarTom input{width:100% !important; padding-left:30px; padding-right:40px;}
    
    .searchBaarTom .btn.voice-btn {
    position: absolute;
    bottom: 6px;
    right: 0px;
    padding: 0 10px 0 10px;
    z-index: 3;
}
.searchBaarTom .btn.searchbtn {
    position: absolute;
    bottom: 8px;
    right: auto;
    left: -1px;
    padding: 0 10px 0 10px;
    z-index: 3;
    font-size: 11px;
}
.bgmbWhite.banner-sec { 
    top: -95px;}

.bgmbWhite{background:#fff; padding-bottom:15px;}
.categorydetail .openjd1.d-flex.justify-content-between.align-items-center {
    padding-top: 7px;
    width: 100%;
}
    .openBkm ul li:first-child a {
    background: #F1F3F6;
    font-size: 8px;
    color: #51b448;
    height: 20px;
    line-height: 20px;
    padding: 0 0px;
    border-radius: 20px;
    margin-right: 3px;}
    .cetgry1{margin-bottom:70px;}
    .checkbox {font-size:10px;} 
         }
     
      @media (max-width:767px){
        .servicepList{display:inline-block; width:100%;}  
        .servicepList .categoryBg {
    min-width: 100%;
    max-width: 100%;
}
.servicepList .categorydetail {
    min-width: 100%;
    max-width: 100%;
    margin-left: 0%;
}
.breadcrumbLst ol li,.breadcrumbLst ol li a {
    font-size: 10px;}
    .Nearestdrp p {
    margin-bottom: 0;
    font-size: 8px;
}
.Nearestdrp button, .Nearestdrp button:focus, .Nearestdrp button:hover {
    font-size: 8px;}
    
    .categorydetail span.imgJd {
 
  min-width: 25%;
    padding-right: 0%;
    margin-right: 5px;
    height: 120px;
    border-radius: 6px;
}
    .categorydetail .jdbg {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: 15px;
    padding: 10px;}
    
    .text-end.openBkm {
    position: absolute;
    top: 0;
    right: 0;
}
.categorydetail .textJd {
    min-width: 75%;
    max-width: 75%;
}
.openjd1.d-flex.justify-content-between.align-items-center {
    display: inline-block !important;
}
.servlist ul li {
    display: inline-block;
    background: #F1F3F6;
    font-size: 7px;
    color: #51b448;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 3px;
    margin-right: 0px;}
    .btns2call.text-end {
    text-align: left !important;
}
.servlist2 p {
    font-size: 9px;
}
.verfy img{width:11px;}
.btns2call button {
    min-width: 49%;
    max-width: 85px;
    padding: 7px 0px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 9px;
}
.categorydetail span.starrating-icon{
    /* line-height:0; */
}
.categorydetail .openjd1.d-flex.justify-content-between.align-items-center {
    padding-top: 0;
}
.categorydetail .jdbg{position:relative;}

.openBkm ul li:last-child a {
    background: #F1F3F6;
    font-size: 12px;
    color: #B3B3B3;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: 7px;
}

.openBkm ul {
    padding-top: 5px;
    display: inline-block !important;
    text-align: center;
}
.openBkm ul li{width:100%;}
.openBkm ul li a {
    font-size: 7px;
    color: #B3B3B3;
    width: 50px;}
    .categorydetail h3 {
    max-width: 110px;
    /* max-width:0px; */
}
    
    .Nearestdrp button, .Nearestdrp button:focus, .Nearestdrp button:hover {
    font-size: 10px; 
    border: 1px solid #ccc;
    box-shadow: none !important;
    margin-bottom: 10px;
}
 #filterbtn{display:block;}
         
         .categoryList{display:none;}

#Clearlist{display:none;}

.Clearlist{display:none;}
.btnDesv1{display:none;}
    

 .terms-conditionText h2 span {
    font-size: 11px;}
    .terms-conditionText h4 {
    font-size: 14px;}
    .terms-conditionText p {
    font-size: 11px; 
    margin-bottom: 7px;
}
.terms-conditionText ul li {
    font-size: 11px;}
    .terms-conditionText ul {
    padding-bottom: 7px;}

      }

.samestyleasH2 {
    font-size: 30px;
    font-weight: bold;
    color: #343a40;
}

      /* start here */
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99; /* Stay on top */
    top: 0; /* Stay at the top */
    border-right: 1px solid #e9e3e3;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  }
  
  /* The navigation menu links */
  .sidenav a {
    padding: 14px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #202838;
    display: block;
    transition: 0.3s;
}
  
.border_{
    padding:10px;
    color:#000;
    font-weight: 500;
    text-decoration: none;
    border-bottom:1px solid #00000014;
}
.border_t{
    padding:10px;
    color:#000;
    font-weight: 500;
    border-top:1px solid #00000014;
}
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: -12px;
    right: 25px;
    font-size: 36px;
  }
  
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px;
  }
  
  .bg-green {
    background-color: #4caf50;
}
.social_media_link{
    padding:0px !important;
}
.login_btn{
    width: 50%;
    color:#fff !important;
    text-align: center;
    display: block;
    margin-bottom: 21px;
}

.mb_logo{
    position: absolute;
    top: 10px;
    padding: 0 !important;
    margin-left: 15px;
    left: 0px;
}


      /* end here */



      /*Profile page css start*/  

.profilebg{display:flex; justify-content:space-between; align-items:flex-start;}





.profilepic ul li:first-child{position:relative; z-index:2; overflow:hidden;}  

      .profilepic ul li:first-child span{display:inline-block; overflow:hidden;}

       .profilepic ul li:nth-child(2){position:relative; z-index:2; margin-bottom:90px;}

      .profilepic ul li:nth-child(2) span{display:inline-block; overflow:hidden; width:180px; height:180px; border-radius:100px; position:absolute; top:-90px; left:50%; transform:translateX(-50%); border:10px solid #fff;}

      .profilepic ul li:nth-child(4){text-align:center; width:100%;}

      .profilepic ul li:nth-child(4) button.starrat2{border:none; outline:none;     background: #51B448;

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    border-radius: 4px;

    padding: 3px 7px;}

    .nameprofile{justify-content:center;}

    .profilepic ul li:nth-child(4){padding-top:15px;}

     .profilepic ul li:nth-child(4) button{margin:0 7px;}

     .profilepic ul li:nth-child(4) button.sharebtn i{color:#51B448;}

     .profilepic ul li:nth-child(4) button.sharebtn{border:none; outline:none;     background: #fff;

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    color: #343a40;

    border-radius: 4px;

    padding: 3px 7px;}

    

    .nameprofile h3{margin-bottom:0;}

    .profileLeft{background:#fff; border-radius:20px; padding:0 0 25px 0;}

    

    

    .categoryList.gallery ul{display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 1rem;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin: 0px auto;}

    

    .profileLeft{max-width:40%; min-width:40%;}

    .profileLeft .categoryList{padding:0 15px;}

    .profileright{max-width:57%; min-width:57%; }

    .profilerightbg{max-width:100%; min-width:100%; background:#fff; padding:20px; border-radius:20px;}

    .Quickinfo{display:flex; justify-content:space-between; align-items:center; font-size:17px; color:#343a40; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:10px;}

    .Quickinfo a{text-decoration:none;  background: #F1F3F6;

    font-size: 12px;

    color: #B3B3B3;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    border-radius: 50px;

    display: inline-block;

    font-size: 12px;}

    

    .profilecontct{border-bottom:1px solid #ccc; padding:15px 0;}

    .profilecontct p{font-weight:700; margin-bottom:5px;}

    .profilecontct a{text-decoration:none; color:#343a40; font-weight:500;}

    

    .profileaddress{padding:15px 0; }

    .profileaddress .get-dir{background: #E1F1E1; border:none;}

    .profileaddress .get-dir span{display:block;}

    .profileaddress .get-dir span img{width:20px;}

    .profileaddress .servlist2{padding-right:20px;}

    .timinglist{border-top:1px solid #ccc; padding-top:10px;}

    .timinglist .Quickinfo{font-size:10px; color:#ccc; border-bottom:none; }

    .timinglist .Quickinfo span{  color:#343a40;  font-weight: 700;

    margin-bottom: 0px; font-size:14px;}

    .timinglist ul{padding:10px 0;}

    .timinglist ul li{padding:5px 0;}

    .timinglist ul li .days{font-size:12px; color:#343a40;  font-weight: 500; min-width:180px; display:inline-block;}

    .timinglist ul li .open{font-size:12px; color:#51B448;  font-weight: 500;}

    .timinglist ul li .closed{font-size:12px; color:#FF6666;  font-weight: 500;}

    

    .erightbg2{margin-top:20px;}

    .ratetntnt{border:1px solid #ccc; outline:none; padding:6px 15px; font-size:12px; border-radius:5px; background:#fff;}

    

    .profilecontct2 button.starrat2{border: none;

    outline: none;

    background: #51B448;

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    border-radius: 4px;

    padding: 3px 7px;}

    

    .profilecontct2{padding:15px 0;border-bottom:1px solid #ccc;  }

    .profilecontct2 ul li a{text-decoration:none; color:#ccc; font-size:12px; }

    .profilecontct2 p{font-size:12px;}

    .btnviewAll{width:100%; text-align:center;}

     

    .btnviewAll .btn{outline:none; background:none; border:none; font-size:12px; color:#333; margin-top:7px;}

    

    @media (max-width:991px){

        .timinglist ul li {

    padding: 0px 0;

}

        }

        

    @media (max-width:767px){

        .profilebg {

    display: inline-block;}

    .profileLeft,.profileright {

    max-width: 100%;

    min-width: 100%;

}

.profileright{margin-top:20px;}

.profilepic ul li:first-child span{width:100%;}

.profilepic ul li:first-child span img{width:100%;}



.profilerightbg .btns2call {

    min-width: 100px;

}

.profilerightbg .btns2call button {

    min-width: 100%;

        }   

    }

/*Profile page css end*/









.get-started{text-decoration:none; margin-top:15px; display:inline-block;    background: #51b448;

    color: #fff;

    border-radius: 50px; font-size: 14px;

    padding: 0.5rem 1.5rem;}    

    .bggrnlbgdv{display:flex; align-items:flex-start; justify-content:space-between;}

    .bggrnlbgleft{min-width:22%; max-width:22%;}

    .bggrnlbgright{min-width:75%; max-width:75%; margin-left:3%; background:#F7FAF8; padding:20px; border-radius:20px;}

    .bggrnl1{background:#51B448; border-radius:10px; padding:20px 10px 10px 10px; color:#fff;}    

     .bggrnl1 .bggrnltext{font-size:46px; font-weight:bold;} 

       .bggrnl1 .bggrnltext i{transform:translateY(-20px);}

      

     .tenkbg{background:#F7FAF8; margin:15px 0; border-radius:10px; padding:20px 20px 20px 20px; color:#343a40; display:flex; align-items:center; justify-content:space-between;} 

     .tenkbg span{display:block; font-weight:bold; color:#51B448;} 

     .tenkbg img{margin-left:10px; }

     

     .millionbg{background:#E3E8F6; border-radius:10px; padding:20px 20px 20px 20px; color:#343a40;} 

      .millionbg span{display:block; font-weight:bold; color:#51B448; margin-top:10px;}

      .moreabutteam{margin-top:15px;}

      .moreabutteam h3{margin-bottom:5px;}

      .moreabutteam p{margin-bottom:5px;}

      

      .bggrnlbgright p{margin-bottom:6px;}

      

      .aboutbgtext{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px;}

      .aboutbgtext1{min-width:67%; max-width:67%; margin-right:3%;}

      .aboutbgimg{min-width:30%; max-width:30%;}

      

      

      

      

      

      

      

      

      

      

      .lefttabng{display:flex; justify-content:space-between; align-items:flex-start;}

      

      .lefttab{min-width:25%; max-width:25%; text-align:left;}

      .lefttab .nav-pills .nav-link{text-align:left; color:#343a40; font-weight:600;}

      .lefttab .nav-pills .nav-link span{width:30px; height:30px; border-radius:3px; text-align:center; display:inline-block; line-height:30px; background:#E6E6E6; margin-right:10px;}

      .lefttab .nav-pills .nav-link i{visibility:hidden;}

     .lefttab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: #51B448;

    background-color: #fff;

}



.lefttab .nav-pills .nav-link.active span{background:#51B448; color:#fff;}

.lefttab .nav-pills .nav-link.active span i{visibility:visible;}      



.lefttabng .aboutbgtext1 {

    min-width: 37%;

    max-width: 37%;

    margin-right: 3%;

}



.lefttabng .lefttabcontent {

    width: 67%;

}

.lefttabng .aboutbgimg {

    min-width: 50%;

    max-width: 60%;

}





@media (max-width:991px){

    .bggrnlbgdv {

    display: inline-block;}

    .bggrnlbgleft,.bggrnlbgright {

    min-width: 100%; margin-left: 0%;

    max-width: 100%;

}

.moreabutteam{margin-bottom:20px;}

.aboutbgtext {

    display: inline-block;}

.aboutbgtext1 {

    min-width: 100%;

    max-width: 100%;

    margin-right: 0;

}



.aboutbgtext .aboutbgimg {

    min-width: 60%;

    max-width: 60%;

}

.lefttabng {

    display: inline-block;}

    .lefttab {

    min-width: 100%;

    max-width: 100%;}

    .lefttabng .aboutbgtext1 {

    min-width: 100%;

    max-width: 100%;

    margin-right: 0;

}

.lefttabng .lefttabcontent {

 margin-top:15px;   width: 100%;

}

.lefttab .nav-pills .nav-link{padding-left:0;}



    }

.preloader{
    display:flex;
    justify-content: center;
}
     /* .preloader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        background: url(https://numberdekho.com/website/public/assets/front/images/ND_loaderM.gif) center no-repeat #ffffff;
    }*/

    .call-active a {
        color:#fff;
        text-decoration: none;
    }


    .rate {
        float: left;
        height: 46px;
        padding: 0 10px;
    }
    .rate:not(:checked) > input {
        position:absolute;
        top:-9999px;
    }
    .rate:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:30px;
        color:#ccc;
    }
    .rate:not(:checked) > label:before {
        content: '★ ';
    }
    .rate > input:checked ~ label {
        color: #ffc700;    
    }
    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;  
    }
    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }

    @media (max-width: 620px){
        .Goodup-grid-wrap.goodup-cus-height {
            height: auto;
        }
}
    .Goodup-grid-upper {
        position: relative;
        width: 100%;
        display: block;
    }
    .Goodup-pos {
        position: absolute;
        display: inline-flex;
        align-items: center;
        z-index: 2;
    }
    .Goodup-grid-thumb a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0.3;
        background: #202838;
        z-index: 1;
    }

    .Goodup-bookmark-btn {
        position: absolute;
        right: 15px;
        top: 10px;
        z-index: 2;
    }

    .attraction_name{
        font-size: 16px;
        text-decoration: none;
    }
    .Goodup-grid-fl-wrap{
        padding: 5px 0px 5px 0px;
    }


    .form-check-input.red-heart-check {
        background-color: transparent !important;
        /* border-color: #0d6efd; */
    }

    .form-check-input.red-heart-check {
        height: 25px !important;
        width: 25px !important;
        box-shadow: none !important;
        border: none !important;
        /* background-color: rgba(255, 255, 255, 0.1)!important; */
        /* border-radius: 100%!important; */
        /* background-color: white; */
        background-image: url(https://numberdekho.com/website/public/assets/front/images/wishlist.png) !important;
    }

    .form-check-input.red-heart-check:checked[type=checkbox] {
        background-image: url(https://numberdekho.com/public/assets/web/images/red-heart.png) !important;
        opacity: 1;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: white; */
    }

    .form-check-input.red-heart-check:checked {
        background-color: transparent !important;
        /* border-color: #0d6efd; */
    }

    .segoe-ui{
        text-decoration: none;
        color: #343a40;
    }

    .search_list{
        border-radius: 5px;
        display: block;
        border: 1px solid #d4cccc;
        margin: 15px;
        box-shadow: 2px 2px 4px #f3f3f3;
        padding: 5px;
    }









    /* custom css */
    .mobilecatheight {
        height: 200px;
    }

    @media only screen and (max-width: 768px){
    .mobilecatheight {
    height: 100px;
}
}

.bg-none {
    background-color: transparent !important;
}
.Goodup-catg-wrap {
    height: 80px!important;
    text-decoration: none;
    color: #2d2d30;
}
.Goodup-catg-wrap {
    position: relative;
    width: 100%;
    padding: 1rem 1rem;
    /* height: auto; */
    /* background: #ffffff; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 6px;
    margin-bottom: 30px;
    transition: all ease 0.4s;
    height: 160px !important;
    text-decoration: none;
    color: #2d2d30;
}

@media (max-width: 620px){
.Goodup-catg-wrap {
    height: 80px!important;
    height: 80px!important;
    text-decoration: none;
    color: #2d2d30;
}
}
.Goodup-catg-icon {
    width: 89px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    border-radius: 50%;
    background: rgb(244 27 59 / 7%);
    font-size: 28px;
    color: green;
    transition: all ease 0.4s;
    overflow: hidden;
}
@media (max-width: 620px){
.Goodup-catg-icon {
    height: 22px;
    background: none !important;
}
}
@media only screen and (max-width: 768px){
.Goodup-catg-icon {
    width: 24px;
}
}

.imageheight {
    width: 70px;
    height: 70px;
}

@media only screen and (max-width: 768px){
.imageheight {
    width: 20px;
    height: 20px;
}
}

.ft-medium {
    font-weight: 500;
}
.fs-md {
    font-size: 16px !important;
}
.carme {
    font-family: 'Carme', sans-serif;
}
@media (max-width: 600px){
.m-catrio {
    font-size: 12px !important;
}
}
@media (max-width: 620px){
.m-catrio {
    text-overflow: ellipsis;
    font-size: 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
}
.Goodup-catg-wrap:hover, .Goodup-catg-wrap:focus, .Goodup-catg-wrap:active {
    box-shadow: 0 8px 16px #96f296;
    /* box-shadow: 0 8px 16px rgb(146 152 198 / 8%); */
    -webkit-box-shadow: 0 8px 16px rgb(30 32 46 / 8%);
    border: 1px solid #96f296;
}
    /* end here */


    /* custom modal for language change */
    .custom_modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
      }
      
      .custom-modal-content {
        background-color: #fff;
        margin: 10% auto;
        padding: 20px;
        border-radius: 5px;
        border: 1px solid #888;
        width: 80%;
      }
      
      .comp_logo{
          display: flex;
          justify-content: center;
          position: relative;
          bottom: 60px;
      }
      .outer-logo{
          padding: 15px;
          background: #fff;
          border-radius: 50%;
      }
      .lng-change-btn{
        display: flex;
        justify-content: center;
        flex-direction: column;
      }
      .lng-content > h4, p{
         text-align: left;
      }
    /* end hrer */



    /* call button */
    @media (max-width: 767px){
    .btns2call > a {
        min-width: 39%;
        text-align: center;
        text-decoration: none;
        max-width: 68px;
        padding: 7px 0px;
        display: inline-block;
        font-weight: 600;
        border-radius: 5px;
        font-size: 9px;
        color: #fff;
    }
}

.btns2call > a {
    min-width: 100%;
    text-align: center;
    text-decoration: none;
    max-width: 68px;
    padding: 7px 0px;
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    font-size: 9px;
    color: #fff;
}

.call-active1 {
    min-width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 7px 0px;
    display: block;
    font-weight: 600;
    border-radius: 5px;
    font-size: 9px;
    background: #51b448;
    border: 1px solid #51b448;
    color: #fff;
}
.servlist2 > p{
    text-align: left;
}

@media (min-width:998px)  {
    .btns2call {
        width:20%;
    flex-direction: column;
    align-items: flex-end;
    }
}


.srvicimg > img {
    height: 93px;
    border-radius: 5px;
}

@media(max-width:767px){
    .srvicimg > img {
        height: 110px;
        border-radius: 5px;
    }
    .outletimg > img {
        height:25px;
    }
    .outlet > a > span > img{
        height:170px !important;
    }
}

.outletimg > img {
    height:50px;
}
.outlet > a > span > img{
    height:250px;
    border-radius: 5px;
}

#search_html{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    background: #fff;
    width: 100%;
}

.search_response{
    display: block;
    box-shadow: 3px 11px 10px 0px #e9e9e9;
    border-radius: 10px;
    width: 50%;
    padding: 10px;
    border: 1px solid #e9e9e9;
    margin: 10px;
    text-decoration: none;
    
}

@media(max-width:767px){
.sec-heading-title{
    border:none !important;
}
    .search_response{
        width:100%;
        
    }
    #search_html{
        position: relative;
    }
.btns2call > a {
  min-width:49%;
}
}

@media (max-width: 767px){
.btns2call > a {
    min-width: 100%;
}
}

/* popular outlets */

.data_discover_collections {
    width: 93%;
    margin: 80px auto auto
}

.data_discover_collections .data_discover_collections_heading {
    overflow: hidden
}

.data_discover_collections .dicover_data_container {
    display: flex;
    gap: 32px;
    justify-content: center;
}

.data_discover_collections .dicover_data_container.small {
    flex-wrap: wrap
}

.data_discover_collections .dicover_data_container.medium {
    overflow-x: scroll;
    overflow-y: hidden;
    gap: 16px
}

.dicover_data_container .discover_data_collection {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    margin-top: 24px
}

.discover_data_collection .discover_data_collection_subtitle {
    display: none
}

.discover_data_collection.small .discover_data_collection_title {
    font-size: 16px;
    font-weight: 500;
    color: #191C32;
    text-align: center
}

.discover_data_collection.small .discover_data_collection_subtitle {
    display: inline-block;
    position: relative;
    width: max-content;
    text-align: center;
    border-radius: 10px;
    background-color: #7ebb43;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    padding: 4px 10px;
    transform: translateY(calc(-20px - 50%))
}

.discover_data_collection.medium .discover_data_collection_title {
    width: 68%;
    text-align: center;
    height: 32px;
    background: linear-gradient(46.38deg,#6D6BED 20.46%,#8F8BF2 52.47%,#DBD0FE 110.16%);
    position: relative;
    box-shadow: 0 3.78px 0 #8E8CFE;
    border-radius: 10px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    top: -16px
}

.dicover_data_container .discover_data_collection.small {
    max-width: 120px;
    width: 120px;
    gap: 20px
}

.discover_data_collection.small .dicover_data_image {
    object-fit: contain;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    border: 1px solid rgba(0,0,0,.3)
}

.dicover_data_container .discover_data_collection.medium {
    max-width: 280px;
    width: 280px;
    min-width: 280px
}

.discover_data_collection.medium .dicover_data_image {
    height: 130px;
    min-height: 130px
}

.discover_data_collection .dicover_data_image {
    object-fit: cover;
    max-width: 100%
}

.one_click_discover_collections {
    width: 80%;
    margin: 80px auto auto;
    position: relative
}

.one_click_discover_collections .left-arrow,.one_click_discover_collections .right-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.12);
    background-color: #fff;
    padding: 4px;
    top: 50%;
    cursor: pointer
}

.one_click_discover_collections .left-arrow {
    left: -10px;
    transform: rotate(180deg);
    display: none
}

.one_click_discover_collections .one_click_collections_heading {
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: #333
}

.one_click_discover_collections .one_click_container {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    gap: 16px;
    margin-top: 16px;
    padding: 0 10px;
    scroll-behavior: smooth
}

.one_click_container .one_click_item {
    min-width: 170px;
    width: 170px
}

.one_click_item .item_image_holder {
    width: 100%;
    max-width: 100%;
    min-height: 220px;
    max-height: 220px;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: flex-end;
    margin-bottom: 6px
}

.info .item_name,.info .merchant_name {
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.item_image_holder.square {
    min-height: 170px;
    max-height: 170px
}

.one_click_item .home_delivery_tag {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px
}

.item_image_holder .item-primary-type {
    position: absolute;
    top: 8px;
    left: 8px
}

.one_click_item .info {
    color: #191C32;
    max-width: 192px
}

.info .item_name {
    font-weight: 500;
    max-height: 40px;
    min-height: 40px;
    -webkit-line-clamp: 2
}

.info .merchant_name {
    font-weight: 600;
    max-height: 20px;
    min-height: 20px;
    -webkit-line-clamp: 1
}

.info .subtitle {
    font-size: 14px;
    line-height: 16px;
    color: #a0a0a0;
    margin: 2px 0
}

.container .price_info {
    width: 100%
}

.price_info .price {
    font-size: 16px;
    line-height: 20px;
    color: #191C32;
    font-weight: 600
}

.price_info .mrp {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 16px;
    text-decoration: line-through;
    font-weight: 500;
    margin: 0 2px
}


@media(max-width:416px){
    .data_discover_collections .dicover_data_container {
        gap: 15px !important;
    }
    
    .dicover_data_container .discover_data_collection.small {
        max-width: 80px !important;
        width: 80px !important;
        gap: 27px !important;
    }
    
    .discover_data_collection.small .dicover_data_image {
        height: 80px !important;
        width: 80px !important;
     
    }
    
    .data_discover_collections {
        margin: 0px auto auto !important;
    }
    
    .discover_data_collection.small .discover_data_collection_subtitle {
        width: 100% !important;
    }
    
    .dicover_data_container .discover_data_collection {
        margin-top: 0px !important;
    }
    
    }
.dicover_data_container .discover_data_collection.small {
    max-width: initial;
    width: 20% !important;
    gap: 3px !important;
}

.data_discover_collections .dicover_data_container {
    justify-content: flex-start;
    gap: 20px !important;
}

.discover_data_collection.small .dicover_data_image {
    height: 60px !important;
    width: 60px !important;
}

.discover_data_collection.small .discover_data_collection_subtitle {
    transform: inherit;
    width: auto !important;
    font-size: 10px;
}

.srvicimg > img {
    height: 93px;
    border-radius: 5px;
    object-fit: cover;

}

.servicepList {
    margin-top: 15px;
}

.categorydetail .Nearestdrp .form-select {
    width: 24%;
}

.categorydetail span.imgJd img {
    width: 100%;
    height: auto;
    min-height: 100px;
    / object-fit: cover; /
    border-radius: 6px;
}

.textJd .d-flex.align-items-center.justify-content-between .d-flex.align-items-center {
    line-height: 1;
    color: #000;
}

.textJd .d-flex.align-items-center.justify-content-between {
    align-items: flex-start !important;
}

.textJd .d-flex.align-items-center.justify-content-between .d-flex.align-items-center a {
    color: #000;
    text-decoration: none;
}

.textJd .d-flex.align-items-center.justify-content-between .d-flex.align-items-center .verfy {
    padding-top: 0px;
}


.textJd [data-star] {
    font-size: 10px;
}

.addressBsns{
    color:#000000; font-size:8px; max-width: 75%;
}


    /* start rating filter */
    [data-star] {
        text-align:left;
        font-style:normal;
        display:inline-block;
        position: relative;
        unicode-bidi: bidi-override;
      }
      [data-star]::before { 
        display:block;
        content: '★★★★★';
        color: #cccaca;
      }
      [data-star]::after {
        white-space:nowrap;
        position:absolute;
        top:0;
        left:0;
        content: '★★★★★';
        width: 0;
        color: #ff8c00;
        overflow:hidden;
        height:100%;
      }
      
      [data-star^="0.1"]::after{width:2%}
      [data-star^="0.2"]::after{width:4%}
      [data-star^="0.3"]::after{width:6%}
      [data-star^="0.4"]::after{width:8%}
      [data-star^="0.5"]::after{width:10%}
      [data-star^="0.6"]::after{width:12%}
      [data-star^="0.7"]::after{width:14%}
      [data-star^="0.8"]::after{width:16%}
      [data-star^="0.9"]::after{width:18%}
      [data-star^="1"]::after{width:20%}
      [data-star^="1.1"]::after{width:22%}
      [data-star^="1.2"]::after{width:24%}
      [data-star^="1.3"]::after{width:26%}
      [data-star^="1.4"]::after{width:28%}
      [data-star^="1.5"]::after{width:30%}
      [data-star^="1.6"]::after{width:32%}
      [data-star^="1.7"]::after{width:34%}
      [data-star^="1.8"]::after{width:36%}
      [data-star^="1.9"]::after{width:38%}
      [data-star^="2"]::after{width:40%}
      [data-star^="2.1"]::after{width:42%}
      [data-star^="2.2"]::after{width:44%}
      [data-star^="2.3"]::after{width:46%}
      [data-star^="2.4"]::after{width:48%}
      [data-star^="2.5"]::after{width:50%}
      [data-star^="2.6"]::after{width:52%}
      [data-star^="2.7"]::after{width:54%}
      [data-star^="2.8"]::after{width:56%}
      [data-star^="2.9"]::after{width:58%}
      [data-star^="3"]::after{width:60%}
      [data-star^="3.1"]::after{width:62%}
      [data-star^="3.2"]::after{width:64%}
      [data-star^="3.3"]::after{width:66%}
      [data-star^="3.4"]::after{width:68%}
      [data-star^="3.5"]::after{width:70%}
      [data-star^="3.6"]::after{width:72%}
      [data-star^="3.7"]::after{width:74%}
      [data-star^="3.8"]::after{width:76%}
      [data-star^="3.9"]::after{width:78%}
      [data-star^="4"]::after{width:80%}
      [data-star^="4.1"]::after{width:82%}
      [data-star^="4.2"]::after{width:84%}
      [data-star^="4.3"]::after{width:86%}
      [data-star^="4.4"]::after{width:88%}
      [data-star^="4.5"]::after{width:90%}
      [data-star^="4.6"]::after{width:92%}
      [data-star^="4.7"]::after{width:94%}
      [data-star^="4.8"]::after{width:96%}
      [data-star^="4.9"]::after{width:98%}
      [data-star^="5"]::after{width:100%}
      
    /* end here */