:root {
    --primary-color-600: #30AD1C;

    --secondary-color-500: #132735;
    --secondary-color-600: #73C4FF;

    --muted-color-200: #F0F3F8;
    --muted-color-300: #E6EBF4;
    --muted-color-400: #9999B5;

    --muted-text: #8296AD;
    --black-color: #000000;
    --white-color: #FFFFFF;
}
.muted-bg {
    background-color: var(--muted-color-200);
}
.overflow-hidden {
    overflow: hidden !important;
}
.spacer-y {
    padding-block: 150px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-30 {
    margin-bottom: 30px;
}

.button {
    padding: 16px;
    font-weight: 700;
    transition: all .3s ease;
    display: inline-flex;
    gap: 14px;
    align-items: center;
    transition: all .3s ease;
    border-radius: 10px;
}

.button-primary {
    color: var(--white-color);
    background-color: var(--primary-color-600) !important;
}

.btn-dark {
    background-color: var(--secondary-color-500) !important;
}

.button-primary:hover {
    color: var(--white-color) !important;
    background-color: var(--secondary-color-500) !important;
}

.btn-dark:hover {
    background-color: var(--primary-color-600) !important;
}

.dark-blue {
    background-color: var(--secondary-color-500);
}
/* Common Style ends */
.new-top-seo .hero-form {
    border-radius: 0px !important;
    box-shadow: 15px 15px 0px 0px rgba(255, 255, 255, 0.5);
}
.uae-hero a {
    border: 1px solid #fff;
}
.hero__content ul li::before {
    content: "";
    background-image: url("../images/real-estate-uae/banner-hero-icon.webp");
    top: -4px;
    width: 40px;
    height: 40px;
    background-size: 40px;
}
.hero__content ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hero__content ul li {
    padding-left: 50px;
}
.hero__content {
    max-width: 770px;
}

.new-faq {
    border-top: 1px solid #0A090E;
}

.new-faq .accordion-item {
    border: none;
    border-bottom: 1px solid #0A090E;
    padding: 50px 0px;
    border-radius: 0px;
}

.new-faq .accordion-item h2.accordion-header button {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    background: none !important;
    padding: 0px;
    box-shadow: none !important;
}

.new-faq .accordion-body {
    padding: 0px;
    margin-top: 30px;
    font-size: 20px;
    max-width: 1303px;
}

.new-faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='40' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
}

