@charset "utf-8";



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



/* @font-face {

    font-family: 'IvyMode-Thin';

    src: url('../fonts/IvyMode-Thin.eot');

    src: url('../fonts/IvyMode-Thin.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-Thin.woff2') format('woff2'),

        url('../fonts/IvyMode-Thin.woff') format('woff'),

        url('../fonts/IvyMode-Thin.ttf') format('truetype'),

        url('../fonts/IvyMode-Thin.svg#IvyMode-Thin') format('svg');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'IvyMode-ThinItalic';

    src: url('../fonts/IvyMode-ThinItalic.eot');

    src: url('../fonts/IvyMode-ThinItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-ThinItalic.woff2') format('woff2'),

        url('../fonts/IvyMode-ThinItalic.woff') format('woff'),

        url('../fonts/IvyMode-ThinItalic.ttf') format('truetype'),

        url('../fonts/IvyMode-ThinItalic.svg#IvyMode-ThinItalic') format('svg');

    font-weight: 100;

    font-style: italic;

    font-display: swap;

} */



@font-face {

    font-family: 'IvyMode-Light';

    src: url('../fonts/IvyMode-Light.eot');

    src: url('../fonts/IvyMode-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-Light.woff2') format('woff2'),

        url('../fonts/IvyMode-Light.woff') format('woff'),

        url('../fonts/IvyMode-Light.ttf') format('truetype'),

        url('../fonts/IvyMode-Light.svg#IvyMode-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'IvyMode-LightItalic';

    src: url('../fonts/IvyMode-LightItalic.eot');

    src: url('../fonts/IvyMode-LightItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-LightItalic.woff2') format('woff2'),

        url('../fonts/IvyMode-LightItalic.woff') format('woff'),

        url('../fonts/IvyMode-LightItalic.ttf') format('truetype'),

        url('../fonts/IvyMode-LightItalic.svg#IvyMode-LightItalic') format('svg');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}

@font-face {

    font-family: 'IvyMode-Regular';

    src: url('../fonts/IvyMode-Regular.eot');

    src: url('../fonts/IvyMode-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-Regular.woff2') format('woff2'),

        url('../fonts/IvyMode-Regular.woff') format('woff'),

        url('../fonts/IvyMode-Regular.ttf') format('truetype'),

        url('../fonts/IvyMode-Regular.svg#IvyMode-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'IvyMode-SemiBold';

    src: url('../fonts/IvyMode-SemiBold.eot');

    src: url('../fonts/IvyMode-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-SemiBold.woff2') format('woff2'),

        url('../fonts/IvyMode-SemiBold.woff') format('woff'),

        url('../fonts/IvyMode-SemiBold.ttf') format('truetype'),

        url('../fonts/IvyMode-SemiBold.svg#IvyMode-SemiBold') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'IvyMode-SemiBoldItalic';

    src: url('../fonts/IvyMode-SemiBoldItalic.eot');

    src: url('../fonts/IvyMode-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-SemiBoldItalic.woff2') format('woff2'),

        url('../fonts/IvyMode-SemiBoldItalic.woff') format('woff'),

        url('../fonts/IvyMode-SemiBoldItalic.ttf') format('truetype'),

        url('../fonts/IvyMode-SemiBoldItalic.svg#IvyMode-SemiBoldItalic') format('svg');

    font-weight: 600;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'IvyMode-Italic';

    src: url('../fonts/IvyMode-Italic.eot');

    src: url('../fonts/IvyMode-Italic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-Italic.woff2') format('woff2'),

        url('../fonts/IvyMode-Italic.woff') format('woff'),

        url('../fonts/IvyMode-Italic.ttf') format('truetype'),

        url('../fonts/IvyMode-Italic.svg#IvyMode-Italic') format('svg');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}

@font-face {

    font-family: 'IvyMode-Bold';

    src: url('../fonts/IvyMode-Bold.eot');

    src: url('../fonts/IvyMode-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-Bold.woff2') format('woff2'),

        url('../fonts/IvyMode-Bold.woff') format('woff'),

        url('../fonts/IvyMode-Bold.ttf') format('truetype'),

        url('../fonts/IvyMode-Bold.svg#IvyMode-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'IvyMode-BoldItalic';

    src: url('../fonts/IvyMode-BoldItalic.eot');

    src: url('../fonts/IvyMode-BoldItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/IvyMode-BoldItalic.woff2') format('woff2'),

        url('../fonts/IvyMode-BoldItalic.woff') format('woff'),

        url('../fonts/IvyMode-BoldItalic.ttf') format('truetype'),

        url('../fonts/IvyMode-BoldItalic.svg#IvyMode-BoldItalic') format('svg');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}

@font-face {

    font-family: 'BrittanySignatureRegular';

    src: url('../fonts/BrittanySignatureRegular.eot');

    src: url('../fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),

        url('../fonts/BrittanySignatureRegular.woff') format('woff'),

        url('../fonts/BrittanySignatureRegular.ttf') format('truetype'),

        url('../fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}









:root {

	--font-awesome: 'Font Awesome 6 Free';

	--nunito:"Nunito Sans", sans-serif;

	--Light-IvyMode:'IvyMode-Light';

	--Regular-IvyMode:'IvyMode-Regular';

	--Bold-IvyMode:'IvyMode-Bold';

	--SemiBold-IvyMode:'IvyMode-SemiBold';

	--extra-bold:900;

	--bold: 700;

	--semi-bold: 600;

	--medium: 500;

	--regular: 400;

	--light:300;

	--body-color:#262626;

    --bg-dark:#28292E;

	--black:#000;

	--white:#fff;

	--common-transition: all 0.3s ease 0s;

}







/* ~-~-~-~-~-~-~-~-~-~ global adjustments  start~-~-~-~-~-~-~-~-~-~ */

/* html { overflow-x: hidden; } */

body { margin: 0; padding: 0; font-family: var(--nunito); font-weight: var(--regular); font-size: 18px; color: var(--body-color); overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: var(--Regular-IvyMode); margin: 0 0 20px; padding: 0; }

h1 { font-size: 100px;}

h2 { font-size: 80px;}

h3 { font-size: 30px; }

p { line-height: 1.4; margin: 0 0 20px; padding: 0; }

.big-body-font p { font-size: 24px; }



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

    h1 { font-size: 60px;}

    h2 { font-size: 42px;}

    h3 { font-size: 28px; }

}

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

    h1 { font-size: 42px;}

    h2 { font-size: 36px;}

    h3 { font-size: 25px; }

    body{ font-size: 16px;}

}

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

    h1 { font-size: 32px;}

    h2 { font-size: 28px;}

    h3 { font-size: 22px; }

}

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

    h1 { font-size: 28px;}

    h2 { font-size: 25px;}

    h3 { font-size: 20px; }

}

/* --- form-control start --- */

.form-row { margin-bottom: 30px; }

.form-control, .form-control-xs { background-color: #fff !important; border: 1px solid #C9C9C9 !important; border-radius: 0; padding: 10px 20px; color: #BBBBBB !important;}

input.form-control, input.form-control-xs { height: 60px !important; }

textarea.form-control { height: 200px; resize: none; }

select.form-control { background-image: url(../images/chevron-down.svg) !important; background-position: right 10px center !important; background-repeat: no-repeat !important; background-size: 15px !important; box-shadow: none !important; padding-right: 30px !important; height: 60px !important; }

.form-control:focus { background: var(--bg-dark); box-shadow: none; border-color: #4F4F4F; color: #BBBBBB;}

.form-control::-moz-placeholder { color: #BBBBBB; opacity: 1; font-weight: 400; }

.form-control:-ms-input-placeholder { color: #BBBBBB; font-weight: 400; }

.form-control::-webkit-input-placeholder { color: #BBBBBB; font-weight: 400; }

input:-webkit-autofill,

input:-webkit-autofill:hover, 

input:-webkit-autofill:focus, 

input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #BBBBBB;}

/* --- form-control end --- */



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

    input.form-control, input.form-control-xs, select.form-control { height: 50px !important; }

    textarea.form-control{ height: 130px;}

    /* select.form-control{} */

}



@media only screen and (min-width: 1600px) {

	.container { max-width: 1500px; }

}

@media only screen and (min-width: 1740px) {

	.container { max-width: 1620px; }

}



img { max-width: 100%; }

.img img { width: 100%; }

a, img { border: 0; text-decoration: none; outline: none; }

a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--common-transition); }

a:hover { text-decoration: none; }

ul { padding: 0; margin: 0; list-style: none; }



.common-padding { padding: 100px 0; }

.common-padding-top { padding-top: 100px; }

.common-padding-bottom { padding-bottom: 100px; }

.common-padding-big-top{ padding-top: 140px;}

.common-padding-bog-bottom{ padding-bottom: 140px;}

.common-padding-small{ padding: 60px 0;}

.section-title { margin-bottom: 40px; }

.section-title span{ font-family: var(--Light-IvyMode); font-weight: var(--light);}

.light-bg { background: #FAFAFA; }

.sub-title { font-size: 18px !important; font-family: 'futura-medium'; letter-spacing: 3.6px; text-transform: uppercase; color: var(--light-blue); }

.title-style span { color: var(--light-blue); }

.bg-adjustment{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}

.image-adjustment{ position: relative;}

.image-adjustment img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.overlay-content{ position: relative; z-index: 3;}

.slick-arrow { width: 60px; height: 60px; background-position: center; background-size: 35px; background-repeat: no-repeat; border: 1px solid #C9C9C9; border-radius: 50%; cursor: pointer; transition: var(--common-transition); }

.slider-prev-button.slick-arrow{ background-image: url(../images/chevron-left.png);}

.slider-next-button.slick-arrow{ background-image: url(../images/chevron-right.svg);}

.slick-arrow:hover{ background-color: var(--white);}

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

	.common-padding { padding: 80px 0; }

	.common-padding-top { padding-top: 80px; }

	.common-padding-bottom { padding-bottom: 80px; }

	.section-title { margin-bottom: 30px; }

    .slick-arrow{ width: 50px; height: 50px;}

}

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

	.common-padding { padding: 60px 0; }

	.common-padding-top { padding-top: 60px; }

	.common-padding-bottom { padding-bottom: 60px; }

    .common-padding-small{ padding: 40px 0;}

   

}



/* --- button start --- */

.btn { display: inline-block; position: relative; background: transparent; border: 0; border-radius: 0; box-shadow: none; text-align: center; color: var(--body-color); font-size: 18px; font-weight: var(--semi-bold); text-transform: capitalize; line-height: 1; padding: 20px 40px 20px 25px; }

.btn span{ position: relative; z-index: 3; }



.btn::before { position: absolute; content: ''; width: 50px; height: 50px; background: url(../images/btn-border-black.svg); background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); transition: var(--common-transition); }

.btn::after { position: absolute; content: ''; background: url(../images/arrows.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 40px; height: 20px; top: 50%; right: 0; transform: translateY(-50%); z-index: 1;transition: var(--common-transition);}

.btn:hover, .btn:focus-visible, .btn:active, .btn:focus { background: transparent; box-shadow: none; outline: none; color: var(--body-color); }

.btn:hover::after{ right: -5px;}

.btn:hover::before{ background: url(../images/btn-border-black-hover.svg);}





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

.btn.btn-white::before{ background: url(../images/btn-border-white.svg); }

.btn.btn-white::after{ filter: brightness(0) invert(1);}

.btn.btn-white:hover::before{ background: url(../images/btn-border-white-hover.svg); }

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

    .btn{ font-size: 16px;}

}

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

    .btn{ padding: 17px 40px 17px 20px;}

    .btn::before{ width: 50px; height: 50px;}

    .btn:hover::before{ background: url(../images/btn-border-black.svg);}

}

/* --- button end --- */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end~-~-~-~-~-~-~-~-~-~ */



/* --- header start ------------------------------------------------------------------------------------------- */

/* ~~hamburger menu start~~ */

.hamburger-nav { display: none; vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 15px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }

.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }

.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }

