@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
body {
  margin: 0;
  overflow-x: hidden !important;
  -webkit-backface-visibility: hidden;
  color: var(--text-black);
  scroll-padding-top: 40px;
  font-family: 'Quicksand', sans-serif;
  background-color:#031521;
}

html {
	/* scroll-behavior: smooth; */
	scroll-padding-top: 40px;
}
section{overflow-x: clip;}
main{
  position: relative;
}
* {
	outline: none !important;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	color: var(--text-white);
    font-weight: var(--weight-bold);
    line-height: 1.1em;
}

a:hover, a, button {
	text-decoration: none;
    font-weight: var(--weight-bold);
}
.nav-link{color: var(--text-white);
    font-weight: var(--weight-regular);
}
.nav-link:focus, .nav-link:hover {
  color: var(--hover-color);
}
button:focus{
	outline: none;
	box-shadow: none !important;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
input:focus {
	outline: none;
	box-shadow: none !important;
}

body p:empty {
	display: none;
}

p {
	color: var(--text-sub);
	font-weight: var(--weight-regular);
	line-height: 1.3em;
}

button:focus,
input:focus {
	box-shadow: none;
}

/* disable autofill color  */
*:-webkit-autofill,
*:-webkit-autofill:hover,
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
	transition: all 5000s ease-in-out 0s;
	transition-property: background-color, color;
	-webkit-box-shadow: inset 0 0 0 1000px var(--input-bg);
	-webkit-text-fill-color: #fff;
	font-weight: 300!important;
}

.container-fluid {
	max-width: 1600px;
}
/* css for removing default button fron input[type: number] */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* 
==================================================
- custom color variables 
==================================================
*/
:root {
/* text colors  */
--text-white: #fff;
--text-sub:#999797;
  --text-black:#1E1F21;
  --border-color:#fff3;
  --box-border:1px solid ##fff3;
  --btn-font-size:16px;
  --btn-padding:11px 20px;
  --color-green:#47DF3A;
  --icon-color:#999797;
  --dark-icon:#1E1F21;
  --radius-corner:50%;
  --error-color:#E53935;

  /* badges  */
  --badge-spacing:7px 9px;
  --badge-bg:rgba(255, 255, 255, 0.2);
  --bagde-boder: 1px solid #fff;
  --badge-radius:8px;

  /* border  */
  --spacer-line:1px solid #fff3;


  /* padding  */
  --box-spacing:20px 20px 20px 20px;
  --box-spaceing2:15px 15px 15px 15px;

  /* box shadow  */
  --box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);

  /* hover color  */
  --hover-color:#c5a558;


/* radius  */
--box-radius:24px;
--btn-radius:0;

/* boder  */
--border-color:#fff3;
--box-border:1px solid #fff3;

/* font-weight  */
--weight-light: 300;
--weight-regular: 400;
--weight-medium: 500;
--weight-semi-bold: 600;
--weight-bold: 700;
--weight-black: 900;

/* background colors  */
--bg-body: #1E1F21;
--bg-btn: #c5a558;
--bg-transparent:transparent;
--bg-black:#191b1f;
--container-bg: #242628;
--btn-bg2:#1E1F21;
--bg-blue:#47ACDF;

