.MultiCarousel {
    overflow: hidden;
}
.MultiCarousel-inner {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

body{
  background: #543310;
}

li{
        color: white;
}
.header{
    background-color:#f3e3e3;
    max-width:100% !important;
}
.social>li>a>img{
    width:40px;
}
.accordion-body>ul>li{
    color:#ee2768 !important
}
.warning{
    font-size: 1.05rem;
    font-weight: 400;
}
.red{
    color:red;
}
.img-thumbnail{
  /* max-height: 250px;*/
}
.breadcrumb-item>*{
    font-size: 1.0rem;
    font-weight: 400;
}
.age{
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
    color: white;
    border-radius: 10px;
    text-align: center;
    background: rgb(238, 39, 105);
    background: linear-gradient(90deg, #0dcaf0 0%, #01abff 35%, #0dcaf0 100%);
    padding: 6px 10px 5px 10px;
}
 .pageerror {
    font-size: 6rem;
    font-weight:600;
    color: #fff;
}
.pageerror2{
  font-size: 2rem;
    color: #fff;  
}

.list-body{
    max-height: 132px!important;
    overflow: hidden!important;
}
 .title >*{
      font-weight:400;
      font-size: 1.1rem;
      color: #fff;
      font-family: "Barlow Semi Condensed", sans-serif;
 }
 .whatsapp{
     cursor: pointer;
    color: white;
    padding:0px;
     
    text-align: center;
     
 }
 .bottomwhatsapp{
     cursor: pointer;
    color: white;
 padding: 0;
    margin:10px;
    text-align: center;
 }
 .bottomCall{
   cursor: pointer;
    color: white;
 padding: 0;
    margin:10px;
    text-align: center;
 }
 .bottom-list-icon{
  width: 60px !important;    
 }
 .pf1{
    padding: 4px 0px 4px 4px;
 }
 .pf{
     color: white;
    background: #e36f9c;
    border-radius: 14px;
    padding: 6px 10px 5px 10px;  
        margin-left: 2px;
    margin-right: 2px;
 }
 .profile{
     cursor: pointer;
     width: 100%;
     color: white;
      margin:4px;
    border-radius: 10px;
      text-align: center;
    background: rgb(238, 39, 105);
    background: linear-gradient(90deg, #ee2768 0%, #ee2768 35%, rgb(158 24 74) 100%);
     padding: 6px 10px 5px 10px;  
 }
 .profile1{
     cursor: pointer;
    color: white;
       
      width: 47%;
    border-radius: 10px;
      text-align: center;
    
 }
 .contact{
     cursor: pointer;
      width: 100%;
     color: white;
     padding:0px;
     text-align: center; 
 }
  
.truncate>* {
   font-size: 1.0rem;
    font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4;
   -webkit-box-orient: vertical;
}
.aminity{
     border: #ee2768a3 solid;
    border-radius: 4px;
    color: white;
     margin: 5px 6px 6px 5px;
    padding: 5px 10px 5px 10px;
    width: 100%;
    text-align: center;
}
.city{
    color: #fff;
    border: #fff dashed;
    border-radius: 4px;
    margin: 5px 6px 6px 5px;
    padding: 8px 20px 8px 20px;
    width: 100%;
    font-weight: 500;
    font-size: 1.2rem;
    
    line-height: 1.5;
    text-align: center;
    font-family: "Barlow Semi Condensed", sans-serif;
}
.center{
    text-align:center
}
.cb1{
  background: #01abff;
}
.cb2{
  background: #ee2768;
}
.language{
   list-style: none;
    padding-left: 0px;
}
.lang-li{
        float: left;
    margin-right: 18px;
}
.logo{
    height: 50px;
}
.navtag{
    height: fit-content;
    max-width: 1320px;
}
.overlay{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#ee2768a8;
    position: absolute;
    z-index: 1;
    align-content: center;
}
.overlay-photo{
     bottom: 15px;
    left: 12%;
    color: white;
    padding: .25rem;
    position: absolute;
    z-index: 999;
    border-radius: 4px;
    background: #ee27689e;
}
.overlay-photo-cara{
    color: white;
    padding: .25rem;
    position: absolute;
    z-index: 999;
    bottom: 4px;
    left: 4px;
    border-radius: 4px;
    background: #099fe8a1;
}
.list-body p{
    padding-left:0;
}
.overlay-text{
    top: -8px;
    /*left: 11px;*/
    color:white;
    position: absolute;
    z-index: 999;
   
}
.overlay-text>span{
    border-radius: 4px;
    padding: 4px 10px 4px 10px;
    background-color: #ee2768;
}
.overlay-text-slider{
    top: 0px;
    /*left: 11px;*/
    color:white;
    position: absolute;
    z-index: 999;
    margin-left: 10px;
   
}
.fixlocality{
    height: 200px;
    overflow: scroll;
}
.fixlocality2{
    height: 400px;
    overflow: scroll;
}
.overlay-text-slider>span{
    border-radius: 4px;
    padding: 4px 10px 4px 10px;
    background-color: #ee2768;
}
 
 
.bb{
   padding-top: 10px;
    padding-bottom: 10px;
}
.bg1{
     background: rgb(238,39,105);
    background:  linear-gradient(90deg, rgba(238, 39, 105, 0.63) 0%, rgba(238, 39, 105, 0.7049413515406162) 35%, rgba(238, 39, 105, 0.9626444327731093) 100%);;
    
}
.bg2{
 background: rgb(1,171,255);
background: linear-gradient(90deg, rgba(1,171,255,0.3884147408963585) 0%, rgba(1,171,255,0.7245491946778712) 35%, rgba(1,171,255,0.9962578781512605) 100%);
   
}
.button1{
    background: #01abff;
}
.button2{
    background: #ee2768;
}
 
 .navmenu{
   /* min-height: 115px;*/
    height: auto;
    background: #ee2768a8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 100%;
    position: relative;
}
 

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ee2768;
    font-weight: bold;
    background-color: transparent;
}
.nav-link{
        color: #343a40;
}
  
.white{
   color: #fff;
}
.grey-bg{
    background:#f4f4f4;
}
.rel{
        position: relative;
}
.row{
    margin-left:0;
    margin-right:0;
}
.category{
 color: #fff;
 font-family: "Barlow Semi Condensed", sans-serif;
 font-size: 1.4rem;

 }
 .headermenu{
     display: flow-root;
 }
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #663301;
    --bs-btn-border-color: #482401;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #482401;
    --bs-btn-hover-border-color: #351a00;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
   
}
.border-top {
    box-shadow: rgb(17 17 26 / 0%) 0px 4px 16px, rgb(17 17 26 / 6%) 0px 8px 24px, rgb(17 17 26 / 8%) 0px 16px 56px;
    border-radius: 4px;
    background: #1b1a1aa6;
}
.card-view {
    box-shadow: rgb(82 80 80 / 7%) 0px 4px 16px, rgb(146 146 146 / 13%) 0px 8px 24px, rgb(235 233 233 / 10%) 0px 16px 56px;
    border-radius: 4px;
    background: white;
    border: #ee276870 solid;
}
 
h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
     font-size: 1.2rem;
     color:#fff;
    line-height: 1.5;
   
}
h2{
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
     font-size: 1.2rem;
     color:#fff;
    line-height: 1.5;
   
}
h3 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
     font-size: 1.2rem;
     color:#fff;
    line-height: 1.5;
   
}
h4 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
     font-size: 1.2rem;
     color:#fff;
    line-height: 1.5;
   
}
h5 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
     font-size: 1.2rem;
     color:#fff;
    line-height: 1.5;
   
}
 h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
     font-size: 1.2rem;
     color:#fff;
    line-height: 1.5;
   
}
p{
   color:#fff; 
   font-weight: 300;
    font-size: 1.06rem;
    margin-bottom: 0px !important;
    text-align: justify;
}
a {
    color: #fff3cd !important;
    text-decoration: none; 
}
a:active {
 font-weight: 600 !important;
    font-size: 1.1rem !important;
}
.picons{
    justify-content: center;
 
}
@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 1.4rem;
        font-family: "Barlow Semi Condensed", sans-serif;
    }
}
.category-c{
    justify-self: center;
}
@media(min-width: 701px){
     .mlist-body {
     max-height: max-content;
    overflow: hidden!important;
    
}
.micons{
    display:none;
}
.list-icon{
    width: 60px !important;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
.fixlocality{
    height: 450px;
    overflow: scroll;
    }
    .fixlocality2{
    height: 450px;
    overflow: scroll;
    }
}
.button-icon{
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 999;
}
@media (max-width: 700px) {
    .fixlocality{
    height: 300px;
    overflow: scroll;
    }
    .fixlocality2{
    height: 500px;
    overflow: scroll;
    }
    .leftLst,.rightLst{
        display:none!important;
    }
    .MultiCarousel{
     padding:0px!important;   
    }
  .list-icon{
    width: 40px !important;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
  .list-body{
    padding:5px !important;
}
    .whatsapp {
    /* margin-bottom: 11px;*/
    }
    
    
     .city{
         width:100%;
         text-align: -webkit-center;
     }
     .faq{
    font-weight: 400;
    font-size: 1.6rem !important;
    }
    .col-sm-6{
        width:50%!important;
    }
    .mt-sm-2{
        margin-top:10px !important;
    }
    .p-sm-0{
        padding-left:0px;
        padding-right:0px;
    }
    .p-2{
        padding:0px !important;
    }
    .overlay-text>span{
      font-size: 12px;  
    }
    .mh4{
       
  
    font-weight: 400 !important;
    font-size: 16px!important;
   
    }
    .mp-0{
        padding: 0;
    }
    .mbody p{
        font-size: 14px !important;
    }
    .mb{
        margin-bottom:15px;
    }
    .mlist-body {
    max-height: 170px !important;
    overflow: hidden !important;
}
}

p{
    font-family: "Barlow Semi Condensed", sans-serif;
}
.text-body-secondary {
    color: #fff3cd !important;
}
.nav-tabs .nav-link{
    border: 1px solid #e36e9c;
}
.nav-link {
    color: #fff3cd !important;
}
.nav {
        --bs-nav-link-hover-color: #e36d9c !important;
        --bs-nav-link-color: #fff3cd !important;
}
.nav-tabs{
 --bs-nav-tabs-link-active-bg: #ee2768 !important;
 --bs-nav-tabs-link-active-color: white !important;
 --bs-nav-tabs-link-active-border-color: #d7074b #d7074b #d7074b !important;
}
.table {
    --bs-table-color: #fbfbfb !important;
    --bs-table-bg: #fff0 !important;
}
.table>:not(caption)>*>* {
    color:   #fff !important;
    background-color: #fff0 !important;;
}
.img-thumbnail:hover {
cursor: zoom-in;
}
.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 9999;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #01abff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 22px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-family: 'Barlow Semi Condensed';
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
    float: right;
  font-size: 35px;
  cursor: pointer;
  background-color: #11111103;
    color: #ee2768;
    width: fit-content;
  padding: 0px 10px;
  border: none;
}

.openbtn:hover {
  background-color:#11111103;
}
.logoicon{
        float: left;
    width: fit-content;
}
.breadcrumb {
    --bs-breadcrumb-divider-color: white;
}
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
  
}
.border {
    border: var(--bs-border-width) var(--bs-border-style) #b5d4d8 !important;
}
.border-bottom {
     border-top: var(--bs-border-width) var(--bs-border-style) #08a9fb !important;
    border-radius: 20px 20px 20px 20px !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) #08a9fb !important;
}
.img-thumbnail {
    background-color: #fff0;
    padding: .25rem;   
    max-width: 90% !important;
    border: 1px solid #11a9fb;
}
.btnicon{
    height: 22px;
    margin: 6px;
}
.locality{
  overflow: scroll;  
}
 .modal-content{
     background-color: #ee2768;
 }
 .popup-close {
    margin: 0;
}

.item> div>img{
    width:100%;
}
.item> div>svg{
height: 250px;
    width: 100%;
    }
 .item> div> a> div>img{
    width:100%;
}
.item> div> a>div>svg{
height: 250px;
    width: 100%;
    }
    .float-l{
     float:left;   
    }
    .faq{
     text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
    }
   .accordion-body,.accordion-body>p {
       color:#ee2768 !important
    }
.count{
    margin-top:5px;
    margin-left: 4px;
}
 .MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:2px; border-radius: 4px;margin:10px; background:#ba2f4b; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }