body {  
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
  }  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --bs-gutter-x:  1.5rem;  
    --bs-gutter-y:  0;  
} 

* { 
    box-sizing: border-box;
} 

body { 
    margin: 0; 
    font-family: var(--bs-body-font-family); 
    font-size: var(--bs-body-font-size); 
    font-weight: var(--bs-body-font-weight); 
    line-height: var(--bs-body-line-height); 
    color: var(--bs-body-color); 
    text-align: var(--bs-body-text-align); 
    background-color: var(--bs-body-bg); 
    -webkit-text-size-adjust: 100%; 
    -webkit-tap-highlight-color: transparent;
} 

:root { 
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
    --bs-body-font-family: var(--bs-font-sans-serif); 
    --bs-body-font-size: 1rem; 
    --bs-body-font-weight: 400; 
    --bs-body-line-height: 1.5; 
    --bs-body-color: #212529; 
    --bs-body-bg: #fff; 
    --bs-link-color: #0d6efd; 
    --bs-link-hover-color: #0a58ca; 
} 

@media (prefers-reduced-motion: no-preference){ 
  :root { 
    scroll-behavior: smooth;
  } 
}     

*,:after,:before { 
    box-sizing: border-box;
} 

.row-m1j { 
    --bs-gutter-x: 1.5rem; 
    --bs-gutter-y: 0; 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: calc(-1 * var(--bs-gutter-y)); 
    margin-right: calc(-.5 * var(--bs-gutter-x)); 
    margin-left: calc(-.5 * var(--bs-gutter-x));
} 

.text-qp2 { 
    color: #6c757d!important;
} 

.row-m1j > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(var(--bs-gutter-x) * .5); 
    padding-left: calc(var(--bs-gutter-x) * .5); 
    margin-top: var(--bs-gutter-y);
} 

.col-gse { 
    flex: 0 0 auto; 
    width: 100%;
} 

@media (min-width: 576px){ 
  .col-o6p { 
    flex: 0 0 auto; 
    width: 58.33333333%;
  } 
}     

@media (min-width: 768px){ 
  .col-8fz { 
    flex: 0 0 auto; 
    width: 66.66666667%;
  } 
}     

.mx-qvo { 
    margin-right: .5rem!important; 
    margin-left: .5rem!important;
} 

.my-abp { 
    margin-top: 3rem!important; 
    margin-bottom: 3rem!important;
} 

.my-m8y { 
    margin-top: .5rem!important; 
    margin-bottom: .5rem!important;
} 

@media (min-width: 576px){ 
  .my-sm-x3j { 
    margin-top: .5rem!important; 
    margin-bottom: .5rem!important;
  } 
}     

.mb-nmd { 
    margin-bottom: 1rem!important;
} 

@media (min-width: 576px){ 
  .mb-sm-pk8 { 
    margin-bottom: 0!important;
  } 
}     

p { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

@media (min-width: 576px){ 
  .my-sm-bp5 { 
    margin-top: 0!important; 
    margin-bottom: 0!important;
  } 
}     

.col-zrz { 
    flex: 0 0 auto; 
    width: 83.33333333%;
} 

@media (min-width: 576px){ 
  .col-zqn { 
    flex: 0 0 auto; 
    width: auto;
  } 
}     

.col-5md { 
    flex: 0 0 auto; 
    width: auto;
} 

.pb-1kl { 
    padding-bottom: .5rem!important;
} 

a { 
    color: #902bb4 !important;
} 

a { 
    color: var(--bs-link-color); 
    text-decoration: underline;
} 

.text-3pt { 
    text-decoration: none!important;
	font-size: 20px;
	color: #2ec0f5!important;
	font-weight: bold;
} 

a:hover { 
    color: var(--bs-link-hover-color);
} 

img { 
    vertical-align: middle;
} 

.profile-mv4 { 
    width: 1.1em; 
    height: 1.1em; 
		padding-right: 4px;
    vertical-align: -.2em;
} 

.block-45w { 
    display: block!important;
} 

.container-hhw a  { 
    width: 150px; 
    height: 150px;
} 

.container-hhw { 
    transition: transform .2s;
} 

.container-hhw a img  { 
    -webkit-transition: all .2s ease-out .1s; 
    transition: all .2s ease-in-out .1s; 
    width: 100%; 
    height: 100%; 
    border-radius: 20%; 
    object-fit: cover;
} 

.container-hhw:hover > a img { 
    transform: scale(1.5); 
    border-radius: 15px;
} 

.profile-def { 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis;
} 

.mb-7ly { 
    margin-bottom: .25rem!important;
} 

.d-dxn { 
    display: none!important;
} 

.me-khq { 
    margin-right: .5rem!important;
} 

@media (min-width: 576px){ 
  .d-sm-sbt { 
    display: inline!important;
  } 
}     

@media (max-width: 576px){ 
  .container-9ag { 
    box-shadow: 0 1px 6px rgba(32,33,36,.28); 
    border-radius: 15px;
  } 

  .profile-o31 { 
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
  } 

  .container-hhw a  { 
    width: 100%; 
    height: 325px;
  } 

  .container-hhw  { 
    padding: 0;
  } 

  .container-hhw a img  { 
    border-radius: 15px 15px 0 0;
  } 

  .container-hhw:hover > a img { 
    transform: none;
  } 

  .profile-def { 
    display: -webkit-box; 
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis;
  } 
}     

.col-5md {
	font-size: 24px;
	 font-weight: bold;align-content
	
}

.profile-of , h3{
	padding-top: 10px;
	font-family: 'Prompt', sans-serif;
	width: 30px;
	padding-right: 5px;
}

.profile-title ,h3 {
	  font-size: 24px;
    font-weight: bold;
	  flex: 1 0 auto;
    width: auto;
}

.profile-title, a:link {
	text-decoration: none;
}


.profile-sidebar ul {
		margin: 0;
		gap: 1rem;
		padding: 0;
		display: flex;
		list-style: none;
		place-items: center;
		flex-direction: column;
		counter-reset: my-counter;
}

.bottom-table {
	padding-bottom: 10px;	
	}

.blurbox {
	filter: blur(0px);
	-webkit-filter: blur(0px);
}

.main-row-colmun {
}

.main-row-shorts {
	flex: 1; /* Makes both columns equal width */
	 --bs-gutter-y: 0;
  display: flex;
  float: left;
  width: 25%;
  flex-wrap: wrap;
	padding-bottom: 15px;
	padding-right: 10px;
	
}


.main-row-sidebar-shorts {
	flex: 1; /* Makes both columns equal width */
	 --bs-gutter-y: 0;
  display: flex;
  float: left;
  width: 100%;
  flex-wrap: wrap;
	padding-bottom: 10px;
	
}


@media only screen and (max-width: 767px) {
    .main-row-sidebar-shorts {
        width: 50%; /* Set width to 50% on screens smaller than 768px */
    }
}

@media only screen and (max-width: 767px) {
    .main-row-shorts {
        width: 50%; /* Set width to 50% on screens smaller than 768px */
    }
}

.profile-bullet {
			width: 90%;
			background-color: ;
			color: $color-text;
			border-radius: 3rem;
			background: $color-list;
			counter-increment: my-counter;
			&::before {
				content: counter(my-counter) ". ";
}
}
	
.ribbon-1 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
		
	--f: .5em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  
  position: absolute;
  bottom: 20px;
  right: calc(-1*var(--f));
  padding-inline: .25em;
  line-height: 1.8;
  background: #2ec0f5!important;
  border-top: var(--f) solid #0005;
  border-left: var(--r) solid #0000;
  clip-path: 
    polygon(var(--r) 100%,100% 100%,100% var(--f),calc(100% - var(--f)) 0,
      calc(100% - var(--f)) var(--f),var(--r) var(--f),
      0 calc(50% + var(--f)/2));
  }


.number-ribbon {
    width: auto;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background: rgba(46, 192, 245, 0.8) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    position: absolute;
		border-radius: 10px;
}

.container-profiles a  { 
    width: 150px !important; 
    height: 150px !important;
} 

.container-profiles { 
    transition: transform .2s;
} 

.container-profiles a img  { 
    -webkit-transition: all .2s ease-out .1s !important; 
    transition: all .2s ease-in-out .1s !important; 
    width: 100% !important; 
		border: none; /* Remove any border around the image */
    height: 100% !important; 
    border-radius: 20% !important; 
    object-fit: cover !important;
} 

.container-profiles:hover > a img { 
    transform: scale(1.5) !important; 
    border-radius: 15px !important;
} 

@media (max-width: 576px){ 
  .container-profile-box { 
    border-radius: 15px;
  } 

  .profile-o31 { 
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
  } 

  .container-profiles a  { 
    width: 100%; 
    height: 325px;
  } 

  .container-profiles  { 
    padding: 0;
  } 

  .container-profiles a img  { 
    border-radius: 15px 15px 0 0;
  } 

  .container-profiles:hover > a img { 
    transform: none;
  } 

  .profile-def { 
    display: -webkit-box; 
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis;
  } 
}
	