/* cards  */
--card-bg1: linear-gradient(180deg, #6D4C41 0%, #291D19 120.05%);
--card-bg2:linear-gradient(180deg, #A0A0A0 0%, #434343 120.05%);
--card-bg3:linear-gradient(180deg, #FFDD6B 0%, #C8741B 100%);
--card-bg-4: linear-gradient(180deg, #626262 0%, #2B2B2B 120.05%);
--card-bg-5: linear-gradient(180deg, #5665F8 0%, #8A95FF 120.05%);
--card-bg-6:  linear-gradient(180deg, #FFDD6B 0%, #FFE0BF 100%);
  
}

/* 
==================================================
- cta button css
==================================================
*/

.CTA {
  padding: 14px 18px;
  min-width: 138px;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  background: #c5a558;
  cursor: pointer;
  text-transform: capitalize;text-align: center;
}
  .CTA::before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
 
    background-color:var(--bg-body);
    z-index: -1;
    transition: 200ms;
  }
  .CTA span {
    font-size: 16px;
    background: #c5a558;
    -webkit-background-clip: text;
    color: transparent;
    transition: 200ms;
  }
  .CTA:hover span{
    color: #fff;
  }
  .CTA:hover::before {
    background: var(--bg-btn);
  }
  

/* 
==================================================
- preloader css here 
==================================================
*/
.ctn-preloader {
	height: 100vh;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
    background: linear-gradient(90deg, #171b1e, #34302d);
    transition: 0.5s ease-in-out;
}
.ctn-preloader::before {
    position: absolute;
    content: '';
    top: -300px;
    width: 100px;
    height: 200%;
    transform: rotate(-21deg);
    background: #ffffffb3;
    z-index: -1;
	filter: blur(300px);
	animation: slide 4s linear forwards;
}
@keyframes slide {
	0% {
		left: -200%;
	}

	100% {
		left: 200%;
	}
}
.ctn-preloader.loaded {
    height: 0;
}

.animation-preloader  img {
    width: 300px;
    height:300px;
	animation:fading 1s ease infinite alternate;
	-webkit-animation: fading 1s ease infinite alternate;
}
@keyframes fading{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

/* 
==================================================
- some custom classes
==================================================
*/
/* for row ( .m_lr) */
.m_lr{
    margin: 0 -5px;
}
/* for columns inside row  */
.p_lr{
    padding: 0 5px;
}


/* 
==================================================
- Header 
==================================================
*/
.mb_mnu, .mb_mnu_cl {
  display: none;
}
.F_headr {
    background: var(--bg-transparent);
    padding:10px 0;
    position: static;
    top: 0;
    width: 100%;
    z-index: 99;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.F_headr.Fscroll{
  background: var(--bg-body);
  box-shadow: var(--box-shadow);
}
.F_headr .nav-link {
    font-size: 17px;
    line-height: 1;
    padding: 6px;
    position: relative;
    transition: 0.3s ease;
    text-transform: capitalize;
    font-weight: var(--weight-regular);
}.F_headr .nav-link .msg_icn {
	width: 25px;
}
.F_headr.Fscroll  .nav-link {
  font-size: 16px;
}
.F_headr .nav-item.active .nav-link, .F_headr .nav-link:hover{
	color:var(--hover-color);
}

.F_headr nav.navbar {
  padding: 0;
  flex: 1;
}
.navbar-brand img {
    width: 145px;
}

.F_headr  .navbar-nav {
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  gap: 30px;
}

.navbar-brand {
	-ms-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
	z-index: 22;
	padding: 0;
	flex: auto;
	text-align: right;
	margin: 0 auto;
	display: flex;
	justify-content: start;
}

.navbar-brand img {
  display: block;
  -ms-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  transition-timing-function: ease;
  margin-left: auto;
}
.F_headr.Fscroll .navbar-brand img {
  width: 108px;
}


.navbar-toggler {
	border: none;
	padding-right: 0;
	-ms-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -webkit-transition:0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
	transition:0.3s ease-in-out;
    transition-timing-function: ease;
}

.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}

 .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 2px solid #fff;
	transition: all 300ms linear;
}

 .navbar-toggler-icon:after,
.navbar-toggler-icon:before {
	width: 24px;
	position: absolute;
	height: 2px;
	background-color:#fff;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
	transition: all 300ms linear;
}

.F_headr .navbar-toggler {
	top: 0;
	bottom: 0;
	position: absolute;
	right: 60px;
	z-index: 999;
	padding: 0;
}
.F_headr .navbar-toggler svg {
  width: 25px;
  height: 25px;
  fill: #fff;
}


.navbar-light .navbar-toggler-icon:after {
	top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}

.F_headr .nav-item {
	position: relative;
	transition: all 200ms linear;
}

.menu__list {
	align-items: center;
}
.navbar-collapse {
  justify-content: flex-end;
  flex: 0 0 auto;
  margin-left: auto;
}
.Sign_box {
	background: none;
	padding: 8px;
	border-radius: 0;
	margin-left: 30px;border: 1px solid rgba(255,255,255,0.3);
	
}.Sign_box li {
	margin: 0 5px;
}
.Sign_box ul {
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: flex-end;
  width: fit-content;
}
.CTA.Sin {
  min-width: 90px;
  line-height: 1.2;
}
.Sign_box ul li:nth-of-type(1) .CTA.Sin{
  background:var(--bg-transparent) ;
}
.Sign_box ul li:nth-of-type(1) .CTA.Sin::before{
  background:var(--bg-transparent) ;
}
.Sign_box ul li:nth-of-type(1) .CTA.Sin:hover{
  background:var(--bg-btn) ;
}
.Sign_box ul li:nth-of-type(1) .CTA.Sin:hover::before{
  background:var(--bg-btn) ;
}


/* 
==================================================
- SIDEBAR NAV css  
==================================================
*/

.sidebarWrap {
  width: 210px;
  left: 32px;
  position: absolute;
  top: 8%;
}

 .SideBar {
  width: 200px;
  height: 300px;
  position: absolute;
  z-index: 11;
}
.SideBar.fixed {
  position: fixed;
  top: 123px;
  z-index: 99;
}
.SideBar ul {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.SideBar ul a {
  font-size: 18px;
  color: var(--text-white);
  font-weight: var(--weight-regular);
  line-height: 1;
  display: inline-block;
  text-transform: capitalize;
  transition: 0.3s ease;
}
.SideBar ul a:hover {
  color: var(--hover-color);
  transform: scale(1.08);
}
.SideBar::before, .SideBar::after {
  position: absolute;
  content: '';
  left: 0;
  top: -135px;
  width: 2px;
  height: 100px;
  background: var(--text-white);
  z-index: 11;
  transition: 5ms ease;
}
.SideBar::after {
  top: unset;
  bottom:-100px ;
}
.SideBar.fixed::before, .SideBar.fixed::after{display: none;}
.Frnthome svg.Side_mnu {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -106px;
  left: 0;
  display: none;
  cursor: pointer;
  transition: 0.3s ease;
}
.Frnthome .SideBar.fixed svg.Side_mnu{display: block;}
.Frnthome .SideBar.fixed ul {
  position: fixed;
  width: 250px;
  padding: 20px;
  border: var(--box-border);
  border-radius: var(--box-radius);
  background: var(--container-bg);
  box-shadow: var(--box-shadow);
  top: 96px;
  transform: translateX(-130%);
}
.Frnthome svg.Side_mnu.mnu path, svg.Side_mnu:hover path  {
  stroke: var(--hover-color);
}
.Frnthome svg.Side_mnu.mnu {
  transform: rotate(90deg);
}
.Frnthome svg.Side_mnu path {
  transition: 0.3s ease;
}
.Frnthome .SideBar  ul.current {
  transform: translate(0);
  gap: 18px;
}
.Frnthome .SideBar  ul.current a{
  font-size: 16px;
}

/* 
==================================================
- Home page css  
==================================================
*/
.Hero {
  background-image: url('../images/new_banner.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  min-height: 91vh;
  position: relative;
  z-index: 0;
  padding: 5rem 0;
}
.Hero.user_banner {
  background-image: url('../images/user_dash_profile.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  min-height: 91vh;
  position: relative;
  z-index: 0;
  padding: 5rem 0;
}
.Hero::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/banner-overlay.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0.8;
}
.Hero_txt {
  position: relative;
  z-index: 1;
  padding: 1rem 2rem 8rem 6rem;
  width: 880px;
  bottom: 36px;
}
.Hero_txt h1 {
  font-size: 55px;
  line-height: 1.3em;
  text-transform: capitalize;
  font-weight: var(--weight-semibold);
  margin: 0;    font-family: 'Yeseva One', cursive;


}
.Hero_txt h1 span{
  background: #c5a558;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

/* tab slider css  */
.H_slidr {
  margin-top: 0;
}
.F_tabs .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 4rem;
  position: relative;
  z-index: 1;
  gap: 5px;
}
/* .F_tabs .tabs::before {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 270px;
  background: linear-gradient(180deg, rgba(30, 31, 33, 0) 0%, #1E1F21 100%);
  z-index: -1;
  bottom: 20px;
} */
.F_tabs .tabs .tab-link {
  background: var(--bg-body);
  border-radius: var(--btn-radius);
  transition: 0.3s ease;
  font-size: 16px;
  line-height: 1;
  color: var(--text-white);
  text-transform: capitalize;
  padding: 10px;
  min-width: 125px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: var(--weight-semi-bold);
}
.F_tabs .tabs .tab-link.current{
  background: var(--bg-btn);
  color: var(--text-white);
}
.F_tabs .tab-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: 0.3s ease;
}
.F_tabs .tab-content.current {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition: 0.3s ease;
}
/* slider items css  */
.CItmm {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.CItmm .mdl_img {
  border-radius: 0;
  background: var(--bg-body);
  overflow: hidden;
  padding-top: 125%;
  position: relative;
}
.CItmm .mdl_img::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background: var(--bg-body);
  mix-blend-mode: multiply;
  opacity: 0.6;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.CItmm .mdl_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius:0;
  transition: 0.4s ease;
}
.CItmm .mdl_img:hover img {
  transform: rotate(5deg) scale(1.1);
}
.CItmm .mdl_name {
  position: absolute;
  bottom: 0;
  padding: 15px 15px 15px 15px;
  width: 100%;
  z-index: 1;
}
.CItmm .mdl_name h5 {
  margin: 0;
  font-size: 18px;
  color: var(--text-white);
  text-transform: capitalize;
  padding-left: 28px;
  font-weight: var(--weight-regular);
}
.CItmm .mdl_name::before {
  position: absolute;
  content: '';
  left: 16px;
  top: 16px;
  background:green;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0px 0px 8px 0px green;
}

/* how it wroks section css  */
.How_it {
  padding: 6rem 0 3rem;
}
.H2_sub {
  margin-bottom: 3rem;
}
.H2_sub  h2{
  font-size: 45px;
  line-height: 1.2em;
  text-transform: capitalize; font-family: 'Yeseva One', cursive;
}
.H2 {
  background:#c5a558;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  
}
.How_it .H2_sub {
	width: 100%;
	padding-left: 0;
	text-align: center;
}
.Procdur {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 20px;
  padding-left: 6rem;
}

.cdur_left {
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
  flex-wrap: wrap;
  padding-right: 45px;
  flex: auto;
}
.cdur_rt {
  flex: 0 0 227px;
}
.lft_itms {
	flex: 1;
	border:  1px solid rgba(255,255,255,0.1);
	border-radius: 0;
	background: rgba(3, 21, 33, 0.5);
	padding: 3rem 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	transition: 0.3s ease;
}
.lft_itms:hover {
	border-color: rgba(255,255,255,0.5);
	box-shadow: var(--box-shadow);
	/* background: #c5a558; */
}
.lft_itms h4 {
  font-size: 28px;
  font-weight: var(--weight-semibold);
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
.lft_itms p {
  font-size: 17px;
  line-height: 1.6em;
  font-weight: var(--weight-light);
  text-align: center;
  margin-bottom: 4rem;
}
.svg_bx::before {
  position: absolute;
  content: '';
  right: 0;
  bottom: -17px;
  background: #FFDD6B;
  filter: blur(29px);
  width: 65%;
  height: 65%;
  z-index: -1;
  opacity: 0;
  transition: 0.3s ease;
}

.svg_bx {
  width: fit-content;
  position: relative;
  z-index: 1;
}
.svg_bx img {
  animation: scaleme 1s infinite alternate;
}
@keyframes scaleme {
  0%{
      transform:scale(1);
  }
  100%{
      transform:scale(1.1)
  }
}

.lft_itms:hover .svg_bx::before{opacity: 0;}
.cdur_rt {
  flex: 0 0 300px;
  padding-top: 30px;
  position: relative;
}
.cdur_r_bx p {
  font-size: 20px;
  font-weight: var(--weight-light);
  line-height: 1.6em;
  margin-bottom: 3rem;
  max-width: 250px;
}
.cdur_r_bx {
  position: relative;
  z-index: 1;
}
.sitng_girl img {
  width: 100%;
}
.sitng_girl {
	margin-top: -12rem;
	position: relative;
	width: 80%;
	margin-left: auto;
	display: none;
}
.Free_2 {
  font-size: 16px;
  color: var(--text-white);
  margin-left: 12px;
  text-transform: capitalize;
}

/* image with text section css  */
.Img_with_txt {
	padding: 3rem 0 6rem;
	display: none;
}
.Img_with_txt .row {
  padding: 0 6rem;
}
.Imgg_bx {
  border-radius: var(--box-radius);
  overflow: hidden;
  margin-right: 1rem;
}
.Imgg_bx img{width: 100%; transition: 0.4s ease;}
.Imgg_bx:hover img {
  transform: rotate(6deg) scale(1.2);
}
._txt_bx {
  padding-left: 2rem;
}
._txt_bx .H2_sub {
  margin-bottom: 2rem;
}
.H2_sub h4 {
  font-size: 30px;
  line-height: 1.2em;
  margin-bottom: 10px;
}
h2.after_line {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-right: 15px;
}
h2.after_line::before {
  position: absolute;
  content: '';
  right: -75px;
  top: 0;
  bottom: 0;
  height: 4px;
  background: var(--text-white);
  margin: auto;
  width: 73px;
  z-index: -1;
}
._txt_bx p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 3rem;
}

/* 
==================================================
- Footer section css  
==================================================
*/

.F_footer {
  padding: 5rem 0 0;
  background:#131415;padding-bottom: 50px;
}
.ftr_row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 20px;
  row-gap: 25px;
}
.ftr_itm {
  flex: 1 0 26%;
  padding: 0 5px;
}
.ftr_itm.itm_lnk {
  flex: 1 0 auto;
}
.ftr_logo img {
  max-width: 100%;
  width: 180px;
}
.Paymnts_cardss {
	margin-top: 0;
}
.Paymnts_cardss ul {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
	width: 100%;
}
.Paymnts_cardss ul li {
  width: 52px;
}
.itm_lnk {
  margin-top: 0;
}
.itm_lnk h5 {
	font-size: 22px;
	text-transform: uppercase;
	line-height: 1.1;
	font-family: 'Yeseva One', cursive;
	color: #c5a558;
}
.itm_lnk ul {
  margin-top: 2.8rem;
}
.itm_lnk ul li {
  line-height: normal;
  margin-bottom: 1.8rem;
}
.itm_lnk ul li:last-child{
  margin-bottom: 0;
}
.itm_lnk ul li a {
  font-size: 17px;
  color: #fff;
  font-weight: var(--weight-light);
  text-transform: capitalize;
  transition: 0.3s ease;
}
.itm_lnk ul.Ftr_socls a svg {
  vertical-align: -5px;
  margin-right: 18px;
}
.itm_lnk ul.Ftr_socls a span{text-decoration: underline;}
.itm_lnk ul li a:hover {
  color: var(--hover-color);
}
.itm_lnk ul.Ftr_socls a svg path{transition: 0.3s ease;}
.itm_lnk ul.Ftr_socls a:hover svg path {
  fill: var(--hover-color);
}
.copyright{
  padding: 3.5rem 0 2.2rem; display:none;
}
.copyright p {
  font-size: 15px;
  line-height: 1.3em;
  margin: 0;
}



/* 
==================================================
- about page css  
==================================================
*/
.Hero_abt {
  padding: 10rem 0 4rem;
  position: relative;
  background-image: url('../images/tall-girl.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
}
.Hero_abt .Img_with_txt {
  padding: 0;
  position: relative;
}
.Img_with_txt.IM_tx .row {
  flex-direction: row-reverse;
}
.Img_with_txt.IM_tx .Imgg_bx {
  margin-left: 1rem;
  margin-right: 0;
}
.Img_with_txt.IM_tx ._txt_bx {
  padding-right: 2rem;
  padding-left: 0;
}
/* .back_girl {
  position: absolute;
  bottom: 0;
  left: 0;
} */
.Hero_abt ._txt_bx p {
  margin-bottom: 1.5rem;
}
.Hero_abt ._txt_bx p:last-child{margin-bottom: 0;}

/* how it works about page css  */
.How_it.ABT_how {
  text-align: center;
}
.How_it.ABT_how .Procdur {
  padding: 0 6rem;
}
.How_it.ABT_how  .H2_sub {
  width: 100%;
  margin: 0 auto 3rem;
  padding: 0 6rem;
}
.Abt_wrk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
  flex: 100%;
}
.Abt_wrk  .lft_itms h4 {
  font-size: 24px;
  margin-bottom: 4.5rem;
}
.Abt_wrk  .svg_bx::before{display: none;}
.lft_itms:hover .svg_bx  img {
  filter: sepia(1);
}

/* requirements section css  */
.Img_with_txt.REQQ {
  padding: 4rem 0 4rem;
}
.req_list {
  display: block;
  margin-block-end: 4rem;
}
.req_list li {
  font-size: 18px;
  font-weight: var(--weight-light);
  color: var(--text-sub);
  line-height: 1.6em;
  margin-bottom: 1.2rem;
  counter-increment: step-counter;
  position: relative;
  padding-left: 1.5rem;
}
.req_list li::before {
  content: counter(step-counter)".";
  font-size: 18px;
  color:var(--text-white);
  position: absolute;
  left: 0;
  top: 0;
}
.Img_with_txt.REQQ ._txt_bx {
  padding-left: 4rem;
}

/* join us today section css  */

.Join_us {
  padding: 4rem 0 6rem;
}
.Join_us .row {
  padding: 0 14rem;
}
.Join_img_ {
  width: 82%;
  overflow: hidden;
  /* border-radius: var(--box-radius); */
}
.Join_img_  img{
  width: 100% ;
  opacity:0.5;
}

.quick_signup {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  column-gap: 15px;
}
.Sign_card {
  border: var(--box-border);
  border-radius: var(--box-radius);
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-height: 17rem;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  transition: 0.3s ease;
}
.Sign_card a {
  font-size: 22px;
  font-weight: var(--weight-light);
  max-width: 176px;
  display: block;
  margin: 1rem auto 0;
  text-align: center;
  line-height: 1.6em;
  color: var(--text-white);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-transform: capitalize;
  transition: 0.3s ease;
}
.Sign_card:hover{
  border-color: var(--bg-transparent);
}
.Sign_card.TW:hover{
  background: var(--bg-blue);
}
.Sign_card.GG:hover{
  background: var(--error-color);
}
.Sign_card svg {
  width: 50px;
  height: 50px;
  object-fit: contain;
  transition: 0.3s ease;
  animation: scaleme 2s infinite alternate-reverse;
}
.Sign_card svg path {transition: 0.3s ease;}
.Sign_card:hover svg path {
 fill: var(--text-white);
  transition: 0.3s ease;
}
/* divider line css  */
.row_divider {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 3.5rem 0;
}
.row_divider::before{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  border-top: var(--spacer-line);
  margin: auto;
  z-index: -1;
}
.row_divider span {
  font-size: 24px;
  color: var(--text-black);
  background: var(--bg-btn);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 4rem;
  text-transform: capitalize;
  font-weight: var(--weight-bold);
}
/* fill your data form css  */
.Fill_yr_data h4 {
  font-size: 28px;
  margin-bottom: 2rem;
  text-transform: capitalize;
  line-height: 1.3em;
}
.Row_fr_btn {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  row-gap: 20px;
  flex-wrap: wrap;
  column-gap: 35px;
}
.Form_field{margin-bottom: 1rem;}
.Form_field input, .Form_field textarea, .Form_field  select {
  font-size: 17px;
  width: 100%;
  padding: 10px 25px;
  background:none;
  border:1px solid #fff;
  color: var(--text-white);
  font-weight: var(--weight-light);
/*   border-radius: var(--btn-radius); */
  transition: 0.3s ease;
  pointer-events: initial;
  user-select: none;
}
.Form_field input:focus, .Form_field textarea:focus, .Form_field  select:focus{
  border-color: var(--hover-color);
  background:none;
}
.Form_field input, .Form_field  select {
  height: 60px;
}
.consent_box {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}
.chk_data {
  display: inline-block;
  margin-bottom: 8px;
  position: relative;
  margin-right: 28px;
}
.chk_data input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  cursor: pointer;
}
.consent_box .chk_data label {
  padding-left: 40px;
  color: var(--text-sub);
  line-height: 1.8em;

}
/* .chk_data label::before { */
	/* content: ''; */
	/* -webkit-appearance: none; */
	/* border: 1px solid #fff; */
	/* padding: 10px; */
	/* display: inline-block; */
	/* position: absolute; */
	/* vertical-align: middle; */
	/* cursor: pointer; */
	/* left: 0; */
	/* top: 2px; */
	/* border-radius: 0; */
	/* background: none; */
	/* cursor: pointer; */
/* } */
/* .chk_data label:after { */
  /* content: ''; */
  /* position: absolute; */
  /* top: 5px; */
  /* left: 8px; */
  /* width: 6px; */
  /* height: 12px; */
  /* border: 1px solid var(--hover-color); */
  /* border-width: 0 2px 2px 0; */
  /* transform: rotate(45deg) scale(0.4); */
  /* opacity: 0; */
  /* transition: 0.5s ease; */
  /* cursor: pointer; */
/* } */
/* .chk_data input:checked + label::before { */
  /* border-color: var(--hover-color); */
/* } */
/* .chk_data input:checked + label:after { */
  /* opacity: 1; */
  /* transform: rotate(45deg) scale(1); */
/* } */

button.only_txtx {
  font-size: 16px;
  color: var(--text-white);
  background: var(--bg-transparent);
  border: 0;
  text-transform: capitalize;
  font-weight: var(--weight-light);
  padding: 0;
  transition: 0.3s ease;
}
button.only_txtx:hover{
  color: var(--hover-color);
}



/* 
==================================================
- terms and condition  page css  
==================================================
*/
.Trmss {
  padding: 10rem 0 6rem;
  width: 68%;
  margin: 0 auto;
}
.Trm_head {
  padding: 2rem 8rem;
  min-height: 200px;
  background: url('../svg-img/terms-bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: var(--box-radius);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.Trm_head h1 {
  font-size: 36px;
  margin: 0;
  line-height: 1.3em;
  color: var(--text-black);
}
.Cntnt_only {
  margin-top: 4rem;
}
.Cntnt_only p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 1.5rem;
}
.Cntnt_only p:last-child{margin-bottom: 0;}


/* 
==================================================
- contact us  page css  
==================================================
*/
.Join_us.Ctt .row {
  padding: 0 10rem;
}
.Cont_lft {
  width: 84%;
  position: relative;
}
.Cont_lft .Join_img_ {
  width: 100%;
  filter: drop-shadow(0px 26px 38px rgba(0, 0, 0, 0.5));
}
.Join_us.Ctt {
  padding: 5rem 0 8rem;
}
.Flot_card {
	position: absolute;
	bottom: 12px;
	background: rgba(255,255,255,0.8);
	width: 94%;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 15px;
	justify-content: space-between;
	padding: 2rem 2rem;
	min-height: 115px;
}
.Flot_card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  flex: 1 0 auto;
}
.Flot_card ul li{line-height: normal;}
.Flot_card h5 {
	font-size: 22px;
	line-height: 1.2em;
	margin: 0;
	flex: 1 0 auto;
	text-transform: uppercase;
	color: #222;
}
 svg path,  svg  {
  transition: 0.3s ease;
}
.Flot_card ul a:hover svg path {
  fill: var(--hover-color);
}


/* 
==================================================
- login  page css  
==================================================
*/

.Join_img_.lg_img {
  filter: none;
  border-radius: 0;
}
.Cont_lft.lt_l {
  width: 94%;
}
.Flot_card.flo {
  bottom: 0;
  flex-direction: column;
}
.Flot_card.flo h5 {
  text-transform: capitalize;
  font-weight: var(--weight-regular);
  flex: 100%;
}
.Flot_card button {
	font-size: 22px;
	background: #222;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	border: 0;
	text-transform: capitalize;
	transition: 0.3s ease;
	color: #2222;
}
.Flot_card button:hover{
  opacity: 0.8;
}
button.Forgot_pass {
  font-size: 16px;
  background: var(--bg-transparent);
  border: 0;
  margin-left: auto;
  color: var(--text-white);
  font-weight: var(--weight-light);
  transition: 0.3s ease;
}
button.Forgot_pass:hover{color: var(--hover-color);}


/* 
==================================================
- model signup  page css  
==================================================
*/

.Form_field.Impt p {
  position: relative;
  padding-left: 1.8rem;
  font-size: 15px;
  line-height: 1.5em;
  margin: 0;
}
.Form_field.Impt p svg {
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
}
.Gndr_SlctN {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  margin: 2.5rem 0 1.5rem;
  row-gap: 20px;
  column-gap: 15px;
}
.Gndr_SlctN h5 {
  font-size: 17px;
  font-weight: var(--weight-light);
  margin: 0;
  flex: 1;
}
.GNDR_click {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 0 auto;
  row-gap: 10px;
  column-gap: 10px;
}
.GNDR_click .chk_data {
  margin: 0;
  flex: 1 1;
}
.GNDR_click .chk_data label {
  width: 100%;
  min-height: 75px;
  border: var(--box-border);
  border-radius: var(--btn-radius);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-white);
  text-transform: capitalize;
  font-weight: var(--weight-light);
  line-height: 1.1em;
  font-size: 16px;
  padding: 8px 10px;
  cursor: pointer;
}
.GNDR_click .chk_data  label:before {
  padding: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -11px;
  width: 22px;
  height: 22px;
  border-radius: 1rem;
}
.GNDR_click .chk_data label:after {
  top: -7px;
  left: 0;
  right: 0;
  width: 6px;
  margin: 0 auto;
  height: 12px;
}
.GNDR_click .chk_data input:checked + label{border-color: var(--hover-color);}

/* custom file upload css  */
span.Max_file_sz {
  display: inline-block;
  font-size: 15px;
  color: var(--text-sub);
  margin-top: 10px;
}
.plugin-setting-list li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  color: #000000;
  list-style-type: none;
  margin-bottom: 15px;
}

.plugin-setting-list li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #3cb371;
  border-radius: 100%;
}

