/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;500&display=swap');

:root {
    --greenD: #1d1742;
    --greenM: #52a5ff;
    --greenN: #1056be;
    --greenL: #f73030;
    --white: #ffffff;
    --grayD: #4c4c4c;
    --grayN: #b1b1b1;
    --grayL: #f8f9fa;
    --error: #dc3545;
    --yellow: #f7b900;
    --borderGrayL: #dee2e6;
    --greenD-rgb: 29, 23, 66;
    --greenM-rgb: 82, 165, 255;
    --greenN-rgb: 16, 86, 190;
    --greenL-rgb: 247, 48, 48;
    --white-rgb: 255, 255, 255;
    --grayD-rgb: 76, 76, 76;
    --grayN-rgb: 177, 177, 177;
    --grayL-rgb: 248, 249, 250;
    --yellow-rgb: 247, 185, 0;
    --error-rgb: 220, 53, 69;
    /*
    --greenD: #183424;
    --greenM: #198347;
    --greenN: #27b062;
    --greenL: #50d188;
    --white: var(--white);
    --grayD: #727070;
    --grayN: #d9d9d9;
    --grayL: #fbfbfb;
    --error: #dc3545;
    --yellow: #f7b900;
    --greenD-rgb: 24, 52, 36;
    --greenM-rgb: 25, 131, 71;
    --greenN-rgb: 39, 176, 98;
    --greenL-rgb: 80, 209, 136;
    --white-rgb: 255, 255, 255;
    --grayD-rgb: 114, 112, 112;
    --grayN-rgb: 217, 217, 217;
    --grayL-rgb: 251, 251, 251;
    --yellow-rgb: 247, 185, 0;
    --error-rgb: 220, 53, 69;
    */
    --weight-normal: 300;
    --weight-bold: 500;
}

body {
    /*font-family: 'Montserrat', sans-serif !important;*/
    font-family: 'Rubik', sans-serif !important;
    font-weight: var(--weight-normal) !important;
    font-size: 14px;
    line-height: 20px;
    padding-top: 55px !important;
    color: var(--greenD);
    letter-spacing: 0.4px;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
}

b, strong {
    font-weight: var(--weight-bold);
}

.small, small {
    font-weight: var(--weight-normal);
    font-size: 80%;
}

*, *:focus {
    box-shadow: none !important;
    border-color: inherit;
    outline: none !important;
}

a, a:active, a:focus {
    outline: none !important;
    text-decoration: none
}

a {
    color: var(--greenN);
    transition: all .2s;
}

.lh1-5 {
    line-height: 1.5 !important;
}

a:hover {
    color: var(--greenD);
}

a, a:hover {
    text-decoration: none;
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(var(--greenD-rgb),0.1);
    -webkit-border-radius: 0;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(var(--greenD-rgb),0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(var(--greenD-rgb),0.02);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(var(--greenD-rgb),0.08);
    }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.error {
    color: var(--error);
    font-size: 12px;
}

/*
.row * {
    word-break: break-all;
}
*/

.btn {
    background-color: var(--greenM);
    color: var(--white);
    font-weight: var(--weight-bold);
}

    .btn.def {
        /*background-color: var(--greenN);
    color: var(--white);*/
        background-color: rgba(var(--white-rgb),0.94);
        color: var(--greenN);
        border-color: var(--greenN);
    }

        .btn.def:hover {
            background-color: var(--greenD);
            color: var(--white);
            border-color: var(--greenD);
            /*box-shadow:0 0 0 1px var(--greenN) inset!important;*/
        }

    .btn.defL {
        /*background-color: var(--greenM);
    color: var(--white);*/
        background-color: transparent;
        color: var(--greenN);
        border-color: var(--greenM);
    }

        .btn.defL:hover {
            background-color: var(--greenD);
            color: var(--white);
            border-color: var(--greenD);
            /*box-shadow:0 0 0 1px var(--greenN) inset!important;*/
        }

.btnInvrt .btn.invrt {
    background-color: var(--greenD);
    color: var(--white);
    border-color: var(--greenD);
}

    .btnInvrt .btn.invrt:hover {
        background-color: var(--greenN);
        color: var(--white);
        border-color: var(--greenN);
        /*box-shadow:0 0 0 1px var(--greenN) inset!important;*/
    }

.btn.red {
    /*background-color: var(--greenL);*/
    background-color: var(--white);
    color: var(--white);
    border-color: var(--greenL);
    color: var(--greenL);
}

    .btn.red:hover {
        background-color: var(--greenN);
        color: var(--white);
        border-color: var(--greenN);
        /*box-shadow:0 0 0 1px var(--greenN) inset!important;*/
    }

.btn.dis {
    background-color: var(--greenL);
    color: var(--white);
    /* box-shadow: 0 0 0 1px var(--greenN) inset!important; */
    border-color: var(--greenL);
}

.btn {
    font-size: 14px;
    line-height: 1.3;
}

    .btn.dis:hover {
        background-color: var(--white);
        color: var(--greenL);
        /*box-shadow:0 0 0 0 var(--greenN) inset!important;*/
        border-color: var(--white);
    }

    .btn.btnY {
        box-shadow: 0px 0px 5px 5px #fff !important;
        background: var(--yellow);
        color: var(--greenD);
        border-color: var(--yellow);
    }

        .btn.btnY:hover {
            box-shadow: 0px 0px 5px 5px #fff, 0px 0px 1px 1px #fff inset !important;
        }

.btnShake {
    animation: shake 1.5s cubic-bezier(.36,.07,.19,.97) infinite;
}

    .btnShake:hover {
        animation: none;
    }

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.bold {
    font-weight: var(--weight-bold) !important;
}

.normal {
    font-weight: var(--weight-normal) !important;
}

.noRecordImg {
    margin: 25px 0;
    opacity: 0.3;
    width: 50%;
    max-width: 200px;
}

.font12, .font12 * {
    font-size: 12px !important;
}

.font14, .font14 * {
    font-size: 14px !important;
}

.font16, .font16 * {
    font-size: 16px !important;
}

.font22, .font22 * {
    font-size: 22px !important;
}

.textGreenD {
    color: var(--greenD);
}

.textGreenM {
    color: var(--greenM);
}

.textGreenN {
    color: var(--greenN);
}

.textGreenL {
    color: var(--greenL);
}

.textWhite {
    color: var(--white);
}

.textGrayD {
    color: var(--grayD);
}

.textGrayN {
    color: var(--grayN);
}

.textGrayL {
    color: var(--grayL);
}

.bgGreenD {
    background-color: var(--greenD);
}

.bgGreenM {
    background-color: var(--greenM);
}

.bgGreenN {
    background-color: var(--greenN);
}

.bgGreenL {
    background-color: var(--greenL);
}

.bgWhite {
    background-color: var(--white);
}

.bgGrayD {
    background-color: var(--grayD);
}

.bgGrayN {
    background-color: var(--grayN);
}

.bgGrayL {
    background-color: var(--grayL);
}

#topNavBar .navbar-nav {
    height: 30px;
}

    #topNavBar .navbar-nav .nav-item {
        display: flex;
        align-items: center;
    }

        #topNavBar .navbar-nav .nav-item .dropdown-menu {
            background-color: var(--grayL);
            padding: 0;
            overflow: hidden;
            border: none;
            box-shadow: 0 4px 4px 0 rgba(var(--greenD-rgb),0.3);
            border-radius: 0 6px 6px 6px;
        }

            #topNavBar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
                color: var(--grayD);
                padding: 8px 12px;
                font-weight: var(--weight-normal);
                font-size: 14px;
            }

                #topNavBar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
                    background-color: var(--greenL);
                    color: var(--white);
                }

        #topNavBar .navbar-nav .nav-item .nav-link {
            color: var(--white);
            transition: .2s;
            font-size: 15px;
            font-weight: var(--weight-normal);
        }

            #topNavBar .navbar-nav .nav-item .nav-link:hover {
                color: var(--greenM);
            }

            #topNavBar .navbar-nav .nav-item .nav-link .badge {
                align-items: center;
                display: flex;
                column-gap: 5px;
            }

        #topNavBar .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle,
        #topNavBar .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle {
            background-color: var(--grayL);
            border-radius: 6px 6px 0 0;
            color: var(--greenD);
        }

