@font-face {
	font-family: 'Arima Madurai';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/arimamadurai/v14/t5t7IRoeKYORG0WNMgnC3seB1YXqips.ttf) format('truetype')
}

@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/beaurivage/v2/UcCi3FIgIG2bH4mMNWJUlmg3.ttf) format('truetype')
}

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cfe6.ttf) format('truetype')
}

@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf) format('truetype')
}

* {
	padding: 0;
	margin: 0
}

body {
	font-family: 'Work Sans', sans-serif;
	background-color: #1f1f1f;
	color: #ff0000
}

h1,
h2,
h3,
h4,
h5 {
	font-size: 1.5rem
}

figure,
h1,
h2,
h3,
h4,
h5,
li,
p,
ul {
	padding: 0;
	margin: 0
}

p {
	line-height: 1.8rem;
	padding-bottom: 15px;
	font-size: 22px;
	letter-spacing: 1.5px;
	text-align: justify;
	font-family: 'Arima Madurai';
}

a {
	text-decoration: none
}

li,
ul {
	list-style-type: none
}

.ptop-7 {
	padding-top: 0rem
}

.section-heading {
	font-family: 'Work Sans', cursive;
	font-size: 3rem;
	font-weight: 700;
	text-shadow: 1px 1px 2px pink
}

.xline {
	width: 250px;
	margin: 0 auto
}

.xline .bxline {
	height: 8px;
	background-color: #fff;
	width: 80px;
	margin: 0 auto
}

.xline .txline {
	height: 3px;
	background-color: #fff;
	position: relative;
	top: -5px
}

header {
	position: absolute;
	width: 100%;
	background-color: #000
}

header .mvbutton a {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 1.3rem;
	padding: 8px 0
}

header .navbar {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	z-index: 9;
	padding-top: 29px;
	padding-bottom: 29px;
	color: #000
}

header .navbar .navbar-nav>li {
	padding-left: 13px;
	padding-right: 13px
}

header .navbar .navbar-nav>li+li {
	border-left: 1px solid #d1d1d1
}

.mainbanner {
	font-weight: 700;
	background: #ed213a;
	background: -webkit-linear-gradient(to right, #93291e, #ed213a);
	background: linear-gradient(to right, #338b8f, #a4ed21);
	padding-top: 6.8rem
}

.mainbanner .details {
	font-family: 'Nunito Sans', sans-serif;
	padding: 3rem 0
}

.mainbanner .details .hello {
	font-size: 1.2rem;
	color: #c8ff03
}

.mainbanner .details .name {
	font-size: 3.5rem;
	padding: 10px 0;
	font-family: 'Arima Madurai', cursive;
	text-shadow: 1px 1px 2px pink
}

.mainbanner .details .category {
	font-size: 1.3rem;
	padding-bottom: 15px
}

.mainbanner .aboutbtn {
	border: 1px solid #ed213a;
	border-radius: 15px;
	background-color: #306;
	color: #fff;
	display: inline-block;
	padding: 10px 35px
}

.welcomesection {
	padding-top: 3rem
}

.profiletype {
	padding-top: 3rem
}

.profiletype figure {
	position: relative;
	border: 4px solid #ff0
}

.profiletype figcaption {
	text-align: center;
	position: absolute;
	bottom: 20px;
	color: #fff;
	padding: 0 20px;
	width: 100%;
	z-index: 99
}

.profiletype figcaption span {
	background-color: #900;
	width: 100%;
	display: block;
	padding: 10px 0
}

.homeabout {
	padding-top: 5rem
}

.homeabout figure {
	border: 4px solid #ff0
}

.ourprofiles {
	padding-top: 3rem
}

.ourprofiles figure {
	border: 4px solid #ff0
}

.ourservicearea {
	padding-top: 3rem
}

.ourservicearea ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: justify;
	list-style: none
}

.ourservicearea ul>li {
	position: relative;
	margin: 5px;
	overflow: hidden
}

.ourservicearea ul>li>a {
	color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 3px 10px;
    font-size: 1.3rem;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    border: 4px solid #fff;
    border-radius: 2px;
    background: #f9b639;
    background: radial-gradient(circle, rgb(240 170 10) 0, rgb(241 31 31) 40%, rgb(223 6 0) 80%);
}

.ourservicearea ul li:nth-child(n+1) {
	flex-grow: 1
}

.searchkeywords {
	padding-top: 3rem;
	padding-bottom: 2rem
}

.searchkeywords ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: justify;
	list-style: none
}

.searchkeywords ul>li {
	position: relative;
	margin: 5px;
	overflow: hidden
}

.searchkeywords ul>li>a {
	color: #fff;
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #fff;
	padding: 8px 10px;
	font-size: 1.3rem;
	font-weight: 700;
	box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
	border: 4px solid #fff;
	border-radius: 2px;
	background: #f9b639;
	background: radial-gradient(circle, rgba(249, 182, 57, 1) 0, rgba(241, 168, 31, 1) 40%, rgba(223, 146, 0, 1) 80%)
}