/* Plugin Style Start */
.kwt-file {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: var(--spacer-line);
}
.kwt-file__drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
  background-color: var(--bg-body);
  border-radius: var(--btn-radius);
  transition: 0.3s;
  min-height: 130px;
  border: 1px dashed #ffffff63;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}

.kwt-file__drop-area.is-active {
  background-color: var(--container-bg);
}

.kwt-file__choose-file {
  flex-shrink: 0;
  background-color: transparent;
  border-radius: 100%;
  color: #ffffff;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kwt-file__choose-file.kwt-file_btn-text {
  border-radius: 4px;
  width: auto;
  height: auto;
  padding: 10px 20px;
  font-size: 14px;
}

.kwt-file__choose-file svg {
  width: 24px;
  height: 24px;
  display: block;
}

.kwt-file__msg {
  color: var(--text-sub);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kwt-file__input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.kwt-file__input:focus {
  outline: none;
}

.kwt-file__delete {
  display: none;
  position: absolute;
  right: 20px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.kwt-file__delete:before {
  content: "";
  position: absolute;
  left: 0;
  transition: 0.3s;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
  filter: brightness(10);
}

.kwt-file__delete:after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--container-bg);
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: var(--box-shadow);
}

.kwt-file__delete:hover:after {
  transform: translate(-50%, -50%) scale(2.2);
  opacity: 1;
}
/* Plugin Style End */