.body {
    overflow: hidden;
}

.navbar-brand {
    padding: 0;
}

.homeBanner > .container {
    position: relative;
    z-index: 2;
}

option {
    text-align: left;
}

.card {
    overflow: hidden;
}

.scroll250 {
    max-height: 250px;
    overflow: auto;
}

.scroll350 {
    max-height: 350px;
    overflow: auto;
}

.nav-link {
    color: var(--white);
}

    .nav-link:hover {
        color: #27b062;
    }

.homeSearchWrap * {
    outline: 0;
    box-shadow: none !important;
    border-radius: 0;
    font-weight: var(--weight-normal);
}

.homeSearchWrap .btn-group * {
    font-weight: var(--weight-bold);
}

.homeSearchWrap {
    /* background-color:#f8f8f8; */
    background-color: rgba(var(--greenD-rgb), 0.57);
    border-radius: 10px 10px 0 0;
    padding: 30px 40px;
}

    .homeSearchWrap.inner {
        background-color: rgba(var(--greenD-rgb), 0.57);
        border-radius: 0;
        padding: 20px 10px;
    }

    .homeSearchWrap > .h4 {
        color: var(--white);
    }

    .homeSearchWrap .btnWrap {
        border-top: 1px solid var(--white) !important;
    }

    .homeSearchWrap .filter {
        background-color: #f8f8f800;
        font-size: 18px;
        color: var(--white);
    }

        .homeSearchWrap .filter.active,
        .homeSearchWrap .filter.active:focus,
        .homeSearchWrap .filter:focus,
        .homeSearchWrap .filter.focus:focus,
        .homeSearchWrap .filter.focus {
            background-color: rgba(var(--greenN-rgb),0.35);
            border-bottom: 3px solid var(--greenN);
            color: var(--white);
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            outline: none;
        }

.homeSearchArea {
    background: var(--white);
    display: flex;
}

    .homeSearchArea .input-group-prepend.p1 {
        padding-right: 8px;
        margin-right: 8px;
        border-right: 1px solid #dee2e6 !important;
    }

    .homeSearchArea .searchBtn {
        display: inline-block;
        font-weight: var(--weight-bold);
        cursor: pointer;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border: none;
        padding: 6px 12px;
        line-height: 1.5;
        margin-top: -1px;
        margin-bottom: -1px;
        background-color: var(--greenN);
        color: var(--white);
    }

    .homeSearchArea .searchBtn {
        /*background-color: var(--greenD);*/
        background-color: var(--greenL);
    }

.bannerMenuWrap {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

    .bannerMenuWrap .bannerMenu {
        background: var(--greenD);
        padding: 10px 5px;
    }

        .bannerMenuWrap .bannerMenu li {
            margin: 0 4px;
        }

        .bannerMenuWrap .bannerMenu .btn.def {
            color: var(--white);
            border-radius: 22px;
            /*padding: 2px 10px;*/
            padding: 8px 10px 6px 10px;
            /*background-color: rgba(var(--greenN-rgb),0);*/
            background-color: rgba(var(--greenN-rgb),0.2);
        }

            .bannerMenuWrap .bannerMenu .btn.def:after {
                content: ">";
                padding-left: 8px;
                line-height: 1;
                font-weight: var(--weight-normal);
                opacity: 0.5;
            }

            .bannerMenuWrap .bannerMenu .btn.def:hover {
                /* background-color: #f68a1d; */
                background-color: rgba(var(--greenN-rgb),0.65);
                color: var(--white);
            }

                .bannerMenuWrap .bannerMenu .btn.def:hover:after {
                    opacity: 1;
                }

.homeBanner {
    background: url(../../images/homeBanner.jpg) no-repeat center center;
    background-size: cover;
    padding: 50px 0 80px 0;
    position: relative;
    z-index: 1;
}

    .homeBanner:after {
        content: '';
        top: 0;
        transform: translateX(100%);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        animation: slide 3s infinite;
        /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.4)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
    }

/* animation */
@-webkit-keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.carouselPropBox {
    color: var(--greenD);
    border: none;
    overflow: auto;
    margin: 0;
    /*background-color: rgba(var(--grayN-rgb),0.2);*/
    background-color: rgba(var(--grayL-rgb),0.2);
    box-shadow: 0px 0px 3px -1px var(--grayD) !important;
}

    .carouselPropBox:hover .card-body {
        background-image: url(/images/newWindow-ltr.png) !important;
        background-repeat: no-repeat !important;
        background-position: right 5px bottom 12px;
        background-size: auto;
    }

        .carouselPropBox:hover .card-body.cardUp {
            background-image: none !important;
        }

    .carouselPropBox:hover {
        box-shadow: 0px 17px 19px -25px var(--grayD) !important;
    }

    .carouselPropBox .card-body {
        position: relative;
        padding: 10px 15px;
        text-transform: capitalize;
    }

        .carouselPropBox .card-body > div {
            position: relative;
            z-index: 2;
        }
    /*.carouselPropBox .card-body:after {
    content: "";
    position: absolute;
    height: 150%;
    border: 1px solid var(--greenL);
    bottom: 0;
    width: calc(100% - 20px);
    left: 10px;
    z-index: 0;
}
.carouselPropBox .card-body:before {
    content: "";
    position: absolute;
    height: calc(150% - 20px);
    background-color: rgba(var(--grayN-rgb),0.2);
    bottom: 10px;
    width: 100%;
    left: 0;
    z-index: 0;
    box-shadow: 0 0 6px -3px var(--grayD);
}*/
    .carouselPropBox.carouselPropBoxSplit .propThum {
        overflow: hidden;
    }
    /*.carouselPropBox.carouselPropBoxSplit .propThum:after{
    position: absolute;
    content: "";
    border: 1px solid var(--greenL);
    left: -10px;
    right: -10px;
    top: 10px;
    bottom: 10px;
}*/
    .carouselPropBox.carouselPropBoxSplit .card-body.cardUp {
        padding: 10px 15px;
    }

        .carouselPropBox.carouselPropBoxSplit .card-body.cardUp:before {
            bottom: -20px;
            height: calc(100% + 10px);
        }

    .carouselPropBox.carouselPropBoxSplit .card-body.cardDown .small {
        border-top: none;
        padding: 0;
        height: 30px !important;
    }
    /* .carouselPropBox.carouselPropBoxSplit .card-body.cardUp,
.carouselPropBox.carouselPropBoxSplit .card-body.cardDown{
    position: initial;
} */
    .carouselPropBox.carouselPropBoxSplit .card-body.cardUp:after,
    .carouselPropBox.carouselPropBoxSplit .card-body.cardDown:after {
        content: none;
    }

    .carouselPropBox.carouselPropBoxSplit:hover .propCarouselImg {
        transform: scale(1.06) !important;
    }

    .carouselPropBox .propThum {
        width: calc(100% - 40px);
        display: inline-grid;
        height: 240px;
        overflow: hidden;
        margin: 0 20px;
        position: relative;
        z-index: 1;
        /*background-color: var(--greenD);
    align-content: center;
    justify-content: center;*/
    }

        .carouselPropBox .propThum > img {
            transform: scale(1);
            transition: transform 300ms ease-in-out;
        }

    .carouselPropBox:hover .propThum > img {
        transform: scale(1.1);
    }

    .carouselPropBox .propCarouselImg {
        z-index: 1;
    }

    .carouselPropBox .card-title {
        font-size: 16px;
        /*height: 44px;*/
        line-height: 1.2;
        margin-bottom: 0;
        margin-bottom: 5px;
        font-weight: var(--weight-bold);
    }

    .carouselPropBox .card-text {
        /*font-size: 14px;*/
        font-size: 13px;
        margin-bottom: 5px;
        /*height: 36px;*/
        line-height: 1.2;
        font-weight: var(--weight-normal);
    }

    .carouselPropBox .small {
        font-size: 12px;
        color: var(--grayD);
        height: 34px;
        border-top: 1px dotted var(--grayD);
        padding-top: 3px;
        line-height: 16px;
    }
    /* .carouselPropBox:hover .small {
    visibility: hidden;
}
.carouselPropBox .action {
    position: absolute;
    bottom: -100px;
    transition: bottom .3s ease-out;
}
.carouselPropBox:hover .action {
    bottom: 16px;
} */
    .carouselPropBox .location {
        font-size: 12px;
    }