/* ~~hamburger menu end~~ */



.main-header { position: fixed; top: 0; right: 0; left: 0; width: 100%; padding: 30px 0 0; z-index: 999; transition: var(--common-transition); }
.main-header .header-row{ align-items: center !important;}

.main-header .item-col{ width: 38%; border-bottom: 1px solid #BEBEBE; transition: var(--common-transition);}

.desktop-menu li{ font-weight: var(--semi-bold); margin: 0 50px;}

.desktop-menu li:first-child{ margin-left: 0;}

.desktop-menu li:last-child{ margin-right: 0;}

.desktop-menu li a{ display: block; position: relative; padding: 30px 0; color: var(--white);}



.desktop-menu li a::before { position: absolute; content: ''; height: 1px; width: 100%; background: var(--white); top: auto; bottom: 0; left: 0; opacity: 0; transition: var(--common-transition);}

.desktop-menu li a::after { position: absolute; content: ''; width: 10px; height: 8px; background: var(--white); top: auto; right: 0; bottom: 0; left: 0; margin: 0 auto; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); opacity: 0; transition: var(--common-transition);}



.desktop-menu li a:hover::before{ opacity: 1;}

.desktop-menu li a:hover::after{ opacity: 1;}



.main-header .search-wrap{ border-left: 1px solid #BEBEBE; margin-left: 30px; padding-left: 30px;}

.main-header .search-wrap a { display: block; width: 24px; height: 24px; background: url(../images/search.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; border: 0; outline: none;}

.main-header .logo-wrap{ max-width: 185px; transition: var(--common-transition);}

.main-header .logo-wrap img { width: 100%; height: 100%; }



/* sub-menu start */

.main-header .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; padding: 20px 30px; position: absolute; top: 50px; opacity: 0; visibility: hidden; transition: var(--common-transition); }

.main-header .menu-item-has-children .sub-menu a { display: block; padding: 5px 0; }

.main-header .menu-item-has-children:hover .sub-menu { top: 100px; opacity: 1; visibility: visible; }

.main-header .menu-item-has-children>a { padding-right: 25px; }

.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 15px; }

/* sub-menu end */



.main-header .current-menu-item a { color: var(--white) }

.main-header .current-menu-item a::before { opacity: 1;}

.main-header .current-menu-item a::after { opacity: 1;}





.mobile-menu { display: none; background: var(--bg-dark); width: 100vw;  height: 100dvh; position: fixed; top: 0; left: -100vw; overflow: hidden; z-index: 999; transition: var(--common-transition); }

.mobile-menu .top-row { padding: 20px 0; }



/* ~~ header sticky start ~~ */

@keyframes slide-down {

	0% {

		opacity: 0;

		transform: translateY(-100%);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}

.header-sticky .main-header { width: 100%; background: var(--bg-dark); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); padding: 15px 0; top: 0; animation: slide-down 0.5s; transition: var(--common-transition); }

.header-sticky .main-header .item-col { border-bottom: 0; }

.header-sticky .main-header .logo-wrap { max-width: 130px; }



/* .header-sticky .main-header .logo-wrap { } */

/* ~~ header sticky end ~~ */

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

    .desktop-menu li{ margin: 0 40px;}

}

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

    .main-header{ padding-top: 20px;}

    .main-header .logo-wrap{ max-width: 170px;}

    .desktop-menu li{ margin: 0 20px;}

    

}

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

    .main-header .logo-wrap{ max-width: 150px;}

    .desktop-menu li{ margin: 0 10px;}

    .main-header .search-wrap{ margin-left: 20px; padding-left: 20px;}

}

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

    .main-header { padding-top: 10px; }

    .main-header .item-col{ width: 38%;}

    .main-header .logo-wrap { max-width: 130px; }

    .desktop-menu li { margin: 0 7.5px; }

    .main-header .search-wrap{ margin-left: 10px; padding-left: 10px;}

    .header-sticky .main-header .logo-wrap { max-width: 120px; }

    .header-sticky .desktop-menu li a { padding: 20px 0; }

}

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

	.desktop-menu { display: none; }

    .main-header .header-row{ align-items: center !important;}

    .main-header .item-col{ width: auto; border-bottom: 0;}

	.hamburger-nav { display: block; }

    .main-header .logo-wrap { max-width: 100px; max-height: 90px;}

    /* .main-header .logo-wrap img{ height:100%;} */

    .main-header .search-wrap{ margin-left: 15px; padding-left: 0; border-left: 0;}

    .header-sticky .main-header .logo-wrap { max-width: 90px; }

	.mobile-menu { display: block;}

    .mobile-menu .logo-wrap { max-width: 100px; max-height: 80px;}

    .mobile-menu .logo-wrap img{ height:100%; width: 100%;}

    .mobile-menu ul{ display: block !important; padding-bottom: 25px;}

    .mobile-menu li{ border-bottom: 1px dashed #fff;}

    .mobile-menu li a { display: inline-block; padding: 15px 0; color: var(--white); }

    body.menu-open { height: 100vh; overflow: hidden; }

	.menu-open .mobile-menu { left: 0; overflow-y: scroll;}

	.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }

}

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

    .main-header .logo-wrap { max-width: 90px; }

    .header-sticky .main-header .logo-wrap { max-width: 75px; }

    .mobile-menu .logo-wrap { max-width: 100px; }

}

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

    .main-header { padding-top: 10px; }

}

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

    .main-header .logo-wrap { max-width: 70px; }

    /* .mobile-menu .logo-wrap { max-width: 85px; } */

    .header-sticky .main-header{ padding: 10px 0;}

    .header-sticky .main-header .logo-wrap { max-width: 70px; }

}

/* home-page start----------- */

