How To Create SEO & Digital Marketing Agency Website Using Elementor Flexbox

1901SHARES

Hide horizontal overflow for the entire page CSS

View Service Button Hover CSS

.view-service-button a{
    transition: all 0.3s;
}
.view-service-button:hover a{
    color: #000 !important;
}

View Service Button Hover CSS Class

view-service-button

Arrow Icon CSS

.angle-box:before{
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    width: 2px;
    height: 100%;
    background-color: #D0D0D0;
    transform: skewX(45deg);
    transform-origin: top right;
}

Arrow Icon CSS Class

angle-box

Arrow Icon CSS Class

angle-box

Marquee Content CSS

.marquee-content .elementor-icon-list-items{
    display: flex;
    width: 10000px;
    transform: translateX(0px);
    animation: marquee 22s linear infinite;
    white-space: nowrap;
    
}

.marquee-content:hover .elementor-icon-list-items{
    -webkit-animation-play-state: paused;
}

.marquee-content .elementor-icon-list-text{
    -webkit-text-stroke: 1px #02050a;
}


@keyframes marquee {
   0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}

Marquee Content CSS Class

marquee-content

Counter Spacing CSS

.counter .elementor-counter-title{
    margin-left: 8px;
    padding-top: 10px;
}

Counter Spacing CSS Class

counter

Button Icon Adjustment CSS

.button .elementor-button .elementor-button-icon svg{
    margin-bottom: -3px!important;
}

Button Icon Adjustment CSS Class

button