.detailMainSlide {
    padding: 0;
}
    /*.detailMainSlide .carousel-item.active{
    background:url('no-preview.gif') no-repeat;
    background-size: 60% auto;
    background-position: center center;
    height:278px;
}*/
    .detailMainSlide .carousel-item {
        height: 278px;
    }

    .detailMainSlide .carousel-inner {
        height: 278px;
        width: 100%;
    }

    .detailMainSlide .carousel-item img {
        height: auto;
        padding: 1px;
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .detailMainSlide .carousel-item .d-flex {
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    /*.detailMainSlide .carousel-item .d-flex .pc_pd_main_img{
    background: rgba(var(--grayL-rgb),1);
}*/
    .detailMainSlide .carousel-control-prev,
    .detailMainSlide .carousel-control-next {
        display: flex;
        bottom: -5px;
        top: auto;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 0px 2px 1px rgba(var(--greenD-rgb),0.2) !important;
        padding: 5px !important;
        width: 24px !important;
        height: 24px !important;
    }

    .detailMainSlide .carousel-control-prev {
        left: 35% !important;
    }

    .detailMainSlide .carousel-control-next {
        right: 35% !important;
    }

        .detailMainSlide .carousel-control-next .carousel-control-next-icon,
        .detailMainSlide .carousel-control-prev .carousel-control-prev-icon {
            background-size: 60% 100%;
        }

.detailSlides {
}

.oneLineText {
    white-space: nowrap;
    /* max-width: 99%; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.twoLineText {
    white-space: nowrap;
    /* max-width: 99%; */
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

header {
    background-color: var(--greenN);
    box-shadow: 0px 1px 4px 0px rgba(var(--greenD-rgb),0.4);
}

footer {
    /* background-color: #0f283e; */
    background-color: var(--grayD);
    font-size: 12px;
    /* color: #9ba6af; */
    padding: 30px 0 50px 0;
    color: var(--grayL);
    z-index: 10;
}

    footer .fooTitle {
        text-transform: uppercase;
        font-weight: var(--weight-bold);
        margin-bottom: 15px;
        padding-top: 20px;
        color: var(--white);
        font-size: 14px;
    }

    footer .footerNav li {
        padding: 0 0 5px 0;
        display: block;
    }

    footer a {
        color: var(--grayL);
        padding: 0;
    }

        footer a:hover {
            color: var(--grayN);
        }

    footer .social {
        display: flex;
        justify-content: flex-start;
        margin: 10px 0;
        list-style: none;
    }

        footer .social li {
            padding: 0 4px;
        }

        footer .social a {
            font-size: 22px;
        }

    footer p {
        font-size: 12px;
        line-height: 1.5;
        text-align: justify;
    }

    footer .disclaimer {
        color: rgba(var(--grayL-rgb),0.55);
        border-top: 1px dotted rgba(var(--grayL-rgb),0.35);
        padding: 20px 0 0 0;
        margin-top: 20px;
        font-size: 12px;
    }

.typeDropdown {
    position: absolute;
    will-change: transform;
    max-height: 350px;
    top: 0px;
    left: 0px;
    transform: translate3d(0px, 38px, 0px);
    min-height: 0;
    overflow: auto;
    padding: 6px;
    background: var(--white);
    width: 600px;
}

    .typeDropdown small {
        font-size: 11px;
        display: block;
        line-height: 1;
        margin-bottom: 6px;
        color: var(--greenD);
        font-weight: var(--weight-bold);
    }

        .typeDropdown small.type {
        }

        .typeDropdown small.size {
            padding-top: 4px;
            border-top: 1px dashed var(--grayN);
        }

    .typeDropdown .dropdown-item {
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        /*border: 1px solid var(--grayD);*/
        border: 1px solid var(--greenL);
        line-height: 14px;
        color: var(--grayD);
        cursor: pointer;
        display: inline-block;
        width: auto;
        padding: 2px 6px;
        font-size: 12px;
        margin: 0 5px 3px 0;
    }

        .typeDropdown .dropdown-item input {
            /*visibility:hidden;*/
            position: absolute;
            /*left:-1000px;*/
            left: -10px;
            right: -10px;
            top: -10px;
            bottom: -10px;
            z-index: -1;
            border: 0;
            width: 1000px;
            height: 100px;
        }

        .typeDropdown .dropdown-item label {
            line-height: 1;
        }

        .typeDropdown .dropdown-item input:checked {
            box-shadow: 0 100px 0 1px var(--greenL) inset !important;
        }

            .typeDropdown .dropdown-item input:checked + label {
                color: var(--white);
                font-weight: var(--weight-bold);
            }

    .typeDropdown:hover {
        display: block;
    }

    .homeSearchArea .custom-select, .homeSearchArea select option, .typeDropdown input, .typeDropdown label {
        cursor: pointer;
    }

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}

.list-group-item.active {
    background-color: var(--pc-clr-thm-green);
    border-color: var(--pc-clr-thm-green);
}

.localPropWiseWrap .list-group-item {
    background: var(--greenD);
}

    .localPropWiseWrap .list-group-item:hover {
        background: var(--greenM);
    }

    .localPropWiseWrap .list-group-item .pc_hm_pr_crd_loc, .localPropWiseWrap .list-group-item .pc_hm_loc_ws_pro {
        color: var(--white);
        font-weight: var(--weight-bold);
    }

    .localPropWiseWrap .list-group-item:hover .pc_hm_pr_crd_loc, .localPropWiseWrap .list-group-item:hover .pc_hm_loc_ws_pro {
        color: var(--greenD);
    }

.carousel.slide {
    padding-left: 0;
    padding-right: 0;
}

    .carousel.slide .carousel-item {
        padding: 0 5px 15px 5px !important;
    }

    .carousel.slide .carousel-control-next,
    .carousel.slide .carousel-control-prev {
        width: 15px;
        cursor: pointer;
        display: flex;
    }

    .carousel.slide .carousel-control-next {
        right: -10px;
        padding-left: 0;
        padding-right: 0;
    }

    .carousel.slide .carousel-control-prev {
        left: -10px;
        padding-left: 0;
        padding-right: 0;
    }

    .carousel.slide .carousel-control-next-icon,
    .carousel.slide .carousel-control-prev-icon {
        filter: invert(1);
    }

.mainTitle {
    text-align: left;
    font-size: 26px;
    color: var(--white);
    background: var(--greenD);
    background: linear-gradient(45deg, var(--greenD) 20%, rgba(var(--white-rgb),0) 70%);
    padding: 12px 12px 12px 10px;
    border-left: 10px solid var(--greenL);
    border-radius: 40px 0 0 40px;
    font-weight: var(--weight-normal);
}

.subTitle {
    text-align: left;
    font-size: 24px;
    color: var(--greenD);
    background: var(--grayL);
    background: linear-gradient(45deg, var(--grayL) 20%, rgba(var(--white-rgb),0) 70%);
    padding: 5px 0 5px 10px;
    border-left: 3px solid var(--greenL);
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px 0 0 10px;
}

.secTitle {
    text-align: left;
    font-size: 18px;
    color: var(--greenD);
    /*background: var(--grayM);
    background: linear-gradient(45deg, var(--greenD) 20%, rgba(var(--white-rgb),0) 70%);*/
    padding: 5px 0 5px 5px;
    margin-bottom: 20px;
    margin-top: 10px;
    /*border-left: 3px solid var(--greenL);*/
    border-radius: 5px;
    line-height: 1.6;
    position: relative;
    font-weight: var(--weight-bold);
}

    .secTitle::after {
        content: "";
        bottom: -2px;
        width: 100%;
        left: 0;
        background: var(--grayM);
        background: linear-gradient(45deg, rgba(var(--greenN-rgb),0.3) 20%, rgba(var(--white-rgb),0) 80%);
        height: 4px;
        position: absolute;
    }
/* h1 span{
    --c1: #2e88c7;
    --c2: #9ccce8;
    
    --_p: 93% 83.5% at;
    --_g1: radial-gradient(var(--_p) bottom,var(--c1) 79.5%,#0000 80%) no-repeat;
    --_g2: radial-gradient(var(--_p) top   ,#0000 79.5%,var(--c1) 80%) no-repeat;
    --_g3: radial-gradient(var(--_p) bottom,var(--c2) 79.5%,#0000 80%) no-repeat;
    --_g4: radial-gradient(var(--_p) top   ,#0000 79.5%,var(--c2) 80%) no-repeat;
    background: 
      var(--_g1),var(--_g2),var(--_g1),var(--_g2),
      var(--_g3),var(--_g4),var(--_g3),var(--_g4);
    -webkit-background-clip: text;
            background-clip: text;
    color: #0000;
    -webkit-text-stroke: 0.2rem var(--c1);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    animation: 
      s 2s infinite alternate,
      m 3s infinite linear;
  }
  @keyframes m {
    0% {background-position:
      -200% 100%,-100% 100%,  0% 100%,100% 100%,
         0% 100%, 100% 100%,200% 100%,300% 100%}
    100%{background-position:   
          0% 100%, 100% 100%,200% 100%,300% 100%,
       -200% 100%,-100% 100%,  0% 100%,100% 100%}
  }
  @keyframes s{
    0%  {background-size:
          50.5% 60%, 50.5% 60%, 50.5% 60%, 50.5% 60%,
          50.5% 90%, 50.5% 90%, 50.5% 90%, 50.5% 90%}
    33% {background-size: 
          50.5% 70%, 50.5% 70%, 50.5% 70%, 50.5% 70%,
          50.5% 75%, 50.5% 75%, 50.5% 75%, 50.5% 75%}
    66% {background-size: 
          50.5% 55%, 50.5% 55%, 50.5% 55%, 50.5% 55%,
          50.5% 80%, 50.5% 80%, 50.5% 80%, 50.5% 80%}
    100%{background-size: 
          50.5% 90%, 50.5% 90%, 50.5% 90%, 50.5% 90%,
          50.5% 95%, 50.5% 95%, 50.5% 95%, 50.5% 95%}
  } */
.itemWrap {
    overflow-y: hidden;
    overflow-x: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: row;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
}

.item {
    padding-right: 10px;
    /* width: 10.625rem; */
    width: 290px;
    flex: none;
}

.propertyLocationWise {
    border-radius: 10px;
    overflow: hidden;
}

.localPropWiseWrap {
    position: relative;
    height: 340px;
    padding: 10px;
    overflow: hidden;
    background-color: var(--grayD);
}

    .localPropWiseWrap * {
        border-radius: 0 !important;
    }

    .localPropWiseWrap .list-group {
        background-color: var(--grayL);
        /* filter: blur(4px); */
        max-height: 100%;
        overflow: auto;
    }

    .localPropWiseWrap .pc_hm_pr_crd_loc {
        margin-bottom: 0;
        color: var(--greenN);
    }

    .localPropWiseWrap:hover .list-group {
        background-color: var(--grayL);
        filter: blur(0);
    }
/* .localPropWiseWrap .scroll350{
    position: relative;
    z-index: 1;
  } */
.localPropWiseLabel {
    position: absolute;
    /* height: 350px; */
    top: 0;
    /* left: 0; */
    width: 100%;
    height: 100%;
    /* animation-duration: 4s; */
    color: #fff;
    font-size: 36px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease-out;
    z-index: 2;
    background-color: var(--greenD);
    background: url(../../images/home-g8a7d645c6_1280.jpg) no-repeat center bottom;
    background-size: cover;
    background-attachment: fixed;
    line-height: 1;
}

    .localPropWiseLabel:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(var(--greenD-rgb), 0.57);
        z-index: -1;
    }
/* .localPropWiseWrap:hover .localPropWiseLabel{
    top: -100%;
  } */
.localPropWiseWrap .localPropWiseLabel.even {
    left: 0;
}

.localPropWiseWrap .localPropWiseLabel.odd {
    right: 0;
}

.localPropWiseWrap:hover .localPropWiseLabel.even {
    left: calc(-100% + 5px);
}

.localPropWiseWrap:hover .localPropWiseLabel.odd {
    right: calc(-100% + 5px);
}

.projectDetails .btn, .locationMap .btn {
    float: right;
}

.propAttri {
    color: var(--grayD);
    margin-bottom: 15px;
    font-weight: var(--weight-bold);
}

    .propAttri label {
        color: rgba(var(--grayD-rgb),0.8);
        font-size: 80%;
        margin-bottom: 5px;
        font-weight: var(--weight-normal);
    }

        .propAttri label + div {
            text-transform: capitalize;
            font-size: 13px;
        }

.photoGalWrap .card-body {
    padding: 5px;
    background: rgba(var(--grayL-rgb),0.8);
}

    .photoGalWrap .card-body img {
        max-width: 100%;
        height: 120px;
    }
/* .steam {
    position: absolute;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -75px;
    margin-left: 75px;
    z-index: 0;
    opacity: 0;
  }
  
  #steam1 {
    -webkit-animation: steam1 4s ease-out infinite;
    animation: steam1 4s ease-out infinite;
  }
  
  #steam3 {
    -webkit-animation: steam1 4s ease-out 1s infinite;
    animation: steam1 4s ease-out 1s infinite;
  }
  
  @-webkit-keyframes steam1 {
    0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
    100% {transform: translateY(-200px) translateX(-20px) scale(1); opacity: 0;}
  }
  
  @keyframes steam1 {
    0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
    100% {transform: translateY(-200px) translateX(-20px) scale(1); opacity: 0;}
  }
  
  #steam2 {
    -webkit-animation: steam2 4s ease-out 0.5s infinite;
    animation: steam2 4s ease-out 0.5s infinite;
  }
  
  #steam4 {
    -webkit-animation: steam2 4s ease-out 1.5s infinite;
    animation: steam2 4s ease-out 1.5s infinite;
  }
  
  @-webkit-keyframes steam2 {
    0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
    100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;}
  }
  
  @keyframes steam2 {
    0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
    100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;}
  } */
/* <div id="container">
    <div class="steam" id="steam1"> </div>
    <div class="steam" id="steam2"> </div>
    <div class="steam" id="steam3"> </div>
    <div class="steam" id="steam4"> </div>
  </div> */
.bnrSearchFilterType {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center !important;
    background-size: 8px 10px !important;
    padding-right: 29px;
    color: #495057;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    border: none;
}

.carousel-inner {
    display: flex;
}

.bannerProperty .card-thum img {
    height: auto;
}

.bannerProperty .card-thum {
    height: 150px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    #topNavBar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }

    #topNavBar .navbar-nav .nav-item .dropdown-menu {
        box-shadow: 0px 7px 9px -10px var(--grayD) !important;
    }
    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    .blogPage .blog-date {
        text-align: right;
    }

    .bannerProperty .card-thum {
        text-align: center;
    }

        .bannerProperty .card-thum img {
            height: 400px;
            width: auto;
            margin: 0 auto;
            display: block;
        }

    .bannerProperty .card-thum {
        height: 230px;
    }
}

