@charset "utf-8";
/* CSS Document */
/* css resets starts here */
* {
    margin: 0;
    outline: none;
    padding: 0;
    font-weight: 400;
    list-style: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    font-family: 'poppins', 'roboto' !important;
    font-size: 10px !important;
    line-height: 1.6rem;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    min-width: 100%;
    width: 100%;
    scroll-behavior: smooth;
}

body {
    background-color: var(--white) !important;
    margin: 0;
    padding: 0px;
    font-family: 'poppins' !important;
}

main {
    display: block;
    font-family: 'Inter' !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    text-decoration: none;
    line-height: 1.6rem;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

i {
    font-style: normal;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    height: auto;
}

button, input {
    overflow: visible;
    height: auto;
}

button, select {
    text-transform: none;
    height: auto;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.text-center {
    text-align: center;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    position: relative;
    z-index: 100;
}
/* css resets end here */
/* common css start here */
.bodyfix {
    overflow: hidden;
}

*::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    width: 6px;
    height: 0;
    border-radius: 13px;
    background-clip: padding-box;
    background: var(--white);
}

*::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
    color: var(--black-666);
}

:root {
    --white: #fff;
    --black: #000;
    --black-333: #333;
    --black-666: #666;
    --black-999: #999;
    --black-1A1A1D: #1A1A1D;
    --black-131842: #131842;
    --black-0C1844: #0C1844;
    --black-ccc: #ccc;
    --black-e4e4e4: #e4e4e4;
    --black-eee: #eee;
    --black-e4e4e4: #e4e4e4;
    --black-f1f1f1: #f1f1f1;
    --black-f5f5f5: #f5f5f5;
    --black-f7f7f7: #f7f7f7;
    --black-f9f9f9: #f9f9f9;
    --black-EFEBE8: #EFEBE8;
    --blue: #5484ff;
    --blue-FEEBF6: #FEEBF6;
    --blue-E5F4FB: #E5F4FB;
    --red: #d8232a;
    --red-B9375D: #B9375D;
    --red-F6EDFF: #F6EDFF;
    --red-FFC3C3: #FFC3C3;
    --green: #2a720c;
    --green-d9fec9: #d9fec9;
    --green-F2FFE9: #F2FFE9;
    --green-16C47F: #16C47F;
    --light-green-16972E: #16972E;
    --yellow: #ffb500;
    --yellow-FFF1DA: #FFF1DA;
    --yellow-FEF9D9: #FEF9D9;
    --orange-FF8040: #FF8040;
    --whatsapp: #25d366;
    --pintrest: #E60023;
    --instagram: #F77737;
    --linkedin: #0a66c2;
}
/* Material icon starts */
.material-icons {
    font-family: 'Material Icons';
}

.material-icons-round {
    font-family: 'Material Icons Round';
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
}
/* Material icon end */
/* buttons start here */
.sul-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.2rem 2rem;
    background-color: var(--white);
    border: none;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: var(--weight-500);
    color: var(--black);
    white-space: nowrap;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: transparent;
}

    .sul-button.blocked {
        display: block;
        text-align: center;
    }

    .sul-button.red-but {
        background-color: var(--red);
        color: var(--white);
        text-align: center;
    }

        .sul-button.red-but.big {
            font-size: 2rem;
            line-height: 2rem;
            padding: 1.5rem 2rem;
        }

    .sul-button.border-red {
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        padding: 1.2rem 2rem;
        color: var(--red);
        border: solid 1px var(--red);
        font-weight: var(--weight-500);
        background-color: var(--white);
        transition: 1s;
    }

        .sul-button.border-red:hover {
            background-color: var(--red);
            color: var(--white);
        }

    .sul-button.yellow-but {
        background-color: var(--yellow);
        color: var(--black);
        text-align: center;
    }

    .sul-button.block {
        display: block;
    }

a.sul-button.loading-ser {
    pointer-events: none;
}

a.sul-button.loading-ser {
    pointer-events: none;
}

a.sul-button .loader {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

a.sul-button .circle {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    animation: bounce 1.2s infinite ease-in-out;
}

    a.sul-button .circle:nth-child(2) {
        animation-delay: 0.2s;
    }

    a.sul-button .circle:nth-child(3) {
        animation-delay: 0.4s;
    }

    a.sul-button .circle:nth-child(4) {
        animation-delay: 0.6s;
    }
/* buttons end here */
/* full page loading starts here */
.full-load {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1200;
}

    .full-load .loading-txt {
        padding: 50px 0 0 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        column-gap: 15px;
    }

        .full-load .loading-txt p {
            font-size: 22px;
            color: #000;
            font-weight: 500;
        }

        .full-load .loading-txt .loader {
            display: flex;
            gap: 10px;
        }

        .full-load .loading-txt .circle {
            width: 20px;
            height: 20px;
            background-color: #C30E59;
            border-radius: 50%;
            animation: bounce 1.2s infinite ease-in-out;
        }

            .full-load .loading-txt .circle:nth-child(2) {
                animation-delay: 0.2s;
            }

            .full-load .loading-txt .circle:nth-child(3) {
                animation-delay: 0.4s;
            }

            .full-load .loading-txt .circle:nth-child(4) {
                animation-delay: 0.6s;
            }

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}
/* full page loading end here */
/* owl carousel start here */
.owl-carousel {
    display: none;
    position: relative;
    width: auto;
}

.owl-item {
    float: left;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #000;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 5px;
        padding: 3px 10px;
        background: #fff;
        filter: Alpha(Opacity=50);
        opacity: 0.8;
        cursor: pointer;
        -webkit-border-radius: 50px;
        -moz-border-radius: 2px;
        border-radius: 50px;
        border: solid 1px #ccc;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

    .owl-theme .owl-controls .owl-buttons div {
        padding: 8px 10px;
        line-height: 1;
    }

.owl-theme .owl-buttons i {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    text-align: center;
    vertical-align: center;
    display: table-cell;
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -2.6rem;
    top: 36%;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -2.4rem;
    top: 36%;
}

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
    font-family: fontawesome;
    font-size: 2.4rem;
    color: var(--black);
}
/* owl carousel end here */
.bgwhite {
    background-color: var(--white);
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}
/* common css end here */
/* Page CSS starts here */
.hero-blk-outer {
    background-color: #E7F0F9;
    margin: 0 0 2rem 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

    .hero-blk-outer .breadcrumb {
        width: 144rem;
        margin: auto;
        padding: 1rem 1rem 1rem 0;
    }

        .hero-blk-outer .breadcrumb ul {
            padding: 0;
            margin: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

            .hero-blk-outer .breadcrumb ul li {
                padding: 0.5rem 0.3rem;
                list-style: none;
                display: flex;
                align-items: center;
                font-size: 1.3rem;
                line-height: 1.6rem;
                color: var(--black-666);
            }

                .hero-blk-outer .breadcrumb ul li a {
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--black-666);
                }

                .hero-blk-outer .breadcrumb ul li span {
                    font-size: 1.3rem;
                    line-height: 1.3rem;
                    color: var(--black-999);
                }

    .hero-blk-outer .hero-blk {
        width: 144rem;
        margin: auto;
        padding: 0 0 2rem 0;
        position: relative;
        display: flex;
        flex-direction: row;
        column-gap: 2rem;
    }

        .hero-blk-outer .hero-blk .hero-left {
            width: 60%;
        }

            .hero-blk-outer .hero-blk .hero-left .fst-sec {
                margin: 0.5rem 0 1rem 0;
            }

                .hero-blk-outer .hero-blk .hero-left .fst-sec ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    column-gap: 1.5rem;
                }

                    .hero-blk-outer .hero-blk .hero-left .fst-sec ul li {
                        margin: 0px;
                        padding: 0.8rem 1.5rem;
                        font-size: 1.4rem;
                        line-height: 1.4rem;
                        color: var(--black-0C1844);
                        background-color: var(--white);
                        border: solid 1px var(--black-e4e4e4);
                        -webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        border-radius: 30px;
                    }

                        .hero-blk-outer .hero-blk .hero-left .fst-sec ul li.blue-txt {
                            padding: 0.8rem 1.3rem;
                            background-color: var(--blue);
                            color: var(--white);
                            border: solid 1px var(--blue);
                        }

                            .hero-blk-outer .hero-blk .hero-left .fst-sec ul li.blue-txt b {
                                font-size: 1.6rem;
                                font-weight: 600;
                                margin: 0 0.2rem 0 0;
                            }

            .hero-blk-outer .hero-blk .hero-left h1 {
                font-size: 2.4rem;
                line-height: 3rem;
                color: var(--black);
                font-weight: 600;
                padding: 1rem 0;
            }

            .hero-blk-outer .hero-blk .hero-left .ser-city {
                display: flex;
                flex-direction: row;
                font-size: 1.5rem;
                line-height: 1.5rem;
                padding: 0 0 1rem 0;
                color: var(--black-0C1844);
            }

            .hero-blk-outer .hero-blk .hero-left .top-details {
                margin: 1rem 0;
                background-color: rgba(255, 255, 255, 0.7);
                padding: 1.5rem 0;
                width: 100%;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                border: solid 1px var(--black-ccc);
            }

                .hero-blk-outer .hero-blk .hero-left .top-details ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                }

                    .hero-blk-outer .hero-blk .hero-left .top-details ul li {
                        list-style: none;
                        margin: 0px;
                        padding: 1rem 1.5rem;
                        border-right: solid 1px var(--black-ccc);
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                    }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul li:last-child {
                            border-right: transparent;
                        }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul li span {
                        }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul li b.green-circle {
                            width: 20px;
                            height: 20px;
                            background-color: var(--green);
                            -webkit-border-radius: 50px;
                            -moz-border-radius: 50px;
                            border-radius: 50px;
                        }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul li b.red-circle {
                            width: 20px;
                            height: 20px;
                            background-color: var(--red);
                            -webkit-border-radius: 50px;
                            -moz-border-radius: 50px;
                            border-radius: 50px;
                        }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul li b.orange-circle {
                            width: 20px;
                            height: 20px;
                            background-color: var(--orange);
                            -webkit-border-radius: 50px;
                            -moz-border-radius: 50px;
                            border-radius: 50px;
                        }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul li .content {
                        }

                            .hero-blk-outer .hero-blk .hero-left .top-details ul li .content p {
                                font-size: 1.5rem;
                                line-height: 1.8rem;
                                color: var(--black-666);
                                margin: 0px;
                                padding: 0 0 0.2rem 0;
                            }

                            .hero-blk-outer .hero-blk .hero-left .top-details ul li .content b {
                                font-size: 1.6rem;
                                line-height: 1.8rem;
                                font-weight: 600;
                                color: var(--black-333);
                                margin: 0px;
                                padding: 0 0 0.2rem 0;
                            }

                    .hero-blk-outer .hero-blk .hero-left .top-details ul.four-column {
                    }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul.four-column li {
                            justify-content: center;
                            width: 25%;
                        }

                    .hero-blk-outer .hero-blk .hero-left .top-details ul.three-column {
                    }

                        .hero-blk-outer .hero-blk .hero-left .top-details ul.three-column li {
                            justify-content: center;
                            width: 33%;
                        }

            .hero-blk-outer .hero-blk .hero-left .call-btn-outer {
                display: flex;
                flex-direction: row;
                column-gap: 2rem;
                padding: 2rem 0 0 0;
            }

                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    column-gap: 2rem;
                }

                    .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li {
                        margin: 0px;
                        padding: 0px;
                        list-style: none;
                    }

                        .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt {
                            position: relative;
                        }

                            .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.redtxt {
                                display: flex;
                                flex-direction: row;
                                column-gap: 0.5rem;
                                background-color: var(--red);
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                font-size: 1.6rem;
                                line-height: 1.6rem;
                                flex-wrap: nowrap;
                                color: var(--white);
                                padding: 1rem 1.5rem;
                            }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.redtxt span {
                                    font-size: 2rem;
                                }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.redtxt b {
                                    font-weight: normal;
                                }

                            .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.yellowtxt {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                column-gap: 0.5rem;
                                background-color: var(--yellow);
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                font-size: 1.6rem;
                                line-height: 1.6rem;
                                flex-wrap: nowrap;
                                color: var(--black);
                                padding: 1rem 1.5rem;
                            }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.yellowtxt span {
                                    font-size: 2rem;
                                    animation: wobble 1.5s infinite;
                                }

                            .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.greentxt {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                column-gap: 0.5rem;
                                border: solid 1px var(--green);
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                font-size: 1.6rem;
                                line-height: 1.6rem;
                                flex-wrap: nowrap;
                                color: var(--green);
                                padding: 0.4rem 1rem;
                            }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.greentxt span .rate-icon {
                                    font-family: font-awesome;
                                    font-size: 3rem;
                                    color: var(--green);
                                }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.greentxt:hover {
                                    background-color: var(--green);
                                }

                                    .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.greentxt:hover span .rate-icon {
                                        font-family: font-awesome;
                                        font-size: 3rem;
                                        color: var(--white);
                                    }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.greentxt b {
                                    font-size: 1.4rem;
                                    color: var(--green);
                                    font-weight: 500;
                                }

                                .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.greentxt:hover b {
                                    color: var(--white);
                                }

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

    15% {
        transform: translateX(-3px) rotate(-5deg);
    }

    30% {
        transform: translateX(3px) rotate(5deg);
    }

    45% {
        transform: translateX(-2px) rotate(-3deg);
    }

    60% {
        transform: translateX(2px) rotate(3deg);
    }

    75% {
        transform: translateX(-1px) rotate(-2deg);
    }

    100% {
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes blick {
    0% {
        transform: translate(-100%,-25%) rotate(10deg);
        left: -400%
    }

    25% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 0
    }

    50% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 400%
    }

    75% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 600%
    }

    100% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 800%
    }
}

.hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.yellowtxt b {
    font-weight: 500;
}

    .hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.yellowtxt b.for-mobile {
        display: none;
    }

.hero-blk-outer .hero-blk .hero-left .call-btn-outer ul li .click-txt a.yellowtxt i {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.4rem;
    margin: 0 0.2rem;
}

.hero-blk-outer .hero-blk .hero-left .share-det {
    padding: 2.5rem 0 1rem 0;
}

    .hero-blk-outer .hero-blk .hero-left .share-det ul {
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: row;
        column-gap: 1.5rem;
    }

        .hero-blk-outer .hero-blk .hero-left .share-det ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
            position: relative;
            background-color: var(--white);
        }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li:hover {
                display: block;
            }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li .exp-txt {
                visibility: hidden;
                opacity: 0;
                position: absolute;
                left: 0px;
                top: -18px;
                background-color: var(--black);
                font-size: 1.2rem;
                line-height: 1.2rem;
                color: var(--white);
                white-space: nowrap;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                padding: 0.3rem 0.5rem;
                opacity: 0;
                transform: translateY(100px);
                transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s linear 0.6s;
            }

                .hero-blk-outer .hero-blk .hero-left .share-det ul li .exp-txt:after {
                    top: 100%;
                    left: 16%;
                    border: solid transparent;
                    content: "";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    border-color: rgba(0, 0, 0, 0);
                    border-top-color: #000;
                    border-width: 3px;
                    margin-left: -3px;
                }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li:hover .exp-txt {
                visibility: visible;
                opacity: 1;
                transform: translateY(0);
                transition-delay: 0s;
            }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li a {
                display: flex;
                padding: 0.5rem;
                border: solid 1px var(--black-ccc);
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                background-color: var(--gray-f9f9f9);
            }

                .hero-blk-outer .hero-blk .hero-left .share-det ul li a span {
                    font-size: 2rem;
                    color: var(--black-666);
                }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li.active {
            }

                .hero-blk-outer .hero-blk .hero-left .share-det ul li.active a {
                    background-color: var(--green);
                }

                    .hero-blk-outer .hero-blk .hero-left .share-det ul li.active a span {
                        color: var(--white);
                    }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li .cou-num {
                position: absolute;
                top: -6px;
                left: 23px;
                font-size: 11px;
                line-height: 11px;
                color: var(--white);
                padding: 2px 4px;
                background-color: var(--red);
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
            }

.hero-blk-outer .hero-blk .hero-right {
    width: 40%;
}

    .hero-blk-outer .hero-blk .hero-right .prop-img-outer {
        position: relative;
        background-color: var(--white);
        border: solid 1px var(--black-ccc);
        padding: 0.5rem;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    }

        .hero-blk-outer .hero-blk .hero-right .prop-img-outer figure {
            width: 100%;
            height: 35rem;
            overflow: hidden;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .hero-blk-outer .hero-blk .hero-right .prop-img-outer figure img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: visible;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

        .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images {
            margin: 0 5px 5px 5px;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            width: calc(100% - 10px);
            padding: 0;
            background-color: #fff;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottom-right: 5px;
            -moz-border-radius-bottom-left: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
        }

            .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos {
                position: relative;
                padding: 0;
                border-top: solid 1px var(--white);
            }

                .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .more-photos {
                    position: absolute;
                    right: 17px;
                    bottom: -5px;
                    z-index: 5;
                }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .more-photos ul {
                        margin: 0px;
                        padding: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                    }

                        .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .more-photos ul li {
                            list-style: none;
                            padding: 0 0 1rem 0;
                            font-size: 1.4rem;
                            line-height: 1.6rem;
                            color: var(--black-666);
                        }

                            .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .more-photos ul li span {
                                background-color: var(--light-green-16972E);
                                color: var(--white);
                                padding: 0 0.5rem;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                            }

                            .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .more-photos ul li a {
                                color: var(--blue);
                            }

                .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .ser-single-photo {
                    padding: 1rem;
                }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .ser-single-photo a {
                        display: flex;
                    }

                        .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .ser-single-photo a figure {
                            width: 100%;
                            height: 8rem;
                        }

                            .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .ser-single-photo a figure img {
                                width: 100%;
                                height: 8rem;
                                -webkit-border-radius: 10px;
                                -moz-border-radius: 10px;
                                border-radius: 10px;
                            }

                .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .owl-theme .owl-controls {
                    margin-top: 0px;
                }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .owl-theme .owl-controls .owl-buttons div {
                        color: var(--black);
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        margin: 5px;
                        padding: 3px 5px;
                        background-color: var(--white);
                        border: solid 1px var(--black);
                        filter: Alpha(Opacity=50);
                        opacity: 0.8;
                        cursor: pointer;
                        -webkit-border-radius: 50px;
                        -moz-border-radius: 50px;
                        border-radius: 50px;
                    }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .owl-theme .owl-controls .owl-buttons div {
                        position: absolute;
                    }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .owl-theme .owl-controls .owl-buttons .owl-prev {
                        left: -2rem;
                        top: 23%;
                    }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .owl-theme .owl-controls .owl-buttons .owl-next {
                        right: -2.2rem;
                        top: 23%;
                    }

                    .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .service-photos .owl-theme .owl-controls .owl-buttons .owl-prev span.material-icons-outlined, .hero-blk-outer .hero-blk .hero-right .prop-img-outer .all-images .owl-theme .owl-controls .owl-buttons .owl-next span.material-icons-outlined {
                        font-size: 3rem;
                    }

.service-scroll {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    padding: 0 1rem 2rem 1rem;
    width: 144rem;
    margin: auto;
}

    .service-scroll.sticky-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 998;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        padding: 1rem;
    }

    .service-scroll .service-menu-scroll {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        white-space: nowrap;
    }

        .service-scroll .service-menu-scroll a {
            font-size: 1.6rem;
            line-height: 1.6rem;
            color: var(--black);
            padding: 1.5rem 2rem;
            position: relative;
        }

            .service-scroll .service-menu-scroll a.active::after {
                width: 100%;
                left: 0px;
            }

            .service-scroll .service-menu-scroll a::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 2px;
                background-color: red;
                transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
            }

            .service-scroll .service-menu-scroll a:hover::after {
                width: 100%;
                left: 0px;
            }

    .service-scroll a.service-prev, .service-scroll a.service-next {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--white);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }

    .service-scroll a span {
        font-size: 3rem;
        color: var(--black);
    }
