.so-widget-sections .sections { display:flex; }

.so-widget-sections .section { flex-basis:0; flex-grow:1; overflow:hidden; text-align:center; transition:opacity 0.6s; }
.so-widget-sections .sections.active .section { opacity:0.3; }
.so-widget-sections .sections.hover .section:hover, .so-widget-sections .sections.active .section.active { opacity:1; }

.so-widget-sections .section a { display:inline-block; margin-bottom:15px; max-width:100%; overflow:hidden; position:relative; }

.so-widget-sections .section img { display:block; transition:transform 0.6s; }
.so-widget-sections .section a:hover img { transform:scale(1.05); }

.so-widget-sections .section .icon { background-color:#FE5716; position:absolute; right:0; bottom:0; width:72px; height:72px; }
.so-widget-sections .section .icon::before { color:#fff; content:'\2b'; font-family:'Font Awesome 6 Pro'; font-size:30px; font-weight:300; line-height:72px; }
.so-widget-sections .section.active .icon::before { content:'\f068'; }
.so-widget-sections .section.link .icon::before { content:'\f08e'; }

.so-widget-sections .section .overlay { background-color:rgba(0, 0, 0, 0.4); opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.6s; }
.so-widget-sections .sections.hover .section .overlay { opacity:1; }
.so-widget-sections .sections.hover .section a:hover .overlay { opacity:0; }

.so-widget-sections .section .title { color:#10367A; font-size:24px; font-weight:400; line-height:1.3; margin:15px 0; overflow:hidden; padding:0 30px; text-overflow:ellipsis; }

.so-widget-sections .section .description { margin:15px 0; padding:0 30px; }

.so-widget-sections .section-content { border-top:1px solid #ddd; display:none; margin-top:60px; padding-top:90px; }

.so-widget-sections .section-content h2.title { margin-bottom:60px; }

@media (max-width:991px) {
	.so-widget-sections .sections { flex-wrap:wrap; }

	.so-widget-sections .section { flex-basis:100%; margin-bottom:45px; }
	.so-widget-sections .section:last-child { margin-bottom:0; }
}