@media (min-width: 992px) {
    .topMenu {
        display: none;
    }

    .tm .topMenu {
        display: flex;
    }
}

.mainTitleInsidePage {
    color: var(--greenN);
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 35px;
    font-size: 32px;
    font-weight: var(--weight-bold);
}

.hl {
    background-image: linear-gradient(to right, var(--greenN), var(--greenL), var(--greenD));
    padding: 15px 55px;
    border-radius: 70px 20px;
    box-shadow: 0px 7px 9px -10px var(--grayD) !important;
    display: inherit;
    color: var(--white);
}


.propDetailsSimilarProjects {
}

.propDetailsSimilarProjects {
    /*padding:20px 0;*/
}

    .propDetailsSimilarProjects .carousel.slide {
        padding-left: 0;
        padding-right: 0;
    }

label.textGrayN {
    margin-bottom: 5px;
}

    label.textGrayN + .textGrayD {
        margin-bottom: 15px;
    }

.pcModal * {
    font-size: 12px;
}

.pcModal .close {
    padding: 10px;
    margin: -10px -10px -10px 0;
}

.modal.pcModal:after {
    position: fixed;
    content: "";
    background: rgba(0, 24, 10, 0.92);
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pcModal .close span {
    font-size: 22px;
}

.pcModal .modal-header,
.pcModal .modal-body,
.pcModal .modal-footer {
    padding: 10px;
}

.pcModal .modal-header {
    color: var(--greenD);
    font-weight: var(--weight-bold);
}

    .pcModal .modal-header .modal-title {
        font-size: 16px;
    }

.pcModal .modal-body {
    color: var(--grayD);
}

.pcModal .modal-footer {
    /*justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    flex: auto;
    display: flex;*/
}

.pcModal .query-country {
    max-width: 66px;
    padding-left: 5px;
}

.pcModal .form-check-input {
    margin-top: 2px;
}

.shadowT {
    box-shadow: 0px -7px 9px -10px var(--grayD) !important;
}

.shadowB {
    box-shadow: 0px 7px 9px -10px var(--grayD) !important;
}

.pc_pd_pht_card {
    height: 170px;
}

    .pc_pd_pht_card img {
        height: 100%;
        min-height: 120px;
        max-height: 120px;
        background-size: cover;
        width: 100%;
        border: 1px solid #ccc;
        padding: 0px;
        object-fit: cover;
        object-position: center;
    }

.pc_prop_dt_img_z {
    margin: 0px auto;
    position: absolute;
    /*left: 50%;
    top: 70px;*/
    left: 50%;
    top: calc(50% - 15px);
    transform: translate(-50%,-50%);
    display: none;
    background: rgba(var(--white-rgb), 0.67);
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.pc_prop_dt_img_d {
    position: absolute;
    top: calc(50% - 15px);
    z-index: 10;
    right: calc(50% - 45px);
    background: rgba(var(--white-rgb), 0.87);
    color: #000;
    transform: translate(-50%,-50%);
    padding: 5px;
    display: none;
    height: 26px;
    line-height: 1;
    border-radius: 0;
}

.card-body:hover .pc_prop_dt_img_z, .card-body:hover .pc_prop_dt_img_d {
    display: block;
}

.propPhotoViewer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1032;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.95);
}

    .propPhotoViewer img {
        max-width: 100%;
        height: auto;
        max-height: 100%;
        width: auto;
    }

    .propPhotoViewer [class*=propPhotoViewer] {
        position: absolute;
        top: calc(50% - 50px);
        cursor: pointer;
        font-size: 22px;
        color: var(--greenL);
        padding: 50px 0;
        z-index: 1;
    }

    .propPhotoViewer .propPhotoViewerPrev {
        left: 20px;
    }

    .propPhotoViewer .propPhotoViewerNext {
        right: 20px;
    }

    .propPhotoViewer .propPhotoViewerImg {
        padding: 50px 40px 10px 40px;
        top: 0;
        z-index: -1;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        cursor: default;
    }

    .propPhotoViewer .propPhotoViewerClose {
        right: 0;
        top: 10px;
        padding: 10px;
        cursor: pointer;
        z-index: 2;
    }

    .propPhotoViewer .propPhotoViewerTitle {
        text-align: center;
        width: 100%;
        top: 12px;
        padding: 0;
        font-size: 18px;
        left: 0;
        right: 0;
    }