/* Page main content starts here */
.page-main-content {
    display: flex;
    flex-direction: row;
    width: 144rem;
    padding: 2rem;
    margin: auto;
    background-color: var(--white);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
    /* left content start here */
    .page-main-content .left-content {
        width: 75%;
        margin: 0 2% 0 0;
        border: solid 1px var(--black-e4e4e4);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .page-main-content .left-content .single-block-cont {
            padding: 2rem 3rem;
            margin: 0;
            border-bottom: solid 1px var(--black-e4e4e4);
        }

            .page-main-content .left-content .single-block-cont h2 {
                font-size: 2.4rem;
                line-height: 3rem;
                color: var(--black);
                padding: 0 0 1.5rem 0;
                font-weight: 600;
            }

            .page-main-content .left-content .single-block-cont .sub-title {
                font-size: 2rem;
                line-height: 2.6rem;
                color: var(--black-333);
                padding: 0 0 2rem 0;
                font-weight: 400;
            }

            .page-main-content .left-content .single-block-cont p {
                font-size: 1.5rem;
                line-height: 2.4rem;
                color: var(--black-666);
                margin: 0 0 1.5rem 0;
                padding: 0px !important;
            }

            .page-main-content .left-content .single-block-cont .more-details {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 0.8rem;
            }

                .page-main-content .left-content .single-block-cont .more-details img {
                    width: 3rem;
                    height: 3rem;
                }

                .page-main-content .left-content .single-block-cont .more-details p {
                    font-size: 1.4rem;
                    line-height: 2rem;
                    color: var(--black);
                    margin: 0px;
                    padding: 0px;
                }

                    .page-main-content .left-content .single-block-cont .more-details p b {
                        color: var(--black-333);
                        font-weight: 600;
                    }

            .page-main-content .left-content .single-block-cont .quick-view {
                margin: 0 0 1.5rem 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1.5rem;
            }

                .page-main-content .left-content .single-block-cont .quick-view .left-details {
                    width: calc(100% - 30rem);
                }

                    .page-main-content .left-content .single-block-cont .quick-view .left-details ul {
                        margin: 0px;
                        padding: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        flex-wrap: wrap;
                        align-items: center;
                    }

                        .page-main-content .left-content .single-block-cont .quick-view .left-details ul li {
                            width: 33%;
                            margin: 0 0 2.5rem 0;
                            padding: 0px;
                            list-style: none;
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 0.5rem;
                        }

                            .page-main-content .left-content .single-block-cont .quick-view .left-details ul li .img-outer {
                                width: 4rem;
                                height: 4rem;
                            }

                                .page-main-content .left-content .single-block-cont .quick-view .left-details ul li .img-outer svg {
                                    width: 4rem;
                                    height: 4rem;
                                }

                            .page-main-content .left-content .single-block-cont .quick-view .left-details ul li .content {
                            }

                                .page-main-content .left-content .single-block-cont .quick-view .left-details ul li .content p {
                                    font-size: 1.5rem;
                                    line-height: 1.6rem;
                                    color: var(--black-666);
                                    padding: 0 0 1rem 0;
                                    margin: 0px;
                                }

                                .page-main-content .left-content .single-block-cont .quick-view .left-details ul li .content b {
                                    font-size: 1.5rem;
                                    line-height: 1.6rem;
                                    color: var(--black);
                                    font-weight: 500;
                                }

                .page-main-content .left-content .single-block-cont .quick-view .right-details {
                    width: 30rem;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                    .page-main-content .left-content .single-block-cont .quick-view .right-details figure {
                        width: 25rem;
                        height: 15rem;
                    }

                        .page-main-content .left-content .single-block-cont .quick-view .right-details figure a img {
                            width: 25rem;
                            height: 15rem;
                        }

            .page-main-content .left-content .single-block-cont .group-details {
                margin: 0;
                padding: 0 0 1rem 0;
            }

                .page-main-content .left-content .single-block-cont .group-details .group-title {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    color: var(--black);
                    font-weight: 600;
                    margin: 0 0 1.5rem 0;
                }

                .page-main-content .left-content .single-block-cont .group-details ul {
                    margin: 0px;
                    padding: 0 0 1rem 0;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    column-gap: 1rem;
                }

                    .page-main-content .left-content .single-block-cont .group-details ul li {
                        padding: 0 0 1rem 0;
                        margin: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                        width: 32%;
                    }

                        .page-main-content .left-content .single-block-cont .group-details ul li span svg {
                            width: 20px;
                            height: 20px;
                        }

                        .page-main-content .left-content .single-block-cont .group-details ul li b {
                            width: calc(100% - 3rem);
                            font-size: 1.5rem;
                            line-height: 2rem;
                            color: var(--black-666);
                            font-weight: 500;
                        }

            .page-main-content .left-content .single-block-cont .more-pro-link {
                padding: 10px;
                background-color: var(--black-f1f1f1);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                .page-main-content .left-content .single-block-cont .more-pro-link ul {
                    padding: 0px;
                    margin: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    column-gap: 15px;
                }

                    .page-main-content .left-content .single-block-cont .more-pro-link ul li {
                        padding: 0px;
                        margin: 0px;
                        list-style: none;
                    }

                        .page-main-content .left-content .single-block-cont .more-pro-link ul li p {
                            font-size: 1.5rem;
                            line-height: 2rem;
                            color: var(--black);
                            margin: 0px;
                        }

            .page-main-content .left-content .single-block-cont .types-prop {
            }

                .page-main-content .left-content .single-block-cont .types-prop ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: flex-start;
                    column-gap: 1.5rem;
                    flex-wrap: wrap;
                }

                    .page-main-content .left-content .single-block-cont .types-prop ul li {
                        width: 23.5%;
                        margin: 0 0 1.5rem 0;
                        padding: 2rem;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        border: solid 1px var(--black-ccc);
                        transition: 1s;
                    }

                        .page-main-content .left-content .single-block-cont .types-prop ul li figure {
                            width: 4rem;
                            height: 4rem;
                            margin: 0 0 1rem 0;
                        }

                            .page-main-content .left-content .single-block-cont .types-prop ul li figure img {
                                width: 4rem;
                                height: 4rem;
                                transition: transform 0.6s ease;
                            }

                        .page-main-content .left-content .single-block-cont .types-prop ul li:hover figure img {
                            transform: scale(1.4)
                        }

                        .page-main-content .left-content .single-block-cont .types-prop ul li span {
                            display: block;
                            font-size: 1.3rem;
                            line-height: 2.2rem;
                            color: var(--black-666);
                            text-align: center;
                        }

                            .page-main-content .left-content .single-block-cont .types-prop ul li span a {
                                font-size: 1.6rem;
                                line-height: 2.2rem;
                                color: var(--black);
                            }

            .page-main-content .left-content .single-block-cont .loan-calculation {
            }

                .page-main-content .left-content .single-block-cont .loan-calculation ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    column-gap: 1.5rem;
                }

                    .page-main-content .left-content .single-block-cont .loan-calculation ul li {
                        margin: 0 0 1rem 0;
                        padding: 0px;
                        list-style: none;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                    }

                        .page-main-content .left-content .single-block-cont .loan-calculation ul li label {
                            font-size: 1.3rem;
                            line-height: 1.6rem;
                            color: var(--black-666);
                            padding: 0 0 0.5rem 0;
                        }

                        .page-main-content .left-content .single-block-cont .loan-calculation ul li .price {
                            padding: 0 0 1rem 0;
                            font-size: 1.3rem;
                            line-height: 1.6rem;
                            color: var(--black-333);
                        }

                        .page-main-content .left-content .single-block-cont .loan-calculation ul li .range {
                            padding: 0 0 0.5rem 0;
                            font-size: 1.3rem;
                            line-height: 1.6rem;
                            color: var(--black-333);
                        }

                            .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider {
                                -webkit-appearance: none;
                                width: 100%;
                                height: 8px;
                                background: var(--black-ccc);
                                border-radius: 5px;
                                outline: none;
                            }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-webkit-slider-runnable-track {
                                    height: 8px;
                                    background: var(--blue);
                                    border-radius: 5px;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-webkit-slider-thumb {
                                    -webkit-appearance: none;
                                    appearance: none;
                                    width: 20px;
                                    height: 20px;
                                    border-radius: 50%;
                                    background: #FF5722;
                                    cursor: pointer;
                                    margin-top: -6px;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-moz-range-track {
                                    height: 8px;
                                    background: var(--blue);
                                    border-radius: 5px;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-moz-range-thumb {
                                    width: 20px;
                                    height: 20px;
                                    border-radius: 50%;
                                    background: #FF5722;
                                    cursor: pointer;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-ms-track {
                                    height: 8px;
                                    background: transparent;
                                    border-color: transparent;
                                    color: transparent;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-ms-fill-lower {
                                    background: #4CAF50;
                                    border-radius: 5px;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-ms-fill-upper {
                                    background: #ddd;
                                    border-radius: 5px;
                                }

                                .page-main-content .left-content .single-block-cont .loan-calculation ul li .range .slider::-ms-thumb {
                                    width: 20px;
                                    height: 20px;
                                    border-radius: 50%;
                                    background: #FF5722;
                                    cursor: pointer;
                                }

                        .page-main-content .left-content .single-block-cont .loan-calculation ul li input[type="number"], .page-main-content .left-content .single-block-cont .loan-calculation ul li input[type="text"],
                        .page-main-content .left-content .single-block-cont .loan-calculation ul li input[type="range"] {
                            width: 100%;
                        }

            .page-main-content .left-content .single-block-cont .calculate-amt {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                margin: 10px 0;
                padding: 10px 20px;
                background-color: var(--black-f5f5f5);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
            }

                .page-main-content .left-content .single-block-cont .calculate-amt p {
                    font-size: 2rem;
                    line-height: 2.4rem;
                    color: var(--black);
                    margin: 0px;
                }

                    .page-main-content .left-content .single-block-cont .calculate-amt p b {
                        font-weight: 600;
                        color: var(--orange);
                        padding: 0 0.5rem;
                    }

            .page-main-content .left-content .single-block-cont .btn-outer {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                column-gap: 1.5rem;
            }

                .page-main-content .left-content .single-block-cont .btn-outer .ortxt {
                    font-size: 1.5rem;
                    color: var(--black-999);
                }

            .page-main-content .left-content .single-block-cont .near-neighbourhood {
            }

                .page-main-content .left-content .single-block-cont .near-neighbourhood ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    column-gap: 1.5rem;
                }

                    .page-main-content .left-content .single-block-cont .near-neighbourhood ul li {
                        margin: 0px;
                        padding: 0px;
                        background-color: var(--black-f1f1f1);
                        padding: 1.5rem 2rem;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        flex-wrap: wrap;
                        width: 33%;
                    }

                        .page-main-content .left-content .single-block-cont .near-neighbourhood ul li h3 {
                            font-size: 1.6rem;
                            line-height: 2rem;
                            padding: 0 0 0.5rem 0;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                            .page-main-content .left-content .single-block-cont .near-neighbourhood ul li h3 a {
                                font-size: 1.6rem;
                                line-height: 2rem;
                                color: var(--blue);
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                height: 4rem;
                            }

                        .page-main-content .left-content .single-block-cont .near-neighbourhood ul li .citytxt {
                            font-size: 1.4rem;
                            line-height: 1.8rem;
                            color: #666;
                            padding: 0 0 0.8rem 0;
                            margin: 0px;
                        }

                            .page-main-content .left-content .single-block-cont .near-neighbourhood ul li .citytxt a {
                                font-size: 1.4rem;
                                line-height: 1.8rem;
                                color: #666;
                            }

                        .page-main-content .left-content .single-block-cont .near-neighbourhood ul li p {
                            font-size: 1.4rem;
                            line-height: 1.8rem;
                            color: #333;
                            padding: 0 0 0.8rem 0;
                            margin: 0px;
                        }

                        .page-main-content .left-content .single-block-cont .near-neighbourhood ul li b {
                            font-size: 1.8rem;
                            line-height: 2.4rem;
                            font-weight: 600;
                            color: var(--black);
                            padding: 0;
                            margin: 0px;
                        }

            .page-main-content .left-content .single-block-cont .table-outer {
            }

                .page-main-content .left-content .single-block-cont .table-outer.big {
                }

                .page-main-content .left-content .single-block-cont .table-outer table {
                    margin: 0 0 1.5rem 0;
                }

                    .page-main-content .left-content .single-block-cont .table-outer table tr th {
                        border: solid 1px var(--black-ccc);
                        padding: 1.5rem;
                        background-color: var(--black-f7f7f7);
                        font-size: 1.6rem;
                        color: var(--black);
                        text-align: left;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

                    .page-main-content .left-content .single-block-cont .table-outer table tr td {
                        border: solid 1px var(--black-ccc);
                        padding: 1.5rem;
                        font-size: 1.5rem;
                        color: var(--black-666);
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

                        .page-main-content .left-content .single-block-cont .table-outer table tr td:nth-child(1) {
                            width: 70px;
                        }

                .page-main-content .left-content .single-block-cont .table-outer.big tr td:nth-child(1) {
                    width: auto;
                }

                .page-main-content .left-content .single-block-cont .table-outer table tr td .count {
                    width: 50px;
                    height: 50px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    background-color: var(--orange-FF8040);
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                }

                    .page-main-content .left-content .single-block-cont .table-outer table tr td .count .num-txt {
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        font-weight: 500;
                        color: var(--white);
                        padding: 2px 0;
                        border-bottom: solid 2px var(--white);
                        width: 40%;
                        text-align: center;
                    }

                        .page-main-content .left-content .single-block-cont .table-outer table tr td .count .num-txt:last-child {
                            border-bottom: none;
                        }

                .page-main-content .left-content .single-block-cont .table-outer table tr td p {
                    font-size: 1.4rem;
                    line-height: 2rem;
                    color: var(--black-666);
                    margin: 0px;
                    padding: 0px;
                }

                    .page-main-content .left-content .single-block-cont .table-outer table tr td p b {
                        display: block;
                        font-size: 1.5rem;
                        line-height: 2rem;
                        font-weight: 600;
                        color: var(--black);
                    }

                .page-main-content .left-content .single-block-cont .table-outer table tr td a {
                    color: var(--blue);
                }

        .page-main-content .left-content .nearby-prop {
            padding: 0 0 2rem 0;
        }

            .page-main-content .left-content .nearby-prop .single-busi {
                padding: 1rem;
                margin: 0.5rem 1rem;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
            }

                .page-main-content .left-content .nearby-prop .single-busi figure {
                    width: 100%;
                    height: 15rem;
                    overflow: hidden;
                    padding: 0 0 1rem 0;
                    overflow: hidden;
                    position: relative;
                }

                    .page-main-content .left-content .nearby-prop .single-busi figure .new-batch {
                        background-color: var(--blue);
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        color: var(--white);
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 2;
                        -webkit-border-radius: 3px;
                        -webkit-border-top-right-radius: 0;
                        -moz-border-radius: 3px;
                        -moz-border-radius-topright: 0;
                        border-radius: 3px;
                        border-top-right-radius: 0;
                        padding: 2px 5px;
                    }

                    .page-main-content .left-content .nearby-prop .single-busi figure .sold-batch {
                        background-color: var(--red-B9375D);
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        color: var(--white);
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 2;
                        -webkit-border-radius: 3px;
                        -webkit-border-top-right-radius: 0;
                        -moz-border-radius: 3px;
                        -moz-border-radius-topright: 0;
                        border-radius: 3px;
                        border-top-right-radius: 0;
                        padding: 2px 5px;
                    }

                    .page-main-content .left-content .nearby-prop .single-busi figure img {
                        width: 100%;
                        height: 100%;
                    }

                    .page-main-content .left-content .nearby-prop .single-busi figure a {
                    }

                        .page-main-content .left-content .nearby-prop .single-busi figure a img {
                            width: 100%;
                            height: 100%;
                            -webkit-border-top-left-radius: 4px;
                            -webkit-border-top-right-radius: 4px;
                            -moz-border-radius-topleft: 4px;
                            -moz-border-radius-topright: 4px;
                            border-top-left-radius: 4px;
                            border-top-right-radius: 4px;
                        }

                .page-main-content .left-content .nearby-prop .single-busi h3 {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    margin: 0;
                    font-weight: 500;
                    color: var(--black);
                    padding: 1rem 1rem 1rem 0;
                }

                    .page-main-content .left-content .nearby-prop .single-busi h3 a {
                        color: var(--black);
                        padding: 0px;
                        margin: 0px;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                .page-main-content .left-content .nearby-prop .single-busi .serv-share {
                    padding: 0 0 0.5rem 0;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                }

                    .page-main-content .left-content .nearby-prop .single-busi .serv-share .serv-name {
                        font-size: 1.3rem;
                        display: flex;
                        background-color: var(--white);
                        padding: 0.5rem 0.8rem;
                        color: var(--green);
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        border: solid 1px var(--green);
                        font-weight: 500;
                    }

                    .page-main-content .left-content .nearby-prop .single-busi .serv-share .ser-share {
                    }

                        .page-main-content .left-content .nearby-prop .single-busi .serv-share .ser-share a {
                            display: flex;
                            padding: 0.5rem;
                            border: solid 1px var(--gray-ccc);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                            background-color: var(--gray-f9f9f9);
                        }

                            .page-main-content .left-content .nearby-prop .single-busi .serv-share .ser-share a span {
                                font-size: 1.5rem;
                                color: var(--black-666);
                            }

                .page-main-content .left-content .nearby-prop .single-busi .off-city {
                    font-size: 1.4rem;
                    color: var(--black-666);
                    display: flex;
                    align-items: center;
                    padding: 0 0 1rem 0;
                }

                    .page-main-content .left-content .nearby-prop .single-busi .off-city span {
                        color: var(--black-999);
                        margin: 0 1rem 0 0;
                        font-size: 1.8rem;
                    }

            .page-main-content .left-content .nearby-prop .home-serv {
                padding: 0 0 1rem 0;
            }

                .page-main-content .left-content .nearby-prop .home-serv ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 1rem;
                    flex-wrap: wrap;
                }

                    .page-main-content .left-content .nearby-prop .home-serv ul li {
                        margin: 0px;
                        padding: 0 0 1rem 0;
                        list-style: none;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                        width: 48%;
                    }

                        .page-main-content .left-content .nearby-prop .home-serv ul li span .rate-icon {
                            font-family: font-awesome;
                            font-size: 1.4rem;
                            color: var(--black-999);
                        }

                        .page-main-content .left-content .nearby-prop .home-serv ul li b {
                            font-size: 1.2rem;
                            line-height: 1.4rem;
                            color: var(--black-666);
                            font-weight: 500;
                        }

            .page-main-content .left-content .nearby-prop .btn-outer {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

                .page-main-content .left-content .nearby-prop .btn-outer .price-rate {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    color: var(--green);
                    font-weight: 600;
                }

                .page-main-content .left-content .nearby-prop .btn-outer .links {
                }

        .page-main-content .left-content .common-promo-blk {
            background-color: var(--black-f1f1f1);
            padding: 1.5rem;
            margin: 1.5rem 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            column-gap: 1.5rem;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .page-main-content .left-content .common-promo-blk p {
                margin: 0px;
                padding: 0px;
                font-size: 1.6rem;
                line-height: 2.2rem;
                color: var(--black);
            }

        .page-main-content .left-content .single-block-cont .inside-nav {
            margin: 0 0 2rem 0;
            border-bottom: solid 1px var(--black-ccc);
        }

            .page-main-content .left-content .single-block-cont .inside-nav ul {
                margin: 0px;
                padding: 0px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
            }

                .page-main-content .left-content .single-block-cont .inside-nav ul li {
                    margin: 0px;
                    padding: 0px;
                    list-style: none;
                    position: relative;
                    transition: 1s !important;
                }

                    .page-main-content .left-content .single-block-cont .inside-nav ul li.active::after, .page-main-content .left-content .single-block-cont .inside-nav ul li:hover::after {
                        width: 100%;
                        content: '';
                        position: absolute;
                        border-bottom: solid 4px var(--orange);
                        bottom: -2px;
                        left: 0;
                        transition: 1s;
                    }

                    .page-main-content .left-content .single-block-cont .inside-nav ul li a {
                        font-size: 1.6rem;
                        display: flex;
                        padding: 1rem 1.5rem;
                        color: var(--black-999);
                        display: flex;
                        align-items: center;
                    }

                        .page-main-content .left-content .single-block-cont .inside-nav ul li a span {
                            margin: 0 0.5rem;
                            font-size: 1.2rem;
                            line-height: 1.2rem;
                            color: var(--black);
                            background-color: var(--black-ccc);
                            padding: 5px;
                            -webkit-border-radius: 50px;
                            -moz-border-radius: 50px;
                            border-radius: 50px;
                        }

                    .page-main-content .left-content .single-block-cont .inside-nav ul li:hover a, .page-main-content .left-content .single-block-cont .inside-nav ul li.active a {
                        color: var(--black);
                    }

        .page-main-content .left-content .single-block-cont .reviews-outer-blk {
        }

            .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review {
                margin: 0 0 2rem 0;
                padding: 0 0 2rem 0;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                border-bottom: solid 1px var(--black-ccc)
            }

                .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating {
                }

                    .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating .based {
                        font-size: 1.3rem;
                        line-height: 1.3rem;
                        color: var(--black-999);
                        font-weight: 400;
                        padding: 1rem 0;
                    }

                    .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating ul {
                        margin: 0px;
                        padding: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: baseline;
                        column-gap: 1.5rem;
                    }

                        .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating ul li {
                            margin: 0px;
                            padding: 0.5rem 0;
                            list-style: none;
                            font-size: 2rem;
                            line-height: 2rem;
                            font-weight: 800;
                            color: var(--black);
                        }

                            .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating ul li.base {
                                line-height: 1.4rem;
                                margin: 0px;
                                padding: 0px;
                            }

                            .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating ul li small {
                                font-size: 1.5rem;
                                font-weight: 500;
                                color: var(--black);
                            }

                            .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating ul li .rate-icon {
                                font-family: font-awesome;
                                font-size: 2rem;
                                line-height: 2rem;
                                color: var(--yellow);
                            }

                            .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .left-rating ul li span {
                                display: block;
                                font-size: 1.4rem;
                                line-height: 1.4rem;
                                font-weight: 400;
                                color: var(--black-333);
                            }

                .page-main-content .left-content .single-block-cont .reviews-outer-blk .overall-review .right-button {
                }

        .page-main-content .left-content .single-block-cont .user-review-outer {
            padding: 1rem 0;
            margin: 0;
            border-bottom: dashed 1px var(--gray-ccc);
        }

            .page-main-content .left-content .single-block-cont .user-review-outer .naming {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                padding: 0 0 1.5rem 0;
            }

                .page-main-content .left-content .single-block-cont .user-review-outer .naming figure {
                    width: 5rem;
                    height: 5rem;
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                    background-color: #78B3CE;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                    .page-main-content .left-content .single-block-cont .user-review-outer .naming figure figcaption {
                        font-size: 3rem;
                        line-height: 3rem;
                        color: var(--white);
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                .page-main-content .left-content .single-block-cont .user-review-outer .naming .name-details {
                    display: flex;
                    flex-direction: column;
                    padding: 0 0 0 1.5rem;
                }

                    .page-main-content .left-content .single-block-cont .user-review-outer .naming .name-details b {
                        font-size: 1.7rem;
                        line-height: 2rem;
                        color: var(--black);
                        font-weight: 700;
                        padding: 0 0 0.2rem 0;
                    }

                    .page-main-content .left-content .single-block-cont .user-review-outer .naming .name-details span {
                        padding: 0;
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        color: var(--black-666);
                        font-weight: 400;
                    }

                    .page-main-content .left-content .single-block-cont .user-review-outer .naming .name-details .star-outer {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0.5rem 0 0 0;
                    }

                        .page-main-content .left-content .single-block-cont .user-review-outer .naming .name-details .star-outer span {
                            display: block;
                        }

                            .page-main-content .left-content .single-block-cont .user-review-outer .naming .name-details .star-outer span .rate-icon {
                                font-family: font-awesome;
                                font-size: 1.5rem;
                                color: var(--yellow);
                            }

            .page-main-content .left-content .single-block-cont .user-review-outer p {
                font-size: 1.5rem;
                line-height: 2.2rem;
                color: var(--black-666);
                padding: 1.5rem 0;
            }

                .page-main-content .left-content .single-block-cont .user-review-outer p b {
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--black-666);
                    padding: 0 0 1rem 0;
                    display: flex;
                    font-weight: 600;
                }

                    .page-main-content .left-content .single-block-cont .user-review-outer p b span {
                        padding: 0 6px;
                        background-color: var(--yellow);
                        margin: 0 0 0 4px;
                        border-radius: 3px;
                        color: var(--black);
                    }

        .page-main-content .left-content .single-block-cont .write-outer {
        }

        .page-main-content .left-content .single-block-cont .write-outer {
            border: solid 1px var(--gray-e4e4e4);
            padding: 2rem 4rem;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            margin: 0 0 2rem 0;
        }

            .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld {
                position: relative;
                padding: 0 0 1rem 0;
            }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld label {
                    font-size: 1.3rem;
                    line-height: 2rem;
                    color: var(--black-666);
                }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld input[type="text"] {
                    width: 100%;
                    padding: 1rem;
                    background-color: var(--black-f1f1f1);
                    border: solid 1px var(--black-ccc);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    height: 4rem;
                    font-size: 1.6rem;
                    color: var(--black);
                }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld a.drop {
                    position: absolute;
                    right: 8px;
                    top: 27px;
                    z-index: 1;
                }

                    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld a.drop span {
                        font-size: 2.6rem;
                        color: var(--black-999);
                    }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .down-arrow-list {
                    position: absolute;
                    left: 0;
                    top: 58px;
                    z-index: 10;
                    background-color: var(--white);
                    border: solid 1px var(--gray-e4e4e4);
                    width: 100%;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                }

                    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .down-arrow-list ul {
                        margin: 0px;
                        padding: 0px;
                        height: 150px;
                        overflow-y: scroll;
                    }

                        .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .down-arrow-list ul li {
                            padding: 0px;
                            margin: 0px;
                        }

                            .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .down-arrow-list ul li a {
                                display: flex;
                                padding: 1rem;
                                font-size: 1.5rem;
                                line-height: 2rem;
                                color: var(--black-666);
                                border-bottom: solid 1px var(--gray-e4e4e4);
                                transition: 1s;
                            }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer {
                    padding: 1rem 0;
                }

                    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer ul {
                        padding: 0px;
                        margin: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                    }

                        .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer ul li {
                        }

                            .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer ul li a {
                                display: block;
                            }

                                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer ul li a span {
                                    font-size: 3rem;
                                    color: var(--black-ccc);
                                }

                                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer ul li a.active span, .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .star-outer ul li a:hover span {
                                    color: var(--yellow);
                                }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld textarea {
                    width: 100%;
                    padding: 1rem;
                    background-color: var(--black-f1f1f1);
                    border: solid 1px var(--black-ccc);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    height: 8rem;
                    font-size: 1.6rem;
                    color: var(--black);
                }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .thankyou-outer {
                    padding: 1.5rem;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    column-gap: 2rem;
                }

                    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .thankyou-outer figure {
                        padding: 0 0 1rem 0;
                        text-align: center;
                        margin: auto;
                    }

                        .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .thankyou-outer figure span {
                            font-size: 5rem;
                            color: var(--green);
                        }

                    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .thankyou-outer p {
                        font-size: 1.6rem;
                        line-height: 2.4rem;
                        color: var(--black-666);
                        text-align: center;
                        margin: auto;
                    }

                        .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .thankyou-outer p.red {
                            color: var(--red);
                        }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .btn-outer {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    padding: 2rem 0 0 0;
                }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .count {
                    position: absolute;
                    z-index: 10;
                    top: 10.5rem;
                    right: 0;
                    font-size: 1.4rem;
                    color: var(--black-666);
                    padding: 0.5rem 1rem;
                    background-color: var(--black-f1f1f1);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                }

                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .upload-photo-outer {
                    padding: 1.5rem 0;
                }

                    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .upload-photo-outer ul {
                        padding: 0;
                        margin: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        flex-wrap: wrap;
                        column-gap: 2rem;
                    }

                        .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .upload-photo-outer ul li {
                            font-size: 1.4rem;
                            line-height: 2rem;
                            color: var(--black-666);
                        }

                            .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .upload-photo-outer ul li .upload-photo a {
                                font-size: 1.4rem;
                                line-height: 2rem;
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                padding: 0.5rem 1rem;
                                border: solid 1px var(--black-ccc);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                            }

                                .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .upload-photo-outer ul li .upload-photo a span {
                                    font-size: 1.8rem;
                                    line-height: 2rem;
                                    color: var(--black-999);
                                    margin: 0 1rem 0 0;
                                }

.uploaded-photo-show {
}

    .uploaded-photo-show .subtitle {
        font-size: 1.6rem;
        color: Var(--black);
        padding: 1rem 1rem 1rem 0;
    }

    .uploaded-photo-show ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 2rem;
    }

        .uploaded-photo-show ul li {
            margin: 0 0 1rem 0;
            padding: 0px;
        }

            .uploaded-photo-show ul li a {
                display: block;
                width: 10rem;
                height: 10rem;
            }

                .uploaded-photo-show ul li a img {
                    width: 10rem;
                    height: 10rem;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                }

.page-main-content .left-content .single-block-cont .view-more-txt {
    padding: 1.5rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .page-main-content .left-content .single-block-cont .view-more-txt::before {
        width: 100%;
        content: '';
        position: absolute;
        top: 34px;
        border-top: dashed 1px var(--black-e4e4e4);
        z-index: 0
    }

    .page-main-content .left-content .single-block-cont .view-more-txt a {
        padding: 1rem 1.5rem;
        display: block;
        font-size: 1.4rem;
        line-height: 1.4rem;
        color: var(--blue);
        background-color: var(--white);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: solid 1px var(--black-ccc);
        position: relative;
        z-index: 2;
    }

    .page-main-content .left-content .single-block-cont .view-more-txt.show {
        display: flex !important;
    }

.page-main-content .left-content .single-block-cont .faq-outer {
    padding: 2rem 0;
}

    .page-main-content .left-content .single-block-cont .faq-outer ul {
        padding: 0px;
        margin: 0px;
    }

        .page-main-content .left-content .single-block-cont .faq-outer ul li {
            margin: 0px;
            padding: 0 0 1.5rem 0;
        }

            .page-main-content .left-content .single-block-cont .faq-outer ul li h3 {
                padding: 0px;
                margin: 0px;
            }

                .page-main-content .left-content .single-block-cont .faq-outer ul li h3 .ques-txt {
                    display: block;
                    padding: 1.5rem 3rem 1.5rem 1.5rem;
                    font-size: 1.6rem;
                    line-height: 2.2rem;
                    color: var(--black);
                    border: solid 1px var(--black-e4e4e4);
                    -webkit-border-top-left-radius: 4px;
                    -webkit-border-top-right-radius: 4px;
                    -moz-border-radius-top-left: 4px;
                    -moz-border-radius-top-right: 4px;
                    border-top-left-radius: 4px;
                    border-top-right-radius: 4px;
                    position: relative;
                    background: url(https://usimg.sulekha.io/cdn/others/images/others_2025-05-06-07-58-48-883.png) no-repeat 99% center;
                }

                    .page-main-content .left-content .single-block-cont .faq-outer ul li h3 .ques-txt .arrows {
                        position: absolute;
                        top: 17px;
                        right: 5px;
                        z-index: 5;
                    }

                        .page-main-content .left-content .single-block-cont .faq-outer ul li h3 .ques-txt .arrows span {
                            font-size: 2rem;
                            font-weight: 600;
                            color: var(--black-666);
                        }

                    .page-main-content .left-content .single-block-cont .faq-outer ul li h3 .ques-txt.active .arrows span {
                        animation: rotate180 0.5s ease-in-out forwards;
                    }

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

    100% {
        transform: rotate(180deg);
    }
}

.page-main-content .left-content .single-block-cont .faq-outer ul li .answ {
    display: none;
    border: solid 1px var(--black-e4e4e4);
    border-top: none;
    padding: 1.5rem;
    background-color: var(--black-f9f9f9);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .page-main-content .left-content .single-block-cont .faq-outer ul li .answ.show {
        display: block;
    }

    .page-main-content .left-content .single-block-cont .faq-outer ul li .answ .sub-title {
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--black);
        font-weight: 600;
        padding: 1rem 0;
    }

    .page-main-content .left-content .single-block-cont .faq-outer ul li .answ p {
        font-size: 1.4rem;
        line-height: 2rem;
        color: var(--black-333);
        padding: 0 0 1rem 0;
    }

    .page-main-content .left-content .single-block-cont .faq-outer ul li .answ ul {
        margin: 1rem 0;
        padding: 0px;
    }

        .page-main-content .left-content .single-block-cont .faq-outer ul li .answ ul li {
            margin: 0 0 1rem 3rem;
            padding: 0px;
            list-style: circle;
            font-size: 1.5rem;
            line-height: 2rem;
            color: var(--black-333);
        }

.page-main-content .left-content .single-block-cont .seo-promo-content {
    padding: 0;
}

    .page-main-content .left-content .single-block-cont .seo-promo-content h2 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: var(--black);
        font-weight: 500;
        padding: 0 0 1rem 0;
    }

    .page-main-content .left-content .single-block-cont .seo-promo-content h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: var(--black);
        font-weight: 500;
        padding: 0 0 1rem 0;
    }

    .page-main-content .left-content .single-block-cont .seo-promo-content p {
        font-size: 1.5rem;
        line-height: 2.4rem;
        color: var(--black-666);
        padding: 0 0 1.5rem 0;
    }

    .page-main-content .left-content .single-block-cont .seo-promo-content ul {
        margin: 0px;
        padding: 1rem 0;
    }

        .page-main-content .left-content .single-block-cont .seo-promo-content ul li {
            margin: 0 0 0 25px;
            padding: 0 0 1.5rem 0;
            list-style: disc;
            font-size: 1.5rem;
            line-height: 2.4rem;
            color: var(--black-666);
        }

            .page-main-content .left-content .single-block-cont .seo-promo-content ul li strong {
                font-size: 1.5rem;
                line-height: 2.4rem;
                color: var(--black-333);
                font-weight: 600;
                padding: 0 0.5rem;
            }

.page-main-content .left-content .nearby-prop .btn-outer {
    flex-direction: row;
}

.single-promo-content {
    width: 144rem;
    margin: 0 auto;
    padding: 1rem 3rem;
    background-color: var(--white);
    border-bottom: solid 1px var(--gray-eee);
}

    .single-promo-content h2 {
        font-size: 2.4rem;
        line-height: 3rem;
        color: var(--black);
        padding: 0 0 1.5rem 0;
        font-weight: 600;
    }

    .single-promo-content .list-detail {
    }

        .single-promo-content .list-detail .title-txt {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 600;
            color: var(--black);
            padding: 0 0 1rem 0;
        }

        .single-promo-content .list-detail .single-list ul {
            padding: 0;
            margin: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 2rem;
            flex-wrap: wrap;
        }

            .single-promo-content .list-detail .single-list ul li {
                padding: 0 1rem 0 0;
                margin: 0 0 1rem 0;
                list-style: none;
                border-right: solid 1px var(--black-ccc);
            }

                .single-promo-content .list-detail .single-list ul li:last-child {
                    border-right: none;
                }

                .single-promo-content .list-detail .single-list ul li a {
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                    color: var(--black-666);
                    display: flex;
                    padding: 0;
                }

        .single-promo-content .list-detail .view-more-txt {
            padding: 1.5rem 0;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .single-promo-content .list-detail .view-more-txt::before {
                width: 100%;
                content: '';
                position: absolute;
                top: 34px;
                border-top: dashed 1px var(--gray-e4e4e4);
                z-index: 0
            }

            .single-promo-content .list-detail .view-more-txt a {
                padding: 1rem 1.5rem;
                display: block;
                font-size: 1.4rem;
                line-height: 1.4rem;
                color: var(--blue);
                background-color: var(--white);
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                border: solid 1px var(--gray-ccc);
                position: relative;
                z-index: 2;
            }

            .single-promo-content .list-detail .view-more-txt.show {
                display: flex !important;
            }

    .single-promo-content .home-sale {
    }

        .single-promo-content .home-sale ul {
            margin: 0px;
            padding: 0 0 1rem 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            column-gap: 2rem;
            flex-wrap: wrap;
        }

            .single-promo-content .home-sale ul li {
                margin: 0 0 1.5rem 0;
                padding: 1rem;
                width: 32%;
                border: solid 1px var(--gray-ccc);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                .single-promo-content .home-sale ul li figure {
                    width: 100%;
                    height: 15rem;
                    overflow: hidden;
                }

                    .single-promo-content .home-sale ul li figure img {
                        width: 100%;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        height: 100%;
                    }

                    .single-promo-content .home-sale ul li figure a img {
                        width: 100%;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        height: 100%;
                    }

                .single-promo-content .home-sale ul li .cat-type {
                    display: inline-flex;
                    margin: 1rem 0 0 0;
                    background-color: var(--green);
                    color: var(--white);
                    font-size: 1.3rem;
                    line-height: 1.3rem;
                    line-height: 1.3rem;
                    padding: 3px 6px;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                }

                .single-promo-content .home-sale ul li h3 {
                    font-size: 1.8rem;
                    line-height: 2.2rem;
                    color: var(--black-333);
                    padding: 1rem;
                }

                    .single-promo-content .home-sale ul li h3 a {
                        font-size: 1.8rem;
                        line-height: 2.2rem;
                        color: var(--black-333);
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                    }

                .single-promo-content .home-sale ul li p {
                    font-size: 14px;
                    padding-bottom: 0;
                    color: var(--gray777);
                    line-height: 24px;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    height: 72px;
                }

                .single-promo-content .home-sale ul li .btn-outer {
                    padding: 1rem 0;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                    border-top: dashed 1px var(--gray-ccc);
                    padding: 1rem 0 0 0;
                    margin: 1rem 0 0 0;
                }

                    .single-promo-content .home-sale ul li .btn-outer .lt-button {
                    }

                    .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons {
                    }

                        .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul {
                            margin: 0px;
                            padding: 0px;
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-end;
                            column-gap: 1rem
                        }

                            .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li {
                                padding: 0px;
                                margin: 0px;
                            }

                                .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a {
                                }

                                    .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a span {
                                        display: inline-flex;
                                        padding: 0.5rem 1rem;
                                        margin: 0;
                                        -webkit-border-radius: 4px;
                                        -moz-border-radius: 4px;
                                        border-radius: 4px;
                                        transition: 1s;
                                    }

                                        .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a span .rate-icon {
                                            font-family: font-awesome;
                                            font-size: 2.5rem;
                                            line-height: 2.5rem;
                                            color: var(--black);
                                        }

                                    .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a b {
                                        font-size: 1.3rem;
                                        color: var(--black);
                                        font-weight: 500;
                                        text-align: center;
                                    }

                                    .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a span.call-phone {
                                        background-color: var(--red);
                                    }

                                        .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a span.call-phone .rate-icon {
                                            color: var(--white);
                                        }

                                    .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a span.whatsapp {
                                        background-color: var(--green);
                                        padding: 0.5rem 1rem;
                                    }

                                        .single-promo-content .home-sale ul li .btn-outer .rt-ser-buttons ul li a span.whatsapp .rate-icon {
                                            color: var(--white);
                                            font-size: 2.5rem;
                                        }

        .single-promo-content .home-sale .view-more-txt {
            padding: 1.5rem 0;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .single-promo-content .home-sale .view-more-txt::before {
                width: 100%;
                content: '';
                position: absolute;
                top: 34px;
                border-top: dashed 1px var(--gray-e4e4e4);
                z-index: 0
            }

            .single-promo-content .home-sale .view-more-txt a {
                padding: 1rem 1.5rem;
                display: block;
                font-size: 1.4rem;
                line-height: 1.4rem;
                color: var(--blue);
                background-color: var(--white);
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                border: solid 1px var(--gray-ccc);
                position: relative;
                z-index: 2;
            }

            .single-promo-content .home-sale .view-more-txt.show {
                display: flex !important;
            }

.menu-container-scroll {
    display: flex;
    align-items: center;
    background-color: var(--black-f5f5f5);
    margin: 1rem 0 1.5rem 0;
    padding: 1rem;
}

    .menu-container-scroll .menu-scroll {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        white-space: nowrap;
    }

        .menu-container-scroll .menu-scroll a {
            font-size: 1.6rem;
            line-height: 1.6rem;
            color: var(--black);
            padding: 1.5rem 1rem;
            border-bottom: solid 2px transparent;
        }

            .menu-container-scroll .menu-scroll a.active, .menu-container-scroll .menu-scroll a:hover {
                border-bottom: solid 2px var(--red);
                transition: 1s;
            }

    .menu-container-scroll a.orgcard-arrow-prev, .menu-container-scroll a.orgcard-arrow-next {
        background: var(--white);
        padding: 0.4rem 0.5rem;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
        height: 3rem;
    }

    .menu-container-scroll a span {
        font-size: 2rem;
        line-height: 2rem;
        color: var(--black);
    }
/* left content end here */
.page-main-content .right-content {
    width: 23%;
}

    .page-main-content .right-content .prop-agent-blk {
        background-color: var(--red-F6EDFF);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 2rem;
        margin: 0 0 2rem 0;
    }

        .page-main-content .right-content .prop-agent-blk h3 {
            font-size: 1.8rem;
            line-height: 2.2rem;
            font-weight: 600;
            color: var(--black);
            padding: 0 0 1.5rem 0;
            margin: 0px;
        }

        .page-main-content .right-content .prop-agent-blk .agent-main {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            column-gap: 1.5rem;
        }

            .page-main-content .right-content .prop-agent-blk .agent-main figure {
                width: 8rem;
                height: 8rem;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

                .page-main-content .right-content .prop-agent-blk .agent-main figure img {
                    width: 100%;
                    height: 100%;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

            .page-main-content .right-content .prop-agent-blk .agent-main .content {
                width: calc(100% - 8rem);
            }

                .page-main-content .right-content .prop-agent-blk .agent-main .content h4 {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    font-weight: 500;
                    color: var(--black-333);
                    padding: 0 0 0.5rem 0;
                    margin: 0px;
                }

                    .page-main-content .right-content .prop-agent-blk .agent-main .content h4 a {
                        font-size: 1.6rem;
                        line-height: 2rem;
                        font-weight: 500;
                        color: var(--black-333);
                    }

                .page-main-content .right-content .prop-agent-blk .agent-main .content .detail {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 0.8rem;
                    padding: 0 0 0.5rem 0;
                }

                    .page-main-content .right-content .prop-agent-blk .agent-main .content .detail p {
                        font-size: 1.4rem;
                        line-height: 2rem;
                        color: var(--black-333);
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-main .content .detail p span {
                            font-size: 1.2rem;
                            line-height: 1.6rem;
                            display: block;
                        }

        .page-main-content .right-content .prop-agent-blk .agent-veri {
        }

            .page-main-content .right-content .prop-agent-blk .agent-veri ul {
                margin: 0px;
                padding: 1rem 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1.5rem;
            }

                .page-main-content .right-content .prop-agent-blk .agent-veri ul li {
                    margin: 0px;
                    padding: 0px;
                    font-size: 1.3rem;
                    color: var(--black);
                }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .rating {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .rating a {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            background-color: var(--green);
                            padding: 0.4rem 0.8rem;
                            -webkit-border-radius: 3px;
                            -moz-border-radius: 3px;
                            border-radius: 3px;
                            font-size: 1.3rem;
                            line-height: 1.8rem;
                            color: var(--white);
                            font-weight: 600;
                        }

                            .page-main-content .right-content .prop-agent-blk .agent-veri ul li .rating a span {
                                font-size: 1.3rem;
                                color: var(--white);
                                padding: 0 0 0 0.5rem;
                            }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .rating b {
                            color: var(--black-666);
                            font-weight: 500;
                            font-size: 1.3rem;
                        }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .claimed {
                        font-size: 1.3rem;
                        font-weight: 600;
                        color: var(--black);
                        display: flex;
                        align-items: center;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .claimed span {
                            color: var(--black);
                            margin: 0 0.5rem 0 0;
                        }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .no-claimed {
                        font-size: 1.3rem;
                        font-weight: 600;
                        color: var(--black);
                        display: flex;
                        align-items: center;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .no-claimed span {
                            color: var(--black-999);
                            margin: 0 0.5rem 0 0;
                        }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .no-claimed a {
                            color: var(--blue);
                        }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .experience {
                        font-size: 1.3rem;
                        color: var(--black);
                        display: flex;
                        align-items: center;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .experience span {
                            color: var(--black-999);
                            margin: 0 0.5rem 0 0;
                        }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .busi-exp {
                        font-size: 1.3rem;
                        color: var(--black-666);
                        display: flex;
                        align-items: center;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .busi-exp span {
                            color: var(--black-999);
                            margin: 0 0.5rem 0 0;
                        }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .trust {
                        padding: 0 0 0 1rem;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .trust a {
                            display: block;
                            position: relative;
                            background-color: #FFF287;
                            padding: 0.5rem 1rem 0.5rem 3rem;
                            font-size: 1.3rem;
                            line-height: 1.3rem;
                            font-weight: 500;
                            color: var(--black);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                        }

                            .page-main-content .right-content .prop-agent-blk .agent-veri ul li .trust a span {
                                background-color: #FFF287;
                                position: absolute;
                                left: -8px;
                                top: -6px;
                                z-index: 2;
                                padding: 0.5rem;
                                -webkit-border-radius: 50px;
                                -moz-border-radius: 50px;
                                border-radius: 50px;
                            }

                                .page-main-content .right-content .prop-agent-blk .agent-veri ul li .trust a span img {
                                    width: 2.2rem;
                                }

                    .page-main-content .right-content .prop-agent-blk .agent-veri ul li .verified {
                        padding: 0 0 0 1rem;
                    }

                        .page-main-content .right-content .prop-agent-blk .agent-veri ul li .verified a {
                            display: block;
                            position: relative;
                            border: solid 2px #279EFF;
                            padding: 0.5rem 1.5rem 0.5rem 3.5rem;
                            font-size: 1.3rem;
                            line-height: 1.4rem;
                            font-weight: 500;
                            color: var(--black);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                        }

                            .page-main-content .right-content .prop-agent-blk .agent-veri ul li .verified a span {
                                border: solid 2px #279EFF;
                                position: absolute;
                                left: -8px;
                                top: -6px;
                                z-index: 2;
                                padding: 0.5rem;
                                -webkit-border-radius: 50px;
                                -moz-border-radius: 50px;
                                border-radius: 50px;
                                background-color: var(--white);
                            }

                                .page-main-content .right-content .prop-agent-blk .agent-veri ul li .verified a span img {
                                    width: 2rem;
                                }

        .page-main-content .right-content .prop-agent-blk p {
            font-size: 1.3rem;
            line-height: 1.8rem;
            color: var(--black-333);
            padding: 0 0 1rem 0;
            margin: 0px;
        }

            .page-main-content .right-content .prop-agent-blk p span {
                color: var(--black-666);
                margin: 0 0.5rem 0 0;
            }

        .page-main-content .right-content .prop-agent-blk .btn-outer {
            padding: 1rem 0;
        }

        .page-main-content .right-content .prop-agent-blk .agent-tour {
            background-color: #FFFFF0;
            margin: 1rem 0 0 0;
            padding: 1rem;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            column-gap: 0.5rem;
        }

            .page-main-content .right-content .prop-agent-blk .agent-tour p {
                font-size: 1.4rem;
                line-height: 2rem;
                color: var(--black);
                margin: 0px;
                padding: 0px;
            }

                .page-main-content .right-content .prop-agent-blk .agent-tour p a {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    color: var(--blue);
                    font-weight: 500;
                }

                    .page-main-content .right-content .prop-agent-blk .agent-tour p a span {
                        display: block;
                        color: var(--black-666);
                        font-size: 1.2rem;
                        line-height: 1.6rem;
                    }

    .page-main-content .right-content .contact-form {
        background-color: var(--white);
        border: solid 1px var(--black-e4e4e4);
        padding: 2rem 3rem 1rem 3rem;
        margin: 0 0 2rem 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: var(--white);
        z-index: 5;
    }
        /* contact form starts here */
        .page-main-content .right-content .contact-form.fix-position {
            position: sticky;
        }

        .page-main-content .right-content .contact-form .title {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 700;
            color: var(--black);
            padding: 0 0 1rem 0;
        }

        .page-main-content .right-content .contact-form .sub-title {
            font-size: 1.5rem;
            line-height: 1.8rem;
            font-weight: 400;
            color: var(--black-666);
            padding: 0 0 1rem 0;
        }

        .page-main-content .right-content .contact-form .single-frm-fld {
            position: relative;
            padding: 0 0 0.5rem 0;
        }

            .page-main-content .right-content .contact-form .single-frm-fld label {
                font-size: 1.3rem;
                line-height: 2rem;
                color: var(--black-666);
            }

            .page-main-content .right-content .contact-form .single-frm-fld input[type="text"] {
                width: 100%;
                padding: 1rem;
                background-color: var(--black-f1f1f1);
                border: solid 1px var(--black-ccc);
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                height: 4rem;
                font-size: 1.6rem;
                color: var(--black);
            }

            .page-main-content .right-content .contact-form .single-frm-fld a.drop {
                position: absolute;
                right: 8px;
                top: 27px;
                z-index: 1;
            }

                .page-main-content .right-content .contact-form .single-frm-fld a.drop span {
                    font-size: 2.6rem;
                    color: var(--black-999);
                }

            .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list {
                position: absolute;
                z-index: 10;
                left: 0;
                top: 58px;
                background-color: var(--white);
                border: solid 1px var(--black-e4e4e4);
                width: 100%;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
            }

                .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list .sub-txt {
                    width: 98%;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    z-index: 11;
                    background-color: rgba(216, 35, 42, 0.8);
                    padding: 0.5rem;
                    text-align: center;
                }

                    .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list .sub-txt a {
                        font-size: 1.4rem;
                        line-height: 1.8rem;
                        color: var(--white);
                    }

                .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul {
                    margin: 0px;
                    padding: 1rem 1rem 2rem 1rem;
                    height: 21rem;
                    overflow-y: scroll;
                }

                    .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li {
                        margin: 0 1rem 0 0;
                        padding: 0px;
                        list-style: none;
                        float: left;
                        position: relative;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li {
                        float: none;
                        margin: 0 0 0.5rem 0;
                    }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox] {
                            position: absolute;
                            visibility: hidden;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li label {
                            font-size: 1.4rem;
                            display: block;
                            position: relative;
                            font-weight: 400;
                            padding: 0px 25px 5px 25px;
                            margin: 0 auto;
                            height: auto;
                            z-index: 9;
                            cursor: pointer;
                            -webkit-transition: all 0.25s linear;
                            pointer-events: auto;
                            top: 2px;
                            color: #888;
                            left: 0px;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li:hover label {
                            color: #666;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li .check {
                            display: block;
                            position: absolute;
                            border: 1px solid #aaa;
                            height: 20px;
                            width: 20px;
                            top: 0;
                            left: 0px;
                            z-index: 5;
                            transition: border .25s linear;
                            -webkit-transition: border .25s linear;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li:hover .check {
                            border: 1px solid #333;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li.sen-ren label {
                            color: #333;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li .check::before {
                            display: block;
                            font-family: robotobold;
                            position: absolute;
                            content: '';
                            border-radius: 100%;
                            height: 10px;
                            width: 10px;
                            top: 3px;
                            left: 3px;
                            font-size: 13px;
                            color: #5bc199;
                            margin: auto;
                            transition: background 0.25s linear;
                            -webkit-transition: background 0.25s linear;
                            font-weight: bold;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox]:checked ~ .check {
                            border: 1px solid #5bc199;
                        }

                            .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox]:checked ~ .check::before {
                                content: "\f00c";
                                font-family: 'fontawesome';
                            }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox]:checked ~ label {
                            color: #5bc199;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:not(:checked) + label:before, .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:before {
                            opacity: 0;
                            border: #fff;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:before, .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="radio"]:checked + label:before, .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"] + label:hover:before, .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="radio"] + label:hover:before {
                            display: none;
                        }

                        .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:after, .page-main-content .right-content .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:after {
                            opacity: 0;
                            border: #fff;
                        }

            .page-main-content .right-content .contact-form .single-frm-fld .city-list {
                height: 21.5rem;
                overflow-y: scroll;
                position: absolute;
                z-index: 10;
                left: 0;
                top: 58px;
                background-color: var(--white);
                border: solid 1px var(--gray-e4e4e4);
                width: 100%;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
            }

                .page-main-content .right-content .contact-form .single-frm-fld .city-list ul {
                    margin: 0px;
                    padding: 1rem 1rem 2rem 1rem;
                }

                    .page-main-content .right-content .contact-form .single-frm-fld .city-list ul li {
                        margin: 0 1rem 0 0;
                        padding: 0px;
                        list-style: none;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .city-list ul li {
                        float: none;
                        margin: 0 0 0.5rem 0;
                    }

                        .page-main-content .right-content .contact-form .single-frm-fld .city-list ul li a {
                            display: block;
                            font-size: 1.4rem;
                            line-height: 1.8rem;
                            color: var(--black);
                            padding: 0.5rem 1rem;
                            border-bottom: dotted 1px var(--gray-ccc);
                            transition: 1s;
                        }

                            .page-main-content .right-content .contact-form .single-frm-fld .city-list ul li a:hover {
                                background-color: var(--red);
                                color: var(--white);
                            }

            .page-main-content .right-content .contact-form .single-frm-fld.phone {
            }

                .page-main-content .right-content .contact-form .single-frm-fld.phone .two-fld {
                    display: flex;
                    flex-diretion: row;
                    justify-content: flex-start;
                    background-color: var(--black-f1f1f1);
                    border: solid 1px var(--black-ccc);
                    height: 4rem;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                }

                    .page-main-content .right-content .contact-form .single-frm-fld.phone .two-fld .lt-select {
                        width: 35%;
                        padding: 0;
                    }

                        .page-main-content .right-content .contact-form .single-frm-fld.phone .two-fld .lt-select select {
                            width: 100%;
                            height: auto;
                            border: none;
                            background-image: none !important;
                            background-color: transparent !important;
                            font-size: 1.4rem;
                            padding: 1rem;
                            appearance: auto;
                        }

                    .page-main-content .right-content .contact-form .single-frm-fld.phone .two-fld .rt-input {
                        width: 65%;
                        padding: 0 0 0 1rem;
                        border-left: solid 1px var(--black-ccc);
                    }

                        .page-main-content .right-content .contact-form .single-frm-fld.phone .two-fld .rt-input input[type="text"] {
                            width: 100%;
                            border: none;
                            background-color: transparent;
                            padding: 1rem;
                            height: 4rem;
                        }

            .page-main-content .right-content .contact-form .single-frm-fld .multi-select {
            }

                .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li {
                    float: none;
                    margin: 0.5rem 0 1rem 0;
                }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type=checkbox] {
                        position: absolute;
                        visibility: hidden;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li label {
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        display: block;
                        position: relative;
                        font-weight: 400;
                        padding: 0px 25px 5px 25px;
                        margin: 0 auto;
                        height: auto;
                        z-index: 9;
                        cursor: pointer;
                        -webkit-transition: all 0.25s linear;
                        pointer-events: auto;
                        top: 2px;
                        color: #888;
                        left: 0px;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li:hover label {
                        color: #666;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li .check {
                        display: block;
                        position: absolute;
                        border: 1px solid #aaa;
                        height: 20px;
                        width: 20px;
                        top: 2px;
                        left: 0px;
                        z-index: 5;
                        transition: border .25s linear;
                        -webkit-transition: border .25s linear;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li:hover .check {
                        border: 1px solid #333;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li.sen-ren label {
                        color: #333;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li .check::before {
                        display: block;
                        font-family: robotobold;
                        position: absolute;
                        content: '';
                        border-radius: 100%;
                        height: 10px;
                        width: 10px;
                        top: 3px;
                        left: 3px;
                        font-size: 13px;
                        color: #5bc199;
                        margin: auto;
                        transition: background 0.25s linear;
                        -webkit-transition: background 0.25s linear;
                        font-weight: bold;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type=checkbox]:checked ~ .check {
                        border: 1px solid #5bc199;
                    }

                        .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type=checkbox]:checked ~ .check::before {
                            content: "\f00c";
                            font-family: 'fontawesome';
                        }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type=checkbox]:checked ~ label {
                        color: #5bc199;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:not(:checked) + label:before, .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:before {
                        opacity: 0;
                        border: #fff;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:before, .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="radio"]:checked + label:before, .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"] + label:hover:before, .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="radio"] + label:hover:before {
                        display: none;
                    }

                    .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:after, .page-main-content .right-content .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:after {
                        opacity: 0;
                        border: #fff;
                    }

            .page-main-content .right-content .contact-form .single-frm-fld.alert label {
                color: var(--red);
            }

            .page-main-content .right-content .contact-form .single-frm-fld.alert input[type="text"] {
                border: solid 1px var(--red);
            }

            .page-main-content .right-content .contact-form .single-frm-fld.phone.alert .two-fld {
                border: solid 1px var(--red);
            }

                .page-main-content .right-content .contact-form .single-frm-fld.phone.alert .two-fld .rt-input {
                    border-left: solid 1px var(--red);
                }

            .page-main-content .right-content .contact-form .single-frm-fld .exp-txt {
                opacity: 0;
                font-size: 1.1rem;
                line-height: 1.2rem;
                color: var(--red);
            }

            .page-main-content .right-content .contact-form .single-frm-fld.alert .exp-txt {
                opacity: 1;
                font-size: 1.1rem;
                line-height: 1.2rem;
                color: var(--red);
                padding: 2px 0 0 0;
            }

            .page-main-content .right-content .contact-form .single-frm-fld textarea {
                width: 100%;
                padding: 1rem;
                background-color: var(--black-f1f1f1);
                border: solid 1px var(--black-ccc);
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                height: 6rem;
                font-size: 1.6rem;
                color: var(--black);
                resize: none;
            }

        .page-main-content .right-content .contact-form .btn-outer {
            padding: 1rem 0;
        }

            .page-main-content .right-content .contact-form .btn-outer a {
                text-align: center;
                -webkit-border-radius: 5px !important;
                -moz-border-radius: 5px !important;
                border-radius: 5px !important;
            }

                .page-main-content .right-content .contact-form .btn-outer a.loading-ser {
                    pointer-events: none;
                }

                .page-main-content .right-content .contact-form .btn-outer a .loader {
                    display: flex;
                    gap: 10px;
                    justify-content: center;
                    align-items: center;
                }

                .page-main-content .right-content .contact-form .btn-outer a .circle {
                    width: 15px;
                    height: 15px;
                    background-color: #fff;
                    border-radius: 50%;
                    animation: bounce 1.2s infinite ease-in-out;
                }

                    .page-main-content .right-content .contact-form .btn-outer a .circle:nth-child(2) {
                        animation-delay: 0.2s;
                    }

                    .page-main-content .right-content .contact-form .btn-outer a .circle:nth-child(3) {
                        animation-delay: 0.4s;
                    }

                    .page-main-content .right-content .contact-form .btn-outer a .circle:nth-child(4) {
                        animation-delay: 0.6s;
                    }

        .page-main-content .right-content .contact-form .tc-apply {
            padding: 0.5rem 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
        }

            .page-main-content .right-content .contact-form .tc-apply a {
                font-size: 1.3rem;
                color: var(--black-999);
                transition: 1s;
            }

                .page-main-content .right-content .contact-form .tc-apply a:hover {
                    color: var(--black-666);
                }

        .page-main-content .right-content .contact-form .verification-outer {
            background-color: var(--green-F2FFE9);
            padding: 1rem;
        }

            .page-main-content .right-content .contact-form .verification-outer p {
                padding: 1rem 0 0 0;
                font-size: 1.5rem;
                line-height: 2rem;
                color: var(--black-333);
            }

                .page-main-content .right-content .contact-form .verification-outer p b {
                    color: var(--red);
                    display: block;
                }

            .page-main-content .right-content .contact-form .verification-outer .send-otp-as {
                width: auto;
                margin: 1rem 0;
            }

                .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: flex-start;
                }

                    .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li {
                        margin: 0px;
                        padding: 0px;
                        position: relative;
                    }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type=radio] {
                            position: absolute;
                            visibility: hidden;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li label {
                            display: block;
                            position: relative;
                            font-weight: 400;
                            font-size: 1.4rem;
                            padding: 0px 25px 5px 25px;
                            margin: 0 auto;
                            height: auto;
                            z-index: 9;
                            cursor: pointer;
                            -webkit-transition: all 0.25s linear;
                            pointer-events: auto;
                            top: 4px;
                            color: var(--clr-primary-black);
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li:hover label {
                            color: #333;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li .check {
                            display: block;
                            position: absolute;
                            border: 2px solid #aaa;
                            border-radius: 100%;
                            height: 20px;
                            width: 20px;
                            top: 0;
                            left: 0;
                            z-index: 5;
                            transition: border .25s linear;
                            -webkit-transition: border .25s linear;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li:hover .check {
                            border: 2px solid #333;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li .check::before {
                            display: block;
                            font-family: robotobold;
                            position: absolute;
                            content: '';
                            border-radius: 100%;
                            height: 10px;
                            width: 10px;
                            top: 3px;
                            left: 3px;
                            margin: auto;
                            transition: background 0.25s linear;
                            -webkit-transition: background 0.25s linear;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type=radio]:checked ~ .check {
                            border: 2px solid #5bc199;
                        }

                            .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type=radio]:checked ~ .check::before {
                                background: #5bc199;
                            }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type=radio]:checked ~ label {
                            color: #5bc199;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type="radio"]:not(:checked) + label:before, .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type="radio"]:checked + label:before {
                            opacity: 0;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type="radio"]:checked + label:after, .page-main-content .right-content .contact-form .verification-outer .send-otp-as ul li input[type="checkbox"]:checked + label:after {
                            opacity: 0;
                        }

            .page-main-content .right-content .contact-form .verification-outer .number-code {
                padding: 1rem 0;
            }

                .page-main-content .right-content .contact-form .verification-outer .number-code ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: column;
                }

                    .page-main-content .right-content .contact-form .verification-outer .number-code ul li {
                        margin: 0 0 1rem 0;
                        padding: 0px;
                    }

                        .page-main-content .right-content .contact-form .verification-outer .number-code ul li label {
                            font-size: 1.3rem;
                            line-height: 1.8rem;
                            color: var(--black-666);
                            display: block;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .number-code ul li input[type=text] {
                            width: 100%;
                        }

                        .page-main-content .right-content .contact-form .verification-outer .number-code ul li .btn-outer {
                            display: flex;
                            padding: 0;
                        }

                            .page-main-content .right-content .contact-form .verification-outer .number-code ul li .btn-outer a {
                                margin: 0 1.5rem 0 0;
                            }

                        .page-main-content .right-content .contact-form .verification-outer .number-code ul li.alert label {
                            color: var(--red);
                        }

                        .page-main-content .right-content .contact-form .verification-outer .number-code ul li.alert input[type=text] {
                            border: solid 1px var(--red);
                        }

        .page-main-content .right-content .contact-form .thankyou-blk {
            background-color: var(--green-F2FFE9);
            padding: 1rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .page-main-content .right-content .contact-form .thankyou-blk figure {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: auto;
            }

                .page-main-content .right-content .contact-form .thankyou-blk figure span {
                    font-size: 5rem;
                    color: var(--green);
                }

            .page-main-content .right-content .contact-form .thankyou-blk p {
                font-size: 2rem;
                line-height: 3rem;
                color: var(--green);
                padding: 1rem 0;
            }

        .page-main-content .right-content .contact-form .other-busi-promo {
            padding: 2rem 1rem;
            border: solid 1px var(--black-ccc);
            margin: 2rem 0 0 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .page-main-content .right-content .contact-form .other-busi-promo h3 {
                font-size: 1.8rem;
                line-height: 2.4rem;
                color: var(--black);
                padding: 0 0 1rem 1.5rem;
                margin: 0px;
                font-weight: 600;
            }

            .page-main-content .right-content .contact-form .other-busi-promo p {
                font-size: 1.3rem;
                line-height: 1.8rem;
                color: var(--black-666);
                padding: 0 0 1rem 1.5rem;
            }

            .page-main-content .right-content .contact-form .other-busi-promo ul {
                margin: 1rem 0 0 0;
                padding: 0px;
            }

                .page-main-content .right-content .contact-form .other-busi-promo ul li {
                    margin: 1rem;
                    padding: 0 0 1rem 0;
                    border-bottom: solid 1px var(--black-e4e4e4);
                }

                    .page-main-content .right-content .contact-form .other-busi-promo ul li:last-child {
                        border-bottom: none;
                        margin: 1rem 0 0 0;
                        padding: 0px;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo ul li .title-txt {
                        font-size: 1.5rem;
                        line-height: 2rem;
                        color: var(--black-333);
                        padding: 0 0 0.5rem 1.5rem;
                        font-weight: 500;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo ul li .link-outer {
                        margin: 0 0 0 1rem;
                    }

                        .page-main-content .right-content .contact-form .other-busi-promo ul li .link-outer a {
                            margin: 1rem 0 0 0;
                            padding: 0.5rem 1rem;
                            display: inline-flex;
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                            background-color: var(--red);
                            color: var(--white);
                        }

            .page-main-content .right-content .contact-form .other-busi-promo .multi-select {
                position: relative;
                margin: 0 0 0 1.5rem;
            }

                .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li {
                    float: none;
                    margin: 0.5rem 0 1rem 0;
                    border: none;
                }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type=checkbox] {
                        position: absolute;
                        visibility: hidden;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li label {
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        display: block;
                        position: relative;
                        font-weight: 400;
                        padding: 0px 25px 5px 25px;
                        margin: 0 auto;
                        height: auto;
                        z-index: 9;
                        cursor: pointer;
                        -webkit-transition: all 0.25s linear;
                        pointer-events: auto;
                        top: 2px;
                        color: #888;
                        left: 0px;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li:hover label {
                        color: #666;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li .check {
                        display: block;
                        position: absolute;
                        border: 1px solid #aaa;
                        height: 20px;
                        width: 20px;
                        top: -1px;
                        left: 0px;
                        z-index: 5;
                        transition: border .25s linear;
                        -webkit-transition: border .25s linear;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li:hover .check {
                        border: 1px solid #333;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li.sen-ren label {
                        color: #333;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li .check::before {
                        display: block;
                        font-family: robotobold;
                        position: absolute;
                        content: '';
                        border-radius: 100%;
                        height: 10px;
                        width: 10px;
                        top: 3px;
                        left: 3px;
                        font-size: 13px;
                        color: #5bc199;
                        margin: auto;
                        transition: background 0.25s linear;
                        -webkit-transition: background 0.25s linear;
                        font-weight: bold;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type=checkbox]:checked ~ .check {
                        border: 1px solid #5bc199;
                    }

                        .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type=checkbox]:checked ~ .check::before {
                            content: "\f00c";
                            font-family: 'fontawesome';
                        }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type=checkbox]:checked ~ label {
                        color: #5bc199;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:not(:checked) + label:before, .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:before {
                        opacity: 0;
                        border: solid 1px var(--white);
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:before, .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="radio"]:checked + label:before, .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"] + label:hover:before, .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="radio"] + label:hover:before {
                        display: none;
                    }

                    .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:after, .page-main-content .right-content .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:after {
                        opacity: 0;
                        border: #fff;
                    }

            .page-main-content .right-content .contact-form .other-busi-promo ul li .phone-list {
                width: 100%;
                margin: 0 0 0.5rem 1rem;
            }

                .page-main-content .right-content .contact-form .other-busi-promo ul li .phone-list ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                }

                    .page-main-content .right-content .contact-form .other-busi-promo ul li .phone-list ul li {
                        margin: 0px;
                        padding: 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: flex-start;
                        column-gap: 1rem;
                        font-size: 1.4rem;
                        color: var(--black-666);
                        border: none
                    }

                        .page-main-content .right-content .contact-form .other-busi-promo ul li .phone-list ul li span {
                            font-size: 1.4rem;
                            color: var(--black-666);
                        }
    /* contact form end here */
    .page-main-content .right-content .common-service {
        background-color: var(--white);
        border: solid 1px var(--black-e4e4e4);
        padding: 2rem;
        margin: 0 0 2rem 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .page-main-content .right-content .common-service .title-txt {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 500;
            color: var(--black);
            padding: 0 0 1rem 0;
        }

        .page-main-content .right-content .common-service .map-image {
        }

            .page-main-content .right-content .common-service .map-image figure {
                width: 100%;
            }

                .page-main-content .right-content .common-service .map-image figure img {
                    height: 100%;
                }

        .page-main-content .right-content .common-service .group-details ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

            .page-main-content .right-content .common-service .group-details ul li {
                padding: 0 0 1rem 0;
                margin: 0px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1rem;
            }

                .page-main-content .right-content .common-service .group-details ul li span {
                    width: 2.5rem;
                }

                    .page-main-content .right-content .common-service .group-details ul li span img {
                        width: 20px;
                        height: 20px;
                    }

                .page-main-content .right-content .common-service .group-details ul li b {
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                    color: var(--black-666);
                    font-weight: 400;
                    width: calc(100% - 3rem);
                }

        .page-main-content .right-content .common-service .single-busi-offer {
            padding: 1rem;
            background-color: #FFFBDE;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            margin: 0 0 1rem 0;
        }

            .page-main-content .right-content .common-service .single-busi-offer h3 {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                padding: 0 0 1rem 0;
                margin: 0px;
                column-gap: 0.5rem;
            }

                .page-main-content .right-content .common-service .single-busi-offer h3 span {
                    font-size: 2rem;
                    line-height: 2rem;
                    color: var(--black-999);
                }

                .page-main-content .right-content .common-service .single-busi-offer h3 a {
                    width: calc(100% - 2rem);
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                    color: var(--blue);
                    font-weight: 500;
                }

            .page-main-content .right-content .common-service .single-busi-offer .my-busi {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                column-gap: 1rem;
                margin: 0;
                padding: 0 0 0.5rem 0;
            }

                .page-main-content .right-content .common-service .single-busi-offer .my-busi span {
                    font-size: 2rem;
                    line-height: 2rem;
                    color: var(--black-999);
                }

                .page-main-content .right-content .common-service .single-busi-offer .my-busi a {
                    width: calc(100% - 2rem);
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--black-666);
                    font-weight: 400;
                }

            .page-main-content .right-content .common-service .single-busi-offer .btn-outer {
                border-top: dashed 1px var(--black-999);
                padding: 1rem 0 0 0;
                margin: 1rem 0 0 0;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }

                .page-main-content .right-content .common-service .single-busi-offer .btn-outer .left {
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--green);
                    font-weight: 600;
                }

                .page-main-content .right-content .common-service .single-busi-offer .btn-outer .right {
                }

                    .page-main-content .right-content .common-service .single-busi-offer .btn-outer .right a {
                        font-size: 1.3rem;
                        line-height: 1.3rem;
                        color: var(--red);
                        display: flex;
                        padding: 0.2rem 0.5rem;
                        border: solid 1px var(--red);
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

    .page-main-content .right-content .rt-promo {
        background-color: var(--white);
        border: solid 1px var(--black-e4e4e4);
        padding: 1rem;
        margin: 0 0 2rem 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .page-main-content .right-content .rt-promo a img {
            width: 100%;
            height: 100%;
        }
    /* right side Form end here */
    /* Right side agent details starts here */
    .page-main-content .right-content .rt-com-outer {
        background-color: var(--white);
        border: solid 1px var(--black-e4e4e4);
        padding: 2rem 2rem 1rem 2rem;
        margin: 0 0 2rem 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .page-main-content .right-content .rt-com-outer .title {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 500;
            color: var(--black);
            padding: 0 0 1rem 0;
        }

        .page-main-content .right-content .rt-com-outer .single-link ul {
            padding: 0 0 0.5rem 0;
            margin: 0 0 1.5rem 0;
            border-bottom: solid 1px var(--black-e4e4e4);
        }

            .page-main-content .right-content .rt-com-outer .single-link ul li {
                padding: 0 0 1rem 0;
                margin: 0px;
                list-style: none;
            }

                .page-main-content .right-content .rt-com-outer .single-link ul li a {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 15px;
                    font-size: 1.5rem;
                    color: var(--blue);
                }

                    .page-main-content .right-content .rt-com-outer .single-link ul li a span {
                        font-size: 2rem;
                        animation: wobble 1.5s infinite;
                        color: var(--blue);
                    }

                    .page-main-content .right-content .rt-com-outer .single-link ul li a b {
                        font-weight: 400;
                    }

        .page-main-content .right-content .rt-com-outer .single-link p {
            font-size: 1.5rem;
            line-height: 2.2rem;
            color: var(--black-666);
            padding: 0 0 1.5rem 0;
        }

        .page-main-content .right-content .rt-com-outer .two-link {
            position: relative;
        }

            .page-main-content .right-content .rt-com-outer .two-link ul {
                position: relative;
                padding: 0 0 0.5rem 0;
                margin: 0 0 1.5rem 0;
                border-bottom: solid 1px var(--black-e4e4e4);
                display: flex;
                flex-direction: row;
                list-style: none;
                justify-content: space-between;
                align-items: center;
            }

                .page-main-content .right-content .rt-com-outer .two-link ul li {
                    padding: 0 0 1rem 0;
                    margin: 0px;
                    list-style: none;
                    display: flex;
                    column-gap: 5px;
                    align-items: center;
                }

                    .page-main-content .right-content .rt-com-outer .two-link ul li span {
                        font-weight: normal;
                        color: var(--black-666);
                        font-size: 2rem;
                    }

                    .page-main-content .right-content .rt-com-outer .two-link ul li b {
                        font-weight: normal;
                        font-size: 1.4rem;
                        color: var(--black-666);
                    }

                    .page-main-content .right-content .rt-com-outer .two-link ul li a {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 5px;
                        font-size: 1.5rem;
                        color: var(--blue);
                    }

                        .page-main-content .right-content .rt-com-outer .two-link ul li a span {
                            font-size: 2rem;
                            color: var(--blue);
                        }

                        .page-main-content .right-content .rt-com-outer .two-link ul li a b {
                            font-weight: 400;
                        }

                    .page-main-content .right-content .rt-com-outer .two-link ul li .time-opened {
                        font-size: 1.2rem;
                        line-height: 1.6rem;
                        color: var(--white);
                        background-color: var(--green);
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        padding: 2px 5px;
                    }

                    .page-main-content .right-content .rt-com-outer .two-link ul li .time-closed {
                        font-size: 1.2rem;
                        line-height: 1.6rem;
                        color: var(--white);
                        background-color: var(--red);
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        padding: 2px 5px;
                    }

            .page-main-content .right-content .rt-com-outer .two-link .links-copied {
                display: none;
                position: absolute;
                z-index: 10;
                width: 100%;
                left: 1px;
                top: 40px;
                background-color: var(--black);
                padding: 1rem;
                width: 100%;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                font-size: 1.4rem;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                .page-main-content .right-content .rt-com-outer .two-link .links-copied.show-div {
                    display: flex;
                }

                .page-main-content .right-content .rt-com-outer .two-link .links-copied b {
                    color: var(--white);
                    font-weight: 500;
                }

                .page-main-content .right-content .rt-com-outer .two-link .links-copied a {
                    font-size: 1.3rem;
                    line-height: 1.3rem;
                    padding: 0.4rem;
                    display: inline-flex;
                    background-color: var(--orange);
                    color: var(--white);
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                }

        .page-main-content .right-content .rt-com-outer .single-black-link ul {
            padding: 0 0 0.5rem 0;
            margin: 0 0 1.5rem 0;
            border-bottom: solid 1px var(--black-e4e4e4);
        }

            .page-main-content .right-content .rt-com-outer .single-black-link ul li {
                padding: 0 0 1rem 0;
                margin: 0px;
                list-style: none;
            }

                .page-main-content .right-content .rt-com-outer .single-black-link ul li a {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 15px;
                    font-size: 1.5rem;
                    color: var(--black-666);
                }

                    .page-main-content .right-content .rt-com-outer .single-black-link ul li a span {
                        font-size: 2rem;
                        color: var(--blue);
                    }

                    .page-main-content .right-content .rt-com-outer .single-black-link ul li a b {
                        font-weight: 400;
                    }

                .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list {
                    padding: 1.5rem 0 0 0;
                }

                .page-main-content .right-content .rt-com-outer .single-black-link ul li span.rot-arr {
                    transition: transform 0.6s ease-in-out;
                    transform: rotate(180deg);
                }

                .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list {
                    background-color: var(--gray-F5F5F5);
                    margin: 1.5rem 0 0 0;
                    padding: 1rem;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                    display: none;
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: flex-start;
                }

                    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list.show-list {
                        display: flex;
                    }

                    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list a {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                    }

                        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list a.more-link {
                            display: none;
                        }

                        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list a b {
                            font-size: 1.4rem;
                            font-weight: 500;
                            line-height: 1.6rem;
                            color: var(--black-333);
                        }

.social-icons-outer span {
    display: block;
    padding: 0.5rem;
    margin: 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: 1s;
}

.page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span {
    display: block;
    padding: 0.5rem;
    margin: 0.5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: 1s;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span .rate-icon {
        font-family: font-awesome;
        font-size: 1.4rem;
        color: var(--black);
    }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.facebook {
        background-color: #1877F2;
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.facebook .rate-icon {
            color: var(--white);
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.twitter {
        background-color: #1DA1F2;
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.twitter .rate-icon {
            color: var(--white);
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.pintrest {
        background-color: #E60023;
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.pintrest .rate-icon {
            color: var(--white)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.copy-link {
        background-color: var(--yellow);
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.copy-link .rate-icon {
            color: var(--white)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.whatsapp-link {
        background-color: var(--whatsapp);
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.whatsapp-link .rate-icon {
            color: var(--white)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.sms-link {
        background-color: var(--blue-B2A5FF);
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.sms-link .rate-icon {
            color: var(--white)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.instagram-link {
        background-color: var(--instagram);
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.instagram-link .rate-icon {
            color: var(--white)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.linkedin-link {
        background-color: var(--linkedin);
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.linkedin-link .rate-icon {
            color: var(--white)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.more-option {
        background-color: var(--white);
    }

        .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.more-option .rate-icon {
            color: var(--black)
        }

    .page-main-content .right-content .rt-com-outer .single-black-link ul li .follow-list span.gmb {
        padding: 0.5rem 0px;
    }

.page-main-content .right-content .rt-com-outer .other-list {
}

    .page-main-content .right-content .rt-com-outer .other-list ul {
        padding: 0 0 0.5rem 0;
        margin: 0;
    }

        .page-main-content .right-content .rt-com-outer .other-list ul li {
            padding: 0 0 1.5rem 0;
            margin: 0 0 1.5rem 0;
            list-style: none;
            border-bottom: dotted 1px var(--black-ccc);
        }

            .page-main-content .right-content .rt-com-outer .other-list ul li a {
                font-size: 1.4rem;
                line-height: 1.8rem;
                color: var(--black-666);
            }

.page-main-content .right-content .rt-com-outer .view-more-txt {
    padding: 1rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .page-main-content .right-content .rt-com-outer .view-more-txt::before {
        width: 100%;
        content: '';
        position: absolute;
        top: 30px;
        border-top: dashed 1px var(--black-ccc);
        z-index: 0
    }

    .page-main-content .right-content .rt-com-outer .view-more-txt a {
        padding: 1rem 1.5rem;
        display: block;
        font-size: 1.4rem;
        line-height: 1.4rem;
        color: var(--blue);
        background-color: var(--white);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: solid 1px var(--black-ccc);
        position: relative;
        z-index: 2;
    }

    .page-main-content .right-content .rt-com-outer .view-more-txt.show {
        display: flex !important;
    }

.page-main-content .right-content .sponsor-outer {
    background-color: var(--white);
    border: solid 1px var(--black-e4e4e4);
    padding: 2rem;
    margin: 0 0 2rem 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .page-main-content .right-content .sponsor-outer .title {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--black);
        padding: 0 0 1rem 0;
    }

    .page-main-content .right-content .sponsor-outer .single-sponsor {
        padding: 0 0 1rem 0;
        margin: 0 0 1rem 0;
        border-bottom: dashed 1px var(--black-ccc);
    }

        .page-main-content .right-content .sponsor-outer .single-sponsor .top-con {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            column-gap: 1rem;
            padding: 0;
        }

            .page-main-content .right-content .sponsor-outer .single-sponsor .top-con figure {
                width: 10rem;
                height: 10rem;
                overflow: hidden;
            }

                .page-main-content .right-content .sponsor-outer .single-sponsor .top-con figure img {
                    width: 100%;
                    height: 100%;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

            .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content {
                width: calc(100% - 10rem);
            }

                .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content h3 {
                    margin: 0 0 0.6rem 0;
                    font-size: 1.5rem;
                    line-height: 1.6rem;
                    color: var(--black-333);
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content h3 a {
                        font-size: 1.5rem;
                        line-height: 1.8rem;
                        color: var(--black-333);
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content .area {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 0.5rem;
                    margin: 0 0 0.5rem 0;
                }

                    .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content .area a {
                        color: var(--blue);
                    }

                    .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content .area span {
                        font-size: 1.6rem;
                        line-height: 1.6rem;
                        color: var(--black-999);
                    }

                    .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content .area b {
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        color: var(--black-666);
                        font-weight: normal;
                    }

                .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content p {
                    font-size: 1.2rem;
                    line-height: 1.6rem;
                    color: var(--black-999);
                    margin: 0 0 0.5rem 0;
                }

                    .page-main-content .right-content .sponsor-outer .single-sponsor .top-con .rt-content p a {
                        color: var(--blue);
                    }

    .page-main-content .right-content .sponsor-outer .view-more-txt {
        padding: 1rem 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .page-main-content .right-content .sponsor-outer .view-more-txt::before {
            width: 100%;
            content: '';
            position: absolute;
            top: 30px;
            border-top: dashed 1px var(--black-ccc);
            z-index: 0;
        }

        .page-main-content .right-content .sponsor-outer .view-more-txt a {
            padding: 1rem 1.5rem;
            display: block;
            font-size: 1.4rem;
            line-height: 1.4rem;
            color: var(--blue);
            background-color: var(--white);
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            border: solid 1px var(--black-ccc);
            position: relative;
            z-index: 2;
        }

    .page-main-content .right-content .sponsor-outer .single-sponsor .btn-outer {
        width: 100%;
        margin: 1rem 0;
    }

        .page-main-content .right-content .sponsor-outer .single-sponsor .btn-outer a {
            display: block;
            text-align: center;
            font-size: 1.3rem;
            line-height: 1.3rem;
            color: var(--red);
            border: solid 1px var(--red);
            padding: 1rem;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            transition: 1s;
        }

            .page-main-content .right-content .sponsor-outer .single-sponsor .btn-outer a:hover {
                color: var(--white);
                background-color: var(--red);
            }


.page-main-content .right-content .common-service .single-property {
    padding: 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: dashed 1px var(--black-ccc);
}

    .page-main-content .right-content .common-service .single-property .top-con {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 1rem;
        padding: 0;
    }

        .page-main-content .right-content .common-service .single-property .top-con .rt-content {
        }

            .page-main-content .right-content .common-service .single-property .top-con .rt-content h3 {
                margin: 0 0 0.8rem 0;
                font-size: 1.5rem;
                line-height: 1.6rem;
                color: var(--black-333);
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .page-main-content .right-content .common-service .single-property .top-con .rt-content h3 a {
                    font-size: 1.7rem;
                    line-height: 2rem;
                    color: var(--blue);
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .page-main-content .right-content .common-service .single-property .top-con .rt-content .area {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 0.5rem;
                margin: 0 0 0.8rem 0;
            }

                .page-main-content .right-content .common-service .single-property .top-con .rt-content .area a {
                    color: var(--black-666);
                }

                .page-main-content .right-content .common-service .single-property .top-con .rt-content .area span {
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    color: var(--black-999);
                }

                .page-main-content .right-content .common-service .single-property .top-con .rt-content .area b {
                    font-size: 1.4rem;
                    line-height: 1.6rem;
                    color: var(--black-666);
                    font-weight: normal;
                }

            .page-main-content .right-content .common-service .single-property .top-con .rt-content p {
                font-size: 1.4rem;
                line-height: 1.6rem;
                color: var(--black-999);
                margin: 0 0 0.8rem 0;
            }

                .page-main-content .right-content .common-service .single-property .top-con .rt-content p a {
                    font-size: 1.4rem;
                    line-height: 1.6rem;
                    color: var(--blue);
                }

    .page-main-content .right-content .common-service .single-property .view-more-txt {
        padding: 1rem 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .page-main-content .right-content .common-service .single-property .view-more-txt::before {
            width: 100%;
            content: '';
            position: absolute;
            top: 30px;
            border-top: dashed 1px var(--black-ccc);
            z-index: 0;
        }

        .page-main-content .right-content .common-service .single-property .view-more-txt a {
            padding: 1rem 1.5rem;
            display: block;
            font-size: 1.4rem;
            line-height: 1.4rem;
            color: var(--blue);
            background-color: var(--white);
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            border: solid 1px var(--black-ccc);
            position: relative;
            z-index: 2;
        }

    .page-main-content .right-content .common-service .single-property .btn-outer {
        width: 100%;
        margin: 1rem 0;
    }

        .page-main-content .right-content .common-service .single-property .btn-outer a {
            display: block;
            text-align: center;
            font-size: 1.3rem;
            line-height: 1.3rem;
            color: var(--red);
            border: solid 1px var(--red);
            padding: 1rem;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            transition: 1s;
        }

            .page-main-content .right-content .common-service .single-property .btn-outer a:hover {
                color: var(--white);
                background-color: var(--red);
            }

    .page-main-content .right-content .common-service .single-property .home-serv {
        padding: 0.5rem 0 0 0;
    }

        .page-main-content .right-content .common-service .single-property .home-serv ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 1rem;
            flex-wrap: wrap;
        }

            .page-main-content .right-content .common-service .single-property .home-serv ul li {
                margin: 0px;
                padding: 0 0 1rem 0;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1rem;
                width: 48%;
            }

                .page-main-content .right-content .common-service .single-property .home-serv ul li span .rate-icon {
                    font-family: font-awesome;
                    font-size: 1.4rem;
                    color: var(--black-999);
                }

                .page-main-content .right-content .common-service .single-property .home-serv ul li b {
                    font-size: 1.2rem;
                    line-height: 1.4rem;
                    color: var(--black-666);
                    font-weight: 500;
                }
/* Right side agent details end here */
.service-footer-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 36px;
    z-index: 20;
    background-color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

    .service-footer-sticky.visible {
        opacity: 1;
        visibility: visible;
    }

    .service-footer-sticky .info {
        width: 144rem;
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        column-gap: 2rem;
    }

        .service-footer-sticky .info .lt-busi-content {
            width: 60%;
        }

            .service-footer-sticky .info .lt-busi-content h3 {
                font-size: 1.6rem;
                line-height: 2rem;
                color: var(--black);
                margin: 0 0 1rem 0;
                font-weight: 600;
            }

            .service-footer-sticky .info .lt-busi-content .main-det {
                padding: 0.5rem 0;
            }

                .service-footer-sticky .info .lt-busi-content .main-det ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 1.5rem;
                }

                    .service-footer-sticky .info .lt-busi-content .main-det ul li {
                        margin: 0px;
                        padding: 0px;
                    }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .rating {
                            cursor: pointer;
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 1rem;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .rating a {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                background-color: var(--green);
                                padding: 0.4rem 0.8rem;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                                font-size: 1.4rem;
                                line-height: 1.8rem;
                                color: var(--white);
                                font-weight: 600;
                            }

                                .service-footer-sticky .info .lt-busi-content .main-det ul li .rating a span {
                                    font-size: 1.4rem;
                                    color: var(--white);
                                    padding: 0 0 0 0.5rem;
                                }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .rating b {
                                color: var(--black-666);
                                font-weight: 500;
                                font-size: 1.4rem;
                            }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .claimed {
                            font-size: 1.4rem;
                            font-weight: 600;
                            color: var(--black);
                            display: flex;
                            align-items: center;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .claimed span {
                                color: var(--black);
                                margin: 0 0.5rem 0 0;
                            }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .no-claimed {
                            font-size: 1.4rem;
                            font-weight: 600;
                            color: var(--black);
                            display: flex;
                            align-items: center;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .no-claimed span {
                                color: var(--black-999);
                                margin: 0 0.5rem 0 0;
                            }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .no-claimed a {
                                color: var(--blue);
                            }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .trust {
                            padding: 0 0 0 1rem;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .trust a {
                                display: block;
                                position: relative;
                                background-color: #FFF100;
                                padding: 0.5rem 1rem 0.5rem 3rem;
                                font-size: 1.5rem;
                                line-height: 1.5rem;
                                font-weight: 500;
                                color: var(--black);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                            }

                                .service-footer-sticky .info .lt-busi-content .main-det ul li .trust a span {
                                    background-color: #FFF100;
                                    position: absolute;
                                    left: -8px;
                                    top: -6px;
                                    z-index: 2;
                                    padding: 0.5rem;
                                    -webkit-border-radius: 50px;
                                    -moz-border-radius: 50px;
                                    border-radius: 50px;
                                }

                                    .service-footer-sticky .info .lt-busi-content .main-det ul li .trust a span img {
                                        width: 2.5rem;
                                    }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .verified {
                            padding: 0 0 0 1rem;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .verified a {
                                display: block;
                                position: relative;
                                border: solid 2px #279EFF;
                                padding: 0.5rem 1.5rem 0.5rem 3.5rem;
                                font-size: 1.5rem;
                                line-height: 1.5rem;
                                font-weight: 500;
                                color: var(--black);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                            }

                                .service-footer-sticky .info .lt-busi-content .main-det ul li .verified a span {
                                    border: solid 2px #279EFF;
                                    position: absolute;
                                    left: -8px;
                                    top: -6px;
                                    z-index: 2;
                                    padding: 0.5rem;
                                    -webkit-border-radius: 50px;
                                    -moz-border-radius: 50px;
                                    border-radius: 50px;
                                    background-color: var(--white);
                                }

                                    .service-footer-sticky .info .lt-busi-content .main-det ul li .verified a span img {
                                        width: 2.2rem;
                                    }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .busi-exp {
                            font-size: 1.4rem;
                            font-weight: 600;
                            color: var(--black);
                            display: flex;
                            align-items: center;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .busi-exp span {
                                color: var(--black-999);
                                margin: 0 0.5rem 0 0;
                            }

                        .service-footer-sticky .info .lt-busi-content .main-det ul li .other-ser {
                            margin: 0px;
                            padding: 0.8rem 1.5rem;
                            font-size: 1.4rem;
                            line-height: 1.4rem;
                            color: var(--black-0C1844);
                            background-color: var(--white);
                            border: solid 1px var(--black-ccc);
                            -webkit-border-radius: 30px;
                            -moz-border-radius: 30px;
                            border-radius: 30px;
                        }

                            .service-footer-sticky .info .lt-busi-content .main-det ul li .other-ser.blue-txt {
                                padding: 0.8rem 1.3rem;
                                background-color: var(--blue);
                                color: var(--white);
                                border: solid 1px var(--blue);
                            }

                                .service-footer-sticky .info .lt-busi-content .main-det ul li .other-ser.blue-txt b {
                                    font-size: 1.6rem;
                                    font-weight: 600;
                                    margin: 0 0.2rem 0 0;
                                }

        .service-footer-sticky .info .rt-busi-content {
            width: 40%;
        }

            .service-footer-sticky .info .rt-busi-content .call-btn-outer {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                column-gap: 2rem;
                padding: 0;
            }

                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: row;
                    column-gap: 2rem;
                }

                    .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li {
                        margin: 0px;
                        padding: 0px;
                        list-style: none;
                    }

                        .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt {
                            position: relative;
                        }

                            .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.redtxt {
                                display: flex;
                                flex-direction: row;
                                column-gap: 0.5rem;
                                background-color: var(--red);
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                font-size: 1.6rem;
                                line-height: 1.6rem;
                                flex-wrap: nowrap;
                                color: var(--white);
                                padding: 1rem 1.5rem;
                            }

                                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.redtxt span {
                                    font-size: 2rem;
                                }

                                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.redtxt b {
                                    font-weight: normal;
                                }

                            .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.yellowtxt {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                column-gap: 0.5rem;
                                background-color: var(--yellow);
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                font-size: 1.6rem;
                                line-height: 1.6rem;
                                flex-wrap: nowrap;
                                color: var(--black);
                                padding: 1rem 1.5rem;
                            }

                                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.yellowtxt span {
                                    font-size: 2rem;
                                    animation: wobble 1.5s infinite;
                                }

                                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.yellowtxt b {
                                    font-weight: 600;
                                }

                                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.yellowtxt i {
                                    font-weight: 500;
                                    font-size: 1.3rem;
                                    line-height: 1.4rem;
                                    margin: 0 0.2rem;
                                }

                        .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .share-link a {
                        }

                        .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .share-link a {
                            display: flex;
                            padding: 1rem;
                            border: solid 1px var(--black-ccc);
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                            background-color: var(--black-f9f9f9);
                        }

                            .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .share-link a span {
                                font-size: 2rem;
                                color: var(--black-666);
                            }

                            .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .share-link a svg {
                                font-size: 2rem;
                                color: #08a182;
                            }

                        .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li.active .share-link {
                        }

                            .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li.active .share-link a {
                                background-color: var(--green-16C47F);
                            }

                                .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li.active .share-link a span {
                                    color: var(--white);
                                }
/* Page main content end here */
/* photo galary starts here */
@keyframes searchSlideIn {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes searchSlideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

.pg-outer {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    overflow: scroll;
    background-color: rgba(0,0,0,0.9);
    z-index: 1000;
    display: none;
    transition: opacity 0.3s ease-in-out;
}

    .pg-outer.open {
        display: block;
        animation: searchSlideIn 0.5s forwards;
    }

    .pg-outer.close {
        opacity: 0;
        animation: searchSlideOut 0.5s forwards;
    }

    .pg-outer .photos-gallery {
        width: 90%;
        height: 100vh;
        margin: 0 auto;
        padding: 2rem;
    }

        .pg-outer .photos-gallery .top-block {
            position: relative;
            margin: 0 0 2rem 0;
        }

            .pg-outer .photos-gallery .top-block h3 {
                font-size: 2.4rem;
                line-height: 3.2rem;
                color: var(--white);
                font-weight: 600;
                padding: 0 2rem 1rem 0;
            }

            .pg-outer .photos-gallery .top-block .btn-outer {
                display: flex;
                flex-direction: row;
                column-gap: 2rem;
            }

                .pg-outer .photos-gallery .top-block .btn-outer a {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 1rem;
                    padding: 1rem 1.5rem;
                    font-size: 1.6rem;
                    color: var(--white);
                    border: solid 1px var(--black-999);
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    .pg-outer .photos-gallery .top-block .btn-outer a svg.my-icon {
                        font-family: font-awesome;
                        font-size: 2.5rem;
                        color: var(--white);
                        font-weight: 600;
                    }

                    .pg-outer .photos-gallery .top-block .btn-outer a.whatsapp {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                        padding: 1rem 1.5rem;
                        font-size: 1.6rem;
                        color: var(--white);
                        background-color: var(--green);
                        border: solid 1px var(--green);
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                    }

                    .pg-outer .photos-gallery .top-block .btn-outer a svg.my-icon {
                        font-family: font-awesome;
                        font-size: 2.5rem;
                        color: var(--white);
                        font-weight: 600;
                    }

            .pg-outer .photos-gallery .top-block .close {
                position: absolute;
                right: 1px;
                top: 1px;
                z-index: 3;
            }

                .pg-outer .photos-gallery .top-block .close a {
                    display: block;
                    border: solid 2px var(--white);
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                    padding: 7px 4px;
                }

                    .pg-outer .photos-gallery .top-block .close a svg {
                        display: block;
                        font-size: 2rem;
                        line-height: 2rem;
                        color: var(--white);
                    }

        .pg-outer .photos-gallery .content-blk {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 2rem;
        }

            .pg-outer .photos-gallery .content-blk .left-img {
                width: 19rem;
                overflow-y: scroll;
                height: calc(100vh - 155px);
                padding: 0 2rem 0 0;
            }

                .pg-outer .photos-gallery .content-blk .left-img::-webkit-scrollbar, .pg-outer .photos-gallery .content-blk .left-img::-webkit-scrollbar-thumb {
                    width: 6px;
                    height: 0;
                    border-radius: 13px;
                    background-clip: padding-box;
                    background: var(--black-666);
                }

                .pg-outer .photos-gallery .content-blk .left-img::-webkit-scrollbar-thumb {
                    box-shadow: inset 0 0 0 10px;
                    color: var(--white);
                }

                .pg-outer .photos-gallery .content-blk .left-img ul {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                }

                    .pg-outer .photos-gallery .content-blk .left-img ul li {
                        margin: 0 0 1rem 0;
                    }

                        .pg-outer .photos-gallery .content-blk .left-img ul li img {
                            width: 100%;
                            height: auto;
                            -webkit-border-radius: 10px;
                            -moz-border-radius: 10px;
                            border-radius: 10px;
                        }

            .pg-outer .photos-gallery .content-blk .image-content {
                padding: 2rem;
                width: calc(100% - 21rem);
                height: calc(100% - 15rem);
                position: relative;
            }

                .pg-outer .photos-gallery .content-blk .image-content .more-photos {
                }

                    .pg-outer .photos-gallery .content-blk .image-content .more-photos ul {
                        margin: 0px;
                        padding: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                    }

                        .pg-outer .photos-gallery .content-blk .image-content .more-photos ul li {
                            list-style: none;
                            padding: 0 0 1rem 0;
                            font-size: 1.4rem;
                            line-height: 1.6rem;
                            color: var(--white);
                        }

                            .pg-outer .photos-gallery .content-blk .image-content .more-photos ul li span {
                                background-color: var(--green);
                                color: var(--white);
                                padding: 0 0.5rem;
                                margin: 0 0.5rem 0 0;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                            }

.top-ser-img-blk .top-service-photos .more-photos ul li a {
    color: var(--blue);
}

.pg-outer .photos-gallery .content-blk .image-content .big-service-photos {
    width: 96%;
    margin: 0 2%;
}

.top-ser-img-blk .top-service-photos .more-photos {
    position: absolute;
    right: 45px;
    bottom: -28px;
    z-index: 5;
}

    .top-ser-img-blk .top-service-photos .more-photos ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        column-gap: 1rem;
    }

        .top-ser-img-blk .top-service-photos .more-photos ul li {
            list-style: none;
            padding: 0 0 1rem 0;
            font-size: 1.4rem;
            line-height: 1.6rem;
            color: var(--black-666);
        }

            .top-ser-img-blk .top-service-photos .more-photos ul li span {
                background-color: var(--green);
                color: var(--white);
                padding: 0 0.5rem;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

            .top-ser-img-blk .top-service-photos .more-photos ul li a {
                color: var(--blue);
            }

.pg-outer .photos-gallery .content-blk .image-content .big-service-photos .ser-single-photo {
    padding: 1rem;
    height: calc(100% - 25rem);
    margin: auto;
    text-align: center;
}

    .pg-outer .photos-gallery .content-blk .image-content .big-service-photos .ser-single-photo figure img {
        width: 100%;
        height: 50vh;
        object-fit: contain;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.pg-outer .photos-gallery .content-blk .image-content .big-service-photos .owl-theme .owl-controls .owl-buttons div {
    background-color: var(--white);
    color: var(--black);
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 1rem 1.5rem;
    background-color: var(--white);
    border: solid 1px var(--black);
    filter: Alpha(Opacity=50);
    opacity: 0.8;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
}

.pg-outer .photos-gallery .content-blk .image-content .big-service-photos .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    top: 20%;
}

.pg-outer .photos-gallery .content-blk .image-content .big-service-photos .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    top: 20%;
}

.pg-outer .photos-gallery .content-blk .image-content .popup-frm {
    position: absolute;
    z-index: 5;
    background-color: rgba(0,0,0, 0.8);
    width: 100%;
    height: 100%;
    padding: 2rem;
    left: 0px;
    top: 0px;
}
/* photo galary end here */
/* modal */
.modal-body {
    padding: 5px 25px 25px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .modal-body .links-copied {
        font-size: 1.6rem;
        line-height: 2rem;
        text-align: center;
        margin: auto;
        color: var(--green);
        font-weight: 600;
        padding: 1rem;
    }

.modal-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 25px;
    align-items: flex-start;
}

.modal-back {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 18px;
}

.modal-header .modal-title {
    font-weight: 700;
    font-size: 18px;
}

    .modal-header .modal-title span {
        font-size: 1.6rem;
        line-height: 1.8rem;
        color: #666;
        font-weight: normal;
        display: block;
        margin: 0.5rem 0;
    }

    .modal-header .modal-title .sul-title {
        color: var(--red);
        display: flex;
        font-size: 1.8rem;
        padding: 0.5rem 0;
    }

.stickybottomsheet {
    position: fixed;
    height: 100%;
    box-sizing: border-box;
    display: none;
    z-index: 9999;
}

.stickybottomsheet-container {
    max-width: 800px !important;
}

    .stickybottomsheet-container.large {
    }

    .stickybottomsheet-container.small {
        max-width: 500px !important;
    }

    .stickybottomsheet-container.medium {
        max-width: 650px !important;
    }

.stickybottomsheet .stickybottomsheet-inner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: auto;
    max-height: 85%;
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    animation: slideInUp 0.3s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s ease;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.stickybottomsheet-body {
    overflow-x: hidden;
    overflow-y: overlay;
}

.noscrool .backdrop {
    display: block;
}

.backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgb(0 0 0 / 80%);
    z-index: 1001 !important;
    display: none;
    animation: fadeIn .4s cubic-bezier(.4, 0, .2, 1);
}

.bottomsticky {
    background: #fff;
    box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
    width: 100%;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 20px;
}

.web-mobile-modal {
    padding: 0 1rem;
}

    .web-mobile-modal p {
        font-size: 1.5rem;
        line-height: 2.6rem;
        color: var(--black-666);
        padding: 0 0 1.5rem 0;
        text-align: center;
    }

    .web-mobile-modal .btn-outer {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }


.saved-property-blk {
}

    .saved-property-blk ul {
        margin: 0px;
        padding: 0px;
    }

        .saved-property-blk ul li {
            margin: 1rem 0;
            padding: 1rem;
            list-style: none;
            background-color: var(--black-f1f1f1);
            border: solid 1px var(--black-e4e4e4);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .saved-property-blk ul li .name-link-blk {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                padding: 0 0 1.5rem 0;
            }

                .saved-property-blk ul li .name-link-blk .ser-name {
                    font-size: 1.5rem;
                    line-height: 1.5rem;
                    color: var(--green);
                    border: solid 1px var(--green);
                    -webkit-border-radius: 30px;
                    -moz-border-radius: 30px;
                    border-radius: 30px;
                    padding: 1rem 1.5rem;
                }

                .saved-property-blk ul li .name-link-blk .ser-link a {
                    font-size: 1.5rem;
                    line-height: 1.5rem;
                    color: var(--blue);
                }

            .saved-property-blk ul li .content-blk {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                column-gap: 1rem;
            }

                .saved-property-blk ul li .content-blk figure {
                    width: 6rem;
                    height: 6rem;
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                }

                    .saved-property-blk ul li .content-blk figure img {
                        width: 6rem;
                        height: 6rem;
                        -webkit-border-radius: 50px;
                        -moz-border-radius: 50px;
                        border-radius: 50px;
                    }

                .saved-property-blk ul li .content-blk .det-con {
                    width: calc(100% - 6rem);
                }

                    .saved-property-blk ul li .content-blk .det-con h4 {
                        font-size: 1.8rem;
                        line-height: 2.2rem;
                        color: var(--black);
                        margin: 0 0 1rem 0;
                        padding: 0px;
                    }

                        .saved-property-blk ul li .content-blk .det-con h4 a {
                            font-size: 1.8rem;
                            line-height: 2.2rem;
                            color: var(--black);
                        }

                    .saved-property-blk ul li .content-blk .det-con .sec-outer {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 1rem;
                    }

                        .saved-property-blk ul li .content-blk .det-con .sec-outer .detail {
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 1rem;
                            font-size: 1.4rem;
                            line-height: 1.4rem;
                            color: var(--black-666);
                        }

                            .saved-property-blk ul li .content-blk .det-con .sec-outer .detail span {
                                font-size: 1.6rem;
                                color: var(--black-999);
                            }

                            .saved-property-blk ul li .content-blk .det-con .sec-outer .detail b {
                                font-size: 1.6rem;
                                color: var(--black-666);
                                font-weight: normal;
                                color: var(--green);
                            }

                                .saved-property-blk ul li .content-blk .det-con .sec-outer .detail b a {
                                    font-size: 1.6rem;
                                    color: var(--blue);
                                }

.common-contact-modal .contact-form {
    padding: 1rem 2rem;
}

    .common-contact-modal .contact-form .title {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: var(--black);
        padding: 0 0 1rem 0;
    }

    .common-contact-modal .contact-form .sub-title {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black-999);
        padding: 0 0 1rem 0;
    }

    .common-contact-modal .contact-form .single-frm-fld {
        position: relative;
        padding: 0 0 1rem 0;
    }

        .common-contact-modal .contact-form .single-frm-fld label {
            font-size: 1.3rem;
            line-height: 2rem;
            color: var(--black-666);
        }

        .common-contact-modal .contact-form .single-frm-fld input[type="text"] {
            width: 100%;
            padding: 1rem;
            background-color: var(--gray-f1f1f1);
            border: solid 1px var(--black-ccc);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            height: 4rem;
            font-size: 1.6rem;
            color: var(--black);
        }

        .common-contact-modal .contact-form .single-frm-fld textarea {
            width: 100%;
            padding: 1rem;
            background-color: var(--gray-f1f1f1);
            border: solid 1px var(--black-ccc);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            height: 8rem;
            font-size: 1.6rem;
            color: var(--black);
        }

        .common-contact-modal .contact-form .single-frm-fld a.drop {
            position: absolute;
            right: 8px;
            top: 27px;
            z-index: 1;
        }

            .common-contact-modal .contact-form .single-frm-fld a.drop span {
                font-size: 2.6rem;
                color: var(--black-999);
            }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list {
            z-index: 10;
            position: absolute;
            left: 0;
            top: 60px;
            background-color: var(--white);
            border: solid 1px var(--black-e4e4e4);
            width: 100%;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

.common-contact-modal .right-content .contact-form .single-frm-fld .down-arrow-list {
    position: absolute;
    left: 0;
    top: 58px;
    background-color: var(--white);
    border: solid 1px var(--black-e4e4e4);
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul {
    margin: 0px;
    padding: 1rem 1rem 2.5rem 1rem;
    height: 17rem;
    overflow-y: scroll;
}

    .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li {
        margin: 0 1rem 0 0;
        padding: 0px;
        list-style: none;
        float: left;
        position: relative;
    }

    .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li {
        float: none;
        margin: 0 0 0.5rem 0;
    }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox] {
            position: absolute;
            visibility: hidden;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li label {
            font-size: 1.4rem;
            display: block;
            position: relative;
            font-weight: 400;
            padding: 0px 25px 5px 25px;
            margin: 0 auto;
            height: auto;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
            pointer-events: auto;
            top: 2px;
            color: #888;
            left: 0px;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li:hover label {
            color: #666;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li .check {
            display: block;
            position: absolute;
            border: 1px solid #aaa;
            height: 20px;
            width: 20px;
            top: 0;
            left: 0px;
            z-index: 5;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li:hover .check {
            border: 1px solid #333;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li.sen-ren label {
            color: #333;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li .check::before {
            display: block;
            font-family: robotobold;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 10px;
            width: 10px;
            top: 2px;
            left: 3px;
            font-size: 13px;
            color: #5bc199;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            font-weight: bold;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox]:checked ~ .check {
            border: 1px solid #5bc199;
        }

            .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox]:checked ~ .check::before {
                content: "\f00c";
                font-family: 'fontawesome';
            }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type=checkbox]:checked ~ label {
            color: #5bc199;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:not(:checked) + label:before, .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:before {
            opacity: 0;
            border: #fff;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:before, .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="radio"]:checked + label:before, .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"] + label:hover:before, .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="radio"] + label:hover:before {
            display: none;
        }

        .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:after, .common-contact-modal .contact-form .single-frm-fld .down-arrow-list ul li input[type="checkbox"]:checked + label:after {
            opacity: 0;
            border: #fff;
        }

.common-contact-modal .contact-form .single-frm-fld .down-arrow-list .sub-txt {
    width: 98.4%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 11;
    background-color: rgba(216, 35, 42, 0.8);
    padding: 0.5rem;
    text-align: center;
}

    .common-contact-modal .contact-form .single-frm-fld .down-arrow-list .sub-txt a {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: var(--white);
    }

.common-contact-modal .contact-form .single-frm-fld.phone {
}

    .common-contact-modal .contact-form .single-frm-fld.phone .two-fld {
        display: flex;
        flex-diretion: row;
        justify-content: flex-start;
        background-color: var(--gray-f1f1f1);
        border: solid 1px var(--black-ccc);
        height: 4rem;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .common-contact-modal .contact-form .single-frm-fld.phone .two-fld .lt-select {
            width: 25%;
            padding: 0 1rem 0 0;
        }

            .common-contact-modal .contact-form .single-frm-fld.phone .two-fld .lt-select select {
                width: 100%;
                border: none;
                background: transparent !important;
                font-size: 1.4rem;
                padding: 1rem;
            }

        .common-contact-modal .contact-form .single-frm-fld.phone .two-fld .rt-input {
            width: 75%;
            padding: 0 0 0 1rem;
            border-left: solid 1px var(--black-ccc);
        }

            .common-contact-modal .contact-form .single-frm-fld.phone .two-fld .rt-input input[type="text"] {
                width: 100%;
                border: none;
                background-color: transparent;
                padding: 1rem;
                height: 4rem;
            }

.common-contact-modal .contact-form .single-frm-fld .multi-select {
    padding: 1rem 0 0 0;
}

    .common-contact-modal .contact-form .single-frm-fld .multi-select ul li {
        float: none;
        margin: 0 0 1rem 0;
    }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type=checkbox] {
            position: absolute;
            visibility: hidden;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li label {
            font-size: 1.4rem;
            display: block;
            position: relative;
            font-weight: 400;
            padding: 0px 25px 5px 25px;
            margin: 0 auto;
            height: auto;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
            pointer-events: auto;
            top: 2px;
            color: #888;
            left: 0px;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li .check::before {
            display: block;
            font-family: robotobold;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 10px;
            width: 10px;
            top: 2px;
            left: 3px;
            font-size: 13px;
            color: #5bc199;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            font-weight: bold;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type=checkbox]:checked ~ .check {
            border: 1px solid #5bc199;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li:hover label {
            color: #666;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li .check {
            display: block;
            position: absolute;
            border: 1px solid #aaa;
            height: 20px;
            width: 20px;
            top: 13px;
            left: 0px;
            z-index: 5;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li:hover .check {
            border: 1px solid #333;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li.sen-ren label {
            color: #333;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type=checkbox]:checked ~ .check::before {
            content: "\f00c";
            font-family: 'fontawesome';
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type=checkbox]:checked ~ label {
            color: #5bc199;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:not(:checked) + label:before, .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:before {
            opacity: 0;
            border: #fff;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:before, .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type="radio"]:checked + label:before, .contact-frm-outer .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"] + label:hover:before, .contact-frm-outer .contact-form .single-frm-fld .multi-select ul li input[type="radio"] + label:hover:before {
            display: none;
        }

        .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:after, .common-contact-modal .contact-form .single-frm-fld .multi-select ul li input[type="checkbox"]:checked + label:after {
            opacity: 0;
            border: #fff;
        }

.common-contact-modal .contact-form .single-frm-fld .send-otp-as {
    width: auto;
    margin: 0.5rem 0;
}

    .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li {
            margin: 0px;
            padding: 0px;
            position: relative;
        }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type=radio] {
                position: absolute;
                visibility: hidden;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li label {
                display: block;
                position: relative;
                font-weight: 400;
                font-size: 1.4rem;
                padding: 0px 25px 5px 25px;
                margin: 0 auto;
                height: auto;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
                pointer-events: auto;
                top: 4px;
                color: var(--clr-primary-black);
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li:hover label {
                color: #333;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li .check {
                display: block;
                position: absolute;
                border: 2px solid #aaa;
                border-radius: 100%;
                height: 20px;
                width: 20px;
                top: 4px;
                left: 0;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li:hover .check {
                border: 2px solid #333;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li .check::before {
                display: block;
                font-family: robotobold;
                position: absolute;
                content: '';
                border-radius: 100%;
                height: 10px;
                width: 10px;
                top: 3px;
                left: 3px;
                margin: auto;
                transition: background 0.25s linear;
                -webkit-transition: background 0.25s linear;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type=radio]:checked ~ .check {
                border: 2px solid #5bc199;
            }

                .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type=radio]:checked ~ .check::before {
                    background: #5bc199;
                }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type=radio]:checked ~ label {
                color: #5bc199;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type="radio"]:not(:checked) + label:before, .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type="radio"]:checked + label:before {
                opacity: 0;
            }

            .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type="radio"]:checked + label:after, .common-contact-modal .contact-form .single-frm-fld .send-otp-as ul li input[type="checkbox"]:checked + label:after {
                opacity: 0;
            }

.common-contact-modal .contact-form .single-frm-fld.alert-txt {
}

    .common-contact-modal .contact-form .single-frm-fld.alert-txt label {
        color: var(--red);
    }

    .common-contact-modal .contact-form .single-frm-fld.alert-txt input[type="text"] {
        border: solid 1px var(--red);
    }

.common-contact-modal .contact-form .single-frm-fld.phone.alert-txt .two-fld {
    border: solid 1px var(--red);
}

    .common-contact-modal .contact-form .single-frm-fld.phone.alert-txt .two-fld .rt-input {
        border-left: solid 1px var(--red);
    }

.common-contact-modal .contact-form .single-frm-fld .exp-txt {
    opacity: 0;
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: var(--red);
}

.common-contact-modal .contact-form .single-frm-fld.alert-txt .exp-txt {
    opacity: 1;
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: var(--red);
}

.common-contact-modal .contact-form .btn-outer {
    padding: 1rem 0;
}

.common-contact-modal .contact-form .tc-apply {
    padding: 1rem 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

    .common-contact-modal .contact-form .tc-apply a {
        font-size: 1.3rem;
        color: var(--black-999);
        transition: 1s;
    }

        .common-contact-modal .contact-form .tc-apply a:hover {
            color: var(--black-666);
        }

.common-contact-modal .contact-form .condition-det {
    padding: 1rem;
}

    .common-contact-modal .contact-form .condition-det ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

        .common-contact-modal .contact-form .condition-det ul li {
            margin: 0px;
            padding: 0 0 1rem 0;
            list-style: disc;
            font-size: 1.4rem;
            line-height: 1.8rem;
            color: var(--black-666);
        }

.common-contact-modal .contact-form .verification-outer {
    background-color: var(--green-F2FFE9);
    padding: 1rem;
}

    .common-contact-modal .contact-form .verification-outer p {
        padding: 1rem 0 0 0;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--black-333);
    }

        .common-contact-modal .contact-form .verification-outer p b {
            color: var(--red);
            display: block;
        }

    .common-contact-modal .contact-form .verification-outer .send-otp-as {
        width: auto;
        margin: 1rem 0;
    }

        .common-contact-modal .contact-form .verification-outer .send-otp-as ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .common-contact-modal .contact-form .verification-outer .send-otp-as ul li {
                margin: 0px;
                padding: 0px;
                position: relative;
            }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type=radio] {
                    position: absolute;
                    visibility: hidden;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li label {
                    display: block;
                    position: relative;
                    font-weight: 400;
                    font-size: 1.4rem;
                    padding: 0px 25px 5px 25px;
                    margin: 0 auto;
                    height: auto;
                    z-index: 9;
                    cursor: pointer;
                    -webkit-transition: all 0.25s linear;
                    pointer-events: auto;
                    top: 4px;
                    color: var(--clr-primary-black);
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li:hover label {
                    color: #333;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li .check {
                    display: block;
                    position: absolute;
                    border: 2px solid #aaa;
                    border-radius: 100%;
                    height: 20px;
                    width: 20px;
                    top: 0;
                    left: 0;
                    z-index: 5;
                    transition: border .25s linear;
                    -webkit-transition: border .25s linear;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li:hover .check {
                    border: 2px solid #333;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li .check::before {
                    display: block;
                    font-family: robotobold;
                    position: absolute;
                    content: '';
                    border-radius: 100%;
                    height: 10px;
                    width: 10px;
                    top: 3px;
                    left: 3px;
                    margin: auto;
                    transition: background 0.25s linear;
                    -webkit-transition: background 0.25s linear;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type=radio]:checked ~ .check {
                    border: 2px solid #5bc199;
                }

                    .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type=radio]:checked ~ .check::before {
                        background: #5bc199;
                    }

                .common-contact-modal .contact-form.verification-outer .send-otp-as ul li input[type=radio]:checked ~ label {
                    color: #5bc199;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type="radio"]:not(:checked) + label:before, .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type="radio"]:checked + label:before {
                    opacity: 0;
                }

                .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type="radio"]:checked + label:after, .common-contact-modal .contact-form .verification-outer .send-otp-as ul li input[type="checkbox"]:checked + label:after {
                    opacity: 0;
                }

    .common-contact-modal .contact-form .verification-outer .number-code {
        padding: 1rem 0;
    }

        .common-contact-modal .contact-form .verification-outer .number-code ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
        }

            .common-contact-modal .contact-form .verification-outer .number-code ul li {
                margin: 0 0 1rem 0;
                padding: 0px;
            }

                .common-contact-modal .contact-form .verification-outer .number-code ul li label {
                    font-size: 1.3rem;
                    line-height: 1.8rem;
                    color: var(--black-666);
                    display: block;
                }

                .common-contact-modal .contact-form .verification-outer .number-code ul li input[type=text] {
                    width: 100%;
                }

                .common-contact-modal .contact-form .verification-outer .number-code ul li .btn-outer {
                    display: flex;
                    padding: 0;
                }

                    .common-contact-modal .contact-form .verification-outer .number-code ul li .btn-outer a {
                        margin: 0 1.5rem 0 0;
                    }

                .common-contact-modal .contact-form .verification-outer .number-code ul li.alert label {
                    color: var(--red);
                }

                .common-contact-modal .contact-form .verification-outer .number-code ul li.alert input[type=text] {
                    border: solid 1px var(--red);
                }

.common-contact-modal .contact-form .thankyou-blk {
    background-color: var(--green-F2FFE9);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .common-contact-modal .contact-form .thankyou-blk figure {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

        .common-contact-modal .contact-form .thankyou-blk figure span {
            font-size: 5rem;
            color: var(--green);
        }

    .common-contact-modal .contact-form .thankyou-blk p {
        font-size: 2rem;
        line-height: 3rem;
        color: var(--green);
        padding: 1rem 0;
    }

    .common-contact-modal .contact-form .thankyou-blk .phone-list {
        width: 100%;
        margin: 1rem 0 0 0;
    }

        .common-contact-modal .contact-form .thankyou-blk .phone-list ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

            .common-contact-modal .contact-form .thankyou-blk .phone-list ul li {
                margin: 0px;
                padding: 0 0 1.5rem 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                column-gap: 1rem;
                font-size: 1.6rem;
                color: var(--black);
            }

                .common-contact-modal .contact-form .thankyou-blk .phone-list ul li span {
                    font-size: 1.8rem;
                    color: var(--black-666);
                }

.common-contact-modal .contact-form .other-busi-promo {
    padding: 2rem 0;
    border: solid 1px var(--black-ccc);
    margin: 2rem 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .common-contact-modal .contact-form .other-busi-promo h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: var(--black);
        padding: 0 0 1rem 1.5rem;
        margin: 0px;
        font-weight: 600;
    }

    .common-contact-modal .contact-form .other-busi-promo p {
        font-size: 1.3rem;
        line-height: 1.8rem;
        color: var(--black-666);
        padding: 0 0 1rem 1.5rem;
    }

    .common-contact-modal .contact-form .other-busi-promo ul {
        margin: 1rem 0 0 0;
        padding: 0px;
    }

        .common-contact-modal .contact-form .other-busi-promo ul li {
            margin: 1rem;
            padding: 0 0 1rem 0;
            border-bottom: solid 1px var(--black-e4e4e4);
        }

            .common-contact-modal .contact-form .other-busi-promo ul li:last-child {
                border-bottom: none;
                margin: 1rem 0 0 0;
                padding: 0px;
            }

            .common-contact-modal .contact-form .other-busi-promo ul li .title-txt {
                font-size: 1.5rem;
                line-height: 2rem;
                color: var(--black-333);
                padding: 0 0 0.5rem 1.5rem;
                font-weight: 500;
            }

            .common-contact-modal .contact-form .other-busi-promo ul li .link-outer {
                margin: 0 0 0 1rem;
            }

                .common-contact-modal .contact-form .other-busi-promo ul li .link-outer a {
                    font-size: 1.4rem;
                    margin: 1rem 0 0 0;
                    padding: 0.5rem 1rem;
                    display: inline-flex;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    background-color: var(--red);
                    color: var(--white);
                }

    .common-contact-modal .contact-form .other-busi-promo .multi-select {
        position: relative;
        margin: 0 0 0 1.5rem;
    }

        .common-contact-modal .contact-form .other-busi-promo .multi-select ul li {
            float: none;
            margin: 0.5rem 0 1rem 0;
            border: none;
        }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type=checkbox] {
                position: absolute;
                visibility: hidden;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li label {
                font-size: 1.3rem;
                line-height: 1.6rem;
                display: block;
                position: relative;
                font-weight: 400;
                padding: 0px 25px 5px 25px;
                margin: 0 auto;
                height: auto;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
                pointer-events: auto;
                top: 2px;
                color: #888;
                left: 0px;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li:hover label {
                color: #666;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li .check {
                display: block;
                position: absolute;
                border: 1px solid #aaa;
                height: 20px;
                width: 20px;
                top: -1px;
                left: 0px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li:hover .check {
                border: 1px solid #333;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li.sen-ren label {
                color: #333;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li .check::before {
                display: block;
                font-family: robotobold;
                position: absolute;
                content: '';
                border-radius: 100%;
                height: 10px;
                width: 10px;
                top: 3px;
                left: 3px;
                font-size: 13px;
                color: #5bc199;
                margin: auto;
                transition: background 0.25s linear;
                -webkit-transition: background 0.25s linear;
                font-weight: bold;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type=checkbox]:checked ~ .check {
                border: 1px solid #5bc199;
            }

                .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type=checkbox]:checked ~ .check::before {
                    content: "\f00c";
                    font-family: 'fontawesome';
                }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type=checkbox]:checked ~ label {
                color: #5bc199;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:not(:checked) + label:before, .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:before {
                opacity: 0;
                border: #fff;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:before, .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="radio"]:checked + label:before, .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"] + label:hover:before, .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="radio"] + label:hover:before {
                display: none;
            }

            .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:after, .common-contact-modal .contact-form .other-busi-promo .multi-select ul li input[type="checkbox"]:checked + label:after {
                opacity: 0;
                border: #fff;
            }

    .common-contact-modal .contact-form .other-busi-promo ul li .phone-list {
        width: 100%;
        margin: 0 0 0.5rem 1rem;
    }

        .common-contact-modal .contact-form .other-busi-promo ul li .phone-list ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

            .common-contact-modal .contact-form .other-busi-promo ul li .phone-list ul li {
                margin: 0px;
                padding: 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                column-gap: 1rem;
                font-size: 1.4rem;
                color: var(--black-666);
                border: none
            }

                .common-contact-modal .contact-form .other-busi-promo ul li .phone-list ul li span {
                    font-size: 1.4rem;
                    color: var(--black-666);
                }

.common-contact-modal .contact-form .connect-business {
    margin: 0 0 2rem 0;
    background-color: var(--yellow-FEF9D9);
    padding: 1rem 2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

    .common-contact-modal .contact-form .connect-business .title-txt {
        font-size: 1.6rem;
        line-height: 1.8rem;
        color: var(--black);
        margin: 0 0 1rem 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

    .common-contact-modal .contact-form .connect-business p {
        padding: 0;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--black);
        font-weight: 500;
        display: none;
    }

        .common-contact-modal .contact-form .connect-business p span {
            font-weight: 400;
            color: var(--black-666);
            padding: 0 0.5rem;
        }

        .common-contact-modal .contact-form .connect-business p a {
            font-size: 1.5rem;
            line-height: 2rem;
            color: var(--black);
            font-weight: 500;
        }

            .common-contact-modal .contact-form .connect-business p a span {
                font-weight: 400;
                color: var(--black-666);
                padding: 0 0.5rem;
            }

    .common-contact-modal .contact-form .connect-business .btn-outer {
    }

        .common-contact-modal .contact-form .connect-business .btn-outer a {
            background-color: var(--yellow);
            display: block;
            font-size: 1.5rem;
            line-height: 1.5rem;
            color: var(--black);
            padding: 0.8rem 1rem;
            text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

.common-contact-modal .left-right-con {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: var(--yellow-FFF5E4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.common-contact-modal .left-side {
    width: 50%;
    padding: 2rem;
    margin: 0 2rem;
    background-color: var();
}

    .common-contact-modal .left-side .cont-title {
        font-size: 2.5rem;
        line-height: 3rem;
        color: var(--black);
        font-weight: 400;
        padding: 0 0 1rem 0;
        text-align: center;
    }

    .common-contact-modal .left-side p {
        font-size: 1.5rem;
        line-height: 2.2rem;
        color: var(--black-333);
        padding: 0 0 2rem 0;
        text-align: center;
    }

    .common-contact-modal .left-side ul {
        margin: 0px;
        padding: 0px;
    }

        .common-contact-modal .left-side ul li {
            margin: 0px;
            padding: 0 0 1.5rem 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            column-gap: 1rem;
            font-size: 1.6rem;
            color: var(--black);
        }

            .common-contact-modal .left-side ul li span {
                font-size: 1.8rem;
                color: var(--black-666);
            }

.common-contact-modal .right-side {
    width: 50%;
    background-color: var(--white);
    margin: 2rem;
    padding: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px var(--black-e4e4e4);
}

.social-icons-outer {
    margin: 0;
    padding: 0.5rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .social-icons-outer a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

        .social-icons-outer a.more-link {
            display: none;
        }

        .social-icons-outer a b {
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 1.8rem;
            color: var(--black-333);
        }

    .social-icons-outer span {
        display: block;
        padding: 0.5rem;
        margin: 1rem;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        transition: 1s;
    }

        .social-icons-outer span .rate-icon {
            font-family: font-awesome;
            font-size: 1.5rem;
            color: var(--black);
        }

        .social-icons-outer span.facebook {
            background-color: #1877F2;
        }

            .social-icons-outer span.facebook .rate-icon {
                color: var(--white);
            }

        .social-icons-outer span.sms {
            background-color: #934790;
        }

            .social-icons-outer span.sms .rate-icon {
                color: var(--white);
            }

        .social-icons-outer span.twitter {
            border: solid 1px var(--black-ccc);
        }

            .social-icons-outer span.twitter .rate-icon {
                color: var(--black);
            }

        .social-icons-outer span.pintrest {
            background-color: #E60023;
        }

            .social-icons-outer span.pintrest .rate-icon {
                color: var(--white)
            }

        .social-icons-outer span.copy-link {
            background-color: var(--yellow);
        }

            .social-icons-outer span.copy-link .rate-icon {
                color: var(--white)
            }

        .social-icons-outer span.whatsapp-link {
            background-color: var(--whatsapp);
        }

            .social-icons-outer span.whatsapp-link .rate-icon {
                color: var(--white)
            }

        .social-icons-outer span.sms-link {
            background-color: var(--blue-B2A5FF);
        }

            .social-icons-outer span.sms-link .rate-icon {
                color: var(--white)
            }

        .social-icons-outer span.instagram-link {
            background-color: var(--instagram);
        }

            .social-icons-outer span.instagram-link .rate-icon {
                color: var(--white)
            }

        .social-icons-outer span.linkedin-link {
            background-color: var(--linkedin);
        }

            .social-icons-outer span.linkedin-link .rate-icon {
                color: var(--white)
            }

        .social-icons-outer span.more-option {
            background-color: var(--white);
        }

            .social-icons-outer span.more-option .rate-icon {
                color: var(--black)
            }

.sul-trust {
    padding: 0 2rem;
}

    .sul-trust figure {
    }

        .sul-trust figure img {
            padding: 1rem 0 1.5rem 0;
        }

    .sul-trust p {
        font-size: 1.4rem;
        line-height: 2.6rem;
        color: var(--black-999);
        padding: 1rem 0;
    }

        .sul-trust p.more {
            color: var(--black-666);
        }

.single-radio-sel {
}

    .single-radio-sel p {
        font-size: 1.6rem;
        line-height: 2rem;
        color: var(--black-333);
        padding: 1rem 0 1.5rem 0;
    }

    .single-radio-sel ul {
        margin: 0px;
        padding: 0px;
    }

        .single-radio-sel ul li {
            margin: 0px;
            padding: 0 0 2rem 0;
            list-style: none;
            position: relative;
        }

            .single-radio-sel ul li.small {
                float: left;
            }

            .single-radio-sel ul li input[type=radio] {
                position: absolute;
                visibility: hidden;
            }

            .single-radio-sel ul li label {
                display: block;
                position: relative;
                font-weight: 400;
                font-size: 1.6rem;
                padding: 0px 25px 5px 25px;
                margin: 0 auto;
                height: auto;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
                pointer-events: auto;
                top: 4px;
                color: var(--black);
            }

            .single-radio-sel ul li:hover label {
                color: #333;
            }

            .single-radio-sel ul li .check {
                display: block;
                position: absolute;
                border: 2px solid #aaa;
                border-radius: 100%;
                height: 20px;
                width: 20px;
                top: 2px;
                left: 0;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .single-radio-sel ul li:hover .check {
                border: 2px solid #333;
            }

            .single-radio-sel ul li .check::before {
                display: block;
                position: absolute;
                content: '';
                border-radius: 100%;
                height: 10px;
                width: 10px;
                top: 3px;
                left: 3px;
                margin: auto;
                transition: background 0.25s linear;
                -webkit-transition: background 0.25s linear;
            }

            .single-radio-sel ul li input[type=radio]:checked ~ .check {
                border: 2px solid var(--green);
            }

                .single-radio-sel ul li input[type=radio]:checked ~ .check::before {
                    background: var(--green);
                }

            .single-radio-sel ul li input[type=radio]:checked ~ label {
                color: var(--green);
            }

            .single-radio-sel ul li input[type="radio"]:not(:checked) + label:before {
                opacity: 0;
            }

            .single-radio-sel ul li input[type="radio"]:checked + label:after {
                opacity: 0;
            }

    .single-radio-sel .btn-outer {
        padding: 1.5rem 0;
    }

    .single-radio-sel .skip-txt {
        padding: 1rem;
        text-align: center;
    }

        .single-radio-sel .skip-txt a {
            font-size: 1.5rem;
            color: var(--black-666);
            text-transform: uppercase;
        }

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.skeleton {
    background: linear-gradient(90deg, #eaeaea 25%, #f4f4f5 50%, #eaeaea 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
}

@keyframes shimmer {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.work-timing-outer {
}

.work-timing-outer {
    display: block;
}

.hero-block .right-content .agent-block .other-detail ul li .timing-outer:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 10px;
    margin-top: -10px;
}

.work-timing-outer ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .work-timing-outer ul li {
        width: auto;
        margin: 0px;
        padding: 0 0 1.5rem 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        column-gap: 1rem;
        font-size: 1.6rem;
        line-height: 1.6rem;
        color: var(--black);
    }

        .work-timing-outer ul li .day {
            width: 12rem;
        }

        .work-timing-outer ul li .timing {
            width: 18rem;
        }

        .work-timing-outer ul li span.material-icons-outlined {
            font-size: 14px;
        }

        .work-timing-outer ul li span.time-opened {
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: var(--white);
            background-color: var(--green);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 2px 5px;
        }

        .work-timing-outer ul li span.time-closed {
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: var(--white);
            background-color: var(--red);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 2px 5px;
        }

.hero-blk-img-outer .main-det .work-timing-outer ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .hero-blk-img-outer .main-det .work-timing-outer ul li {
        width: auto;
        margin: 0px;
        padding: 0 0 1.5rem 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        column-gap: 1rem;
        font-size: 1.6rem;
        line-height: 1.6rem;
        color: var(--black);
    }

        .hero-blk-img-outer .main-det .work-timing-outer ul li .day {
            width: 12rem;
        }

        .hero-blk-img-outer .main-det .work-timing-outer ul li .timing {
            width: 18rem;
        }

        .hero-blk-img-outer .main-det .work-timing-outer ul li span.material-icons-outlined {
            font-size: 14px;
        }

        .hero-blk-img-outer .main-det .work-timing-outer ul li span.time-opened {
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: var(--white);
            background-color: var(--green);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 2px 5px;
        }

        .hero-blk-img-outer .main-det .work-timing-outer ul li span.time-closed {
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: var(--white);
            background-color: var(--red);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 2px 5px;
        }



/* modal */

/* Agent detail page starts here */
.agent-hero-blk-outer {
    background-color: #3D3935;
    margin: 0 0 2rem 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

    .agent-hero-blk-outer .breadcrumb {
        margin: auto;
        padding: 1rem 1rem 1.5rem 0;
    }

        .agent-hero-blk-outer .breadcrumb ul {
            padding: 0;
            margin: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

            .agent-hero-blk-outer .breadcrumb ul li {
                padding: 0.5rem 0.3rem;
                list-style: none;
                display: flex;
                align-items: center;
                font-size: 1.3rem;
                line-height: 1.6rem;
                color: var(--black-ccc);
            }

                .agent-hero-blk-outer .breadcrumb ul li a {
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--black-ccc);
                }

                .agent-hero-blk-outer .breadcrumb ul li span {
                    font-size: 1.3rem;
                    line-height: 1.3rem;
                    color: var(--black-ccc);
                }

    .agent-hero-blk-outer .agent-hero-blk {
        width: 144rem;
        margin: auto;
        padding: 0 0 2rem 0;
        position: relative;
        display: flex;
        flex-direction: row;
        column-gap: 2rem;
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left {
            width: 70%;
        }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                column-gap: 1.5rem;
                padding: 1rem 0;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content figure {
                    width: 18rem;
                    height: 18rem;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content figure img {
                        width: 18rem;
                        height: 18rem;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                    }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content {
                    width: calc(100% - 18rem);
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links {
                        padding: 0 0 1rem 0;
                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul {
                            margin: 0px;
                            padding: 0px;
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            column-gap: 1rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li {
                                margin: 0px;
                                padding: 0px;
                                list-style: none;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .service {
                                    background-color: var(--red-FFC3C3);
                                    padding: 1rem;
                                    font-size: 1.4rem;
                                    line-height: 1.4rem;
                                    color: var(--black);
                                    -webkit-border-radius: 20px;
                                    -moz-border-radius: 20px;
                                    border-radius: 20px;
                                }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li a {
                                    display: block;
                                }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li a .service-two {
                                        padding: 0.5rem 1rem;
                                        background-color: rgba(255, 255, 255, 0.6);
                                        display: flex;
                                        flex-direction: row;
                                        justify-content: flex-start;
                                        align-items: center;
                                        column-gap: 0.5rem;
                                        -webkit-border-radius: 20px;
                                        -moz-border-radius: 20px;
                                        border-radius: 20px;
                                    }

                                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li a .service-two b {
                                            font-size: 1.4rem;
                                            line-height: 1.4rem;
                                            color: var(--black);
                                            font-weight: normal;
                                        }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det {
                                    padding: 0;
                                }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul {
                                        padding: 0px;
                                        margin: 0px;
                                        display: flex;
                                        flex-direction: row;
                                        column-gap: 1.5rem;
                                    }

                                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li {
                                            padding: 0px;
                                            margin: 0px;
                                            list-style: none;
                                            position: relative;
                                        }

                                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li:hover {
                                                display: block;
                                            }

                                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li .exp-txt {
                                                visibility: hidden;
                                                opacity: 0;
                                                position: absolute;
                                                left: 0px;
                                                top: -18px;
                                                background-color: var(--black);
                                                font-size: 1.2rem;
                                                line-height: 1.2rem;
                                                color: var(--white);
                                                white-space: nowrap;
                                                -webkit-border-radius: 3px;
                                                -moz-border-radius: 3px;
                                                border-radius: 3px;
                                                padding: 0.3rem 0.5rem;
                                                opacity: 0;
                                                transform: translateY(100px);
                                                transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s linear 0.6s;
                                            }

                                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li .exp-txt:after {
                                                    top: 100%;
                                                    left: 16%;
                                                    border: solid transparent;
                                                    content: "";
                                                    height: 0;
                                                    width: 0;
                                                    position: absolute;
                                                    pointer-events: none;
                                                    border-color: rgba(0, 0, 0, 0);
                                                    border-top-color: #000;
                                                    border-width: 3px;
                                                    margin-left: -3px;
                                                }

                                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li:hover .exp-txt {
                                                visibility: visible;
                                                opacity: 1;
                                                transform: translateY(0);
                                                transition-delay: 0s;
                                            }

                                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li a {
                                                display: flex;
                                                padding: 0.7rem;
                                                border: solid 1px var(--black-ccc);
                                                -webkit-border-radius: 50px;
                                                -moz-border-radius: 50px;
                                                border-radius: 50px;
                                            }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det span {
                                        font-size: 2rem;
                                        color: var(--white);
                                    }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li.active {
                                    }

                                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li.active a {
                                            background-color: var(--green);
                                        }

                                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li.active a span {
                                                color: var(--white);
                                            }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li .share-det ul li .cou-num {
                                        position: absolute;
                                        top: -6px;
                                        left: 23px;
                                        font-size: 11px;
                                        line-height: 11px;
                                        color: var(--white);
                                        padding: 2px 4px;
                                        background-color: var(--red);
                                        -webkit-border-radius: 50px;
                                        -moz-border-radius: 50px;
                                        border-radius: 50px;
                                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content h1 {
                        font-size: 2.4rem;
                        line-height: 3rem;
                        font-weight: 600;
                        padding: 1rem 0;
                        color: var(--white);
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .slogan {
                        display: flex;
                        flex-direction: row;
                        font-size: 1.5rem;
                        line-height: 1.5rem;
                        font-weight: normal;
                        padding: 0 0 1rem 0;
                        color: var(--black-ccc);
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .com-links-outer {
                        padding: 1rem 0;
                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .com-links-outer ul {
                            margin: 0px;
                            padding: 0px;
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            column-gap: 1rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .com-links-outer ul li {
                                margin: 0px;
                                padding: 0px;
                                display: flex;
                                flex-direction: row;
                                justify-content: flex-start;
                                font-size: 1.4rem;
                                line-height: 1.8rem;
                                color: var(--white);
                                column-gap: 0.5rem;
                                align-items: anchor-center;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .com-links-outer ul li svg use {
                                    font-size: 1.4rem;
                                    line-height: 1.8rem;
                                    fill: transparent;
                                }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .com-links-outer ul li span i {
                                    background-color: var(--yellow);
                                    padding: 0 2px;
                                    color: var(--black);
                                    -webkit-border-radius: 2px;
                                    -moz-border-radius: 2px;
                                    border-radius: 2px;
                                }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust {
                padding: 1rem 0 0 0;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul {
                    margin: 0px;
                    padding: 1rem 0;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 1.5rem;
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li {
                        margin: 0px;
                        padding: 0px;
                        font-size: 1.3rem;
                        color: var(--black);
                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating {
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 1rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating a {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                background-color: var(--green);
                                padding: 0.4rem 0.8rem;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                                font-size: 1.3rem;
                                line-height: 1.8rem;
                                color: var(--white);
                                font-weight: 600;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating a span {
                                    font-size: 1.3rem;
                                    color: var(--white);
                                    padding: 0 0 0 0.5rem;
                                }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating b {
                                color: var(--black-666);
                                font-weight: 500;
                                font-size: 1.3rem;
                            }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .claimed {
                            font-size: 1.3rem;
                            font-weight: 600;
                            color: var(--white);
                            display: flex;
                            align-items: center;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .claimed span {
                                color: var(--white);
                                margin: 0 0.5rem 0 0;
                            }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .no-claimed {
                            font-size: 1.3rem;
                            font-weight: 600;
                            color: var(--white);
                            display: flex;
                            align-items: center;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .no-claimed span {
                                color: var(--black-999);
                                margin: 0 0.5rem 0 0;
                            }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .no-claimed a {
                                color: var(--blue);
                            }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .experience {
                            font-size: 1.3rem;
                            color: var(--black);
                            display: flex;
                            align-items: center;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .experience span {
                                color: var(--black-999);
                                margin: 0 0.5rem 0 0;
                            }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .busi-exp {
                            font-size: 1.3rem;
                            color: var(--black-666);
                            display: flex;
                            align-items: center;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .busi-exp span {
                                color: var(--black-999);
                                margin: 0 0.5rem 0 0;
                            }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .trust {
                            padding: 0 0 0 1rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .trust a {
                                display: block;
                                position: relative;
                                background-color: #FFF287;
                                padding: 0.5rem 1rem 0.5rem 3rem;
                                font-size: 1.3rem;
                                line-height: 1.3rem;
                                font-weight: 500;
                                color: var(--black);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .trust a span {
                                    background-color: #FFF287;
                                    position: absolute;
                                    left: -8px;
                                    top: -6px;
                                    z-index: 2;
                                    padding: 0.5rem;
                                    -webkit-border-radius: 50px;
                                    -moz-border-radius: 50px;
                                    border-radius: 50px;
                                }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .trust a span img {
                                        width: 2.2rem;
                                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .verified {
                            padding: 0 0 0 1rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .verified a {
                                display: block;
                                position: relative;
                                border: solid 2px var(--white);
                                padding: 0.5rem 1.5rem 0.5rem 3.5rem;
                                font-size: 1.3rem;
                                line-height: 1.4rem;
                                font-weight: 500;
                                color: var(--white);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .verified a span {
                                    border: solid 2px var(--white);
                                    position: absolute;
                                    left: -8px;
                                    top: -6px;
                                    z-index: 2;
                                    padding: 0.5rem;
                                    -webkit-border-radius: 50px;
                                    -moz-border-radius: 50px;
                                    border-radius: 50px;
                                    background-color: var(--white);
                                }

                                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .verified a span img {
                                        width: 2rem;
                                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating {
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 1rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating a {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                background-color: var(--green);
                                padding: 0.4rem 0.8rem;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                                font-size: 1.3rem;
                                line-height: 1.8rem;
                                color: var(--white);
                                font-weight: 600;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating a span {
                                    font-size: 1.3rem;
                                    line-height: 1.8rem;
                                    color: var(--white);
                                    padding: 0 0 0 0.5rem;
                                }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating span {
                                font-size: 1.3rem;
                                color: var(--white);
                                padding: 0 0 0 0.5rem;
                            }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating b {
                                color: var(--white);
                                font-weight: 500;
                                font-size: 1.3rem;
                            }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating .sul-rate {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                background-color: var(--gray-ccc);
                                padding: 0.4rem 0.8rem;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                                font-size: 1.3rem;
                                line-height: 1.8rem;
                                color: var(--black);
                                font-weight: 600;
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .com-trust ul li .rating .sul-rate span {
                                    font-size: 1.3rem;
                                    line-height: 1.8rem;
                                    color: var(--blacl);
                                    padding: 0 0 0 0.5rem;
                                }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .licence-details {
                padding: 1rem 0 0 0;
            }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul {
                margin: 0px;
                padding: 1rem 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1.5rem;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li {
                    margin: 0px;
                    padding: 0px;
                    list-style: none;
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .licence {
                        border: solid 1px var(--white);
                        padding: 0.8rem 1.2rem;
                        font-size: 1.4rem;
                        line-height: 1.4rem;
                        color: var(--white);
                        -webkit-border-radius: 20px;
                        -moz-border-radius: 20px;
                        border-radius: 20px;
                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .licence a {
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 0.5rem;
                        }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .licence a b {
                                font-size: 1.4rem;
                                line-height: 1.4rem;
                                color: var(--white);
                                font-weight: normal;
                            }

                            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .licence a span {
                            }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .licence a span.green-circle {
                                    width: 20px;
                                    height: 20px;
                                    background-color: #00c853;
                                    border-radius: 50%;
                                    margin: 0;
                                }

                                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .licence a span.zoom-out {
                                    animation: zoomOut 1.5s ease-in-out infinite;
                                }

@keyframes zoomOut {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}


.agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .sul-score {
    border: solid 1px var(--white);
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: var(--white);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .sul-score span {
        padding: 0.5rem;
        font-size: 1.3rem;
        line-height: 1.6rem;
        color: var(--black);
        -webkit-border-top-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-top-left: 20px;
        -moz-border-radius-bottom-left: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: var(--white);
        font-weight: 500;
    }

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .sul-score b {
        font-size: 1.4rem;
        line-height: 1.4rem;
        color: var(--white);
        padding: 0 1rem;
        font-weight: normal;
    }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .experience {
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .experience a {
        color: var(--white);
        font-size: 1.5rem;
        color: var(--white);
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .experience a span {
            color: var(--white);
            margin: 0 0.5rem 0 0;
            font-size: 2rem;
        }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .lice-sco-details ul li .experience a .opened {
            background-color: var(--green);
            color: var(--white);
            font-size: 1.3rem;
            line-height: 1.6rem;
            padding: 0.3rem 1rem;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer {
    padding: 1.5rem 0 1rem 0;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        column-gap: 2rem;
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li {
            margin: 0px;
            padding: 0px;
        }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li.click-txt {
                position: relative;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.redtxt {
                    position: relative;
                    display: flex;
                    flex-direction: row;
                    column-gap: 0.5rem;
                    background-color: var(--red);
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    flex-wrap: nowrap;
                    color: var(--white);
                    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.redtxt span {
                        font-size: 2rem;
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.redtxt b {
                        font-weight: normal;
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.redtxt .res-txt {
                        position: absolute;
                        bottom: 3px;
                        left: 20px;
                        font-size: 1.2rem;
                        line-height: 1.2rem;
                        white-space: nowrap;
                        color: var(--white);
                    }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt {
                    position: relative;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    column-gap: 0.5rem;
                    background-color: var(--yellow);
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    flex-wrap: nowrap;
                    color: var(--black);
                    padding: 1rem 1.5rem
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt.same-pad {
                        padding: 1rem 1.5rem;
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt span {
                        font-size: 2rem;
                        animation: wobble 1.5s infinite;
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt .res-txt {
                        position: absolute;
                        bottom: 3px;
                        left: 66px;
                        font-size: 1.2rem;
                        line-height: 1.2rem;
                        white-space: nowrap;
                        color: var(--black);
                    }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.greentxt {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    column-gap: 0.5rem;
                    border: solid 1px var(--green);
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    flex-wrap: nowrap;
                    color: var(--green);
                    padding: 0.4rem 1rem;
                    background-color: var(--white);
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.greentxt span .rate-icon {
                        font-family: font-awesome;
                        font-size: 3rem;
                        color: var(--green);
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.greentxt:hover {
                        background-color: var(--green);
                    }

                        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.greentxt:hover span .rate-icon {
                            font-family: font-awesome;
                            font-size: 3rem;
                            color: var(--white);
                        }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.greentxt b {
                        font-size: 1.4rem;
                        color: var(--green);
                        font-weight: 500;
                    }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.greentxt:hover b {
                        color: var(--white);
                    }

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

    15% {
        transform: translateX(-3px) rotate(-5deg);
    }

    30% {
        transform: translateX(3px) rotate(5deg);
    }

    45% {
        transform: translateX(-2px) rotate(-3deg);
    }

    60% {
        transform: translateX(2px) rotate(3deg);
    }

    75% {
        transform: translateX(-1px) rotate(-2deg);
    }

    100% {
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes blick {
    0% {
        transform: translate(-100%,-25%) rotate(10deg);
        left: -400%
    }

    25% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 0
    }

    50% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 400%
    }

    75% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 600%
    }

    100% {
        transform: translate(100%,-25%) rotate(10deg);
        left: 800%
    }
}

.agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt b {
    font-weight: 500;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt b.for-mobile {
        display: none;
    }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-left .btn-outer ul li .click-txt a.yellowtxt i {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.4rem;
    margin: 0 0.2rem;
}

.agent-hero-blk-outer .agent-hero-blk .agent-hero-left .pro-details {
    padding: 0;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .pro-details ul {
        margin: 0px;
        padding: 1rem 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        column-gap: 1.5rem;
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .pro-details ul li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 0.8rem;
        }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .pro-details ul li img {
                width: 3rem;
                height: 3rem;
            }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .pro-details ul li p {
                font-size: 1.4rem;
                color: var(--white);
                line-height: 2rem;
                margin: 0px;
                padding: 0px;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .pro-details ul li p a {
                    color: var(--white);
                }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-right {
    width: 30%;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop {
        padding: 0;
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi {
            background-color: var(--white);
            padding: 2rem;
            margin: 0.5rem 1rem;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi figure {
                width: 100%;
                height: 20rem;
                overflow: hidden;
                padding: 0 0 1rem 0;
                overflow: hidden;
                position: relative;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi figure .new-batch {
                    background-color: var(--blue);
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--white);
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2;
                    -webkit-border-radius: 3px;
                    -webkit-border-top-right-radius: 0;
                    -moz-border-radius: 3px;
                    -moz-border-radius-topright: 0;
                    border-radius: 3px;
                    border-top-right-radius: 0;
                    padding: 2px 5px;
                }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi figure .sold-batch {
                    background-color: var(--red-B9375D);
                    font-size: 1.3rem;
                    line-height: 1.6rem;
                    color: var(--white);
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2;
                    -webkit-border-radius: 3px;
                    -webkit-border-top-right-radius: 0;
                    -moz-border-radius: 3px;
                    -moz-border-radius-topright: 0;
                    border-radius: 3px;
                    border-top-right-radius: 0;
                    padding: 2px 5px;
                }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi figure img {
                    width: 100%;
                    height: 100%;
                }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi figure a {
                }

                    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi figure a img {
                        width: 100%;
                        height: 100%;
                        -webkit-border-top-left-radius: 4px;
                        -webkit-border-top-right-radius: 4px;
                        -moz-border-radius-topleft: 4px;
                        -moz-border-radius-topright: 4px;
                        border-top-left-radius: 4px;
                        border-top-right-radius: 4px;
                    }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi h3 {
                font-size: 1.6rem;
                line-height: 2rem;
                margin: 0;
                font-weight: 500;
                color: var(--black);
                padding: 1rem 1rem 1rem 0;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi h3 a {
                    color: var(--black);
                    padding: 0px;
                    margin: 0px;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share {
                padding: 0 0 0.5rem 0;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share .serv-name {
                    font-size: 1.3rem;
                    display: flex;
                    background-color: var(--white);
                    padding: 0.5rem 0.8rem;
                    color: var(--green);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    border: solid 1px var(--green);
                    font-weight: 500;
                }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share .mc-btn {
                    position: relative;
                    display: inline-block;
                    padding: 0.6rem 1.1rem;
                    font-size: 1.4rem;
                    border: 0;
                    border-radius: 4px;
                    color: white;
                    cursor: pointer;
                    overflow: hidden;
                    z-index: 0;
                    background: linear-gradient(90deg, #ff5f6d, #ffc371, #7ef0b6, #6dd5ed);
                    background-size: 400% 400%; /* large so it shifts */
                    -webkit-background-clip: text;
                    transition: transform .12s ease;
                }

@keyframes flow {
    0% {
        background-position: 0% 50%;
    }

    25% {
        background-position: 50% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    75% {
        background-position: 50% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share .mc-btn {
    animation: flow 6s ease infinite;
    color: #000;
    background-clip: padding-box;
}




.agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share .ser-share {
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share .ser-share a {
        display: flex;
        padding: 0.5rem;
        border: solid 1px var(--gray-ccc);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: var(--gray-f9f9f9);
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .serv-share .ser-share a span {
            font-size: 1.5rem;
            color: var(--black-666);
        }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .off-city {
    font-size: 1.4rem;
    color: var(--black-666);
    display: flex;
    align-items: center;
    padding: 0 0 1rem 0;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .single-busi .off-city span {
        color: var(--black-999);
        margin: 0 1rem 0 0;
        font-size: 1.8rem;
    }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .home-serv {
    padding: 0 0 1rem 0;
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .home-serv ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        column-gap: 1rem;
        flex-wrap: wrap;
    }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .home-serv ul li {
            margin: 0px;
            padding: 0 0 1rem 0;
            list-style: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 1rem;
            width: 48%;
        }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .home-serv ul li span .rate-icon {
                font-family: font-awesome;
                font-size: 1.4rem;
                color: var(--black-999);
            }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .home-serv ul li b {
                font-size: 1.2rem;
                line-height: 1.4rem;
                color: var(--black-666);
                font-weight: 500;
            }

.agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .btn-outer {
    padding: 1rem 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: dashed 1px var(--black-ccc);
}

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .btn-outer .price-rate {
        font-size: 1.6rem;
        line-height: 2rem;
        color: var(--green);
        font-weight: 600;
    }

    .agent-hero-blk-outer .agent-hero-blk .agent-hero-right .nearby-prop .btn-outer .links {
    }

.agent-sales-count {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem 2rem 1rem;
    width: 144rem;
    margin: 0 auto 2rem auto;
}

    .agent-sales-count ul {
        margin: 0px;
        padding: 3rem 2rem;
        background-color: var(--blue-E5F4FB);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        column-gap: 1.5rem;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
        width: 100%;
    }

        .agent-sales-count ul li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .agent-sales-count ul li b {
                display: block;
                font-size: 2.2rem;
                line-height: 2.6rem;
                color: var(--black);
                padding: 0 0 0.5rem 0;
                margin: 0px;
                font-weight: 600;
            }

            .agent-sales-count ul li p {
                display: block;
                font-size: 1.8rem;
                line-height: 2.2rem;
                color: var(--black-666);
                padding: 0 0 0.5rem 0;
                margin: 0px;
            }

.page-main-content .left-content .single-block-cont .agent-sale-property {
    background-color: var(--yellow-FFF1DA);
    padding: 3rem 2.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .page-main-content .left-content .single-block-cont .agent-sale-property ul {
        margin: 0px;
        padding: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        column-gap: 1.5rem;
        width: 100%;
    }

        .page-main-content .left-content .single-block-cont .agent-sale-property ul li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .page-main-content .left-content .single-block-cont .agent-sale-property ul li b {
                display: block;
                font-size: 2.2rem;
                line-height: 2.6rem;
                color: var(--black);
                padding: 0 0 0.5rem 0;
                margin: 0px;
                font-weight: 600;
            }

            .page-main-content .left-content .single-block-cont .agent-sale-property ul li p {
                display: block;
                font-size: 1.8rem !important;
                line-height: 2.4rem !important;
                color: var(--black-666) !important;
                padding: 0 0 0.5rem 0 !important;
                margin: 0px !important;
            }

.page-main-content .left-content .agent-own-prop {
    padding: 3rem 0 2rem 0;
}

    .page-main-content .left-content .agent-own-prop .single-busi {
        padding: 1rem;
        margin: 0.5rem 1rem;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }

        .page-main-content .left-content .agent-own-prop .single-busi figure {
            width: 100%;
            height: 15rem;
            overflow: hidden;
            padding: 0 0 1rem 0;
            overflow: hidden;
            position: relative;
        }

            .page-main-content .left-content .agent-own-prop .single-busi figure .new-batch {
                background-color: var(--blue);
                font-size: 1.3rem;
                line-height: 1.6rem;
                color: var(--white);
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                -webkit-border-radius: 3px;
                -webkit-border-top-right-radius: 0;
                -moz-border-radius: 3px;
                -moz-border-radius-topright: 0;
                border-radius: 3px;
                border-top-right-radius: 0;
                padding: 2px 5px;
            }

            .page-main-content .left-content .agent-own-prop .single-busi figure .sold-batch {
                background-color: var(--red-B9375D);
                font-size: 1.3rem;
                line-height: 1.6rem;
                color: var(--white);
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                -webkit-border-radius: 3px;
                -webkit-border-top-right-radius: 0;
                -moz-border-radius: 3px;
                -moz-border-radius-topright: 0;
                border-radius: 3px;
                border-top-right-radius: 0;
                padding: 2px 5px;
            }

            .page-main-content .left-content .agent-own-prop .single-busi figure img {
                width: 100%;
                height: 100%;
            }

            .page-main-content .left-content .agent-own-prop .single-busi figure a {
            }

                .page-main-content .left-content .agent-own-prop .single-busi figure a img {
                    width: 100%;
                    height: 100%;
                    -webkit-border-top-left-radius: 4px;
                    -webkit-border-top-right-radius: 4px;
                    -moz-border-radius-topleft: 4px;
                    -moz-border-radius-topright: 4px;
                    border-top-left-radius: 4px;
                    border-top-right-radius: 4px;
                }

        .page-main-content .left-content .agent-own-prop .single-busi h3 {
            font-size: 1.6rem;
            line-height: 2rem;
            margin: 0;
            font-weight: 500;
            color: var(--black);
            padding: 1rem 1rem 1rem 0;
        }

            .page-main-content .left-content .agent-own-prop .single-busi h3 a {
                color: var(--black);
                padding: 0px;
                margin: 0px;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .page-main-content .left-content .agent-own-prop .single-busi .serv-share {
            padding: 0 0 0.5rem 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

            .page-main-content .left-content .agent-own-prop .single-busi .serv-share .serv-name {
                font-size: 1.3rem;
                display: flex;
                background-color: var(--white);
                padding: 0.5rem 0.8rem;
                color: var(--green);
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                border: solid 1px var(--green);
                font-weight: 500;
            }

            .page-main-content .left-content .agent-own-prop .single-busi .serv-share .ser-share {
            }

                .page-main-content .left-content .agent-own-prop .single-busi .serv-share .ser-share a {
                    display: flex;
                    padding: 0.5rem;
                    border: solid 1px var(--gray-ccc);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    background-color: var(--gray-f9f9f9);
                }

                    .page-main-content .left-content .agent-own-prop .single-busi .serv-share .ser-share a span {
                        font-size: 1.5rem;
                        color: var(--black-666);
                    }

        .page-main-content .left-content .agent-own-prop .single-busi .off-city {
            font-size: 1.4rem;
            color: var(--black-666);
            display: flex;
            align-items: center;
            padding: 0 0 1rem 0;
        }

            .page-main-content .left-content .agent-own-prop .single-busi .off-city span {
                color: var(--black-999);
                margin: 0 1rem 0 0;
                font-size: 1.8rem;
            }

    .page-main-content .left-content .agent-own-prop .home-serv {
        padding: 0 0 1rem 0;
    }

        .page-main-content .left-content .agent-own-prop .home-serv ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 1rem;
            flex-wrap: wrap;
        }

            .page-main-content .left-content .agent-own-prop .home-serv ul li {
                margin: 0px;
                padding: 0 0 1rem 0;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1rem;
                width: 48%;
            }

                .page-main-content .left-content .agent-own-prop .home-serv ul li span .rate-icon {
                    font-family: font-awesome;
                    font-size: 1.4rem;
                    color: var(--black-999);
                }

                .page-main-content .left-content .agent-own-prop .home-serv ul li b {
                    font-size: 1.2rem;
                    line-height: 1.4rem;
                    color: var(--black-666);
                    font-weight: 500;
                }

    .page-main-content .left-content .agent-own-prop .btn-outer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .page-main-content .left-content .agent-own-prop .btn-outer .price-rate {
            font-size: 1.6rem;
            line-height: 2rem;
            color: var(--green);
            font-weight: 600;
        }

        .page-main-content .left-content .agent-own-prop .btn-outer .links {
        }

.page-main-content .left-content .single-block-cont .service-photos {
    position: relative;
    padding: 0 0 1rem 0;
}

    .page-main-content .left-content .single-block-cont .service-photos .ser-single-photo {
        padding: 1rem;
    }

        .page-main-content .left-content .single-block-cont .service-photos .ser-single-photo a {
            display: flex;
        }

            .page-main-content .left-content .single-block-cont .service-photos .ser-single-photo a figure {
                width: 100%;
                height: 20rem;
            }

                .page-main-content .left-content .single-block-cont .service-photos .ser-single-photo a figure img {
                    width: 100%;
                    height: 20rem;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

    .page-main-content .left-content .single-block-cont .service-photos .owl-theme .owl-controls .owl-buttons div {
        color: var(--black);
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 5px;
        padding: 1rem 1.2rem;
        background-color: var(--white);
        border: solid 1px var(--black);
        filter: Alpha(Opacity=50);
        opacity: 0.8;
        cursor: pointer;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

    .page-main-content .left-content .single-block-cont .service-photos .owl-theme .owl-controls .owl-buttons div {
        position: absolute;
    }

    .page-main-content .left-content .single-block-cont .service-photos .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -2rem;
        top: 36%;
    }

    .page-main-content .left-content .single-block-cont .service-photos .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -2.2rem;
        top: 36%;
    }

        .page-main-content .left-content .single-block-cont .service-photos .owl-theme .owl-controls .owl-buttons .owl-prev span.material-icons-outlined, .page-main-content .left-content .single-block-cont .service-photos .owl-theme .owl-controls .owl-buttons .owl-next span.material-icons-outlined {
            font-size: 3rem;
        }

    .page-main-content .left-content .single-block-cont .service-photos .more-photos {
        position: absolute;
        right: 17px;
        bottom: -5px;
        z-index: 5;
    }

        .page-main-content .left-content .single-block-cont .service-photos .more-photos ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 1rem;
        }

            .page-main-content .left-content .single-block-cont .service-photos .more-photos ul li {
                list-style: none;
                padding: 0 0 1rem 0;
                font-size: 1.4rem;
                line-height: 1.6rem;
                color: var(--black-666);
            }

                .page-main-content .left-content .single-block-cont .service-photos .more-photos ul li span {
                    background-color: var(--light-green-16972E);
                    color: var(--white);
                    padding: 0 0.5rem;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                }

                .page-main-content .left-content .single-block-cont .service-photos .more-photos ul li a {
                    color: var(--blue);
                }

.page-main-content .left-content .single-block-cont .whatsapp-promo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--yellow-FEF9D9);
    padding: 2rem 2.5rem;
    margin: 1.5rem 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

    .page-main-content .left-content .single-block-cont .whatsapp-promo .left-whatsapp {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 2rem;
    }

        .page-main-content .left-content .single-block-cont .whatsapp-promo .left-whatsapp p {
            padding: 0px;
            margin: 0px;
            font-size: 2rem;
            line-height: 3rem;
            color: var(--black);
            font-weight: 400;
        }

            .page-main-content .left-content .single-block-cont .whatsapp-promo .left-whatsapp p b {
                color: var(--whatsapp);
                font-weight: 700;
            }

    .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp {
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 2rem;
        border-left: dashed 1px var(--black-999);
    }

        .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number {
            background-color: var(--white);
            padding: 1rem;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            margin: 0 0 1.5rem 0;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
        }

            .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul {
                margin: 0px;
                padding: 0px;
                display: flex;
                flex-direction: row;
                align-items: center;
                column-gap: 1rem;
            }

                .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul li {
                    list-style: none;
                    padding: 0.5rem 0;
                }

                    .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul li span .rate-icon {
                        font-family: font-awesome;
                        font-size: 3rem;
                        color: var(--whatsapp);
                    }

                    .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul li .frm-outer {
                        width: 30rem;
                    }

                        .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul li .frm-outer input[type="text"] {
                            width: 100%;
                            border: solid 1px var(--gray-ccc);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                        }

        .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone {
        }

            .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul {
                margin: 0px;
                padding: 0px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                column-gap: 1rem;
            }

                .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul li {
                    list-style: none;
                    padding: 0.5rem 0;
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    color: var(--black);
                }

                    .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul li .click-txt {
                    }

                        .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul li .click-txt a {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            column-gap: 0.5rem;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                            font-size: 1.6rem;
                            line-height: 1.6rem;
                            flex-wrap: nowrap;
                            color: var(--blue);
                        }

                            .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul li .click-txt a span {
                                font-size: 2rem;
                                animation: wobble 1.5s infinite;
                            }

                            .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul li .click-txt a b {
                                padding: 0 0.5rem;
                                font-weight: 500;
                            }

.page-main-content .left-content .single-block-cont .sul-promo {
    margin: 1.5rem 0;
    background-color: var(--black-EFEBE8);
    padding: 2.5rem;
    position: relative;
    min-height: 26rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .page-main-content .left-content .single-block-cont .sul-promo figure {
        position: absolute;
        left: 6rem;
        bottom: 1px;
    }

    .page-main-content .left-content .single-block-cont .sul-promo .promo-content {
        padding: 0 0 0 22rem;
    }

        .page-main-content .left-content .single-block-cont .sul-promo .promo-content p {
            font-size: 2.5rem;
            line-height: 3.4rem;
            font-weight: 500;
            color: var(--black);
            padding: 0 0 1.5rem 0 important;
            margin: 0px;
            font-weight: 600;
        }

            .page-main-content .left-content .single-block-cont .sul-promo .promo-content p.small {
                font-size: 1.8rem;
                line-height: 3rem;
                font-weight: 400;
                color: var(--black--666);
                padding: 1rem 0 !important;
                margin: 0px;
            }

.agent-mobile-hero-blk {
    display: none;
}

.mobile-bottom-blk {
    display: none;
}
/* Agent detail page end here */









/* Media query starts here */
@media (max-width: 1366px) {
    .hero-blk-outer .hero-blk, .service-scroll, .page-main-content, .hero-blk-outer .breadcrumb, .service-footer-sticky .info, .service-scroll, .agent-hero-blk-outer .agent-hero-blk, .agent-sales-count, .single-promo-content {
        width: 128rem;
    }

        .hero-blk-outer .hero-blk .hero-left .top-details ul li {
            padding: 1rem;
        }

        .hero-blk-outer .hero-blk .hero-left {
            width: 65%;
        }

        .hero-blk-outer .hero-blk .hero-right {
            width: 35%
        }

        .page-main-content .right-content .common-service .single-busi-offer .btn-outer .left {
            font-size: 1.2rem;
        }

        .page-main-content .right-content .common-service .single-busi-offer .btn-outer .right a {
            font-size: 1.2rem;
        }

        .service-footer-sticky .info .lt-busi-content {
            width: 50%;
        }

        .service-footer-sticky .info .rt-busi-content {
            width: 50%
        }

        .service-footer-sticky .info .lt-busi-content .main-det ul li .rating b {
            font-size: 1.2rem;
        }

        .service-footer-sticky .info .lt-busi-content .main-det ul li .other-ser {
            font-size: 1.2rem;
            padding: 0.6rem;
        }

        .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .click-txt a.redtxt {
            font-size: 1.2rem;
        }

        .service-footer-sticky .info .rt-busi-content .call-btn-outer ul li .share-link a {
            padding: 0.5rem
        }

        .page-main-content .left-content .single-block-cont .types-prop ul li {
            width: 32%;
        }

        .page-main-content .right-content .common-service .single-property .home-serv ul li {
            width: 47%;
        }

        .page-main-content .left-content .nearby-prop .home-serv ul li {
            width: 47%;
        }

        .page-main-content .right-content .rt-com-outer .single-link ul li a {
            flex-wrap: wrap;
        }

            .page-main-content .right-content .rt-com-outer .single-link ul li a span, .page-main-content .right-content .rt-com-outer .single-link ul li a b, .page-main-content .right-content .rt-com-outer .single-link ul li a i {
                margin: 0 0 5px 0;
            }
}

@media (min-width: 1023px) and (max-width: 1280px) {
    .hero-blk-outer .hero-blk, .service-scroll, .page-main-content, .hero-blk-outer .breadcrumb, .service-footer-sticky .info, .service-scroll, .agent-hero-blk-outer .agent-hero-blk, .agent-sales-count, .single-promo-content {
        width: 120rem;
    }

        .hero-blk-outer .hero-blk .hero-left .top-details ul li {
            padding: 1rem 0.5rem;
        }

            .hero-blk-outer .hero-blk .hero-left .top-details ul li .content p, .hero-blk-outer .hero-blk .hero-left .top-details ul li .content b {
                font-size: 1.4rem;
            }

        .hero-blk-outer .hero-blk .hero-left {
            width: 65%;
        }

        .hero-blk-outer .hero-blk .hero-right {
            width: 35%
        }

        .page-main-content .right-content .common-service .single-busi-offer .btn-outer .left {
            font-size: 1.1rem;
        }

        .page-main-content .right-content .common-service .single-busi-offer .btn-outer .right a {
            font-size: 1.1rem;
        }

        .service-footer-sticky .info .lt-busi-content .main-det ul {
            column-gap: 1rem;
        }

            .service-footer-sticky .info .lt-busi-content .main-det ul li .rating b {
                font-size: 1.2rem;
            }

            .service-footer-sticky .info .lt-busi-content .main-det ul li .other-ser {
                font-size: 1.2rem;
                padding: 0.6rem;
            }

        .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links {
            padding: 0px;
        }

            .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul {
                flex-wrap: wrap;
            }

                .agent-hero-blk-outer .agent-hero-blk .agent-hero-left .top-content .agent-content .top-links ul li {
                    margin: 0 0 1.5rem 0;
                }

        .page-main-content .left-content .single-block-cont .types-prop ul li {
            width: 32%;
        }

        .page-main-content .right-content .common-service .single-property .home-serv ul li {
            width: 47%;
        }

        .page-main-content .left-content .nearby-prop .home-serv ul li {
            width: 47%;
        }
}

@media (min-width: 768px) {
    .stickybottomsheet {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        outline: 0;
        z-index: 9999
    }

        .stickybottomsheet .stickybottomsheet-container {
            height: calc(100% - 50px);
            min-height: calc(100% - 50px);
            max-width: 60rem;
            margin: 15px auto;
            position: relative;
            width: auto;
            pointer-events: none;
            display: flex;
            align-items: center;
        }

        .stickybottomsheet .stickybottomsheet-inner {
            overflow: hidden;
            width: 100%;
            max-height: 100%;
            z-index: 1;
            pointer-events: auto;
            position: relative;
            display: flex;
            flex-direction: column;
            background: #fff;
            height: auto;
            background-clip: padding-box;
            border-radius: 20px;
            outline: 0;
        }

        .stickybottomsheet .stickybottomsheet-container.small .stickybottomsheet-inner {
            border-radius: 20px;
        }
}

@media (max-width: 768px) {
    .hero-blk-outer {
        background-color: var(--black);
    }

        .hero-blk-outer .breadcrumb {
            display: none;
        }

        .hero-blk-outer .hero-blk, .service-scroll, .page-main-content, .hero-blk-outer .breadcrumb {
            width: 100%;
        }

    .service-footer-sticky {
        display: none;
    }

    .hero-blk-outer .hero-blk {
        flex-direction: column;
        padding: 1.5rem;
    }

        .hero-blk-outer .hero-blk .hero-left, .hero-blk-outer .hero-blk .hero-right {
            width: 100%;
        }

            .hero-blk-outer .hero-blk .hero-left .fst-sec ul {
                flex-wrap: wrap;
            }

                .hero-blk-outer .hero-blk .hero-left .fst-sec ul li {
                    margin: 0 0 1.5rem 0;
                }

                    .hero-blk-outer .hero-blk .hero-left .fst-sec ul li:last-child {
                        margin: 0px;
                        height: 33px;
                    }

            .hero-blk-outer .hero-blk .hero-left h1 {
                font-size: 2rem;
                line-height: 2.4rem;
                color: var(--white);
            }

            .hero-blk-outer .hero-blk .hero-left .ser-city {
                color: var(--white);
            }

                .hero-blk-outer .hero-blk .hero-left .ser-city i svg use {
                    fill: var(--white) !important;
                }

            .hero-blk-outer .hero-blk .hero-left .share-det ul li {
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

            .hero-blk-outer .hero-blk .hero-left .top-details ul {
                flex-wrap: wrap;
            }

                .hero-blk-outer .hero-blk .hero-left .top-details ul li {
                    width: 49%;
                    border-right: none;
                }

                    .hero-blk-outer .hero-blk .hero-left .top-details ul li span svg {
                        width: 30px;
                        height: 30px;
                    }

            .hero-blk-outer .hero-blk .hero-left .top-details {
                padding: 0;
                background-color: var(--white);
            }

            .hero-blk-outer .hero-blk .hero-left .call-btn-outer {
                display: none;
            }

            .hero-blk-outer .hero-blk .hero-left .share-det {
                padding: 1rem 0 1.5rem 0;
            }

    .page-main-content {
        flex-direction: column;
        padding: 1.5rem;
    }

        .page-main-content .left-content {
            width: 100%;
        }

            .page-main-content .left-content .single-block-cont {
                padding: 1rem;
            }

                .page-main-content .left-content .single-block-cont h2 {
                    font-size: 1.8rem;
                    line-height: 2.2rem;
                }

                .page-main-content .left-content .single-block-cont .quick-view {
                    flex-direction: column;
                }

                    .page-main-content .left-content .single-block-cont .quick-view .left-details {
                        width: 100%;
                    }

                        .page-main-content .left-content .single-block-cont .quick-view .left-details ul li {
                            width: 49%
                        }

                    .page-main-content .left-content .single-block-cont .quick-view .right-details {
                        width: 100%;
                    }

                        .page-main-content .left-content .single-block-cont .quick-view .right-details figure, .page-main-content .left-content .single-block-cont .quick-view .right-details figure a img {
                            width: 100%;
                            height: 100%;
                        }

                .page-main-content .left-content .single-block-cont .group-details ul {
                    flex-direction: column;
                }

                    .page-main-content .left-content .single-block-cont .group-details ul li {
                        width: 100%;
                    }

                .page-main-content .left-content .single-block-cont .loan-calculation ul {
                    flex-wrap: wrap;
                }

                    .page-main-content .left-content .single-block-cont .loan-calculation ul li {
                        width: 46%;
                    }

                .page-main-content .left-content .single-block-cont .btn-outer {
                    flex-direction: row;
                    flex-wrap: wrap;
                }

                    .page-main-content .left-content .single-block-cont .btn-outer div {
                        margin: 0 0 10px 0;
                    }

                    .page-main-content .left-content .single-block-cont .btn-outer .ortxt {
                        padding: 1rem 0;
                    }

            .page-main-content .left-content .nearby-prop .btn-outer {
                flex-direction: row;
            }

            .page-main-content .left-content .single-block-cont .near-neighbourhood ul {
                flex-direction: column;
            }

                .page-main-content .left-content .single-block-cont .near-neighbourhood ul li {
                    width: 100%;
                    margin: 0 0 1.5rem 0;
                }

            .page-main-content .left-content .common-promo-blk {
                flex-direction: column;
            }

                .page-main-content .left-content .common-promo-blk p {
                    padding: 0 0 0.5rem 0;
                }

            .page-main-content .left-content .single-block-cont table {
                width: 100%;
                overflow: scroll;
            }

    .uploaded-photo-show ul {
        flex-wrap: wrap;
    }

        .uploaded-photo-show ul li {
            width: 45%;
        }

    .page-main-content .left-content .single-block-cont .write-outer {
        padding: 1.5rem;
    }

    .page-main-content .left-content .single-block-cont .user-review-outer p {
        margin: 0px;
    }

    .page-main-content .right-content {
        width: 100%;
        margin: 2rem 0 0 0;
    }

    .single-promo-content {
        width: 100%;
    }

    .page-main-content .left-content .single-block-cont .table-outer {
        width: 100%;
        overflow-y: scroll;
    }

    .page-main-content .left-content .single-block-cont .whatsapp-promo {
        flex-direction: column;
        padding: 1rem;
    }

        .page-main-content .left-content .single-block-cont .whatsapp-promo .left-whatsapp {
            width: 100%;
            padding: 0px;
        }

            .page-main-content .left-content .single-block-cont .whatsapp-promo .left-whatsapp p {
                font-size: 1.6rem;
                line-height: 2rem;
            }

        .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp {
            width: 100%;
            padding: 1rem;
            border-left: none;
        }

            .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul {
                flex-direction: column;
            }

                .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .whatsapp-number ul li .frm-outer {
                    width: 23rem;
                }

            .page-main-content .left-content .single-block-cont .whatsapp-promo .right-whatsapp .phone ul {
                flex-direction: column;
            }

    .page-main-content .left-content .single-block-cont .sul-promo figure {
        display: none;
    }

    .page-main-content .left-content .single-block-cont .sul-promo .promo-content {
        padding: 0;
    }

    .page-main-content .left-content .single-block-cont .sul-promo {
        padding: 1.5rem;
        min-height: auto;
    }

        .page-main-content .left-content .single-block-cont .sul-promo .promo-content p {
            font-size: 2rem;
            line-height: 2.6rem;
        }

    .agent-hero-blk-outer {
        display: none;
    }

    .agent-sales-count {
        width: 100%;
    }

        .agent-sales-count ul {
            flex-wrap: wrap;
            padding: 1.5rem;
        }

            .agent-sales-count ul li {
                width: 47%;
                padding: 1rem 0;
            }

                .agent-sales-count ul li b {
                    font-size: 1.8rem;
                    line-height: 2.4rem;
                }

    .page-main-content .left-content .single-block-cont .agent-sales-count ul li p {
        text-align: center;
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .page-main-content .left-content .single-block-cont .agent-sale-property {
        padding: 1.5rem;
    }

        .page-main-content .left-content .single-block-cont .agent-sale-property ul li b {
            text-align: center;
            font-size: 1.6rem;
            line-height: 2rem;
        }

        .page-main-content .left-content .single-block-cont .agent-sale-property ul li p {
            text-align: center;
            font-size: 1.5rem !important;
            line-height: 2rem !important;
            padding: 1rem 0 !important;
        }

    .page-main-content .left-content .single-block-cont .write-outer .single-frm-fld .upload-photo-outer ul li {
        padding: 0 0 10px 0;
    }

    .agent-mobile-hero-blk {
        display: block;
        padding: 1rem;
        background-color: #3D3935;
        margin: 0 0 2rem 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

        .agent-mobile-hero-blk .cat-service {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0.5rem 0;
        }

            .agent-mobile-hero-blk .cat-service .lt-cat-ser {
            }

                .agent-mobile-hero-blk .cat-service .lt-cat-ser .profile-service {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    background-color: #FFE2E2;
                    margin: 0 0 0.5rem 0;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    .agent-mobile-hero-blk .cat-service .lt-cat-ser .profile-service a {
                        display: block;
                        font-size: 1.3rem;
                        line-height: 1.5rem;
                        display: block;
                        padding: 0.5rem 1rem;
                        color: var(--black);
                    }

            .agent-mobile-hero-blk .cat-service .rt-menu {
                position: relative;
            }

                .agent-mobile-hero-blk .cat-service .rt-menu a span {
                    color: var(--white);
                    margin: 0 0.5rem 0 0;
                }

                .agent-mobile-hero-blk .cat-service .rt-menu .drop-list {
                    display: none;
                    padding: 5px 0;
                    position: absolute;
                    right: 21px;
                    top: 3px;
                    background-color: var(--white);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    z-index: 10;
                }

                    .agent-mobile-hero-blk .cat-service .rt-menu .drop-list.active {
                        display: block;
                    }

                    .agent-mobile-hero-blk .cat-service .rt-menu .drop-list a {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        column-gap: 5px;
                        padding: 5px 10px;
                    }

                        .agent-mobile-hero-blk .cat-service .rt-menu .drop-list a span {
                            color: var(--black-999);
                            font-size: 14px;
                        }

                        .agent-mobile-hero-blk .cat-service .rt-menu .drop-list a b {
                            font-size: 14px;
                            line-height: 14px;
                            color: var(--black);
                            font-weight: normal;
                        }

        .agent-mobile-hero-blk .ser-title-ser {
            padding: 1rem 0.5rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            column-gap: 1rem;
        }

            .agent-mobile-hero-blk .ser-title-ser .lt-ser-title {
                width: calc(100% - 9rem);
            }

                .agent-mobile-hero-blk .ser-title-ser .lt-ser-title h1 {
                    font-size: 2rem;
                    line-height: 2.6rem;
                    padding: 0 0 1rem 0;
                    color: var(--white);
                    font-weight: 600;
                }

                .agent-mobile-hero-blk .ser-title-ser .lt-ser-title .rating {
                    cursor: pointer;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 1rem;
                }

                    .agent-mobile-hero-blk .ser-title-ser .lt-ser-title .rating a {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        background-color: var(--green);
                        padding: 0.4rem 0.8rem;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        font-size: 1.4rem;
                        line-height: 1.8rem;
                        color: var(--white);
                        font-weight: 600;
                    }

                        .agent-mobile-hero-blk .ser-title-ser .lt-ser-title .rating a span {
                            font-size: 1.4rem;
                            color: var(--white);
                            padding: 0 0 0 0.5rem;
                        }

                    .agent-mobile-hero-blk .ser-title-ser .lt-ser-title .rating b {
                        color: var(--white);
                        font-weight: 500;
                        font-size: 1.4rem;
                    }

                    .agent-mobile-hero-blk .ser-title-ser .lt-ser-title .rating span a {
                        display: inline-flex;
                        background-color: var(--white);
                        color: var(--blue);
                        font-weight: normal;
                    }

            .agent-mobile-hero-blk .ser-title-ser figure {
                height: 9rem;
                position: relative;
                background-color: var(--white);
                padding: 0.5rem;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                border: solid 1px var(--black-ccc)
            }

                .agent-mobile-hero-blk .ser-title-ser figure img {
                    width: 8rem;
                    height: 8rem;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

        .agent-mobile-hero-blk .sul-cer-blk {
            padding: 0.5rem 0.5rem 0.8rem 0.5rem;
        }

            .agent-mobile-hero-blk .sul-cer-blk ul {
                padding: 0;
                margin: 0px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                column-gap: 1.5rem;
            }

                .agent-mobile-hero-blk .sul-cer-blk ul li {
                    padding: 0px;
                    margin: 0px;
                }

                    .agent-mobile-hero-blk .sul-cer-blk ul li .claimed {
                        font-size: 1.4rem;
                        font-weight: 600;
                        color: var(--white);
                        display: flex;
                        align-items: center;
                    }

                        .agent-mobile-hero-blk .sul-cer-blk ul li .claimed span {
                            color: var(--white);
                            margin: 0 0.5rem 0 0;
                        }

                    .agent-mobile-hero-blk .sul-cer-blk ul li .no-claimed {
                        font-size: 1.4rem;
                        font-weight: 600;
                        color: var(--white);
                        display: flex;
                        align-items: center;
                    }

                        .agent-mobile-hero-blk .sul-cer-blk ul li .no-claimed span {
                            color: var(--white);
                            margin: 0 0.5rem 0 0;
                        }

                        .agent-mobile-hero-blk .sul-cer-blk ul li .no-claimed a {
                            color: var(--blue);
                        }

                    .agent-mobile-hero-blk .sul-cer-blk ul li .trust {
                        padding: 0 0 0 1rem;
                    }

                        .agent-mobile-hero-blk .sul-cer-blk ul li .trust a {
                            display: block;
                            position: relative;
                            background-color: #FFF100;
                            padding: 0.5rem 1rem 0.5rem 3rem;
                            font-size: 1.5rem;
                            line-height: 1.5rem;
                            font-weight: 500;
                            color: var(--black);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                        }

                            .agent-mobile-hero-blk .sul-cer-blk ul li .trust a span {
                                background-color: #FFF100;
                                position: absolute;
                                left: -8px;
                                top: -6px;
                                z-index: 2;
                                padding: 0.5rem;
                                -webkit-border-radius: 50px;
                                -moz-border-radius: 50px;
                                border-radius: 50px;
                            }

                                .agent-mobile-hero-blk .sul-cer-blk ul li .trust a span img {
                                    width: 2.5rem;
                                }

                    .agent-mobile-hero-blk .sul-cer-blk ul li .verified {
                        padding: 0 0 0 1rem;
                    }

                        .agent-mobile-hero-blk .sul-cer-blk ul li .verified a {
                            display: block;
                            position: relative;
                            border: solid 2px var(--white);
                            padding: 0.5rem 1.5rem 0.5rem 3.5rem;
                            font-size: 1.5rem;
                            line-height: 1.5rem;
                            font-weight: 500;
                            color: var(--white);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                        }

                            .agent-mobile-hero-blk .sul-cer-blk ul li .verified a span {
                                border: solid 2px var(--white);
                                position: absolute;
                                left: -8px;
                                top: -6px;
                                z-index: 2;
                                padding: 0.5rem;
                                -webkit-border-radius: 50px;
                                -moz-border-radius: 50px;
                                border-radius: 50px;
                                background-color: var(--white);
                            }

                                .agent-mobile-hero-blk .sul-cer-blk ul li .verified a span img {
                                    width: 2.2rem;
                                }

        .agent-mobile-hero-blk .lice-sco-details ul {
            margin: 0px;
            padding: 1rem 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 1.5rem;
        }

            .agent-mobile-hero-blk .lice-sco-details ul li {
                margin: 0px;
                padding: 0px;
                list-style: none;
            }

                .agent-mobile-hero-blk .lice-sco-details ul li .licence {
                    border: solid 1px var(--white);
                    padding: 0.8rem 1.2rem;
                    font-size: 1.4rem;
                    line-height: 1.4rem;
                    color: var(--white);
                    -webkit-border-radius: 20px;
                    -moz-border-radius: 20px;
                    border-radius: 20px;
                }

                .agent-mobile-hero-blk .lice-sco-details ul li .sul-score {
                    border: solid 1px var(--white);
                    font-size: 1.4rem;
                    line-height: 1.4rem;
                    color: var(--white);
                    -webkit-border-radius: 20px;
                    -moz-border-radius: 20px;
                    border-radius: 20px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                }

                    .agent-mobile-hero-blk .lice-sco-details ul li .sul-score span {
                        padding: 0.5rem;
                        font-size: 1.3rem;
                        line-height: 1.6rem;
                        color: var(--black);
                        -webkit-border-top-left-radius: 20px;
                        -webkit-border-bottom-left-radius: 20px;
                        -moz-border-radius-top-left: 20px;
                        -moz-border-radius-bottom-left: 20px;
                        border-top-left-radius: 20px;
                        border-bottom-left-radius: 20px;
                        background-color: var(--white);
                        font-weight: 500;
                    }

                    .agent-mobile-hero-blk .lice-sco-details ul li .sul-score b {
                        font-size: 1.4rem;
                        line-height: 1.4rem;
                        color: var(--white);
                        padding: 0 1rem;
                        font-weight: normal;
                    }

                .agent-mobile-hero-blk .lice-sco-details ul li .experience {
                }

                    .agent-mobile-hero-blk .lice-sco-details ul li .experience a {
                        color: var(--white);
                        font-size: 1.5rem;
                        color: var(--white);
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                    }

                        .agent-mobile-hero-blk .lice-sco-details ul li .experience a span {
                            color: var(--white);
                            margin: 0 0.5rem 0 0;
                            font-size: 2rem;
                        }

                        .agent-mobile-hero-blk .lice-sco-details ul li .experience a .opened {
                            background-color: var(--green);
                            color: var(--white);
                            font-size: 1.3rem;
                            line-height: 1.6rem;
                            padding: 0.3rem 1rem;
                            -webkit-border-radius: 20px;
                            -moz-border-radius: 20px;
                            border-radius: 20px;
                        }

        .agent-mobile-hero-blk .ser-busi-detail {
            padding: 0.5rem 0.5rem 0 0.5rem;
        }

            .agent-mobile-hero-blk .ser-busi-detail ul {
                margin: 0px;
                padding: 0px;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                column-gap: 1rem;
            }

                .agent-mobile-hero-blk .ser-busi-detail ul li {
                    padding: 0 0 0.5rem 0;
                    margin: 0px;
                }

                    .agent-mobile-hero-blk .ser-busi-detail ul li .busi-exp {
                        font-size: 1.5rem;
                        line-height: 2.2rem;
                        color: var(--white);
                        display: flex;
                        align-items: center;
                    }

                        .agent-mobile-hero-blk .ser-busi-detail ul li .busi-exp span {
                            color: var(--black-999);
                            margin: 0 0.5rem 0 0;
                        }

                        .agent-mobile-hero-blk .ser-busi-detail ul li .busi-exp a {
                            color: var(--white);
                        }

                    .agent-mobile-hero-blk .ser-busi-detail ul li .other-detail ul li b {
                        font-weight: normal;
                    }

        .agent-mobile-hero-blk .other-detail {
            padding: 0.5rem 0.2rem 0.8rem 0.2rem;
        }

            .agent-mobile-hero-blk .other-detail ul {
                margin: 0;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                column-gap: 0;
                padding: 0;
            }

                .agent-mobile-hero-blk .other-detail ul li {
                    position: relative;
                    margin: 0px;
                    padding: 0 4px;
                    list-style: none;
                    font-size: 1.3rem;
                    line-height: 1.3rem;
                    color: var(--white);
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    column-gap: 0.5rem;
                }

                    .agent-mobile-hero-blk .other-detail ul li a {
                        color: var(--white);
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                    }

                        .agent-mobile-hero-blk .other-detail ul li a span {
                            color: var(--black-999);
                        }

                        .agent-mobile-hero-blk .other-detail ul li a b {
                            font-weight: normal;
                            padding: 0 0 0 0.5rem;
                            color: var(--white);
                        }

                    .agent-mobile-hero-blk .other-detail ul li.open {
                        background-color: var(--black-f1f1f1);
                        color: var(--green);
                        font-weight: 600;
                        font-size: 1.4rem;
                        line-height: 1.8rem;
                        padding: 2px 5px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

                    .agent-mobile-hero-blk .other-detail ul li.closed {
                        background-color: var(--black-f1f1f1);
                        color: var(--red);
                        font-weight: 600;
                        font-size: 1.4rem;
                        line-height: 1.8rem;
                        padding: 2px 5px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

        .agent-mobile-hero-blk .contact-link {
            padding: 1.5rem 0 1rem 0;
        }

            .agent-mobile-hero-blk .contact-link ul {
                margin: 0 0.5rem;
                padding: 0.5rem 0;
                display: flex;
                flex-direction: row;
                justify-content: space-evenly;
                align-items: center;
                background-color: var(--black-f1f1f1);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                .agent-mobile-hero-blk .contact-link ul li {
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                    .agent-mobile-hero-blk .contact-link ul li a {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        position: relative;
                    }

                        .agent-mobile-hero-blk .contact-link ul li a .pin-num {
                            opacity: 0;
                            transform: translateY(-10px);
                            visibility: hidden;
                            transition: opacity 0.3s ease, transform 0.3s ease;
                            white-space: nowrap;
                            position: absolute;
                            left: -3px;
                            top: -17px;
                            font-size: 11px;
                            line-height: 11px;
                            letter-spacing: 0.5px;
                            color: var(--white);
                            padding: 3px 5px;
                            background-color: var(--black);
                            -webkit-border-radius: 3px;
                            -moz-border-radius: 3px;
                            border-radius: 3px;
                        }

                            .agent-mobile-hero-blk .contact-link ul li a .pin-num:after, .agent-mobile-hero-blk .contact-link ul li a .pin-num:before {
                                top: 100%;
                                left: 50%;
                                border: solid transparent;
                                content: "";
                                height: 0;
                                width: 0;
                                position: absolute;
                                pointer-events: none;
                            }

                            .agent-mobile-hero-blk .contact-link ul li a .pin-num:after {
                                border-color: rgba(0, 0, 0, 0);
                                border-top-color: #000;
                                border-width: 3px;
                                margin-left: -3px;
                            }

                            .agent-mobile-hero-blk .contact-link ul li a .pin-num:before {
                                border-color: rgba(0, 0, 0, 0);
                                border-top-color: #000;
                                border-width: 5px;
                                margin-left: -5px;
                            }

                            .agent-mobile-hero-blk .contact-link ul li a .pin-num.active {
                                opacity: 1;
                                transform: translateY(0);
                                visibility: visible;
                            }

                        .agent-mobile-hero-blk .contact-link ul li a span {
                            display: inline-flex;
                            padding: 1rem;
                            margin: 0.5rem;
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                            transition: 1s;
                            border: solid 1px var(--black-999);
                        }

                .agent-mobile-hero-blk .contact-link ul.all-links li a span {
                    display: inline-flex;
                    padding: 1rem;
                    margin: 0.5rem;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    transition: 1s;
                    border: solid 1px var(--black-999);
                }

                .agent-mobile-hero-blk .contact-link ul li a span .rate-icon {
                    font-family: font-awesome;
                    font-size: 2rem;
                    color: var(--black);
                }

                .agent-mobile-hero-blk .contact-link ul li a b {
                    font-size: 1.3rem;
                    color: var(--black);
                    font-weight: 500;
                    text-align: center;
                }

                .agent-mobile-hero-blk .contact-link ul li a span.call {
                    background-color: var(--red);
                    border: solid 1px var(--red);
                }

                    .agent-mobile-hero-blk .contact-link ul li a span.call .rate-icon {
                        color: var(--white);
                    }

                .agent-mobile-hero-blk .contact-link ul li a span.whatsapp {
                    background-color: transparent;
                    border: solid 1px var(--green);
                    padding: 0.8rem 0.8rem;
                }

                    .agent-mobile-hero-blk .contact-link ul li a span.whatsapp .rate-icon {
                        color: var(--green);
                        font-size: 2.5rem;
                    }

                .agent-mobile-hero-blk .contact-link ul.two-links {
                    padding: 1rem;
                    column-gap: 1rem;
                }

                    .agent-mobile-hero-blk .contact-link ul.two-links li {
                        width: 50%;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

                        .agent-mobile-hero-blk .contact-link ul.two-links li a {
                            flex-direction: row;
                            column-gap: 0.5rem;
                            width: 100%;
                            justify-content: center;
                            align-items: center;
                        }

                            .agent-mobile-hero-blk .contact-link ul.two-links li a.call {
                                background-color: var(--red);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                                padding: 1.2rem 0;
                            }

                                .agent-mobile-hero-blk .contact-link ul.two-links li a.call span {
                                    padding: 0;
                                    margin: 0px;
                                }

                                .agent-mobile-hero-blk .contact-link ul.two-links li a.call b {
                                    font-size: 1.7rem;
                                    color: var(--white)
                                }

                            .agent-mobile-hero-blk .contact-link ul.two-links li a.share {
                                border: solid 1px var(--black-999);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                                padding: 1.2rem 0;
                            }

                                .agent-mobile-hero-blk .contact-link ul.two-links li a.share span {
                                    padding: 0;
                                    margin: 0px;
                                    border: none;
                                }

                                .agent-mobile-hero-blk .contact-link ul.two-links li a.share b {
                                    font-size: 1.7rem;
                                    color: var(--black)
                                }

                        .agent-mobile-hero-blk .contact-link ul.two-links li.whatsapp {
                            border: solid 1px var(--green);
                        }

                        .agent-mobile-hero-blk .contact-link ul.two-links li a.whatsapp {
                            background-color: transparent;
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                            padding: 1rem 0;
                        }

                            .agent-mobile-hero-blk .contact-link ul.two-links li a.whatsapp span {
                                padding: 0;
                                margin: 0px;
                                border: none;
                            }

                            .agent-mobile-hero-blk .contact-link ul.two-links li a.whatsapp b {
                                font-size: 1.7rem;
                                color: var(--green)
                            }

                .agent-mobile-hero-blk .contact-link ul.single-links {
                    padding: 1rem;
                    margin: 0 0.2rem;
                    column-gap: 1rem;
                    flex-wrap: wrap;
                }

                    .agent-mobile-hero-blk .contact-link ul.single-links li {
                        width: 100%;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

                        .agent-mobile-hero-blk .contact-link ul.single-links li a {
                            flex-direction: row;
                            column-gap: 0.5rem;
                            width: 100%;
                            justify-content: center;
                            align-items: center;
                        }

                            .agent-mobile-hero-blk .contact-link ul.single-links li a.call {
                                background-color: var(--red);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                                padding: 1rem 0;
                            }

                                .agent-mobile-hero-blk .contact-link ul.single-links li a.call span {
                                    padding: 0;
                                    margin: 0px;
                                }

                                .agent-mobile-hero-blk .contact-link ul.single-links li a.call b {
                                    font-size: 1.7rem;
                                    color: var(--white)
                                }

                            .agent-mobile-hero-blk .contact-link ul.single-links li a.share {
                                border: solid 1px var(--black-999);
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
                                padding: 0.8rem 0;
                            }

                                .agent-mobile-hero-blk .contact-link ul.single-links li a.share span {
                                    padding: 0;
                                    margin: 0px;
                                    border: none;
                                }

                                .agent-mobile-hero-blk .contact-link ul.single-links li a.share b {
                                    font-size: 1.7rem;
                                    color: var(--black)
                                }

                        .agent-mobile-hero-blk .contact-link ul.single-links li.whatsapp {
                        }

                        .agent-mobile-hero-blk .contact-link ul.single-links li a.whatsapp {
                            background-color: var(--green);
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;
                            padding: 0.8rem 0;
                        }

                            .agent-mobile-hero-blk .contact-link ul.single-links li a.whatsapp span .rate-icon {
                                padding: 0;
                                margin: 0px;
                                border: none;
                                color: var(--white);
                            }

                            .agent-mobile-hero-blk .contact-link ul.single-links li a.whatsapp b {
                                font-size: 1.7rem;
                                color: var(--white)
                            }

        .agent-mobile-hero-blk .enquire a {
            display: block;
            padding: 1rem;
            border: solid 1px var(--white);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--black);
            text-align: center;
            background-color: var(--white);
        }

            .agent-mobile-hero-blk .enquire a b {
                font-weight: 600;
            }

        .agent-mobile-hero-blk .pro-details {
            padding: 0;
        }

            .agent-mobile-hero-blk .pro-details ul {
                margin: 0px;
                padding: 0;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                column-gap: 1.5rem;
            }

                .agent-mobile-hero-blk .pro-details ul li {
                    margin: 0px;
                    padding: 0 0 0.5rem 0.3rem;
                    list-style: none;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 0.8rem;
                }

                    .agent-mobile-hero-blk .pro-details ul li img {
                        width: 3rem;
                        height: 3rem;
                    }

                    .agent-mobile-hero-blk .pro-details ul li p {
                        font-size: 1.4rem;
                        color: var(--white);
                        line-height: 2rem;
                        margin: 0px;
                        padding: 0px;
                    }

                        .agent-mobile-hero-blk .pro-details ul li p a {
                            color: var(--white);
                        }

                    .agent-mobile-hero-blk .pro-details ul li span {
                        background-color: var(--yellow);
                        padding: 2px 4px;
                        margin: 0 2px;
                        font-size: 14px;
                        color: var(--black);
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

    .hero-blk-outer .hero-blk .hero-left .top-details ul {
        justify-content: flex-start;
    }

    .pg-outer .photos-gallery .content-blk .image-content .more-photos {
        padding: 1rem 2rem;
    }

    .pg-outer {
        height: 100vh;
    }

        .pg-outer .photos-gallery .top-block .close {
            right: 16px;
            top: 7px;
        }

        .pg-outer .photos-gallery .top-block {
            padding: 6rem 2rem 2rem 2rem;
        }

        .pg-outer .photos-gallery {
            width: 100%;
            height: 100vh;
            padding: 0px;
        }

            .pg-outer .photos-gallery .content-blk .left-img {
                display: none;
            }

            .pg-outer .photos-gallery .content-blk .image-content {
                width: 100%;
                height: auto;
                padding: 0px;
            }

                .pg-outer .photos-gallery .content-blk .image-content .big-service-photos {
                    width: 100%;
                    margin: 0px;
                }

                    .pg-outer .photos-gallery .content-blk .image-content .big-service-photos .ser-single-photo {
                        height: 100%;
                    }

            .pg-outer .photos-gallery .top-block h3 {
                font-size: 1.8rem;
                line-height: 2.4rem;
                padding: 0 1rem 1.5rem 0
            }

            .pg-outer .photos-gallery .top-block .btn-outer a {
                font-size: 1.4rem;
            }

                .pg-outer .photos-gallery .top-block .btn-outer a svg.my-icon {
                    font-size: 2rem;
                }

            .pg-outer .photos-gallery .content-blk .image-content .big-service-photos .owl-theme .owl-controls .owl-buttons .owl-prev, .pg-outer .photos-gallery .content-blk .image-content .big-service-photos .owl-theme .owl-controls .owl-buttons .owl-next {
                top: 40%;
            }

    .mobile-bottom-blk {
        display: block;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 50;
        background-color: var(--white);
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

        .mobile-bottom-blk.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0px);
        }

        .mobile-bottom-blk ul {
            margin: 0px;
            padding: 1.5rem;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            column-gap: 0.5rem;
        }

            .mobile-bottom-blk ul li {
                margin: 0px;
                padding: 0px;
            }

                .mobile-bottom-blk ul li a {
                    position: relative;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    column-gap: 0.5rem;
                    padding: 0.8rem;
                    background-color: var(--gray-ccc);
                    color: var(--black);
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                    .mobile-bottom-blk ul li a .pin-num {
                        opacity: 0;
                        transform: translateY(-10px);
                        visibility: hidden;
                        transition: opacity 0.3s ease, transform 0.3s ease;
                        white-space: nowrap;
                        position: absolute;
                        left: -7%;
                        top: -23px;
                        font-size: 13px;
                        line-height: 13px;
                        letter-spacing: 0.5px;
                        color: var(--white);
                        padding: 3px 5px;
                        background-color: var(--black);
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

                        .mobile-bottom-blk ul li a .pin-num:after, .mobile-bottom-blk ul li a .pin-num:before {
                            top: 100%;
                            left: 50%;
                            border: solid transparent;
                            content: "";
                            height: 0;
                            width: 0;
                            position: absolute;
                            pointer-events: none;
                        }

                        .mobile-bottom-blk ul li a .pin-num:after {
                            border-color: rgba(0, 0, 0, 0);
                            border-top-color: #000;
                            border-width: 3px;
                            margin-left: -3px;
                        }

                        .mobile-bottom-blk ul li a .pin-num:before {
                            border-color: rgba(0, 0, 0, 0);
                            border-top-color: #000;
                            border-width: 5px;
                            margin-left: -5px;
                        }

                        .mobile-bottom-blk ul li a .pin-num.active {
                            opacity: 1;
                            transform: translateY(0);
                            visibility: visible;
                        }

                    .mobile-bottom-blk ul li a span {
                    }

                        .mobile-bottom-blk ul li a span .rate-icon {
                            font-family: font-awesome;
                            font-size: 1.5rem;
                            color: var(--black);
                        }

                    .mobile-bottom-blk ul li a b {
                        font-size: 1.5rem;
                        font-weight: 500;
                    }

                    .mobile-bottom-blk ul li a.red-but {
                        background-color: var(--red);
                    }

                        .mobile-bottom-blk ul li a.red-but span .rate-icon {
                            color: var(--white);
                        }

                        .mobile-bottom-blk ul li a.red-but b {
                            color: var(--white);
                        }

                    .mobile-bottom-blk ul li a.yellow-but {
                        background-color: var(--yellow);
                    }

                        .mobile-bottom-blk ul li a.yellow-but span .rate-icon {
                            color: var(--black);
                        }

                        .mobile-bottom-blk ul li a.yellow-but b {
                            color: var(--black);
                        }

                    .mobile-bottom-blk ul li a.green-but {
                        background-color: var(--green);
                    }

                        .mobile-bottom-blk ul li a.green-but span .rate-icon {
                            color: var(--white);
                        }

                        .mobile-bottom-blk ul li a.green-but b {
                            color: var(--white);
                        }

            .mobile-bottom-blk ul.two-link {
                column-gap: 1.5rem;
            }

                .mobile-bottom-blk ul.two-link li {
                    width: 50%;
                }

                    .mobile-bottom-blk ul.two-link li a {
                        font-size: 1.5rem;
                        justify-content: center;
                        align-items: center;
                    }

            .mobile-bottom-blk ul.single-link {
                column-gap: 1.5rem;
            }

                .mobile-bottom-blk ul.single-link li {
                    width: 100%;
                }

                    .mobile-bottom-blk ul.single-link li a {
                        font-size: 1.5rem;
                        justify-content: center;
                        align-items: center;
                    }

        .mobile-bottom-blk .sales-outer {
            padding: 10px 0 0 0;
        }

            .mobile-bottom-blk .sales-outer ul {
                margin: 8px 0 0 0;
                padding: 0px;
                display: flex;
                flex-direction: row;
                justify-content: center;
                border-top: solid 1px var(--black-ccc);
                border-bottom: solid 1px var(--black-ccc);
            }

                .mobile-bottom-blk .sales-outer ul li {
                    margin: 0px;
                    padding: 5px 10px;
                    list-style: none;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    border-right: solid 1px var(--black-ccc);
                }

                    .mobile-bottom-blk .sales-outer ul li:last-child {
                        border-right: none;
                    }

                    .mobile-bottom-blk .sales-outer ul li span {
                        font-size: 20px;
                        color: var(--black-999);
                        margin: 0 5px 0 0;
                    }

                    .mobile-bottom-blk .sales-outer ul li b {
                        font-size: 14px;
                        font-weight: normal;
                        margin: 0 5px 0 0;
                    }

    .work-timing-outer ul li .day {
        width: 8.5rem;
        font-size: 1.2rem;
    }

    .work-timing-outer ul li .timing {
        width: 15rem;
        font-size: 1.4rem;
    }

    .connect-contact {
        padding: 1rem 0;
    }

        .connect-contact ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
        }

            .connect-contact ul li {
                padding: 0 0 1rem 0;
                margin: 0px;
            }

                .connect-contact ul li a {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    background-color: var(--blue);
                    color: var(--black);
                    column-gap: 1rem;
                    padding: 1rem;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px
                }

                .connect-contact ul li b {
                    font-size: 1.5rem;
                    line-height: 1.5rem;
                    font-weight: 600;
                    color: var(--white);
                }

                .connect-contact ul li i {
                    font-size: 1.4rem;
                    line-height: 1.5rem;
                    color: var(--white);
                    font-style: none;
                }

                .connect-contact ul li p {
                    padding: 1rem 0 0 0;
                    font-size: 1.5rem;
                    line-height: 2rem;
                    color: var(--black-666);
                }

    .page-main-content .left-content .single-block-cont .types-prop ul li {
        width: 47%;
        height: 15rem;
    }

    .page-main-content .left-content .single-block-cont .more-pro-link ul {
        flex-wrap: wrap;
    }

    .tech-content-outer {
        border-bottom: solid 1px #999;
        padding: 15px 0;
        margin: 0;
    }

        .tech-content-outer ul {
            margin: 0;
            padding: 0 20px;
        }

            .tech-content-outer ul li {
                margin: 0 0 0 20px;
                padding: 0 0 5px 0;
                list-style: disc;
            }
}
/* Media query end here */
/* Page CSS end here */