.specialist-box{
border-radius: 1.6rem;
}
.specialist-top-text{
padding: 0;
text-align: center;
width: 100%;
}
.specialist-top-img img{
border-radius: 2rem;
}
.specialist-top-text p{
margin: 0;
}
.specialist-top-outer{
padding: 0 6.4rem;
width: 100%;
}
.specialist-info p{
margin: 0 0 2.4rem;
}
.specialist-info p span{
display: block;
white-space: nowrap;
}
.specialist-details p{
font-size: 1.2rem;
line-height: 1.8rem;
margin: 0 0 1.2rem !important;
}
.specialist-details ul{
margin: 0;
}
.specialist-details li{
font-size: 1.2rem;
padding: 0;
line-height: 1.8rem;
margin-bottom: 1.2rem !important;
}
.specialist-details li span{
display: inline-block;
padding: 0 0.8rem;
border-radius: 1.2rem;
}
.specialist-details li:after{
content: none;
}
.specialist-details{
overflow: hidden;
height: 9rem;
transition: height 0.35s ease-in-out;
}
.specialist-btn .btn .material-symbols-outlined {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.specialist-info.show .specialist-btn .btn .material-symbols-outlined {
transform: rotate(-180deg);
}
.specialist-list .col-lg-4:nth-child(n + 4){
margin-top: 6.4rem;
}
.specialist-item-outer{
display: block;
width: 100%;
padding: 0 5.9rem;
}
.specialist-item{
text-decoration: none !important;
display: block;
}
.specialist-item:hover .h5 *{ }
.specialist-img img{
width: 100%;
height: auto;
object-fit: cover;
border-radius: 1.6rem;
}
.specialist-item .specialist-info{
padding: 0 0.6rem;
}
.specialist-item .specialist-details{
height: 9rem;
}
.specialist-item .specialist-details li:last-child{
margin-bottom: 0 !important;
}
.bg-primary .specialist-info .btn-xs{
color: var(--white-color);
}
.bg-primary .specialist-info{
color: var(--white-color);
}
.bg-primary .specialist-info a{
color: var(--white-color);
}
.bg-primary .specialist-details li span{
background: var(--white-color);
color: var(--primary-color);
}
.specialist-btn .btn-xs{
border: none;
background: transparent;
padding: 0 !important;
}
@media(min-width:1200px) and (max-width:1259.98px){
.specialist-top-text {
padding: 0;
}
.specialist-top-outer {
padding: 0 4.8rem;
}
.specialist-item-outer {
padding: 0 4.8rem;
}
}
@media(min-width:992px) and (max-width:1199.98px){
.specialist-top-text {
padding: 0;
}
.specialist-top-outer {
padding: 0 2.4rem;
}
.specialist-item-outer {
padding: 0 2.4rem;
}
.specialist-img img {
width: 100%;
height: auto;
}
.specialist-item .specialist-info {
padding: 0;
}
}
@media(min-width:768px) and (max-width:991.98px){
.specialist-top-text {
padding: 0 6.4rem;
}
.specialist-top-outer {
margin-top: 6.4rem;
}
.specialist-item-outer {
padding: 0 3.1rem;
}
.specialist-list .col-lg-4:nth-child(n + 3){
margin-top: 6.4rem;
}
.specialist-info p {
font-size: 1.4rem;
line-height: 2.4rem;
}
.specialist-item .specialist-info {
padding: 0;
}
}
@media(max-width:767.98px){
.specialist-box{
padding-left: 1.6rem;
padding-right: 1.6rem;
margin: 3.2rem 0 6.4rem;
}
.specialist-top-text {
padding: 0;
}
.bg-mobile-primary .specialist-top-text{
color: var(--white-color);
}
.bg-mobile-primary .specialist-top-btn .btn{
background: var(--white-color) !important;
border-color: var(--white-color) !important;
color: var(--primary-color) !important;
}
.specialist-top-outer {
padding: 0;
margin-top: 6.4rem;
}
.specialist-top-img img {
border-radius: 1.6rem;
}
.bg-mobile-primary .specialist-info{
color: var(--white-color);
}
.specialist-btn .btn{ }
.bg-mobile-primary .specialist-details li span{
background: var(--white-color);
color: var(--primary-color);
}
.specialist-item-outer {
padding: 0;
}
.specialist-list .col-lg-4:nth-child(n + 2){
margin-top: 6.4rem;
}
.specialist-img img {
width: 100%;
height: initial;
}
.bg-mobile-primary .specialist-info a{
color: var(--white-color) !important;
}
.specialist-info p {
margin: 0 0 2.4rem;
font-size: 1.6rem;
line-height: 2.6rem;
}
.specialist-info p span {
white-space: initial;
}
.specialist-item .specialist-info {
padding: 0;
}
}