.sidebarPropBox {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    /*background: var(--grayL);*/
    box-shadow: 0px 1px 2px 0px var(--grayN) !important;
    text-align: center;
    border: 1px solid var(--borderGrayL);
}

    .sidebarPropBox .sidebarimgThumWrap {
        height: 160px;
        width: 100%;
        overflow: hidden;
    }

    .sidebarPropBox .sidebarimgThum {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transform: scale(1);
        height: 100%;
        width: 100%;
        transition: all .5s;
    }

    .sidebarPropBox:hover {
        box-shadow: 0px 17px 19px -25px var(--grayD) !important;
    }

        .sidebarPropBox:hover .sidebarimgThum {
            transform: scale(1.2);
        }

    .sidebarPropBox .sidebarTitle {
        text-transform: capitalize;
        padding: 7px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }

.servicesPropBox {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: var(--grayL);
    box-shadow: 0px 1px 2px 0px var(--grayN) !important;
    text-align: center;
    height: 220px;
    position: relative;
    border: 1px solid var(--borderGrayL);
}

    .servicesPropBox .servicesPropBoxImgThum {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transform: scale(1);
        height: 100%;
        width: 100%;
    }

    .servicesPropBox .servicesPropBoxTitle,
    .servicesPropBox .servicesPropBoxOverlay {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        display: grid;
        align-content: center;
        z-index: 1;
        transition: all .3s;
    }

    .servicesPropBox .servicesPropBoxTitle {
        text-transform: capitalize;
        padding: 7px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 17px;
        background: rgba(var(--greenD-rgb),0.3);
        color: var(--white);
        font-weight: var(--weight-bold);
        top: 0;
        text-shadow: 0 2px 5px rgba(var(--greenD-rgb),0.7);
    }

    .servicesPropBox:hover .servicesPropBoxTitle {
        top: -100%;
    }

    .servicesPropBox .servicesPropBoxOverlay {
        text-transform: capitalize;
        padding: 7px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        background: rgba(var(--greenD-rgb),0.3);
        color: var(--white);
        font-weight: var(--weight-bold);
        top: 100%;
    }

        .servicesPropBox .servicesPropBoxOverlay img {
            filter: invert(1);
        }

    .servicesPropBox:hover .servicesPropBoxOverlay {
        background: rgba(var(--greenD-rgb),0.8);
        color: var(--white);
        font-weight: var(--weight-bold);
        top: 0;
    }

.projectGrouHeading .list-group {
    border-top: 1px inset rgba(0,0,0,.125);
    border-bottom: 1px inset rgba(0,0,0,.125);
    border-radius: 6px;
}

.searchResultList {
    padding: 15px 0;
}

    .searchResultList .card-thum {
        display: block;
        height: 100%;
    }

        .searchResultList .card-thum img {
            height: 100%;
            /*max-height: 200px;*/
            max-height: 300px;
            width: 100%;
        }

    .searchResultList .card-link {
        white-space: nowrap;
    }
/*.propCarouselWrap {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: var(--grayL);
    box-shadow: 0px 0px 2px 0px var(--grayN)!important;
    text-align: center;
}*/
/*.propCarouselWrap:hover {
    box-shadow:0px 17px 19px -25px var(--grayD)!important;
}*/
.propCarouselWrap .propCarouselImgWrap {
    height: 230px;
    width: 100%;
    overflow: hidden;
    margin: auto;
    z-index: 1;
}

    .propCarouselWrap .propCarouselImgWrap .propCarouselImg {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transform: scale(1);
        height: 100%;
        width: 100%;
        transition: all .5s;
    }

.propCarouselWrap:hover .propCarouselImgWrap .propCarouselImg {
    transform: scale(1.1);
}

