@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #808080;
    --clr-secondary: #220022;
    --clr-ftr-text: #AC9CAB;
    --clr-white: #fff;
    --clr-gray-half: #AC9CAB;
    --clr-purpel: #880085;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;
    --button-border-width: 1px;
    --button-border-style: solid;
    --button-broder-radius: 50px;

    --border-radius-image: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Mona Sans", sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-samibold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 72px;/*-- h1 --*/
    --f-size-XXL: 48px;/*-- h2 --*/
    --f-size-XL: 40px;/*-- h3 --*/
    --f-size-L: 32px;/*-- h4 --*/
    --f-size-M: 24px;/*-- h5 --*/
    --f-size-S: 20px;/*-- h6 --*/
    --f-size-Body: 18px;/*-- p --*/
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

/*..............embedded fonts..............*/
/*font-family: 'Josefin Sans', sans-serif;*/
/*..............custom fonts..............*/
/*@font-face {
    font-family: 'clarasansuploaded_file';
    src: url('../fonts/clarasans-webfont.eot');
    src: url('../fonts/clarasans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clarasans-webfont.woff2') format('woff2'),
         url('../fonts/clarasans-webfont.woff') format('woff'),
         url('../fonts/clarasans-webfont.ttf') format('truetype'),
         url('../fonts/clarasans-webfont.svg#clarasansuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*..............custom fonts..............*/

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
/*h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; color: #000;}
h1{ font-size:100px; font-family: 'c Cooking Beef';}
h2{ font-size:100px; font-family: 'c Cooking Beef';}
h3{ font-size:25px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
p{ font-size:24px; color: #000; margin:0 0 20px; padding:0; font-family: 'Josefin Sans', sans-serif;}*/




:is(body,p){ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){ font-family: var(--ff-title); font-weight: var(--fw-light); color: var(--clr-secondary); margin: var(--margin-title);}
:is(h1,.h1){ font-size: var(--f-size-XXXL);}
:is(h2,.h2){ font-size: var(--f-size-XXL);}
:is(h3,.h3){ font-size: var(--f-size-XL);}
:is(h4,.h4){ font-size: var(--f-size-L);}
:is(h5,.h5){ font-size: var(--f-size-M);}
:is(h6,.h6){ font-size: var(--f-size-S);}

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none;}
/*input[type="submit"]{font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); color: var(--clr-white); transition: var(--transition-common); font-weight: var(--fw-medium); outline: none;}*/



/* --- Button Styles --- */
.btn { border: 0; display: inline-block; font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); background-color: var(--clr-purpel); color: var(--clr-white); transition: var(--transition-common); font-weight: var(--fw-medium); padding: 15px 50px; text-transform: capitalize; border-radius: 50px;}
.btn.btn-white{background-color: var(--clr-white); color: var(--clr-purpel);}

.btn.border { background: transparent; color: var(--clr-purpel); border: 1px solid var(--clr-purpel) !important;}
.btn.border.btn-white{border-color: var(--clr-white) !important; color: var(--clr-white);}


.btn:hover{background-color: var(--clr-secondary); color: var(--clr-white);}
.btn.border:hover{background-color: var(--clr-purpel); color: var(--clr-white);}
.btn.border.btn-white:hover{border-color: var(--clr-purpel) !important; color: var(--clr-white);}

/*.btn.rounded { border-radius: 5px;}*/
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:focus, button:focus{outline: none;}

/* --- Button Styles --- */


/*..............common styles..............*/

.click { display:none; /*color: #000; float: right; font-size: 28px;*/ position: relative; background-color: var(--clr-purpel); width: 50px; height: 50px;}
.main_menu a.closebtn{
    display: none;
    }

   .common-padding { padding-top: 100px; padding-bottom: 100px;}
   .common-padding-md { padding-top: 50px; padding-bottom: 50px;}

   .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: #fff;}

/*for header css*/
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 15px 0; background-color: #FFF9FF;}
body.home .main-header { background-color: #FFF;}
.headerRow{display: flex; justify-content: space-between; align-items: center;}
.header-right { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end;}

/*.logo { float: left;}*/
/*.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/
.header-right .main_menu { margin-right: 40px;}

/*.main_menu { float: right; }*/
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 20px; text-transform: capitalize; position: relative; font-size: 18px;}
.main_menu ul li a { display: block; padding: 15px 0; color: #606F82; font-family: var(--ff-base);}
.main_menu>ul>li:hover>a, .main_menu>ul>li.current-menu-item>a { color: var(--clr-purpel);}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 16px; right: -13px; width: 10px; height: 24px;}
.main_menu ul li.menu-item-has-children span img { transition: var(--transition-common);}
.main_menu ul li.menu-item-has-children:hover span img { transform: rotate(180deg);}

.sub-menu{ display: none; position: absolute; left: 0; top: 55px; width: 200px; background: var(--clr-white); z-index: 1;}
.main_menu ul li:hover .sub-menu{display: block;}
ul.sub-menu li { margin: 0 0px; display: block;}
ul.sub-menu li a{padding: 5px 10px;}
ul.sub-menu li a:hover, ul.sub-menu li.current-menu-item a{background-color: var(--clr-purpel); color: var(--clr-white);}

/*for header css*/

