.balanceNew {
  margin-top: 100px;
}

.balanceNew .container {
  display: flex;
  flex-direction: column;
}

.balance-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;	
  gap: 32px;
}

.balance-title img {
  width: 64px;
  height: 64px;
  filter: brightness(0%) contrast(31%) saturate(112%) blur(0px) hue-rotate(183deg);
}

.balance-title h3 {
 font-size: 30px;
 font-weight: 500;
 color: #4B6453;
 margin: 0;
 letter-spacing: 0.4px;
}

.balance-con {
 margin-top: 35px;
 display: flex;
 gap: 55px;
 justify-content: center;
 align-items: center;
 position: relative;
 flex: 1 1;
}

.proffesor-info-con {
	width: 45%;
}

.other-info-b {
  width: 55%
}

.proffesor-img {
 width: 100%;
 height: auto;
 max-width: 800px;
 margin-bottom: 22px;
}

.proffesor-img img {
  width: 100%;
 height: auto;
}

.proffesor-info * {
margin: 0;
}

.proffesor-info .info-title {
  font-size: 27px;
  color: #4B6453;
  font-weight: 500;
  margin-bottom: 10px;
 letter-spacing: 0.3px;
}

.proffesor-info .proffesor-fio {
	font-size: 20px;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.2px;
}

.proffesor-info .other-info {
 letter-spacing: 0.1px
}

.other-info-b {
  display: flex;
  flex-direction: column;
  gap: 65px;
}

.text-block h4 {
     font-size: 27px;
    color: #4B6453;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.clinic-site-btn {
 position: absolute;
 bottom: 15px;
 right: 25px;
 appearance: button;
 padding: 7px 22px;
 background: #4B6453;
 color: #fff !important;
 text-decoration: none;
 font-size: 25px;
 border-radius: 28px;
}

@media(max-width: 1024px) {
	.balanceNew {
	padding-bottom: 30px
	}
	.clinic-site-btn {
	bottom: -35px;
	}
}

@media(max-width: 768px) {
 .balance-con {
	flex: unset;
    flex-direction: column;
	}
	
	.proffesor-info-con, .other-info-b {
	width: 100%;
}

.other-info-b {
	flex-direction: row;
	}
	
	.clinic-site-btn {
	position: unset;
	}

   .balance-title h3  {
	font-size: 26px;
	}
}

@media(max-width: 600px) {
 	
	.balance-title {
    gap: 22px;
}
	
	.balance-title img {
    width: 40px;
    height: 40px;
}
	.proffesor-info .info-title, .text-block h4 {
	font-size: 24px;
	}
	
	.other-info-b {
        flex-direction: column;
		gap: 25px;
    }
	
	    .balanceNew {
        padding-bottom: 0px;
    }
	
	    .balance-title h3 {
        font-size: 24px;
    }
	
	.balance-con {
	gap: 35px;
	}
}

@media(max-width: 460px) {
    .balance-title h3 {
        font-size: 21px;
    }
	
	.proffesor-info .info-title, .text-block h4 {
        font-size: 20px;
    }
	
	.clinic-site-btn {
    padding: 7px 22px;
    font-size: 22px;
    border-radius: 26px;
}
}