.Url_head {
  font-size: 17px;
  font-weight: var(--weight-light);
  color: var(--text-sub);
  margin: 1.5rem 0 1.2rem;
  line-height: 1.5em;
}


/* 
==================================================
- thankyou  page css  
==================================================
*/
.Thank_inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100vh;
  padding: 7rem 0 0rem;

}
.Thank_inner .bg_for_box {
  background-image: url('../images/girl-with-mask.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 92% 1px;
}
.Thank_txt {
  width: 50%;
  padding-top: 7rem;
}
.Thank_txt svg {
  width: 100%;
  max-width: 480px;
  height: 150px;
}
.Thank_inner .container-fluid{
  max-width: 70%;
}
.Thank_txt p {
  font-size: 18px;
  font-weight: var(--weight-light);
  line-height: 1.6em;
  margin: 1.2rem 0 2.2rem 2.7rem;
  max-width: 530px;
}
.Thank_txt .CTA {
  margin-left: 2.7rem;
  min-width: 185px;
  padding: 16px 12px;
}


/* 
==================================================
- 404  page css  
==================================================
*/

.Erro_block {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.Err_img {
  height: 100%;
  width: 100%;
  padding-top: 3rem;
}
.Err_img img {
  width: 68%;
  height: 89%;
  object-fit: contain;
}
.Error_Txt {
  position: absolute;
  top: 41%;
}
.Error_Txt h4 {
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 0.7rem;
  background: linear-gradient(180deg, #FFDD6B 0%, #FFE0BF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.Error_Txt h5 {
  font-size: 28px;
  margin: 2.2rem 0 1.4rem;
}
.Error_Txt p {
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 2rem;
}

.Error_Txt img.Nude_Girl {
  width: 300px;
  animation: heartbeat 2s infinite alternate;
  transition: 0.3s ease;
}
@keyframes heartbeat{
  0%{
    transform: scale(0.9);
  }
  50%{
    transform: scale(1.1);
  }
  75%{
    transform: scale(1);
  }
  100%{
    transform: scale(1.1);
  }
}


/* 
==================================================
- forgot password  page css  
==================================================
*/

.Filled_sec {
  display: flex;
  align-items: flex-start;
  padding: 7rem 0 0;
  height: 100vh;
}
 .bg_for_box {
  max-width: 70%;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  /* background-image: url('../images/forgot_g.png'); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 98% 0px;
}
.Fill_Boxx {
	width: 46%;
	/* padding-top: 10rem; */
	margin: auto;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 30px;
}
.Fill_Boxx h4 {
  font-size: 30px;
  line-height: 1.2em;
  margin-bottom: 1.2rem;
  text-transform: capitalize;
}
.Fill_Boxx p {
  font-size: 18px;
  line-height: 1.6em;
  color: var(--text-white);
  font-weight: var(--weight-light);
  margin-bottom: 3rem;
}
.Form_field label {
  font-size: 16px;
  color: var(--text-white);
  margin-bottom: 10px;
  font-weight: var(--weight-light);
}
.Fill_Boxx .CTA {
  margin-top: 1.2rem;
  min-width: 105px;
}
.Fill_Boxx .Form_field {
  width: 82%;
}

/* 
==================================================
- Enter code   page css  
==================================================
*/
.vcode {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Form_field .vcode input {
  min-height: 110px;
  flex: 1 1;
  font-size: 56px;
  text-align: center;
}
button.resnd {
  font-size: 17px;
  border: 0;
  background: var(--bg-transparent);
  color: var(--text-white);
  font-weight: var(--weight-light);
  margin-left: 1.5rem;
  text-transform: capitalize;
  transition: 0.3s ease;
}
button.resnd:hover{
  color: var(--hover-color);
}



/* 
==================================================
- online now page css  
==================================================
*/
.Wrapng {
  padding: 9rem 0 6rem;
  display: flex;
  flex-wrap: wrap;
}
.Slid_Wrap {
  width: 72%;
  margin: 0 auto;
}
.Wrapng .sidebarWrap {
  width: 210px;
  left: 32px;
  position: absolute;
  top: 200px;
}
.SideBar ul {
  position: relative;
}
.Wrapng .SideBar ul::before {
  position: absolute;
  content: '';
  border-left: var(--spacer-line);
  height: 100%;
  left: -16px;
  top: 0;
  opacity: 0;
  transition: 0.3s ease;
}
.Wrapng .SideBar ul a{position: relative;}
.Wrapng .SideBar ul a::before {
  position: absolute;
  content: '';
  left: -20px;
  top: 3px;
  background: #4b4c4d;
  width: 10px;
  height: 10px;
  border-radius: 2rem;
  opacity: 0;
  transition: 0.3s ease;
}
.Wrapng .SideBar.fixed ul::before, .Wrapng .SideBar.fixed ul a::before{
  opacity: 1;
}
.Wrapng .SideBar ul a:hover{transform: scale(1);}
.Wrapng .SideBar ul a:hover::before{background:var(--hover-color);}
.Wrapng .SideBar ul a.active::before{background:var(--hover-color);}
.Wrapng .SideBar ul a.active{color:var(--hover-color);}
.Fltr_img {
  display: none;
}
.Sld_rw {
  display: flex;
  flex-wrap: wrap;
  margin: 2.5rem -8px 0;
}
.Sld_rw .Tn_box {
  flex: 0 0 20%;
  padding: 0 8px;
  margin-bottom: 16px;
}
.CItmm .mdl_name.Wth_prc {
  padding: 18px;
}
.CItmm .mdl_name.Wth_prc::before {
  top: 19px;
}
.mdl_name span {
  font-size: 15px;
  font-weight: var(--weight-light);
  display: block;
    margin-top: 9px;
    color: var(--text-white);
    text-transform: capitalize;
}
.mor_data {
  text-align: center;
  margin-top: 3rem;
}
.Hed_bx h2 {
  font-size: 28px;
  line-height: 1.1;
  margin: 0;
  flex: 1 1;
  padding-right: 10px;
  text-transform: capitalize;
}
.FED_btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1 1;
}
.chat_search {
  position: relative;
  width: 100%;
  text-align: right;
  top: 2px;
}
.chat_search #search-button {
  color: var(--text-white);
  font-size: 22px;
  padding: 0;
  font-weight: 400;
  border: 0;
}
#search-form {
  display: block;
  position: absolute;
  top: -5px;
  right: 0;
  width: 0;
  overflow: hidden;
  transition: 0.3s ease;
}
#search-form.full {
  width: 111%;
  top: -2px;
}
#search-form .input-group {
  display: flex;
  flex-wrap: unset;
  align-items: center;
}
#search-form .input-group span {
  flex: 0 0 38px;
  height: 37px;
  color: var(--text-white);
  font-size: 18px;
  background: var(--bg-body);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#search-form .input-group span svg {
  fill: #fff;
  width: 13px;
  cursor: pointer;
}
#search-form .input-group input {
  font-size: 15px;
  background-color: var(--bg-body);
  border: 0;
  border: var(--spacer-line);
  border-radius: 6px;
  color: var(--text-white);
}
.Ex_t_bx::before {
  position: absolute;
  content: '';
  right: 0;
  top: -10px;
  bottom: 0;
  height: 150%;
  border-right: var(--spacer-line);
}
.Ex_t_bx {
  display: flex;
  align-items: center;
  flex: 1 1;
  padding-right: 25px;
  margin-right: 25px;
  position: relative;
    z-index: 11;
}
.Filtr {
  position: absolute;
  right: 0;
  left: 0;
  top: 31px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 0 2rem;
  z-index: 0;
}
.fltr_chk {
  text-align: left;
}
.Feed.EXP .Ex_t_bx {
  position: relative;
    z-index: 11;
}
.filers_box {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 48px;
  transition: 0.3s ease;
  width:70%;
  background: var(--bg-body);
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.filers_box.Shows {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.FLT_btn {
  font-size: 18px;
  font-weight: var(--weight-light);
  text-transform: capitalize;
  line-height: 1.1em;
  background: var(--bg-transparent);
  border: 0;
  color: var(--text-white);
  letter-spacing: 0.4px;
  padding: 0;
}
.FLT_btn span {
  vertical-align:-3px;
  margin-left: 5px;
  transition: 0.3s ease;
  font-size: 21px;
}
.FLT_btn.MD {
  color: var(--hover-color);
}
.FLT_btn.MD span i {
  transform: rotate(180deg);
}
.FLT_btn span i {
 transition: 0.3s ease;
}
.Ex_row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.Feed.EXP {
  flex: 1 1;
  padding-right: 20px;
}
.Fed_h.Ex {
  margin: 2px 0 1.2rem;
  padding: 24px 7rem 24px 2rem;
  position: sticky;
  top: 114px;
  z-index: 11;
  box-shadow: 0px -36px 4px 7px var(--bg-body);
  background: var(--container-bg);
  border-radius: var(--box-radius);
}

.fltrs_slctn {
  margin: auto;
  overflow: hidden;
  padding: var(--box-spacing);
  transition: 0.3s ease;
  background: var(--container-bg);
  border-radius: var(--box-radius);
  z-index: 22;
  box-shadow: var(--box-shadow);
  width: 100%;
  border: var(--box-border);
  margin-top: 15px;
  height: 65vh;
  padding-bottom: 5rem;
}
.tgl_fltr.Feti {
  margin-bottom: 0;
  flex: 100%;
  max-width: 100%;
   margin-right: 10px;
}
.tgl_fltr.Feti  .fltrs_outr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  gap: 22px;
}
.tgl_fltr.Feti ul {
  flex: 0 0 auto;
  max-width: 100%;
  display: block;
  border: 0;
}
.tgl_fltr.Feti ul li {
  flex: 100%;
  max-width: 100%;
}

/* Works on Firefox */
.fltrs_slctn {
  scrollbar-width: thin;
  scrollbar-color: #ffffff21 #1e1e1e;
}

/* Works on Chrome, Edge, and Safari */
.fltrs_slctn::-webkit-scrollbar {
  width: 3px;
}

.fltrs_slctn::-webkit-scrollbar-track {
  background: #1e1e1e;
}

.fltrs_slctn::-webkit-scrollbar-thumb {
  background-color: #ffffff38;
  border-radius: 20px;
}
/* *-------- */
.fltr_close {
  color: #fff;
  transition: 0.3s ease;
}
.fltr_close:hover {
  color: #e7bd4d;
}
.fltr_li i {
  color: #a6a4a4;
  transition: 0.3s ease;
  transform: rotate(90deg);
}
.fltr_li {
  font-size: 17px;
  font-weight: var(--weight-regular);
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  transition: 0.3s ease;
  cursor: pointer;
  margin-bottom: 15px;
}
.fltr_btn {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #ddd;
  line-height: 1em;
  font-weight: 500;
  font-family: "Work Sans";
  text-transform: capitalize;
}

.fltr_btn:hover,
.fltr_btn.f_active {
  color: #e7bd4d;
}
.fltr_btn span img {
  filter: brightness(5);
  transition: 0.3s ease;
}
.fltr_btn:hover span img {
  filter: brightness(1);
}
.Fltr_img{display: none;}
.fltr_btn span {
  margin-right: 10px;
}
.tgl_fltr ul {
  padding: 0px 0 8px;
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: var(--spacer-line);
}
.tgl_fltr ul li {
  flex: 0 0 50%;
  margin-bottom: 10px;
  max-width: 50%;
  padding-right: 10px;
}
.lft_sub  .tgl_fltr:first-child .fltrs_outr li {
  flex: 0 0 auto;
  padding-right: 10px;
}

.filters_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 16px 1rem;
  gap: 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: var(--container-bg);
  border-bottom-left-radius: var(--box-radius);
  border-bottom-right-radius: var(--box-radius);
}
.filters_btn button{color: var(--hover-color);}
.filters_btn button:hover{color: var(--text-black);}
.filters_btn .pnl_cta {
  flex: 1;
}
.filters_btn .pnl_cta:first-child {
  color: #e7bd4d;
}
.filters_btn .pnl_cta:first-child:hover {
  color: #131313;
}
.filters_btn .pnl_cta:first-child::before {
  height: 0;
}
.filters_btn .pnl_cta:first-child:hover::before {
  height: 100%;
}
.fltrs_outr {
  overflow: hidden;
  transition: 0.5s ease;
}
.fltr_li.active + .fltrs_outr {
  height: auto;
  opacity: 1;
}
.tgl_fltr {
  margin-bottom: 0;
  flex: 0 0 50%;
  max-width: 50%;
}
.tgl_fltrs {
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
/* scroll bar desaign  */
/* Works on Firefox */
.tgl_fltrs {
  scrollbar-width: thin;
  scrollbar-color: #ffffff21 #1e1e1e;
}

/* Works on Chrome, Edge, and Safari */
.tgl_fltrs::-webkit-scrollbar {
  width: 5px;
}

.tgl_fltrs::-webkit-scrollbar-track {
  background: #1e1e1e;
}

.tgl_fltrs::-webkit-scrollbar-thumb {
  background-color: #ffffff21;
  border-radius: 20px;
  border: 1px solid #131313;
}
/* *-------- */
.fltrs_slctn.slide_left {
  right: 30px;
}

.lft_sub {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 40px;
  border-right: var(--spacer-line);
}
.RT_sub {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 40px;
  padding-right: 10px;
}
.lft_sub .tgl_fltr {
  max-width: 100%;
  flex: 100%;
}

.RT_sub .tgl_fltr {
  max-width: 100%;
  flex: 100%;
}
.tgl_fltr.HAir {
  flex: 100%;
  max-width: 100%;
  border-top: var(--spacer-line);
  margin-top: 20px;
  padding-top: 17px;
  margin-right: 10px;
}
.tgl_fltr.HAir ul li {
  flex: 1 0 auto;
  max-width: 100%;
}

/* *------------------------- */
/* custom filters checboxes css  */

.fltr_chk input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.fltr_chk label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: var(--weight-regular);
  color: var(--text-sub);
  line-height: 1.3em;
  margin: 0;
  position: relative;
  padding-left: 32px;
  letter-spacing: 0.4px;
}
.fltr_chk label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 11px;
  background-color: #131313;
  border-radius: 5px;
  border: var(--box-border);
}
.fltr_chk input:checked + label::before {
  border-color: var(--hover-color);
}
.fltr_chk input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 6px;
  height: 10px;
  border: solid var(--hover-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.fltr_chk input:checked + label{
  color: var(--text-white);
}


/* 
==================================================
- text now  page css  
==================================================
*/
.Sld_rw.rep_rw .Tn_box:nth-child(1), .Sld_rw.rep_rw .Tn_box:nth-child(2), .Sld_rw.rep_rw .Tn_box:nth-child(3) {
  flex: 0 0 33.33%;
}
.Sld_rw.rep_rw .Tn_box:nth-child(1) .CItmm .mdl_img ,
 .Sld_rw.rep_rw .Tn_box:nth-child(2) .CItmm .mdl_img , 
.Sld_rw.rep_rw .Tn_box:nth-child(3)  .CItmm .mdl_img {
  padding-top: 110%;
}
.Sld_rw.rep_rw .mdl_name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.mdl_name.Wth_prc a {
  width: 38px;
  height: 38px;
  border-radius: 4rem;
  background: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}
.mdl_name.Wth_prc a svg {
  width: 21px;
  height: 21px;
}
.For_nams {
  flex: 1 1;
}
.mdl_name.Wth_prc  svg path {fill: var(--text-black);}
.mdl_name.Wth_prc a:hover{background: var(--hover-color);}
.Top_tags {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  z-index: 11;
}
.Top_tags img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  animation: flaming 1s infinite alternate;
}
@keyframes flaming{
  0%{
    transform: scale(0.9);
  }
  50%{
    transform: scale(1.1);

  }
  75%{
    transform: scale(1);
  }
  100%{
    transform: scale(0.9);
  }
}



