

.profileFlag {
	position: absolute;
	max-width: 9rem;
	top: 0rem;
	left: 1rem;
	border-radius: 10px;
}
	
.m-username {
	font-size: 65px;
	position: absolute;
	top: 1rem;
	left: 12.2rem;
	filter: drop-shadow(0 0 0.1rem black );
	color: #ffffff;
	line-height: 30px;
}
	
.m-slogan {
	position: absolute;
	font-size: 29px;
	top: 4.5rem;
	left: 12.5rem;
	filter: drop-shadow(0 0 0.2rem black);
	color: white;
}
	
.m-userprofile{
	width: 19rem;
	height: 19rem;
	border-radius: 7%;
	-webkit-border-radius: 12%;
	object-fit: cover;
	/*outline: 2px solid black;*/
	position: absolute;
	z-index: 2;
	outline-offset: -1px;
	top: 7rem;
	right: 7rem;
	box-shadow: 0 0 0 4px #ffffffa3;
}
	
.m-avatarpic{
	display:none;
}
	
.regulation-name-m {
	position: absolute;
	font-size: 37px;
	top: 25.5rem;
	left: 17rem;
	filter: drop-shadow(0 0 0.2rem black );
	color: white;
}

.mobile-3 {
	display:none;
}

.AvatarPopup-m {
	display:none;
}

.ph-m {
	display:none;
}

.regulation-name-m {
	display:none;
}

.card-body pb-5 {  
	padding-bottom: 1rem!important;
}
	
Z.card border-light text-center p-0 {
	height: 47rem;
}


.count-tickets {
    top: 1rem;
    position: relative;
    font-size: 20px;
    font-weight: bold;
}

.MyRaffleTicketsbg {
	width: 12rem;
    height: 10rem;
    margin-top: 2rem;
    border-radius: 1rem;
    background-color: #ffffffd9;
    margin-left: 4rem;
}

.MyRT {
	width: 9rem;
    margin-top: -5rem;
    height: 11rem;
    filter: drop-shadow(2px 4px 6px black);
}

.MySDWpointsbg {
	width: 12rem;
    height: 10rem;
    margin-top: -10rem;
    border-radius: 1rem;
    background-color: #ffffffd9;
    margin-left: 19rem;
}

.MyPNTS {
	width: 10rem;
    height: 10rem;
    filter: drop-shadow(2px 4px 6px black);
    margin-top: -5rem;
}

.count-sdw-points {
    top: 2rem;
    position: relative;
    font-size: 20px;
    font-weight: bold;	
}

.MyRegusbg {
	width: 12rem;
    height: 10rem;
    margin-top: -10rem;
    border-radius: 1rem;
    background-color: #ffffffd9;
    margin-left: 34rem;
}

.Regulation-m {
    position: static;
    width: 11rem;
    height: 11rem;
    margin-top: -5rem;
    filter: drop-shadow(2px 4px 6px black);
}

.my-regu-m {
	color: #2a2433;
    margin-top: 1rem;
    font-size: 20px;
    font-weight: bold;
}


.desktop-3 {
	z-index: 1;
	position: sticky;
	margin-top: -14rem;
	margin-right: 64rem;
	left: 0;
}


.uploadbox {
	width: 100%;
}

@media (max-width: 1050px) {
   
   .safari .my-regu-m{
		font-size: 14px;
	}

	.safari .count-sdw-points{
		font-size: 14px;
	}

	.safari .count-tickets{
		font-size: 14px;
	}

   .profile-bar-icon{
		left: -5rem;
	}
	
	.m-slogan{
		display:none;
	}
	
	.profileFlag{
		display:none;
	}
	
	.m-username{
		display:none;
	}
	
	.m-userprofile{
		display:none;
	}
	
	.ph-m{
		position: absolute;
		z-index: 2;
		/*top: 5.5rem;*/
		width: 101.5%;
		background-color: #2a243300;
		display: inline-flex;
		padding-right: 25px;
	}
	
	
	.slogan-box {
	  width: 100%;
	  overflow: hidden;
	}

	.endless-ani {
	  display: inline-block;
	  white-space: nowrap;
	  animation-name: endless-scroll;
	  animation-duration: 5s;
	  animation-timing-function: linear;
	  animation-iteration-count: infinite;
	  cursor: pointer;
	}

	@keyframes endless-scroll {
	  0% {
		transform: translateX(0);
	  }
	  100% {
		transform: translateX(-100%);
	  }
	}

	.endless-ani.animating {
	  animation-play-state: running;
	}

	.endless-ani:not(.animating) {
	  animation-play-state: paused;
	}

	
	.AvatarStan-m img {
		width: 19rem;
		height: 19rem;
		border-radius: 25%;
		-webkit-border-radius: 25%;
		object-fit: cover;
		box-shadow: 0 0 0 6.5px #ffffff61;
		position: relative;
		z-index: 2;
		outline-offset: -1px;
		top: 34rem;
		display: inherit;
		
	}

	.AvatarPop-m {
		object-fit: cover;
		border: 5px solid #ffffffc2;
		width: 31rem;
		height: 31rem;
		border-radius: 7%;
		filter: drop-shadow(0px 0px 20px black);
	}

	.overlay-m {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgb(255 255 255 / 89%);
		transition: opacity 500ms;
		visibility: hidden;
		opacity: 0;
	}

	.overlay-m:target {
		visibility: visible;
		opacity: 1;
	}

	.popup-m {
		margin: 70px auto;
		padding: 2px;
		background: #fff0;
		border-radius: 5px;
		width: 32%;
		position: relative;
		/*transition: all 5s ease-in-out;*/
		margin-top: 15rem;
		width: 80%;
	}

	.popup-m .close {
		display:none;
	}

	  .cancel-m {
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: default;
		right: 0%;
	  }
	  &:target {
		visibility: visible;
		opacity: 1;
	  }
	  
	.popup-m .close:hover {
		color: #06D85F;
	}
	
	.popup-m .content {
		max-height: 30%;
		overflow: auto;
	}	
	
	.bg-m{
		top: -11rem;
	}
		
	
	.regulation-name-m{
		display:none;
	}
	
	
	.btn-secondary{
		display:none;
	}
	
	.btn-conect-1{
		display:none;
	}
	
	.text-arch {
		display:none;
	}
	

	.mobile-3 {
	    display: inline-flex;
		-webkit-mask-image: unset;
	}

	.AvatarPopup-m {
	    display: unset;
	}

	.card-body pb-5 {  
		padding-bottom: 12rem!important;
	}
	
	.f-m{
		height: 80rem;
	}
	
	.desktop-3 {
		display: unset;
		margin-top: 0rem;
		margin-right: 0rem;
	}

	.p3-box {
		margin-right: 4rem;
	}
}




