#article{padding:8rem 0 4rem}#article .d-flex{display:flex;gap:2rem}#article .d-flex .article{flex:3}#article .d-flex .article h1{font-size:30px;line-height:40px;margin:0;text-align:left}#article .d-flex .article .subtitle-line{padding:1rem 0;display:flex}#article .d-flex .article .subtitle-line .subtitle-left{display:flex;gap:2rem}#article .d-flex .article .subtitle-line .subtitle-left span{font-size:14px;color:#666}#article .d-flex .article .subtitle-line .subtitle-left span i{font-size:18px;margin-right:8px}#article .d-flex .article .subtitle-line .subtitle-right{flex:1;display:flex;justify-content:flex-end}#article .d-flex .article .subtitle-line .subtitle-right span{font-size:14px;color:#666}#article .d-flex .article .subtitle-line .subtitle-right span i{font-size:18px;margin-right:8px}#article .d-flex .article .hero-img{width:100%;height:auto;display:block;border-radius:6px;margin-bottom:1rem}#article .d-flex .article .short-description,#article .d-flex .article .content{text-align:justify}#article .d-flex .article .content .img{text-align:center}#article .d-flex .article .content .img img{width:80%;height:auto;display:block;margin:0 auto;border-radius:8px}#article .d-flex .article .content .btn{font-family:Inter,sans-serif;background-image:linear-gradient(to right,#242527,#525252);background-size:200% 100%;background-position:left;display:inline-block;align-items:center;gap:6px;color:#fff!important;font-weight:600;padding:10px 20px!important;border-radius:100px;text-decoration:none;outline:none;border:none;transition:.3s ease;cursor:pointer}#article .d-flex .article .content .btn:hover:not(:disabled){background-position:right}#article .d-flex .article .content .btn:disabled{background-color:#242527;opacity:.5;cursor:not-allowed}#article .d-flex .article .content .btn.inverse{color:#242527!important;background-image:none;background-color:#fff!important}#article .d-flex .right-side{flex:1;position:relative;border-left:1px solid #666666;padding-left:2rem}#article .d-flex .right-side h2,#article .d-flex .right-side h3{font-size:18px;margin-top:0;text-transform:uppercase;text-align:justify}#article .d-flex .right-side .new-articles{display:flex;flex-direction:column;gap:2rem}#article .d-flex .right-side .new-articles .new-article{text-decoration:none}#article .d-flex .right-side .new-articles .new-article .img{border-radius:6px;height:140px;cursor:pointer;overflow:hidden;background-color:#f3f3f3}#article .d-flex .right-side .new-articles .new-article .img img{width:100%;height:100%;object-fit:cover;display:block}#article .d-flex .right-side .new-articles .new-article h2,#article .d-flex .right-side .new-articles .new-article .card-title{font-size:16px;line-height:22px;margin:.5rem 0;text-align:justify;color:#242527;font-weight:700}#article .d-flex .right-side .new-articles .new-article h2 span,#article .d-flex .right-side .new-articles .new-article .card-title span{text-decoration:none;color:#242527}#article .d-flex .right-side .new-articles .new-article p{margin:0;font-size:14px;line-height:20px;color:#666;text-align:justify}#article .d-flex .right-side .subscribe-box-out{position:sticky;top:7rem}#article .d-flex .left{flex:3}#article .d-flex .left h3{font-size:18px;margin-top:3rem;text-transform:uppercase}#article .d-flex .left .other-articles{display:flex;flex-direction:column;gap:2rem;padding:1rem 0 2rem}#article .d-flex .left .other-articles .other-article{display:flex;gap:1rem}#article .d-flex .left .other-articles .other-article .img{flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:6px;height:140px;cursor:pointer}#article .d-flex .left .other-articles .other-article .text{flex:3}#article .d-flex .left .other-articles .other-article .text h2{font-size:17px;margin:0 0 .5rem}#article .d-flex .left .other-articles .other-article .text h2 a{text-decoration:none;color:#242527}#article .d-flex .left .other-articles .other-article .text p{margin:0;font-size:15px;line-height:21px;color:#666}#article .d-flex .right{flex:1;padding-left:2rem;border-left:1px solid #666666}#article hr{border:none;border-top:1px solid #666666;margin:2rem 0}@media only screen and (max-width:991px){#article{padding:7rem .5rem 3rem}#article .d-flex .article h1{font-size:22px;line-height:30px}#article .d-flex .article .subtitle-line{padding:1rem 0}#article .d-flex .article .hero-img{margin-bottom:0}#article .d-flex .right-side{display:none}#article .d-flex .left h3{margin-top:1rem}#article .d-flex .left .other-articles .other-article{flex-direction:column}#article .d-flex .left .other-articles .other-article .img{min-height:180px}#article .d-flex .right{display:none}}