:root {
	--white: #FFFFFF;
	--light-blue: #49BEF1;

	--light-ext-bilu: #54C6FF9C;
	--bs-secondary: #707070;
	--bs-dark: #1E1E25;
	--unnamed-color: #49BEF1;
	--unnamed-light-color: #B7B7B7;

	--bs-body: #070120;
	--bs-primary: #b41514;
	--bs-blue: #262E89;
	--bs-secondary: #221561;
	--bs-dark-blue: #090031;
	--bs-light-blue: #3232C6;
	--bs-green: #25D366;
	--bs-green-shade1: #176A00;
	--bs-green-light: #0A1928;
}

*,
*::before,
*::after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html {
	scroll-behavior: smooth;
	height: -webkit-fill-available;
}

body {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #fff;
	background-color: #070120;
	transition: 0.35s;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
}

img {
	max-width: 100%;
}

a,
a {
	text-decoration: none !important;
	font-family: "Inter", sans-serif;
	transition: 0.5s all ease-in-out !important;
}

a,
button {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	outline: none;
	background: none;
}

.slow-effect {
	transition: 0.5s all ease-in-out;
}

.primary-color {
	color: var(--bs-primary);
}

p {
	font-family: "Manrope", sans-serif;
}

input:focus:focus-visible,
textarea:focus:focus-visible {
	border: 1px solid var(--bs-indigo);
	box-shadow: none;
	outline: none;
}

.section-heading {
	margin-bottom: 15px;
}

/*==================== start font ================*/
.inter-font {
	font-family: "Inter", sans-serif;
}

.manrope-font {
	font-family: "Manrope", sans-serif;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.common-btn {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	border-radius: 100px;
	padding: 10px 25px;
}

.primary-btn {
	background: var(--bs-primary);
	border: none;
}

.primary-btn:hover {
	background: #221561;
	color: #fff;
}

.fs-40 {
	font-size: 24px;
}

.fs-30 {
	font-size: 22px;
}

.fs-26 {
	font-size: 20px;
}

.fs-24 {
	font-size: 24px;
}

.fs-22 {
	font-size: 17px;
}

.fs-20 {
	font-size: 15px;
}

.fs-18,
.fs-16 {
	font-size: 14px;
}

.section-padding {
	padding: 50px 0;
}


/*============================= main css ==============================*/
.header {
	padding: 7px 0;
	background: var(--bs-dark-blue);
}

#navbtn {
	padding: 0;
	outline: none;
	border: none;
	background: none;
	width: 30px;
	height: 20px;
	cursor: pointer;
}

#navbtn::before,
#navbtn::after {
	content: '';
	display: block;
	height: 1px;
	background-color: #fff;
	transform: translateY(10px);
	transition: 0.3s ease-in-out;
	height: 2px;
}

#navbtn::before {
	transform: translateY(-10px);
	box-shadow: 0 10px #fff;
	height: 2px;
}

.open #navbtn {
	z-index: 99999;
}

.open #navbtn::before {
	transform: rotate(-45deg);
	box-shadow: none;
	background: #fff;
	height: 2px;
}

.open #navbtn::after {
	transform: rotate(45deg);
	box-shadow: none;
	background: #fff;
	height: 2px;
}

.open .nav {
	left: 0;
}

.post-add-btn .primary-btn {
	width: max-content;
}

/*================================= banner ==========================*/
.banner-section {
	background: url(../img/resources/home_banner.jpg);
	background-size: cover;
	background-position: 50%;
	padding: 30px 0 80px;
}

.banner-heading {
	max-width: 480px;
	margin: 0 auto 16px;
}

.banner-text {
	max-width: 728px;
	margin: 0 auto 24px;
}

.banner-btn {
	background: #fff;
	color: var(--bs-primary);
}

.banner-btn:hover {
	background: var(--bs-primary);
}

.banner-input-form {
	position: absolute;
	bottom: -33px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	max-width: 652px;
	margin: 0 15px;
}

.banner-input-form input {
	background: var(--bs-dark-blue);
	border: 1px solid var(--bs-blue);
	border-radius: 100px;
	color: #fff;
	font-size: 18px;
	padding: 20px 28px;
	width: 100%;
}

.banner-search-btn {
	background: var(--bs-pink);
	color: #fff;
}

.banner-search-btn {
	background: var(--bs-primary);
	color: #fff;
	border-radius: 100px;
	padding: 10px 20px;
	font-size: 20px;
	position: absolute;
	right: 11px;
	top: 8px;
	border: none;
}