.propDetailPageCarouselWrap {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: var(--grayL);
    box-shadow: 0px 0px 2px 0px var(--grayN) !important;
    text-align: center;
    color: var(--grayD);
    /*display: block;
    border: 1px solid var(--grayN);
    border-radius:4px;
    overflow:hidden;*/
    border: 1px solid var(--borderGrayL);
}

    .propDetailPageCarouselWrap:hover {
        box-shadow: 0px 17px 19px -25px var(--grayD) !important;
    }

    .propDetailPageCarouselWrap .propDetailPageCarouselImgWrap {
        height: 190px;
        width: 100%;
        overflow: hidden;
    }

        .propDetailPageCarouselWrap .propDetailPageCarouselImgWrap .propDetailPageCarouselImg {
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            transform: scale(1);
            height: 100%;
            width: 100%;
            transition: all .5s;
        }

    .propDetailPageCarouselWrap:hover .propDetailPageCarouselImgWrap .propDetailPageCarouselImg {
        transform: scale(1.1);
    }

    .propDetailPageCarouselWrap .propDetailPageCarouselTitle {
        text-transform: capitalize;
        padding: 7px 8px 7px 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        font-weight: var(--weight-bold);
    }

        .propDetailPageCarouselWrap .propDetailPageCarouselTitle + .propDetailPageCarouselTitle {
            padding: 0 8px 7px 8px;
            font-size: 12px;
            font-weight: var(--weight-normal);
        }

    .propDetailPageCarouselWrap .small {
        padding: 8px 0 0 0;
        color: var(--grayD);
    }

    .propDetailPageCarouselWrap.noLink {
        padding-bottom: 3px;
    }

        .propDetailPageCarouselWrap.noLink .propDetailPageCarouselImgWrap {
            height: 150px;
        }

        .propDetailPageCarouselWrap.noLink:hover {
            box-shadow: 0px 0px 2px 0px var(--grayN) !important;
        }

            .propDetailPageCarouselWrap.noLink:hover .propDetailPageCarouselImgWrap .propDetailPageCarouselImg {
                transform: scale(1);
            }

.blogContent {
    line-height: 1.5;
    font-size: 14px;
}

    .blogContent p {
        margin-bottom: 15px;
    }

        .blogContent p img {
            margin: 15px 0;
            max-width: 40%;
            height: auto;
            border-radius: 4px;
            margin-right: auto;
            margin-left: auto;
            display: block;
        }

    .blogContent h2 {
        font-weight: 500;
    }

.blogPage .blogBanner {
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 260px;
    border: 3px double var(--grayN);
    padding: 1px;
    box-shadow: -20px 40px 20px -30px var(--grayD) !important;
}

.ytVideoWrap {
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE 10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

    /* Create two equal columns that sits next to each other */
    .ytVideoWrap .ytVideoCol {
        -ms-flex: 50%; /* IE 10 */
        flex: 50%;
        padding: 0 4px;
    }

        .ytVideoWrap .ytVideoCol img {
            margin-top: 8px;
            vertical-align: middle;
        }

.tpWrap {
    border-radius: 5px;
    border: 1px solid var(--grayN);
    background: var(--white);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    overflow: hidden;
}

    .tpWrap:hover {
        box-shadow: 0px 10px 5px -10px var(--grayD) !important;
    }

    .tpWrap .detailWrap {
        padding: 10px;
        flex: 0 0 73%;
        max-width: 73%;
    }

        .tpWrap .detailWrap .title {
            font-size: 17px;
            margin-bottom: 10px;
            font-weight: var(--weight-bold);
            text-transform: capitalize;
            color: var(--greenD);
            /*border-bottom: 1px dotted var(--greenD);
    padding-bottom: 10px;*/
        }

        .tpWrap .detailWrap .text {
            font-size: 14px;
        }

    .tpWrap .imgWrap {
        /*padding: 10px;
    flex: 0 0 27%;
    max-width: 27%;
    border-radius: 5px;
    text-align: center;*/
        padding: 0 10px;
        flex: 0 0 27%;
        max-width: 27%;
        border-radius: 16px;
        text-align: center;
        max-height: 220px;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .tpWrap .imgWrap img {
            /* max-height: 100%;
    max-width: 100%; */
            min-height: 100%;
            max-width: calc(100% - 20px);
            position: absolute;
            left: 10px;
            width: 100%;
            height: auto;
        }

.ctaWrap {
    background: var(--grayL);
    padding: 10px;
    flex: 0 0 100%;
    max-width: 100%;
    color: var(--greenD);
    line-height: 1.4;
    font-size: 13px;
}

.newsWrap {
    /*background: var(--grayL);*/
    padding: 10px;
    flex: 0 0 100%;
    max-width: 100%;
    color: var(--greenD);
    line-height: 1.4;
    font-size: 13px;
}

    .newsWrap.l {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.newsWrapDesc {
    padding: 10px;
    flex: 0 0 100%;
    max-width: 100%;
    color: var(--greenD);
    line-height: 1.4;
    font-size: 13px;
}

.textLinkMore {
    display: inline-block;
    font-weight: bold;
}

.navbar {
    /*   z-index should be above .close-navbar-toggler */
    z-index: 2;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.close-navbar-toggler {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    background: rgba(var(--greenN-rgb),0.3);
}

    .close-navbar-toggler.collapsed {
        z-index: -1;
        display: none;
    }

#youtube_vedioCarousel h5.card-title, #youtube_vedioCarousel h6.card-subtitle {
    word-break: normal;
    line-height: 1.3;
    overflow: hidden;
    word-break: normal;
}

#youtube_vedioCarousel h5.card-title {
    font-weight: var(--weight-bold);
    max-height: 37px;
    font-size: 14px;
}

#youtube_vedioCarousel h6.card-subtitle {
    max-height: 48px;
    font-size: 12px;
}

.pc_pd_sec {
    box-shadow: 0px 4px 6px -4px rgba(var(--greenD-rgb),0.1) !important;
    border-radius: 6px;
    border: 1px solid var(--borderGrayL);
}

.searchList {
    box-shadow: 0px 4px 6px -4px rgba(var(--greenD-rgb),0.1) !important;
    background: var(--white);
    padding: 15px 0 10px 0;
    border-radius: 6px;
    border: 1px solid var(--borderGrayL);
}

    .searchList.row {
        margin-left: 0;
        margin-right: 0;
    }

.searchListBtnSec {
    text-align: right;
}

    .searchListBtnSec .float-right {
        float: none !important;
    }

.hrSm {
    border-top: 1px dashed rgba(var(--greenM-rgb),0.2);
    margin: 8px 0;
}

.vDivi .col-6:nth-child(odd) {
    border-right: 1px dashed rgba(var(--greenM-rgb),0.2);
}

.searchList:hover {
    box-shadow: 0px 6px 5px -3px rgba(var(--greenD-rgb),0.3) !important;
}

@media (max-width: 992px) {
    .navbar-toggler {
        border-color: var(--white);
        padding: 0px 4px;
    }

    #topNavBar {
        padding-top: 10px;
    }

        #topNavBar .navbar-nav {
            height: auto;
        }

            #topNavBar .navbar-nav .nav-item {
                display: block;
                text-align: left;
            }

    .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    #topNavBar .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle,
    #topNavBar .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle,
    #topNavBar .navbar-nav .nav-item .dropdown-menu {
        background-color: var(--grayL);
        border-radius: 0;
    }

    .navbar-nav .nav-link {
        padding-left: 10px;
    }

    .fpList {
        flex-wrap: wrap;
        column-gap: 10px;
    }

        .fpList .name {
            margin-bottom: 5px;
            min-width: 100%;
        }

    .bankEMICalculatorImg {
        max-width: 130px;
        max-height: 80px;
    }
}

.blogPage .bi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    grid-gap: 15px;
}

    .blogPage .bi .sidebarPropBox {
        margin-bottom: 0;
    }

        .blogPage .bi .sidebarPropBox .sidebarTitle {
            text-transform: capitalize;
            padding: 7px 5px 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box !important;
            white-space: normal;
            margin-bottom: 6px;
            line-height: 1.3;
            color: var(--grayD);
        }

        .blogPage .bi .sidebarPropBox .postDetails {
            display: none;
        }

.blogPage .sidebarTitle.dp {
    border-top: 1px solid rgba(var(--grayN-rgb),0.2);
    border-bottom: 1px solid rgba(var(--grayN-rgb),0.2);
    padding: 5px 0;
    color: var(--greenM);
    margin-bottom: 20px;
    font-size: 13px;
}

.blogPage .blog-author {
    text-align: left;
}

