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

<style>
/* Hide horizontal overflow for the entire page */
html, body {
   overflow-x: hidden;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul.elementor-icon-list-items {
    margin: 0;
    padding: 0;
}

ul.elementor-icon-list-items li {
    list-style: none;
}

</style>

/**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;
}

@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;
}

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

@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;
}

.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;
}