/* 
==================================================
- top entertainers   page css  
==================================================
*/
.Ex_t_bx.No_b::before {
  opacity: 0;
}
.Top_entrtainr_page .Fed_h.Ex {
  position: static;
}
.Sld_rw .tn_row .Tn_box {
  flex: 0 0 16.66%;
}
.m-lr {
  margin: 0 -10px;
}
.m-b {
  padding: 0 10px;
  margin-bottom: 20px;
}
.Tn_box .it {
  position: relative;
} 
.TOP_tn {
  padding: 0 8px;
  flex: 1;
  padding-top: 1rem;
}
.Sld_rw .tn_row {
  display: flex;
  flex-wrap: wrap;
}

.Rnk_boxx {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
.Rnk_boxx h4 {
  font-size: 18px;
  font-weight: var(--weight-medium);
  line-height: 1.1;
  margin-top: 0.5rem;
}
.Rnk_boxx  p {
  font-size: 66px;
  color: var(--text-white);
  margin-left: auto;
  margin-bottom: 0;
  line-height: 1;
  font-weight: var(--weight-bold);
}
.Sld_rw .TOP_tn .Hed_bx {
  margin-bottom: 1.5rem;
  text-align: center;
}
.Sld_rw .TAB_Rnk {
  margin: 2rem 0 1rem;
}
.M_stars {
  position: relative;
  padding-top: 120%;
  border-radius: var(--box-radius);
  overflow: hidden;
}
.M_stars img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.M_stars::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1E1F21;
  mix-blend-mode: multiply;
  opacity: 0.6;
  z-index: 1;
}
.Sld_rw .TAB_Rnk .Hed_bx {
  text-align: center;
  padding: 3rem 0 2rem;
  position: sticky;
  top: 80px;
  z-index: 1;
  background: var(--bg-body);
}
.Sld_rw .TAB_RNKG 
 .tabs {
    width: fit-content;
    background: var(--container-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 3rem;
    border-radius: var(--btn-radius);
    position: sticky;
    top: 180px;
    z-index: 1;
}
.Sld_rw .TAB_RNKG .tabs li {
  min-width: 145px;
  height: 52px;
  padding: 10px;
  border-radius: var(--btn-radius);
  color: var(--text-white);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: var(--weight-bold);
  cursor: pointer;
  transition: 0.3s ease;
}
.Sld_rw .TAB_RNKG .tabs li.current{
  background: var(--bg-btn);
  color: var(--text-black);
}
 .TAB_RNKG .tab-content {
  padding: 0 2.5rem;
  transition: 0.3s ease;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
}
.TAB_RNKG .tab-content.current{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: auto;
} 
.Sld_rw .RNK_crd {
  background: var(--container-bg);
  border: var(--box-border);
  border-radius: var(--box-radius);
  padding: 1.6rem;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: 0.3s ease;
}
 .RNK_crd img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: center;
  border-radius: 5rem;
}
.ARNK_txt h4 {
  font-size: 22px;
  line-height: 1.3em;
}
.ARNK_txt p {
  margin: 0;
  font-size: 17px;
  color: var(--text-white);
}
.RNK_crd:hover{
  background: var(--bg-btn);
}
.RNK_crd:hover *{
  color: var(--text-black);
}


/* 
==================================================
- news feeds  page css  
==================================================
*/

