*,body,html {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body {
    background: #000000
}

.img-width {
    width: 100%
}

.pd-topbtm-100 {
    width: 100%
}

.pd-topbtm-50 {
    padding: 50px 0
}

.pd-topbtm-30 {
    padding: 50px 0
}

.pd-top-50 {
    padding-top: 50px
}

.pd-top-30 {
    padding-top: 30px
}

.pd-top-15 {
    padding-top: 15px
}

.pd-btm-15 {
    padding-bottom: 15px
}

.container {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px
}

a {
    text-decoration: none;
    color: #ff0
}

a:hover {
    color: #fff
}

.display-flex {
    display: flex;
    align-items: center
}

.display-flex-align-top {
    display: flex
}

.light-bg {
    background: #2d2c3e
}

.dark-bg {
    background: #0d0d0d
}

.white-text {
    color: #fff
}

h1 {
    font-size: 32px;
    font-family: Georgia;
    line-height: 42px;
    margin-bottom: 15px;
    color: #ff0
}

h2 {
    font-size: 30px;
    font-family: Georgia;
    line-height: 40px;
    margin-bottom: 15px;
    color: #ff0
}

h3 {
    font-size: 28px;
    font-family: Georgia;
    line-height: 38px;
    margin-bottom: 15px;
    color: #ff0
}

h4 {
font-size: 20px;
font-family: Georgia;
line-height: 38px;
color: #ff0;
text-align: center;
background: #f103c9;
}

strong {
    color: #ff0
}

.local-places-heading {
    font-size: 28px;
    font-family: Georgia;
    line-height: 38px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ecd557
}

.pos-rel {
    position: relative
}

.over-flow {
    overflow: hidden
}

.cl {
    clear: both
}

.text-center {
    text-align: center
}

img {
    vertical-align: bottom;
    height: 100%;
    width: 100%
}

.top-sec-box {
    display: flex;
    align-items: center;
    padding: 10px
}

.top-sec-lf {
    width: 50%
}

.top-sec-lf a {
    display: inline-block;
    padding: 0 15px;
    font-size: 18px
}

.top-icons {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px
}

.top-icons img {
    width: 100%;
    height: 100%;
    filter: invert(100%)
}

.top-sec-rt {
    width: 50%;
    text-align: right
}

.social-top ul {
    margin: 0;
    padding: 0
}

.social-top ul li {
    display: inline-block;
    position: relative
}

.social-top ul li .top-icons {
    display: inline-block;
    width: 20px;
    height: 20px
}

header {
    padding: 5px 15px;
    background: #970671
}

.header-top {
    display: flex;
    align-items: center
}

.header-logo {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.header-logo a {
    color: #000
}

.header-logo a img {
    width: 186px;
    height: 76px;
    aspect-ratio: 1/0;
    object-fit: cover;
    display: inline-block
}

.header-right {
    text-align: center;
    display: flex;
    justify-content: flex-end;
    flex: 1
}

.navi-menu ul {
    margin: 0;
    padding: 0
}

.navi-menu ul li {
    display: inline-block;
    position: relative
}

.navi-menu ul li a,.cg-l {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 25px 15px;
    display: inline-block
}

.navi-menu ul li ul {
    width: 250px;
    background: #970671;
    border-radius: 10px;
    position: absolute;
    display: none;
    flex-wrap: wrap
}

.navi-menu ul li ul li {
    display: block;
    width: 100%
}

.navi-menu ul li ul li:before {
    display: none
}

.navi-menu ul li ul li a {
    display: block;
    color: #000;
    text-align: left;
    padding: 10px;
    text-transform: none
}

.navi-menu ul li ul li a:hover {
    background: #eee;
    color: #000
}

.navi-menu ul li:hover ul {
    display: flex
}

.menu-trigger {
    display: none
}

.arrow-down {
    height: 6px;
    width: 6px;
    border: #000 solid 2px;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    margin-left: 3px;
    display: inline-block;
    position: relative;
    top: -3px
}

.banner {
    margin: 0 0
}

.right-main {
    width: 62%
}

.main-hd h3 {
    font-size: 31px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 20px;
    font-family: Georgia
}

.main-txt p {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 28px;
    font-weight: 400;
    text-align: justify;
    color: #fff;
    font-family: auto
}

p {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 28px;
    font-weight: 400;
    text-align: justify;
    color: #fff
}

.main-txt ul {
    margin: 0;
    padding: 0
}

.main-txt ul li {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 10px 0
}

.top-banner-cate ul {
    margin: 0 -1px;
    padding: 0;
    display: flex
}

.top-banner-cate ul li {
    display: inline-block;
    position: relative;
    margin: 1px
}

.top-banner-cate-inner {
    border: #000 solid 1px
}

.top-banner-cate-inner img {
    width: 100%
}

.lf-text {
    width: 70%
}

.rt-text {
    width: 30%;
    padding-left: 30px
}

.local-places-list ul {
    margin: 0 -5px;
    padding: 0
}

.local-places-list ul li {
    display: block;
    margin: 5px
}

.local-places-list ul li a {
    border-radius: 4px;
    background: rgb(255 255 255 / .2);
    padding: 12px;
    display: block;
    color: #fff;
    font-size: 21px;
    border-left: 5px #FFF solid
}

.top-gallery-box ul {
    margin: 0 -4px;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.top-gallery-box ul li {
    display: inline-block;
    position: relative;
    width: 25%;
    padding: 4px
}

.top-gallery-img {
    border: #000 solid 1px;
    border-radius: 4px;
    overflow: hidden
}

.innerpages .lf-text {
    width: 80%
}

.innerpages .rt-text {
    width: 20%
}

.innerpages .rt-text .home-rt-img {
    border: #000 solid 1px
}

.girl-profile{
    margin: 0 -10px;
    padding: 0;
    display: flex
}


.girl-profile ul {
    margin: 0 -10px;
    padding: 0;
    display: flex
}

.girl-profile ul li {
    width: 100%;
    padding: 10px;
    display: block
}

.girl-profile ul li a {
    display: block
}

.category {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: #FFF solid 3px
}

.category span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #970671;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 3px 10px
}

.top-gallery-name {
    font-size: 19px;
    color: #fff;
    padding: 10px 0;
    text-align: center
}

.main-content {
    display: flex;
    margin: 0 -15px;
    background: #970671
}

.main-content-lf {
    padding: 15px;
    width: 70%
}

.main-content-rt {
    padding: 1px;
    width: 30%
}

.inner-pages .main-content-lf {
    padding: 15px;
    width: 80%
}

.inner-pages .main-content-rt {
    padding: 15px;
    width: 20%
}

.footer {
    padding: 30px 0;
    background: #970671;
    margin-top: 30px
}

.footer-box {
    margin: 0 -30px
}

.footer-list {
    width: 100%;
    padding: 0 30px
}

.footer-head {
    margin-bottom: 10px;
    font-size: 19px;
    font-family: Georgia;
    color: #ecd557;
    font-weight: 700
}

.footer-list ul {
    margin: 0;
    padding: 0
}

.footer-list ul li {
    display: block;
    position: relative
}

.footer-list ul li a {
    display: block;
    color: #fff;
    font-size: 16px;
    background: radial-gradient(at center center,#e11398 0%,#01030a 100%);
    margin: 10px;
    padding: 10px;
    text-align: center;
    border: 1px solid #ebe40b
}

.footer-list p {
    font-size: 16px;
    color: #fff;
    line-height: 26px
}

.footer-rt {
    color: #fff;
    font-size: 16px;
    text-align: center
}

/* Floating buttons base styling */
.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 10000; /* Ensure on top */
}

.float-btn {
  background-color: #25D366; /* WhatsApp green */
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: background-color 0.3s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

/* Different bg colors for call button */
.float-btn.call {
  background-color: #007bff;
}


/* Responsive for mobile */
@media (max-width: 768px) {
  .floating-buttons {
    bottom: 15px;
    right: 15px;
    gap: 12px;
  }
  .float-btn {
    width: 45px;
    height: 45px;
    font-size: 22px;
    line-height: 45px;
  }
}

.fa-classic,.fa-regular,.fa-solid,.far,.fas {
    font-family: "Font Awesome 6 Free";
}


.logo-f-footer {
    width: 186px
}

.rates-box {
    display: flex;
    flex-wrap: wrap
}

.rates-lf {
    width: 50%;
    padding: 15px;
    display: flex
}

.rates-inner {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: #ddd dashed 2px
}

.rates-head {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px
}

.rates-txt {
    font-size: 17px;
    color: #777
}

.rates-txt p {
    display: flex
}

.rates-txt p span {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    color: #ecd557;
    font-size: 24px;
    font-weight: 600
}

@media(max-width: 767px) {
    .top-sec-box {
        display:block
    }

    .top-sec-lf {
        display: none
    }

    .top-sec-rt {
        display: block;
        width: 100%;
        text-align: center
    }

    .header-top {
        display: block
    }

    .header-logo {
        text-align: center
    }

    .header-right {
        display: block
    }

    .navi-menu {
        margin-top: 15px
    }

    .navi-menu ul li {
        display: block;
        margin-bottom: 10px
    }

    .navi-menu ul li a,.cg-l {
        padding: 10px;
        border: #000 solid 1px;
        display: block
    }

    .navi-menu ul li:hover ul {
        display: none
    }

    .navi-menu ul li.open-nav ul {
        display: block;
        width: 100%;
        position: relative;
        margin-top: 10px;
        border-radius: 0
    }

    .navi-menu ul li.open-nav ul li a {
        border: 0
    }

    .girl-profile ul {
        display: block;
        margin: 0
    }

    .girl-profile ul li {
        display: block;
        width: 100%;
        padding: 10px 0
    }

    .category span {
        font-size: 21px
    }

    .main-content {
        display: block
    }

    .main-content-lf,.main-content-rt,.top-gallery-box ul li {
        width: 100%
    }

    .display-flex-align-top {
        display: block
    }

    .footer-box {
        margin: 0
    }

    .footer-list {
        width: 100%;
        padding: 0
    }

    .inner-pages .main-content-lf,.inner-pages .main-content-rt {
        width: 100%
    }

    .rates-lf {
        padding: 15px 0;
        display: block;
        width: 100%
    }
}

.page-not-box {
    padding: 150px 0;
    text-align: center
}

.hed404 {
    font-size: 122px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff
}

.hed-sma {
    font-size: 46px;
    margin-bottom: 15px;
    color: #fff
}

.hed-para {
    font-size: 20px;
    color: #fff
}

.hed-link {
    text-align: center;
    margin-top: 40px
}

.hed-link a {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    background: #fff;
    color: #000;
    padding: 10px 40px;
    display: inline-block
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 20px
}

.icon-bar a:hover {
    background-color: #000
}

.facebook {
    background: #3B5998
}

.whatsapp1 {
    background: #25D366!important
}

.table-bordered td,.table-bordered th {
    color: #fff!important
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-section .item {
    border: 1px solid #cecece;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    background: #970671
}

.content-section .listing {
    flex: 0 0 auto;
    max-width: initial;
    width: 160px;
    min-width: 160px;
    max-height: 200px;
    display: flex;
    align-items: baseline;
    overflow: hidden;
    cursor: pointer;
    padding: 0
}

.content-section .listing-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: inherit;
    max-width: inheri
}

.listing-desc .card-body {
    padding: .44rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 0
}

.listing-desc .listing-title,.listing-desc .listing-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.listing-desc .listing-text {
    -webkit-line-clamp: 4;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: auto
}

.listing-desc .card-body>a {
    float: right;
    margin-right: 8px
}



.content-section .listing .card-img-top {
    max-width: 100%;
    display: block;
    height: auto
}

.content-section h1 {
    font-size: 32px
}

@media screen and (max-width: 767px) {
    .listing-desc .listing-title {
        font-size:20px;
        margin-bottom: 10px
    }

    .listing-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        font-family: auto;
        text-align: center
    }
}

.about-part p {
    font-size: 18px;
    line-height: 26px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0
}

.content-section .listing {
    max-height: 100%
}
}