body {
visibility: hidden;
}
.medicalservices {
}
.w-container {
width: 1400px;
margin: 0 auto;
}
.mesearch {
box-shadow: 0px 7px 21px 0px rgba(19, 58, 129, 0.24);
box-sizing: border-box;
}
.mdlist {
ul {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 17px;
li {
background: linear-gradient(0deg, #edf5ff, #ffffff);
border: 1px solid #bdbcbc;
a {
display: flex;
flex-direction: column;
width: 100%;
height: 210px;
background: linear-gradient(0deg, #edf5ff, #ffffff);
border-radius: 4px;
justify-content: center;
align-items: center;
img {
// box-shadow: 0px 12px 13px 1px rgba(203, 106, 47, 0.23);
box-sizing: border-box;
margin-bottom: 30px;
transition: all 0.3s;
}
}
transition: all 0.3s;
&:hover {
a {
img {
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1);
transition: all 0.3s;
}
}
border: 1px solid #2a62ab;
}
}
}
}
.books {
.left-tab {
border-left: 2px solid #3170b8;
padding-top: 60px;
box-sizing: border-box;
ul {
li {
border-radius: 0px 4px 4px 0px;
margin-bottom: 6px;
a {
}
}
.tab-active {
background: #22bcac;
width: 165px !important;
text-align: center;
}
}
}
.right-content {
.left {
}
}
}
.lists {
position: relative;
li {
position: relative;
&::after {
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -0%);
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #3170b8 !important;
color: #3170b8;
}
}
}