/* models feeds css  */
span.Online {
  font-size: 16px;
  color: var(--color-green);
  font-weight: var(--weight-regular);
  line-height: 1;
  margin-top: 7px;
  display: block;
}
.All_FED {
  padding: 0 8px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.Fe {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--container-bg);
  padding: var(--box-spaceing2);
  border-radius: var(--box-radius);
  margin-bottom: 1.1rem;
}
.FED_img, .FED_Vidd {
  flex: 0 0 30%;
  position: relative;
  height: 400px;
  z-index: 0;
}
.FED_img img, .FED_Vidd img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--btn-radius);
}
.FED_Vidd .Locked img {
  width: 45px;
  height: 45px;
  filter: brightness(0.1);
  margin-bottom: 19px;
}
.v_lokd .Locked:hover *{
  transform: scale(1.05);
}
.v_lokd .Locked *{
  transition: 0.3s ease;
}
.FED_Vidd.v_unlokd .media_calc {
  z-index: 11;
}
.V_opn .Locked {
  background: var(--bg-transparent);
  backdrop-filter: none;
}
.IMG_opn .img_unlocd {
  background: var(--bg-transparent);
  backdrop-filter: none;
}
.media_calc {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background-color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: var(--box-shadow);
}
.FD_txt {
  flex: 1 1;
  padding-left: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.AProfile_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: var(--spacer-line);
}
.lft_ img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.lft_ {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  padding-right: 1.5rem;
}
.Ttl h4 {
  font-size: 22px;
  margin: 0 0 5px;
}
.Rtt_ {
  display: flex;
  align-items: center;
  gap: 28px;
}
.icon_btns {
  display: flex;
  gap: 28px;
  align-items: center;
}
.Prf_optn button::after {
  opacity: 0;
}

.Prf_optn button {
  background: transparent;
  border: 0;
  appearance: none;
  padding: 0;
}
.icon_btns svg path, .Prf_optn button svg path {
  fill: var(--text-sub);
  transition: 0.3s ease;
}
.icon_btns svg:hover path, .icon_btns svg:focus path , .Prf_optn button:hover svg path, .Prf_optn button:focus svg path {
  fill: var(--text-white);
  transition: 0.3s ease;
}
.Prf_optn  ul.dropdown-menu {
  top: 120%;
  right: 0 !important;
  background: var(--bg-body);
  border: var( --box-border);
  max-width: 260px;
  text-align: center;
  width: 185px;
  overflow: hidden;
  box-shadow: var(--box-shadow);
  border-radius: var(--btn-radius);
  transition: 0.3s ease;
  padding: 10px;
  transform: translate(0, 35px ) !important;
  inset: 0px auto auto -340% !important
}
.Prf_optn  a.dropdown-item {
  font-size: 15px;
  padding: 12px;
  color: var(--text-white);
  text-transform: capitalize;
  font-weight: var(--weight-regular);
  line-height: 1;
  display: block;
  transition: 0.3s ease;
}
.Prf_optn  li:hover {
  background: var(--bg-btn);
}
.Prf_optn  li {
  background-color: var(--bg-body);
  transition: 0.3s ease;
  border-radius: var(--btn-radius);
  text-align: center;
  cursor: pointer;
}
.Prf_optn .dropdown-item:focus, .Prf_optn .dropdown-item:hover {
  color: var(--text-black);
  background-color: var(--bg-transparent);
}
.msgg_bx {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
.likes a {
  font-size: 16px;
  color: var(--text-white);
  font-weight: var(--weight-regular);
  position: relative;
  line-height: 1.1em;
}
.likes {
  margin: 0 0 1.5rem;
}
.likes a .fa.fa-heart-o.Stroke {
  color:var(--hover-color);
}
.likes a  .fa.fa-heart.fill_mode{color:var(--hover-color);}
.tip_btns {
  display: flex;
  align-items: center;
  gap: 15px;
}
.tip_btns .CTA {
  min-width: 160px;
}
.msgg_bx p {
  font-size: 16px;
  line-height: 1.6em;
  font-weight: var(--weight-regular);
  color: var(--text-sub);
  width: 85%;
}
.Gallry .modal-content .btn-close {
  position: absolute;
  right: 25px;
  top: 20px;
  cursor: pointer;
  z-index: 11;
  background-size: 20px;
  opacity: 0.8;
}
.Gallry .modal-dialog {
  height: 60vh !important;
}
.Gallry .modal-dialog.modal-xl .modal-content {
  height: 100%;
  width: 100%;
}
.Gallry .modal-body img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
  position: relative;
}
.modal-body {
  height: 100%;
  padding: 0;
}

/* locked image css  */
.Locked {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 221, 107, 0.5) 0%, rgba(255, 224, 191, 0.5) 100%);
mix-blend-mode: normal;
backdrop-filter: blur(6px);
  border-radius: var(--btn-radius);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}
.FED_img  .img_sg {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 0;
  margin-bottom: 16px;
  position: relative;
  z-index: 11;
}
.Locked p {
  font-size: 17px;
  color: var(--text-black);
  text-transform: capitalize;
  line-height: 1.1em;
}
.LoCkd .Locked:hover * {
  transform: scale(1.05);
}
.LoCkd .Locked * {
 transition: 0.3s ease;
}



/* unlocked img css  */
.img_unlocd svg {
  filter: brightness(0.1);
  width: 45px;
  height: 45px;
}
.img_unlocd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 221, 107, 0.5) 0%, rgba(255, 224, 191, 0.5) 100%);
  mix-blend-mode: normal;
  backdrop-filter: blur(6px);
  border-radius: var(--btn-radius);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.Glry_pop .owl-stage {
  display: flex;
  align-items: center;
  height: 100%;
}
.Glry_pop .owl-item {
  height: 100%;
}
.Glry_pop .owl-item * {
  height: 100%;
  width: 100%;
}
.Glry_pop .owl-stage-outer {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.PHOTO .modal-body {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Glry_pop .mdl_img {
  width: 100%;
}
.Glry_pop .mdl_img img{
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  object-fit: contain;
}
.Glry_pop {
  width: 100%;
  height: 100%;
  /* padding: 1rem 3rem; */
}
.Gallry .modal-body, .VID_pop .modal-body {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: var(--box-radius);
}
.Gallry .modal-body .Blur_bg img,  .VID_pop .modal-body .Blur_bg img {
  object-fit: cover;
}
.Glry_pop.T_sld  .owl-prev, .Glry_pop.T_sld  .owl-next {
  width: 35px;
  height: 35px;
  font-size: 30px;
}
.Glry_pop.T_sld .owl-prev {
  left: 20px;
}
.Glry_pop.T_sld .owl-next {
  right: 20px;
}

/* video popup feeds css  */
.Avtr.VID_pop.FeD_vido .modal-body {
  padding: 1rem;
}
.FeD_vido .FD_txt {
  padding: 0;
}
.FeD_vido .Fe {
  background-color: var(--bg-transparent);
  padding: 0;
  margin-bottom:0;
}
.FeD_vido .lft_ img {
  width: 45px;
  height: 45px;
}
.FeD_vido .Ttl h4 {
  font-size: 18px;
}
.FeD_vido span.Online {
  font-size: 14px;
}
.FeD_vido .icon_btns svg {
  width: 22px;
  height: 15px;
}
.FeD_vido .icon_btns {
  gap: 20px;
}
.FeD_vido .Rtt_ {
  gap: 22px;
}
.FeD_vido.Avtr .modal-content .btn-close svg {
  width: 17px;
  height: 17px;
}
.FeD_vido.Avtr.VID_pop .modal-content  .btn-close {
  right: -1px;
  top: -20px;
  background: var(--bg-btn);
  opacity: 1;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Avtr .modal-content .btn-close svg {
  fill: var(--text-white);
}
.T_sld .owl-nav span {
  color: var(--text-black);
  position: relative;
  top: -1px;
  line-height: 1em;
}
.FeD_vido.Avtr .modal-content .btn-close svg path {
  fill: var(--text-black);
}
.FeD_vido.Avtr .modal-content .btn-close svg {
  width: 14px;
  height: 14px;
  fill: #000;
}
.FeD_vido .msgg_bx {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.VID_pop .msgg_bx p {
  font-size: 14px;
  width: 100%;
}
.VID_pop .Prf_optn  ul.dropdown-menu {
  max-width: 220px;
  width: 150px;
  transform: translate(0em, 35px ) !important;
}
.FeD_vido .Lower_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 15px;
  border-top: var(--spacer-line);
}
.FeD_vido .likes {
  margin: 0;
  order: 2;
}
.FeD_vido .tip_btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.FeD_vido .tip_btns .CTA span {
  font-size: 14px;
}

.FeD_vido .tip_btns .CTA {
  min-width: 90px;
  padding: 10px 15px;
}
.slidr_vd video {
  width: 100%;
  max-height: 530px;
  height: 530px;
  display: block;
}
.modal.fade.show {
  background: rgb(18 18 18 / 90%);
}
.VD_IMG  .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}
.VD_IMG .owl-stage-outer {
  overflow: hidden;
  position: relative;
}
.VD_IMG .mdl_img {
  width: 100%;
}
.VD_IMG {
  /* padding: 0 2.8rem; */
}
.VD_IMG.T_sld  .owl-prev, .VD_IMG.T_sld  .owl-next {
  width: 30px;
  height: 30px;
  font-size: 28px;
}
.VD_IMG.T_sld .owl-prev {
  left: 15px;
}
.VD_IMG.T_sld .owl-next {
  right: 15px;
}
.modal-lg, .modal-xl {
  --bs-modal-width: 700px;
}
.slidr_vd {
  position: relative;
  overflow: hidden;
}
.Blur_Out {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* border-radius: 24px; */
  z-index: -1;
}
.Blur_bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: blur(18px);
}
.Blur_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* modals css here  */
.modal.fade.show {
  background: rgb(18 18 18 / 90%);
}
.Gallry .modal-dialog {
  height: 60vh !important;
}
.Avtr .modal-content {
  background-color: var(--bg-body);
  border: var(--box-border);
  border-radius: var(--box-radius);
  height: 90%;
}
.Gallry .modal-content .btn-close {
  position: absolute;
  right: 25px;
  top: 20px;
  cursor: pointer;
  z-index: 11;
  background-size: 20px;
  opacity: 0.8;
}
.Avtr .modal-content .btn-close {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 11;
  background-size: 18px;
  background-image: none;
  color: var(--text-sub);
}
.Avtr .modal-content .btn-close svg {
  width: 20px;
  height: 20px;
}
.Gallry .modal-body, .VID_pop .modal-body {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: var(--box-radius);
}
.PHOTO .modal-body {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body {
  height: 100%;
  padding: 0;
}
.Blur_Out {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* border-radius: 24px; */
  z-index: -1;
}
.Blur_bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: blur(18px);
}
.Blur_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Gallry .modal-body .Blur_bg img, .VID_pop .modal-body .Blur_bg img {
  object-fit: cover;
}
.Gallry .modal-body img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
  position: relative;
}
.Glry_pop {
  width: 100%;
  height: 100%;
  /* padding: 1rem 3rem; */
}
.T_sld  .owl-prev, .T_sld  .owl-next {
  background-color: var(--text-white);
  border: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  color: var(--text-black);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition: 0.3s ease;
}
.Glry_pop.T_sld  .owl-prev, .Glry_pop.T_sld  .owl-next {
  width: 35px;
  height: 35px;
  font-size: 30px;
}
.Glry_pop.T_sld .owl-prev {
  left: 20px;
}
.owl-prev, .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.T_sld .owl-next {
  right: 0;
}
.T_sld  .owl-prev:hover, .T_sld  .owl-next:hover {
  background: var(--bg-btn);
}


