.ova_list_dep {
display: grid;
grid-gap: 30px;
}
.ova_list_dep.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.ova_list_dep.two_column {
grid-template-columns: auto;
}
}
.ova_list_dep.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova_list_dep.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova_list_dep.three_column {
grid-template-columns: auto;
}
}
.ova_list_dep.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova_list_dep.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova_list_dep.four_column {
grid-template-columns: auto;
}
}
.ova_list_dep.five_column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova_list_dep.five_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova_list_dep.five_column {
grid-template-columns: auto;
}
}
.ova_list_dep.six_column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova_list_dep.six_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova_list_dep.six_column {
grid-template-columns: auto;
}
}
.ova_list_dep.template2 {
padding: 45px 30px;
grid-row-gap: 40px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.ova_list_dep.template2 .items {
padding: 0 30px;
text-align: center;
box-shadow: none;
border-right: 1px solid rgb(210, 213, 223);
}
.ova_list_dep.template2 .items:last-child {
border: none !important;
}
@media (max-width: 1024px) {
.ova_list_dep.template2 .items {
border: none !important;
}
}
.ova_list_dep.template2 .items:hover .icon {
background-color: var(--primary);
}
.ova_list_dep.template2 .items:hover .icon i {
color: #fff;
}
.ova_list_dep.template2 .items .icon {
width: 80px;
height: 80px;
background-color: #f3f4f7;
}
.ova_list_dep.template3 {
justify-items: center;
}
.ova_list_dep.template3 .items {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 210px;
height: 210px;
padding: 21px;
border-radius: 50%;
text-align: center;
overflow: hidden;
}
.ova_list_dep.template3 .items .icon i {
font-size: 58px;
}
.ova_list_dep.template3 .items .title {
margin: 16px 0;
}
.ova_list_dep.template3 .divider {
display: inline-block;
height: 2px;
width: 36px;
background-color: var(--primary);
}
.ova_list_dep.template4 .items {
display: flex;
align-items: flex-start;
gap: 15px;
background-color: transparent;
padding: 30px 0;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
}
.ova_list_dep.template4 .items:hover {
border-bottom: 2px solid rgb(255, 255, 255);
}
.ova_list_dep.template4 .items:hover img.follow-img {
transition: all 0.5s ease;
top: 70%;
opacity: 1;
visibility: visible;
z-index: 1;
}
.ova_list_dep.template4 .items:hover .arrow-button {
transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova_list_dep.template4 .items .icon i {
font-size: 28px;
}
.ova_list_dep.template4 .items .title {
margin: 0 0 6px 0;
font-size: 20px;
}
.ova_list_dep.template4 .items .title a {
color: var(--primary);
}
.ova_list_dep.template4 .items .description {
color: #7580a0;
}
.ova_list_dep.template4 .items .arrow-button {
transition: all 0.3s ease;
margin-left: auto;
min-width: 40px;
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.5);
}
.ova_list_dep.template4 .items .arrow-button i {
display: inline-flex;
font-size: 14px;
}
.ova_list_dep.template5 .items {
padding: 24px;
text-align: center;
}
.ova_list_dep.template5 .items .number {
top: 10px;
left: 10px;
right: unset;
font-size: 18px;
font-weight: bold;
color: var(--primary);
background: #fbe8e8;
}
.ova_list_dep.template5 .items .icon i {
font-size: 55px;
}
.ova_list_dep.template5 .items .title {
font-size: 20px;
}
.ova_list_dep.template6.template_layout2 .items {
flex-direction: column;
padding: 30px 20px 40px 20px;
text-align: center;
}
.ova_list_dep.template6 .items {
display: flex;
gap: 20px;
align-items: center;
padding: 20px;
border: 1px solid #E6E8EE;
box-shadow: none;
}
.ova_list_dep.template6 .items:hover .icon {
background-color: var(--primary);
}
.ova_list_dep.template6 .items:hover .icon i {
color: #fff;
}
.ova_list_dep.template6 .items .icon {
width: 74px;
min-width: 74px;
height: 74px;
background-color: #f3f4f7;
}
.ova_list_dep.template6 .items .icon i {
font-size: 32px;
}
.ova_list_dep.template6 .items .title {
margin: 0;
font-size: 20px;
}
.ova_list_dep .items {
transition: all 0.3s ease;
position: relative;
padding: 40px 30px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.06);
}
.ova_list_dep .items img.follow-img {
transition: all 0.5s ease;
position: absolute;
max-width: 100%;
width: 220px;
height: 170px;
object-fit: cover;
top: 50%;
left: 50%;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.ova_list_dep .items:hover {
transition: all 0.3s ease;
}
.ova_list_dep .items:hover .icon {
transition: all 0.3s ease;
}
.ova_list_dep .items:hover .icon i {
transition: all 0.3s ease;
}
.ova_list_dep .items .number {
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: 40px;
right: 30px;
height: 48px;
width: 48px;
background: linear-gradient(90deg, rgb(243, 244, 247) 0%, rgba(254, 253, 253, 0) 100%);
font-size: 14px;
line-height: 1;
}
.ova_list_dep .items .icon {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.ova_list_dep .items .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 34px;
color: var(--primary);
}
.ova_list_dep .items .title {
transition: all 0.3s ease;
margin: 16px 0 0 0;
font-size: 18px;
line-height: 1.2;
}
.ova_list_dep .items .title a {
transition: all 0.3s ease;
color: var(--heading);
}
.ova_list_dep .items .title a:hover {
color: var(--primary);
}
.ova_list_dep .items .description {
margin: 0;
}
.rtl .ova_list_dep.template2 .items {
border-left: 1px solid rgb(210, 213, 223);
border-right: 0;
}
.rtl .ova_list_dep .items .number {
right: unset;
left: 30px;
}