.searchkeywords ul li:nth-child(n+1) {
	flex-grow: 1
}

article h2,
article h3,
article h4 {
	font-family: 'Arima Madurai', cursive
}

article strong {
	color: #c8ff03
}

footer {
	font-size: .8rem;
	background-color: #1c6600;
	padding-top: 2rem;
	padding-bottom: 3rem;
	color: #fff
}

footer a {
	color: #fff
}

.page-gallery figure {
	border: 4px solid #ff0003
}

.page-rates table {
	border: 1px solid #ff0;
	color: #fff;
	width: 100%;
	margin-bottom: 2rem
}

.page-rates table tr>td,
.page-rates table tr>th {
	padding: 8px 10px;
	border-bottom: 1px solid #ff0
}

.page-contactme .contacme {
	border: 4px solid #ff0;
	padding: 25px;
	margin-bottom: 2rem
}

.page-contactme .contacme .citems {
	padding: 15px;
	border: 1px solid #fff;
	text-align: center;
	background-color: #e87700
}

.page-contactme .contacme .citems>a {
	color: #a3ff00
}

.page-blogs a {
	display: inline-block;
	border: 4px solid #ff0;
	padding: 20px 0;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	background-color: #e87700;
	color: #fff;
	border-radius: 0 25px 0 0
}

.page-blog {
	padding-top: 7rem
}

.page-blog p {
	text-align: justify
}

.page-aboutus figure,
.page-blog figure {
	border: 4px solid #ff0
}

.page-blog .keywordsidebar {
	border: 1px solid #fff
}

.page-blog .keywordsidebar .section-heading {
	background-color: #ed213a;
	font-size: 2rem;
	padding: 3px 0
}

.page-blog .keywordsidebar ul>li {
	margin: 5px
}

.page-blog .keywordsidebar ul>li>a {
	padding: 5px 12px;
	display: inline-block;
	border: 1px dashed #fff;
	width: 100%;
	background-color: #f66;
	color: #fff
}

.page-hotel .hotels {
	border: 1px solid #fff;
	height: 650px;
	overflow-y: scroll;
	scrollbar-width: thin
}

.page-hotel .hotels .section-heading {
	background-color: #ed213a;
	font-size: 2rem;
	padding: 3px 0
}

.page-hotel .hotels ul>li {
	margin: 5px
}

.page-hotel .hotels ul>li>a {
	padding: 5px 12px;
	display: inline-block;
	border: 1px dashed #fff;
	width: 100%;
	background-color: #f66;
	color: #fff
}

.outcallhotels {
	padding-top: 1rem;
	padding-bottom: 2rem
}

.outcallhotels ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: justify;
	list-style: none
}

.outcallhotels ul>li {
	position: relative;
	margin: 5px;
	overflow: hidden
}

.outcallhotels ul>li>a {
	color: #fff;
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #fff;
	padding: 8px 10px;
	font-size: 1.3rem;
	font-weight: 700;
	box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
	border: 4px solid #fff;
	border-radius: 2px;
	background: #f9b639;
	background: radial-gradient(circle, rgba(249, 182, 57, 1) 0, rgba(241, 168, 31, 1) 40%, rgba(223, 146, 0, 1) 80%)
}

.outcallhotels ul li:nth-child(n+1) {
	flex-grow: 1
}

.callingbtn {
	position: fixed;
	bottom: 50px;
	right: 5px;
	width: 68px;
	height: 120px;
	display: none
}

.callingbtn a {
	border-radius: 50px;
	box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.callingbtn .whatsappbtn {
	background-color: #4cb762;
	padding: 20px 18px
}

.callingbtn .callbtn {
	background-color: #0b1279;
	padding: 18px 18px;
	bottom: 0;
	position: absolute;
	right: 0
}

@media (max-width:576px) {
	header .navbar {
		padding-top: 5px;
		padding-bottom: 5px
	}

	header .navbar .navbar-nav {
		background-color: #ffd1f6
	}

	header .navbar .navbar-nav>li {
		text-align: center
	}

	header .navbar .navbar-nav>li+li {
		border-left: none
	}

	header .navbar .weblogo {
		transform: scale(.8)
	}

	.section-heading {
		font-size: 2.5rem
	}

	.xline {
		width: 200px;
		margin: 0 auto
	}

	.xline .bxline {
		height: 8px;
		background-color: #fff;
		width: 60px;
		margin: 0 auto
	}

	.xline .txline {
		height: 3px;
		background-color: #fff;
		position: relative;
		top: -5px
	}

	.navbar .navbar-nav {
		background-color: #f9f9e0;
		margin: 15px 0
	}

	.navbar .navbar-brand {
		font-size: 2rem
	}

	.callingbtn {
		display: block;
		z-index: 9999
	}
	
}