/* 
==================================================
- preference  page css  
==================================================
*/

.Ex_t_bx.Prff::before {
  display: none;
}
.Filtr.Pfrnss {
  position: relative;
  visibility: visible;
  width: 100%;
  top: unset;
}
.Filtr.Pfrnss .filers_box {
  display: flex;
  align-items: center;
  position: relative;
  right: 0;
  top: unset;
  transition: 0.3s ease;
  width: 100%;
  background: var(--bg-body);
  transition: 0.3s ease;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.Filtr.Pfrnss  .fltrs_slctn {
  height:auto;
  padding-bottom: 1rem;
}
.Filtr.Pfrnss .filters_btn {
 display: none;
}

/*  */
/* #sidebar {
	display: none;
} */

/* *------------------- */
/* girls gallery section  */
/* *----------------- */
section.flex-img-box .container {
    max-width: 92%;
}
.img-glry {
    justify-content: space-between;
    gap: 50px;
}
.Girls_ {
    padding: 0;
    flex: 1;
}
.Girls_photos {
    position: relative;
    padding-top: 134%;
    z-index: 1;
    border-radius: 0;
    overflow: hidden;
    transition: 0.8s ease;
}

.Girls_ h5 {
    text-align: center;
    font-size: 23px;
    
    font-weight: 900;
    color: #c5a558;
    line-height: 1.1em;
    margin-top: 24px;
    transition: 0.3s ease;
    transform: translateY(-68px);
}
.Girls_:hover h5 {
    transform: translateY(0);
}
.Girls_photos img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	transition: 0.8s ease;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px;
}
.Girls_photos:hover img {
    transform: scale(1.2);
}
.flex-img-box {
	position: relative;
	z-index: 12;
	margin-top: 100px;
}
.flex-img-box .H2_sub {
	text-align: center;
	margin-bottom: 120px;
	display: block;
}
.flex-img-box::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    background-size: 100%;
    height: 100%;
    background-image: url(../img/wave-line.png);
    background-repeat: no-repeat;
    z-index: -1;
    background-position: 100% 35px;
}
.img-glry .Girls_:nth-child(2n) {
    margin-top: -20px;
}
.img-glry .Girls_:nth-child(2n+1) {
    margin-top: 52px;
}

.logo_txt {
	margin-top: 20px;
}
.SideBar {
	display: none;
}
.lft_itms .svg_bx {
	display: none;
}
.modal_sec .H2_sub {
	text-align: center;
	margin: 50px 0 0 0;
}
.modal_page {
	margin: 50px 0 0 0;
}
.modal_img .rating {
	padding: 13px 0;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	text-align: center;
}
.modal_img  .rating .fa.voted {
	color: #c5a558;
}
.modal_img .rating .fa {
	color: #fff;
	margin: 0 2px;
}
.modal_img {
	position: relative;
}
.modal_active {
	position: absolute;
	top: 10px;
	left: 10px;
}

.modal_active span {
	background: #01f702;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	display: inline-block;
	box-shadow: 0px 0px 8px 0px #01f702;
}
.modal_img img {
	max-height: 300px;
	object-fit: cover;
	width: 100%;
	transition: .5s ease-in-out;

}
.modal_bx.main .img-fluid {
	max-height: 100%;
}
.modal_desc {
	padding: 10px;

	margin-top: -1px;
}
.modal_desc h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
	display: inline-block;
}
.modal_desc span {
	float: right;
	color: #fff;
	font-size: 14px;
}
.modal_body li h2 {
	font-size: 15px;
	margin: 0;
	display: inline-block;
}
.modal_body li span {
	color: #fff;
	float: right;
}
.modal_body {
	padding: 10px;
	
	background-color:#c5a558;
	opacity: 0;
}
.modal_bx {
	max-height: 390px;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0px 0px 8px 0px #f2f2f2a8;
}
.modal_desc_main{transition:ease 0.3s;}
.modal_bx:hover .modal_desc_main {
	margin-top: -93px;
	position: relative;
	background-color:#c5a558;
}
.modal_bx:hover .modal_desc p{color:#fff;}
.modal_bx:hover .rating{display:none;}
.modal_bx:hover  .modal_body {
	opacity: 1;
}

/* user-chat-page */
/* .gradient-custom {
background: #fccb90;
background: -webkit-linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1));
background: linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1))
} */

.mask-custom {
background: rgba(24, 24, 16, .2);
border-radius: 2em;
backdrop-filter: blur(15px);
border: 2px solid rgba(255, 255, 255, 0.05);
background-clip: padding-box;
box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);
transition: .5s ease-in-out;
}

.list-unstyled .CTA {
	color: #c5a558;
}
.list-unstyled .CTA:hover {
	color: #fff;
}
/* user-profile-page */
.user_profile_page .card {
	border-radius: 0;
}
.user_profile_page .img-thumbnail {
	border-radius: 0;
}
.user_profile_page .ms-3 p {
	color: #fff;
}
.user_profile_page .card .btn {
	border-radius: 0;
}.user_profile_page .card .btn:hover {
	background:#c5a558; border:none;
}
.join_form.Cont_ff, .join_form.logss{
	padding: 30px;
	border: 2px solid rgba(255,255,255);
	box-shadow: 0px 0px 25px 0px #f5f5f53d;
}

.user_profile_page .card-body.p-4.text-black {
	margin-top: 70px;
}
.user_profile_page .upload_photo {
	text-align: right;
	display: inline-block;
	width: 100%;
	padding-right: 0;
	position: relative;
	top: -10px;
}
.upload_photo_main {
	text-align: right;
}
.user_profile_page .upload_photo input {
	position: absolute;
	right: 0;
	opacity: 0;
	width: 150px;
	z-index: 99;
	cursor: pointer;
	top: 0;
	bottom: 0;
	right: 0;
}
.user_profile_page .upload_photo .up_btn {
	border: 1px solid #222;
	padding: 7px 24px;
	float: right;
}
.user_profile_page .card .col {
	position: relative;
}
.user_profile_page .card .col button {
	background: rgba(255,255,255,0.8);
	border: none;
	position: absolute;
	right: 4px;
	top: 0;
	color: #c5a558;
	font-size: 21px;
	width: 40px;
	text-align: center;
}
.user_profile_page .card .col img {
	height: 300px;
	object-fit: cover;
}
.user_profile_page .card .main_pr {
	height: 160px;
	object-fit: cover;
}




















.modal_img .img-fluid:hover {
	transform: scale(1.2) rotate(10deg);
}


.p-2.border-bottom:hover::before {
	width: 100%;
	right: auto;
	left: 0px;
	transition: .5s ease-in-out;
}
.p-2.border-bottom {
	position: relative;
	transition: .5s ease-in-out;
}

.p-2.border-bottom::before {
	position: absolute;
	content: "";
	background: linear-gradient(45deg,#c5a558 30%, #cca444cf 60%);
	width: 0px;
	height: 2px;
	bottom: 0;
	right: 0px;
}
.card.mask-custom:hover {
	transform: translateX(20px);
}
.card.mask-custom.w-100:hover {
	transform: translateX(-20px);
}
.card.mask-custom.chat-left:hover {
	transform: scale(1.1);
}
.rounded-circle.d-flex.align-self-start.me-3.shadow-1-strong.effect:hover {
	transform: scale(1.1);
}

.rounded-circle.d-flex.align-self-start.me-3.shadow-1-strong.effect{
	transition: .5s ease-in-out;
}
.sidebar {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #031521;
	overflow-x: hidden;
	padding-top: 0px;
	transition: 0.5s;
	z-index: 9999999;
}

/* The sidebar links */
.sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
	text-align: center;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.close-btn {
	position: absolute;
	top: 0;
	right: 0;
	writing-mode: vertical-lr;
	color: #fff !important;
	font-size: 20px !important;
	height: 100%;
}
.cart-box-head {
	background: #c5a558;
	color: #fff;
	padding: 20px 40px 20px 20px;
	border: none;
	position: relative;
}

/* The button used to open the sidebar */
.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #c5a558;
	color: white;
	padding: 5px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #4a4949;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s; /* If you want a transition effect */
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 0px;}
  .sidebar a {font-size: 18px;}
} 



.cart-box-body {
	padding: 50px 15px;
}

.email-sec button {
	background: #fff;
	border: navajowhite;
	float: right;
	padding: 7px 30px;
	border-radius: 50px;
}
.email-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.msg-contacts h1 {
	font-size: 25px;
}
.msg-contacts {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 35px 0px 25px 0px;
}
.change-pass label {
	display: block;
	font-size: 20px;
	color: #fff;
}
.change-pass button {
	background: #fff;
	border: none;
	padding: 10px 20px;
	width: 100%;
	border-radius: 6px;
	margin: 10px 0;
}

.dlt-account-button {
	position: absolute;
	bottom: 0;
	width: 88%;
}
.dlt-account-button .delete-acc {
	width: 100%;
	background: #848181;
	border: none;
	padding: 10px 20px;
	margin: 15px 0;
	color: #fff;
	border-radius: 6px;
}
.email-sec label {
	font-size: 18px;
	color: #fff;
}




