.icon-list {
      display: flex;
      gap: 2rem;
      align-items: center;
    }
	
	@media(max-width:1024px){
		.icon-list {
		flex-direction: column;
		align-items: start;
		gap: 15px;
		}
	}

    .icon-item {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      text-decoration: none;
      color: #333;
      transition: color 0.3s ease;
      position: relative;
    }
	
	.icon-item  span {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-primary);	
	}
	
	@media(max-width:1024px){
		.icon-item  span{
		  font-size:24px;
		  line-height:29px;
		  letter-spacing:0px;
		  font-weight:600;
		}
	}
	

	.icon-item span:hover  {
	color: var(--e-global-color-03b386a) !important;
	}

    .icon {
      transition: opacity 0.3s ease;
    }

    .icon.hover {
      position: absolute;
      left: 0;
      opacity: 0;
    }

    .icon-item:hover {
      color: #0077ff;
    }

    .icon-item:hover .icon.default {
      opacity: 0;
    }

    .icon-item:hover .icon.hover {
      opacity: 1;
    }