#headline-exp {

	.header {
		width: fit-content;
		margin-inline: auto;	
		margin-bottom: 32px;	
	}

	.title {
		display: flex;
        justify-content: center;
        gap: 12px;

        span:has(svg) {
        	align-self: end;
        	margin-right: -20px;
        	margin-bottom: -20px;

	        svg {
	        	width: 100px;
	        	height: 100px;
	        	transition: transform .3s ease-in-out;

				&:hover {
				    transform: rotate(30deg) !important;
				}      	
	        }
        }
	}

    .exp {
    	position: relative;
    	width: fit-content;
        height: fit-content;
        transform: rotate(8deg);
        position: absolute;
        right: 0;
        bottom: 100%;        


	    .inner {
		    overflow: hidden;
		    white-space: nowrap;
		    display: flex;
		    position: relative;
		    background: var(--accent);
		    height: fit-content;
		    width: fit-content;
		    border-radius: 4px;
		    padding: 10px 0px;
        	height: fit-content;
        	width: 145px;
	    }

    	span {
		    height: fit-content;
		    width: fit-content;    		
    		color: #000;
    		text-transform: uppercase;
    		font-weight: 400;
			font-size: 18px;
			text-box: cap alphabetic;
			line-height: 1;
			font-family: var(--font-big);
			display: inline-flex;
			align-items: center;
			animation: calc(5s * 3) scroll infinite linear;
    	}

    	.slide:not(:last-child) span:after {
			content: "";
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background-color: #000;
			margin-inline: 10px;
    	}

    	&:after {
			bottom: -10px;
			content: "";
			height: 0px;
			position: absolute;
			right: 10px;
			width: 0px;
			z-index: -1;
			border-bottom: 15px solid transparent;
			border-left: 12px solid var(--accent);
			border-top: 15px solid transparent;        		
    	}
    }	
}