.banner-search-btn:hover,
.banner-search-btn:active,
.banner-search-btn:focus:focus-visible {
	background: #221561 !important;
	border: none;
}


/*==== Category section ====*/
.category-section::before {
	background: url(../img/shapes/background_shape.svg) no-repeat;
	width: 100%;
	height: 84%;
	position: absolute;
	top: 0;
	content: "";
	z-index: -1;
	opacity: 0.5;
}

.category-items {
	background: #070433;
	border: 1px solid #221561;
	border-radius: 15px;
	overflow: hidden;
}

.category-items:hover {
	background: #fff;
	transform: translateY(-10px);
}

.category-items:hover .category-image img {
	transform: scale(1.2) rotate(2deg);
}

.category-content {
	padding: 15px 10px;
}

.category-links {
	font-size: 15px;
	color: var(--bs-primary);
}

.items-heading {
	margin-bottom: 15px;
	border-bottom: 1px solid #221561;
	padding-bottom: 15px;
}

.category-items:hover .items-heading {
	border-bottom: 1px solid #c6c5c5;
}

.category-items:hover .category-links {
	color: var(--bs-light-blue);
}

.category-links i {
	position: absolute;
	right: 15px;
	top: 4px;
	opacity: 0;
}

.category-items:hover .category-links i {
	color: var(--bs-light-blue);
	opacity: 1;
	right: -26px;
}

.category-items:hover .category-content p {
	color: #000;
}

/*======= Home About section =====*/
.home-about .row {
	background: linear-gradient(0deg, #070120 0%, #070433 100%);
	padding: 40px 20px 0;
	border-radius: 300px 300px 0 0;
	margin: 0;
}

.about-image img {
	animation: sway 5s ease-in-out infinite;
	text-align: center;
}

@keyframes sway {
	0% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-8px);
	}

	50% {
		transform: translateX(8px);
	}

	75% {
		transform: translateX(-8px);
	}

	100% {
		transform: translateX(0);
	}
}


/*======= Feature section =====*/
.feature-items {
	background: #070433;
	border: 1px solid #221561;
	border-radius: 10px;
	padding: 10px;
}

.feature-items:hover {
	background: #100346;
	transform: translateY(-5px);
}

.feature-image {
	border-radius: 10px 10px 0 0;
}

.feature-items:hover .feature-image img {
	transform: scale(1.04);
}

.feature-content {
	padding: 15px 0 10px;
}

.feature-area {
	border-bottom: 1px solid #221561;
}

.feature-items:hover .feature-area {
	border-bottom: 1px solid #2f1c8a;
}

.feature-links,
.feature-location {
	width: 50%;
}

.feature-links {
	border-right: 1px solid #221561;
	color: var(--bs-primary);
	font-size: 16px;
}

.feature-items:hover .feature-links {
	color: var(--bs-light-blue);
	border-right: 1px solid #2f1c8a;
	color: #fff;
}

.feature-btns {
	gap: 10px 0;
}

.feature-btns .common-btn {
	font-size: 11px;
	padding: 10px;
}

.whatsapp-outer-btn {
	border: 1px solid #176A00;
	background: #0A1928;
	color: #25D366;
}

.whatsapp-outer-btn:hover {
	background: #176A00;
	color: #ffff;
}

.feature-bg-shape {
	right: -51px;
	width: 200px;
}

.updown-anim {
	animation: up-down 2s infinite alternate-reverse;
}

@keyframes up-down {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px)
	}
}

.opacity-anim {
	animation: opacity 2s infinite alternate-reverse;
}

@keyframes opacity {
	0% {
		opacity: 0.4;
		transform: translateX(0);
	}

	100% {
		opacity: 0.1;
		transform: translateX(-20px);

	}
}

/*======= Choose Us section =====*/
.choose-items {
	background: #130645;
	border-radius: 10px;
	padding: 25px 15px;
}

.choose-items:hover {
	background: #28177b;
}