.slider-wrap { position: relative;}
.banner-side-gap{padding: 0 50px;}
.banner-pic-wrapper{border-radius: 20px; overflow: hidden; position: relative;}
.banner-pic-wrapper:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(59, 0, 58, 0.1);}
.banner-pic-wrapper img, .slider-wrap img{width: 100%;}
.bann-content { position: absolute; top: 50%; transform: translateY(-50%); max-width: 580px;}
.bann-content h1 span{font-weight: var(--fw-bold);}
.bann-content p{color: #606F82;}
.banner-btn-row .btn:first-child{margin-right: 10px;}

/*for main sections css*/

/*main.main-section { padding: 80px 0;}*/

.slick-arrow {
    background-color: var(--clr-white) !important;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    z-index: 1;
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);*/
    border: 2px solid var(--clr-ftr-text);
    transition: all 0.6s ease-in-out 0s;
}
.slick-arrow:hover{opacity: 0.4;}
.slick-prev {
    background-image: url(../images/arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    left: 0;
}
.slick-next {
    background-image: url(../images/arrow-right.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    right: 0;
    
}

/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}


/*-- bann-tab-css(Start) --*/
.bann-hom-tab-row{
    margin-top: -98px;
    z-index: 1;
    position: relative;
}
.bann-hom-tab-row .tab-content{
    background-color: var(--clr-white);
    padding: 22px 35px;
    border-radius: 15px;
    box-shadow: 0px 4px 20px 0px rgba(20, 32, 47, 0.05);
}

.tab-inner-row{display: flex; flex-flow: row wrap; justify-content: space-between;}
.tab-inner-left{/*width: calc(100% - 190px);*/ width: 100%; position: relative; padding-left: 30px; margin-bottom: 15px;}
.tab-inner-right{/*width: 190px; padding-left: 10px;*/ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.tab-inner-row form#property-search-form-buying, .tab-inner-row form#property-search-form-renting{width: 100%;}
.tab-inner-right input.form-control { width: calc(100% - 200px); margin-right: 15px;}
.tab-icon{position: absolute; left: 0; top: 0;}
.tab-inner-right .btn{padding: 15px 35px;}


.tab-design .nav-link { border-radius: 0; color: #B3A4B3; background-color: var(--clr-white); box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);}
.tab-design .nav-pills .nav-link.active, .tab-design .nav-pills .show>.nav-link{background-color: var(--clr-purpel); color: var(--clr-white);}
.tab-design .nav-item:first-child .nav-link { border-radius: 10px 0 0 0;}
.tab-design .nav-item:last-child .nav-link { border-radius: 0 10px 0 0;}
.tab-inner-left p{margin-bottom: 3px; color: #001A36;}
.tab-inner-left p span{ font-size: 16px; color: #B3A4B3;}

/*-- bann-tab-css(End) --*/

/*-- opportunity-hom-sec(Start) --*/
.opportunity-hom-title{max-width: 580px;}
.trusted-hom-box{ border:10px solid #F4E1F3; padding: 60px; background-color: #FFF9FF;}
.trusted-bg{background-repeat: no-repeat; background-position: top center;}
.trusted-hom-title h2{margin-bottom: 0;}
.trusted-hom-box{margin-top: 80px;}
.opportunity-logo-bg{position: absolute; top: 0; left: 135px;}
.trusted-hom-rps-logo { text-align: center;}

/*-- opportunity-hom-sec(End) --*/

/*-- real-estate-hom-sec(Start) --*/

.purple-dark-bg{background-color: var(--clr-secondary);}
.purple-light-bg{background-color: #FFF9FF;}
.purple-bg{background-color: var(--clr-purpel);}
.real-estate-hom-pic{border-radius: 30px; overflow: hidden; margin-top: 30px; max-width: 575px;}
.real-estate-hom-right-top p{color: var(--clr-gray-half);}

.real-estate-hom-content h4{font-weight: var(--fw-samibold); position: relative; padding-bottom: 15px;}
.real-estate-hom-content h4:before{ position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #880085, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0)); content: "";}
.real-estate-hom-content h4 a{color: var(--clr-white);}
.real-estate-hom-content h4 a:hover{color: var(--clr-purpel);}
.real-estate-hom-content p{color: var(--clr-gray-half);}
.real-estate-hom-right-bottom { padding-top: 30px;}
.real-estate-hom-icon { padding-bottom: 30px;}


/*-- real-estate-hom-sec(End) --*/

/*-- discover-hom-sec(Start) --*/
.discover-hom-row {
    position: relative;
    overflow: hidden;
}




.discoverhom_carousel .slick-prev{
    position: absolute;
    top: 40px !important;
    right: 70px !important;
    left: inherit !important;
    z-index: 999;
}
.discoverhom_carousel .slick-next {
    position: absolute !important;
    top: 40px !important;
    right: 0 !important;
    z-index: 999;
}
.discoverhom_carousel{padding-top: 100px;}
.discover-hom-sec .opportunity-hom-title {
    margin-bottom: -100px;
}


.discover-hom-row .discover-box{margin-right: 20px;}
/*.slick-list draggable*/
.discover-box {padding: 20px; border: 1px solid #EDEDED; background-color: var(--clr-white); border-radius: 20px; transition: var(--transition-common); margin-bottom: 10px;}
.discover-box:hover{box-shadow: 0px 0px 10px 5px rgba(136, 0, 128, 0.07); border-color: var(--clr-white);}
.discover-pic{border-radius: 15px; overflow: hidden; padding-top: 69%; position: relative;}
.discover-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.discover-content{padding-top: 30px;}
.discover-content-top h4{color: var(--clr-secondary); font-weight: var(--fw-samibold); margin-bottom: 15px;}
.discover-content-top p{color: #808080;}
.discover-content-bottom {border-top: 1px solid #EDEDED; padding-top: 20px;}
.discover-content-bottom ul{padding-left: 0; margin-bottom: 15px; display: flex; flex-flow: row wrap; list-style: none;}
.discover-content-bottom ul li{width: 30%; margin-right: 10px; margin-bottom: 5px;}
.discover-content-bottom ul li:last-child{ margin-right: 0px;}
.discover-content-bottom ul li h6{margin-bottom: 5px; color: var(--clr-ftr-text); font-size: 16px; text-align: center;}
.discover-content-bottom ul li p{color: var(--clr-purpel); font-weight: var(--fw-medium); margin-bottom: 0; display: flex; flex-flow: row wrap; align-items: center;}
.discover-content-bottom ul li p span{margin-right: 10px; width: 22px;}
.discover-content-bottom .btn { width: 100%;}


/*-- discover-hom-sec(End) --*/
/*-- free-property-hom-sec(Start) --*/


.free-property-hom-right{position: relative; padding-bottom: 65px; padding-right: 65px;}
.free-property-hom-pic{max-width: 455px; width: 100%; border-radius: 30px; overflow: hidden;}
.free-property-hom-pic-content-box{position: absolute; right: 0; bottom: 0; width: 216px; border-radius: 20px; background: var(--clr-purpel); padding: 30px 20px;}
.free-property-hom-icon{width: 56px; height: 56px; background-color: rgba(255,255,255,0.1); border-radius: 50px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;}
.free-property-hom-pic-content-box p{margin-bottom: 0; color: var(--clr-white); font-weight: var(--fw-bold);}
.free-property-hom-left { max-width: 695px;}

/*-- free-property-hom-sec(End) --*/





/*-- perfect-rental-hom-sec(Start) --*/


.perfect-rental-hom-left{position: relative; padding-left: 65px;}
.perfect-rental-hom-pic{max-width: 455px; width: 100%; border-radius: 30px; overflow: hidden;}
.perfect-rental-hom-pic-content-box{position: absolute; left: 0; top: 60px; /*width: 280px;*/ max-width: 310px; border-radius: 20px; background: var(--clr-white); padding: 30px 20px; border: 1px solid #E3E3E3; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
.perfect-rental-hom-icon{width: 56px; height: 56px; background-color: rgba(136,0,133,0.16); border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.perfect-rental-hom-pic-content-box p{margin-bottom: 0; color: var(--clr-purpel); font-weight: var(--fw-bold); width: calc(100% - 56px);padding-left: 20px;}
.perfect-rental-hom-right { max-width: 695px; margin-left: auto;}

/*-- perfect-rental-hom-sec(End) --*/

/*for main sections css*/


/*for footer sections css*/


.ftr-top { padding: 50px 0 30px; position: relative;}
.ftr-top:before{width: 1px; top: 0; bottom: 0; background-color: #4D204D; left: 0; right: 0; margin: 0 auto; content: ""; position: absolute;}
/*.ftr-top-left{border-right: 1px solid #4D204D;}*/
.ftr-logo { margin: 0 0 30px;}
.ftr-col h5{color: var(--clr-white); font-weight: var(--fw-samibold);}
.ftr-menu{margin-bottom: 30px;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap;}
.ftr-menu ul li {margin-right: 40px;}
.ftr-menu ul li:last-child{margin-right: 0px;}
.ftr-menu ul li a { color: var(--clr-ftr-text);}
.ftr-menu ul li a:hover{ color: var(--clr-white);}
.ftr-top-right { max-width: 455px; margin: 0 auto;}


.ftr-btm{border-top: 1px solid #4D204D; padding: 35px 0; text-align: center; color: #fff;}
.ftr-btm p { margin-bottom: 0px; color: var(--clr-ftr-text);}
.ftr-btm p a{color: var(--clr-ftr-text);}
.ftr-btm p a:hover{color: var(--clr-white);}


.ftr-col h4 { text-transform: capitalize; font-weight: var(--fw-samibold); color: var(--clr-white); margin-bottom: 12px;}
.ftr-top p { color: var(--clr-ftr-text);}


ul.adrs { margin: 0; padding: 0; list-style: none;}
ul.adrs li { margin: 0 0 15px; padding-left: 36px; position: relative;}
ul.adrs li span{position: absolute; left: 0; top: 0; color: var(--clr-white);}
ul.adrs li a{ color: var(--clr-ftr-text);}
ul.adrs li a:hover{ color: var(--clr-white);}
/*ul.adrs li img { position: absolute; left: 0; top: 4px;}*/



/*for footer sections css*/

/*-- buying-page(Start) --*/

.inner-banner { position: relative;}
.innen-bann-content{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.inner-banner .innen-bann-content h1{font-weight: var(--fw-bold);}
ul.breadcrumb li.breadcrumb-item a{color: #808080;}
ul.breadcrumb li.breadcrumb-item a:hover, ul.breadcrumb li.breadcrumb-item.active{color: var(--clr-purpel);}

/*-- looking-buy-sec(Start) --*/
.looking-buy-pics{display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; padding-bottom: 47px;}
.looking-buy-pic-left{width: 58%; margin-right: 20px; border-radius: 10px; overflow: hidden;}
.looking-buy-pic-right{width: 38%;}
.looking-buy-pic-right-box{margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
.looking-buy-pic-right-top{ height: 60%;}
.looking-buy-pic-right-top img, .looking-buy-pic-left img { width: 100%; height: 100%; object-fit: cover;}
.looking-buy-pic-right-bottom{background-color: var(--clr-purpel); color: var(--clr-white); height: 45%; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}

.looking-buy-icon{width: 56px; height: 56px; background-color: rgba(255, 255, 255, 0.15); border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.looking-buy-pic-right-bottom p{margin-bottom: 0; font-weight: var(--fw-bold); color: var(--clr-white);}

.looking-btn-list ul{padding-left: 0; margin-bottom: 0; list-style: none; display: flex; flex-flow: row wrap;}
.looking-btn-list ul li{width: auto; margin-right: 8px; margin-bottom: 10px;}
.looking-btn-list ul li:last-child{ margin-right: 0px;}
.looking-buy-content { max-width: 700px; margin-left: auto; padding-left: 20px;}
.looking-btn-list ul li .btn{padding: 15px 40px;}

.look-buy-dots{position: absolute; bottom: 0; left: 90px; z-index: -1;}
.looking-buy-pics:before { background-color: #FFF9FF; width: 360px; height: 360px; border-radius: 10px; bottom: -37px; right: 24px; position: absolute; content: ""; z-index: -1;}
.looking-opposite .looking-buy-pics:before{right: inherit; left: 24px;}

/*-- journey-sec-sec(Start) --*/
.journey-shape-bg{background-image: url(../images/journey-background.png); background-repeat: no-repeat; background-position: right center;}
.journey-content p a{ color: var(--clr-white); border-bottom: 1px solid var(--clr-white);}
.journey-content p a:hover{ color: var(--clr-ftr-text);}
.journey-content { max-width: 580px; margin: 0 auto; /* padding-left: 30px; */}
.purple-bg .btn.border.btn-white:hover{background-color: var(--clr-white); border-color: var(--clr-white); color: var(--clr-purpel);}
.journey-btn-list a{ margin-left: 5px;}
.journey-btn-list a:first-child { margin-left: 0px;}
.journey-btn-list a { margin-bottom: 10px;}

/*-- buying-page(End) --*/

/*-- valuation-page(Start) --*/

.valuation-form .form-control, .view-apartment-side-bar .form-control, .contact-form .form-control{height: 50px; border-radius: 10px; border-color: #E3E3E3;}
.valuation-form textarea.form-control, .view-apartment-side-bar textarea.form-control, .contact-form textarea.form-control{height: auto; resize: none;}
.valuation-form label.form-label, .view-apartment-side-bar label.form-label, .contact-form label.form-label{color: var(--clr-purpel); font-weight: var(400);}
.valuation-title { margin-bottom: 30px;}
.contact-form .inp-holder .g-recaptcha>div { margin: 0 auto;}
.contact-form span.wpcf7-spinner { display: table; margin: 10px auto;}
.contact-form .wpcf7 form .wpcf7-response-output { margin: 0.5em 0.5em 0.5em;}
.contact-form .row p { margin-bottom: 0;}
.inp-holder .wpcf7-not-valid-tip, .wpcf7-response-output{text-align: center;}
form.invalid .wpcf7-response-output{color: #dc3232;}
form.sent .wpcf7-response-output { color: #1e8927;}
form.invalid .wpcf7-not-valid{border-color: #dc3232 !important;}
form.invalid span.wpcf7-form-control-wrap .wpcf7-not-valid-tip{display: none;}
.valuation-sec .valuation-form .wpcf7-spinner{ display: block; margin: 10px auto 0;}

/*-- valuation-page(End) --*/

/*-- Properties-Listing-page(Start) --*/

.properties-tab ul.nav.nav-pills li.nav-item{margin-right: 10px; margin-bottom: 10px;}
.properties-tab ul.nav.nav-pills li.nav-item:last-child{margin-right: 0px;}
.properties-tab .nav-link {
    border: 1px solid #AC9CAB;
    color: #AC9CAB;
}
.properties-tab .nav-link:hover, .properties-tab .nav-pills .nav-link.active, .properties-tab .nav-pills .show>.nav-link{background-color: #FBF1FB; border-color: #FBF1FB; color: var(--clr-purpel);}

/*-- Properties-Listing-page(End) --*/

/*-- View-Apartment-page(Start) --*/

.view-apartment-row { padding: 20px; border: 1px solid #EDEDED; border-radius: 30px;}
.properties-image-wrap {border-radius: 15px; overflow: hidden; /*height: 430px;*/}
.view-apartment-row .slider-nav {
    margin-top: 10px;
}
.view-apartment-row .slider-nav .slick-slide{margin-right: 10px; border-radius: 15px; overflow: hidden; border: 4px solid var(--clr-white); margin-top: 1px; margin-bottom: 1px; margin-left: 1px; height: 85px;}
.view-apartment-row .slider-for .slick-slide img { border-radius: 10px; }

.view-apartment-row .slider-nav .slick-slide.slick-current{box-shadow: 0 0px 0px 1px var(--clr-purpel);}
.view-apartment-row .slider-nav .slick-slide img, .view-apartment-row .slider-for .slick-slide img, .properties-image-wrap img{width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.view-apartment-row .slick-arrow{
    background-color: rgba(255, 255, 255, 0.8) !important;
    border: none;}
.view-apartment-row .slider-for .slick-prev {
    background-image: url(../images/arrow-purpel-left.png) !important;
    left: 30px;
}
.view-apartment-row .slider-for .slick-next {
    background-image: url(../images/arrow-purpel-right.png) !important;
    right: 30px;
}
.overview-box{border: 1px solid #EDEDED; border-radius: 30px; padding: 40px 40px; display: flex; flex-flow: row wrap; position: relative;}
.overview-box:before{background-color: #EDEDED; height: 100%; width: 1px; position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; content: "";}
.overview-box-left{width: 50%; padding-right: 40px;}
.overview-box-right{width: 50%; padding-left: 40px;}

.overview-list ul{list-style: none; margin-bottom: 0; padding-left: 0;}
.overview-list ul li{display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 15px;}
.overview-list-label{width: 48%; position: relative;}
.overview-list-count{width: 48%; text-align: right;}
.overview-list-label p{margin-bottom: 0; color: var(--clr-primary);}
.overview-list-count p{margin-bottom: 0; color: var(--clr-purpel);}
.overview-list-label:after{position: absolute; right: 0; top: 0; color: var(--clr-primary); content: ":";}

.view-features-box{border: 1px solid #EDEDED; border-radius: 30px; padding: 40px 40px;}

.view-tick-circel-list ul{list-style: none; margin-bottom: 0; padding-left: 0; display: flex; flex-flow: row wrap;}
.view-tick-circel-list ul li{position: relative; margin-bottom: 12px; padding-left: 32px; padding-right: 15px; color: var(--clr-primary); width: 33.33%;}
.view-tick-circel-list ul li:before{font-family: 'Font Awesome\ 5 Free'; content: "\f058"; font-weight: 600; position: absolute; left: 0; top: 0; color: var(--clr-purpel);}
.view-location-map iframe{filter: grayscale(1); border-radius: 15px; width: 100% !important;}
.view-apartment-side-bar{border: 1px solid #EDEDED; border-radius: 30px; padding: 30px 20px; position: sticky; top: 0;}
.call-it p{margin-bottom: 0;}
.call-it p a{color: var(--clr-purpel); text-decoration: underline;}
.call-it p a:hover{color: var(--clr-secondary);}

/*-- View-Apartment-page(End) --*/

/*-- Properties-Management-Page(Start) --*/

.looking-opposite .looking-buy-content { margin-left: 0;}
.looking-opposite .looking-buy-pic-left { order: 1; margin-right: 0; margin-left: 20px;}
.looking-opposite .look-buy-dots { left: inherit; right: 90px;}
.looking-opposite .looking-buy-content {padding-left: 0;}

.contact-info-list ul{padding-left: 0; margin-bottom: 0; list-style: none; margin-top: 30px; max-width: 455px;}
.contact-info-list ul li{margin-bottom: 30px; display: flex; flex-flow: row wrap;}
.contact-info-icon{width: 80px; height: 80px; border-radius: 50px; border: 1px dashed var(--clr-purpel); background-color: #FBF1FB; display: flex; justify-content: center; align-items: center; font-size: 32px; color: var(--clr-purpel);}
.contact-info-right{width: calc(100% - 80px); padding-left: 20px;}
.contact-info-right p{margin-bottom: 5px;}
.contact-info-right p span{color: var(--clr-purpel);}
.contact-info-right p a{color: var(--clr-primary);}
.contact-info-right p a:hover{color: var(--clr-purpel);}

/*-- Properties-Management-Page(End) --*/

/*-- Contact-Us-Page(Start) --*/

.contact-form{border: 1px solid #EDEDED; padding: 40px; border-radius: 20px; background-color: var(--clr-white);}
.contact-form h5{font-weight: var(--fw-samibold); color: #4D204D;}

/*-- Contact-Us-Page(End) --*/

/*-- Contact-Us-Page(End) --*/
.vat-list ul{padding-left: 0; margin-bottom: 0; list-style: none;}
.vat-list ul li{ margin-bottom: 10px;}
.vat-list ul li span{color: var(--clr-purpel);}


/*-- Contact-Us-Page(End) --*/

.journey-sec.transparent-price-sec .journey-content{max-width: inherit;}
.journey-sec.transparent-price-sec .journey-title{max-width: 575px}

.inner-banner img { width: 100%;}
.not-found-box{padding: 40px 20px; border: 1px solid #EDEDED; background-color: var(--clr-white); border-radius: 20px; background-color: #FFF9FF; overflow: hidden;}
.inner-banner { background-color: #FFF9FF;}
.view-apartment-sec .view-apartment-left h4, .view-apartment-side-bar h5 { font-weight: var(--fw-samibold);}
.contact-info-right p span {color: #4D204D; font-weight: var(--fw-medium);}

/*Media Query css*/


@media only screen and ( min-width:1601px ) {
    .container { max-width: 1450px;}

}

/*@media only screen and ( min-width:1921px ) {

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}*/

@media only screen and ( max-width:1600px ) {
    .free-property-hom-pic-content-box { padding: 20px 15px;}
    .perfect-rental-hom-pic-content-box { padding: 20px 15px;}
    .journey-btn-list .btn { padding: 12px 35px;}
    .tab-inner-right input.form-control { width: calc(100% - 190px); }

}
@media only screen and ( max-width:1500px ) {
    :root{
        --f-size-XXXL: 52px;
        --f-size-XXL: 45px;


        /*--f-size-XXXL: 72px;
        --f-size-XXL: 48px;
        --f-size-XL: 40px;
        --f-size-L: 32px;
        --f-size-M: 24px;
        --f-size-S: 20px;
        --f-size-Body: 18px;*/
    }
    .btn { padding: 12px 40px;}
    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .common-padding-md { padding-top: 40px; padding-bottom: 40px;}
    .trusted-hom-box { margin-top: 60px; padding: 40px; border-width: 8px;}

    .slick-arrow { width: 46px; height: 46px;}
    .discoverhom_carousel .slick-prev { right: 60px !important;}
    .discoverhom_carousel .slick-prev, .discoverhom_carousel .slick-next {top: 30px !important;}
    .discoverhom_carousel { padding-top: 80px;}
    .discover-box { padding: 15px;}
    .discover-content { padding-top: 20px; padding-bottom: 10px;}
    .discover-content-bottom .btn { padding: 12px 15px; font-size: 17px;}
    .ftr-menu ul li { margin-right: 30px;}
    .inner-banner .innen-bann-content h1 { margin-bottom: 15px;}
    .looking-btn-list ul li .btn { padding: 15px 30px;}
    .contact-info-icon { width: 70px; height: 70px; font-size: 27px;}
    .contact-info-right { width: calc(100% - 70px);}
    .valuation-form .form-control, .view-apartment-side-bar .form-control, .contact-form .form-control { height: 44px; border-radius: 6px;}
    .view-apartment-row { padding: 10px; border-radius: 20px;}
    .properties-image-wrap{border-radius: 10px; height: 400px;}
    
    .view-apartment-row .slider-nav .slick-slide { margin-right: 5px; border-radius: 10px; border-width: 3px; height: 70px;}
    .view-apartment-side-bar { border-radius: 20px; padding: 20px 15px;}
    .view-features-box, .overview-box{ border-radius: 20px; padding: 30px 30px;}
    .overview-box-left { padding-right: 30px;}
    .overview-box-right { padding-left: 30px;}
    .view-apartment-row .slider-for .slick-prev { left: 20px;}
    .view-apartment-row .slider-for .slick-next { right: 20px;}
    

}
@media only screen and ( max-width: 1400px ) {

    :root{
        --f-size-XXXL: 48px;
        --f-size-XXL: 42px;
        --f-size-XL: 38px;
        --f-size-L: 30px;

        /*--f-size-XXXL: 52px;
        --f-size-XXL: 45px;
        
        --f-size-XL: 40px;
        --f-size-L: 32px;
        --f-size-M: 24px;
        --f-size-S: 20px;
        --f-size-Body: 18px;*/
    }

    .common-padding { padding-top: 70px; padding-bottom: 70px;}
    .common-padding-md { padding-top: 35px; padding-bottom: 35px;}
    .trusted-hom-box { padding: 30px; border-width: 6px;}

    .header-right .main_menu { margin-right: 30px;}
    .main_menu ul li { margin: 0 15px;}
    .discover-content-bottom ul li p span { margin-right: 4px;}
    .discover-content-bottom ul li p { font-size: 16px;}
    .discover-content-bottom ul li h6 { font-size: 14px;}
    .discover-box { padding: 10px;}
    .looking-buy-pic-left { margin-right: 15px;}
    .looking-opposite .looking-buy-pic-left { margin-left: 15px;}
    .looking-buy-pics:before { width: 300px; height: 300px; bottom: -30px;}
    .contact-form { padding: 30px;}
    .view-features-box, .overview-box{ border-radius: 15px; padding: 20px 20px;}
    .overview-box-left { padding-right: 20px;}
    .overview-box-right { padding-left: 20px;}
    .bann-content { max-width: 530px;}
    .journey-btn-list .btn { padding: 10px 30px;}
    
    

}
@media only screen and ( max-width: 1199px ) {

    :root{
        --f-size-XXXL: 42px;
        --f-size-XXL: 38px;
        --f-size-XL: 34px;
        --f-size-L: 28px;
        --f-size-M: 22px;
        --f-size-S: 19px;
        --f-size-Body: 17px;

        /*--f-size-XXXL: 48px;
        --f-size-XXL: 42px;
        --f-size-XL: 38px;
        --f-size-L: 30px;

        --f-size-M: 24px;
        --f-size-S: 20px;
        --f-size-Body: 18px;*/
    }
    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .common-padding-md { padding-top: 25px; padding-bottom: 25px;}
    .trusted-hom-box { margin-top: 40px;}
    

    .header-right .main_menu { margin-right: 10px;}
    .btn { padding: 12px 30px;}
    .tab-inner-right .btn { padding: 8px 20px;}
    .bann-hom-tab-row .tab-content { padding: 15px 15px; border-radius: 10px;}
    .bann-hom-tab-row { margin-top: -88px;}
    .banner-btn-row .btn:first-child { margin-right: 5px;}

    .slick-arrow { width: 36px; height: 36px;}
    .discoverhom_carousel .slick-prev { right: 50px !important;}
    .slick-arrow:hover { opacity: 0.7;}
    /*.tab-inner-right { width: 150px; padding-left: 7px;}
    .tab-inner-left { width: calc(100% - 150px); padding-left: 30px;}*/
    .tab-inner-right input.form-control { width: calc(100% - 160px);}
    .real-estate-hom-icon { padding-bottom: 20px;}
    .free-property-hom-right { padding-right: 35px;}
    .perfect-rental-hom-left { padding-left: 35px;}
    .perfect-rental-hom-pic-content-box { top: 40px;}
    .ftr-menu ul li { margin-right: 20px;}
    ul.adrs li { margin: 0 0 10px; padding-left: 30px;}
    .ftr-top-right { text-align: center;}
    .banner-side-gap { padding: 0 30px;}
    .looking-buy-icon { /*width: 42px; height: 42px;*/ width: 50px; height: 50px; margin: 0 auto 7px;}
    .looking-btn-list ul li .btn { padding: 8px 20px;}
    .contact-info-icon { width: 50px; height: 50px; font-size: 20px;}
    .contact-info-right { width: calc(100% - 50px);}
    .view-apartment-row {border-radius: 15px; padding: 6px;}
    .view-apartment-row .slider-nav .slick-slide { border-radius: 6px; border-width: 2px;}
    .view-tick-circel-list ul li { padding-left: 24px; padding-right: 10px;}
    .view-apartment-row .slider-for .slick-prev { left: 10px;}
    .view-apartment-row .slider-for .slick-next { right: 10px;}
    .bann-content { max-width: 410px;}
    .not-found-box{padding: 30px 20px;}
    .looking-buy-pic-right-box {margin-bottom: 15px;}
    .looking-buy-pic-right-top { height: 52%;}
    .header-right .btn { padding: 10px 20px;}
    .journey-btn-list .btn { padding: 8px 20px;}
    
    
    
    

}
@media only screen and ( max-width: 1024px ) {
    .logo { max-width: 80px;}
    .bann-hom-tab-row { margin-top: 50px;}
    .discover-content-bottom .btn { padding: 8px 10px; font-size: 15px;}
    .discover-content-top h4 { margin-bottom: 10px;}
    .bann-hom-tab-row .tab-content{ box-shadow: 0px 0px 10px 1px rgba(20, 32, 47, 0.07);}
    .banner-side-gap { padding: 0 20px;}
   



}

@media only screen and ( max-width: 991px ) {
    .main_menu ul li { margin: 0 8px;}

    :root{
        --f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 29px;
        --f-size-L: 24px;
        --f-size-M: 21px;
        --f-size-S: 18px;
        --f-size-Body: 16px;

        /*--f-size-XXXL: 45px;
        --f-size-XXL: 40px;
        --f-size-XL: 36px;
        --f-size-L: 28px;
        --f-size-M: 22px;
        --f-size-S: 19px;
        --f-size-Body: 17px;*/
    }

    .main_menu ul li { font-size: 15px;}
    .header-right .btn { padding: 6px 12px; font-size: 14px;}
    .header-right .main_menu { margin-right: 5px;}
    .logo{ max-width: 70px;}

    .discover-content-bottom ul li p { font-size: 15px;}
    .discover-content-bottom ul li h6 { font-size: 13px;}
    .real-estate-hom-pic { border-radius: 20px; margin: 20px auto;}
    .trusted-hom-box { margin-top: 30px; padding: 20px 20px; border-width: 5px;}
    .real-estate-hom-left, .real-estate-hom-right-top p { text-align: center;}
    .discoverhom_carousel { padding-top: 70px;}
    .discover-hom-sec .opportunity-hom-title { margin-bottom: -70px;}

    .free-property-hom-pic { border-radius: 20px; }
    .free-property-hom-pic-content-box { border-radius: 15px;}
    .perfect-rental-hom-pic{ border-radius: 20px; }
    .perfect-rental-hom-pic-content-box { border-radius: 15px;}
    /*.looking-buy-pic-left { margin-right: 12px;}
    .looking-opposite .looking-buy-pic-left { margin-left: 12px;}*/
    .inner-banner .innen-bann-content h1 { margin-bottom: 10px;}
    .looking-buy-pics { padding-bottom: 15px;}
    .looking-buy-pic-left { margin-right: 0px; margin-bottom: 20px; width: 100%;}
    .looking-buy-pic-right { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
    .looking-buy-pic-right-top { height: auto; width: 48%;}
    .looking-buy-pic-right-bottom { height: auto; width: 48%;}
    .looking-buy-pics:before { width: 250px; height: 250px; bottom: -10px; right: 14px;}
    .looking-opposite .looking-buy-pic-left { margin-left: 0px;}
    .looking-buy-pic-right-box { margin-bottom: 15px;}

    /*.looking-opposite .looking-buy-pic-left { margin-left: 0px;}
    .looking-buy-content { max-width: inherit; padding-left: 0px; text-align: center;}
    .looking-buy-pics:before, .look-buy-dots{display: none;}*/
    .contact-info.contact-info-list h2, .contact-info.contact-info-list>p, .contact-form h5{ text-align: center;}
    .contact-info-list ul { margin-top: 25px; max-width: inherit;}
    .view-apartment-row .slider-for .slick-slide { height: 350px;}
    /*.view-apartment-row .slider-nav .slick-slide { height: 60px;}*/
    .properties-image-wrap{height: 350px;}
    .bann-content { max-width: 310px;}
    .tab-inner-right input.form-control { width: calc(100% - 150px); margin-right: 10px;}
    
    


    

}
/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
    .discoverhom_carousel .slick-list {
        overflow: visible;
        /*margin: 0 -15px;*/
    }
}
@media only screen and ( max-width: 767px ) {

    /*-- toggle-new-menu-icon to cross-icon(Start) --*/
  /*{position: relative;
  padding: 1.5rem;}*/
    .menu-toggle {
  /*position: absolute;
  right: 0;
  top: 0;*/
  /*transform: translate(0, -50%);*/
  /*height: 26px;
  width: 29px;*/
}
.menu-toggle, .menu-toggle:hover {
  color: var(--clr-white);
}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 26px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--clr-white);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -8px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 8px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
        order: 2;
        margin-left: 10px;
    }
    .main_menu a.closebtn{
        color: var(--clr-white);
        display: block;
    }
    /*.main_menu{
        display: none;
        width: 100%;
        position: relative;
    }
    .main_menu ul {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    }
    .main_menu ul li{
       display: block;
    }
    .main_menu ul li a {
    padding: 6px 0px;
    }*/

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    /*min-height: calc(100vh - 100px);*/
    min-height: calc(100vh - 135px);
    width: 100%;
    position: fixed;
    z-index: 1;
    /*top: 100px;*/
    top: 135px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
    z-index: 999;
    right: -100%;
    }
    body.nav-open .main_menu {
    right: 0 !important;
    }

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    /*body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}*/

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { /*top: 12px;*/ top: 16px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li{display: block;}
    .header-right .main_menu {margin-right: 0px; }
    .main_menu ul li.menu-item-has-children:hover span img { transform: rotate(0);}
    .main_menu ul li.menu-item-has-children.active span img { transform: rotate(180deg);}

    /*-- For_mob_menu(End) --*/
    :root{
        --f-size-XXXL: 32px;
        --f-size-XXL: 28px;
        --f-size-XL: 26px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        --margin-title: 0 0 15px 0;


        /*--f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 29px;
        --f-size-L: 24px;
        --f-size-M: 21px;
        --f-size-S: 18px;
        --f-size-Body: 16px;*/
    }
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .common-padding-md { padding-top: 20px; padding-bottom: 20px;}
    .ftr-top { padding: 40px 0 30px;}
    .bann-content { position: relative; top: 0; transform: inherit; max-width: inherit; padding: 20px 0; text-align: center;}



    .slick-arrow { width: 30px; height: 30px;}
    .discoverhom_carousel .slick-prev { top: 50% !important; transform: translateX(-50%); right: inherit !important; left: 16px !important;         border-width: 1px;}
    .discoverhom_carousel .slick-next {top: 50% !important; transform: translateX(-50%); right: -9px !important; border-width: 1px;}
    .discoverhom_carousel { padding-top: 80px;}
    .discover-box { border-radius: 15px;}
    .discover-hom-row .discover-box{margin-right: 5px;}
    .discover-pic { border-radius: 10px;}
    .discover-content-bottom ul li p { justify-content: center;}
    .discover-content-top { text-align: center;}
    .discover-content { padding-top: 15px;}
    .opportunity-logo-bg{display: none;}
    .opportunity-hom-title, .opportunity-hom-content, .trusted-hom-title{ text-align: center;}
    .trusted-hom-title h2 { margin-bottom: 20px;}
    .trusted-hom-box { margin-top: 30px; padding: 15px 15px; border-width: 4px;}
    .free-property-hom-right { padding-right: 0px;}
    .free-property-hom-pic { border-radius: 15px; margin: 0 auto;}
    .free-property-hom-pic-content-box { border-radius: 10px;}
    .free-property-hom-left { max-width: 695px; text-align: center; margin-top: 20px;}

    .perfect-rental-hom-left{ padding-left: 0px;}
    .perfect-rental-hom-pic{ border-radius: 15px; margin: 0 auto;}
    .perfect-rental-hom-pic-content-box { border-radius: 10px;}
    .perfect-rental-hom-right{ max-width: 695px; text-align: center; margin-top: 20px;}
    .ftr-top:before{display: none;}
    .ftr-top-right{border-top: 1px solid #4D204D; padding-top: 20px; margin-top: 20px;}

    .ftr-logo, .ftr-col{text-align: center;}
    .ftr-menu ul{justify-content: center;}
    ul.adrs li { padding-left: 0px;}
    ul.adrs li span { position: relative; margin-right: 5px;}
    .ftr-col{margin-bottom: 30px;}
    .discoverhom_carousel { padding-top: 0px;}
    .discover-hom-sec .opportunity-hom-title {margin-bottom: 0;}
    .banner-pic-wrapper, .real-estate-hom-pic{ border-radius: 15px;}
    .innen-bann-content.text-center { position: relative; top: 0; transform: inherit; padding: 20px 15px; background-color: #fdf0fa;}
    .looking-opposite .looking-buy-pic-left { margin-left: 0px;}
    .looking-buy-content { max-width: inherit; padding-left: 0px; text-align: center;}
    .looking-buy-pics:before, .look-buy-dots{display: none;}
    .journey-content, .journey-title { text-align: center;}
    .looking-btn-list ul { justify-content: center;}
    .contact-info-icon { width: 40px; height: 40px; font-size: 17px;}
    .contact-info-right { width: calc(100% - 40px);  padding-left: 15px;}
    .properties-tab .nav-link { padding: 0.3rem 0.5rem;}
    .overview-box-left { padding-right: 0px; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #EDEDED;}
    .overview-box-right { padding-left: 0px; width: 100%; padding-top: 10px;}
    .overview-box:before{ display: none;}
    .view-tick-circel-list ul li { width: 50%;}
    .view-apartment-row .slider-for .slick-prev { left: 0px;}
    .view-apartment-row .slider-for .slick-next { right: 0px;}
    .not-found-box{padding: 20px 15px;}
    .journey-btn-list .btn { padding: 6px 16px; font-size: 15px;}
    
    


}
@media only screen and ( max-width: 575px ) {

    :root{
        --f-size-XXXL: 28px;
        --f-size-XXL: 26px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --f-size-M: 19px;

        /*--f-size-S: 18px;
        --f-size-Body: 16px;*/

       /* --f-size-XXXL: 32px;
        --f-size-XXL: 28px;
        --f-size-XL: 26px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        
        --f-size-S: 18px;
        --f-size-Body: 16px;*/
    }
    .banner-side-gap { padding: 0 0px; width: 90%; margin: 0 auto;}
    .container { width: 90%;}
    .banner-side-gap .container { width: 100%;}
    .real-estate-hom-box { text-align: center;}
    .real-estate-hom-content h4:before { height: 1px; background: linear-gradient(to right, rgba(136, 0, 133, 0), rgba(136, 0, 133, 0.3), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0));}
    .bann-hom-tab-row .tab-content { padding: 10px 10px;}
    .view-apartment-row .slider-for .slick-slide { height: 300px;}
    .view-apartment-row .slider-nav .slick-slide { height: 55px;}
    .properties-image-wrap{height: 300px;}
    .contact-form { padding: 20px;}
    .tab-inner-right input.form-control { width: 100%; margin-right: 0; margin-bottom: 15px;}
    .tab-inner-right .btn { margin: 0 auto;}
    .tab-inner-left { margin-bottom: 12px;}

}
@media only screen and ( max-width: 480px ) {
    .tab-inner-right { width: 100%; padding-left: 0px; margin-top: 10px; text-align: center;}
    .tab-inner-left { width: 100%;}
    .tab-inner-right .btn { padding: 6px 15px;}


    :root{
        --f-size-XXXL: 26px;
        --f-size-XXL: 24px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 19px;
        
        --f-size-S: 17px;
        /*--f-size-Body: 16px;*/

       /* --f-size-XXXL: 28px;
        --f-size-XXL: 26px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --f-size-M: 19px;
        
        --f-size-S: 18px;
        --f-size-Body: 16px;*/
    }

    .free-property-hom-pic-content-box, .perfect-rental-hom-pic-content-box { padding: 20px 15px; border-radius: 0 0 15px 15px; width: 100%; position: relative; top: 0; max-width: inherit;}
    .free-property-hom-right{padding-bottom: 0;}
    .free-property-hom-pic, .perfect-rental-hom-pic { border-radius: 15px 15px 0 0;}
    .perfect-rental-hom-icon { margin: 0 auto 15px;}
    .perfect-rental-hom-pic-content-box p { width: 100%; padding-left: 0px; text-align: center;}
    .discover-box { padding: 5px;}
    .perfect-rental-hom-pic-content-box p { padding-left: 15px;}
    .header-right .btn { padding: 8px 15px;}
    .logo { max-width: 70px;}
    .btn { padding: 8px 20px;}
    .main_menu { min-height: calc(100vh - 91px); top: 91px;}
    .inner-banner .innen-bann-content h1 { margin-bottom: 7px;}
    .contact-info-list ul li { margin-bottom: 20px;}
    .overview-list-label { width: 55%;}
    .overview-list-count { width: 45%;}
    .view-tick-circel-list ul li { width: 100%;}
    .view-location-map iframe { border-radius: 10px;}
    .view-apartment-row .slider-nav { margin-top: 5px;}
    .view-apartment-row .slider-for .slick-slide { height: 250px;}
    .view-apartment-row .slider-nav .slick-slide { height: 45px;}
    .properties-image-wrap{height: 250px;}
    .contact-form .inp-holder { overflow-x: auto;}
    

}
@media only screen and ( max-width: 380px ) {

    :root{
        --f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 20px;
        /*--f-size-L: 18px;
        --f-size-M: 19px;
        
        --f-size-S: 17px;
        --f-size-Body: 16px;*/

         /*--f-size-XXXL: 26px;
        --f-size-XXL: 24px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 19px;
        
        --f-size-S: 17px;
       --f-size-Body: 16px;*/
    }
    .discover-content-bottom ul li { width: 31%; margin-right: 5px;}
    .discover-content-bottom ul li p { font-size: 14px; display: block; text-align: center;}
    .discover-content-bottom ul li p span { margin: 0 auto 4px; display: block;}
    .discover-content-bottom ul li p span img{ margin: 0 auto;}
    .free-property-hom-pic-content-box, .perfect-rental-hom-pic-content-box { padding: 15px 10px;}
    .header-right .btn { padding: 6px 11px; font-size: 14px;}
    .click { margin-left: 6px; width: 40px; height: 40px;}
    .logo { max-width: 60px;}
    .main_menu { min-height: calc(100vh - 82px); top: 82px;}

    .contact-info-icon { width: 30px; height: 30px; font-size: 14px;}
    .contact-info-right { width: calc(100% - 30px);  padding-left: 10px;}
    .contact-info-list ul li { margin-bottom: 15px;}
    .looking-buy-pic-right-box p { font-size: 15px;}
    .view-features-box, .overview-box { padding: 15px 15px;}
    .view-apartment-row .slider-nav .slick-slide { margin-right: 2px;}
    .view-apartment-row .slider-for .slick-slide { height: 200px;}
    .properties-image-wrap{height: 200px;}
    .contact-form { padding: 15px;}


}

/*Media Query css*/