.support-sec{margin: 4rem 0 0;}
.support-sec h3{font-size: 2rem; font-weight: 300; color: #242745; padding-bottom: 1rem;}

.support-item{display:flex; flex-direction: center; gap:1rem; background: #373b62; border-radius:1rem; padding:1.5rem 2rem; margin-bottom: 1rem;}
.support-item .iconbx{color:#fff; font-size: 2rem; padding: 1rem; align-self: center;}

.support-txt h5 {color: #ffff; font-size:1.4rem;font-weight: 400;}
.support-txt p {color:#fff;font-size: 1.1rem;font-weight: 300; margin: 0;}
.support-item a{color:#fff; text-decoration: none; display: flex; font-weight: 300; margin-top: 7px;}
.support-item a:hover{color:#fff;text-decoration: none;}
.support-item a.linkbtn::after{content: "\F135"; font-family:'bootstrap-icons';}
.support-item:hover{background:#242745; color: #fff; transition:background-color .3s ease-in-out ;}
.support-item:hover .iconbx, .support-item:hover h2, .support-item:hover h5, .support-item:hover p{color: #fff;}

.articlesec{margin: 3rem 0;}
.articlesec h2{font-size: 42px; font-weight: 300; color: #242745; padding-bottom: .5rem;}
.articlesec h3{font-size: 2rem; font-weight: 300; color: #242745; padding-bottom: 1rem;}
.article-list{display: flex;}
.article-item{display: flex; align-items: center; gap: 20px; border-radius: 1rem; padding:2rem 1.5rem; margin-bottom: 1.4rem; border:2px solid #eff0fa;}
.article-item .iconbx{color:#373b62 /*#eff0fa*/; font-size: 3rem; padding: 1rem;}

.article-txt h5 {color:#373b62 /*#242745*/; font-size:1.4rem;font-weight: 400;}
.article-txt p {color:#373b62;font-size: 1.1rem;font-weight: 300; margin-bottom: 0;}
.article-item a{color:#373b62; text-decoration: none; display: flex; font-weight: 300;}
.article-txt a.linkbtn::after{content: "\F135"; font-family:'bootstrap-icons';}
.article-item:hover {border:2px solid #242745; transition: all .4s ease-in-out;}
.article-item:hover a, .article-item:hover .iconbx, .article-item a:hover{color:#242745; font-weight: 500; transition: all .4s ease-in-out;}