
.editor_txt {
overflow: visible;
line-height: 1.6;
background: #fff;
font-size: 14px;
}

@media (max-width: 1480px) {
.wide {
width: auto;
padding-left: 0px;
padding-right: 20px;
box-sizing: border-box;
}
}

/* Common Styles */
.module {
box-sizing: border-box;
margin: 1px;
padding: 1px;
border: 1px solid #ddd;
text-align: center;
overflow: hidden;
position: relative;
}

.module-img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease-in-out;
}

.module:hover .module-img {
transform: scale(1.1);
}

.module-title h2 {
margin: 10px 0;
font-size: 20px;
color: #333;
text-decoration: none;
transition: color 0.3s ease;
}

.module-title h2:hover {
color: #007BFF;
text-decoration: underline;
}

/* PC Styles */
@media only screen and (min-width: 768px) {
.module {
width: calc(33.33% - 20px); /* 3 modules in a row with margins */
float: left;
margin-bottom: 50px;
}
}

/* Mobile Styles */
@media only screen and (max-width: 767px) {
.module {
width: 100%; /* Full width on mobile */
}
}
.container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
            }

            .directory {
                background-color: #f1f1f1;
                padding: 20px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

            .directory h3 {
                margin-bottom: 10px;
            }

            .directory ul {
                list-style-type: none;
                padding-left: 0;
            }

            .directory ul li {
                margin: 8px 0;
            }

            .directory ul li a {
                text-decoration: none;
                color: #0066cc;
            }

            .content-section {
                margin-bottom: 40px;
            }

            .content-section h1,
            .content-section h2,
            .content-section h3 {
                color: #333;
            }

            .intro {
                margin-bottom: 20px;
            }

            .recommendations ul {
                list-style-type: none;
                padding-left: 0;
            }

            .recommendations ul li {
                margin: 8px 0;
            }

            .recommendations ul li a {
                text-decoration: none;
                color: #0066cc;
            }