.choose-items:hover .choose-icon img {
	animation-name: icon-effect;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

@-webkit-keyframes icon-effect {
	16.65% {
		transform: translateY(8px);
	}

	33.3% {
		transform: translateY(-6px);
	}

	49.95% {
		transform: translateY(4px);
	}

	66.6% {
		transform: translateY(-2px);
	}

	83.25% {
		transform: translateY(1px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes icon-effect {
	16.65% {
		transform: translateY(8px);
	}

	33.3% {
		transform: translateY(-6px);
	}

	49.95% {
		transform: translateY(4px);
	}

	66.6% {
		transform: translateY(-2px);
	}

	83.25% {
		transform: translateY(1px);
	}

	100% {
		transform: translateY(0);
	}
}

/*====== ESJ Section ====*/
.bg-shape1 {
	top: -240px;
	left: -107px;
	z-index: -1;
}


/*====== faqs Section ====*/
.post-add-second {
	margin-top: -27px;
}

.faq-single-items {
	margin-bottom: 15px;
	border-radius: 10px;
	overflow: hidden;
	border: none;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.accordion-item:last-of-type .accordion-button {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.accordion-item .accordion-button:not(.collapsed) {
	color: var(--bs-primary);
	background-color: transparent;
	box-shadow: none;
}

.accordion-body.faq-content {
	padding-top: 0;
}

.faqs-image img {
	width: 158px;
}

.sway-anim {
	animation: sway 5s ease-in-out infinite;
}

/*==== Footer section ===*/
.footer-section {
	background: #050115;
	padding: 80px 0 0;
}

.row.footer-row {
	padding-bottom: 40px;
	gap: 30px 0;
}

.common-contact i {
	margin-right: 10px;
	font-size: 20px;
}

.footer-widget {
	font-size: 18px;
	margin-bottom: 25px;
}

.common-contact {
	margin-bottom: 15px;
}

.common-contact a {
	color: #fff;
	font-size: 14px;
}

.footer-links ul {
	gap: 10px 0;
}

.footer-links li a {
	color: #fff;
	font-size: 15px;
}

.footer-links li a:hover {
	color: var(--bs-primary);
	padding-left: 5px;
}

.footer-support {
	background: #130a37;
	padding: 15px;
	border-radius: 5px;
}

.support-list {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}

.support-list li {
	display: inline-block;
	position: relative;
}

.support-list li::before {
	background: #fff;
	position: absolute;
	width: 4px;
	height: 4px;
	content: "";
	left: -7px;
	border-radius: 50%;
	top: 9px;
}

.support-list li:first-child::before {
	display: none
}

.support-list li a {
	color: #fff;
	padding-right: 5px;
}

.more-btn {
	margin-top: 65px;
}

.help-link {
	background: var(--bs-blue);
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.report-link {
	background: var(--bs-primary);
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	height: fit-content;
	margin-top: auto;
}

/*--- copyright --*/
.footer-copyright {
	background: var(--bs-primary);
	padding: 20px 0;
}

.copyright-text,
.disclaimer-text {
	font-size: 14px;
}

/*====== Listing page ====*/
/*---- banner section ---*/
.listing-banner-section {
	background: url(../img/resources/listing_banner.png);
	background-size: auto;
	background-size: cover;
	background-position: 50%;
	padding: 30px 0 80px;
}

.listing-banner-form {
	background: #090031e5;
	border: 1px solid var(--bs-blue);
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px 10px 20px;
	width: 100%;
	display: grid;
	align-items: center;
}

.keyword-field {
	border-bottom: 1px solid var(--bs-blue);
}

.banner-input {
	background: none;
	border: none;
	color: #fff;
	width: 97%;
	height: 50px;
}

input.banner-input:focus:focus-visible {
	border: none !important;
}

.listing-search-btn.banner-search-btn {
	right: 0;
	top: 0;
	margin: 18px 0 10px;
}

/*==== Trusted section ====*/
.trusted-item {
	background: #3A0146;
	border-radius: 10px;
	padding: 10px;
	border: 1px solid #A70096;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.trusted-item:hover {
	background: #fff;
}

.trusted-type {
	color: #fff
}

.trusted-item:hover .trusted-type {
	color: var(--bs-primary);
}

.trusted-icon {
	width: 38px;
	height: 38px;
	position: relative;
	overflow: hidden;
}

.white-icon {
	position: absolute;
	top: 0px;
	right: 0;
	margin: 0 auto;
}

.trusted-item:hover .trusted-icon .white-icon {
	top: -71px;
	opacity: 0;
}

.primary-icon {
	opacity: 0;
	bottom: -52px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.trusted-item:hover .trusted-icon .primary-icon {
	opacity: 1;
	bottom: 0;
}

/*---- popular area section ---*/
.popular-area {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 15px;
}

.single-area {
	border: 1px solid #A70096;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	background: #3A0146;
}

.single-area:hover {
	background: #fff;
	color: var(--bs-primary);
	border: 1px solid #fff;
	border-radius: 100px;
}

.escort-single-card {
	background: #070433;
	border: 1px solid #221561;
	border-radius: 15px;
	padding: 10px;
}

.escort-single-card:hover {
	background: #100346;
	transform: translateY(-5px);
}

.escort-image {
	border-radius: 10px 10px 0 0;
}

.escort-single-card:hover .escort-image img {
	transform: scale(1.04);
}

.top-row-escort {
	padding: 15px 0;
}

.verify-badge {
	background: #176A00;
	padding: 6px 15px;
	border-radius: 100px;
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.star-groups li i {
	color: #E8940E;
	font-size: 17px;
}

.middle-row-escort {
	border-top: 1px solid #2f1c8a;
	border-bottom: 1px solid #2f1c8a;
	padding: 15px 0;
}

.escort-name {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #2f1c8a;
}

.escort-details {
	gap: 10px;
	padding: 15px 0;
}

.tag-title {
	color: #E8940E;
}

.tag-title::before {
	background: #E8940E;
	position: absolute;
	content: "";
	left: -11px;
	top: 52%;
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 50%;
	transform: translateY(-45%);
}

.tags-option {
	background: #18144D;
	padding: 4px 20px;
	border-radius: 100px;
	font-family: "Manrope", sans-serif;
}

.escort-buttons {
	padding: 20px 0 10px;
}

.escort-buttons .common-btn {
	padding: 10px 18px;
	font-size: 15px;
}

/*=========== Profile Details Page ============*/
.profile-image {
	border-radius: 15px;
}

.single-profile-image:hover {
	transform: scale(1.04);
}

.profile-details {
	border: 1px solid #221561;
	padding: 20px;
	border-radius: 15px;
	background: #0B032D;
	margin-top: 30px;
}

.profile-card-info {
	margin: 10px 0 25px;
}

.profile-card-info li {
	border: 1px solid #A70096;
	background: #290241;
	border-radius: 5px;
	padding: 5px 15px;
	width: fit-content;
}

.profile-card-info i {
	color: #A70096;
	margin-right: 10px;
}

.card-details {
	border: 1px solid #221561;
	padding: 20px;
	border-radius: 15px;
	background: #0B032D;
	margin-top: 30px;
}

.card-type span {
	border: 1px solid #A70096;
	padding: 5px 13px;
	margin: 0 5px 6px 0;
	background: #250346;
	border-radius: 7px;
	display: inline-block;
}

.escort-contact-details {
	padding: 30px 0 50px;
}

.contact-wrapper {
	gap: 30px;
}

.contact-single-wrap {
	border: 1px solid #221561;
	padding: 35px;
	border-radius: 15px;
	background: #0B032D;
	text-align: center;
	width: 300px;
	flex-direction: column;
	gap: 23px;
	display: flex;
}

.call-links {
	padding: 10px 25px;
	font-size: 15px;
	background: var(--bs-primary);
	border: none;
	border-radius: 100px;
	color: #fff;
}

.call-links:hover {
	background: #221561;
	color: #fff;
}

.whatsapp-links {
	border: 1px solid #176A00;
	background: #0A1928;
	color: #25D366;
	padding: 10px 25px;
	font-size: 15px;
	border-radius: 100px;
}

.whatsapp-links:hover {
	background: #176A00;
	color: #ffff;
}

.image-groups {
	margin: 30px 0 0;
}

.escort-about-image {
	display: grid;
	grid-template-columns: 100%;
	gap: 10px;
}

.escort-about-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

/*========== Privacy Policy Page =========*/
.privacy-banner {
	background: url(../img/resources/privacy_policy_banner.webp);
}

.tnc-banner {
	background: url(../img/resources/tnc_banner.webp);
}

.contact-banner {
	background: url(../img/resources/contact_banner.webp);
}

.common-banner-section {
	padding: 172px 0;
	background-size: cover;
	background-position: 50%;
}

.common-banner-section::before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: linear-gradient(90deg, #A100718F 0%, #A1007100 100%);
	z-index: 1;
}

.common-banner-heading {
	z-index: 1;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.last-update-title,
.policy-content p,
.result-type {
	color: #ddd;
}

.order-single-list {
	margin-bottom: 30px;
}

.order-single-list {
	display: list-item;
	list-style-type: decimal;
}

.order-single-list::marker {
	font-size: 20px;
}

.un-order-list {
	margin-bottom: 15px;
}

.un-order-list li {
	list-style: disc;
	padding: 7px 0 2px 5px;
}

.order-lower-alpha-list li {
	list-style: lower-latin;
	padding-bottom: 8px;
}

.order-lower-alpha-list li::marker {
	font-size: 18px;
}

u {
	text-decoration: underline;
}

.policy-content a:hover {
	color: #fff;
	text-decoration: underline !important;
}

.number-listing {
	list-style: decimal;
	padding: 8px;
}

/*============== Contact Us Pages ==========*/
.contact-sub-heading {
	color: #ddd;
	;
}

.contact-details {
	background: url(../img/resources/conact_bg.png);
	background-size: 50%;
	background-size: cover;
	border-radius: 15px;
}

.form-section .row {
	background: #ffffff0a;
	border-radius: 15px;
	margin: 0;
	backdrop-filter: blur(5px);
	border: 1px solid #291b60;
}

.form-arrow {
	transform: rotate(90deg);
}

.arrow-shape {
	width: 150px;
	position: absolute;
	right: 52%;
	bottom: 27px;
	opacity: 0.2;
}

.contact-inner-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 100px 30px;
}

.single-contact-info i {
	transition: 0.5s all ease-in-out;
}

.single-contact-info:hover i {
	transform: rotateY(-360deg);
}

.single-contact-info a {
	color: #fff;
}

.single-contact-info a:hover {
	color: #fff;
}

.form-wrap {
	padding: 50px 15px 50px;
}

.common-filed {
	border: 1px solid #241951;
	background: #100a28d6;
	width: 100%;
	border-radius: 10px;
	color: #fff;
	padding: 10px 15px;
}

.form-input {
	height: 45px;
}

.form-message {
	height: 75px;
}

.common-filed:focus:focus-visible {
	border: 1px solid var(--bs-primary);
	background: #a700961c;
}

.contact-shape-left {
	top: 0;
	width: 158px;
}

.contact-shape-right {
	right: -83px;
	bottom: 50px;
	width: 250px;
}

/*====== Area Page ======*/
.area-categories-page .container {
	padding-bottom: 40px
}

.area-categories-page::before {
	display: none;
}

.area-banner-section {
	background: url(../img/resources/single_area_banner.webp);
	background-size: auto;
	background-size: cover;
	background-position: 50%;
	padding: 30px 0 80px;
}

.breadcrumb-area {
	background: #0c032f;
}

.page-breadcrumb a {
	color: #fff;
}

.page-breadcrumb a:hover {
	color: var(--bs-primary);
}

.breadcrumb-item.active {
	color: var(--bs-primary);
}

.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
}

.area-escort-blog .escort-image {
	height: 360px;
	border-radius: 15px;
	text-align: center;
	background: #170c4d;
}




/*====== Blog Page ======*/
/*----------------------------------------*/
/*  05 - Blog
/*----------------------------------------*/
/** Style 1 **/
.blog-category {
	padding: 15px;
	background: #0c0333;
	border-radius: 20px;
	height: 100%;
}

.blog-image-area {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	margin: 0 0 25px;
}

.blog-post-image {
	overflow: hidden;
	position: relative;
	display: block;
	clip-path: polygon(6.726% 0%, 93.274% 0%, 93.274% 0%, 94.364% 0.119%, 95.399% 0.464%, 96.364% 1.015%, 97.245% 1.755%, 98.029% 2.664%, 98.701% 3.723%, 99.249% 4.915%, 99.657% 6.219%, 99.912% 7.617%, 100% 9.091%, 100% 66.97%, 100% 66.97%, 99.732% 70.984%, 98.988% 73.969%, 97.863% 76.111%, 96.447% 77.599%, 94.835% 78.618%, 93.119% 79.355%, 91.39% 79.998%, 89.742% 80.733%, 88.268% 81.747%, 87.061% 83.227%, 87.061% 83.227%, 86.147% 85.185%, 85.483% 87.323%, 84.946% 89.551%, 84.409% 91.777%, 83.749% 93.91%, 82.839% 95.86%, 81.556% 97.535%, 79.775% 98.844%, 77.369% 99.696%, 74.215% 100%, 6.726% 100%, 6.726% 100%, 5.636% 99.881%, 4.601% 99.536%, 3.636% 98.985%, 2.755% 98.245%, 1.971% 97.336%, 1.299% 96.277%, 0.751% 95.085%, 0.343% 93.781%, 0.088% 92.383%, 0% 90.909%, 0% 9.091%, 0% 9.091%, 0.088% 7.617%, 0.343% 6.219%, 0.751% 4.915%, 1.299% 3.723%, 1.971% 2.664%, 2.755% 1.755%, 3.636% 1.015%, 4.601% 0.464%, 5.636% 0.119%, 6.726% 0%);
}

.blog-post-image img {
	height: 350px;
	width: 100%;
	object-fit: cover;
}

.blog-category:hover .blog-post-image img {
	transform: scale(1.05);
}

.blog-btn {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 1;
	font-size: 13px;
	background-color: var(--bs-primary);
	color: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-item:hover .blog-btn {
	background-color: #fff;
	color: #000;
}

.arrow-blog-btn {
	display: inline-block;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.post-item:hover .arrow-blog-btn {
	transform: scale(0.26) translate(45px, -50px);
}

.btn-icon {
	position: relative;
	overflow: hidden;
	display: inline-flex;
}

.arrow-blog-btn i {
	transform: rotate(-45deg);
}

.btn-icon::before {
	content: "\f178";
	position: absolute;
	top: 0;
	right: 0;
	width: 1em;
	height: auto;
	transform: scale(0.26) translate(-45px, 50px);
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.post-item:hover .blog-btn .btn-icon::before {
	transform: scale(1) translate(-2px, 0px);
}

.blog-meta-line {
	position: absolute;
	top: 20px;
	left: 25px;
	z-index: 1;
	display: inline-block;
}

.blog-meta-line a {
	padding: 5px 15px;
	background-color: #fff;
	border-radius: 15px;
	color: #000;
}

.category-date-wrapper {
	gap: 10px 15px;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid #403f3f;
	margin-top: 15px;
	padding-top: 15px;
}

.blog-meta-line a:hover {
	background: #000;
	color: #fff;
}

.blog-post-date i {
	color: var(--bs-primary);
	font-size: 20px;
}

.blog-post-author img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	min-width: 40px;
	object-fit: cover;
	background: #000;
}

.blog-title a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: var(--bs-primary);
}

.post-item:hover .blog-title a {
	color: #fff;
}

/*--- Sidebar Blog ---*/
.common-sidebar {
	padding: 15px 10px 10px;
	border-radius: 10px;
	background: #070433;
	border: 1px solid #1b0e57;
	box-shadow: 0px 12px 19px -11px #000;
	display: block;
}

.sidebar-blog-title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 8px;
}

.sidebar-blog-title::after {
	background: #fff;
	width: 87px;
	height: 3px;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 20px;
}

.single-posts {
	display: grid;
	grid-template-columns: auto 73px;
	gap: 0 15PX;
	background: #0d0431;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 10px;
	align-items: center;
	border: 1px solid #251180;
}

.sidebar-post-links {
	font-weight: 500;
	color: #fff;
	font-size: 15px;
}

.single-posts img {
	border-radius: 10px;
	overflow: hidden;
}

.single-posts:hover .sidebar-post-links,
.categories-lists a:hover {
	color: #D902C3;
}

.sticky-box {
	top: 15px;
}

.categories-lists a {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	padding: 6px 0;
}

.sidebar-contact-info {
	background: #070433;
	border-radius: 10px;
	padding: 20px 10px 20px;
	border: 1px solid #1b0e57;
	margin-top: 25px;
}

.sidebar-contact-info::before {
	width: 140px;
	height: 140px;
	background: linear-gradient(106deg, #0a063e, #070433 100%);
	content: "";
	position: absolute;
	bottom: -16px;
	right: -22px;
	border-radius: 50%;
	z-index: 0;
	transition: 0.5s all ease-in-out;
}

.sidebar-contact-info:hover::before {
	transform: scale(1.05);
}

.join-single-column {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 10px 0;
}

.join-icon {
	background: #fff;
	width: 35px;
	min-width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}

.call-ring img {
	animation: phoneRinging 1.5s infinite linear;
}

.blue-join-link {
	color: var(--bs-primary);
}

.blue-join-link:hover {
	color: #fff
}

@keyframes phoneRinging {
	from {
		transform: rotate3d(0, 0, 1, 0deg);
	}

	20%,
	32%,
	44%,
	56%,
	68% {
		transform: rotate3d(0, 0, 1, 0deg);
	}

	23%,
	35%,
	47%,
	59%,
	71% {
		transform: rotate3d(0, 0, 1, 15deg);
	}

	26%,
	38%,
	50%,
	62%,
	74% {
		transform: rotate3d(0, 0, 1, 0deg);
	}

	29%,
	41%,
	53%,
	65%,
	77% {
		transform: rotate3d(0, 0, 1, -15deg);
	}

	80% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.zooming-effect img {
	animation: heartbeat 1.5s ease-in-out infinite both;
}

@keyframes heartbeat {
	from {
		transform: scale(1);
		transform-origin: center center;
		animation-timing-function: ease-out;
	}

	10% {
		transform: scale(0.9);
		animation-timing-function: ease-in;
	}

	17% {
		transform: scale(1.3);
		animation-timing-function: ease-out;
	}

	33% {
		transform: scale(0.8);
		animation-timing-function: ease-in;
	}

	45% {
		transform: scale(1);
		animation-timing-function: ease-out;
	}
}

/*=== Blog Details page  ======*/
.blog-full-banner::after {
	background: linear-gradient(0deg, #000000b2 0%, #ffffff1f 100%);
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.blog-details-heading {
	z-index: 1;
	position: absolute;
	bottom: -1px;
	padding: 30px;
}

.blog-title {
	margin-top: 30px;
}

.blog-details-wrapper p {
	color: #eeebeb;
}

.block-list li {
	list-style: disc;
	margin-bottom: 10px;
}

.related-blog-section {
	background: #09012b;
}




@media (min-width:576px) {
	.blog-sidebar {
		gap: 30px;
		grid-template-columns: 50% 50%;
	}
}

@media (min-width:992px) {
	.blog-sidebar {
		gap: 30px 0;
	}

}

/*========================= Responsive  =====================*/
@media (min-width:576px) {

	/* home banner section */
	.banner-input-form {
		margin: 0 auto;
	}
}

@media (max-width:767px) {
	.footer-contact.h-100 {
		background: #130a37;
		padding: 15px;
		border-radius: 10px;
	}
}

@media (min-width:768px) {
	.fs-40 {
		font-size: 30px;
	}

	.fs-30 {
		font-size: 25px;
	}

	.fs-26 {
		font-size: 23px;
	}

	.fs-22 {
		font-size: 22px;
	}

	.fs-20 {
		font-size: 20px;
	}

	.fs-18 {
		font-size: 18px;
	}

	.fs-16 {
		font-size: 16px;
	}

	.section-padding {
		padding: 60px 0;
	}

	.section-heading {
		margin-bottom: 30px;
	}

	/* home banner */
	.banner-section {
		padding: 60px 0 80px;
	}

	/* home about */
	.home-about .row {
		background: linear-gradient(-90deg, #070120 0%, #070433 100%);
		padding: 20px;
		border-radius: 300px 0 0 300px;
	}

	/* Footer section */
	.copyright-text,
	.disclaimer-text {
		font-size: 16px;
	}

	/*===== Search listing page ====*/
	/* banner section */
	.listing-banner-form {
		border-radius: 10px;
		padding: 10px 12px 10px 20px;
		grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	}

	.keyword-field {
		border-right: 1px solid var(--bs-blue);
		border-bottom: none;
		width: 95%;
	}

	.keyword-field:nth-child(2) {
		border-right: none;
	}

	/*===== Contact us page =====*/
	.arrow-shape {
		width: 200px;
		right: 28px;
		bottom: 40px;
	}

	.form-arrow {
		transform: rotate(0deg);
	}

	/*====== Profile page ======*/
	.escort-about-image {
		grid-template-columns: 100%;
		gap: 10px;
	}

	/*====== Area Page ======*/
	.area-escort-blog .short-text {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-height: normal;
		overflow: hidden;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}

	.area-escort-blog .escort-image img {
		transition: 0.5s all ease-in-out;
		height: 100%;
		object-fit: cover;
		width: 100%;
		object-position: top;
	}
}

@media (min-width:992px) {
	.fs-40 {
		font-size: 40px;
	}

	.fs-30 {
		font-size: 30px;
	}

	.fs-26 {
		font-size: 24px;
	}

	.section-padding {
		padding: 80px 0;
	}

	.banner-section {
		padding: 106px 0 138px;
	}

	/*===== Search listing page ====*/
	.listing-banner-section,
	.area-banner-section {
		padding: 80px 0 100px;
		min-height: 400px;
		display: flex;
		align-items: center;
	}

	/* esj section */
	.esj-images {
		margin-right: 30px;
	}

	/* faqs section */
	.faqs-image img {
		width: auto;
	}

	/* Footer section */
	.row.footer-row {
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
	}

	.footer-col {
		width: 100%;
	}

	/*===== Search listing page ====*/
	/* banner section */
	.listing-banner-form {
		border-radius: 100px;
		grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
	}

	.keyword-field {
		border-right: 1px solid var(--bs-blue);
		border-bottom: none;
		width: 81%;
	}

	.keyword-field:nth-child(2) {
		border-right: 1px solid var(--bs-blue);
	}

	.listing-search-btn.banner-search-btn {
		margin: 0;
	}

	/*===== Search listing page ====*/
	.escort-buttons .feature-btns .common-btn {
		padding: 10px 25px;
		font-size: 15px;
	}

	/*===== Contact us page =====*/
	.contact-inner-details {
		padding: 50px;
	}
}

@media (min-width:1200px) {

	/* category section */
	.category-col {
		width: 20%;
	}

	.category-section::before {
		background-repeat: repeat;
	}

	/* home feature section */
	.feature-btns .common-btn {
		padding: 10px 14px;
		font-size: 13px;
	}

	/*====== Area Page ======*/
	.area-escort-blog .escort-image {
		height: 330px;
	}
}

@media (min-width:1600px) {

	/* feature section */
	.feature-btns .common-btn {
		font-size: 15px;
	}
}


/*========================= responsive header =====================*/
@media (max-width: 991px) {
	.nav {
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.9);
		color: #ffffff;
		padding-top: 40px;
		align-items: center;
		display: flex;
		flex-direction: column;
		transition: left 0.5s;
		z-index: 9999;
	}

	.nav ul {
		list-style: none;
	}

	.nav li:not(:last-child) {
		margin-bottom: 30px;
	}

	.nav a {
		color: #ffffff;
	}
}

@media (min-width: 992px) {
	#navbtn {
		display: none;
	}

	.main-header {
		justify-content: space-between !important;
	}

	.nav {
		display: flex;
		justify-content: space-between;
		width: 80%;
	}

	.nav ul {
		display: flex;
		list-style: none;
	}

	.nav ul li:not(:first-child) {
		margin-left: 20px;
	}

	.nav-links {
		color: #fff;
		font-size: 20px;
		font-weight: 500;
	}

}

@media (min-width: 1200px) {
	.nav {
		width: 70%;
	}
}

@media (min-width: 1400px) {
	.nav {
		width: 66%;
	}
}

.esj-content ul li, .esj-content ul li, .esj-content ol li {
	list-style: disc;
}

.l-fullscreen {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.l-fullscreen__content {
	text-align: center;
	padding: 0 20px;
}

@media only screen and (min-width: 48rem) {
	.l-fullscreen__content {
		max-width: 500px;
	}
}

@media only screen and (min-width: 48rem) {
	.l-fullscreen__content.in-subscribe-page {
		padding: 0;
	}
}

@media only screen and (min-width: 64rem) {
	.l-fullscreen__content.in-subscribe-page {
		max-width: 820px;
	}
}

.m-404-title {
	color: var(--primary-foreground-color);
	letter-spacing: 3px;
	line-height: 1;
	font-size: 9rem;
	font-weight: 700;
	margin: 0 0 10px;
}

@media only screen and (min-width: 48rem) {
	.m-404-title {
		letter-spacing: 4px;
		font-size: 12rem;
		margin-bottom: 5px;
	}
}

.m-404-subtitle {
	color: var(--primary-foreground-color);
	letter-spacing: 0.4px;
	line-height: 1;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 20px;
}

@media only screen and (min-width: 48rem) {
	.m-404-subtitle {
		letter-spacing: 0.5px;
		font-size: 1.5rem;
	}
}

.m-404-text {
	letter-spacing: 0.3px;
	line-height: 1.4;
	font-size: 0.875em;
	padding: 0 20px;
	margin-bottom: 25px;
}

@media only screen and (min-width: 48rem) {
	.m-404-text {
		font-size: 1rem;
		padding: 0;
		margin-bottom: 30px;
	}
}

/* ---------Blog Page---------- */
.blog-section {
	padding-top: 50px;
	padding-bottom: 50px;
}

.search-input:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 174, 184, .25);
}

.blog-section .blog-grid {
	border-radius: 14px;
	box-shadow: 0px 1px 20px -12px #000;
	overflow: hidden;
	font-size: 14px;
}

.blog-section .blog-grid p {
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pink-text {
	color: var(--bs-primary);
}
.blog-section .blog-grid.category-items:hover, .blog-section .blog-grid.category-items:hover .card-body a{
	color: #000 !important;
}
.blog-img {
	background-size: cover;
	background-position: center;
	width: 100%;
	min-height: 200px;
}

.pagination-wrapper .active>.page-link,
.pagination-wrapper .page-link.active {
	background-color: #ec003f;
	border-color: #ec003f;
	color: #fff;
}

.pagination-wrapper .page-link {
	color: #ec003f;
}

.pagination-wrapper .disabled>.page-link,
.pagination-wrapper .page-link.disabled {
	color: rgba(33, 37, 41, 0.75);
}

.blog-detail-img {
	background-size: cover;
	background-position: center;
	width: 100%;
	min-height: 300px;
	margin-bottom: 30px;
	border-radius: 14px;
}

.blog-content ul li {
    list-style: disc;
    margin-bottom: 10px;
}