.col-pr-side { 
    flex: 0 0 auto; 
    width: 100%;
} 

.nx-qvo { 
    margin-right: .5rem!important; 
} 

.ny-abp { 
    margin-top: 3rem!important; 
    margin-bottom: 3rem!important;
} 


.row-thn { 
    --bs-gutter-x: 1.5rem; 
    --bs-gutter-y: 0; 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: calc(-1 * var(--bs-gutter-y)); 
    margin-right: calc(-.5 * var(--bs-gutter-x)); 
}

.row-thn > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(var(--bs-gutter-x) * .5); 
    padding-left: calc(var(--bs-gutter-x) * .5); 
    margin-top: var(--bs-gutter-y);
} 

.main-navigation .menu-bar-items {
    display: block;
}

li.profile-bullet::marker {
	display: none;
	content: "❤️";
}

li.profile-bullet::before {
	display: none;
	list-style: none;
}

li.profile-bullet {
		width: 50%;
		float: left;
}

.profile-sidebar-top {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}


@media (max-width: 576px) {
	.bannerimage {
		width: 100%;
		background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
}

@media (max-width: 576px) {
	.bannerimage img {
		height: 100px;
		display: flex;
  	min-height: 300px;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;

  /*  this is where the magic happens:  */
  background-attachment: fixed;
}
}

.image-banner {
    left: 0;
    top: 0;
    width: 100%;
		max-width: 1200px;
    height: 350px;
    object-fit: cover;
    border-radius: 50px;
}

@media (max-width: 575px){
.bannerimage {
    margin-bottom: 8px;
	}}

.button-1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #128C7E;
}

.first-join-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 0;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #DA2F70;
}


.first-join-button a {
    color: #FFF !important;
}

#text-model-header {
	color: #2ec0f5 !important;
}


/* Media query for mobile devices */
@media (max-width: 767px) {
    .related-single {
        width: 100%; /* Full width for single column layout on mobile */
        max-width: none; /* Remove maximum width */
    }
}

.related-category-model {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; /* Center the list items */
}

.related-category-model ul {
	margin: 0 0 0m 0m;
}

.related-single {
    display: inline-block; /* Display list items inline */
    width: calc(50% - 10px); /* Two columns with a small gap between them */
    max-width: 150px; /* Limit maximum width to prevent overflow */
    padding: 10px; /* Add padding for better spacing */
    margin: 5px; /* Add some space between items */
    background-color: #2ec0f5; /* Background color */
    border-radius: 10px; /* Rounded corners */
    color: white; /* Text color */
    overflow: hidden; /* Hide overflowing content */
    text-overflow: ellipsis; /* Add ellipsis for overflow text */
    white-space: nowrap; /* Prevent wrapping */
}

.model-cat-button {
    color: white!important;
	font-size: 20px
}

.size-full {
	border-radius: 20px;
	max-height:800px;
	width: auto;
	align-items: center;
}

.button-3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    height: 44px;
    padding: 0 12px px;
		margin-right: 10px;
		float: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #46008b!important;
}

.button-4 {
    position: relative;
    display: flex;
		float: left;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 44px;
    padding: 0 12px px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #128C7E!important;
}

.related-bottom {
	float: left;
	
}


/* Media query for mobile devices */
@media (max-width: 767px) {
		.button-3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 0 12px px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #46008b!important;
		}

		.button-4 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 0 12px px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #128C7E!important;
		}
		.button-1 {
    min-width: 44px;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: #128C7E;
		}
	}


#loadMoreBtn {
    background-color: #902bb4;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    max-width: 360px;  /* or whatever max width you want */
    width: 100%;
    margin: 0 auto;    /* center horizontally */
    text-align: center;
		margin-bottom: 30px;
}

#loadMoreBtn {
    background-color: #902bb4;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    max-width: 360px;  /* or whatever max width you want */
    width: 100%;
    margin: 0 auto;    /* center horizontally */
    text-align: center;
		margin-bottom: 30px;
}


#loadMoreRandomBtn {
        background-color: #902bb4;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    max-width: 360px;  /* or whatever max width you want */
    width: 100%;
    margin: 0 auto;    /* center horizontally */
    text-align: center;
		margin-bottom: 30px;
}