.profile-title
{
   transform: rotate(-90deg) translate(0%, 0);
   transform-origin: 0 0;
   background-color: var( --andy-blue-color );
   color: var( --color-white );
   line-height: 2.15;
   font-size: 18px;
   float: left;
   padding-left: 1em;
   width: 21.7em;
}

.profile-text { 
   margin-left: 44px;
   margin-top: 4px;
   overflow: hidden;
}

.profile-image {
   margin-left: 35px;
}

.vertical-text {
     transform: rotate(-90deg) translate(-100%, 0);
     transform-origin: 0 0;
     background-color: var( --andy-blue-color );
     color: var( --color-white );
 }

 .vertical-text h3 {
	 color: var( --color-white );
  }



.section-title h2 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 6px;
    color: #000;
    letter-spacing: 0.3px;
    padding: 0;
}

.section-title::after {
    content: "";
    height: 3px;
    background: #fbb900;
    width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.profile {
	height: 44rem;
	width: 44rem;
}

.profile img {
    height: 21rem;
    width: 21rem;
    object-fit: cover;
    border-radius: 8px;
    margin-left:9px;
}

.profile hr {
	background-color: var(--andy-red-color);
	height:2px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.profile a {
	color: var(--andy-blue-color);
	font-weight: 600;
}

.article img { 
    max-height: 42rem;
}

@media (max-width: 767px) {
	.profilei { min-height: 22rem; }
	.vertical-texti { width: 22rem; }
	.profile { height: auto; }
}