.hero-banner-section { position: relative; padding-bottom: 50%; }

.hero-banner-section::before { position: absolute; content: ''; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.981531) 0.01%, rgba(0, 0, 0, 0.65) 52.8%, rgba(0, 0, 0, 0.81) 100%); top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; z-index: 2; }

.hero-banner-section .banner-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.hero-banner-section video { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.hero-banner-section .container-holder { display: flex; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

.hero-banner-section .banner-info { max-width: 700px; margin: 0 auto; padding-top: 150px; color: #fff; }

.hero-banner-section .button-wrap li{ margin: 0 15px;}

.hero-banner-section .button-wrap li:first-child{ margin-left: 0;}

.hero-banner-section .button-wrap li:last-child{ margin-right: 0;}



.common-bg{ background: url(../images/bg-style.png); position: relative;}

.common-bg::before { position: absolute; content: ''; background: var(--white); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.4; }

.common-bg .container{ position: relative; z-index: 3;}

.counter-section .counter-wraper li { width: 33.33%; text-align: center; border-right: 1px solid #262626; }

.counter-section .counter-wraper li:last-child{ border-right: 0;}

.counter-section .counter-wraper li span { font-size: 80px;}

/* .counter-section .counter-wraper li span.plus::after{ content: "+"; } */



.hom-about-section{ position: relative; overflow: hidden;}

.hom-about-section .bg-design { position: absolute; top: 0; right: 0; z-index: 1;}

.hom-about-section .inner-wraper { position: relative; z-index: 3; }

.hom-about-section .inner-wraper::before { position: absolute; content: ''; max-width: 880px; max-height: 538px; width: 100%; height: 100%; border: 1px solid #262626; top: 50%; left: 10%; transform: translateY(-50%); z-index: 1; }

.hom-about-section .col-item{ height: 100%; position: relative; z-index: 2;}

.hom-about-section .left-col .image-outer { padding-right: 135px; }

.hom-about-section .left-col .image-inner { position: relative; padding-bottom: 76.4%; }

.hom-about-section .col-item .image-inner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.hom-about-section .about-info { max-width: 680px; background: var(--white); padding: 50px 80px 0 50px; margin-right: -35px; position: absolute; right: 0; bottom: 20px; z-index: 3; }

.hom-about-section .right-col .image-outer{ padding-top: 200px;}

.hom-about-section .right-col .image-inner { position: relative; padding-bottom: 92.17%; }



.home-team-section{ background: var(--bg-dark);}

.home-team-section .team-info{ color: var(--white); margin-bottom: 45px;}

.home-team-section .team-info p{ font-size: 30px;}

.home-team-section .bottom-wrap{ position: relative;}

.home-team-section .bottom-wrap .image-outer { position: relative; padding: 3vw; text-align: center; width: fit-content; margin: 0 auto; opacity: 0; transition: var(--common-transition);} 

.home-team-section .bottom-wrap .image-outer span{ background:#4D4D4E; position: absolute;}

.home-team-section .bottom-wrap .image-outer span:nth-child(1) { width: 1px; height: 5vw; background: var(--white); top: -15px; }

.home-team-section .bottom-wrap .image-outer span:nth-child(2) { width: 5vw; height: 1px; top: 50%; right: -15px; transform: translateY(-50%);}

.home-team-section .bottom-wrap .image-outer span:nth-child(3) { width: 5vw; height: 1px; top: 50%; left: -15px; transform: translateY(-50%); }

.home-team-section .bottom-wrap .image-inner {     width: 20vw; height: 20vw; border-radius: 50%; position: relative; margin: 0 auto; overflow: hidden; }

.home-team-section .bottom-wrap .image-inner::before { position: absolute; content: ''; background: var(--bg-dark); top: 0; right: 0; bottom: 0; left: 0; opacity: 0.7; z-index: 1;}

.home-team-section .bottom-wrap .image-inner img{ width: 100%; height: 100%; object-fit: cover;}

.home-team-section .sevices-wrap li { width: 33.33%; position: relative; text-align: center; color: #fff; }

.home-team-section .sevices-wrap li .icon-wrap span { display: flex; align-items: center; justify-content: center; width: 5vw; height: 5vw; border: 1px solid #D1D1D1; border-radius: 50%; padding: 15px; margin: 0 auto 30px; }

.home-team-section .sevices-wrap li h3{ margin-bottom: 0;}

.home-team-section .sevices-wrap li a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 5; }

.home-team-section .sevices-wrap li .icon-wrap { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); padding: 0 5vw; z-index: 3; margin: 0 auto; }

.home-team-section .sevices-wrap li:hover .image-outer { opacity: 1;} 





.testimonial-section .slider-wraper{ position: relative;}

.testimonial-slider .item-inner { max-width: 1300px; margin: 0 auto; padding: 0 70px; }

.testimonial-slider .acount-info-row{ text-align: center; margin-bottom: 50px;}

.testimonial-slider .profile-wrap { flex: 0 0 auto; width: 100px; height: 100px; padding: 8px; border: 1px solid #D2D2D2; border-radius: 50%; margin-right: 20px; overflow: hidden; }

.testimonial-slider .profile-wrap img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.testimonial-slider .acount-info-row h3{ margin-bottom: 5px;}

.testimonial-slider p{  margin-bottom: 0;}

.testimonial-slider .text-wrap{ position: relative; text-align: center; z-index: 3;}

.testimonial-slider .text-wrap p{ font-size: 30px;}

.testimonial-section .arrow-wrap { position: absolute; right: 0; bottom: 30%; left: 0; z-index: 1; }



.properties-box { height: 100%; border: 1px solid #C9C9C9; padding: 20px;}

.properties-box .image-outer { position: relative; margin-bottom: 30px;}

.properties-box .status-wrap { background: var(--body-color); border-radius: 10px; padding: 5px 30px; font-weight: var(--bold); color: var(--white); position: absolute; top: 20px; left: 20px; z-index: 1; }

.properties-box .image-inner { position: relative; padding-bottom: 100%; }

.properties-box .image-inner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.properties-box h3{ font-family: var(--Bold-IvyMode); margin-bottom: 10px;}

.properties-box a{ color: var(--body-color);}

.properties-box .title-wrap h3{ font-family: var(--nunito);}

.properties-box .provied-wrap li{ display: flex; align-items: center; padding-right: 16px; margin: 10px 15px 10px 0; border-right: 1px solid #C9C9C9;}

.properties-box .provied-wrap li:last-child{ border-right: 0; padding-right: 0; margin-right: 0;}

.properties-box .provied-wrap li span { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 10px; }

.properties-section .button-wrap { margin-top: 40px; }



.neighborhoods-section{ background: var(--bg-dark); padding-bottom: 70px; color: var(--white);}

.neighborhoods-section .top-row{ margin-bottom: 40px;}

.neighborhoods-section .top-row h2{ margin-bottom: 0;}

.neighborhoods-section .button-wrap{ flex: 0 0 auto; padding-left: 30px;}

.neighborhoods-box-item{ margin-bottom: 30px;}

.neighborhoods-box{ position: relative; overflow: hidden;color: var(--white);}

.neighborhoods-box::before { position: absolute; content: ''; background: linear-gradient(180deg, rgba(40, 41, 46, 0) 0%, rgba(48, 47, 52, 0.69) 100%); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: var(--common-transition);}

.neighborhoods-box::after { position: absolute; content: ''; width: 100%; height: 100%; background: var(--bg-dark);  top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 2; opacity: 0; transition: var(--common-transition); }

.neighborhoods-box .image-wraper { position: relative; padding-bottom: 77%; }

.neighborhoods-box .image-wraper::before{ position: absolute; content: ''; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #A0A0A0; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 4; opacity: 0; transition: var(--common-transition); }

.neighborhoods-box .image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.neighborhoods-box .content-wraper { position: absolute; right: 50px; bottom: 30px; left: 50px; z-index: 5; transition: var(--common-transition);}

.neighborhoods-box .content-wraper .info-row { height: 0; overflow: hidden; transition: var(--common-transition);}

.neighborhoods-box .content-wraper .info-row .info-wrap{ padding-right: 50px;}

.neighborhoods-box .content-wraper .info-row p{ transition: var(--common-transition);}

.neighborhoods-box .content-wraper .info-row p:last-child{ margin-bottom: 0;}

.neighborhoods-box .content-wraper .info-row a { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 1px solid #fff; border-radius: 50%; transition: var(--common-transition);}

.neighborhoods-box .content-wraper .info-row a img{ transition: var(--common-transition);}

.neighborhoods-box .content-wraper .info-row a:hover{ background: var(--white);}

.neighborhoods-box .content-wraper .info-row a:hover img{ filter: brightness(0);}

.neighborhoods-box:hover::after {  opacity: 0.5; }

.neighborhoods-box:hover .image-wraper::before{ opacity: 1;}

.neighborhoods-box:hover .content-wraper{ bottom: 50px;}

.neighborhoods-box:hover .content-wraper .info-row{ height: auto;}



.team-contact-section .inner-wraper .imag-wraper { position: relative; height: 100%; padding-bottom: 107.5%; }

.team-contact-section .inner-wraper .imag-wraper img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.team-contact-section .inner-wraper .contact-info { display: flex; align-items: center; height: 100%; }

.team-contact-section .inner-wraper .contact-info-inner { padding: 0 80px 0 60px; }

.bottom-video-section .vide-wraper { max-width: 950px; margin: 0 auto; }

.bottom-video-section .vide-wraper .video-inner-wraper { position: relative; padding-bottom: 55%; }

.bottom-video-section .vide-wraper .video-inner-wraper video { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }



.main-footer{ background: var(--bg-dark); color: var(--white);}

.top-footer { position: relative;}

.top-footer::before { position: absolute; content: ''; background: url(../images/footer-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.top-footer .container{ position: relative; z-index: 3;}

.main-footer form{ padding-bottom: 80px; margin-bottom:80px; border-bottom: 1px solid #4F4F4F;}

.footer-newsletter-wraper { max-width: 1270px; }

.footer-newsletter-wraper .form-wraper { margin-top: 20px; }

.footer-newsletter-wraper .form-control { background: #262529; border: 1px solid #4F4F4F; }

.footer-newsletter-wraper .button-wrap{ margin-left: 15px;}

.footer-newsletter-wraper .button-wrap input[type="submit"]{ color: #fff !important;}

form{ position: relative;}

form p{ margin-bottom: 0;}

form .button-wrap { flex: 0 0 auto; padding: 0;}

.footer-newsletter-wraper form .button-wrap{ margin-left: 25px; }

form .button-wrap input[type="submit"] { background: transparent; border: 0; padding: 20px 40px 20px 25px;  position: relative; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; }

.footer-newsletter-wraper p{ font-size: 30px;}



@media only screen and (min-width: 1200px){

    .footer-contact .col-xl-2{ width: 20%;}

    .footer-contact .col-xl-4{ width: 30%;}

}

.main-footer .logo-wrap{ max-width: 180px;}

.main-footer .logo-wrap.logo-legacy-wrap { max-width: 100px; margin: 0 auto; }

.main-footer .logo-wrap img{     filter: brightness(0) invert(1);}

.main-footer .social-icon-wrap { margin-top: 30px; }

.main-footer form .mc4wp-response{ margin-top: 15px;}

/* .footer-contact{ border-top: 1px solid #4C565E; padding-top: 80px; margin-top: 80px;} */

.footer-contact p{ margin-bottom: 5px;}

.footer-contact a{ font-size: 30px; color: var(--white);}

.social-icon-wrap li { margin: 5px 10px 5px 0; }

.social-icon-wrap li:last-child{ margin-right: 0;}

.social-icon-wrap li a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border: 1px solid #FFFFFF; border-radius: 50%; transition: var(--common-transition);}

.main-footer .social-icon-wrap li a img{ filter: brightness(0) invert(1); transition: var(--common-transition);}

.social-icon-wrap li a:hover{ background: var(--white);}

.social-icon-wrap li a:hover img{ filter: brightness(0);}



.bottom-footer{ background: #3E3D42; padding: 30px 0;}

.bottom-footer li{ border-right: 1px solid var(--white); padding: 0 10px; line-height: 1;}

.bottom-footer li:last-child{ border-right: 0; padding-right: 0;}

.bottom-footer a{ color: var(--white);}

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

    .hero-banner-section .banner-info{ padding-top: 130px;}

    .counter-section .counter-wraper li span{ font-size: 42px;}

    .hom-about-section .inner-wraper::before{ left: 5%;}

    .home-team-section .team-info p { font-size: 28px; }

    .testimonial-slider .text-wrap p { font-size: 28px; }

    .footer-newsletter-wraper p{ font-size: 26px;}

    .footer-contact a{ font-size: 26px;}

    

}

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

    .hom-about-section .bg-design { max-width: 28%; }

    .hom-about-section .inner-wraper::before{ max-width: 720px; max-height: 420px;}

    .hom-about-section .left-col .image-outer { padding-right: 60px; }

    .hom-about-section .about-info{ max-width: 550px;}

    .hom-about-section .right-col .image-inner{ padding-bottom: 105%;}

    .neighborhoods-box .content-wraper .info-row .info-wrap { padding-right: 15px; }

    .neighborhoods-section .button-wrap{ padding-left: 15px;}

    .neighborhoods-box .content-wraper{ right: 40px; left: 40px;}

    .neighborhoods-box .content-wraper .info-row a{ width: 50px; height: 50px;}

    .neighborhoods-box:hover .content-wraper { bottom: 40px; }

    .team-contact-section .inner-wraper .contact-info-inner { padding: 0 40px 0 30px; }

    .main-footer .logo-wrap { max-width: 150px; }

}

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

    .hero-banner-section .banner-info { padding-top: 80px; }

    .counter-section .counter-wraper li span { font-size: 34px; }

    .hom-about-section .bg-design { max-width: 25%; }

    .hom-about-section .left-col .image-outer { padding-right: 30px; }

    .hom-about-section .about-info { max-width: 90%; padding: 30px 60px 0 30px; }

    .home-team-section .team-info p { font-size: 25px; }

    .home-team-section .bottom-wrap .image-outer{ padding: 1vw;}

    .home-team-section .bottom-wrap .image-inner{ width: 22vw; height: 22vw;}

    .home-team-section .sevices-wrap li .icon-wrap span{ padding: 10px;}

    .testimonial-slider .text-wrap p { font-size: 25px; }

    .properties-box { padding: 15px;}

    .properties-box .image-inner{ padding-bottom: 95%;}

    .properties-box h3{ font-size: 20px;}

    .properties-box .provied-wrap li{ margin: 5px 10px 5px 0;     padding-right: 10px;}

    .team-contact-section .inner-wraper .contact-info{ padding: 50px 0;}

    .team-contact-section .inner-wraper .contact-info-inner { padding: 0 20px 0 20px; }

    .footer-newsletter-wraper p{ font-size: 22px;}

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

    .main-footer form{ padding-bottom: 50px; margin-bottom:50px;}

    .main-footer .logo-wrap{ max-width: 130px; }

    .main-footer .logo-wrap.logo-legacy-wrap{ margin: 30px 0 0;}

}

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

    .hero-banner-section .banner-info { padding-top: 60px; }

    .hom-about-section .left-col .image-outer { padding-right: 0; }

    .hom-about-section .left-col .image-inner{ padding-bottom: 82%;}

    .hom-about-section .right-col .image-inner { padding-bottom: 82%; }

    .hom-about-section .about-info { max-width: 100%; position: relative; padding: 30px 0; margin: 0; bottom: 0; }

    .hom-about-section .inner-wraper::before{ display: none;}

    .hom-about-section .right-col .image-outer { padding-top: 0; }

    .home-team-section .team-info p { font-size: 22px; }

    .home-team-section .sevices-wrap ul{ flex-wrap: wrap;}

    .home-team-section .sevices-wrap li{ width: 50%; margin: 0 auto;}

    .home-team-section .bottom-wrap .image-outer{ opacity: 1;}

    .home-team-section .bottom-wrap .image-inner { width: 40vw; height: 40vw; }

    .home-team-section .bottom-wrap .image-outer span{ display: none;}

    .home-team-section .sevices-wrap li .icon-wrap span{ width: 9vw; height: 9vw;}

    .testimonial-slider .acount-info-row { margin-bottom: 30px; }

    .testimonial-slider .text-wrap p { font-size: 22px; }

    .testimonial-slider .item-inner{ padding: 0 60px;}

    .properties-box-item{ margin-bottom: 30px;}

    .properties-box-item:last-child{ margin-bottom: 0;}

    .neighborhoods-section{ padding-bottom: 50px;}

    .neighborhoods-section .top-row { margin-bottom: 30px; }

    .neighborhoods-box .image-wraper::before{ opacity: 1;}

    .neighborhoods-box::after{ opacity: 0.5;}

    .neighborhoods-box .content-wraper{ bottom: 40px;}

    .neighborhoods-box .content-wraper .info-row{height: auto;}

    .team-contact-section .inner-wraper .imag-wraper{ padding-bottom: 100%;}

    .team-contact-section .inner-wraper .contact-info{ padding: 40px 0 !important;}

    .main-footer .logo-wrap{ margin: 0 0 30px;}

    .main-footer .logo-wrap.logo-legacy-wrap{ max-width: 80px;}

    .main-footer .phone-wrap{ margin-bottom: 30px;}

}

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

    .hero-banner-section{ padding-bottom: 0;}

    .hero-banner-section::before{ display: none;}

    .hero-banner-section .banner-bg{ position: relative; padding-bottom: 50%;}

    .hero-banner-section .video-wraper{ position: relative; padding-bottom: 50%;}

    .hero-banner-section .container-holder{ position: relative;}

    .hero-banner-section .banner-bg::before{position: absolute; content: ''; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.981531) 0.01%, rgba(0, 0, 0, 0.65) 52.8%, rgba(0, 0, 0, 0.81) 100%); top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; z-index: 2;}

    .hero-banner-section .banner-info{ padding: 60px 0; color: var(--body-color);}

    .hero-banner-section .section-title { margin-bottom: 0; }

    .hero-banner-section a.btn.btn-white{ color: var(--body-color);}

    .hero-banner-section .btn.btn-white::before{ background: url(../images/btn-border-black.svg);}

    .hero-banner-section .btn.btn-white::after{ filter: inherit;}

    .hero-banner-section .btn.btn-white:hover::before{ background: url(../images/btn-border-black-hover.svg);}

    .counter-section .counter-wraper li span { font-size: 28px; }

    .home-team-section .bottom-wrap .image-inner { width: 32vw; height: 32vw; }

    .home-team-section .team-info p { font-size: 20px; }

    .testimonial-slider .text-wrap p { font-size: 20px; }

    .testimonial-slider .item-inner{ padding: 0;}

    .testimonial-section .arrow-wrap { position: relative; justify-content: center !important; margin-top: 20px; }

    .testimonial-section .arrow-wrap .slick-arrow { margin: 0 5px; }

    .testimonial-section .arrow-wrap .slick-arrow:first-child{ margin-left: 0;}

    .testimonial-section .arrow-wrap .slick-arrow:last-child{ margin-right: 0;}

    .properties-box h3 { font-size: 20px; }

    .neighborhoods-section{ padding-bottom: 30px;}

    .team-contact-section .inner-wraper .contact-info-inner { padding: 0 15px 0 15px; }

    .footer-newsletter-wraper p{ font-size: 20px;}

    .main-footer form { padding-bottom: 40px; margin-bottom: 40px; }

    .footer-contact a { font-size: 20px; }

    .main-footer .logo-wrap{ max-width: 110px; margin-left: 0;}

    .social-icon-wrap li { margin: 5px 5px 5px 0; }

    .bottom-footer .inner-row{ display: block !important; text-align: center;}

    .bottom-footer{ padding: 20px 0;}

    .bottom-footer .policy-wrap{ margin-top: 10px;}

    .bottom-footer .policy-wrap ul{ justify-content: center;} 

}

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

    .hero-banner-section .banner-info{ padding: 50px 0;}

    .hero-banner-section .banner-info .button-wrap ul{ display: block !important;}

    .hero-banner-section .banner-info .button-wrap li{ margin: 0 0 15px;}

    .hero-banner-section .banner-info .button-wrap li:last-child{ margin: 0;}

    .home-team-section .team-info p { font-size: 18px; }

    .home-team-section .sevices-wrap li{ width: 80%; margin: 0 auto 30px;}

    .home-team-section .sevices-wrap li:last-child{ margin-bottom: 0;}

    .home-team-section .bottom-wrap .image-outer { padding: 0; }

    .home-team-section .bottom-wrap .image-inner{ width: 100%; height: 100%;}

    .home-team-section .sevices-wrap li .icon-wrap{ padding: 0 15px;}

    .home-team-section .sevices-wrap li .icon-wrap span { width: 70px; height: 70px; padding: 15px; margin: 0 auto 20px; }

    .testimonial-slider .profile-wrap{ width: 80px; height: 80px; padding: 5px; margin-right: 10px;}

    .testimonial-slider .text-wrap p { font-size: 18px; }

    .properties-box { padding: 10px; }

    .neighborhoods-box .image-wraper{ padding-bottom: 90%;}

    .neighborhoods-box .image-wraper::before{ width: calc(100% - 15px); height: calc(100% - 15px);}

    .neighborhoods-box .content-wraper { right: 25px; bottom: 25px; left: 25px; }

    .neighborhoods-box .content-wraper .info-row{ display: block !important;}

    .neighborhoods-box .content-wraper .info-row .info-wrap { padding-right: 0; }

    .neighborhoods-section .content-wraper .button-wrap { padding-left: 0; margin-top: 10px; }

    .neighborhoods-box .content-wraper .info-row a { margin-left: auto; }

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

    .top-footer.common-padding { padding: 40px 0; }

    /* .footer-newsletter-wraper .form-wraper form{ display: block !important;} */

    .footer-newsletter-wraper .form-wraper .button-wrap{ margin: 20px 0 0 ;}

    .footer-newsletter-wraper p{ font-size: 18px;}

    .footer-newsletter-wraper form .button-wrap{ margin: 25px 0 0 0;}

    /* .footer-contact { padding-bottom: 30px; margin-bottom: 30px; } */

    .footer-contact a { font-size: 18px; }

    .main-footer .logo-wrap{ margin: 0 auto 25px;}

    .main-footer .logo-wrap.logo-legacy-wrap{ max-width: 70px; margin:0 auto;}

    .main-footer .phone-wrap { margin-bottom: 25px; }

    .main-footer .email-wrap{ margin-bottom: 25px;}

    .main-footer .social-icon-wrap ul{ justify-content: center !important;}

}

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

    .counter-section .counter-wraper ul{ flex-wrap: wrap;}

    .counter-section .counter-wraper li { width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-right: 0; border-bottom: 1px solid #262626; }

    .counter-section .counter-wraper li:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

    .neighborhoods-section .top-row{ display: block !important;}

    .neighborhoods-section .top-row .button-wrap { padding: 0; margin-top: 20px; }

    .neighborhoods-box .image-wraper { padding-bottom: 115%; }

    .neighborhoods-box .content-wraper .info-row a { width: 40px; height: 40px; }

}

/* home-page end----------- */





/* About page start*/

.inner-banner-section { padding-bottom: 28.4%; }

.custom-img-design { padding: 10px; border: 1px solid #C9C9C9; }

.abt-story-section .row, .contact-top-info-inner .row { margin-right: -40px; margin-left: -40px; }

.abt-story-section .story-col, .contact-top-info-inner .story-col { padding-left: 40px; padding-right: 40px; }

.abt-story-section .story-img { padding-bottom: 123%; position: relative; }

.story-big-img-inner { padding-bottom: 81.532%; position: relative; }

.abt-story-section .story-img img, .story-big-img-inner img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; padding: 10px; }

.story-big-img .story-big-content { background: #F9F9F9; position: relative; margin: -22% 30px 0; padding: 15px; text-align: center; }

.story-big-img .story-big-content h2 { font-size: 70px; font-family: 'BrittanySignatureRegular'; line-height: 1.8; }

.story-big-img .story-big-content p { margin: -20px 0 0; font-size: 30px; }

.abt-story-section p:last-child{ margin-bottom: 0;}

.abt-video-section { background-color: #28292E; overflow: hidden;}

.abt-video-section .bg-design { position: absolute; right: -5px; bottom: -2px;}

.abt-video-section .video-title { position: relative; display: flex; }

.abt-video-section .video-title:before { content: ""; width: 32%; height: 2px; background: var(--bs-white); display: block; margin-right: 25px; margin-top: 50px; }



.abt-video-sec .abt-video-box { padding-bottom: 40%; position: relative; }

.abt-video-sec .abt-video-box video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }

.abt-video-sec .abt-video-box .video-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; height: 100%; }

.abt-video-sec .play-bt {  background: var(--bs-white); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; width: 96px; height: 96px; transition: .5s all; z-index: 2; cursor: pointer;}

.abt-video-sec .play-bt img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; margin: 0 auto; }

.abt-video-sec .play-bt:before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.15); border-radius: 50%; animation: ripple 2s linear infinite; }

.abt-video-sec .play-bt:after { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.05); border-radius: 50%; animation: ripple 2s linear 1s infinite; }

@keyframes ripple {

    0% {

        transform: scale(0.5);

    }

    50% {

        transform: scale(1.2);

        opacity: 1;

    }

    100% {

        transform: scale(1.5);

        opacity: 0;

    }

}



.abt-work-team-sec .row { position: relative; z-index: 2; }

.abt-work-team-sec .abt-work-team-content { padding: 0 7%; }

.abt-work-team-sec .abt-team-img {padding-bottom: 110%; position: relative;  }

.abt-work-team-sec .abt-team-img img, .project-main-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }

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

    .story-big-img .story-big-content h2{ font-size: 50px;}

    .story-big-img .story-big-content p{ font-size: 28px;}

}

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

    .inner-banner-section .section-title { margin-top: 30px; }

    .abt-story-section .row, .contact-top-info-inner .row { margin-right: -20px; margin-left: -20px; }

    .abt-story-section .story-col, .contact-top-info-inner .story-col { padding-left: 20px; padding-right: 20px; }

    .story-big-img .story-big-content{ padding: 15px 5% 15px 20px;}

    .story-big-img .story-big-content h2 { font-size: 36px; }

    .story-big-img .story-big-content p { font-size: 22px; }

    .abt-video-sec .abt-video-box{ padding-bottom: 45%;}

    .abt-work-team-sec .abt-work-team-content{ padding: 0 5%;}

}

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

    .inner-banner-section{ padding-bottom: 32%;}

    .abt-story-section .row, .contact-top-info-inner .row { margin-right: -15px; margin-left: -15px; }

    .abt-story-section .story-col, .contact-top-info-inner .story-col { padding-left: 15px; padding-right: 15px; }

    .story-big-img .story-big-content h2 { font-size: 30px; }

    .story-big-img .story-big-content p { font-size: 18px; }

    .abt-video-section .bg-design{ max-width: 25%;}

    .abt-video-sec .play-bt{ width: 70px; height: 70px;}

    .abt-work-team-sec .abt-team-img{ padding-bottom: 100%;}

    .abt-work-team-sec .abt-work-team-content{ padding: 5% 3%;}

}

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

    .hero-banner-section.inner-banner-section{ padding-bottom: 40%;}

    .hero-banner-section.inner-banner-section .banner-bg { position: absolute; padding-bottom: 0; }

    .hero-banner-section.inner-banner-section .container-holder{ position: absolute;}

    .hero-banner-section.inner-banner-section .banner-info { color: #fff; padding: 0; }

    .inner-banner-section h1{ margin-bottom: 0;}

    .abt-story-section .story-img{ padding-bottom: 100%;}

    .abt-story-section .story-col{ margin-bottom: 30px;}

    .abt-story-section .story-col:last-child{ margin-bottom: 0;}

    .abt-video-section .video-title{ padding-top: 15px;}

    .abt-video-section .video-title:before { position: absolute; top: 0; left: 0; margin: 0; width: 20%; }

}

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

    .hero-banner-section.inner-banner-section{ padding-bottom: 55%;}

    .abt-video-sec .abt-video-box { padding-bottom: 55%; }

}

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

    .story-big-img .story-big-content h2 { font-size: 26px; }

    .story-big-img .story-big-content p { font-size: 16px; }

    .abt-video-sec .play-bt { width: 60px; height: 60px; }

}

