Get Ready Elementor Templates

How To Make A Real Estate Agency & Property Listing Website Using WordPress

Subscribe To My YouTube Channel For More Upcoming Videos

Hide horizontal overflow for the entire page CSS





 

Button Style CSS




/**Buttons**/

/**Buttons**/

.elementor-button-content-wrapper {
    align-items: center;
}

.play-btn svg {
    background: #131720;
    padding: 8px;
    height: 32px !important;
    width: 32px !important;
    border-radius: 100px;
}

.play-btn .icon-position-after {
    display: flex;
    align-items: center;
    gap: 8px;
}

.arrow-btn .elementor-button-icon, .arrow-btn2 .elementor-button-icon, .play-btn .elementor-button-icon, .call .elementor-button-icon  {
    margin-bottom: -5px;
}

.call svg {
    height: 18px !important;
    width: 18px !important;
}

.arrow-btn svg {
    background: #fff;
    padding: 8px;
    height: 32px !important;
    width: 32px !important;
    border-radius: 100px;
}

.arrow-btn2 svg {
    background: #FF6400;
    padding: 4px;
    height: 24px !important;
    width: 24px !important;
    border-radius: 100px;
    fill: transparent;
    transition: background .3s ease;
}
.arrow-btn2:hover svg {
    background: #fff;
}

.arrow-btn2:hover svg path {
    stroke: #131720;
}


.service-btn svg {
    fill: transparent;
    height: 24px;
    width: 24px;
    margin-bottom: -5px
}
.service-btn:hover svg {
    fill: transparent !important;
}
.service-btn:hover svg path {
   stroke: #131720;

   transition: stroke .3s ease;
}


 

Button Style CSS Classes


arrow-btn
arrow-btn2
play-btn
service-btn
call

 

Rotated Animation Style CSS


@keyframes Rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.rotate{
    animation: Rotate 120s linear infinite !important;
}
.rotate-text{
    animation: Rotate 25s linear infinite !important;
    height: 90px;
    width: 90px;
}


 

Rotated Animation Style CSS Class


rotate
rotate-text

 

Move Up And Down Animation Style CSS


@keyframes MoveUpDown {
    0%,
    100% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(0px);
    }
}
.moveUpDown {
    animation: MoveUpDown 4s linear infinite;
}

 

Move Up And Down Animation Style CSS Class


moveUpDown

 

Pulse Animation Style CSS


@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.06);
    
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes i-pulse {
    from {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}


.i-pulse svg {
    animation: i-pulse 2s infinite linear;
    animation-direction: alternate;
}

.icon-pulse {
    animation: pulse 2s infinite linear;
    animation-direction: alternate;
}

 

Pulse Animation Style CSS Classes



i-pulse
icon-pulse

 

Testimonial Area Style CSS


.reviews .testimonial-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px !important;
}

.reviews .comment-bio {
    order: 3;
}
.reviews .tns-controls {
    display: flex;
    flex-direction: column;
}

.reviews .tns-controls [data-controls="prev"] span {
    border-width: 1px 1px 0 1px !important;
    border-style: solid !important;
    border-color: #4D4D4D ;
    border-radius: 100px 100px 0 0;
    padding-bottom: 0px !important;
}
.reviews .tns-controls [data-controls="next"] span {
    border-width: 0px 1px 1px 1px !important;
    border-style: solid !important;
    border-color: #4D4D4D ;
    border-radius: 0 0 100px 100px;
    padding-top: 8px !important;
}


 

Testimonial Area Style CSS Class


reviews

 

Wanna join my secret winners’ gang?

I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!

  • Money Making Blog Tricks
  • $100k by Freelancing Formula
  • Secret Resources
  • Rich Dad business tactics
  • And, of course about my upcoming videos and plans