.regulatory-section {
width: 75%;
margin: 50px auto;
}
.regulatory-section .regulatory-txt {
color: var(--text-sub-500);
font-size: 18px;
}
.regulatory-list-section h5{
margin: 50px 0;
}
.regulatory-list-section .regulatory-list {
display: flex;
flex-wrap: wrap;
}
.regulatory-list-section .regulatory-list .img-blk img {
width: 75px;
height: 80px;
}
.regulatory-list-section .regulatory-list li {
width: 31%;
margin-right: 17px;
margin-bottom: 20px;
background-color: var(--bg-weak-color);
border-radius: 30px;
padding: 30px;
}
.regulatory-list-section .regulatory-list li:last-child {
margin-right: 0;
}
.regulatory-list .content-blk h6 {
font-size: 20px;
margin: 50px 0 20px;
}
.regulatory-list .content-blk p {
color: var(--text-sub-500);
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
.regulatory-section {
width: 80%;
margin: 3.906vw auto;
}
.regulatory-section .regulatory-txt {
font-size: 1.406vw;
}
.regulatory-list-section h5{
margin: 3.906vw 0;
}
.regulatory-list-section .regulatory-list .img-blk img {
width: 5.859vw;
height: 6.25vw;
}
.regulatory-list-section .regulatory-list li {
margin-right: 1.328vw;
margin-bottom: 1.563vw;
border-radius: 2.344vw;
padding: 2.344vw;
}
.regulatory-list .content-blk h6 {
font-size: 1.563vw;
margin: 3.906vw 0 1.563vw;
}
} @media all and (max-width: 767.9px) {
.regulatory-section {
width: 90%;
margin: 13.333vw auto;
}
.regulatory-section .regulatory-txt {
font-size: 4.8vw;
}
.regulatory-list-section h5{
margin: 8vw 0;
}
.regulatory-list-section .regulatory-list {
flex-direction: column;
}
.regulatory-list-section .regulatory-list .img-blk img {
width: 17.333vw;
height: 18.667vw;
}
.regulatory-list-section .regulatory-list li {
width: 100%;
margin-right: 0;
margin-bottom: 5.333vw;
border-radius: 8vw;
padding: 5.333vw;
}
.regulatory-list .content-blk h6 {
font-size: 5.333vw;
margin: 13.333vw 0 5.333vw;
}
}