@charset "utf-8";

/* ------ BLUE ------*/
.dot-bg {
    position: absolute;
}
body{font-family: "Raleway", sans-serif !important;}
.bg-purple{background-color: #F5E8FC;}
.user-role {
    color: #A232DF;
    position: relative;
    padding: 5px 0 5px 15px;
    margin: 10px 0;
    font-size: 20px;
    font-weight: 500;
}
.user-role:before{background-color: #A232DF;width:4px;height: 100%;position: absolute;left: 0;top: 0;content: '';}

.header h1{    font-weight: 800;
    text-transform: uppercase;
    font-size: 46px;
    margin: 20px 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: 20px;
		width: 80%;
		font-size: 19px;
	}
	.btn-primary{    --bs-btn-color: #121224;
		--bs-btn-bg: #FFC727;
		--bs-btn-border-color:#FFC727;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg:#030302;
		--bs-btn-hover-border-color: #FFC727;
		--bs-btn-focus-shadow-rgb: 49, 132, 253;
		--bs-btn-active-color: #121224;
		--bs-btn-active-bg:#FFC727;
		--bs-btn-active-border-color:#FFC727;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #121224;
		--bs-btn-disabled-bg: #FFC727;
		--bs-btn-disabled-border-color: #FFC727;
	font-weight: 600;}
	
	.user-profile {
		margin-bottom: -40px;
		border-radius: 0 0 40px 40px;
		overflow: hidden;
		width: 380px;
		height:470px;
	position: relative;
		align-items: center;
		justify-content: center;
		background: url(../images/Portrait_Placeholder.png);background-position: center;
	}

	.user-profile > span {
		display: flex;
		align-items: center;
		max-width: 100%;
		justify-content: center;
	  }
	  .user-profile img {
	
		max-height: 470px;
		align-items: center;
		display: flex;
		flex: 1;
	  }
	.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: 100px 0;
		background-color: #FDF9FF;
	}
	.w-80{width: 80%;}
	.license-bg {
		background-color: #F5E8FC;
		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;
}

.skills-block .wr-skill {
	border: 1px solid rgb(239, 208, 255);
	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 > span > span {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
  }
.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: 767px) {

		.user-profile{margin-bottom: 30px;}
		.user-pic{margin-top: 20px;}
		.license-bg{margin-bottom: 30px;}
	}