/**************************************
                General
**************************************/
:root {
    --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --animation-duration: 1s;
}
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
html {
    font-size: 100%;
    box-sizing: inherit;
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}
html.lenis,
html.lenis body {
    height: auto;
}
@media(prefers-reduced-motion: no-preference){
    @view-transition{
        navigation: auto;
    }
}
::view-transition-group(*){
    animation-duration: 1s;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-smooth iframe {
    pointer-events: unset;
}
html::-webkit-scrollbar {
    width: 6px;
    background-color: #DADADA;
}
html::-webkit-scrollbar-thumb {
    background-color: #C6A390;
    border-radius: 50rem;
}
a,
button {
    cursor: pointer;
    border: none;
    outline: none;
    user-select: none;
    background: none;
    box-shadow: none;
}
ol,
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
body {
    font-size: 20px;
    font-family: 'Tinos Regular';
    font-weight: 400;
    color: #DADADA;
}
a,
a:hover,
a:focus {
    color: #FFF;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
h1,h2{
    font-family: 'Blacker Sans Display Trial';
}
p {
    padding: 0;
    margin: 0;
}
main {
    overflow: clip;
}
img {
    max-width: 100%;
    height: auto;
    transition: all .5s;
}
.w-100 {
    width: 100% !important;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.text-center {
    text-align: center;
}
.container-fluid {
    padding: 0 70px;
}
/**************************************
         Animation
**************************************/
/* Keyframes */
@keyframes slideInUp {
    0% {
      opacity: 0;
      transform: translateY(25%);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes slideInDown {
    0% {
      opacity: 0;
      transform: translateY(-25%);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes slideInLeft {
    0% {
      opacity: 0;
      transform: translateX(25%);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes slideInRight {
    0% {
      opacity: 0;
      transform: translateX(-25%);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale(0.75);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes zoomReverseIn {
    0% {
      opacity: 0;
      transform: scale(1.25);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  @keyframes flipInY {
    0% {
      opacity: 0;
      transform: perspective(90vw) rotateX(67.5deg);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }
  
  /* Animations */
  [data-animation] {
    opacity: 0;
    animation-timing-function: var(--animation-timing-function);
    animation-fill-mode: both;
    animation-duration: var(--animation-duration);
    will-change: transform, opacity;
  }
  
  /* Disable animation of the children */
  .animations-disabled,
  .animations-disabled [data-animation] {
    animation: none !important;
    opacity: 1 !important;
  }
  
  /* Slide Animations */
  .slideInUp {
    animation-name: slideInUp;
  }
  
  .slideInDown {
    animation-name: slideInDown;
  }
  
  .slideInLeft {
    animation-name: slideInLeft;
  }
  
  .slideInRight {
    animation-name: slideInRight;
  }
  
  /* Fade Animations */
  .fadeIn {
    animation-name: fadeIn;
  }
  
  /* Zoom Animations */
  .zoomIn {
    animation-name: zoomIn;
  }
  
  .zoomReverseIn {
    animation-name: zoomReverseIn;
  }
  
  /* Flip Animations */
  .flipInY {
    animation-name: flipInY;
  }
  
  .flipOutY {
    animation-name: flipInY;
    animation-direction: reverse;
  }
  
/**************************************
                Helper Class
**************************************/
.sec-gap {
    padding: 60px 0;
}
.pb-60 {
    padding-bottom: 60px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
p {
    color: #DADADA;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.sec-title{
    color: #161616;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    margin-bottom: 18px;
}
.primary-btn{
    color: #FFF;
    font-family: 'Tinos Regular';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.727%;
    outline: none;
    border: none;
    overflow: hidden;
    background-color: #C6A390;
    padding: 14px 66px;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
}
.primary-btn:before,
.primary-btn:after {
    position: absolute;
    content: "";
    inset: 0;
    scale: 1 0;
    background: #fff;
    transition: all .35s;
    z-index: -1;
}
.primary-btn:before {
    opacity: .5;
}
.primary-btn:after {
    transition-delay: .2s;
}
.primary-btn:hover:before,
.primary-btn:hover:after {
    scale: 1 1;
}
.primary-btn:hover {
    color: #000;
    border-color: #C6A390;
}
.primary-btn:focus {
    color: #C6A390;
}
.secondary-btn{
    background-color: #FFF;
    color: #000;
    transition: 0.4s;
}
.secondary-btn:before,
.secondary-btn:after {
    background: #C6A390;
}
.secondary-btn:hover {
    color: #FFF;
    border-color: #C6A390;
}
.middle-line{
    width: 1px;
    height: 783px;
    background: #AFAFAF;
}
/**************************************
            Header Section
**************************************/
.flex-box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-call{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #C6A390;
}
header.sticky {
    background: #000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    animation: slideDown 0.35s ease-out;
    box-shadow: 1px 1px 10px 1px #00000060;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}
.main-menu {
    display: flex;
    align-items: center;
}
header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background: transparent;
    transition: ease-in-out .4s;
}
.main-menu {
    margin-left: auto;
}
nav {
    position: relative;
    margin: 0 auto
}
#menu,
#menu .main-menu ul,
#menu .main-menu ul li,
#menu .main-menu ul li a,
#menu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#menu {
    position: relative;
    display: flex;
    align-items: center;

}
#menu>.main-menu>ul>li {
    float: left;
    padding-inline: 20px;
}
#menu>.main-menu>ul>li>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    padding: 20px 6px;
    display: inline-block;
    color: #ffffff;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blog-nav {
    background: #000;
}
#menu>.main-menu>ul>li>a:hover::after,
#menu .main-menu ul li.current-menu-item a::after {
    width: 80%;
}
#menu .main-menu ul li.current-menu-item a::after {
    content: '';
    position: absolute;
    bottom: 16px;
    left: 7px;
    width: 25px;
    height: 1px;
    background: #C6A390;
}
#menu>.main-menu>ul>li:hover>a,
#menu .main-menu ul li.current-menu-item a {
    color: #C6A390;
}
#menu>.main-menu>ul>li:hover,
#menu .main-menu ul li.current-menu-item:hover,
#menu .main-menu ul li.current-menu-item,
#menu .main-menu ul li.has-sub.current-menu-item:hover {
    background: #e9cba400 !important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
}
#menu>.main-menu>ul>li.has-sub>a::before {
    top: 34px;
    right: -8px;
    transition: all .4s;
    content: "";
    position: absolute;
    z-index: 11;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    transform: rotate(225deg);
}
#menu>.main-menu>ul>li.has-sub:hover>a::before,
#menu>.main-menu>ul>li.has-sub.current-menu-item>a::before {
    border-top-color: rgb(237, 143, 0);
    border-left-color: rgb(237, 143, 0);
}
#menu .main-menu ul ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0px 12px 10px 0px #0000004f;
    width: auto;
}
#menu .main-menu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: rgb(255, 255, 255);
    transition: all .25s ease
}
#menu li:hover>ul {
    left: auto
}
#menu li:hover>ul>li {
    height: 40px;
    display: flex;
    align-items: center;
}
#menu ul ul ul {
    margin-left: 100%;
    top: 0
}
#menu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 10px 20px;
    width: auto;
    font-size: 19px;
    line-height: 19px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    white-space: nowrap;
}
#menu .main-menu ul ul li:last-child>a,
#menu .main-menu ul ul li.last-item>a {
    border-bottom: 0
}
#menu .main-menu ul ul li.has-sub>a:after {
    position: absolute;
    top: 13px;
    right: 11px;
    width: 8px;
    height: 8px;
    display: block;
    content: '';
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    transition: all .4s;
}
#menu .main-menu ul ul li.has-sub:hover,
#menu .main-menu ul li.has-sub ul li.has-sub ul li:hover {
    background: #363636
}
#menu ul ul ul li.active a {
    border-left: 1px solid #333
}
#menu .main-menu ul li.current-menu-item ul li a {
    color: #000;
}
#menu .main-menu ul li.current-menu-item ul li a:hover {
    color: #ffffff;
}
.mobile{
    display: none;
}
.logo{
	width: 245px;
}
@media screen and (max-width:992px) {
    header {
        position: fixed;
        width: 100%;
        height: 70px;
    }
    .logo {
        margin-top: 7px;
		width: 212px;
    }
    #menu .main-menu ul li.current-menu-item ul li a {
        color: #ffffff;
    }
    nav {
        width: 100%
    }
    #menu {
        width: 100%
    }
    #menu ul {
        width: 100%;
        display: none;
    }
    #menu .main-menu {
        width: 100%;
        position: fixed;
        height: 100% !important;
        background-color: #000;
        transform: translateX(-100%);
        transition: all .4s;
        top: 69px;
        left: 0;
		align-items: start;
    }
    #menu .main-menu.open {
        transform: translateX(0%);

    }
    #menu .main-menu ul li {
        width: 100%;
        border-top: 1px solid #4444442e;
    }
    #menu .main-menu ul li:hover {
        background: #363636
    }
    #menu .main-menu ul ul li,
    #menu li:hover>ul>li {
        height: auto
    }
    #menu .main-menu ul li a,
    #menu .main-menu ul ul li a {
        width: 100%;
        border-bottom: 0;
        color: #ffffff;
    }
    #menu>.main-menu>ul>li {
        float: none
    }
    #menu ul ul li a {
        padding-left: 25px
    }
    #menu ul ul li {
        background: #1b268600 !important
    }
    #menu ul ul ul li a {
        padding-left: 35px
    }
    #menu ul ul li a {
        color: #ddd;
        background: none
    }
    #menu ul ul li:hover>a,
    #menu ul ul li.active>a {
        color: #fff
    }
    #menu .main-menu ul ul {
        box-shadow: none;
    }
    #menu .main-menu ul ul,
    #menu .main-menu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        top: 0;
        transform: unset;
        height: auto;
    }
    #menu .main-menu ul ul.open {
        transform: unset;
    }
    #menu>ul>li.has-sub>a:after,
    #menu>ul>li.has-sub>a:before,
    #menu ul ul>li.has-sub>a:after,
    #menu ul ul>li.has-sub>a:before {
        display: none
    }
    #menu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    .hamburger {
        width: 55px;
        height: 48px;
        position: absolute;
        right: 0;
        top: 12px;
        cursor: pointer;
        z-index: 12399994;
    }
    .hamburger:after {
        position: absolute;
        top: 24px;
        right: 10px;
        display: block;
        height: 14px;
        width: 35px;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        content: '';
    }
    .hamburger:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 12px;
        right: 10px;
        display: block;
        height: 2px;
        width: 35px;
        background: #ffffff;
        content: '';
    }
    .hamburger.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 35px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .hamburger.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 35px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #menu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 0;
        height: 50px;
        width: 60px;
        cursor: pointer
    }
    #menu ul ul .submenu-button {
        height: 34px;
        width: 40px
    }
    #menu .submenu-button:after {
        position: absolute;
        top: 9px;
        right: 22px;
        width: 10px;
        height: 10px;
        display: block;
        content: '';
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: all .4s;
    }
    #menu ul ul .submenu-button:after {
        top: 11px;
        right: 19px;
    }
    #menu ul ul .submenu-button.submenu-opened:after {
        top: 16px;
    }
    #menu .submenu-button.submenu-opened:after {
        transform: rotate(-135deg);
        top: 15px;
    }
    #menu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #menu .submenu-button.submenu-opened:before {
        display: none
    }
    #menu ul ul ul li.active a {
        border-left: none
    }
    #menu>ul>li.has-sub>ul>li.active>a,
    #menu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
    .header-call{
        span{
            display: none;
        }
    }
    #menu{
        .mobile{
            display: block;
            position: absolute;
            right: 68px;
            top: 16px;
            a{
                width: 40px;
                height: 40px;
                background-color: #D6D6D6;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
        }
    }
    .desktop{
        display: none;
    }
}

