@charset "utf-8";

/* ------ BLUE ------*/
.dot-bg {
    position: absolute;
}
body{font-family: "Raleway", sans-serif !important;background-color:#F4F4EF;}
.bg-primary{background-color: #D2CEB0 !important;}
.user-role {
    color: #121414;
    position: relative;
    padding:0;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
}

.skills-block .wr-skill {
	border: 1px solid rgb(221 203 139 / 87%);
	padding: 10px;
	display: block;
	border-radius: 10px;
	background: #fff;
	font-weight: 600;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
  }
  .skills-block .wr-skill:hover {
    background: rgb(221 203 139 / 87%);
    cursor: pointer;
}
  .skills-block > span > span {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
  }
.header{padding-top: 50px;height: 250px;}
.header h1{    font-weight: 800;
    text-transform: uppercase;
    font-size: 46px;
    margin:0;}
	.call-info {
		font-weight: 600;
	}
	
	.call-info div {
		display: flex;
		align-items: center;
		margin-right: 25px;
	}
	
	.call-info svg {
		margin-right: 5px;
	}
	p.user-bio {
		margin-top: 80px;
		width: 100%;
		font-size: 19px;
	}
	.btn-primary{    --bs-btn-color: #fff;
		--bs-btn-bg: #AFAA86;
		--bs-btn-border-color:#AFAA86;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg:#030302;
		--bs-btn-hover-border-color: #AFAA86;
		--bs-btn-focus-shadow-rgb: 49, 132, 253;
		--bs-btn-active-color: #121224;
		--bs-btn-active-bg:#AFAA86;
		--bs-btn-active-border-color:#AFAA86;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #121224;
		--bs-btn-disabled-bg: #AFAA86;
		--bs-btn-disabled-border-color: #AFAA86;
	font-weight: 600;}
	
	.user-profile {
		margin-bottom: -40px;
		border-radius: 100px;
		overflow: hidden;
		width: 380px;
		height: 380px;
	position: relative;
		align-items: center;
		justify-content: center;
		border-radius: 50%;border:15px solid #AFAA86;background-image: url(../images/Portrait_Placeholder.png);background-size: cover;
	}
	.user-profile > span {
		display: flex;
		align-items: center;
		max-width: 100%;
	margin: 0 auto;border-radius: 50px;
	justify-content: center;max-height: 380px;overflow: hidden;width: 370px;
	  }
	  .user-profile img {
	
	max-height: 380px;
	align-items: center;
	display: flex;
	flex: 1;
	
	  }
.history{background-color: #F0FFF8;padding:60px 0;display: flex;}
	.box {
		background: #fff;
		padding: 20px;
		border-radius: 10px;
		border: 1px solid #eee;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	}
	a{color: #030302;text-decoration: none;}
	.user-bio-info{
		padding: 280px 0 80px 0;background-color: #fff;
		
	}
	.w-80{width: 80%;}
	.license-bg {
		background-color:#E1DEC9;
		color: #030302;
		padding: 10px 20px;
		margin-top: 10px;
		width: auto;
		display: inline-block;
		border-radius: 60px;
		font-size: 14px;
		font-weight: 500;
	}
	.comment-section{padding:80px 0;}
#header-h2
{
	color:#44BDA3;
}

#content-middle-left-bio h3
{
	color:#44BDA3;
}

#resume-header
{
	color:#44BDA3;
}

#appointments-table-header
{
	background:#38bda3;
}

.appointments-table-title-dark
{
	background:#b1c0c9;
}

.appointments-table-minutes-dark
{
	background:#eceded;
}

.appointments-table-prices-dark
{
	background:#eceded;
}
.appointments-table-schedule-dark
{
	background:#eceded;
}

.shape-1 {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 100px;
}
.shape-2{position: absolute;
    left: -40px;
    bottom: -30px;}


@media only screen and (max-width: 1220px) {
	.user-profile{width: 100%;
		height: 80%;}
		.user-profile img{width: inherit;}
}
@media only screen and (max-width: 1110px) {
.user-profile {
	width: 100%;
	height: 65%;
  }
}
@media only screen and (max-width: 960px) {
.container, .container-md, .container-sm {
	max-width: 100%;
  }
  .call-info span {
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
	.user-profile {
		width: 320px;
		height: 320px;
		margin: 0 auto;
	  }
	  .header{  height: auto;
	  }p.user-bio {
		margin-top: 0;}
		.user-bio-info {
			padding: 50px 0;}
			.license-bg{margin-bottom: 30px;}.call-info {
				font-weight: 600;
				flex-wrap: wrap;
			  }
}