*, html,  body{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif;}
body{overflow-x:hidden; background: url(../images/bg-body.jpg) no-repeat fixed; background-size:cover; }
a{text-decoration: none; }
img{display: inline-block; vertical-align: bottom; width: 100%;}
.cl{clear: both}
.text-red{color: #fd3545;}
.text-gray{color: #333;}
.text-white{color: #fff;}
.text-yellow{color: #f0ee2b}

.n-margin{margin-top: -28px}

.bg-gray{background:#dfd7d9;}

.text-center{text-align: center;}

.pd-top-60{padding-top: 30px;}
.pd-btm-60{padding-bottom: 30px;}

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

.pos-rel{position: relative;}
.w50{width: 50%;}
.w70{width: 70%;}
.w30{width: 30%;}

.main-txt p a{color: #6dacfd; font-weight: 600;}
.main-txt p a:hover{text-decoration: underline;}


h1{font-family: 'Inter', sans-serif; font-size: 38px; line-height: 48px; margin-bottom: 20px; font-weight: 700}
h2, .escort-ser-hd{font-family: 'Inter', sans-serif; font-size: 34px; margin-bottom: 20px; font-weight: 700}
h3{font-family: 'Inter', sans-serif; font-size: 30px; margin-bottom: 20px; font-weight: 700}

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

.body-content{max-width: 1200px; margin: auto; padding:0 15px; position: relative;}
.body-content-lf{width: 240px; margin-right: 20px; position: fixed; padding: 10px 0;}
.body-content-rt{padding-left: 260px; width:100%;}

.lf-1{width: 240px; margin-bottom: 10px; border-radius: 10px; overflow: hidden;}
.lf-1 img{width: 100%}

/* Header Start */
header{padding-top: 10px; border-radius: 10px; overflow: hidden;}
.header-top{background: #ce303c; padding:8px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.header-logo a{font-size: 20px; color: #fff; text-shadow: rgba(0,0,0,0.4) 1px 1px 3px;}
.menu-trigger{display: none;}
.menu-box{background: #fd3545;}
.menu-box ul{margin:0; padding: 0;}
.menu-box ul li{display: inline-block; position: relative;}
.menu-box ul li a{color: #fff; font-size: 14px; display: inline-block; padding: 16px 26px; text-transform: uppercase; font-weight: 600}

.header-logo{width: 200px; font-weight: 600; color: #fff;}
.header-right{display: flex; justify-content: flex-end; flex: 1}
.header-right ul{margin:0; padding: 0;}
.header-right ul li{display: inline-block; position: relative;}
.header-right ul li a{color: #fff; font-size: 20px; font-weight: 600;}
.header-right ul li span{width: 30px; display: inline-block; margin-right: 5px;}

/* Header Closed */

/* Banner Start */

.banner{margin-top: 10px; border-radius: 10px; overflow: hidden; position: relative;}
.banner-fig-cap{background: #fff; font-size: 30px; padding: 10px 15px; bottom: 15px; left: 0; position: absolute; font-weight: 800;color: #fd3545}

.main-txt p{font-size: 17px; line-height: 26px; margin-bottom: 10px; text-align: justify;}
.main-txt ul{margin: 0px 0 10px 0; padding: 0;}
.main-txt ul li{display: block; position: relative; padding: 4px 0; padding-left: 22px; font-size: 17px; color: #fff}
.main-txt ul li:before{content: ''; position: absolute; height: 7px; width: 7px; left: 0; top: 10px; background: #fff;}


/* Banner Closed */

.middle-e-box{display: flex; margin:0 -10px;}
.middle-e-box-lf{width: 50%; margin:5px 10px; border:rgba(255,255,255,0.3) solid 1px; display: flex; border-radius: 10px; overflow: hidden;}
.middle-e-box-img{width: 40%;}
.middle-e-box-txt{width: 60%; padding: 20px;}
.e-name{font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 10px;}
.e-txt{font-size: 14px; color: #fff; margin-bottom: 10px;}
.e-profile{margin: 0 -5px;}
.e-profile span{margin: 5px; background: rgba(0,0,0,0.3); color: #fff; font-size: 13px; display: inline-block; padding: 5px 10px;}

.location-wise{padding:30px 0 0 0;}
.local-place{margin: 0 -5px}
.local-place a{display: inline-block; color: #fff; background: linear-gradient(to bottom, #fd3545, #ce303c); border-radius: 5px; padding: 15px 30px; font-size: 15px; font-weight: 600; margin:10px 5px; text-transform: uppercase; border: rgba(255,255,255,0.4) solid 1px;}
.tab-links{display: none; margin-top: 15px;}
.tab-links ul{margin: 0 -5px; padding: 0;}
.tab-links ul li{display: inline-block; position: relative; margin: 5px;}
.tab-links ul li a{background: #fff; border-radius: 5px; display: block; padding: 15px 25px; color: #ce303c; font-size: 16px; font-weight: 600;}



.photo-gallery-box ul{margin: 0 -10px; padding: 0;}
.photo-gallery-box ul li{display: inline-block; width: 200px; position: relative; margin: 10px;}
.photo-gallery-inner{border:rgba(255,255,255,0.3) solid 1px; padding: 10px; border-radius: 10px;}
.photo-gallery-img{border-radius: 10px; width: 205px; border-radius: 10px; overflow: hidden;}

.photo-gallery-txt{font-size: 17px; font-weight: 600; padding: 10px 0; color: #fff; background: #fd3545; margin-top: 10px; border-radius: 10px; text-align: center}

.cate ul{margin: 0 -10px; padding: 0;}
.cate ul li{display:block; margin:30px 10px;}

.cate-box{position: relative; display: flex; align-items: flex-start;}
.cate-box-img{width: 20%; border-radius: 10px; overflow: hidden;}
.cate-box-txt{padding-left:30px; width: 80% }
.cate-box-hd{font-size: 22px; font-weight: 600; padding:0 0 10px 0; color: #f0ee2b;}
.cate-box-txt-p{font-size: 17px; line-height: 25px; color: #fff;}


.type-escort ul{margin: 0 -10px; padding: 0; text-align: center;}
.type-escort ul li{display: inline-block; position: relative; width: 30.8%; margin: 10px; background: #fff}
.type-escort-img{margin: 10px; margin-bottom: 0;}
.type-escort ul li a{display: block; padding: 10px; text-align: center; padding:15px 10px; width: 100%; border-radius: 5px; color: #ce303c; font-size: 18px; font-weight: 600;}


/* Footer Start */

.footer{background:rgba(28, 19, 20, 0.6); padding: 20px; border-radius: 10px; margin-bottom: 15px;}
.footer-menu ul{margin: 0; padding: 0; text-align: center;}
.footer-menu ul li{display: inline-block; position: relative;}
.footer-menu ul li a{padding: 10px; position: relative; display: inline-block; color: #fff; font-size: 14px; font-weight: 600;}
.footer-copy{margin-top: 15px; border-top:rgba(255,255,255,0.1) solid 1px; padding: 10px; font-size: 13px; color: #fff; text-align: center;}


.whatsapp-icons a{height: 40px; width: 40px; border-radius: 50%; margin-top: 10px; padding: 8px; background: #25d366; display: inline-block;}
.phone-icons a{height: 40px; width: 40px; border-radius: 50%; margin-top: 10px; padding: 8px; background: #ce303c;display: inline-block; }
.footer-fixed{position: fixed; left: 15px; bottom: 15px; z-index: 999}


/* Footer Closed */
.close-menu{height: 30px; width: 30px; background: #fff; top: 10px; right: 10px; position: fixed; display: none; z-index: 99999; cursor: pointer;}
.close-menu:before{content: ''; position: absolute; height: 15px; background: #000; width: 2px; transform: rotate(45deg); left: 15px; top: 7px;}
.close-menu:after{content: ''; position: absolute; height: 15px; background: #000; width: 2px; transform: rotate(-45deg); left: 15px; top: 7px;}

@media(max-width: 767px){
	.body-content-lf{width: 100%; display: flex; position: relative; padding: 0}
	.lf-1{width: 32%; height: 72px; overflow: hidden; margin: 5px;}

	.header-logo{position: relative; width: 100%}

	.menu-trigger{display: block; position: absolute; right: 15px; top: 5px; cursor: pointer;}
	.menu-trigger1{width: 15px; height: 2px; background: #fff; margin-bottom: 3px; display: block;}
	.menu-trigger2{width: 15px; height: 2px; background: #fff; margin-bottom: 3px; display: block;}
	.menu-trigger3{width: 15px; height: 2px; background: #fff; margin-bottom: 3px; display: block;}

	.header-top{padding: 10px;}
	.body-content-rt{width: 100%; padding: 0}
	.menu-box{position: fixed; bottom:100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding-top: 30px; z-index: 9999; transition: .3s ease;}
	.menu-box ul li{display: block; text-align: center;}
	.menu-box ul li a{display: block; padding: 12px; font-size: 18px;}
	.menu-box ul li a:hover{color: #f0ee2b}


	.header-right{position: relative; display: block; text-align: center;}
	.display-flex-align{display: block;}
	.header-right ul li span{width: 20px;}
	.header-right ul li a{padding-top: 10px; font-size: 16px; display: block;}
	.middle-e-box, .middle-e-box-lf{display: block;}
	.middle-e-box-lf{width:auto; margin-left: 10px; margin-right: 10px;}
	.middle-e-box-img{margin: auto; margin-top: 10px;}
	.middle-e-box-txt{text-align: center;}
	.middle-e-box-txt{width: 100%}

	.photo-gallery-box ul li{display: inline-block; margin: 10px 0; width:49%;}
	.photo-gallery-img{width: auto;}

	.banner-fig-cap{font-size: 22px; text-align: center; position: relative; bottom: 0;}
	.type-escort ul li{width: 46%}
}

@media(max-width: 580px){
	.cate-box{display: block;}
	.cate-box-img, .cate-box-txt{width: auto;}
	.cate-box-txt{padding: 10px 0;}
	.type-escort ul li{width: auto;}
}