/* About page end*/



/* contact page start*/

.contact-top-info-inner { padding: 50px; box-shadow: 0px 0px 14px -1px rgb(0 0 0 / 4%); }

.contact-rt-info { background-color: #F4F4F4; padding: 10% 12%; }

.contact-rt-info span.info-title { font-weight: 600; }

.contact-rt-info p a { color: var(--black); font-weight: 800; }

.contact-rt-info .social-icon-wrap li a { border-color: #262626; color: #262626;}

.contact-rt-info .social-icon-wrap li a:hover { background: #262626; color: var(--bs-white); }

.contact-rt-info .social-icon-wrap li a img { transition: var(--common-transition);}

.contact-rt-info .social-icon-wrap li a:hover img { filter: brightness(0) invert(1); }

.contact-form-inner { padding: 5%; }

.contact-form-inner .form-control { border: 1px solid #C9C9C9; background-color: var(--white); border-radius: 0; }

span.wpcf7-spinner { position: absolute; z-index: 1; right: 0; left: 0; bottom: -25px;  }

.wpcf7-not-valid-tip{ display: none;}

.wpcf7-not-valid{ border-color: #dc3232 !important;}

form .button-wrap.btn input[type="submit"]{ color:var(--black);}

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

    .contact-top-info-inner{ padding: 40px 30px;}

}

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

    .contact-top-info-inner { padding: 25px 15px; }

    .contact-rt-info{ padding: 15px;}

}

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

    .contact-top-info .story-col{ margin-bottom: 30px;}

    .contact-top-info .story-col:last-child{ margin-bottom: 0;}

}

/* contact page end*/



/* Home Valuation start*/

.main-header.dark-header { position: relative; background: var(--bg-dark); padding: 20px 0; }

/* body.header-sticky .main-header.dark-header { position: fixed; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; }

@keyframes slide-down {

    0% {

      transform: translateY(-100%);

      -moz-transform: translateY(-100%);

      -webkit-transform: translateY(-100%);

      -o-transform: translateY(-100%);

      -ms-transform: translateY(-100%);

    }

    100% {

      transform: translateY(0);

      -moz-transform: translateY(0);

      -webkit-transform: translateY(0);

      -o-transform: translateY(0);

      -ms-transform: translateY(0);

    }

  } */

/* .header-sticky .main-header.dark-header{ position: fixed;} */

/* main{ transition: var(--common-transition);} */

.header-sticky .main-header.dark-header { position: fixed; }

.archive.header-sticky main, .single.header-sticky main{ padding-top: 160px;}

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

    .archive.header-sticky main, .single.header-sticky main{ padding-top: 150px;}

}

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

    .archive.header-sticky main, .single.header-sticky main{ padding-top: 138px;}

}

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

    .archive.header-sticky main, .single.header-sticky main{ padding-top: 125px;}

}



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

    .archive.header-sticky main, .single.header-sticky main{ padding-top: 105px;}

}

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

    .archive.header-sticky main, .single.header-sticky main{ padding-top: 95px;}

}