.new-faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='40 ' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.new-faq .accordion-button::after {
    transition: all 0.5s;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

a.button svg {
    animation: pulso 2s infinite;
    border-radius: 100px;
}

@keyframes pulso {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.text-white {
    color: #fff !important;
}

.case-button-next,
.case-button-prev {
    border: 1px solid var(--white-color);
    width: 64px;
    height: 64px;
    transition: 400ms;
}
.industry-services-block {
    border: 1px solid var(--secondary-color-500);
    padding: 15px;
    transition: 400ms;
    height: 100%;
}
.industry-services-block:hover {
    background-color: var(--secondary-color-500);
}
.industry-services-block:hover h3, .industry-services-block:hover p {
    color: var(--white-color) !important;
}
.case-button-next:hover,
.case-button-prev:hover {
    background-color: var(--primary-color-600);
    border-color: var(--primary-color-600);
}

.case-button-next:hover svg path,
.case-button-prev:hover svg path {
    stroke: #fff;
    stroke-opacity: 1;
}

.services-block {
    height: 100%;
    padding: 30px;
    transition: 400ms;
}

.services-block:hover {
    background-color: var(--muted-color-200);
}

.br-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.br-right {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.services-icon-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(245, 166, 35, 1);
    width: 28px;
    height: 100%;
    z-index: -1;
}

.video-block {
    height: 100%;
}

.choose-card {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    background: var(--white, rgba(255, 255, 255, 1));
    height: 100%;
}

.choose-btn-group {
    gap: 20px;
}

.choose-slider-wrapper .swiper-slide {
    height: auto !important;
}

.how-much-wrapper {
    background-image: url("../images/top-seo-india-new/how-much-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.how-much-wrapper .row {
    z-index: 1;
}

.how-much-text {
    padding-inline: 80px 20px;
    padding-block: 100px;
}
.how-much-img-block {
    position: absolute;
    bottom: 0;
}
.choose-slider {
    overflow: visible !important;
}
.choose-slider-section {
    overflow-x: hidden;
}
.billion-block h4 {
    font-size: 50px;
    font-weight: 700;
}
.billion-block {
    padding-inline: 10px;
    flex: 1;
}
.border-right {
    border-right: 1px solid #bebebe;
}
.billion-section {
    border-top: 1px solid #bebebe;
}
.billion-text {
    color: var(--primary-color-600) !important;
}
.services-block h3, .services-block a {
    color: var(--secondary-color-500) !important;
}
.services-block:hover  {
 background-color: var(--white-color);
}
.flag-card {
    background-image: url("../images/real-estate-uae/Abu-Dhabi.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25px;
    transition: 400ms;
    height: 100%;
    overflow: hidden;
}
.flg-bg-2 {
    background-image: url("../images/real-estate-uae/Dubai.webp");
}
.flg-bg-3 {
    background-image: url("../images/real-estate-uae/Ajman.webp");
}
.flg-bg-4 {
    background-image: url("../images/real-estate-uae/Sharjah.webp");
}
.flg-bg-5 {
    background-image: url("../images/real-estate-uae/Ras-Al-Kaimah.webp");
}
.flg-bg-6 {
    background-image: url("../images/real-estate-uae/Fujairah.webp");
}
.services-icon-block img {
    width: 60px;
}
.city-no {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background: #1778be;
}
.flag-card-wrapper {
    transform: translateY(83%);
    transition: 400ms;
    height: 100%;
}

.flag-card:hover .flag-card-wrapper {
    transform: translateY(0%);
}
.banner__video {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.banner__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.awards__logos img {
    background: white;
    border-radius: 16px;
}
.hero__content h1 {
    text-transform: none !important;
}
.uae-hero::after {
    content: '';
    background-color: #132735;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    opacity: 0.7;
    z-index: 1;
}
.awards__logos {
    row-gap: 36px;
}
.banner-inner-bg {
    z-index: 2;
    position: relative;
}
.industry-services-block img {
    width: 100%;
}
/*media queary*/
@media screen and (max-width: 1599px) {
    .spacer-y {
        padding-block: 100px;
    }

    .mb-70 {
        margin-bottom: 40px;
    }

    .mb-30 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1399px) {
    p {
        font-size: 16px;
    }

    .new-faq .accordion-item {
        padding-block: 25px;
    }

    .new-faq .accordion-item h2.accordion-header button {
        font-size: 22px;
    }
    .case-button-next, .case-button-prev {
        width: 40px;
        height: 40px;
    }
    .how-much-text {
        padding-inline: 80px 20px;
        padding-block: 20px;
    }
}
@media screen and (max-width: 1199px) {
    .choose-slider-section {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 991px) {

    .hero-form {
        margin: auto;
        margin-top: 50px;
    }
    .services-block {
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    .how-much-img-block {
        position: unset;
    }
    
    .how-much-wrapper {
        padding: 60px;
    }
    
    .how-much-text {
        padding: 0px;
    }
    .container-fluid {
        padding-inline: 15px !important;
    }
}

@media screen and (max-width: 767px) {

    .new-faq .accordion-item h2.accordion-header button {
        font-size: 18px;
    }

    .new-faq .accordion-item {
        padding-block: 15px;
    }

    .new-faq .accordion-body {
        font-size: 16px;
    }
    .how-much-wrapper {
        padding: 25px;
    }
    .billion-wrapper {
        flex-wrap: wrap;
        gap: 25px;
    }
    .billion-wrapper .billion-block {
        width: 45%;
        flex: auto;
        border: none;
    }
    .awards__logos {
        row-gap: 0px;
    }
}

/*media queary end*/