.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.alert-toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.alert-toggle h1 {
	font-size: 25px;
	margin: 0;
}

.change-pass {
	margin: 25px 0px;
}


.F_headr .navbar-nav li::before {
	position: absolute;
	content: "";
	width: 0px;
	background: linear-gradient(45deg,#c5a558 30%, #cca444cf 60%);
	height: 2px;
	right: 3px;
	bottom: 0;
	transition: .5s ease-in-out;
}

.F_headr .navbar-nav li:hover::before {
	width: 100%;
	right: auto;
	left: 0px;
}
.F_headr .navbar-nav li {
	position: relative;
	padding: 5px;
}
.join_form.logss:hover {
	transform: scale(1.1);
}
.join_form.logss {
	transition: .5s ease-in-out;
}
.Fill_Boxx:hover {
	transform: scale(1.1);
}

.Fill_Boxx {
	transition: .5s ease-in-out;
}

.join_form.Cont_ff:hover {
	transform: scale(1.1);
}
.join_form.Cont_ff {
	transition: .5s ease-in-out;
}






.open-msg .slide-cart-box-user {
	opacity: 1;
	visibility: visible;
	right: 0;
	transition: all 0.8s;
}

.service-provider-detail-head h1 {
	font-size: 25px;
	margin-right: 20px;
	margin-bottom: 0px;
	display: inline-block;
}
.service-provider-detail-head span {
	font-size: 25px;
	display: ;
	color: #82f014;
}
.service-provider-details {
	font-size: 20px;
	color: #c6c1c1;
	margin: 25px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.location-msg {
	/* max-width: 300px; */
	margin: 30px 40px auto auto;
}

.service-slide-main {
	padding: 0px 0px 50px 0px;
}

.link-generate-btn a {
	background: #b59548;
	border: none;
	padding: 15px 15px;
	width: 100%;
	border-radius: 6px;
	margin: 10px 0;
	color: #ffff;
	font-weight: bold;
	font-size: 14px;
}
.link-generate-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	padding: 0 15px;
}
.cart-box-head h4 {
	margin: 10px 0;
}

.alert-toggle.service {
	margin: 30px 0;
}
.Status label {
	display: block;
	font-size: 20px;
	color: #fff;
	margin: 15px 0;
}
.Status span {
	background: #fff;
	border: none;
	padding: 12px 45px;
	width: 100%;
	border-radius: 6px;
	margin: 10px 0;
	display: inline-block;
}
.alert-toggle.hide-profile {
	margin: 30px 0;
}
.Status h1 {
	font-size: 25px;
	margin: 25px 0;
}






/* copyright css */

.ext-copyright-wrapper {
	width: 100%;
	background: #000;
	padding: 10px 0;
}
.ext-copyright-wrapper p {
    color: #fff;
    margin: 15px 0 13px;
}
.ext-copyright-wrapper p a {
	color: #c5a558;
}














/* location and availablitiy css */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.Location-main {
	height: 750px !important;
	width: 100%;
	margin: auto;
	position: relative;
	/* padding: 50px 0px; */
}
.Location-main::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000a3;
	z-index: 9;
	box-shadow: 0px 0px 19px 0px #f2f2f2a8;
}
.main-sec {
	padding: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
.heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0px 10px;
}
.contact-image {
	width: 100%;
	position: relative;
	height: 100%;
	object-fit: cover;

}
.location-page {
	margin: auto;
	padding: 50px 0;
}
 .head-description p {
	color: #fff;
	font-size: 21px;
	margin: 5px 0px;
}
 .location-btn {
	background: #fff;
	border: navajowhite;
	padding: 10px 30px;
	border-radius: 50px;
}

.heading.location {
	margin-top: 20px;
}
.Status label {
	display: block;
	font-size: 20px;
	color: #fff;
	margin: 15px 0;
}
.my-status span {
	background: #fff;
	border: none;
	padding: 12px 45px;
	width: 100%;
	border-radius: 6px;
	margin: 10px 0;
	display: inline-block;
}
.my-status h1 {
	font-size: 30px;
	margin: 25px 0;
}

.heading.hide-profile {
	margin-top: 30px;
}
.heading h1 {
	font-size: 30px;
}






/* feedback css */

#Feedback-input {
	height: 400px;
}
.feedback-description {
	color: #fff;
}





/* Admin css */

.Admin-main::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000a3;
	z-index: 9;
	box-shadow: 0px 0px 19px 0px #f2f2f2a8;
}

.Admin-main {
	height: auto;
	width: 100%;
	margin: auto;
	position: relative;
}

.Admin-main .contact-image {
	width: 100%;
	position: relative;
	height: 950px;
	object-fit: cover;
}

.headings h1 {
	font-size: 28px;
	margin: 25px 0;
}

.heading.hide-profile {
	margin-top: 30px;
}


.email-input {
	width: 100%;
	padding: 10px 15px;
	color: #000 !important;
	font-weight: bold;
}

.password {
	margin-top: 30px;
}
.change-passwd {
	width: 100%;
	padding: 10px 15px;
	border: none;
	margin: 10px 0;
}
.trial {
	width: 100%;
	padding: 10px 15px;
	border: none;
	margin: 10px 0;
}
.delete {
	width: 100%;
	padding: 10px 15px;
	border: none;
	margin: 10px 0;
	background: #e12121;
	color: #fff;
}
.heading.hide-profile h1 {
	margin-bottom: 20px;
}

.Subscription {
	margin-top: 30px;
}
.Subscription h1{
	font-size: 30px;
	margin-top: 30px;
}
.Subscription {
	margin-top: 30px;
	border-bottom: 3px solid #fff;
}
.refer-friend p {
	margin-bottom: 5px;
	margin-top: 15px;
	text-align: center;
}




/* client-Admin-css */



.client-admin-main::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000a3;
	z-index: 9;
	box-shadow: 0px 0px 19px 0px #f2f2f2a8;
}

.client-admin-main {
	height: auto;
	width: 100%;
	margin: auto;
	position: relative;
}
.main-sec {
	padding: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

.client-admin-main .contact-image {
	width: 100%;
	position: relative;
	height: 750px;
	object-fit: cover;
}
.location-page {
	margin: auto;
	padding: 50px 0;
}
 .head-description p {
	color: #fff;
	font-size: 19px;
	margin: 5px 0px;
}
 .location-btn {
	background: #fff;
	border: navajowhite;
	padding: 10px 30px;
	border-radius: 50px;
}

.heading.location {
	margin-top: 20px;
}
.Status label {
	display: block;
	font-size: 20px;
	color: #fff;
	margin: 15px 0;
}
.my-status span {
	background: #fff;
	border: none;
	padding: 12px 45px;
	width: 100%;
	border-radius: 6px;
	margin: 10px 0;
	display: inline-block;
}
.headings h1 {
	font-size: 28px;
	margin: 22px 0 14px;
}


.email-input {
	width: 100%;
	padding: 10px 15px;
	color: #000 !important;
	font-weight: bold;
}

.password {
	margin-top: 30px;
}
.change-passwd {
	width: 100%;
	padding: 10px 15px;
	border: none;
	margin: 10px 0;
	background: #c5a558;
	display: inline-block;
	text-align: center;
	color: #031521 !important;
	border: 1px solid #c5a558;
}
.change-passwd:hover{
	background: transparent;
	color: #c5a558 !important;
}
.delete-account-btn .dlt {
	width: 100%;
	padding: 10px 15px;
	border: none;
	margin: 10px 0;
	background: #c5a558;
	color: #031521 !important;
	border: 1px solid #c5a558;
}
.delete-account-btn .dlt:hover{
	background: transparent;
	color: #c5a558 !important;
}
.headings {
	display: inline-block;
	width: 100%;
}
.delete-account-btn {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0px 50px;
	bottom: 0;
}




/* SPclient css */


.table-responsive.contact-table th {
	color: #fff;
	background: #031521;
	padding: 15px 10px;
}
.table-responsive.contact-table td {
	color: #fff;
	padding: 15px 10px;
}

.table-responsive.contact-table {
	max-width: 1000px;
	margin: auto;
	background: #171717;
	border: 1px solid #fff;
	box-shadow: 0px 0px 23px 0px #f5f5f55e;
}

.table.table-hover {
	margin: 0;
}

.my-contacts {
	padding: 80px 0px;
}
.table-responsive.contact-table tbody {
	background: #fff;

}
.table.table-hover td {
	color: #000;
	border: 1px solid #000;
	border-right: none;
	border-bottom: none;
	vertical-align: middle;
}
.block-btn {
	background: #f00;
	border: none;
	color: #fff;
	padding: 10px 15px;
	border-radius: 3px;
}
.block-button {
	text-align: center;
}
.table-hover > tbody > tr:hover > * {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: #FFF;
	background: #4f5c64;
}





/* User main page css */

.heading.status-page span {
	color: #4f0;
	font-size: 33px;
}
.heading.location.user-location {
	margin: auto;
}
.heading.message span {
	color: #fff;
	font-size: 23px;
}
.generate-link-btn {
	position: absolute;
	bottom: 10px;
	text-align: center;
	z-index: 9999999;
}
.g-btn:hover {
	background: transparent;
	color: #c5a558;
}
.g-btn {
	background: #c5a558;
	border: 1px solid #c5a558;
	padding: 12px 25px;
	color: #031521;
	margin-bottom: 20px;
}
.generate-link-btn p {
	color: #fff;
	font-size: 17px;
}



/* SPmain css */

.right-modal-details.main {
	padding: 30px;
}

.right-modal-details.main {
	padding: 50px 30px;
}
.modal-description li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0px;
}
.modal-description ul li span {
	color: #fff;
}
.modal-description ul li p {
	color: #fff;
}
.modal-description {
	padding: 10px;
}


.msg-btn {
	text-align: center;
	padding: 30px;
}
.msg {
	padding: 15px 27px;
	background: #c5a558;
	border: navajowhite;
}

@media (max-width: 580px){

.Location-main {
	height: 900px !important;
	
}
.main-sec {
	padding: 50px 10px

}

.Admin-main {
	height: 100% !important;
	padding-bottom: 50px;
}
.client-admin-main {
	height: 100% !important;
	padding-bottom: 50px;
}
.main-sec {
	padding: 50px 10px;
	
}

.delete-account-btn {
	padding: 10px 10px !important;
}

}