.column::before,.section::before{content:'';background:radial-gradient(circle,rgba(0,123,255,.3),rgba(0,123,255,0));border-radius:50%}.column:hover,.section:hover{transform:translateY(-10px)}.article-box,.column,.section{overflow:hidden;transition:transform .3s,box-shadow .3s}.article-content,.column,.header,.text-content{text-align:right}.header h1::after,.text-content h2::before{background-color:#007bff;position:absolute}.section{background-color:#fff;margin-bottom:30px;padding:40px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.1);position:relative}.article-box,.column,.column img,.content img{border-radius:15px}.section::before{position:absolute;top:-150px;left:-150px;width:300px;height:300px;z-index:0}.column,.header h1,.text-content h2{position:relative}.section:hover{box-shadow:0 12px 30px rgba(0,0,0,.2)}.column:hover,.content img:hover{box-shadow:0 10px 25px rgba(0,0,0,.2)}.column,.content,.section .header{position:relative;z-index:1}.header h1{margin-bottom:15px;color:#333;font-size:2.8em;font-weight:700;line-height:1.2;text-transform:uppercase}.header h1::after{content:'';width:70px;height:4px;left:0;bottom:-10px}.header p{color:#666;font-size:1.3em;margin-bottom:20px;line-height:1.7}.content img{width:100%;max-width:400px;box-shadow:0 6px 15px rgba(0,0,0,.15);transition:transform .5s,box-shadow .5s}.content img:hover{transform:scale(1.1) rotate(3deg)}.text-content{max-width:50%;padding-right:30px}.text-content h2{color:#007bff;margin:10px 0;font-size:2.2em;font-weight:600;display:inline-block}.text-content h2::before{content:'';bottom:0;left:0;width:50%;height:3px}.text-content p{color:#666;line-height:1.8;font-size:1.2em}.two-column{display:flex;justify-content:space-between;margin-top:30px;gap:40px}.column{width:48%;background:linear-gradient(135deg,#f9f9f9 50%,#fff 50%);padding:20px;box-shadow:0 6px 15px rgba(0,0,0,.1)}.column::before{position:absolute;top:-80px;right:-80px;width:150px;height:150px;z-index:0}.column img{width:100%;margin-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.column h2{color:#333;margin:10px 0;font-size:1.9em;font-weight:600}.column p{color:#666;line-height:1.8;font-size:1.1em}.articles-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:40px;padding:0 20px}.article-box{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);opacity:0;transform:translateY(20px);animation:.5s forwards fadeInUp;animation-delay:calc(.1s * var(--i))}.article-box:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.article-box img{width:100%;height:200px;object-fit:cover;transition:transform .3s}.article-box img:hover{transform:scale(1.1)}.article-content{padding:20px}.article-content h2{font-size:1.8em;margin:0 0 10px;color:#333;font-weight:600}.article-content p{color:#666;font-size:1.1em;margin:0 0 15px;line-height:1.7}.article-content a{text-decoration:none;color:#007bff;font-size:1.2em;font-weight:500;transition:color .3s}.article-content a:hover{color:#0056b3}#show-more{display:block;margin:40px auto;padding:12px 30px;font-size:1.2em;background-color:#007bff;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s,transform .3s}#show-more:hover{background-color:#0056b3;transform:translateY(-5px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.content,.two-column{flex-direction:column}.text-content{max-width:100%;padding:0;margin-bottom:20px}.column{width:100%}}@media (max-width:768px){.article-box img{height:150px}.text-content h2{font-size:1.7em}}@media (max-width:480px){.article-box img{height:120px}.text-content h2{font-size:1.5em}.article-content h2{font-size:1.4em}#show-more{font-size:1em;padding:10px 20px}}
a{
    color: blue;
}
.content img {
    display: block !important;
    margin: 20px auto !important;
    width: 100% !important;
    max-width: 800px !important;
    height: auto !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.content img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}