.left-gradient-container{
  	position: fixed;
    left: calc(var(--size-lr) - 1px);
    top: 0;
    height: 100dvh;
    width: 200px;
    background: linear-gradient(90deg, var(--color-bg) 0%, transparent 100%);
  	transition: width 100ms;
  	/*opacity: 0;*/
  	width: 0;
}

.right-gradient-container{
  	position: fixed;
    right: calc(var(--size-lr) - 1px);
    top: 0;
    height: 100dvh;
    background: linear-gradient(90deg, transparent 0%, var(--color-bg) 100%);
  	transition: width 100ms;
  	width: 0;
}
	.gradient-right .right-gradient-container, .gradient-left .left-gradient-container{
  		width: 20px;
	}

.st-act-wrapper {
    height: calc(100dvh - var(--size-mb));
    min-height: auto;
    display: flex;
    padding-top: var(--size-mt);
  	overflow: hidden;
  	overflow-x: auto;
  	position: relative;
}
.st-act-wrapper::-webkit-scrollbar{
  	width: 0; 	
    height: 0;
}
.tabcontent .st-act-wrapper{
  	height: calc(100vh - var(--size-mb) - var(--size-mt) - 80px);
    padding: 0;
}

.st-act-sub-wrapper {
    display: flex;
    flex-direction: row;
    height: 100%;
}
.st-act-links {
    display: flex;
    flex-direction: row;
  	column-gap: 20px;
}
.st-act-link {
  	width: 300px;
}
.st-act-link a, .st-act-link{
  	height: 100%;
    display: flex;
    flex-direction: column;
  	justify-content: space-between;
  	border: none;
}
	.st-act-link:hover, .st-act-link:hover a {
	  	color: var(--color-bg);
	}
	.st-act-link:nth-child(1n):hover .st-act-text-wrapper{
		background-color: #596880;
	}
	.st-act-link:nth-child(2n):hover .st-act-text-wrapper{
		background-color: #3BB7B5;
	}
	.st-act-link:nth-child(3n):hover .st-act-text-wrapper{
		background-color: #E04444;
	}
	.st-act-link:nth-child(4n):hover .st-act-text-wrapper{
		background-color: var(--color);
	}
	.st-act-link:nth-child(5n):hover .st-act-text-wrapper{
		background-color: #0060A9;
	}
	.st-act-link:nth-child(6n):hover .st-act-text-wrapper{
		background-color: #553084;
	}
	.st-act-img{
	  	flex: 1 0;
      	overflow: hidden;
	}
	.st-act-img > div{
	  	height: 100%;
      	background-position: center;
    	background-size: cover;
	}
	.st-act-link:hover .st-act-img > div{
	  	transform: scale(1.1);
	}
	.st-act-text-wrapper, .st-act-img > div{
  		transition: 200ms;
	}
	.st-act-text-wrapper{
	  	padding: 0 0 32px 25px;
    	height: 164px;
    	background-color: var(--color-scrollbar);
    	display: flex;
    	align-items: flex-start;
    	justify-content: flex-end;    	
    	flex-direction: column;
	}	
	.st-act-big-text {
	    font-family: Gilroy;
	    font-size: 2.2em;
	    font-weight: 800;
	    line-height: 120%;
	    opacity: .84;
	    text-transform: uppercase;
	}
		.alone-big{
		  	margin: 0;
    		padding: 0;
          	text-transform: none;
		}

@media screen and (max-width: 1799px){
  	.st-act-link {
  		width: 188px;
	}
  	.st-act-text-wrapper{
	  	padding: 0 0 20px 12px;
      	height: 102px;
	}
  	.st-act-big-text {
    	font-size: 1.5em;
	}
  	.st-act-links {
  		column-gap: 12px;
	}
}
@media screen and (max-width: 1199px){
  	.st-act-link {
  		width: 196px;
	}
  	.st-act-text-wrapper{
	  	padding: 0 0 20px 12px;
      	height: 110px;
	}
  	.st-act-links {
  		column-gap: 9px;
	}
}
@media screen and (max-width: 999px){
  	.st-act-link {
  		width: 249px;
	}
  	.st-act-wrapper {
    	height: calc(100dvh - var(--size-mb) - 80px);
      	padding: 0;
      	margin: 0 calc(-1 * var(--size-lr));
	}
  	.st-act-sub-wrapper {
    	padding: 0 var(--size-lr);
	}
  	.st-act-text-wrapper{
	  	padding: 0 0 25px 20px;
      	height: 140px;
	}
  	.st-act-big-text {
    	font-size: 2.5em;
	}
  	.st-act-links {
  		column-gap: 20px;
	}
  	.right-gradient-container {
    	right: -1px;
	}
  	.left-gradient-container {
    	left: -1px;
	}
}
@media screen and (max-width: 767px){
  	.st-act-link {
  		width: 151px;
	}
  	.st-act-text-wrapper{
	  	padding: 0 0 10px 6px;
      	height: 85px;
	}
  	.st-act-big-text {
    	font-size: 1.5em;
	}
  	.st-act-links {
  		column-gap: 11px;
	}
}