.blogPage .brp {
    max-height: 600px;
    overflow: auto;
}

    .blogPage .brp .sidebarPropBox {
        background: none;
        box-shadow: none !important;
        border-radius: 0;
        text-align: left;
        margin-bottom: 10px;
    }

    .blogPage .brp .sidebarimgThumWrap, .blogPage .brp .postDetails {
        display: none;
    }

    .blogPage .brp .sidebarTitle {
        border-top: none;
        border-bottom: none;
        padding: 0;
        white-space: inherit;
        position: relative;
        padding-left: 12px;
    }

        .blogPage .brp .sidebarTitle:before {
            content: "\275B";
            position: absolute;
            font-size: 20px;
            line-height: 1;
            left: 0;
            top: -3px;
            color: var(--greenM);
        }

        .blogPage .brp .sidebarTitle:hover:before {
            color: var(--greenL);
        }

        .blogPage .brp .sidebarTitle h1 {
            font-size: 14px;
            color: var(--greenD);
            line-height: 1.3;
        }

@media (max-width: 767px) {
    #topNavBar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        color: var(--grayD);
    }

    .secTitle {
        font-size: 18px;
        /*background: linear-gradient(45deg, var(--greenD) 60%, rgba(var(--white-rgb),0) 90%);*/
    }

    .hrListWrap {
        flex-wrap: nowrap !important;
        overflow: auto !important;
        scroll-behavior: smooth !important;
    }

    .carousel.slide .carousel-control-next, .carousel.slide .carousel-control-prev {
        width: 25px;
    }

    footer .footerNav li {
        display: inline-block;
        padding: 0 10px 5px 0;
    }

    .mainTitle {
        font-size: 20px;
        background: linear-gradient(15deg, var(--greenD) 1%, rgba(var(--white-rgb),0) 99%);
        padding: 10px;
    }

    .typeDropdown {
        width: 270px;
    }

    .localPropWiseWrap {
        height: 220px;
    }

    .projectGrouHeading .h3.text-right,
    .projectGrouHeading .h3.text-left {
        text-align: center !important;
    }

    .homeSearchWrap {
        padding: 30px 10px
    }

    .homeSearchArea .input-group-prepend.p1 {
        padding-right: 0;
        margin-right: 0;
        border-bottom: 1px solid #dee2e6;
        border-right: none !important;
        flex-wrap: wrap;
    }

        .homeSearchArea .input-group-prepend.p1 > * {
            width: 48%;
        }

            .homeSearchArea .input-group-prepend.p1 > * > .btn {
                text-align: left;
            }

    .bannerMenuWrap .bannerMenu .btn.def {
        margin-bottom: 10px;
    }

    .carousel.slide .carousel-control-prev,
    .carousel.slide .carousel-control-next {
        display: flex !important;
    }

    .pc_pd_sec {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .tpWrap .imgWrap,
    .tpWrap .detailWrap {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .propCarouselWrap .propCarouselImgWrap {
        height: 180px;
    }

    .tpWrap .imgWrap {
        padding: 10px 10px 0 10px;
        height: 180px;
    }

    .tpWrap .detailWrap {
        padding: 10px 15px;
    }

    .secTitle .btn {
        padding: 7px;
        font-size: 12px;
        line-height: 1;
    }

        .secTitle .btn .fa {
            display: none;
        }
}

@media (max-width: 375px) {
    html {
        zoom: 90%;
    }

    .mainTitle {
        border-left: 6px solid var(--greenN);
        border-radius: 6px 0 0 6px;
    }

    .h1, .h2, .h3, h1, h2, h3, .small {
        zoom: normal;
    }
}

.carousel-inner .active.left {
    left: -33%;
}

.carousel-inner .next {
    left: 33%;
}

.carousel-inner .prev {
    left: -33%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.item:not(.prev) {
    visibility: visible;
}

.item.right:not(.prev) {
    visibility: hidden;
}

.rightest {
    visibility: visible;
}

.service-item:hover .effect-1,
.service-item:hover .effect-2 {
    display: block;
    z-index: 1;
}

.btnCalculator {
    position: relative;
}

    .btnCalculator::after,
    .btnCalculator::before {
        border-radius: 6px;
        mix-blend-mode: multiply;
        height: 100%;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 0;
        content: "";
    }

    .btnCalculator:after {
        animation: rotate 1.4s linear infinite;
        background: rgba(255, 193, 7, 0.5);
    }

    .btnCalculator:before {
        animation: rotate 1s linear reverse infinite;
        background: rgba(255, 94, 0, 0.3);
    }

@keyframes rotate {
    0% {
        top: -22%;
        left: -5%;
    }

    25% {
        top: 0%;
        left: 0%;
    }

    50% {
        top: 22%;
        left: 5%;
    }

    75% {
        top: 0%;
        left: 0%;
    }

    100% {
        top: -22%;
        left: -5%;
    }
}

.serviceWrap {
    margin-bottom: 1rem;
    border-bottom: 4px dashed var(--greenD);
    border-top: 4px dashed var(--greenD);
    color: var(--white);
    margin: 0 -15px;
}

    .serviceWrap .serviceSec {
        background: var(--greenD);
        padding: 20px 15px 15px 15px !important;
        text-align: center;
    }

.stickyBtn {
    bottom: 20px;
    box-shadow: 0px 0px 9px -2px #000 !important;
    margin-top: -120px;
    padding: 6px 48px;
    position: sticky;
    font-weight: var(--weight-bold);
}

.emiSticky {
    z-index: 2;
    position: sticky;
    top: 70px;
    box-shadow: 0px 0px 0px 15px #fff !important;
    background: var(--yellow);
    color: var(--greenD);
    border-color: var(--yellow);
}

    .emiSticky:hover {
        box-shadow: 0px 0px 0px 15px #fff, 0px 0px 1px 1px #fff inset !important;
    }

.curP {
    cursor: pointer !important;
}

    .curP * {
        cursor: pointer !important;
    }

.eligibilityList {
    flex-wrap: wrap;
    display: flex;
    gap: 5px 30px;
    list-style: square;
    padding-left: 20px;
}

.sa-confirm-button-container .confirm {
    background-color: var(--greenN) !important;
}

.sweet-alert .sa-icon.sa-success .sa-line {
    background-color: var(--greenN) !important;
}

.btnWhatsapp {
    display: inline-flex;
    color: #ffffff;
    background: #86f567;
    border-radius: 30px;
    padding: 6px 7px;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    font-size: 110% !important;
}

    .btnWhatsapp * {
        font-size: 110% !important;
    }

    .btnWhatsapp:hover {
        color: #2ecf02;
        background: rgba(46, 207, 2, 0.18);
    }

.btnNewLaunches {
    -webkit-animation: wiggle 0.3s alternate ease infinite;
    animation: wiggle 0.3s alternate ease infinite;
    border-color: #ffffff !important;
    background: #f8f9fa !important;
    color: #1056be !important;
}

@-webkit-keyframes wiggle {
    from {
        -webkit-transform: rotate(-1.5deg);
    }

    to {
        -webkit-transform: rotate(1.5deg);
    }
}

@keyframes wiggle {
    from {
        transform: rotate(-1.5deg);
    }

    to {
        transform: rotate(1.5deg);
    }
}

.searchListWWhatsappWrap {
    position: absolute;
    right: 23px;
    z-index: 80;
    top: -3px;
}

    .searchListWWhatsappWrap.sm {
        right: 0;
        top: -5px;
    }

        .searchListWWhatsappWrap.sm .btnWhatsapp {
            padding: 5px 5px 4px 5px;
            font-size: 100% !important;
        }

.col2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    column-gap: 24px;
}

    .col2 li {
        display: flex;
        flex-direction: column;
        font-size: 15px;
    }

        .col2 li small {
            display: block;
            padding-top: 4px;
        }

.col2nf {
    /*    display: grid;*/
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    column-gap: 24px;
}

    .col2nf li {
        display: flex;
        flex-direction: column;
        font-size: 15px;
    }

        .col2nf li small {
            display: block;
            padding-top: 4px;
        }

.bankEMICalculatorItem {
    font-size: 15px;
}

-
.bankEMICalculatorItem .media-body .btn.def.btn-sm {
    padding: 3px 6px !important;
    font-size: 13px;
}

.bankEMICalculatorImg {
    max-width: 60px;
    max-height: 40px;
    width: 60px;
    height: 40px;
}

@media (max-width: 992px) {
    .col2 {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .btn {
        padding: 6px !important;
    }

    .searchListBtnSec {
        text-align: left;
        left: -3px;
    }

    .bankEMICalculatorImg {
        max-width: 130px !important;
        max-height: 80px !important;
        width: 130px;
        height: 80px;
    }
}

.HomeLoan {
    top: 55px;
    z-index: 11;
    position: -webkit-sticky !important;
    position: sticky !important;
    background-color: var(--white);
}

.mobile-only {
    display: none;
}
@media (max-width: 768px) {
    .mobile-only {
        display: inline-block;
    }

    .col2 {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .searchListWWhatsappWrap {
        right: 10px;
        top: auto;
        bottom: 0;
    }

        .searchListWWhatsappWrap .btnWhatsapp {
            padding: 7px;
            font-size: 100% !important;
            border-radius: 4px;
        }

    .homeSearchWrap .filter {
        font-size: 16px;
    }

    .bankEMICalculatorItem {
        font-size: 13px;
    }

    .bankEMICalculatorImg {
        max-width: 150px !important;
        max-height: 110px !important;
        width: 150px;
        height: 110px;
    }

    .btn-sm-block {
        width: 100%;
    }

    .HomeLoan .form-control {
        font-size: 14px;
    }
}

.allCatBg {
    background-image: url('../images/land-bg.jpeg');
    background-position: right;
    background-repeat: repeat-y;
    background-size: cover;
    border-radius: 6px;
    overflow: hidden;
}

    .allCatBg .allCatBgInr {
        background: rgba(2, 38, 48, 0.8);
        background: linear-gradient(134deg, rgba(2, 38, 48, 1) 20%, rgba(2, 38, 48, 0.8) 70%);
        padding: 16px;
    }

        .allCatBg .allCatBgInr a {
            color: #fff;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px dashed rgba(99, 129, 135, 0.6);
            padding-left: 5px;
        }

            .allCatBg .allCatBgInr a:hover {
                color: #ffc107;
            }

.pagScrollBtnWrap {
    text-align: center;
    position: fixed;
    z-index: 9;
    right: calc(50% - 307px);
    bottom: 10%;
    background-color: rgba(var(--greenD-rgb),0.6);
    padding: 10px;
    border-radius: 50%;
    height: 64px;
    color: var(--white);
    width: 64px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    pointer-events: none;
    animation: wiggle 0.3s alternate ease infinite;
}

.jump {
    transform-origin: 50% 50%;
    animation: jump 1s linear alternate infinite;
}

@-webkit-keyframes jump {
    0% {
        transform: translate3d(0,0,0);
    }

    100% {
        transform: translate3d(0,100%,0);
    }
}

@keyframes jump {
    0% {
        transform: translate3d(0,0,0);
    }

    100% {
        transform: translate3d(0,100%,0);
    }
}

.pagScrollBtnWrap.hide {
    display: none;
}

.pagScrollBtnWrap.mouseVariant {
    border-radius: 30px;
    height: 80px;
    width: 54px;
}

.searchListItemWrap {
    position: relative;
}

    .searchListItemWrap .vDivi a.font16 {
        z-index: 6;
        position: relative;
    }

    .searchListItemWrap > .link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .searchListItemWrap .configLink {
        position: relative;
        z-index: 3;
        /*background-color: rgba(var(--greenM-rgb),0.05);
    background-color: rgba(var(--greenD-rgb),1);*/
        border: 1px solid rgba(var(--greenN-rgb),1);
        border-radius: 30px;
        padding: 1px 6px;
        font-size: 12px !important;
        font-weight: 300;
        line-height: 1;
        top: 2px;
        margin-right: 4px;
    }

        .searchListItemWrap .configLink:hover {
            /*background-color:var(--white);*/
            background-color: rgba(var(--greenN-rgb),0.05);
            border: 1px solid rgba(var(--greenN-rgb),0.4);
        }

        .searchListItemWrap .configLink > a {
            font-size: 13px !important;
            line-height: 1;
            color: var(--greenD);
            display: inline-block;
        }

.availableVariantsWrap > .link {
    border: 1px solid var(--borderGrayL);
    border-radius: 30px;
    padding: 3px 12px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    margin-right: 6px;
}

    .availableVariantsWrap > .link.active {
        background-color: #f8f9fa;
        color: var(--grayD);
    }

.availableVariantsSection {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    padding-bottom: 10px;
    overflow-x: auto;
}

.availableVariantsItem {
    min-width: 160px;
    max-width: 160px;
    margin-right: 14px;
    font-size: 14px;
    position: relative;
    color: var(--grayD);
}

.availableVariantsItemSearchList {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    padding-bottom: 10px;
    overflow-x: auto;
    position: relative;
    z-index: 6;
}

    .availableVariantsItemSearchList .configLink {
        min-width: fit-content;
        padding: 4px;
        border-radius: 4px;
        margin: 0 6px 0 0;
    }

        .availableVariantsItemSearchList .configLink a {
            font-size: 12px !important;
            line-height: 1.2;
            color: rgba(var(--grayD-rgb),0.7);
            transition: transform 0.6s;
        }

.searchListItemWrap .configLink:hover a {
    color: var(--greenD);
}

.availableVariantsItemSearchList .configLink a span {
    font-weight: var(--weight-bold);
    color: var(--greenD);
}

.availableVariantsItem:hover {
    color: var(--greenM);
    border-color: var(--greenM)
}

.availableVariantsItem .card-body {
    padding: 10px;
}

    .availableVariantsItem .card-body .btn {
        position: absolute;
        padding: 6px;
    }

    .availableVariantsItem .card-body strong {
        font-size: 13px;
    }

.availableVariantsItem .card-img-top {
    max-height: 110px;
    min-height: 110px;
}

#availableVariants-tabContent .tab-pane h5 {
    margin-bottom: 15px;
}

.showCompare {
    position: fixed;
    bottom: 10px;
    z-index: 60;
    margin-left: 10px;
}

#compareModal td {
    text-align: center;
    font-size: 13px;
    line-height: 1.36;
    color: #333;
}

    #compareModal td span {
        text-align: left;
        display: block;
    }