.valuation-filter-form { padding: 30px 0; }

.custom-filter-col { flex: 0 0 auto; width: 20%; }

.valuation-filter-form .col-md-9 { width: 80%; }

.valuation-filter-form .col-md-3 { width: 20%; }

.custom-filter-col { flex: 0 0 auto; width: 20%; }

.valuation-filter-form input.search-btn { width: 100%; height: 60px; border: 0; border-radius: 0; background: var(--bg-dark); color: var(--white); }

.form-select { background-color: var(--bs-white); border: 1px solid #C9C9C9; border-radius: 0; height: 60px; }

.valuation-filter-form a.border-btn { width: 100%; height: 60px; border: 0; border-radius: 0; text-align: center; display: flex; align-items: center; justify-content: center; color: #28292E; border: 1px solid #C9C9C9; background-color: var(--bs-white); }

.condo-project-wrap { height: calc(100dvh - 204px); background-color: #FAFAFA; overflow: hidden; }



.advance_search .btn{ width: 100%; height: 60px; border: 0; border-radius: 0; background: var(--bg-dark); color: var(--white);}

.advance_search .btn::before{ display: none;}

.advance_search .btn::after{ display: none;}

.archieve-page .clearfix .cbp-filter-item{ margin: 0 7.5px 7.5px 0 !important; border: 1px solid #C9C9C9 !important;}

/* .cbp-l-filters-right { background: #fff; border: 1px solid #C9C9C9; }

.cbp-l-filters-right .cbp-l-dropdown-wrap{ background: transparent; color: var(--body-color);}

.cbp-l-filters-right .cbp-l-dropdown-wrap .cbp-l-dropdown-list{ background: #4d4c4d;}

.cbp-l-filters-right .cbp-l-direction{ background: transparent; border:0 !important;}

.cbp-l-filters-right .cbp-l-direction:after{ border-color: var(--body-color);} */



.condo-project-wrap .map-img-box { height: 100%; }

.condo-project-wrap .map-img-box iframe { height: 100%; width: 100%; }

.condo-project-rt { height: calc(100dvh - 204px); overflow-y: auto; overflow-x: hidden; }

.condo-project-rt-scroll { max-width: 767px; padding-top: 30px; padding-bottom: 30px; }

.condo-project-rt h2 { font-size: 30px; font-family: 'IvyMode-SemiBold'; margin-bottom: 30px; }

.condo-project-rt .sorting-listing select.form-select { max-width: 250px; height: 40px; font-size: 18px; }

.condo-project-rt .sorting-listing select.form-select { width: 250px; height: 40px; font-size: 18px; }

.condo-project-rt .filter-type-option a { width: 40px; height: 40px; border: 1px solid #28292E; display: flex; align-items: center; justify-content: center; margin: 0 8px; }

.project-main-img { display: block; padding-bottom: 100%; position: relative; overflow: hidden; }

.project-img-lt .project-tag { font-weight: bold; background: var(--bg-dark); position: absolute; top: 10px; left: 10px; display: inline-block; color: var(--white); font-size: 14px; padding: 5px 10px; border-radius: 5px; }

.project-content-rt h3 { font-family: var(--nunito); }

.project-content-rt h4 { font-size: 30px; font-family: var(--SemiBold-IvyMode); }

.project-content-rt p:last-child { margin-bottom: 0;}

.project-grid-view .project-content-rt { margin-top: 20px; }

.project-grid-view .project-content-rt h3 { font-size: 20px; }

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

    .project-content-rt h4{ font-size: 28px;}

}

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

    .project-content-rt h4{ font-size: 25px;}

    .advance_search .form-group{ padding-right: 7.5px !important; padding-left: 10px !important;}

}

/* Home Valuation end*/





/* singla page star */

/* .eplistingcarousel .slider-image-wraper{ position: relative !important; padding-bottom: 65%; height:auto !important;}

.eplistingcarousel .slider-image-wraper img{ position: absolute; z-index: 1; top:0; right:0; bottom:0; left:0;} */

.bootstrap-wrapper a{ color: var(--body-color);}

.bootstrap-wrapper .agent-info  .row{     margin-right: -15px !important;

    margin-left: -15px !important;}

.bootstrap-wrapper .agent-info__booking-section button.btn.custom-button { display: flex; align-items: center; width:fit-content; background: transparent; margin: 0 0 15px !important; padding-left: 0; border: 0 !important; color: #000 !important; }

.bootstrap-wrapper .agent-info__booking-section button.btn.custom-button i{ width: 20px; height: 20px; margin-right:10px; color: var(--body-color);}

.bootstrap-wrapper .agent-info__booking-section button.btn.custom-button::before{ display: none;}

.gallery-image-wraper{ position: relative; padding-bottom:75%; margin-bottom: 25px;}

.gallery-image-wraper img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% !important; margin: 0; object-fit: cover;}



.single-format-standard .bootstrap-wrapper button.btn{ background: transparent !important; border: 0 !important; width: fit-content; padding: 20px 40px 20px 25px; color: #000 !important;}

a.carousel-control-next, a.carousel-control-prev{ display: none !important;}

.stars .star-label { font-size: 20px; padding: 0 2.5px; }

.popup0margin .col-md-12{ padding: 0 10px !important;}

.popup0margin label.col-md-12 { padding: 0 !important; }

.popup0margin .form-group input, .popup0margin .form-group textarea{ background-color: #fff; border: 1px solid #C9C9C9; border-radius: 0; padding: 10px 20px !important; color: #BBBBBB;}

.agent-info__content{ padding-top: 30px;}

.agent-info__content .input-wrap{ background-color: #fff !important; border: 1px solid #000000 !important;}

.agent-info__content .input-wrap input, .agent-info__content .input-wrap span { border: 0; }

#loan-period input[type="text"]{ width: 60% !important;}

#loan-period .years{ width:40% !important}

.agent-info__content .row .col-md-1.ml-auto{ padding:0;}

.agent-info__content .row .col-md-1.ml-auto .ml-4 { margin: 0 !important; }

.p-photo-block .row{ height: auto !important;}





.neighborhoods-details-section{ padding-bottom:70px;}

.neighborhoods-details-image-holder{ margin-top: 50px;}

.neighborhoods-details-image-holder .image-item-col{ margin-bottom:30px;}

.neighborhoods-details-image-holder .image-item{ padding-bottom:75%;}



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

    .bootstrap-wrapper .agent-info__content .card-body { padding: 20px 15px !important; }

    

    

}



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

    .agent-info__content .card{ height:auto !important;}

    .agent-info__content .card-body{ position: relative; top: 0; left: 0; transform: none;}

    .mb-md-5{ margin-bottom:30px !important;}

    .agent-info__booking-section-container{ margin-top: 30px; padding:0 !important;}

    body .agent-info h2 { font-size: 20px !important; }

    .neighborhoods-details-section{ padding-bottom:50px;}

}

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

    .agent-info__content .row .col-md-1.ml-auto{     padding-right: 15px; padding-left: 15px; }

    .agent-info__content .add-favorite-color { margin-top: 10px; display: inline-block; }

    .stars .star-label{ font-size: 18px;}

    .neighborhoods-details-section{ padding-bottom:30px;}

    .cbp-wrapper-outer .cbp-item-wrapper .card-body { padding: 25px 15px !important; }

}



/* neighborhoods page start */



.neighborhood-details-section h2{ text-transform: uppercase;}

.neighborhood-details-section .image-holder{ padding-bottom:50%;}

.overview-wraper .section-title { max-width: 65%; }

.overview-info-item { display: flex; width: 25%; border-right: 1px solid #9F9F9F;}

.overview-info-item:last-child{ border-right: 0; }

.overview-wraper .overview-info-item {border-right: 0;}

.overview-info-item .item__icon { flex: 0 0 auto; background-color: var(--bg-dark); border-radius: 50%; width: 48px; height: 48px; padding: 8px; margin-right: 24px; }

.overview-info-item h4 { margin-bottom: 5px; text-transform: uppercase;}

.overview-info-item p { margin-bottom: 0; text-transform: uppercase; color:#9F9F9F; font-size: 15px;}

.overview-info-item .item__hover { position: relative; padding-right: 20px; cursor: pointer; }

.overview-info-item .item__hover::before { content: ""; position: absolute; z-index: 1; background: url(../images/hover-arrow.svg); background-size: 100% !important; background-repeat: no-repeat !important; background-position: center !important; width: 15px; height: 15px; top: 50%; right: 0; transform: translateY(-50%); }

.overview-info-item .item__hover-show { background: var(--bg-dark); padding: 15px 35px 15px 15px; width: 330px; position: absolute; z-index: 3; text-transform: none; color: var(--white); transform: translateX(-8px) translateY(calc(-100% - 5px)); opacity: 0; transition: var(--common-transition);}

.overview-info-item .item__hover-show .title{ display: block;}

.overview-info-item .item__hover-show::after{ content: ""; position: absolute; width: 8px; height: 8px; background-color: var(--bg-dark); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  bottom: -3px; left: 15px;}

.overview-info-item .item__hover:hover .item__hover-show{ opacity: 1;}



.tab-wraper .section-title { max-width: 65%; }

.tab-wraper .nav-tabs { border: 0; margin-bottom: 30px;}

.tab-wraper .nav-tabs .nav-item{ margin:0 5px;}

.tab-wraper .nav-tabs .nav-item:first-child{ margin-left:0;}

.tab-wraper .nav-tabs .nav-link, .tab-wraper .accordion-button { background: transparent; border: 1px solid #000; box-shadow: none; border-radius: 16px !important; padding: 8px 16px; color: var(--black); font-size: 16px; line-height: 1; }

.tab-wraper .nav-tabs .nav-link.active{ background:var(--bg-dark); color:var(--white);}

.neighborhood-details-section .accordion-item { border: 0; }

.neighborhood-details-section .accordion-body { padding: 0; }





.tab-wraper .info-wrap { max-width: 65%; margin-bottom: 50px; }



.tab-wraper .overview-info-items { padding: 50px 0; border-top: 1px solid #9F9F9F; border-bottom: 1px solid #9F9F9F; }

.tab-wraper .overview-info-items .overview-info-item{ justify-content: center;}

.tab-wraper .overview-info-items .overview-info-item:first-child{ justify-content:start;}

.tab-wraper #households .overview-info-item{ width:33.33%;}

.tab-wraper h5{ text-transform: uppercase;}





.progress-bar-wraper{ margin-top: 50px;}

.progress{ background:#F3F3F3; height:24px; border-radius: 5px; margin-bottom: 25px;}

.progress .progress-bar{ background:var(--bg-dark); border-radius: 5px;}

.progress-bar-wraper .progress:last-child{ margin-bottom:0;}

.population-progress-bar-wraper .progress-item{ margin-bottom: 25px;}

.population-progress-bar-wraper .progress-item:last-child{ margin-bottom: 0;}

.population-progress-bar-wraper .progress{ width: calc(100% - 100px); margin-right:15px; margin-bottom: 0;}

.population-progress-bar-wraper .population-age__range { flex: 0 0 auto; width: 85px; font-size: 14px; text-align: right; }



.population-progress-bar-wraper .level-progress-bar-wraper .progress { height: 160px; width: 100%;}

.level-progress-bar-wraper .progress .progress-bar{ margin: 0 2.5px; }

.level-progress-bar-wraper .progress .progress-bar:first-child{ margin-left:0;}

.level-progress-bar-wraper .progress .progress-bar:last-child{ margin-right:0;}

.progress-bar.chart-item-associate { background: rgba(112, 112, 112, 1); }

.progress-bar.chart-item-bachelor { background: rgba(163, 163, 163, 1); }

.level-progress-bar-wraper .level-progress-info li{ border-bottom: 1px solid #9F9F9F; position: relative; padding: 25px 0 25px 20px;}

.level-progress-bar-wraper .level-progress-info li::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; margin-right: 16px;}



.level-progress-bar-wraper .level-progress-info li.chart-item-school{ color:var(--bg-dark);}

.level-progress-bar-wraper .level-progress-info li.chart-item-school::before{ background:var(--bg-dark);}



.level-progress-bar-wraper .level-progress-info li.chart-item-associate{ color:rgba(112, 112, 112, 1);}

.level-progress-bar-wraper .level-progress-info li.chart-item-associate::before{ background: rgba(112, 112, 112, 1);}



.level-progress-bar-wraper .level-progress-info li.chart-item-bachelor{ color: rgba(163, 163, 163, 1);}

.level-progress-bar-wraper .level-progress-info li.chart-item-bachelor::before{ background: rgba(163, 163, 163, 1);}



.households-progress-bar-wraper{ padding-top: 50px;}

.households-progress-bar-wraper .progress-item { margin-bottom: 25px; }

.households-progress-bar-wraper .progress-item:last-child{ margin-bottom: 0; }

.households-progress-bar-wraper .progress { height: 6px; margin-bottom: 5px; }

.households-progress-bar-wraper .progress-item .chart-monobar { font-size: 16px; }



.households-progress-bar-wraper.employment-progress-bar-wraper{ border-top: 1px solid #9F9F9F;}



.related-section { padding-bottom:70px;}

.related-section .neighborhoods-box .image-wraper{ padding-bottom: 100%;}

.related-section .neighborhoods-box .image-wraper::before{ width: calc(100% - 20px); height: calc(100% - 20px);}

.related-section .neighborhoods-box .content-wraper{ right: 30px; left:30px;}

.related-section .neighborhoods-box:hover .content-wraper{ bottom:30px;}

.related-section .neighborhoods-box .content-wraper .info-row a {width: 35px; height: 35px;}



.map-section{ position: relative; padding-bottom:50%;}

.map-section iframe{ position: absolute; z-index: 1; top: 0; right: 0; bottom:0; left: 0; width: 100%; height: 100%; object-fit:cover;}

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

    .overview-wraper .overview-info-item{ width:50%; margin-bottom: 25px;}

    .overview-info-item{ border-right: 0;}

    .tab-wraper .overview-info-items .overview-info-item{ justify-content:start; width:33.33%; margin-bottom: 25px;}

}

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

    /* .tab-content>.tab-pane { display: block; opacity: 1;}

    .tab-wraper .accordion-item{ margin-bottom:25px;}

    .tab-wraper .accordion-item .accordion-button{ padding-right: 45px;}

    .tab-wraper .accordion-item .accordion-button::after { background: url(../images/plus-accordion.svg); background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important; position: absolute; top: 6px; right: 10px; }

    .tab-wraper .accordion-item .accordion-button:not(.collapsed)::after{ background: url(../images/minus.svg)} */

    .overview-wraper .section-title{ max-width: 700px;}

    .tab-wraper .section-title{ max-width:700px;}

    .tab-wraper .info-wrap{ max-width:700px;}

    .tab-wraper .info-wrap{ margin-bottom: 30px;}

    .tab-wraper .overview-info-items{ padding:30px 0 5px;}

    .progress-bar-wraper {margin-top: 30px; }

    .level-progress-bar-wraper{ margin-top: 30px; }

    .level-progress-bar-wraper .level-progress-info li{ padding: 20px 0 20px 20px;}

    .related-section { padding-bottom:50px;}

}

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

    .overview-info-item p{ font-size:13px;}

    .overview-info-item .item__hover-show { width: 220px; padding: 15px; right: -10px; }

    .overview-info-item .item__hover-show::after{ right:5px; left: auto;}

    .related-section { padding-bottom: 30px; }

}

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

    .neighborhood-details-section .image-holder { padding-bottom: 80%;}

    .overview-wraper .overview-info-item{ width:100%;}

    .overview-wraper .overview-info-item:last-child{ margin-bottom:0;}

    .overview-info-item .item__icon{ margin-right: 10px;}

    .tab-wraper .nav-tabs .nav-item{ width: 100%; margin:0 0 15px;}

    .tab-wraper .nav-tabs .nav-link{ width: 100%;}

    .tab-wraper .overview-info-items .overview-info-item{ width: 100%;}

    .overview-info-item .item__hover-show{ width:auto;}

    .tab-wraper #households .overview-info-item{ width: 100%;}

    .map-section{ padding-bottom: 75%;}

}

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

    .overview-info-item .item__icon{ width: 40px; height: 40px;}

    .progress{ height: 20px;}

    .population-progress-bar-wraper .progress{ width: calc(100% - 85px); margin-right:10px;}

    .population-progress-bar-wraper .population-age__range{ width:75px; font-size:13px;}

}



.neighborhood-location-section .image-wraper-holder{ padding-bottom: 115%;}

.neighborhood-location-section .step-from-wraper { display: flex; align-items: center; max-width: 550px; height: 100%; margin: 0 auto; text-align: center; }

.neighborhood-location-section .step-from-wraper .step-from-inner-wraper { flex: 0 0 auto; width: 100%; }

.neighborhood-location-section .step-from-wraper .steps-nav{ margin-bottom: 50px;}

.neighborhood-location-section .step-from-wraper .steps-nav li{ margin: 0 10px;}

.neighborhood-location-section .step-from-wraper .steps-nav li:first-child{ margin-left:0;}

.neighborhood-location-section .step-from-wraper .steps-nav li:last-child{ margin-right:0;}

.neighborhood-location-section .step-from-wraper .steps-nav li a{ display: flex; align-items: center; justify-content: center; background: #8b8b8b; width: 45px; height:45px; border-radius: 50%; color: var(--white);}

.neighborhood-location-section .step-from-wraper .steps-nav li a.active{ background: var(--black);}

.form-check { display: flex; padding: 0; text-align: left;}

.form-check input[type="checkbox"] { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 0; margin: 0 10px 0 0; }

input.error{ border-color:red !important;}

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

    .neighborhood-location-section .step-from-wraper .step-from-inner-wraper{ margin-bottom: 30px;}

    .neighborhood-location-section .step-from-wraper .steps-nav{ margin-bottom: 30px;}

}

.archieve-page .advance_search.row{ justify-content: end;}



.ihf-listings-search-map-container .listings-search-map { position: sticky; top: 130px; }
.ihf-listing-result-cell .ui-typography-body1{ display:block;}
.ui-outlined-input-notched-outline, .ui-button-outlined{ background: transparent !important; border: 1px solid #C9C9C9 !important;}
.ui-input-base-input{ height: 2.1876em;}
.ui-input-label-outlined.ui-input-label-margin-dense { transform: translate(15px, 20px) scale(1); }
.ui-button-contained-primary{ background: #28292E; color: #fff; font-family: "Nunito Sans", sans-serif;}
.listings-search-top-nav .ui-button-contained-primary{ height: 50px;}

.ihf-listings-search-map-container{ margin-top: 25px;}
.ihf-listing-result-mls-logo, .listing-footer { display: none; }
.listing-detail .ui-typography-body1, .shadow-root  div[role="dialog"] .fjmrd .ui-typography-body1{ display: block;}
.ihf-container .ui-grid-container .ui-grid:last-child{ display: none;}




/*Video Gallery CSS Start*/
/* .video-gallery-slider {width: 100%; max-width: 100%; margin: 0 auto; } */
.video-gallery-slider .video-slide.slick-slide{ display: block !important;}
.video-gallery-slider .video-slide{ padding-left: 15px; padding-right: 15px;}
.video-gallery-slider .video-slide .video-holder{ position: relative; padding-bottom: 56.3%;}
.video-gallery-slider .video-slide .video-holder video{ position: absolute; inset: 0; width: 100%; height: 100%; background: #000; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.slick-prev, .slick-next {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex !important; justify-content: center; align-items: center; z-index: 10; }
.slick-prev::before, .slick-next::before {font-size: 20px; color: #000 !important; }

.video-gallery-slider .slick-dots{ bottom: -35px;}
.video-gallery-slider .slick-dots li button:before{ display: none;}
.video-gallery-slider .slick-dots li button{ position: relative; border: 1px solid #000; border-radius: 50%; width: 18px; height: 18px;}
.video-gallery-slider .slick-dots li button:after{ content: ""; position: absolute; inset: 0; width: 8px; height: 8px; background: transparent; border-radius: 50%; margin: auto; transform: translate(0,0);}
.video-gallery-slider .slick-dots li.slick-active button:after{ background: #000;}

.portrait-video {
    position: relative;
    width: 100%;
    padding-top: 177.78%; /* 9:16 aspect ratio => (16 / 9) * 100 */
    overflow: hidden;
    background: #000;
    border-radius: 12px; /* Optional for rounded corners */
}

.portrait-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* You can change this to 'contain' if you want to avoid cropping */
}


@media (max-width: 1024px) {
    .slick-slide {display: flex !important; justify-content: center; align-items: center; }
    .slick-prev, .slick-next {position: static; display: inline-block !important; width: auto; height: auto; background: none; transform: none; margin: 10px; }
    .slick-prev {margin-right: 10px; color: #000 !important; }
    .slick-next {margin-left: 10px; color: #000 !important; }
    .slick-arrow-container {display: flex; justify-content: center; align-items: center; margin-top: 10px; }
}

/*Video Gallery CSS End*/