@font-face {

    font-family: 'Khand';

    src: url('fonts/Khand-Bold.eot');

    src: url('fonts/Khand-Boldd41d.eot?#iefix') format('embedded-opentype'),

        url('fonts/Khand-Bold.woff2') format('woff2'),

        url('fonts/Khand-Bold.woff') format('woff'),

        url('fonts/Khand-Bold.ttf') format('truetype'),

        url('fonts/Khand-Bold.svg#Khand-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Roboto';

    src: url('fonts/Roboto-Regular.eot');

    src: url('fonts/Roboto-Regulard41d.eot?#iefix') format('embedded-opentype'),

        url('fonts/Roboto-Regular.woff2') format('woff2'),

        url('fonts/Roboto-Regular.woff') format('woff'),

        url('fonts/Roboto-Regular.ttf') format('truetype'),

        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

body,

h1,

h2,

h3,

h4,

ul {

    margin: 0

}

h1,

h2,

h3

{

    font-family: 'Khand';

    background: #fde38c;

    background: -moz-linear-gradient(top, #fde38c 0, #f8b95d 100%);

    background: -webkit-linear-gradient(top, #fde38c 0, #f8b95d 100%);

    background: linear-gradient(to bottom, #fde38c 0, #f8b95d 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    letter-spacing: normal;

}

.category-lists a,

a,

nav .navbar .logo a {

    text-decoration: none

}



.rounded-list,

footer ul {

    list-style: none

}



html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}



*,

:after,

:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



a:focus {

    outline: 0 !important;

    outline-offset: 0 !important

}



ul {

    padding: 0

}



.container {

    width: 90%;

    margin: 0 auto

}



.col-3 {

    display: grid;

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

    grid-gap: 10px

}



body {

    background: #6d0200;

    position: relative;

    color: #fff;

    font-family: 'Roboto';

    font-size: 16px;

    line-height: 28px;

    color: #ca9c9a;

}

nav {

    width: 100%;

    height: 70px;

    background: #1b0100;

    border-bottom: 1px solid #f8b95d;

}



nav .navbar {

    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%

}



nav .navbar .bx-menu,

nav .navbar .nav-links .side-bar-logo .logo-name,

nav .navbar .nav-links .side-bar-logo .menu-close,

nav .navbar img {

    display: none

}



nav .navbar .logo,

nav .navbar .nav-links .links {

    display: flex

}



nav .navbar .logo a {

    font-size: 30px

}



.logo img {

    width: 160px;

    height: auto

}



.logo-name img {

    width: 200px

}



nav .navbar .nav-links {

    height: 100%;

    line-height: 70px

}



nav .navbar .nav-links .links li {

    list-style: none;

    position: relative;

    padding: 0 14px

}



nav .navbar .nav-links .links li a {

    color: #f8b95d;

    text-decoration: none;

    white-space: nowrap;

    font-size: 14px;

    text-transform: uppercase;

    padding: 5px;

}



nav .navbar .nav-links .links li a:hover {

    text-shadow: 0 2px 2px #000

}

.banner img{

    display: block;

    width: 100%;

}

.mob{

    display: none !important;

}

.text-center{

    text-align: center;

}

.grid{

    display: grid;

    gap: 30px;

}

.items-center{

    align-items: center;

}

.col-4-8{

    grid-template-columns: 30% 70%;

}

.col-2{

    grid-template-columns: 50% 50%;

}

.petternBg {

    background: #1b0100 !important;

}

.petternBg img{

    width: 100%;

    display: block;

    height: auto;

    border-radius: 30px;

}

.text-area h1, .text-area h2,  .text-area h3{

    font-size: 45px !important;

    padding-bottom: 15px;

    text-transform: uppercase;

    line-height: 50px;

}

.text-justify{

    text-align: justify;

}

.text-area p a{

    color: #fff;

}

.sec-padd{

   padding: 40px 0;

}

.whatsapp{

    background: rgb(1, 161, 36);

    color: #fff;

    padding: 8px 40px;

    border-radius: 5px;

    display: inline-flex;

    align-items: flex-start;

}

.whatsapp img{

    width: auto;

    margin-right: 10px;

}

.escorts-profile{

    display: grid;

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

    gap: 15px;

}

.profile{

    border: 1px solid #f8b95d;

}

.profile img{

    display: block;

    width: 100%;

    height: auto;

}

.mb-2{

    margin-bottom: 20px;

}

.escorts-name span{

    display: block;

    font-size: 20px;

    font-family: 'Khand';

    text-align: center;

    padding: 10px 0;

    color: #f8b95d;

}

.escorts-name {

    background: #1b0100;

}

.cat-box{

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

    width: 50%;

}

.cat-box .col{

    background: url(images/cat-bg.webp) no-repeat;

    height: 300px;

    height: 300px;

    background-size: 100% 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

}

.cat-box .col h2{

    color: #6d0200;

    background: none;

    -webkit-text-fill-color:unset;

    text-align: center;

}

.category{

    background: url(images/cat-bg-escorts.webp) no-repeat top center fixed;

    background-size: cover;



}

.poster img{

    width: 100%;

    display: block;

    height: auto;

}

footer ul

        {

            margin: 0;

            padding: 0;

            list-style-type: none;

        }

        footer ul li

        {

            float: left;

        }

        footer ul li a

        {

            color: #fff;

            text-decoration: none;

            font-size: 14px;

            margin-right: 20px;

        }

        footer h4

        {

            margin: 0;

        }

        footer

        {

            padding: 30px 0;

            background: #0e0e0e;

        }

        .cp-ryt

        {

            padding: 10px 0 0 0;

        }

        .cp-ryt p

        {

            font-size: 13px;

            margin: 0;

        }



        .md-6 {

            width: 50%;

            position: relative;

            min-height: 1px;

            padding-right: 15px;

            padding-left: 15px;

            float: left;

        }

@media (max-width:1199px) {

    

}



@media (max-width:991px) {

   

}



@media (max-width:767px) {

    

    .navbar {

        max-width: 100%

    }

    nav .navbar .nav-links {

        display: block;

        position: fixed;

        top: 0;

        left: -70%;

        max-width: 70%;

        width: 70%;

        background: #000;

        padding: 20px;

        line-height: 40px;

        transition: .5s;

        z-index: 999

    }

    nav .navbar .logo a {

        display: inline-flex

    }

    nav .navbar .nav-links .side-bar-logo {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 20px;

        line-height: 40px

    }

    nav .navbar .nav-links .side-bar-logo .logo-name a {

        color: #fff;

        font-size: 20px

    }

    .navbar .bx-menu,

    nav .navbar .nav-links .side-bar-logo .bx-x {

        color: #fff;

        font-size: 25px;

        font-weight: 700

    }

    nav .navbar .nav-links .links {

        display: block;

        margin-top: 20px

    }

    nav .navbar .nav-links .links li {

        padding: 0 20px

    }

    nav .navbar .bx-menu,

    nav .navbar .nav-links .side-bar-logo .logo-name,

    nav .navbar .nav-links .side-bar-logo .menu-close,

    nav .navbar img {

        display: block

    }

    .navbar .search-icon {

        display: none

    }

    nav .navbar {

        padding: 0 15px;

        justify-content: end

    }

    .navbar img {

        width: 35px

    }

    nav {

        height: auto;

        padding: 5px 0

    }

    .menu-close {

        width: 18px !important

    }

    .desk{

        display: none !important;

    }

    .mob{

        display: block !important;

    }

    .col-4-8{

        grid-template-columns: 100% 100%;

    }

    .grid{

        display: block;

    }

    .escorts-profile{

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

    }

    .cat-box{

        width: 100%;

        display: grid;

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

    }

    .md-6{

        width: 100%;

        margin-bottom: 15px;

    }

    .banner img{

        height: auto;

    }

    .text-area h1, .text-area h2, .text-area h3 {

        font-size: 25px !important;

        padding-bottom: 0px;

        text-transform: uppercase;

        line-height: 33px;

        margin-top: 15px;

    }

}



@media (max-width:499px) {

    .cat-box{

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

        gap: 5px;

    }

    .cat-box .col{

        height: 200px;

    }

    .cat-box .col h2{

        font-size: 20px;

    }

}

body {

    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

  }

  

 



.nowcalling {

    display: block;

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 9999;

}



.lcol, .rcol {

    float: left;

    width: 50%;

}

.lcol a, .rcol a {

    display: block;

    padding: 10px 0;

    text-align: center;

    text-decoration: none;

    color: #fff;

}

.lcol {

    background-color: #fd275a;

}

.rcol {

    background-color: #009999;

}


table {
    width: 100%;
}
table tr td {
    border-bottom: solid 1px #fff;
    line-height: 33px;
}
  
.form-filed {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 16px;
}
.form-text {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 16px;
}
input[type="Submit"] {
    background: rgb(1, 161, 36);
    color: #fff;
    border: none;
    font-size: 22px;
    padding: 10px;
    width: 100%;
}