.menu-white {
    position: relative;
    background: #FFF;
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.06);
}
.menu-white.header-area.sticky {
    background-color: #fff;
    box-shadow: 5px 0px 17px 0px #00000030;
}
.menu-white #menu>.main-menu>ul>li>a {
    color: #1E1E1E;
}
.menu-white .primary-btn {
    color: #1E1E1E;
}
.menu-white .serch-box input {
    border: 1px solid #D6D6D6;
    background: rgba(217, 217, 217, 0.10);
    backdrop-filter: blur(7.5px);
}
.fixed-btn {
    position: fixed;
    top: 55%;
    right: 10px;
    z-index: 8;
    width: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.enq-btn {
    position: fixed;
    top: 20%;
    right: 5px;
    height: 38px;
    font-weight: 400;
    text-align: center;
    z-index: 9;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    border-radius: 0px;
    overflow: clip;
    display: flex;
    border-radius: 0px;
    background: #ed8f00;
    border-radius: 4px;
    box-shadow: -4px -4px 0px #ffffff;
}
.enq-btn::after, .enq-btn::before {
    content: '';
    content: '';
    position: absolute;
    z-index: -1;
    background: #1d2e60;
    inset: 0;
    scale: 1 0;
    transition: scale 450ms;
    transform-origin: top;
}
.enq-btn:hover::after, .enq-btn:focus-visible::after {
    scale: 1 1;
    transform-origin: right;
}
.fc:hover, .fw:hover {
    transform: scale(1.2);
}
.enq-btn a {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 37px;
    color: #fff;
    padding: 0 13px;
    font-weight: 100;
}
/**************************************
            Banner Section
**************************************/
.banner-sec{
    position: relative;
    .banner-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .container{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
    }
    .banner-text{
        h1{
            color: #FFF;
            font-size: 70px;
            font-style: normal;
            font-weight: 300;
            line-height: 114.286%;
            margin-bottom: 23px;
        }
        p{
            margin-bottom: 33px;
        }
    }
}


/**************************************
            Category Section
**************************************/
.category-sec{
    padding: 20px;
    .top-img{
        overflow: hidden;
        position: relative;
        margin-bottom: 36px;
        &::after{
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0.7;
            inset: 0;
            background: linear-gradient(180deg, rgba(142, 126, 126, 0.00) 0%, rgba(6, 6, 6, 0.83) 100%);
            transition: 0.4s;
        }
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .top-img-inner{
            width: 100%;
            padding: 59px 41px;
            position: absolute;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: 1;
            transition: 0.5s;
            gap: 30px;
            .sec-title{
                color: #FFF;
                font-size: 62px;
                line-height: 95.161%;
                width: 50%;
            }
            .primary-btn{
                opacity: 0;
                transition: 0.5s;
            }
        }
        &:hover{
            .primary-btn{
                opacity: 1;
            }
        }
    }
    .bottom-imgs{
        position: relative;
        height: 457px;
        margin-bottom: 100px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: 0.4s;
        }
        &::after{
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #0D0D0D 100%);
            z-index: 1;
        }
        h3{
            position: absolute;
            left: -27%;
            bottom: 23%;
            color: #FFF;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 79.167%;
            z-index: 2;
            transform: rotate(-90deg);
        }
        &:hover{
            img{
                scale: 1.1;
            }
        }
    }
}
/**************************************
        Booking Section
**************************************/
.booking-sec{
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding-block: 200px;
    &::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        inset: 0;
        background: linear-gradient(180deg, rgba(198, 163, 144, 0.00) 32.17%, rgba(25, 23, 23, 0.69) 100%);
    }
    .booking-content{
        display: flex;
        justify-content: flex-end;
        align-items: end;
        padding-bottom: 100px
    }
    .booking-text{
        width: 62%;
        z-index: 1;
        .sec-title{
            color: #FFF;
            font-size: 70px;
            line-height: 114.286%;
        }
    }
}
/**************************************
        Nearest Section
**************************************/
.nearest-sec{
    .cards-imgs{
        height: 457px;
        margin-bottom: 14px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .nearest-cards{
        height: 100%;
    }
    .row{
        padding-left: 313px;
    }
    .slick-arrow{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #DADADA;
        z-index: 2;
        &::before{
            content: '';
            background-image: url(../images/arrow-icon.webp);
            width: 60px;
            height: 60px;
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        &:hover, &:focus{
            background-color: #C6A390;
            &::before{
                filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(200deg) brightness(98%) contrast(105%);
            }
        }
    }
    .slick-prev{
        left: 74%;
        top: -82px;
        transform: rotate(180deg);
    }
    .slick-next{
        right: 17%;
        top: -51px;
    }
    .slick-list{
        margin: 0 -20px ;
    }
    .slick-slide{
        margin: 0 20px ;
    }
    .cards-body{
        h4{
            color: #000;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 79.167%;
            margin-bottom: 14px;
        }
        .specs{
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            margin-bottom: 9px;
            span{
                border-radius: 2px;
                border: 1px solid #000;
                padding: 5px;
                color: #000;
                font-size: 16px;
                font-weight: 400;
            }
        }
    }
    .btn-group{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 9px;
        .primary-btn{
            width: 100%;
            padding: 14px 10px;
        }
        .secondary-btn{
            background: #141414;
            color: #FFF;
        }
    }
}
/**************************************
        Book Service First Section
**************************************/
.book-first{
    background: #F9F0EB;
    padding-left: 395px;
    .sec-title{
        line-height: 116%;
        margin-bottom: 12px;
    }
    p{
        color: #4C4C4C;
        margin-bottom: 8px;
        text-align: justify ;
    }
    .col-lg-5{
        margin-block: auto;
    }
    .btn-group{
        margin-top: 25px;
    }
    .secondary-btn{
        background: transparent;
        border: 1px solid #000;
        outline: 0;
        color: #000;
        transition: 0.4s;
        &:hover{
            color: #fff;
            outline: none;
        }
    }
    .secondary-btn:before,
    .secondary-btn:after {
        background: #141414 ;
    }
    .col-lg-7{
        padding-right: 20px;
        position: relative;
    }
    .service-img1{
        height: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    .middle-line{
        position: absolute;
        width: 1px;
        height: 783px;
        background: #AFAFAF;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
}
/**************************************
        Book Service Second Section
**************************************/
.book-second{
    .service-img2{
        height: 100%;
        margin-left: 126px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .sec-title{
        line-height: 116%;
        margin-bottom: 12px;
    }
    p{
        color: #4C4C4C;
        text-align: justify;
    }
    .book-second-top-text{
        margin-bottom: 60px;
        width: 70%;
    }
    .slick-list{
        margin: 0 -20px ;
    }
    .slick-slide{
        margin: 0 20px ;
    }
    .booking-slider{
        .booking-cards{
            height: 474px;
            position: relative;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            &::after{
                position: absolute;
                width: 100%;
                height: 100%;
                content: '';
                inset: 0;
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(13, 13, 13, 0.74) 100%);
            }
        }
    }
    .slick-dots{
        li {
            width: 120px;
            height: 1px;
            margin-top: 75px;
            height: 1px;
            background-color: #DFDFDF;
            margin-inline: -2px;
        }
    }
    .slick-dots{
        margin-bottom: -35px;
        .slick-active{
            background: #C6A390;
           height: 2px;
           z-index: 2;
        }
        li button {
            opacity: 0;
            width: 100%;
        }
        &::before{
            width: 100%;
        }
    }
}
/**************************************
        Book Service Third Section
**************************************/
.book-third-text{
    margin-inline: auto;
    width: 1556px;
    padding: 27px 78px;
    background: #F2F2F2;
    .sec-title{
        line-height: 116%;
        margin-bottom: 12px;
    }
    p{
        color: #4C4C4C;
        margin-bottom: 20px;
    }
}
/**************************************
        Book Service Fourth Section
**************************************/
.book-fourth{
    padding-block: 30px;
    padding-left: 30px;
    background: #F5F1FD;
    margin-bottom: 36px;
    .service-img4{
        height: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    p{
        color: #4C4C4C;
        margin-bottom: 20px;
        text-align: justify;
    }
    .row{
        .col-lg-7{
            margin-block: auto;
            padding-left: 30px;
        }
    }
    .secondary-btn{
        background: transparent;
        border: 1px solid #000;
        outline: 0;
        color: #000;
        transition: 0.4s;
        &:hover{
            color: #fff;
            outline: none;
        }
    }
    .secondary-btn:before,
    .secondary-btn:after {
        background: #141414 ;
    }
    .book-second-top-text{
        width: 72%;
    }
}
/**************************************
        Book Service Fifth Section
**************************************/
.book-fifth{
    background: #FFF2EB;
    padding-block: 30px;
    padding-right: 30px;
    .service-img5{
        height: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .sec-title{
        line-height: 116%;
        margin-bottom: 12px;
    }
    p{
        color: #4C4C4C;
        margin-bottom: 20px;
    }
    .col-lg-7{
        padding-left: 254px;
        margin-block: auto;
    }
    .secondary-btn{
        background: transparent;
        border: 1px solid #000;
        outline: 0;
        color: #000;
        transition: 0.4s;
        &:hover{
            color: #fff;
            outline: none;
        }
    }
    .secondary-btn:before,
    .secondary-btn:after {
        background: #141414 ;
    }
}
/**************************************
        Top Escorts Section
**************************************/
.top-escort{
    padding: 20px;
    .top-escort-cards{
        position: relative;
        height: 597px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        &::after{
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 39.72%, rgba(0, 0, 0, 0.894) 91.55%);
        }
    }
    .cards-inner{
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px;
        z-index: 1;
        h4{
            color: #fff;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 79.167%;
            margin-bottom: 14px;
        }
        .specs{
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            margin-bottom: 9px;
            span{
                border-radius: 2px;
                border: 1px solid #fff;
                padding: 5px;
                color: #fff;
                font-size: 16px;
                font-weight: 400;
            }
        }
    }
    .btn-group{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 9px;
        .primary-btn{
            width: 100%;
            padding: 14px 10px;
        }
    }
}
/**************************************
        Book Service sixth Section
**************************************/
.book-sixth{
    padding-left: 20px;
    .sec-title{
        line-height: 116%;
        margin-bottom: 12px;
    }
    .service-img6{
        height: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    p{
        color: #4C4C4C;
        margin-bottom: 8px;
        text-align: justify;
    }
    .col-lg-5{
        margin-block: auto;
        position: relative;
    }
    .btn-group{
        margin-top: 25px;
    }
    .secondary-btn{
        background: transparent;
        border: 1px solid #000;
        outline: 0;
        color: #000;
        transition: 0.4s;
        &:hover{
            color: #fff;
            outline: none;
        }
    }
    .secondary-btn:before,
    .secondary-btn:after {
        background: #141414 ;
    }
    .middle-line{
        position: absolute;
        width: 1px;
        height: 783px;
        background: #AFAFAF;
        right: 7px;
        top: 50%;
        transform: translate(0, -50%);
    }
    .book-second-top-text{
        width: 100%;
    }
}
/**************************************
        Call Now Section
**************************************/
.call-now{
    position: relative;
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	padding-block: 200px;
    &::after{
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        inset: 0;
        background: linear-gradient(180deg, rgba(70, 59, 52, 0.04) 0%, rgba(59, 53, 50, 0.28) 100%);
    }
    .container{
        display: flex;
        align-items: end;
    }
    .booking-text{
        z-index: 1;
        width: 90%;
        .sec-title{
            color: #FFF;
            font-size: 70px;
            line-height: 114.286%;
        }
    }
}
/**************************************
        Top Escort Location Section
**************************************/
.top-location{
    .location-cards{
        position: relative;
        height: 402px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            cursor: pointer;
        }
        &::after{
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(13, 13, 13, 0.74) 100%);
            cursor: pointer;
        }
        p{
            position: absolute;
            bottom: 26px;
            z-index: 1;
            color: #fff;
            font-size: 24px;
            width: 100%;
            text-align: center;
        }
    }
    .slick-list{
        margin: 0 -10px ;
    }
    .slick-slide{
        margin: 0 10px ;
    }
    .slick-dots{
        margin-bottom: -20px;
        .slick-active{
            background: #C6A390;
        }
        li{
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #D9D9D9;
        }
        li button {
            opacity: 0;
            width: 100%;
        }
        &::before{
            width: 100%;
        }
    }
}
footer{
    background: #151515;
    .logo{
        img{
            margin-bottom: 21px;
        }
        p{
            color: #AAA;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
        }
    }
    .footer-top{
        .logo {
            text-align: left;
            height: 30%;
        }
        padding-top: 81px;
        margin-bottom: 6px;
        .footer-links{
            h4{
                color: #C6A390;
                font-size: 22px;
                font-style: normal;
                font-weight: 400;
                line-height: 145.455%;
                margin-bottom: 8px;
            }
            a{
                color: #FFF;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 200%;
                &:hover{
                    color: #C6A390;
                }
            }
        }
    }
    .copyright{
        padding-block: 19px;
    }
}
/**************************************
            Blog Page
**************************************/
.blog-banner-sec{
    position: relative;
    .container{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
    }
    .blog-banner-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        background: linear-gradient(180deg, rgba(38, 34, 34, 0.65) 0%, rgba(0, 0, 0, 0.00) 100%);
    }
    .blog-bn-text{
        h1{
            color: #FFF;
            font-size: 70px;
            font-style: normal;
            font-weight: 300;
        }
    }
}
.blog-grid{
    .blog-cards{
        height: 100%;
        .blog-imgs{
            position: relative;
            overflow: hidden;
            img{
                width: 100%;
                height: 385px;
                object-fit: cover;
            }
        }
    }
    .blog-cards:hover{
        img{
            scale: 1.1;
        }
        .blog-date {
            background-color: #C78E70;
            p{
                color: #fff;
            }
        }
        .blog-body{
            h3{
                color: #C78E70;
            }
        }
    }
    .blog-body{
        padding-top: 18px;
        h3{
            color: #000;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 79.167%;
            margin-bottom: 12px;
            &:hover,:focus{
                color: #C78E70;
            }
        }
        p{
            color: #4C4C4C;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 135%;
        }
    }
}
.blog-date{
    position: absolute;
    bottom: 0;
    right: -1px;
    padding: 10px 0 10px 10px;
    background-color: #fff;
    transition: 0.4s;
    p{
        color: #C78E70;
        display: flex;
        align-items: center;
        gap: 5px;
        transition: 0.4s;
        span{
            display: block;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #C78E70;
        }
    }
}
/**************************************
            Blog Details page
**************************************/
.white-header{
    background-color: #fff;
    border-bottom: 1px solid #E2E2E2;
    &.sticky{
        background-color: #fff;
    }
    #menu>.main-menu>ul>li>a{
        color: #000;
        &:hover{
            color: #C6A390;
        }
    }
    .logo{
        img{
            filter: brightness(0) saturate(100%) invert(0%) sepia(68%) saturate(4195%) hue-rotate(225deg) brightness(100%) contrast(108%);
        }
    }
    .header-call{
        color: #C6A390;
    }
    .blog-hb{
        stroke: #2F2F2F;
    }
        #menu .main-menu {
        background-color: #fff;
    }
    .hamburger:before {
        background: #000;
    }
    .hamburger:after {
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }
}
.blog-details-banner{
    margin-top: 110px;
    .blog-date{
        position: relative;
        padding: 0;
    }
    .banner-head{
        h1{
            color: #2F2F2F;
            font-size: 52px;
            font-style: normal;
            font-weight: 300;
            line-height: 105.769%;
            margin-bottom: 20px;
        }
    }
    .bn-img{
		aspect-ratio:1.3/0.5;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
			object-position: top;
        }
    }
}
.article-head{
    h2{
        color: #000;
        font-family: 'Tinos Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
    }
    .under-bar{
        display: block;
        width: 14px;
        height: 1px;
        background: #000;
        margin-bottom: 18px;
        margin-top: 9px;
    }
}
.article-details{
    padding-bottom: 0;
    .artical-content{
        padding: 30px;
        h3{
            color: #000;
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: 63.333%;
            margin-block: 20px;
        }
    }
    p{
        color: #4C4C4C;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: 10px;
    }
    .side-bar{
        .article-head{
            margin-top: 30px;
        }
        .side-bar-items{
            li{
                padding-block: 15px;
                border-bottom: 1px solid #000;
                a{
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    p{
                        color: #000;
                        font-size: 21px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 109.524%;
                        transition: 0.4s;
                    }
                }
                &:last-child{
                    border-bottom: none;
                }
                &:hover{
                    a{
                        p{
                            color: #C78E70;
                        }
                    }
                }
            }
        }
    }
}
/**************************************
            Call Girl Page
**************************************/
.banner-sec{
    position: relative;
    .call-ban-overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        background: linear-gradient(180deg, rgba(18, 18, 18, 0.57) 0%, rgba(60, 60, 60, 0.03) 100%);
    }
}
.call-white{
    background-color: #fff;
}
.call-book-third{
    background: #F5F1FD;
}
.call-text-third{
    width: 100%;
    background-color: transparent;
    text-align: center;
    .sec-title{
        margin-bottom: 30px;
    }
}
.call-book-first{
    background: transparent;
    padding-left: 320px;
    .row{
        background: #FFF2EB;
    }
    .col-lg-6{
        padding: 60px;
    }
}
.escape-sec{
    padding-top: 0;
    .row{
        padding-inline: 40px;
    }
    .cards-imgs{
        height: 326px;
        margin-bottom: 14px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        &:hover{
            img{
                scale: 1.1;
            }
        }
    }
    .cards-body{
        h4{
            color: #000;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 79.167%;
            margin-bottom: 14px;
        }
        .specs{
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            margin-bottom: 9px;
            span{
                border-radius: 2px;
                border: 1px solid #000;
                padding: 5px;
                color: #000;
                font-size: 16px;
                font-weight: 400;
            }
        }
    }
    .btn-group{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 9px;
        .primary-btn{
            width: 100%;
            padding: 14px 10px;
        }
        .secondary-btn{
            background: #141414;
            color: #FFF;
        }
    }
}
.call-book-fifth {
    margin-bottom: 60px;
    background: transparent;
    padding-right: 0;
    .col-lg-7 {
        padding-left: 356px;
    }
}
.call-now{
    .call-book-text{
        bottom: 213px;
    }
}
.embrace-sec{
    .embrace-cards{
        .embrace-img{
            overflow: hidden;
            img{
                width: 100%;
                height: 350px;
                object-fit: cover;
            }
            &:hover{
                img{
                    scale: 1.1;
                }
            }
        }
    }
    .embrace-body{
        h4{
            color: #000;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 79.167%;
            margin-block: 14px;
        }
        .specs{
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            span{
                color: #000;
                font-size: 16px;
                font-weight: 400;
                &:first-child{
                    color: #C78E70;
                }
            }
        }
    }
}
/**************************************
        Location Listing
**************************************/
.location-names{
    .location-listing-cards{
        position: relative;
        overflow: hidden;
        transition: 0.3s;
        img{
            aspect-ratio: 1 / .8;
            width: 100%;
            object-fit: cover;
            object-position: top center;
        }
        h4{
            display: block;
            position: absolute;
            bottom: 4px;
            left: 0;
            color: #FFF;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(102, 102, 102, 0.00) 100%);
            font-size: 24px;
            font-weight: 400;
            padding: 19px;
        }
        &:hover{
            img{
                scale: 1.1;
            }
            h4{
                color: #C78E70;
            }
        }
    }
}
/**************************************
            Location Details
**************************************/
.banner-sec{
    .location-details-text{
        padding-top: 0;
    }
}
.location-top-escort{
    .top1-excort-slider{
        .top-excort-cards{
            .top-excort-cards-img{
                position: relative;
                height: 474px;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .top-excort-cards-img-overlay{
                    padding: 20px 23px;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    inset: 0;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(13, 13, 13, 0.74) 100%);
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    h4{
                        color: #FFF;
                        font-size: 34px;
                        font-weight: 400;
                    }
                    p{
                        color: #DDA98D;
                        font-size: 16px;
                        font-weight: 400;
                    }
                }
            }
        }
        .slick-list{
            margin: 0 -10px;
        }
        .slick-slide{
            margin: 0 10px;
        }
    }
}
.profile-sec{
    position: relative;
    padding-top: 130px;
    .back-rec{
        position: absolute;
        width: 707px;
        height: 1075px;
        background: #F3F3F3;
        z-index: -1;
        top: 0;
        left: 0;
    }
    .profile-img{
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .profile-details-text{
        h1{
            color: #000;
            font-size: 60px;
            font-weight: 700;
        }
    }
    .info-table{
        tr{
            text-align: left;
            th{
                color: #000;
                font-size: 24px;
                font-weight: 700;
            }
            td{
                color: #000;
                font-size: 24px;
                font-weight: 400;
            }
            th,td{
                padding: 6px 0;
            }
            
        }
    }
    hr{
        background: #FAD5C2;
        margin-block: 15px;
    }
    .header-call{
        color: #C6A390;
        font-size: 44px;
        font-weight: 400;
        img{
            width: 26.667px;
            height: 28.333px;
        }
    }
}
.book-third{
    .profile-third-text{
        padding: 85px;
        background: #FFF1EA;
    }
}
.blog-grid{
    .p-card-name{
        position: absolute;
        right: -2px;
        bottom: 0;
        padding: 15px 111px 15px 30px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.71) 0%, #fff 100%);
        h4{
            color: #000;
            font-size: 24px;
            font-weight: 400;
        }
    }
}
.about-book1{
    padding-block: 60px;
    background: #fff;
    padding-right: 0;
}
.about-book-third{
    background: #000;
    .sec-title{
        color: #fff;
    }
    .book-third-text p{
        color: #fff;
    }
}
.about-book-fourth{
    .container{
        background: #F4F1EF;
    }
    p{
        color: #4C4C4C;
        font-size: 20px;
        font-weight: 400;
        line-height: 160%;
    }
    .col-lg-6{
        padding-block: 30px;
    }
    .col-lg-6:first-child{
        display: flex;
        align-items: center;
        padding-inline: 20px;
    }
    
}
.get-in-touch {
    .form-control {
        color: #000;
        border-radius: 0;
        border: 1px solid #6D6C74;
        background: #FFF;
        padding: 18px 10px;
        width: 100%;
        outline: none;
        &::placeholder{
            color: #949494;
            font-size: 18px;
        }
    }
}
.form-content{
    a{
        display: block;
        color: #161616;
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 20px;
        span{
            color: #C78E70;
        }
    }
}
.contact-form{
    padding: 37px 19px;
    background: url(../images/contact-form-bg.webp);
    .sec-title{
        color: #FFF;
    }
    .primary-btn{
        transition: 0.4s;
        &:hover{
            background: #fff;
        }
    }
}
.form-group textarea{
    height: 196px;
}
/**************************************
            Responsive
**************************************/
@media screen and (-webkit-min-device-pixel-ratio: 1.25),
       screen and (min-resolution: 120dpi) {
    /* Custom styles for 125% scale */

}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
       screen and (min-resolution: 144dpi) {
    /* Custom styles for 150% scale */
}
@media (max-width: 1600px),
(max-width: 1536px) {
    .sec-title {
        font-size: 46px;
        line-height: normal;
    }
    .banner-sec {
        & .banner-text {
            h1 {
                font-size: 66px;
            }
        }
    }
    .category-sec {
        & .top-img {
            & .top-img-inner {
                .sec-title {
                    font-size: 58px;
                }
            }
        }
    }
    .book-second {
        .book-second-top-text {
            width: 82%;
        }
    }
    .booking-sec {
        .booking-text {
            width: 65%;
            bottom: 77px;
            right: -147px;
            .sec-title{
                font-size: 65px;
            }
        }
    }
    .nearest-sec {
        .row {
            padding-left: 156px;
        }
    }
    .book-first {
        padding-left: 218px;
    }
    .book-second {
        .service-img2 {
            margin-left: 50px;
        }
        .book-second-top-text {
            margin-bottom: 30px;
        }
        .slick-dots {
            margin-bottom: -30px;
            li{
                width: 90px;
            }
        }
        .booking-slider {
            .booking-cards {
                height: 420px;
            }
        }
    }
    .nearest-sec {
        .slick-next {
            top: -52px;
        }
    }
    .book-fourth {
        .book-second-top-text {
            width: 83%;
        }
    }
    .book-fifth {
        .col-lg-7 {
            padding-left: 122px;
        }
    }
    .top-escort {
        .top-escort-cards {
            height: 570px;
        }
        .btn-group {
            .primary-btn {
                padding: 10px 10px;
            }
        }
    }
    .book-sixth {
        .middle-line {
            right: 5px;
        }
    }
    .call-now {
        .booking-text {
            z-index: 1;
            .sec-title {
                font-size: 65px;
            }
        }
    }      
    .call-book-first {
        padding-left: 166px;
    }                       
    .call-book-fifth {
        .col-lg-7 {
            padding-left: 170px;
        }
    }
    .call-now {
        .call-book-text {
            bottom: 160px;
        }
    }
    .profile-sec {
        .back-rec {
            position: absolute;
            width: 580px;
            height: 1075px;
            background: #F3F3F3;
            z-index: -1;
            top: 0;
            left: 0;
        }
    }
}
@media (max-width: 1440px){
    .banner-sec {
        & .banner-text {
            h1 {
                margin-bottom: 10px;
            }
            p{
                margin-bottom: 26px;
            }
        }
    }
    .category-sec {
        .top-img {
            .top-img-inner {
                .sec-title {
                    font-size: 52px;
                }
                .primary-btn {
                    padding: 14px 60px;
                }
            }
        }
    }
    .booking-sec {
        .booking-text {
            .sec-title {
                color: #FFF;
                font-size: 60px;
                line-height: 114.286%;
            }
        }
    }
    .nearest-sec {
        .row {
            padding-left: 74px;
        }
        .slick-next {
            right: 16%;
        }
    }
    .book-first {
        padding-left: 121px;
    }
    .book-second {
        .book-second-top-text {
            width: 89%;
        }
        .service-img2 {
            margin-left: 22px;
        }
        .slick-dots {
            margin-bottom: -15px;
        }
    }
    .book-third-text {
        width: 1353px;
    }
    .book-fourth {
        .book-second-top-text {
            width: 91%;
        }
    }
    .top-escort {
        .top-escort-cards {
            height: 490px;
        }
        .cards-inner {
            padding: 9px;
        }
    }
    .top-location {
        .location-cards {
            height: 345px;
        }
    }
    .escape-sec {
        .btn-group {
            .primary-btn {
                padding: 9px 10px;
                font-size: 20px;
            }
        }
    }
    .call-now {
        .call-book-text {
            bottom: 148px;
        }
    }
    .profile-sec {
        .back-rec {
            width: 485px;
        }
    }
}
@media (max-width: 1366px){
    p{
        line-height: 120%;
    }
    .sec-title {
        font-size: 40px;
        line-height: normal;
    }
    .primary-btn {
        padding: 9px 28px;
    }
    .banner-sec {
        & .banner-text {
            h1 {
                font-size: 56px;
            }
        }
    }
    .category-sec {
        .top-img {
            .top-img-inner {
                .sec-title {
                    font-size: 48px;
                }
                .primary-btn {
                    padding: 14px 55px;
                }
            }
        }
        .bottom-imgs {
            h3 {
                font-size: 22px;
            }
        }
    }
    .nearest-sec {
        .row {
            padding-left: 127px;
        }
        .cards-imgs {
            height: 350px;
            margin-bottom: 14px;
        }
        .primary-btn{
            font-size: 20px;
        }
        .slick-next {
            right: 15%;
            top: -52px;
        }
        .cards-body {
            .specs {
                span {
                    font-size: 15px;
                }
            }
        }
        .btn-group {
            .primary-btn {
                width: 100%;
                padding: 9px 10px;
            }
        }
    }
    .book-third-text {
        width: 1271px;
        p {
            color: #4C4C4C;
            margin-bottom: 15px;
        }
    }
    .book-fourth {
        p {
            margin-bottom: 10px;
        }
    }
    .book-fifth {
        p {
            color: #4C4C4C;
            margin-bottom: 8px;
        }
    }
    .book-first {
        .middle-line {
            height: 635px;
        }
    }
    .book-sixth {
        .middle-line {
            height: 652px;
        }
    }
    .top-escort {
        & .btn-group {
            .primary-btn {
                font-size: 20px;
            }
        }
        .cards-inner {
            .specs {
                span {
                    font-size: 14px;
                }
            }
        }
    }
    .article-details {
        p{
            line-height: 120%;  
        }
        .side-bar {
            .side-bar-items {
                li {
                    a {
                        p {
                            font-size: 17px;
                        }
                    }
                }
            }
        }
    }
    .call-text-third {
        width: 100%;
        padding: 27px;
    }
    .call-now {
        .booking-text {
            width: 60%;
            .sec-title {
                font-size: 46px;
            }
        }
    }
    .escape-sec {
        .btn-group {
            .primary-btn {
                padding: 9px 10px;
                font-size: 16px;
            }
        }
    }
    .blog-grid {
        .blog-body {
            h3 {

                line-height: 100%;
            }
            p{
                line-height: 95%;
                font-size: 18px;
            }
        }
    }
    .profile-sec {
        .profile-details-text {
            h1 {
                font-size: 43px;
            }
        }
        .info-table {
            tr {
                th, td {
                    font-size: 18px;
                }
            }
        }
        .header-call {
            font-size: 34px;
            img {
                width: 21.667px;
                height: 24.333px;
            }
        }
        .back-rec {
            width: 488px;
            height: 962px;
        }
    }
    .about-book-fourth {
        p {
            line-height: 130%;
        }
    }
    .form-content {
        a {
            font-size: 26px;
            margin-bottom: 6px;
        }
    }
    .form-group textarea {
        height: 160px;
    }
}
@media (max-width: 991.98px){
    p {
        font-size: 19px;
        line-height: 130%;
    }
    .primary-btn {
        padding: 14px 50px;
    }
    .sec-title {
        font-size: 42px;
        margin: 20px 0;
    }
    .sec-gap {
        padding: 30px 0;
    }
    .banner-sec {
        height: 90vh;
        .banner-text {
            h1 {
                font-size: 49px;
            }
        }
    }
    .category-sec {
        margin-bottom: 30px;
        .top-img {
            margin-bottom: 0;
            .top-img-inner {
                .primary-btn{
                    opacity: 1;
                }
                .sec-title {
                    font-size: 43px;
                }
            }
        }
        .bottom-imgs {
            margin-bottom: 0;
            h3 {
                left: -17%;
            }
        }
    }
    .booking-sec {
		background-position: center;
		padding-block: 120px;
        .booking-content {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 0;
            text-align: center;
            .sec-title{
                font-size: 40px;
            }
        }
    }
    .booking-slider{
        .slick-list{
            margin: 0 -10px ;
        }
        .slick-slide{
            margin: 0 10px ;
        }
    }
    .nearest-sec {
        .btn-group {
            .primary-btn {
                width: 100%;
                padding: 11px 10px;
                font-size: 18px;
            }
        }
        .row {
            padding-left: 40px;
        }
        .slick-list{
            margin: 0 -10px ;
        }
        .slick-slide{
            margin: 0 10px ;
        }
        .slick-next {
            right: 8%;
            top: -52px;
        }
    }
    .book-first {
        padding: 24px;
        padding-top: 35px;
        .middle-line {
            left: -1px;
        }
        .service-img1 {
            img{
                margin-left: 10px;
            }
        }
        .middle-line {
            height: 739px;
        }
    }
    .book-second {
        .service-img2 {
            margin-left: 0;
        }
        .book-second-top-text {
            margin-bottom: 30px;
            padding: 20px;
        }
    }
    .book-third-text {
        width: 94vw;
        padding: 26px;
    }
    .book-fourth {
        padding: 20px;
        .row {
            .col-lg-7 {
                padding-left: 13px;
            }
        }
    }
    .book-fifth {
        padding-block: 0;
        padding-right: 0;
        .col-lg-7 {
            padding: 0 31px 0 31px;
        }
        .service-img5 {
            padding: 20px;
        }
    }
    .top-escort{
        padding: 0 10px 0 10px;
    }
    .book-sixth {
        .col-lg-5 {
            padding: 0 34px 0 34px;
        }
    }
    .book-sixth {
        .book-second-top-text {
            padding: 0 30px 30px 30px;
        }
    }
    .call-now {
		    padding-block: 100px;
    background-position: center;
        .container{
            padding-bottom: 0;
            align-items: center;
            justify-content: center;
            text-align: left;
        }
        .booking-text{
            width: 100%;
        }
    }
    .top-location{
        .slick-list{
            margin: 0 -5px ;
        }
        .slick-slide{
            margin: 0 5px ;
        }
    }
    footer {
        .footer-top {
            padding-top: 41px;
        }
        .copyright {
            text-align: center;
        }
    }
    .blog-banner-sec {
        .blog-bn-text {
            h1 {
                font-size: 52px;
            }
        }
    }
    .blog-details-banner {
        .banner-head {
            h1 {
                font-size: 48px;
            }
        }
    }
    .embrace-sec{
        margin-bottom: 30px;
    }
    .banner-sec {
        .call-bg {
            object-position: left;
        }
    }
    .location-bg{
        object-position: left;
    }
    .profile-sec {
        padding-top: 100px;
        .profile-details-text {
            h1 {
                margin-bottom: 10px;
            }
        }
        .back-rec {
            width: 411px;
            height: 877px;
        }
        .header-call{
            span{
                display: block;
            }
        }
    }
    .book-third {
        .profile-third-text {
            padding: 35px;
        }
    }
    .about-bg{
        object-position: center;
    }
    .about-book1 {
        padding-block: 40px;
    }
}
@media (max-width: 576px){
    p{
        font-size: 16px;
    }
    .sec-title {
        font-size: 30px;
    }
    .primary-btn {
        padding: 7px 27px;
        font-size: 19px;
    }
    .banner-sec {
        .banner-text {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            h1{
                font-size: 24px;
                margin-bottom: 10px;
                text-align: center;
            }
            p{
                text-align: center;
                margin-bottom: 10px;
            }
        }
        height: 450px;
    }
    .category-sec {
        padding: 12px;
        .top-img {
            .top-img-inner {
                .sec-title {
                    font-size: 26px;
                }
                padding: 11px 8px;
                .primary-btn {
                    padding: 9px 17px;
                    font-size: 16px;
                }
            }
        }
    }
    .booking-sec {
		padding-block: 50px;
        .booking-text{
            .sec-title{
                font-size: 20px;
            }
        }
    }
    .nearest-sec {
        .sec-title{
            width: 60%;
        }
        .row {
            padding-left: 17px;
        }
        .slick-arrow{
            width: 40px;
            height: 40px;
            &::before{
                width: 40px;
                height: 40px;
            }
        }
        .slick-prev {
            left: 68%;
            top: -54.5px;
        }
        .slick-next {
            right: 7%;
            top: -33px;
        }
        .cards-imgs {
            img {
                object-position: top;
            }
        }
    }
    .specs {
        span {
            font-size: 12px;
        }
    }
    .book-first {
        padding: 17px;
        padding-top: 0;
        .middle-line {
            height: 322px;
            left: 5px;
        }
    }
    .book-second{
        .slick-dots{
            li {
                width: 40px;
                height: 1px;
                margin-top: 75px;
            }
        }
    }
    .call-now {
		padding-block: 40px;
        .booking-text {
            flex-direction: column;
            text-align: center;
            left: 2px;
            bottom: 16px;
            .sec-title {
                font-size: 26px;
            }
        }
    }
    .top-location {
        .location-cards {
            height: 454px;
        }
    }
    .blog-banner-sec {
        .blog-banner-bg {
            object-position: right;
        }
    }
    .blog-banner-sec {
        .container {
            justify-content: center;
        }
    }
    .blog-banner-sec{
        height: 350px;
        .blog-bn-text{
            h1{
                font-size: 36px;
            }
        }
    }
    .blog-grid {
        .blog-body {
            h3 {
                font-size: 22px;
            }
            p{
                font-size: 17px;
            }
        }
    }
    .container-fluid {
        padding: 0 20px;
    }
    .blog-details-banner {
        .banner-head {
            h1 {
                font-size: 27px;
            }
        }
    }
    .article-details {
        p {
            font-size: 15px;
        }
        .artical-content {
            padding: 10px;
            h3 {

                line-height: 103.333%;
                margin-block: 15px;
            }
        }
    }
    .call-text-third {
        padding: 0;
    }
    .call-book-first {
        padding: 0;
        .col-lg-6 {
            padding:20px;
            &:last-child{
                padding: 0;
            }
        }
    }
    .escape-sec {
        .row {
            padding-inline: 0;
        }
    }
    .location-names {
        .location-listing-cards {
            h4 {
                font-size: 18px;
                padding: 14px;
            }
        }
    }
    .profile-sec {
        .back-rec {
            width: 100%;
            height: 581px;
        }
    }
    .book-third {
        .profile-third-text {
            padding: 13px;
        }
    }
    .about-book1 {
        padding-block: 5px;
    }
    .about-book-fourth {
        .col-lg-6:last-child {
            padding-block: 0px;
            .sec-title {
                margin: 4px 0;
            }
        }
    }
    .about-book-fourth {
        p {
            font-size: 17px;
        }
    }
    .form-group textarea {
        height: 110px;
    }
}

 #pagination, .wp-pagenavi {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-pagenavi {
    display: inline
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    color: rgb(8, 8, 8);
    font-size: 18px;
    font-family: "Arimo";
    font-weight: 500;
}

  .wp-pagenavi span.current {
    border-color: #ed8f00;
    background: rgb(237, 143, 0);
    color: #fff;
    border-radius: 6px;
}
.wp-pagenavi a {
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.wp-pagenavi .active a {
    color: #ffffff;
    background: #ed8f00;
}

.wp-pagenavi  a:hover:not(.active) {
    color: #ffffff;
    background: #ed8f00;
}

p a{
	color:#c6a390;
}
/* ===========================
   Blog details: article-details
   =========================== */
:root{
  --text:#1b1b1b;
  --muted:#6c6c6c;
  --accent:#b08b68;        /* change to your brand */
  --accent-2:#e4d3c2;
  --rule:#efe7df;

  --ff-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --ff-body:  "Source Serif Pro", Georgia, "Times New Roman", serif;

  --lh: 1.65;
}

/* Base body copy */
.article-details{
  color:var(--text);
  font: 400 1.05rem/var(--lh) var(--ff-body);
  letter-spacing:.01em;
}
.article-details p{
  margin: 0 0 1.2rem;
  color: var(--text);
}
.article-details .lead{
  font-size: clamp(1.1rem, 1.2vw + 1rem, 1.35rem);
  color:#2b2b2b;
}

/* Headings */
.article-details h1,
.article-details h2,
.article-details h3,
.article-details h4,
.article-details h5,
.article-details h6{
  font-family: var(--ff-serif);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .2px;
  margin: 2.4rem 0 .7rem;
  color:#1a1a1a;
  scroll-margin-top: 90px; /* prevents sticky header overlap; adjust as needed */
}

/* Underline accent for section heads */
.article-details h2,
.article-details h3{
  position: relative;
  padding-bottom: .35rem;
}
.article-details h2::after,
.article-details h3::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:72px; height:6px; border-radius:999px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  opacity:.65;
}