#compareModal .table td, .table th {
    border-right: 1px solid #dee2e6;
}
/*
    #compareModal .table td:last-child, .table th:last-child{
        border-right:0;
    }
*/
#compareModal .table tbody tr:first-child td:first-child {
    font-size: 0;
}

#compareModal .table tr:first-child td,
#compareModal .table tr td:first-child {
    font-weight: var(--weight-bold);
}

#compareModal .table tr td:first-child {
    text-align: left;
}

    #compareModal .table tr:first-child td span,
    #compareModal .table tr td:first-child span {
        display: inline;
        text-align: center;
    }

#compareModal .table td img {
    display: block;
    margin: 10px auto;
    min-width: 100px;
    max-width: 100%;
    max-height: 120px;
    min-height: 100px;
}

#compareModal .modal-dialog {
    max-width: 100%;
    margin: 0;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100vh - 56px);
    display: flex;
    position: fixed;
    z-index: 100000;
}

    #compareModal .modal-dialog .modal-content {
        border-radius: 0;
    }

    #compareModal .modal-dialog .modal-body {
        overflow: auto;
    }

#compareModal .removeCompareItem {
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 9px;
    padding: 2px 5px;
    border: 0;
    border-radius: 0px;
    line-height: 1;
    background-color: rgba(var(--greenL-rgb),0.8);
    color: var(--white);
    font-weight: var(--weight-bold);
    cursor: pointer;
    left: 1px;
}

    #compareModal .removeCompareItem:hover {
        background-color: rgba(var(--greenL-rgb),1);
    }

.amenitiesSection {
    height: 240px;
    overflow: hidden;
}

    .amenitiesSection.more {
        height: auto;
    }