.navigation-box{
width: calc(100% - 0.4rem);
padding: 3.2rem 2.4rem;
border-radius: 1.2rem;
text-align: center;
}
a.navigation-box{
text-decoration: none;
}
.col-lg-5 + .col-lg-5 .navigation-box{
margin-left: 0.4rem;
}
.navigation-icon{
height: 10rem;
}
.navigation-info p{
margin-top: 1.6rem;
color: var(--primary-color-100);
font-size: 1.4rem;
line-height: 2.3rem;
}
.navigation-btn{
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
}
.navigation-btn .btn{
width: 100%;
} .navigation-or-text{
width: 5.8rem;
text-align: center;
}
@media(min-width:992px) and (max-width:1199px){
.navigation-box {
width: 100%;
padding: 3.2rem 1.6rem;
}
.col-lg-5 + .col-lg-5 .navigation-box {
margin-left: 0;
}
.navigation-or-text {
width: 4rem;
} }
@media(min-width:768px) and (max-width:991px){
.navigation-box {
width: 100%;
}
.col-lg-5 + .col-lg-5 .navigation-box {
margin-left: 0;
}
.navigation-btn:has(.navigation-or-text) .btn {
width: 100%;
}
.navigation-or-text {
width: 100%;
margin: 0.8rem 0;
}
}
@media(max-width:767px){
.navigation-box {
width: 100%;
}
.col-lg-5 + .col-lg-5 .navigation-box {
margin-left: 0;
}
}
@media(max-width:575px){
.navigation-btn:has(.navigation-or-text) .btn {
width: 100%;
}
.navigation-or-text {
width: 100%;
margin: 0.8rem 0;
}
}