/* Responsive sizes */
.article-details h1{ font-size: clamp(2rem, 2.2vw + 1.6rem, 2.8rem); }
.article-details h2{ font-size: clamp(1.6rem, 1.2vw + 1.2rem, 2.1rem); }
.article-details h3{ font-size: clamp(1.35rem, .9vw + 1.05rem, 1.6rem); }
.article-details h4{ font-size: 1.15rem; }
.article-details h5{ font-size: 1.05rem; text-transform: uppercase; letter-spacing:.05em; color:#2e2e2e; }
.article-details h6{ font-size: 1rem; color:var(--muted); }

/* Lists */
.article-details ul,
.article-details ol{
  margin: 0 0 1.8rem;
}

/* Unordered list: custom bullets */
.article-details ul{ list-style:none; padding-left:0; }
.article-details ul > li{
  position:relative; padding-left:1.6rem; margin:.45rem 0;
}
.article-details ul > li::before{
  content:"";
  position:absolute; left:0; top:.55em;
  width:.55rem; height:.55rem; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff 0 25%, var(--accent) 26% 100%);
  box-shadow: 0 0 0 2px var(--accent-2);
}
/* Nested bullets get a soft dash */
.article-details ul ul{ margin-top:.35rem; }
.article-details ul ul > li::before{
  width:.5rem; height:.1rem; border-radius:2px; top:.8em;
  background: var(--accent); box-shadow:none;
}

/* Ordered list with elegant counters */
.article-details ol{ counter-reset: fancy; list-style:none; padding-left:0; }
.article-details ol > li{
  counter-increment: fancy; position:relative; padding-left:2.2rem; margin:.45rem 0;
}
.article-details ol > li::before{
  content: counter(fancy) ".";
  position:absolute; left:0; top:.05rem; width:1.6rem; text-align:right;
  font:700 1rem/1 var(--ff-serif); color:var(--accent);
}

/* Optional: rule and callout */
.article-details hr{
  border:0; height:1px; background:var(--rule);
  margin: 1.8rem 0;
}
.article-details .note{
  background:#fff7f0; border:1px solid var(--accent-2); color:#4a3727;
  padding:.9rem 1rem; border-radius:12px; margin:1.2rem 0;
}

/* Links inside the article */
.article-details a{
  color:#b06a55; text-decoration-thickness:.08em; text-underline-offset:.18em;
}
.article-details a:hover{ color:#8f4f3d; }